@rdsaude/pulso-react-components/dist/components/modal/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 Ko=Object.create;var M=Object.defineProperty,_o=Object.defineProperties,Uo=Object.getOwnPropertyDescriptor,Go=Object.getOwnPropertyDescriptors,Wo=Object.getOwnPropertyNames,z=Object.getOwnPropertySymbols,$o=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty,so=Object.prototype.propertyIsEnumerable;var lo=(o,t,e)=>t in o?M(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,n=(o,t)=>{for(var e in t||(t={}))L.call(t,e)&&lo(o,e,t[e]);if(z)for(var e of z(t))so.call(t,e)&&lo(o,e,t[e]);return o},s=(o,t)=>_o(o,Go(t));var i=(o,t)=>{var e={};for(var r in o)L.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(o!=null&&z)for(var r of z(o))t.indexOf(r)<0&&so.call(o,r)&&(e[r]=o[r]);return e};var q=(o,t)=>{for(var e in t)M(o,e,{get:t[e],enumerable:!0})},io=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Wo(t))!L.call(o,a)&&a!==e&&M(o,a,{get:()=>t[a],enumerable:!(r=Uo(t,a))||r.enumerable});return o};var v=(o,t,e)=>(e=o!=null?Ko($o(o)):{},io(t||!o||!o.__esModule?M(e,"default",{value:o,enumerable:!0}):e,o)),Yo=o=>io(M({},"__esModule",{value:!0}),o);var jo={};q(jo,{Modal:()=>Lo});module.exports=Yo(jo);var Ao=require("@radix-ui/react-context"),d=v(require("react"),1);var po=require("react/jsx-runtime");function K(r){var a=r,{children:o,id:t}=a,e=i(a,["children","id"]);return(0,po.jsx)("div",s(n({},e),{"data-testid":t,className:"border-[#e6e6e6] border-t-none border-r-quarterpulse border-b-none border-l-quarterpulse bg-[#FFF] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse",children:o}))}var h={};q(h,{Icon:()=>W,IconDualColor:()=>Q,Root:()=>G});var B=v(require("react"),1),ho=require("@ark-ui/react/factory");var co=v(require("react"),1);var C=v(require("react"),1);function _(o,t){let{targets:e,props:r,keyPrefix:a="inject",asChild:u}=t,p=C.Children.map(o,(c,x)=>{var m,I;if(!C.isValidElement(c))return c;let D=(I=(m=c.type)==null?void 0:m.displayName)!=null?I:"",T=e.includes(D),b=c.props;return C.cloneElement(c,s(n({},T?r:{}),{key:`${a}-${x.toString()}`}),_(b==null?void 0:b.children,{targets:e,props:r,keyPrefix:a,asChild:b==null?void 0:b.asChild}))});return u?p==null?void 0:p[0]:p}function k(o,{targets:t,props:e,asChild:r}){let a=co.useId();return _(o,{targets:t,props:e,asChild:r,keyPrefix:a})}var uo=require("clsx"),mo=require("tailwind-merge"),N=(...o)=>(0,mo.twMerge)((0,uo.clsx)(...o));var yo=v(require("react"),1);var O=v(require("react"),1),f=require("@raiadrogasil/pulso-design-tokens");var fo=v(require("react"),1),Jo=require("react/jsx-runtime"),bo=fo.createContext({currentTheme:"rdsaudesistemas"});function F(){let o=O.useMemo(()=>({rdsaudesistemas:f.RDSAUDESISTEMAS_TOKENS,drogasil:f.DROGASIL_TOKENS,raia:f.RAIA_TOKENS,subscription:f.SUBSCRIPTION_TOKENS,prime:f.PRIME_TOKENS}),[]),t=O.useContext(bo);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:e}=t;return n(n({},f.GLOBALS_TOKENS),o[e])}var R=require("react/jsx-runtime");function xo({color:o="brand",srText:t}){let e=F(),a=yo.useMemo(()=>({brand:e.colorActionFillBrandPrimaryEnabled,neutral:e.colorTextNeutralReadonly,black:e.colorTextNeutralDefault,white:e.colorTextNeutralInverse}),[e])[o];return(0,R.jsx)("div",{role:"status",className:N("grid size-8 place-items-center"),"aria-label":t,children:(0,R.jsxs)("svg",{className:N("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,R.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:a}),(0,R.jsx)("title",{children:t})]})})}var vo=require("tailwind-variants"),P=(0,vo.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Qo=P({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:go}=Qo();var U=require("react/jsx-runtime");function G(D){var T=D,{children:o,className:t,variant:e="brand-primary",size:r,disabled:a,loading:u,asChild:p,full:c}=T,x=i(T,["children","className","variant","size","disabled","loading","asChild","full"]);let b=k(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:e,size:r,disabled:a},asChild:p}),m=!a&&u,I={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},H={"aria-live":"polite","aria-busy":!0},E=B.useCallback(()=>{var l,no;if(B.Children.count(o)===1&&B.isValidElement(o)){let qo=(no=(l=o.type)==null?void 0:l.displayName)!=null?no:"";return["ButtonIcon","ButtonIconDualColor"].includes(qo)}return!1},[o]);return(0,U.jsx)(ho.ark.button,s(n(n({},x),m&&H),{className:N(go({variant:e,size:r,asIconOnly:E(),className:m&&"pointer-events-none"}),c&&"w-full",t),disabled:a,"data-scope":"button",children:m?(0,U.jsx)(xo,{color:I[e]}):b}))}G.displayName="ButtonRoot";var Io=require("react");var Po=v(require("react"),1);var To=require("react/jsx-runtime");function g(a){var u=a,{symbol:o="rdicon-default",size:t="small",color:e="colorActionFillBrandPrimaryEnabled"}=u,r=i(u,["symbol","size","color"]);let p=F(),c=Po.useMemo(()=>({tiny:p.sizingTiny,"extra-small":p.sizingExtrasmall,small:p.sizingSmall,medium:p.sizingMedium}),[]);return(0,To.jsx)("i",s(n({},r),{className:o,style:{fontSize:c[t],color:p[e],display:"inline-flex"}}))}g.displayName="Icon";var Co=require("react/jsx-runtime");function W({variant:o,size:t,disabled:e,iconColor:r,symbol:a}){let u={md:"extra-small",ml:"small",lg:"small",xl:"small"},p={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},c=(0,Io.useMemo)(()=>e?"colorTextNeutralDisabled":r||p[o],[e,o]),x=u[t];return(0,Co.jsx)(g,{color:c,size:x,symbol:a})}W.displayName="ButtonIcon";var S={};q(S,{Bottom:()=>J,Root:()=>$,Top:()=>Y});var Ro=require("@ark-ui/react/factory");var Bo=require("react/jsx-runtime");function $(u){var p=u,{children:o,size:t="small",disabled:e=!1,asChild:r}=p,a=i(p,["children","size","disabled","asChild"]);let c=k(o,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:t,disabled:e},asChild:r});return(0,Bo.jsx)(Ro.ark.div,s(n({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":e,asChild:r},a),{className:"relative flex [&>[data-icon=top]]:absolute",children:c}))}$.displayName="IconDualColorRoot";var Mo=require("react/jsx-runtime");function Y(u){var p=u,{children:o,color:t="colorActionTextOnbrandDefault",size:e,disabled:r}=p,a=i(p,["children","color","size","disabled"]);return(0,Mo.jsx)(g,s(n({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":e,color:r?"colorTextNeutralDisabled":t,size:e},a),{children:o}))}Y.displayName="IconDualColorTop";var No=require("react/jsx-runtime");function J(u){var p=u,{children:o,color:t="colorTextNeutralDefault",size:e,disabled:r}=p,a=i(p,["children","color","size","disabled"]);return(0,No.jsx)(g,s(n({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":e,color:r?"colorTextNeutralDisabled":t,size:e},a),{children:o}))}J.displayName="IconDualColorBottom";var So=require("react/jsx-runtime");function Q(e){var r=e,{size:o="ml"}=r,t=i(r,["size"]);let a={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,So.jsx)(S.Root,s(n({},t),{size:a[o]}))}Q.displayName="ButtonIconDualColor";var X=require("react/jsx-runtime");function Z(e){var r=e,{onClick:o}=r,t=i(r,["onClick"]);return(0,X.jsx)(h.Root,s(n({},t),{variant:"neutral-tertiary",size:"lg",onClick:o,"data-testid":t.id,children:(0,X.jsx)(h.Icon,{symbol:"rdicon-dismiss"})}))}var wo=P({base:"line-clamp-5 pt-none pr-none pb-none pl-none text-left font-rdmodern font-regular text-text-neutral text-threeandhalfpulse leading-small tracking-tiny"});var Do=require("react/jsx-runtime");function j(e){var r=e,{children:o}=r,t=i(r,["children"]);return(0,Do.jsx)("span",s(n({},t),{"data-testid":t.id,className:wo(),children:o}))}var oo=v(require("react"),1);var w=require("react/jsx-runtime");function V(r){var a=r,{onClick:o,children:t}=a,e=i(a,["onClick","children"]);return(0,w.jsx)(h.Root,s(n({},e),{full:!0,variant:"brand-primary",className:"flex-1",size:"lg",onClick:o,"data-testid":e.id,children:t}))}function A(r){var a=r,{onClick:o,children:t}=a,e=i(a,["onClick","children"]);return(0,w.jsx)(h.Root,s(n({},e),{full:!0,variant:"neutral-secondary",className:"flex-1",size:"lg",onClick:o,"data-testid":e.id,children:t}))}function eo(r){var a=r,{children:o,orientation:t="horizontal"}=a,e=i(a,["children","orientation"]);let u=oo.default.Children.toArray(o).filter(c=>oo.default.isValidElement(c)&&(c.type===V||c.type===A));t==="horizontal"?u.sort((c,x)=>c.type===A?-1:1):u.sort((c,x)=>c.type===V?-1:1);let p=()=>t==="horizontal"?"flex w-[100%] max-w-[720px] flex-row items-center justify-center ml-auto mr-auto gap-fourpulse bg-[transparent] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse":"flex w-[100%] max-w-[360px] flex-col items-center justify-center ml-auto mr-auto gap-fourpulse bg-[transparent] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse";return(0,w.jsx)("div",s(n({},e),{"data-testid":e.id,className:"rounded-tl-none rounded-tr-none rounded-br-mediumcontainer rounded-bl-mediumcontainer border-[#e6e6e6] border-t-none border-r-quarterpulse border-b-quarterpulse border-l-quarterpulse bg-[#FFF]",children:(0,w.jsx)("div",{className:p(),children:u==null?void 0:u.slice(0,2)})}))}var Eo=P({base:"min-w[100%] row flex h-[72px] max-h-[72px] min-h-[72px] items-center gap-twopulse rounded-tl-mediumcontainer rounded-tr-mediumcontainer rounded-br-none rounded-bl-none border-[#e6e6e6] border-t-quarterpulse border-r-quarterpulse border-b-none border-b-none border-l-quarterpulse bg-[#FFF] pt-fourpulse pb-twopulse pl-sixpulse"});var ko=require("react/jsx-runtime"),zo=({children:o})=>(0,ko.jsx)("div",{className:Eo(),children:o});var Oo=require("react/jsx-runtime");function to(r){var a=r,{symbol:o,color:t}=a,e=i(a,["symbol","color"]);return(0,Oo.jsx)(g,s(n({},e),{size:"small",symbol:o,color:t}))}var Fo=require("react/jsx-runtime");function ro(r){var a=r,{children:o,id:t}=a,e=i(a,["children","id"]);return(0,Fo.jsx)("span",s(n({},e),{"data-testid":t,className:"line-clamp-1 font-bold font-rdmodern text-sixpulse text-text-neutral leading-tiny tracking-tiny",children:o}))}var Vo=P({base:"relative bg-transparent [z-index:999]",variants:{variant:{sm:"h-auto min-w-[240px] max-w-[319px]",md:"h-auto min-w-[320px] max-w-[719px]",lg:"h-auto min-w-[720px] max-w-[1151px]",xl:"h-auto min-w-[1152px] max-w-[1920px]"}},defaultVariants:{variant:"sm"}});var y=require("react/jsx-runtime"),ao="Modal",Ho=(0,d.forwardRef)((o,t)=>{let E=o,{children:e,variant:r,visible:a,id:u,_scopeModal:p}=E,c=i(E,["children","variant","visible","id","_scopeModal"]),x=Vo({variant:r}),D=d.default.Children.map(e,l=>{if(d.default.isValidElement(l)&&d.default.isValidElement(l)&&l.type===to)return d.default.cloneElement(l)}),T=d.default.Children.map(e,l=>{if(d.default.isValidElement(l)&&d.default.isValidElement(l)&&l.type===ro)return d.default.cloneElement(l)}),b=d.default.Children.map(e,l=>{if(d.default.isValidElement(l)&&d.default.isValidElement(l)&&l.type===Z)return d.default.cloneElement(l)}),m=d.default.Children.map(e,l=>{if(d.default.isValidElement(l)&&d.default.isValidElement(l)&&l.type===j)return d.default.cloneElement(l)}),I=d.default.Children.map(e,l=>{if(d.default.isValidElement(l)&&d.default.isValidElement(l)&&l.type===K)return d.default.cloneElement(l)}),H=d.default.Children.map(e,l=>{if(d.default.isValidElement(l)&&d.default.isValidElement(l)&&l.type===eo)return d.default.cloneElement(l)});return a?(0,y.jsx)(Zo,{scope:p,variant:r,visible:a,children:(0,y.jsxs)("div",{className:"flex h-[100%] w-[100%] items-center justify-center overflow-hidden",children:[(0,y.jsx)("div",{style:{backgroundColor:"rgba(66, 66, 66, 0.32)"},className:"absolute top-0 right-0 bottom-0 left-0 h-[100vh] w-[100vw] overflow-hidden"}),(0,y.jsxs)("div",s(n({},c),{ref:t,className:x,"data-testid":u,children:[(0,y.jsxs)(zo,{children:[D,T,(0,y.jsx)("div",{className:"ml-auto flex w-[80px] items-center justify-end bg-transparent",children:b})]}),(0,y.jsx)("div",{"data-testid":"first-description-container",className:"w-[100%] rounded-none border-[#e6e6e6] border-r-quarterpulse border-l-quarterpulse bg-[#FFF] pt-twopulse pr-sixpulse pb-twopulse pl-sixpulse",children:m==null?void 0:m.slice(0,1)}),I,(0,y.jsx)("div",{"data-testid":"second-description-container",className:"w-[100%] rounded-none border-[#e6e6e6] border-r-quarterpulse border-l-quarterpulse bg-[#FFF] pt-twopulse pr-sixpulse pb-twopulse pl-sixpulse",children:m==null?void 0:m.slice(1,2)}),H]}))]})}):null});Ho.displayName=ao;var[Xo]=(0,Ao.createContextScope)(ao),[Zo,Mt]=Xo(ao),Lo={Root:Ho,HeaderIcon:to,HeaderTitle:ro,HeaderClosableButton:Z,Description:j,Body:K,Footer:eo,PrimaryButton:V,SecondaryButton:A};0&&(module.exports={Modal});
//# sourceMappingURL=index.cjs.map