@rdsaude/pulso-react-components/dist/components/option-menu/index.cjs

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

"use strict";var Ve=Object.create;var M=Object.defineProperty,_e=Object.defineProperties,Ke=Object.getOwnPropertyDescriptor,Le=Object.getOwnPropertyDescriptors,Ge=Object.getOwnPropertyNames,V=Object.getOwnPropertySymbols,Fe=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty,se=Object.prototype.propertyIsEnumerable;var le=(e,t,o)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))q.call(t,o)&&le(e,o,t[o]);if(V)for(var o of V(t))se.call(t,o)&&le(e,o,t[o]);return e},c=(e,t)=>_e(e,Le(t));var u=(e,t)=>{var o={};for(var r in e)q.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&V)for(var r of V(e))t.indexOf(r)<0&&se.call(e,r)&&(o[r]=e[r]);return o};var $=(e,t)=>{for(var o in t)M(e,o,{get:t[o],enumerable:!0})},ie=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ge(t))!q.call(e,n)&&n!==o&&M(e,n,{get:()=>t[n],enumerable:!(r=Ke(t,n))||r.enumerable});return e};var b=(e,t,o)=>(o=e!=null?Ve(Fe(e)):{},ie(t||!e||!e.__esModule?M(o,"default",{value:e,enumerable:!0}):o,e)),qe=e=>ie(M({},"__esModule",{value:!0}),e);var Ze={};$(Ze,{OptionMenu:()=>we});module.exports=qe(Ze);var U=require("react/jsx-runtime"),P=()=>(0,U.jsx)("div",{className:"x-full flex py-onepulse","data-testid":"separator",children:(0,U.jsx)("div",{className:"flex-1 border-border-neutral border-hairline","data-testid":"divider-line"})});var E={};$(E,{Icon:()=>J,IconDualColor:()=>j,Root:()=>Y});var S=b(require("react"),1),he=require("@ark-ui/react/factory");var pe=b(require("react"),1);var C=b(require("react"),1);function W(e,t){let{targets:o,props:r,keyPrefix:n="inject",asChild:p}=t,a=C.Children.map(e,(l,s)=>{var x,g;if(!C.isValidElement(l))return l;let h=(g=(x=l.type)==null?void 0:x.displayName)!=null?g:"",v=o.includes(h),y=l.props;return C.cloneElement(l,c(i({},v?r:{}),{key:`${n}-${s.toString()}`}),W(y==null?void 0:y.children,{targets:o,props:r,keyPrefix:n,asChild:y==null?void 0:y.asChild}))});return p?a==null?void 0:a[0]:a}function _(e,{targets:t,props:o,asChild:r}){let n=pe.useId();return W(e,{targets:t,props:o,asChild:r,keyPrefix:n})}var ce=require("clsx"),ue=require("tailwind-merge"),B=(...e)=>(0,ue.twMerge)((0,ce.clsx)(...e));var fe=b(require("react"),1);var K=b(require("react"),1),d=require("@raiadrogasil/pulso-design-tokens");var de=b(require("react"),1),$e=require("react/jsx-runtime"),me=de.createContext({currentTheme:"rdsaudesistemas"});function R(){let e=K.useMemo(()=>({rdsaudesistemas:d.RDSAUDESISTEMAS_TOKENS,drogasil:d.DROGASIL_TOKENS,raia:d.RAIA_TOKENS,subscription:d.SUBSCRIPTION_TOKENS,prime:d.PRIME_TOKENS}),[]),t=K.useContext(me);if(!t)throw new Error("[Pulso] useTheme precisa estar dentro de um <ThemeProvider>. Verifique se o provedor est\xE1 corretamente configurado na raiz da aplica\xE7\xE3o.");let{currentTheme:o}=t;return i(i({},d.GLOBALS_TOKENS),e[o])}var T=require("react/jsx-runtime");function ye({color:e="brand",srText:t}){let o=R(),n=fe.useMemo(()=>({brand:o.colorActionFillBrandPrimaryEnabled,neutral:o.colorTextNeutralReadonly,black:o.colorTextNeutralDefault,white:o.colorTextNeutralInverse}),[o])[e];return(0,T.jsx)("div",{role:"status",className:B("grid size-8 place-items-center"),"aria-label":t,children:(0,T.jsxs)("svg",{className:B("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,T.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z",fill:n}),(0,T.jsx)("title",{children:t})]})})}var be=require("tailwind-variants"),N=(0,be.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Ue=N({slots:{root:["inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap","gap-x-[var(--spacing-inline-twopulse)] rounded-full","outline-[var(--color-action-border-focused)] outline-offset-2","font-inherit font-bold tracking-[var(--letter-spacing-default)]","focus-visible:outline-2","disabled:cursor-not-allowed disabled:text-[var(--color-text-neutral-disabled)]"]},variants:{variant:{"brand-primary":{root:["bg-[var(--color-action-fill-brand-primary-enabled)]","text-[var(--color-text-neutral-inverse)]","enabled:hover:bg-[var(--color-action-fill-brand-primary-hovered)]","active:bg-[var(--color-action-fill-brand-primary-pressed)]","disabled:bg-[var(--color-action-fill-brand-primary-disabled)]"]},"neutral-secondary":{root:["ring-[var(--color-action-border-neutral-secondary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-secondary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-secondary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-secondary-hovered)]","active:ring-[var(--color-action-border-neutral-secondary-pressed)]","active:bg-[var(--color-action-fill-neutral-secondary-pressed)]","disabled:ring-[var(--color-action-border-neutral-secondary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-secondary-disabled)]"]},"neutral-tertiary":{root:["ring-[var(--color-action-border-neutral-tertiary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-tertiary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-tertiary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-tertiary-hovered)]","active:ring-[var(--color-action-border-neutral-tertiary-pressed)]","active:bg-[var(--color-action-fill-neutral-tertiary-pressed)]","disabled:ring-[var(--color-action-border-neutral-tertiary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-tertiary-disabled)]"]}},size:{md:{root:["h-[var(--sizing-medium)] min-w-8 px-[var(--padding-inset-fourpulse)]","text-[length:var(--font-size-threepulse)]","leading-[var(--line-height-medium)]"]},ml:{root:["h-[var(--sizing-mediumlarge)] min-w-10 px-[var(--padding-inset-fourpulse)]"]},lg:{root:["h-[var(--sizing-large)] min-w-12 px-[var(--padding-inset-fivepulse)]"]},xl:{root:["h-[var(--sizing-extralarge)] min-w-14 px-[var(--padding-inset-sixpulse)]"]}},asIconOnly:{true:{root:"aspect-square px-0"}}},compoundVariants:[{size:["ml","lg"],class:{root:["text-[length:var(--font-size-threeandhalfpulse)]","leading-[var(--line-height-small)]"]}}],defaultVariants:{variant:"brand-primary",size:"ml",asIconOnly:!1}}),{root:xe}=Ue();var H=require("react/jsx-runtime");function Y(h){var v=h,{children:e,className:t,variant:o="brand-primary",size:r,disabled:n,loading:p,asChild:a,full:l}=v,s=u(v,["children","className","variant","size","disabled","loading","asChild","full"]);let y=_(e,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:o,size:r,disabled:n},asChild:a}),x=!n&&p,g={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},I={"aria-live":"polite","aria-busy":!0},A=S.useCallback(()=>{var ne,ae;if(S.Children.count(e)===1&&S.isValidElement(e)){let Ae=(ae=(ne=e.type)==null?void 0:ne.displayName)!=null?ae:"";return["ButtonIcon","ButtonIconDualColor"].includes(Ae)}return!1},[e]);return(0,H.jsx)(he.ark.button,c(i(i({},s),x&&I),{className:B(xe({variant:o,size:r,asIconOnly:A(),className:x&&"pointer-events-none"}),l&&"w-full",t),disabled:n,"data-scope":"button",children:x?(0,H.jsx)(ye,{color:g[o]}):y}))}Y.displayName="ButtonRoot";var Ie=require("react");var ve=b(require("react"),1);var ge=require("react/jsx-runtime");function m(n){var p=n,{symbol:e="rdicon-default",size:t="small",color:o="colorActionFillBrandPrimaryEnabled"}=p,r=u(p,["symbol","size","color"]);let a=R(),l=ve.useMemo(()=>({tiny:a.sizingTiny,"extra-small":a.sizingExtrasmall,small:a.sizingSmall,medium:a.sizingMedium}),[]);return(0,ge.jsx)("i",c(i({},r),{className:e,style:{fontSize:l[t],color:a[o],display:"inline-flex"}}))}m.displayName="Icon";var Pe=require("react/jsx-runtime");function J({variant:e,size:t,disabled:o,iconColor:r,symbol:n}){let p={md:"extra-small",ml:"small",lg:"small",xl:"small"},a={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},l=(0,Ie.useMemo)(()=>o?"colorTextNeutralDisabled":r||a[e],[o,e]),s=p[t];return(0,Pe.jsx)(m,{color:l,size:s,symbol:n})}J.displayName="ButtonIcon";var k={};$(k,{Bottom:()=>Z,Root:()=>Q,Top:()=>X});var Ce=require("@ark-ui/react/factory");var Re=require("react/jsx-runtime");function Q(p){var a=p,{children:e,size:t="small",disabled:o=!1,asChild:r}=a,n=u(a,["children","size","disabled","asChild"]);let l=_(e,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:t,disabled:o},asChild:r});return(0,Re.jsx)(Ce.ark.div,c(i({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":o,asChild:r},n),{className:"relative flex [&>[data-icon=top]]:absolute",children:l}))}Q.displayName="IconDualColorRoot";var Te=require("react/jsx-runtime");function X(p){var a=p,{children:e,color:t="colorActionTextOnbrandDefault",size:o,disabled:r}=a,n=u(a,["children","color","size","disabled"]);return(0,Te.jsx)(m,c(i({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":o,color:r?"colorTextNeutralDisabled":t,size:o},n),{children:e}))}X.displayName="IconDualColorTop";var Ne=require("react/jsx-runtime");function Z(p){var a=p,{children:e,color:t="colorTextNeutralDefault",size:o,disabled:r}=a,n=u(a,["children","color","size","disabled"]);return(0,Ne.jsx)(m,c(i({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":o,color:r?"colorTextNeutralDisabled":t,size:o},n),{children:e}))}Z.displayName="IconDualColorBottom";var Se=require("react/jsx-runtime");function j(o){var r=o,{size:e="ml"}=r,t=u(r,["size"]);let n={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,Se.jsx)(k.Root,c(i({},t),{size:n[e]}))}j.displayName="ButtonIconDualColor";var ee=require("react/jsx-runtime"),oe=({controls:e,testID:t})=>(0,ee.jsx)("div",{"data-testid":t,className:"x-full flex items-center gap-threepulse border-border-neutral border-t-[length:var(--border-width-quarterpulse)] bg-fill-neutral p-threepulse ",children:e.slice(0,2).map((o,r)=>{let n=o.type==="confirm"?"brand-primary":"neutral-tertiary";return(0,ee.jsx)(E.Root,{size:"lg",variant:n,onClick:o.handler,className:"flex-1",children:o.label},String(r))})});var Ee=require("@radix-ui/react-context"),F=b(require("react"),1);var D=require("react/jsx-runtime");function L({children:e,title:t}){let o=!!(t!=null&&t.length);return(0,D.jsxs)("div",{className:"flex flex-col",children:[(0,D.jsx)(P,{}),(0,D.jsx)("div",{className:"px-fivepulse py-twopulse",children:o&&(0,D.jsx)("h2",{className:"font-bold text-rdmodern text-text-neutral-readonly text-threeandhalfpulse leading-small",children:t})}),e]})}var z=require("react");var De=N({base:"flex items-center space-x-2",variants:{type:{single:"px-twopulse py-onepulse",multi:"px-twopulse py-onepulse"}}}),ot=N({base:"gap-onepulse p-onepulse"}),Oe=N({base:["bg-action-fill-neutral-tertiary-enabled","border-border-neutral-tertiary-enabled","border-none","duration-100 ease-in","focus:border-x-halfpulse","focus:border-y-halfpulse","focus:border-action-border-focused","focus:rounded-pill","hover:bg-action-fill-neutral-tertiary-hovered","hover:border-action-border-neutral-tertiary-hovered","hover:rounded-pill","disabled:cursor-not-allowed","disabled:bg-action-fill-neutral-tertiary-disabled","disabled:border-action-border-neutral-tertiary-disabled","disabled:border-none","active:bg-action-fill-neutral-tertiary-pressed","active:border-action-border-neutral-tertiary-pressed","active:rounded-pill","px-twopulse","py-onepulse"]});var f=require("react/jsx-runtime");function G({type:e="multi",content:t,checked:o,customColor:r,disabled:n,testID:p,onPress:a}){let[l,s]=(0,z.useState)(!1),h=!!t.prefixIcon,v=!!t.description,y=(0,z.useCallback)(()=>s(!0),[]),x=(0,z.useCallback)(()=>s(!1),[]),g=I=>{let A=h?23:25;return I&&I.length>A?`${I.substr(0,A)}...`:I};return(0,f.jsx)("button",{onMouseDown:y,onMouseUp:x,onClick:a,"data-testid":p,disabled:n,type:"button",className:Oe(),children:(0,f.jsxs)("div",{className:De({type:e}),children:[e==="multi"&&(0,f.jsx)("div",{className:"flex items-center p-onepulse",children:(0,f.jsx)(m,{symbol:o?"rdicon-checkbox-checked":"rdicon-checkbox-unchecked",color:n?"colorTextNeutralDisabled":o?r||"colorActionFillBrandPrimaryEnabled":"colorTextNeutralDefault",size:"small"})}),h&&(0,f.jsx)(m,{symbol:t.prefixIcon,color:n?"colorTextNeutralDisabled":"colorTextNeutralDefault",size:"small"}),(0,f.jsxs)("div",{className:"flex flex-1 flex-col items-start gap-halfpulse p-onepulse ",children:[(0,f.jsx)("p",{className:`tracking font-rdmodern font-regular text-threeandhalfpulse leading-small ${n?"text-text-neutral-disabled":"text-text-neutral"}`,children:t.label}),v&&(0,f.jsx)("p",{className:`tracking font-rdmodern font-regular text-threepulse leading-small ${n?"text-text-neutral-disabled":"text-text-neutral-placeholder"}`,children:g(t.description)})]}),e==="single"&&o&&(0,f.jsx)(m,{symbol:"rdicon-checkmark",color:"colorTextSuccessAlternative",size:"small"})]})})}var w=b(require("react"),1);var Me=b(require("react"),1);function te(e){return Me.default.isValidElement(e)&&e.type===G}var Be=require("react/jsx-runtime"),We="Only Fragment, OptionMenu.Item and Group components are allowed as children of OptionMenu.List. Please remove or replace any other elements.",He=0,Ye=()=>{let e=Date.now().toString(36),t=(++He).toString(36);return`${e}-${t}`};function re(t){var e=u(t,[]);let{__scopeOptionMenu:o,children:r,testID:n}=e,p=R(),{type:a}=ke("OptionMenuList",o),l=[];return w.default.Children.forEach(r,s=>{if(w.default.isValidElement(s)){if(s.type===w.default.Fragment){let h=s.props.children;l.push(h);return}if(te(s)||s.type===L||s.type===P)l.push(s);else throw new Error(We)}}),l=l.map(s=>te(s)?w.default.cloneElement(s,{key:Ye(),type:a}):s),(0,Be.jsx)("div",{className:"flex max-h-80 flex-col overflow-y-auto px-onepulse py-onepulse","data-testid":n,children:l})}var O=require("react/jsx-runtime"),ze="OptionMenu",Je=e=>{let{type:t,children:o,customEmptyMessage:r="N\xE3o foi encontrado nenhum resultado.",testID:n,__scopeOptionMenu:p}=e,a=F.default.Children.map(o,l=>{if(F.default.isValidElement(l)&&(l.type===re||l.type===oe))return l});return(0,O.jsx)(Xe,{scope:p,type:t,"data-testid":n,children:(0,O.jsx)("div",{className:"rounded-form border-border-neutral border-quarterpulse bg-fill-neutral py-onepulse",children:F.default.Children.count(o)>0?(0,O.jsx)("div",{className:"flex-grow",children:a}):(0,O.jsx)("div",{className:"flex items-start justify-center",children:(0,O.jsx)("p",{className:"tracking px-onepulse py-twopulse font-regular text-rdmodern text-text-neutral text-threeandhalfpulse leading-small",children:r})})})})},[Qe]=(0,Ee.createContextScope)(ze),[Xe,ke]=Qe(ze),we={Root:Je,Footer:oe,Divider:P,Item:G,List:re,Group:L};0&&(module.exports={OptionMenu});
//# sourceMappingURL=index.cjs.map