@payfit/unity-components 0.0.0-alpha.7 → 0.0.0-alpha.9

package/dist/cjs/components/actionable/Actionable.d.ts

@@ -1,11 +1,12 @@
 import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-/**
- * The Actionable primitive is a component that helps you build interactive surfaces of any kind.
- */
-declare const Actionable: import('react').ForwardRefExoticComponent<Omit<AriaButtonProps, "style" | "slot"> & {
+interface ActionableProps extends AriaButtonProps {
     /** Additional class names to apply to the actionable */
     className?: string;
     /** set to true to remove the Actionable's base styles */
     isUnstyled?: boolean;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+}
+/**
+ * The Actionable primitive is a component that helps you build interactive surfaces of any kind.
+ */
+declare const Actionable: import('react').ForwardRefExoticComponent<ActionableProps & import('react').RefAttributes<HTMLButtonElement>>;
 export { Actionable };

package/dist/cjs/components/alert/Alert.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),f=require("tailwind-variants"),w=require("../icon-button/CircularIconButton.js"),p=require("../icon/Icon.js"),x=f.tv({slots:{base:"uy-p-200 uy-flex uy-gap-200 uy-border uy-rounded-100",content:"uy-flex uy-flex-col uy-flex-1 uy-gap-200 uy-pt-50 uy-pb-100",icon:"uy-mt-50"},variants:{variant:{info:{base:"uy-bg-surface-info-lowest uy-border-border-info-lowest"},warning:{base:"uy-bg-surface-warning-lowest uy-border-border-warning-lowest"},success:{base:"uy-bg-surface-success-lowest uy-border-border-success-lowest"},danger:{base:"uy-bg-surface-danger-lowest uy-border-border-danger-lowest"}}},defaultVariants:{variant:"info"}}),m={info:{src:"InfoFilled",color:"content.info"},warning:{src:"WarningFilled",color:"content.warning"},success:{src:"CheckCircleFilled",color:"content.success"},danger:{src:"WarningCircleFilled",color:"content.danger"}},s=g.forwardRef(({children:o,variant:e,isDismissable:n,onDismiss:t,dismissButtonLabel:a,...c},i)=>{const{base:l,content:u,icon:d}=x({variant:e}),y=m[e],b={role:e==="danger"?"alert":"status","aria-live":e==="danger"?"assertive":"polite","aria-atomic":!0,"aria-relevant":"additions removals"};return r.jsxs("div",{ref:i,className:l(),...b,...c,children:[r.jsx("div",{className:d(),children:r.jsx(p.Icon,{size:24,...y,alt:`${e} alert`})}),r.jsx("section",{className:u(),children:o}),n&&r.jsx(w.CircularIconButton,{title:a,icon:"CloseOutlined",onPress:t})]})});s.displayName="Alert";exports.Alert=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),f=require("tailwind-variants"),w=require("../icon-button/CircularIconButton.js"),p=require("../icon/Icon.js"),m=f.tv({slots:{base:"uy-p-200 uy-flex uy-gap-200 uy-border uy-border-solid uy-rounded-100",content:"uy-flex uy-flex-col uy-flex-1 uy-gap-200 uy-pt-50 uy-pb-100",icon:"uy-mt-50"},variants:{variant:{info:{base:"uy-bg-surface-info-lowest uy-border-border-info-lowest"},warning:{base:"uy-bg-surface-warning-lowest uy-border-border-warning-lowest"},success:{base:"uy-bg-surface-success-lowest uy-border-border-success-lowest"},danger:{base:"uy-bg-surface-danger-lowest uy-border-border-danger-lowest"}}},defaultVariants:{variant:"info"}}),x={info:{src:"InfoFilled",color:"content.info"},warning:{src:"WarningFilled",color:"content.warning"},success:{src:"CheckCircleFilled",color:"content.success"},danger:{src:"WarningCircleFilled",color:"content.danger"}},s=g.forwardRef(({children:o,variant:e,isDismissable:n,onDismiss:t,dismissButtonLabel:a,...c},i)=>{const{base:l,content:u,icon:d}=m({variant:e}),y=x[e],b={role:e==="danger"?"alert":"status","aria-live":e==="danger"?"assertive":"polite","aria-atomic":!0,"aria-relevant":"additions removals"};return r.jsxs("div",{"data-dd-privacy":"mask",ref:i,className:l(),...b,...c,children:[r.jsx("div",{className:d(),children:r.jsx(p.Icon,{size:24,...y,alt:`${e} alert`})}),r.jsx("section",{className:u(),children:o}),n&&r.jsx(w.CircularIconButton,{title:a,icon:"CloseOutlined",onPress:t})]})});s.displayName="Alert";exports.Alert=s;

package/dist/cjs/components/app-menu/parts/AppMenuFooter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),b=require("react-intl"),m=require("tailwind-merge"),g=require("../../actionable/Actionable.js"),j=require("../../avatar/Avatar.js"),M=require("../../avatar/parts/AvatarFallback.js"),q=require("../../avatar/parts/AvatarImage.js"),N=require("../../badge/Badge.js"),x=require("../../icon/Icon.js"),w=require("../../menu/Menu.js"),A=require("../../menu/parts/MenuContent.js"),P=require("../../menu/parts/MenuHeader.js"),I=require("../../menu/parts/MenuTrigger.js"),F=require("./AppMenu.context.js"),v=t=>e.jsxs(j.Avatar,{"aria-label":`${t.title} avatar`,size:"md",variant:"square","aria-labelledby":"profile-button-label",children:[e.jsx(q.AvatarImage,{src:t.avatar,alt:t.title??""}),e.jsx(M.AvatarFallback,{variant:"initials",delayMs:100,children:t.title}),t.avatarPair&&f.isValidElement(t.avatarPair)&&f.cloneElement(t.avatarPair,{isHidden:!t.isPairAvatarVisible})]}),H=({avatar:t,avatarPair:i,title:u,uploadAvatarCallback:a,uploadAvatarLabel:l,uploadAvatarDescription:s})=>{const[r,o]=f.useState(!0),c=b.useIntl(),n=()=>{i&&o(d=>!d)},y=m.twMerge("uy-group uy-relative uy-leading-[0] uy-rounded-75 focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2");return e.jsxs(g.Actionable,{"aria-describedby":"profile-picture-change-desc","aria-label":l||c.formatMessage({id:"unity:component:app-menu:footer:profile-button:avatar:change",defaultMessage:"Change profile picture"}),className:y,onHoverStart:n,onHoverEnd:n,onFocus:n,onBlur:n,onPress:()=>{a==null||a()},children:[e.jsx(v,{avatar:t,avatarPair:i,title:u,isPairAvatarVisible:r}),e.jsxs("div",{className:"uy-flex uy-pointer-events-none uy-opacity-0 group-hover:uy-opacity-70 group-hover:uy-pointer-events-auto group-focus-visible:uy-opacity-70 group-focus-visible:uy-pointer-events-auto uy-bg-utility-backdrop uy-rounded-circle uy-absolute uy-top-0 uy-left-0 uy-w-full uy-h-full uy-transition-all uy-duration-200 uy-items-center uy-justify-center",children:[e.jsx(x.Icon,{alt:"Camera",color:"content.inverted",size:24,src:"CameraOutlined"}),e.jsx("span",{className:"uy-sr-only",id:"profile-picture-change-desc",children:s||e.jsx(b.FormattedMessage,{id:"unity:component:app-menu:footer:profile-button:avatar:change-description",defaultMessage:"Press enter to change profile picture"})})]})]})},p=({asMenuHeader:t=!1,avatar:i,avatarPair:u,badgeLabel:a,description:l,menuTriggerDescription:s,title:r,uploadAvatarCallback:o,uploadAvatarLabel:c,uploadAvatarDescription:n})=>e.jsxs("div",{className:"uy-min-w-[240px] uy-w-full uy-flex uy-items-center",children:[e.jsx("div",{className:"uy-mr-150 uy-flex uy-items-center",children:o?e.jsx(H,{avatar:i,avatarPair:u,title:r,uploadAvatarLabel:c,uploadAvatarDescription:n,uploadAvatarCallback:o}):e.jsx(v,{avatar:i,avatarPair:u,title:r,isPairAvatarVisible:!0})}),e.jsxs("div",{className:"uy-flex uy-flex-col uy-text-left uy-leading-125 uy-min-w-[50%] uy-flex-grow",children:[e.jsx("span",{id:"profile-button-label",className:"uy-typography-body-strong uy-text-content-neutral uy-text-wrap",children:r}),e.jsx("span",{className:"uy-typography-body-small uy-text-content-neutral-low",children:l}),!t&&e.jsx("span",{id:"profile-button-description",className:"uy-sr-only",children:s||e.jsx(b.FormattedMessage,{id:"unity:component:app-menu:footer:profile-button:description",defaultMessage:"Press this button to open the profile menu."})})]}),e.jsx("div",{className:"uy-p-100",children:t?e.jsx(N.Badge,{className:"uy-capitalize",variant:"neutral",children:a}):e.jsx(x.Icon,{src:"CaretUpDownOutlined",alt:"open",size:20,color:"inherit"})})]}),V=({avatar:t,avatarPair:i,badgeLabel:u,children:a,computeSlot:l,description:s,title:r,menuTriggerDescription:o,uploadAvatarCallback:c,uploadAvatarLabel:n,uploadAvatarDescription:y})=>{const{isMobileMenuOpen:d}=F.useAppMenuContext(),h=m.twMerge("uy-fixed uy-bottom-0 uy-left-0 uy-right-0 uy-z-10 uy-bg-canvas","uy-p-150","md:uy-static md:uy-mt-auto md:uy-p-0 md:uy-bg-[transparent]","data-[mobile-open=false]:uy-hidden md:data-[mobile-open=false]:uy-block data-[mobile-open=true]:uy-block");return e.jsxs("aside",{className:h,"data-mobile-open":d,id:"app-menu-profile-button",children:[l,e.jsxs(w.Menu,{children:[e.jsx(I.MenuTrigger,{asChild:!0,children:e.jsx(g.Actionable,{className:"uy-rounded-75 uy-px-150 uy-py-100 uy-w-full enabled:hover:uy-bg-surface-neutral-hover enabled:active:uy-bg-surface-neutral-active enabled:data-[pressed]:uy-bg-surface-neutral-active enabled:focus-visible:uy-outline-none enabled:focus-visible:uy-ring-2 enabled:focus-visible:uy-ring-utility-focus-ring enabled:focus-visible:uy-ring-offset-2","aria-labelledby":"profile-button-label","aria-describedby":"profile-button-description",children:e.jsx(p,{avatar:t,avatarPair:i,badgeLabel:u,description:s,menuTriggerDescription:o,title:r,uploadAvatarCallback:c,uploadAvatarLabel:n,uploadAvatarDescription:y})})}),e.jsxs(A.MenuContent,{width:312,placement:"top left",children:[e.jsx(P.MenuHeader,{className:"uy-rounded-75",children:e.jsx(p,{asMenuHeader:!0,avatar:t,avatarPair:i,badgeLabel:u,description:s,menuTriggerDescription:o,title:r,uploadAvatarCallback:c,uploadAvatarLabel:n,uploadAvatarDescription:y})}),a]})]})]})};exports.AppMenuFooter=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),b=require("react-intl"),m=require("tailwind-merge"),g=require("../../actionable/Actionable.js"),j=require("../../avatar/Avatar.js"),M=require("../../avatar/parts/AvatarFallback.js"),q=require("../../avatar/parts/AvatarImage.js"),w=require("../../badge/Badge.js"),x=require("../../icon/Icon.js"),N=require("../../menu/Menu.js"),A=require("../../menu/parts/MenuContent.js"),P=require("../../menu/parts/MenuHeader.js"),I=require("../../menu/parts/MenuTrigger.js"),F=require("./AppMenu.context.js"),v=t=>e.jsxs(j.Avatar,{"aria-label":`${t.title} avatar`,size:"md",variant:"square","aria-labelledby":"profile-button-label",children:[e.jsx(q.AvatarImage,{src:t.avatar,alt:t.title??""}),e.jsx(M.AvatarFallback,{variant:"initials",delayMs:100,children:t.title}),t.avatarPair&&f.isValidElement(t.avatarPair)&&f.cloneElement(t.avatarPair,{isHidden:!t.isPairAvatarVisible})]}),H=({avatar:t,avatarPair:n,title:u,uploadAvatarCallback:a,uploadAvatarLabel:l,uploadAvatarDescription:s})=>{const[r,o]=f.useState(!0),c=b.useIntl(),i=()=>{n&&o(d=>!d)},y=m.twMerge("uy-group uy-relative uy-leading-[0] uy-rounded-75 focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-utility-focus-ring focus-visible:uy-ring-offset-2");return e.jsxs(g.Actionable,{"aria-describedby":"profile-picture-change-desc","aria-label":l||c.formatMessage({id:"unity:component:app-menu:footer:profile-button:avatar:change",defaultMessage:"Change profile picture"}),className:y,onHoverStart:i,onHoverEnd:i,onFocus:i,onBlur:i,onPress:()=>{a==null||a()},children:[e.jsx(v,{avatar:t,avatarPair:n,title:u,isPairAvatarVisible:r}),e.jsxs("div",{className:"uy-flex uy-pointer-events-none uy-opacity-0 group-hover:uy-opacity-70 group-hover:uy-pointer-events-auto group-focus-visible:uy-opacity-70 group-focus-visible:uy-pointer-events-auto uy-bg-utility-backdrop uy-rounded-circle uy-absolute uy-top-0 uy-left-0 uy-w-full uy-h-full uy-transition-all uy-duration-200 uy-items-center uy-justify-center",children:[e.jsx(x.Icon,{alt:"Camera",color:"content.inverted",size:24,src:"CameraOutlined"}),e.jsx("span",{className:"uy-sr-only",id:"profile-picture-change-desc",children:s||e.jsx(b.FormattedMessage,{id:"unity:component:app-menu:footer:profile-button:avatar:change-description",defaultMessage:"Press enter to change profile picture"})})]})]})},p=({asMenuHeader:t=!1,avatar:n,avatarPair:u,badgeLabel:a,description:l,menuTriggerDescription:s,title:r,uploadAvatarCallback:o,uploadAvatarLabel:c,uploadAvatarDescription:i})=>e.jsxs("div",{className:"uy-min-w-[240px] uy-w-full uy-flex uy-items-center",children:[e.jsx("div",{className:"uy-mr-150 uy-flex uy-items-center",children:o?e.jsx(H,{avatar:n,avatarPair:u,title:r,uploadAvatarLabel:c,uploadAvatarDescription:i,uploadAvatarCallback:o}):e.jsx(v,{avatar:n,avatarPair:u,title:r,isPairAvatarVisible:!0})}),e.jsxs("div",{className:"uy-flex uy-flex-col uy-text-left uy-leading-125 uy-min-w-[50%] uy-flex-grow",children:[e.jsx("span",{id:"profile-button-label",className:"uy-typography-body-strong uy-text-content-neutral uy-text-wrap","data-dd-privacy":"mask",children:r}),e.jsx("span",{className:"uy-typography-body-small uy-text-content-neutral-low","data-dd-privacy":"allow",children:l}),!t&&e.jsx("span",{id:"profile-button-description",className:"uy-sr-only",children:s||e.jsx(b.FormattedMessage,{id:"unity:component:app-menu:footer:profile-button:description",defaultMessage:"Press this button to open the profile menu."})})]}),e.jsx("div",{className:"uy-p-100",children:t?e.jsx(w.Badge,{className:"uy-capitalize",variant:"neutral",children:a}):e.jsx(x.Icon,{src:"CaretUpDownOutlined",alt:"open",size:20,color:"inherit"})})]}),V=({avatar:t,avatarPair:n,badgeLabel:u,children:a,computeSlot:l,description:s,title:r,menuTriggerDescription:o,uploadAvatarCallback:c,uploadAvatarLabel:i,uploadAvatarDescription:y})=>{const{isMobileMenuOpen:d}=F.useAppMenuContext(),h=m.twMerge("uy-fixed uy-bottom-0 uy-left-0 uy-right-0 uy-z-10 uy-bg-canvas","uy-p-150","md:uy-static md:uy-mt-auto md:uy-p-0 md:uy-bg-[transparent]","data-[mobile-open=false]:uy-hidden md:data-[mobile-open=false]:uy-block data-[mobile-open=true]:uy-block");return e.jsxs("aside",{className:h,"data-mobile-open":d,id:"app-menu-profile-button",children:[l,e.jsxs(N.Menu,{children:[e.jsx(I.MenuTrigger,{asChild:!0,children:e.jsx(g.Actionable,{className:"uy-rounded-75 uy-px-150 uy-py-100 uy-w-full enabled:hover:uy-bg-surface-neutral-hover enabled:active:uy-bg-surface-neutral-active enabled:data-[pressed]:uy-bg-surface-neutral-active enabled:focus-visible:uy-outline-none enabled:focus-visible:uy-ring-2 enabled:focus-visible:uy-ring-utility-focus-ring enabled:focus-visible:uy-ring-offset-2","aria-labelledby":"profile-button-label","aria-describedby":"profile-button-description",children:e.jsx(p,{avatar:t,avatarPair:n,badgeLabel:u,description:s,menuTriggerDescription:o,title:r,uploadAvatarCallback:c,uploadAvatarLabel:i,uploadAvatarDescription:y})})}),e.jsxs(A.MenuContent,{width:312,placement:"top left",children:[e.jsx(P.MenuHeader,{className:"uy-rounded-75",children:e.jsx(p,{asMenuHeader:!0,avatar:t,avatarPair:n,badgeLabel:u,description:s,menuTriggerDescription:o,title:r,uploadAvatarCallback:c,uploadAvatarLabel:i,uploadAvatarDescription:y})}),a]})]})]})};exports.AppMenuFooter=V;

package/dist/cjs/components/avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),v=require("@radix-ui/react-avatar"),m=require("tailwind-merge"),f=require("tailwind-variants"),p=require("./Avatar.context.js"),b=require("./Avatar.variants.js");function n(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const y=n(d),o=n(v),g=f.tv({extend:b.avatarBase,base:"uy-inline-block uy-relative uy-shrink-0",defaultVariants:{size:"md",variant:"circle"}}),c=y.forwardRef(({size:e="md",variant:t="circle",className:a,...r},s)=>{const l=g({variant:t,size:e}),u=m.twMerge(l,a);return i.jsx(p.AvatarProvider,{variant:t,size:e,hasPair:!1,children:i.jsx(o.Root,{ref:s,role:"img",className:u,...r})})});c.displayName=o.Root.displayName;exports.Avatar=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),v=require("@radix-ui/react-avatar"),m=require("tailwind-merge"),f=require("tailwind-variants"),p=require("./Avatar.context.js"),y=require("./Avatar.variants.js");function n(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=n(d),o=n(v),g=f.tv({extend:y.avatarBase,base:"uy-inline-block uy-relative uy-shrink-0",defaultVariants:{size:"md",variant:"circle"}}),c=b.forwardRef(({size:e="md",variant:t="circle",className:a,...r},s)=>{const l=g({variant:t,size:e}),u=m.twMerge(l,a);return i.jsx(p.AvatarProvider,{variant:t,size:e,hasPair:!1,children:i.jsx(o.Root,{ref:s,role:"img",className:u,"data-dd-privacy":"allow",...r})})});c.displayName=o.Root.displayName;exports.Avatar=c;

package/dist/cjs/components/avatar/parts/AvatarPair.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("react"),m=require("@radix-ui/react-avatar"),p=require("tailwind-variants"),o=require("../Avatar.context.js"),b=require("../Avatar.variants.js");function c(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const P=c(y),g=c(m),x=p.tv({extend:b.avatarBase,base:"uy-absolute uy-overflow-hidden uy-leading-[0] uy-border uy-border-content-inverted -uy-bottom-[var(--pair-offset)] -uy-right-[var(--pair-offset)] uy-transition-transform uy-origin-center",variants:{size:{xs:"uy-size-200",sm:"uy-size-300"},isHidden:{true:"uy-scale-0",false:"uy-scale-100"}},defaultVariants:{size:"sm",variant:"circle",isHidden:!1}}),u=P.forwardRef(({variant:e,isHidden:t,children:r,...a},l)=>{const{size:f}=o.useAvatarContext(),i=f==="xl",s=i?"sm":"xs",d=i?0:4,v=x({variant:e,size:s,isHidden:t});return n.jsx(o.AvatarProvider,{variant:e,size:s,hasPair:!0,children:n.jsx(g.Root,{ref:l,role:"img",className:v,"aria-hidden":t,style:{"--pair-offset":`${d}px`},...a,children:r})})});u.displayName="AvatarPair";exports.AvatarPair=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("react"),m=require("@radix-ui/react-avatar"),p=require("tailwind-variants"),o=require("../Avatar.context.js"),b=require("../Avatar.variants.js");function c(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const P=c(y),g=c(m),x=p.tv({extend:b.avatarBase,base:"uy-absolute uy-overflow-hidden uy-leading-[0] uy-border uy-border-solid uy-border-content-inverted -uy-bottom-[var(--pair-offset)] -uy-right-[var(--pair-offset)] uy-transition-transform uy-origin-center",variants:{size:{xs:"uy-size-200",sm:"uy-size-300"},isHidden:{true:"uy-scale-0",false:"uy-scale-100"}},defaultVariants:{size:"sm",variant:"circle",isHidden:!1}}),u=P.forwardRef(({variant:e,isHidden:t,children:r,...a},l)=>{const{size:d}=o.useAvatarContext(),i=d==="xl",s=i?"sm":"xs",f=i?0:4,v=x({variant:e,size:s,isHidden:t});return n.jsx(o.AvatarProvider,{variant:e,size:s,hasPair:!0,children:n.jsx(g.Root,{ref:l,role:"img",className:v,"aria-hidden":t,style:{"--pair-offset":`${f}px`},...a,children:r})})});u.displayName="AvatarPair";exports.AvatarPair=u;

package/dist/cjs/components/badge/Badge.d.ts

@@ -8,6 +8,7 @@ declare const badge: import('tailwind-variants').TVReturnType<{
         neutral: string;
         promo: string;
         attention: string;
+        numeric: string;
         contextual: string;
     };
 }, undefined, "uy-inline-block uy-rounded-75 uy-px-75 uy-py-25 uy-font-sans uy-typography-body uy-whitespace-nowrap uy-text-center", {
@@ -20,6 +21,7 @@ declare const badge: import('tailwind-variants').TVReturnType<{
         neutral: string;
         promo: string;
         attention: string;
+        numeric: string;
         contextual: string;
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
@@ -30,6 +32,7 @@ declare const badge: import('tailwind-variants').TVReturnType<{
         neutral: string;
         promo: string;
         attention: string;
+        numeric: string;
         contextual: string;
     };
 }, undefined, "uy-inline-block uy-rounded-75 uy-px-75 uy-py-25 uy-font-sans uy-typography-body uy-whitespace-nowrap uy-text-center", {

package/dist/cjs/components/badge/Badge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),i=require("react"),g=require("@radix-ui/react-slot"),d=require("tailwind-merge"),b=require("tailwind-variants"),w=b.tv({base:"uy-inline-block uy-rounded-75 uy-px-75 uy-py-25 uy-font-sans uy-typography-body uy-whitespace-nowrap uy-text-center",variants:{variant:{success:"uy-bg-surface-success-low uy-text-content-neutral",warning:"uy-bg-surface-warning-low uy-text-content-neutral",danger:"uy-bg-surface-danger-low uy-text-content-neutral",neutral:"uy-bg-surface-neutral-lowest uy-text-content-neutral",promo:"uy-bg-surface-promo-low uy-text-content-neutral",attention:"uy-bg-surface-danger uy-text-content-inverted",contextual:"uy-bg-surface-neutral uy-border uy-border-border-neutral uy-text-content-neutral"}},defaultVariants:{variant:"neutral"}},{twMerge:!1}),f={success:"status",warning:"alert",danger:"alert",neutral:"status",promo:"status",attention:"alert",contextual:"status"},t=i.forwardRef(({className:a,variant:e="neutral",role:n,asChild:r=!1,children:u,...s},o)=>{const l=n??f[e]??"status",c=r?g.Slot:"span";return y.jsx(c,{ref:o,className:d.twMerge(w({variant:e}),a),role:l,...s,children:u})});t.displayName="Badge";exports.Badge=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),i=require("react"),d=require("@radix-ui/react-slot"),g=require("tailwind-merge"),b=require("tailwind-variants"),w=b.tv({base:"uy-inline-block uy-rounded-75 uy-px-75 uy-py-25 uy-font-sans uy-typography-body uy-whitespace-nowrap uy-text-center",variants:{variant:{success:"uy-bg-surface-success-low uy-text-content-neutral",warning:"uy-bg-surface-warning-low uy-text-content-neutral",danger:"uy-bg-surface-danger-low uy-text-content-neutral",neutral:"uy-bg-surface-neutral-lowest uy-text-content-neutral",promo:"uy-bg-surface-promo-low uy-text-content-neutral",attention:"uy-bg-surface-danger uy-text-content-inverted",numeric:"uy-bg-surface-primary-low uy-text-blue-L10",contextual:"uy-bg-surface-neutral uy-border uy-border-solid uy-border-border-neutral uy-text-content-neutral"}},defaultVariants:{variant:"neutral"}},{twMerge:!1}),f={success:"status",warning:"alert",danger:"alert",neutral:"status",promo:"status",attention:"alert",contextual:"status",numeric:"status"},t=i.forwardRef(({className:a,variant:e="neutral",role:r,asChild:n=!1,children:u,...s},o)=>{const l=r??f[e]??"status",c=n?d.Slot:"span";return y.jsx(c,{"data-dd-privacy":"allow",ref:o,className:g.twMerge(w({variant:e}),a),role:l,...s,children:u})});t.displayName="Badge";exports.Badge=t;

package/dist/cjs/components/bottom-sheet/BottomSheet.d.ts

@@ -0,0 +1,153 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+export declare const bottomSheet: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            overlay?: import('tailwind-merge').ClassNameValue;
+            wrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            overlay?: import('tailwind-merge').ClassNameValue;
+            wrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    overlay: string[];
+    wrapper: string[];
+    content: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            overlay?: import('tailwind-merge').ClassNameValue;
+            wrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            overlay?: import('tailwind-merge').ClassNameValue;
+            wrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    overlay: string[];
+    wrapper: string[];
+    content: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    overlay: string[];
+    wrapper: string[];
+    content: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            overlay?: import('tailwind-merge').ClassNameValue;
+            wrapper?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export interface BottomSheetProps extends PropsWithChildren<VariantProps<typeof bottomSheet>> {
+    /**
+     * Controls whether the sheet can be dismissed by clicking outside or using escape key.
+     * @default true
+     */
+    isDismissable?: boolean;
+    /**
+     * When true, pressing the Escape key will not close the sheet.
+     * This is useful when you need to prevent accidental dismissal.
+     * @default false
+     */
+    isKeyboardDismissDisabled?: boolean;
+    /**
+     * Controls the open state of the sheet in controlled mode.
+     * Must be used together with `onOpenChange`.
+     */
+    isOpen?: boolean;
+    /**
+     * Sets the initial open state in uncontrolled mode.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the open state changes.
+     * Required when using controlled mode with `isOpen`.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+}
+/**
+ * The BottomSheet component provides a mobile-optimized interface for displaying content
+ * that slides up from the bottom of the screen. It's ideal for secondary tasks and supplementary
+ * information without leaving the current context.
+ *
+ * This component is specifically designed as a bottom-anchored variant, unlike the SidePanel
+ * which adapts to different viewports.
+ *
+ * Control the sheet using either uncontrolled mode with `defaultOpen` or controlled mode with
+ * `isOpen`/`onOpenChange` props. Customize dismissal behavior with `isDismissable` and
+ * `isKeyboardDismissDisabled` props.
+ * @param {BottomSheetProps} props - The props for the BottomSheet component
+ * @see {@link BottomSheetProps} for all available props
+ * @example
+ * ```tsx
+ * import {
+ *   BottomSheet,
+ *   BottomSheetHeader,
+ *   BottomSheetContent,
+ *   BottomSheetFooter,
+ *   Button,
+ *   DialogTrigger
+ * } from '@payfit/unity-components'
+ *
+ * // Uncontrolled example
+ * function BasicExample() {
+ *   return (
+ *     <DialogTrigger>
+ *       <Button>Open bottom sheet</Button>
+ *       <BottomSheet>
+ *         <BottomSheetHeader>Sheet title</BottomSheetHeader>
+ *         <BottomSheetContent>Your content here</BottomSheetContent>
+ *         <BottomSheetFooter>
+ *           <Button variant="secondary">Cancel</Button>
+ *           <Button variant="primary">Save</Button>
+ *         </BottomSheetFooter>
+ *       </BottomSheet>
+ *     </DialogTrigger>
+ *   )
+ * }
+ *
+ * // Controlled example
+ * function ControlledExample() {
+ *   const [isOpen, setIsOpen] = useState(false)
+ *
+ *   return (
+ *     <>
+ *       <Button onPress={() => setIsOpen(true)}>Open bottom sheet</Button>
+ *
+ *       <BottomSheet isOpen={isOpen} onOpenChange={setIsOpen}>
+ *         <BottomSheetHeader>Sheet title</BottomSheetHeader>
+ *         <BottomSheetContent>Your content here</BottomSheetContent>
+ *         <BottomSheetFooter>
+ *           <Button
+ *             variant="primary"
+ *             onPress={() => setIsOpen(false)}
+ *           >
+ *             Close
+ *           </Button>
+ *         </BottomSheetFooter>
+ *       </BottomSheet>
+ *     </>
+ *   )
+ * }
+ * ```
+ * @remarks
+ * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-bottomsheet--docs)
+ */
+declare const BottomSheet: import('react').ForwardRefExoticComponent<BottomSheetProps & import('react').RefAttributes<HTMLDivElement>>;
+export { BottomSheet };

package/dist/cjs/components/bottom-sheet/BottomSheet.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),t=require("react-aria-components"),x=require("tailwind-variants"),g=require("./parts/BottomSheetDragIndicator.js"),a=x.tv({slots:{overlay:["uy-fixed uy-inset-0 uy-z-10 uy-overflow-y-auto","uy-backdrop-blur-sm uy-bg-utility-backdrop/65","data-[entering]:uy-animate-fade-in data-[exiting]:uy-animate-fade-out"],wrapper:["uy-w-full md:uy-max-w-[50svw]","uy-fixed uy-bottom-0 uy-left-0 uy-right-0 md:uy-left-0 md:uy-right-0 md:uy-mx-auto uy-z-[100]","uy-bg-surface-neutral uy-rounded-t-200","uy-shadow-flying","uy-flex uy-flex-col uy-max-h-[95svh]","uy-overflow-hidden","data-[entering]:uy-animate-slide-up-fade-in data-[exiting]:uy-animate-slide-down-fade-out"],content:["uy-flex uy-flex-col uy-h-full uy-min-h-[40svh] uy-overflow-hidden uy-outline-none"]}}),o=h.forwardRef(({children:u,isOpen:r,onOpenChange:n,defaultOpen:i,isDismissable:y=!0,isKeyboardDismissDisabled:l=!1,...d},s)=>{const{overlay:m,wrapper:c,content:f}=a();return e.jsx(t.ModalOverlay,{className:m(),isOpen:r,onOpenChange:n,defaultOpen:i,isDismissable:y,isKeyboardDismissDisabled:l,children:e.jsxs(t.Modal,{"data-dd-privacy":"allow",...d,ref:s,className:c(),"data-unity-bottom-sheet":!0,children:[e.jsx(g.BottomSheetDragIndicator,{}),e.jsx(t.Dialog,{className:f(),children:u})]})})});o.displayName="BottomSheet";exports.BottomSheet=o;exports.bottomSheet=a;

package/dist/cjs/components/bottom-sheet/parts/BottomSheetContent.d.ts

@@ -0,0 +1,70 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+export declare const bottomSheetContent: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            scroller?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            scroller?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    scroller: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            scroller?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            scroller?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    scroller: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    scroller: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            scroller?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export interface BottomSheetContentProps extends PropsWithChildren<VariantProps<typeof bottomSheetContent>> {
+    className?: string;
+}
+/**
+ * The `BottomSheetContent` component renders the main content area of a bottom sheet.
+ * It takes up the majority of the space between the header and footer components
+ * The content is scrollable when it exceeds the available space.
+ * @component
+ * @param {BottomSheetContentProps} props - The props for the `BottomSheetContent` component
+ * @example
+ * ```tsx
+ * import { BottomSheetContent } from '@payfit/unity-components'
+ *
+ * <BottomSheetContent>
+ *   Your panel content here
+ * </BottomSheetContent>
+ * ```
+ * @see {@link BottomSheetContentProps} for all available props
+ * @remarks
+ * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-bottomsheet--docs)
+ */
+declare const BottomSheetContent: import('react').ForwardRefExoticComponent<BottomSheetContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export { BottomSheetContent };

package/dist/cjs/components/bottom-sheet/parts/BottomSheetContent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),a=require("tailwind-variants"),t=a.tv({slots:{base:["uy-bg-surface-neutral uy-typography-body uy-text-content-neutral","uy-flex uy-flex-col uy-flex-1 uy-min-h-0 uy-overflow-hidden","uy-w-full"],scroller:["uy-flex-1 uy-overflow-y-auto uy-overflow-x-hidden uy-p-300","uy-h-full uy-min-h-0"]}}),o=y.forwardRef(({children:n,...u},l)=>{const{base:r,scroller:s}=t();return e.jsx("section",{ref:l,className:r(),...u,children:e.jsx("div",{className:s(),children:n})})});o.displayName="BottomSheetContent";exports.BottomSheetContent=o;exports.bottomSheetContent=t;

package/dist/cjs/components/bottom-sheet/parts/BottomSheetDragIndicator.d.ts

@@ -0,0 +1,54 @@
+export declare const bottomSheetDragIndicator: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            indicator?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            indicator?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    indicator: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            indicator?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            indicator?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    indicator: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    indicator: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            indicator?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+/**
+ * A drag indicator component that connects to the overlay state context and
+ * provides swipe-to-dismiss functionality for the SidePanel.
+ * @internal
+ */
+export declare function BottomSheetDragIndicator(): import("react/jsx-runtime").JSX.Element;
+export declare namespace BottomSheetDragIndicator {
+    var displayName: string;
+}

package/dist/cjs/components/bottom-sheet/parts/BottomSheetDragIndicator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),D=require("@use-gesture/react"),S=require("react-aria-components"),v=require("tailwind-variants"),q=require("../../../hooks/use-breakpoint-listener.js"),c=v.tv({slots:{base:["md:uy-hidden uy-mx-auto uy-py-100 uy-w-500","uy-cursor-grab uy-touch-action-none"],indicator:"uy-h-50 uy-rounded-pill uy-bg-content-neutral-lowest"}}),I=100;function u(){const r=i.useRef(null),n=i.useContext(S.OverlayTriggerStateContext),o=q.useBreakpointListener(),{base:l,indicator:d}=c(),m=o==="xs"||o==="sm",y=D.useDrag(f=>{var s;const{movement:[B,e],direction:[R,g],intentional:h,cancel:b,last:p,event:x}=f;if(!m){b();return}x.preventDefault();const t=(s=r.current)==null?void 0:s.closest("[data-unity-bottom-sheet]");if(t){if(e<0){t.style.transform="translate3d(0, 0, 0)";return}t.style.transform=`translate3d(0, ${e}px, 0)`,t.style.transition="none",p&&h&&(e>I||g>0?n&&setTimeout(()=>{n.close()},50):(t.style.transform="translate3d(0, 0, 0)",t.style.transition="transform 0.3s ease"))}},{axis:"y",filterTaps:!0,threshold:5});return a.jsx("div",{className:l(),"aria-hidden":"true",ref:r,...y(),children:a.jsx("div",{className:d()})})}u.displayName="BottomSheetDragIndicator";exports.BottomSheetDragIndicator=u;exports.bottomSheetDragIndicator=c;

package/dist/cjs/components/bottom-sheet/parts/BottomSheetFooter.d.ts

@@ -0,0 +1,27 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+export declare const bottomSheetFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export interface BottomSheetFooterProps extends PropsWithChildren<VariantProps<typeof bottomSheetFooter>> {
+    className?: string;
+}
+/**
+ * The `BottomSheetFooter` component renders the footer section of a bottom sheet.
+ * It provides a space for action buttons and stays fixed at the bottom of the panel.
+ * On mobile devices, it respects the safe area to avoid being obscured by device UI elements.
+ * @component
+ * @param {BottomSheetFooterProps} props - The props for the `BottomSheetFooter` component
+ * @example
+ * ```tsx
+ * import { BottomSheetFooter, Button } from '@payfit/unity-components'
+ *
+ * <BottomSheetFooter>
+ *   <Button variant="secondary">Cancel</Button>
+ *   <Button>Save</Button>
+ * </BottomSheetFooter>
+ * ```
+ * @see {@link BottomSheetFooterProps} for all available props
+ * @remarks
+ * [API Docs](https://unity-components.payfit.io/?path=/docs/navigation-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
+ */
+declare const BottomSheetFooter: import('react').ForwardRefExoticComponent<BottomSheetFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export { BottomSheetFooter };

package/dist/cjs/components/bottom-sheet/parts/BottomSheetFooter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),a=require("react"),n=require("tailwind-variants"),e=n.tv({base:["uy-py-150 uy-px-300 uy-w-full","uy-flex uy-items-center uy-justify-end uy-gap-100 uy-shrink-0","uy-bg-surface-neutral uy-border-t uy-border-solid uy-border-border-neutral","uy-sticky uy-bottom-0 uy-z-10","uy-mt-auto","uy-pb-[max(env(safe-area-inset-bottom),var(--uy-spacing-200))] md:uy-pb-200"]}),t=a.forwardRef(({children:o,className:r,...u},s)=>y.jsx("footer",{ref:s,className:e({class:r}),...u,children:o}));t.displayName="BottomSheetFooter";exports.BottomSheetFooter=t;exports.bottomSheetFooter=e;

package/dist/cjs/components/bottom-sheet/parts/BottomSheetHeader.d.ts

@@ -0,0 +1,83 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+export declare const bottomSheetHeader: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            heading?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            heading?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    content: string[];
+    heading: string[];
+    buttonContainer: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            heading?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            heading?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string[];
+    content: string[];
+    heading: string[];
+    buttonContainer: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string[];
+    content: string[];
+    heading: string[];
+    buttonContainer: string[];
+}, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            heading?: import('tailwind-merge').ClassNameValue;
+            base?: import('tailwind-merge').ClassNameValue;
+            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export interface BottomSheetHeaderProps extends PropsWithChildren<VariantProps<typeof bottomSheetHeader>> {
+    className?: string;
+}
+/**
+ * The `BottomSheetHeader` component renders the header section of a side panel.
+ * It includes a title and close button, and on mobile it displays a drag handle for bottom sheet interaction.
+ * @component
+ * @param {BottomSheetHeaderProps} props - The props for the `BottomSheetHeader` component
+ * @example
+ * ```tsx
+ * import { BottomSheetHeader } from '@payfit/unity-components'
+ *
+ * <BottomSheetHeader>Title of the panel</BottomSheetHeader>
+ * ```
+ * @see {@link BottomSheetHeaderProps} for all available props
+ * @remarks
+ * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
+ */
+declare const BottomSheetHeader: import('react').ForwardRefExoticComponent<BottomSheetHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+export { BottomSheetHeader };

package/dist/cjs/components/bottom-sheet/parts/BottomSheetHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),y=require("react-aria-components"),d=require("tailwind-variants"),m=require("../../icon-button/CircularIconButton.js"),n=d.tv({slots:{base:["uy-py-200 uy-px-300 uy-w-full","uy-flex uy-flex-col uy-shrink-0","uy-bg-surface-neutral uy-rounded-tl-200 uy-rounded-tr-200 uy-shadow-raising","uy-sticky uy-top-0 uy-z-10"],content:["uy-flex uy-items-center uy-w-full"],heading:["uy-typography-h3 uy-text-center uy-text-content-neutral uy-truncate","uy-flex-1 uy-min-w-0"],buttonContainer:["uy-flex-shrink-0 uy-flex-grow-0 uy-w-[28px]"]}}),o=c.forwardRef(({children:r,...u},s)=>{const{base:a,content:l,heading:i,buttonContainer:t}=n();return e.jsx("header",{ref:s,className:a(),...u,children:e.jsxs("div",{className:l(),children:[e.jsx("div",{className:t()}),e.jsx(y.Heading,{slot:"title",className:i(),children:r}),e.jsx("div",{className:t(),children:e.jsx(m.CircularIconButton,{asElement:"button",slot:"close",icon:"CloseOutlined",title:"Close",size:"large",color:"content.neutral.low"})})]})})});o.displayName="BottomSheetHeader";exports.BottomSheetHeader=o;exports.bottomSheetHeader=n;

package/dist/cjs/components/breadcrumbs/Breadcrumbs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),d=require("react-aria-components"),b=require("../../hooks/use-breakpoint-listener.js"),l=require("./Breadcrumbs.context.js"),B=require("./Breadcrumbs.variant.js"),m=(e,r,n)=>e?r.length===0?null:n(r.at(r.length===1?0:-2)):r.map(t=>s.jsx(o.Fragment,{children:n(t)},`${t.label}${t.href}`)),p=o.forwardRef(({items:e,children:r,wrap:n="nowrap"},t)=>{const{base:u}=B.breadcrumbsVariant({wrap:n}),a=b.useBreakpointListener(),c=a==="xs"||a==="sm",i=e===void 0;return s.jsx(l.BreadcrumbsProvider,{wrap:n,isMobile:c,isStaticApi:i,children:s.jsx(d.Breadcrumbs,{ref:t,className:u(),children:e?m(c,e,r):r})})});exports.Breadcrumbs=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),d=require("react-aria-components"),l=require("../../hooks/use-breakpoint-listener.js"),b=require("./Breadcrumbs.context.js"),B=require("./Breadcrumbs.variant.js"),m=(e,r,n)=>e?r.length===0?null:n(r.at(r.length===1?0:-2)):r.map(t=>s.jsx(o.Fragment,{children:n(t)},`${t.label}${t.href}`)),p=o.forwardRef(({items:e,children:r,wrap:n="nowrap"},t)=>{const{base:u}=B.breadcrumbsVariant({wrap:n}),a=l.useBreakpointListener(),c=a==="xs"||a==="sm",i=e===void 0;return s.jsx(b.BreadcrumbsProvider,{wrap:n,isMobile:c,isStaticApi:i,children:s.jsx(d.Breadcrumbs,{"data-dd-privacy":"allow",ref:t,className:u(),children:e?m(c,e,r):r})})});exports.Breadcrumbs=p;

package/dist/cjs/components/breadcrumbs/parts/Breadcrumb.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("react"),i=require("react-aria-components"),o=require("../../icon/Icon.js"),u=require("../../link/Link.js"),h=require("../../tooltip/Tooltip.js"),q=require("../Breadcrumbs.context.js"),B=require("../Breadcrumbs.variant.js"),C=25,d=({children:e,href:t})=>e.length>C?r.jsx(h,{title:e,children:r.jsx(u.Link,{href:t,color:"secondary",maxCharactersTruncation:25,children:e})}):r.jsx(u.Link,{href:t,color:"secondary",maxCharactersTruncation:25,children:e}),L=j.forwardRef((e,t,...c)=>{const{wrap:l,isMobile:m,isStaticApi:x}=q.useBreadcrumbsContext(),{breadcrumb:s}=B.breadcrumbsVariant({wrap:l});if(!e)return null;const{href:a,label:n}=e;return m&&!x?r.jsxs(i.Breadcrumb,{ref:t,...c,className:s(),children:[r.jsx(o.Icon,{src:"CaretLeftOutlined","aria-hidden":"true"}),r.jsx(d,{href:a,children:n})]}):r.jsx(i.Breadcrumb,{ref:t,...c,className:s(),children:({isCurrent:b})=>b?r.jsx("span",{className:"uy-text-nowrap",children:n}):r.jsxs(r.Fragment,{children:[r.jsx(d,{href:a,children:n}),r.jsx(o.Icon,{src:"CaretRightOutlined","aria-hidden":"true"})]})})});exports.Breadcrumb=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("react"),i=require("react-aria-components"),o=require("../../icon/Icon.js"),u=require("../../link/Link.js"),h=require("../../tooltip/Tooltip.js"),q=require("../Breadcrumbs.context.js"),B=require("../Breadcrumbs.variant.js"),g=25,d=({children:e,href:t})=>e.length>g?r.jsx(h.Tooltip,{title:e,children:r.jsx(u.Link,{href:t,color:"secondary",maxCharactersTruncation:25,children:e})}):r.jsx(u.Link,{href:t,color:"secondary",maxCharactersTruncation:25,children:e}),p=j.forwardRef((e,t)=>{const{wrap:l,isMobile:m,isStaticApi:x}=q.useBreadcrumbsContext(),{breadcrumb:s}=B.breadcrumbsVariant({wrap:l});if(!e)return null;const{href:a,label:n,...c}=e;return m&&!x?r.jsxs(i.Breadcrumb,{ref:t,...c,className:s(),children:[r.jsx(o.Icon,{src:"CaretLeftOutlined","aria-hidden":"true"}),r.jsx(d,{href:a,children:n})]}):r.jsx(i.Breadcrumb,{ref:t,...c,className:s(),children:({isCurrent:b})=>b?r.jsx("span",{className:"uy-text-nowrap",children:n}):r.jsxs(r.Fragment,{children:[r.jsx(d,{href:a,children:n}),r.jsx(o.Icon,{src:"CaretRightOutlined","aria-hidden":"true"})]})})});exports.Breadcrumb=p;

package/dist/cjs/components/button/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),f=require("react-aria-components"),o=require("tailwind-merge"),g=require("../icon/Icon.js"),j=require("../spinner/Spinner.js"),c=require("./Button.variants.js"),m=d.forwardRef(({variant:u,children:y,color:r="primary",size:i="default",isDisabled:s=!1,isLoading:e=!1,prefixIcon:l=void 0,...p},h)=>{const q=d.useMemo(()=>{const a={size:i,isDisabled:s,isLoading:e};switch(u){case"primary":{const t={...a,color:r};return o.twMerge(c.buttonFilled(t))}case"secondary":{const t={...a,color:r};return o.twMerge(c.buttonOutlined(t))}case"ghost":{const t={...a,color:r};return o.twMerge(c.buttonGhost(t))}}},[u,r,i,s,e]),b={...e&&{"data-loading":e}};return n.jsx(f.Button,{...p,ref:h,isDisabled:s||e,className:q,...b,children:e?n.jsx(j.Spinner,{size:"small",color:"inherit",label:"Loading..."}):n.jsxs("span",{className:"uy-inline-flex uy-gap-50 uy-leading-175 uy-items-center",children:[l&&n.jsx(g.Icon,{src:l,size:20,color:"inherit",role:"presentation"}),y]})})});m.displayName="Button";exports.Button=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),b=require("react-aria-components"),o=require("tailwind-merge"),f=require("../icon/Icon.js"),g=require("../spinner/Spinner.js"),c=require("./Button.variants.js"),m=d.forwardRef(({variant:u,children:y,color:r="primary",size:i="default",isDisabled:s=!1,isLoading:e=!1,prefixIcon:l=void 0,...p},h)=>{const q=d.useMemo(()=>{const a={size:i,isDisabled:s,isLoading:e};switch(u){case"primary":{const t={...a,color:r};return o.twMerge(c.buttonFilled(t))}case"secondary":{const t={...a,color:r};return o.twMerge(c.buttonOutlined(t))}case"ghost":{const t={...a,color:r};return o.twMerge(c.buttonGhost(t))}}},[u,r,i,s,e]),w={...e&&{"data-loading":e}};return n.jsx(b.Button,{"data-dd-privacy":"allow",...p,ref:h,isDisabled:s||e,className:q,...w,children:e?n.jsx(g.Spinner,{size:"small",color:"inherit",label:"Loading..."}):n.jsxs("span",{className:"uy-inline-flex uy-gap-50 uy-leading-175 uy-items-center",children:[l&&n.jsx(f.Icon,{src:l,size:20,color:"inherit",role:"presentation"}),y]})})});m.displayName="Button";exports.Button=m;

package/dist/cjs/components/button/Button.variants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",variants:{isDisabled:{true:"disabled:uy-cursor-not-allowed",false:""},isLoading:{true:"data-[loading]:uy-cursor-progress data-[loading]:uy-text-content-neutral-disabled",false:""},size:{default:"uy-w-auto uy-grow-0 uy-basis-auto",full:"uy-grow-1 uy-w-full uy-basis-full"}},defaultVariants:{isDisabled:!1,isLoading:!1,size:"default"}}),a=e.tv({extend:t,variants:{color:{primary:"uy-bg-surface-primary uy-text-content-inverted hover:uy-bg-surface-primary-hover active:uy-bg-surface-primary-active data-[pressed]:uy-bg-surface-primary-active",warning:"uy-bg-surface-warning uy-text-content-inverted hover:uy-bg-surface-warning-hover active:uy-bg-surface-warning-active data-[pressed]:uy-bg-surface-warning-active",danger:"uy-bg-surface-danger uy-text-content-inverted hover:uy-bg-surface-danger-hover active:uy-bg-surface-danger-active data-[pressed]:uy-bg-surface-danger-active",inverted:"uy-bg-surface-inverted uy-text-content-neutral hover:uy-bg-surface-inverted-hover active:uy-bg-surface-inverted-active data-[pressed]:uy-bg-surface-inverted-active focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-bg-surface-neutral-disabled disabled:uy-text-content-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-bg-surface-neutral-disabled data-[loading]:uy-text-content-neutral-disabled",false:""}}}),r=e.tv({extend:t,base:"uy-border",variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled uy-border-border-primary-enabled",inverted:"uy-bg-transparent uy-text-content-inverted uy-border-border-inverted-enabled focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-border-border-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-border-border-neutral-disabled"}}}),u=e.tv({extend:t,variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled enabled:hover:uy-bg-surface-primary-lowest-hover active:uy-bg-surface-primary-lowest-active data-[pressed]:uy-bg-surface-primary-lowest-active focus-visible:uy-bg-transparent",warning:"uy-bg-transparent uy-text-content-warning-enabled enabled:hover:uy-bg-surface-warning-lowest-hover active:uy-bg-surface-warning-lowest-active data-[pressed]:uy-bg-surface-warning-lowest-active focus-visible:uy-bg-transparent",danger:"uy-bg-transparent uy-text-content-danger-enabled enabled:hover:uy-bg-surface-danger-lowest-hover active:uy-bg-surface-danger-lowest-active data-[pressed]:uy-bg-surface-danger-lowest-active focus-visible:uy-bg-transparent",neutral:"uy-bg-transparent uy-text-content-neutral-enabled enabled:hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-active data-[pressed]:uy-bg-surface-neutral-active focus-visible:uy-bg-transparent"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-bg-transparent",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-bg-transparent",false:""}}});exports.buttonFilled=a;exports.buttonGhost=u;exports.buttonOutlined=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",variants:{isDisabled:{true:"disabled:uy-cursor-not-allowed",false:""},isLoading:{true:"data-[loading]:uy-cursor-progress data-[loading]:uy-text-content-neutral-disabled",false:""},size:{default:"uy-w-auto uy-grow-0 uy-basis-auto",full:"uy-grow-1 uy-w-full uy-basis-full"}},defaultVariants:{isDisabled:!1,isLoading:!1,size:"default"}}),a=e.tv({extend:t,variants:{color:{primary:"uy-bg-surface-primary uy-text-content-inverted hover:uy-bg-surface-primary-hover active:uy-bg-surface-primary-active data-[pressed]:uy-bg-surface-primary-active",warning:"uy-bg-surface-warning uy-text-content-inverted hover:uy-bg-surface-warning-hover active:uy-bg-surface-warning-active data-[pressed]:uy-bg-surface-warning-active",danger:"uy-bg-surface-danger uy-text-content-inverted hover:uy-bg-surface-danger-hover active:uy-bg-surface-danger-active data-[pressed]:uy-bg-surface-danger-active",inverted:"uy-bg-surface-inverted uy-text-content-neutral hover:uy-bg-surface-inverted-hover active:uy-bg-surface-inverted-active data-[pressed]:uy-bg-surface-inverted-active focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-bg-surface-neutral-disabled disabled:uy-text-content-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-bg-surface-neutral-disabled data-[loading]:uy-text-content-neutral-disabled",false:""}}}),r=e.tv({extend:t,base:"uy-border",variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled uy-border-solid uy-border-border-primary-enabled",inverted:"uy-bg-transparent uy-text-content-inverted uy-border-solid uy-border-border-inverted-enabled focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-border-border-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-border-border-neutral-disabled"}}}),u=e.tv({extend:t,variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled enabled:hover:uy-bg-surface-primary-lowest-hover active:uy-bg-surface-primary-lowest-active data-[pressed]:uy-bg-surface-primary-lowest-active focus-visible:uy-bg-transparent",warning:"uy-bg-transparent uy-text-content-warning-enabled enabled:hover:uy-bg-surface-warning-lowest-hover active:uy-bg-surface-warning-lowest-active data-[pressed]:uy-bg-surface-warning-lowest-active focus-visible:uy-bg-transparent",danger:"uy-bg-transparent uy-text-content-danger-enabled enabled:hover:uy-bg-surface-danger-lowest-hover active:uy-bg-surface-danger-lowest-active data-[pressed]:uy-bg-surface-danger-lowest-active focus-visible:uy-bg-transparent",neutral:"uy-bg-transparent uy-text-content-neutral-enabled enabled:hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-active data-[pressed]:uy-bg-surface-neutral-active focus-visible:uy-bg-transparent"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-bg-transparent",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-bg-transparent",false:""}}});exports.buttonFilled=a;exports.buttonGhost=u;exports.buttonOutlined=r;

package/dist/cjs/components/checkbox/Checkbox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),D=require("react-aria"),I=require("react-aria-components"),O=require("tailwind-variants"),u=require("../text/Text.js"),$=require("./parts/CheckboxIndicator.js"),y=O.tv({slots:{base:"uy-group uy-inline-flex uy-flex-col uy-gap-50 uy-py-[1px]",wrapper:"uy-inline-flex uy-items-center uy-gap-[2px] uy-typography-body uy-text-content-form-enabled data-[focus-visible]:uy-outline data-[focus-visible]:uy-outline-[2px] data-[focus-visible]:uy-outline-utility-focus-ring data-[focus-visible]:uy-outline-offset-2 uy-rounded-25",asterisk:"uy-text-content-danger",optionalTag:"uy-typography-body",descriptionsContainer:"uy-ml-300 uy-leading-0 uy-inline-flex uy-flex-col uy-gap-50",helperText:"uy-typography-body-small uy-text-content-neutral-low",feedbackText:"uy-typography-body-small-strong uy-text-content-form-invalid"},variants:{isDisabled:{true:{base:"!uy-text-content-form-disabled"}},isInvalid:{true:{}},isReadOnly:{true:{base:"uy-cursor-not-allowed"}}},defaultVariants:{isDisabled:!1,isInvalid:!1,isReadOnly:!1},compoundVariants:[{isDisabled:!1,isReadOnly:!1,className:{wrapper:"uy-cursor-pointer"}},{isDisabled:!0,isReadOnly:!1,className:{wrapper:"uy-cursor-not-allowed"}},{isDisabled:!1,isReadOnly:!0,className:{wrapper:"uy-cursor-not-allowed"}},{isDisabled:!0,isReadOnly:!0,className:{wrapper:"uy-cursor-not-allowed"}}]}),b=t.forwardRef(({children:p,helperText:s,feedbackText:i,...l},x)=>{const a=D.useId(),{isDisabled:m,isReadOnly:f,isInvalid:n,isRequired:r,requiredVariant:o="required"}=l,{base:g,wrapper:h,asterisk:v,optionalTag:j,descriptionsContainer:N,helperText:w,feedbackText:q}=y({isDisabled:m,isReadOnly:f,isInvalid:n}),d=[l["aria-labelledby"],`${a}-label`].filter(Boolean),c=[l["aria-describedby"],typeof s=="string"?`${a}-helper-text`:void 0,typeof i=="string"?`${a}-feedback-text`:void 0].filter(Boolean),k=d.length>0?d.join(" "):void 0,R=c.length>0?c.join(" "):void 0;return e.jsxs("div",{className:g(),children:[e.jsx(I.Checkbox,{...l,ref:x,className:h(),"aria-labelledby":k,"aria-describedby":R,children:C=>e.jsxs(e.Fragment,{children:[e.jsx($.CheckboxIndicator,{...C,className:"uy-mr-[6px]"}),e.jsx("span",{id:`${a}-label`,className:"uy-leading-100",children:p}),o==="required"&&r&&e.jsxs("span",{className:v(),children:["*",e.jsx("span",{className:"uy-sr-only",children:"required"})]}),o==="optional"&&!r&&e.jsx("span",{className:j(),children:"(optional)"})]})}),(s||i)&&e.jsxs("div",{className:N(),children:[typeof s=="string"?e.jsx(u.Text,{variant:"bodySmall",color:"content.neutral.low",id:`${a}-helper-text`,children:s}):t.isValidElement(s)&&t.cloneElement(s,{"data-id":`${a}-helper-text`,className:w()}),n&&(typeof i=="string"?e.jsx(u.Text,{variant:"bodySmallStrong",color:"content.form.invalid",id:`${a}-feedback-text`,children:i}):t.isValidElement(i)&&t.cloneElement(i,{"data-id":`${a}-feedback-text`,className:q()}))]})]})});b.displayName="Checkbox";exports.Checkbox=b;exports.checkbox=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),D=require("react-aria"),I=require("react-aria-components"),O=require("tailwind-variants"),u=require("../text/Text.js"),$=require("./parts/CheckboxIndicator.js"),y=O.tv({slots:{base:"uy-group uy-inline-flex uy-flex-col uy-gap-50 uy-py-[1px]",wrapper:"uy-inline-flex uy-items-center uy-gap-[2px] uy-typography-body uy-text-content-form-enabled data-[focus-visible]:uy-outline data-[focus-visible]:uy-outline-[2px] data-[focus-visible]:uy-outline-utility-focus-ring data-[focus-visible]:uy-outline-offset-2 uy-rounded-25",asterisk:"uy-text-content-danger",optionalTag:"uy-typography-body",descriptionsContainer:"uy-ml-300 uy-leading-0 uy-inline-flex uy-flex-col uy-gap-50",helperText:"uy-typography-body-small uy-text-content-neutral-low",feedbackText:"uy-typography-body-small-strong uy-text-content-form-invalid"},variants:{isDisabled:{true:{base:"!uy-text-content-form-disabled"}},isInvalid:{true:{}},isReadOnly:{true:{base:"uy-cursor-not-allowed"}}},defaultVariants:{isDisabled:!1,isInvalid:!1,isReadOnly:!1},compoundVariants:[{isDisabled:!1,isReadOnly:!1,className:{wrapper:"uy-cursor-pointer"}},{isDisabled:!0,isReadOnly:!1,className:{wrapper:"uy-cursor-not-allowed"}},{isDisabled:!1,isReadOnly:!0,className:{wrapper:"uy-cursor-not-allowed"}},{isDisabled:!0,isReadOnly:!0,className:{wrapper:"uy-cursor-not-allowed"}}]}),b=t.forwardRef(({children:p,helperText:s,feedbackText:i,...l},x)=>{const a=D.useId(),{isDisabled:m,isReadOnly:f,isInvalid:n,isRequired:r,requiredVariant:o="required"}=l,{base:g,wrapper:h,asterisk:v,optionalTag:w,descriptionsContainer:j,helperText:N,feedbackText:q}=y({isDisabled:m,isReadOnly:f,isInvalid:n}),d=[l["aria-labelledby"],`${a}-label`].filter(Boolean),c=[l["aria-describedby"],typeof s=="string"?`${a}-helper-text`:void 0,typeof i=="string"?`${a}-feedback-text`:void 0].filter(Boolean),k=d.length>0?d.join(" "):void 0,R=c.length>0?c.join(" "):void 0;return e.jsxs("div",{className:g(),children:[e.jsx(I.Checkbox,{...l,ref:x,className:h(),"aria-labelledby":k,"aria-describedby":R,children:C=>e.jsxs(e.Fragment,{children:[e.jsx($.CheckboxIndicator,{...C,className:"uy-mr-[6px]"}),e.jsx("span",{id:`${a}-label`,className:"uy-leading-100","data-dd-privacy":"allow",children:p}),o==="required"&&r&&e.jsxs("span",{className:v(),children:["*",e.jsx("span",{className:"uy-sr-only",children:"required"})]}),o==="optional"&&!r&&e.jsx("span",{className:w(),children:"(optional)"})]})}),(s||i)&&e.jsxs("div",{className:j(),"data-dd-privacy":"allow",children:[typeof s=="string"?e.jsx(u.Text,{variant:"bodySmall",color:"content.neutral.low",id:`${a}-helper-text`,children:s}):t.isValidElement(s)&&t.cloneElement(s,{"data-id":`${a}-helper-text`,className:N()}),n&&(typeof i=="string"?e.jsx(u.Text,{variant:"bodySmallStrong",color:"content.form.invalid",id:`${a}-feedback-text`,children:i}):t.isValidElement(i)&&t.cloneElement(i,{"data-id":`${a}-feedback-text`,className:q()}))]})]})});b.displayName="Checkbox";exports.Checkbox=b;exports.checkbox=y;

package/dist/cjs/components/checkbox/parts/CheckboxIndicator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("tailwind-variants"),c=n.tv({slots:{base:["uy-flex uy-items-center uy-justify-center uy-rounded-50 uy-w-200 uy-h-200 uy-text-content-inverted uy-border uy-transition-all uy-duration-100"],checkmark:["uy-w-[16px] uy-fill-none uy-stroke-[2px] uy-stroke-content-inverted uy-transition-all uy-duration-500"]},variants:{isSelected:{true:{base:"uy-border-border-form-active uy-bg-surface-form-active"}},isDisabled:{true:""},isReadOnly:{true:""},isInvalid:{true:""}},defaultVariants:{isSelected:!1,isDisabled:!1,isInvalid:!1,isReadOnly:!1},compoundVariants:[{isSelected:!1,isDisabled:!1,isInvalid:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled"}},{isSelected:!1,isDisabled:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isDisabled:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-border-form-disabled"}},{isSelected:!1,isInvalid:!0,className:{base:"uy-border-border-form-error uy-bg-surface-form-enabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isInvalid:!0,className:{base:"!uy-border-border-danger !uy-bg-surface-danger",checkmark:"uy-text-content-inverted"}},{isSelected:!1,isReadOnly:!0,className:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isReadOnly:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-border-form-read-only"}}]});function a({isSelected:r,isDisabled:s,isIndeterminate:t,isInvalid:d,isReadOnly:i,className:o}){const{base:l,checkmark:u}=c({isSelected:r,isDisabled:s,isInvalid:d,isReadOnly:i});return e.jsx("div",{className:l({className:o}),children:e.jsx("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 16 16","aria-hidden":"true",className:u(),style:{strokeDashoffset:r?44:66},children:t?e.jsx("rect",{x:"3",y:"7",width:"10",height:"2",rx:"0.5",stroke:"none",fill:"currentColor"}):e.jsx("polyline",{points:"3.5,8 6.5,11 12.5,5",stroke:"currentColor",strokeDasharray:"22",strokeLinecap:"butt",strokeLinejoin:"bevel"})})})}a.displayName="CheckboxIndicator";exports.CheckboxIndicator=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("tailwind-variants"),c=n.tv({slots:{base:["uy-flex uy-items-center uy-justify-center uy-rounded-50 uy-w-200 uy-h-200 uy-text-content-inverted uy-border uy-border-solid uy-transition-all uy-duration-100"],checkmark:["uy-w-[16px] uy-fill-none uy-stroke-[2px] uy-stroke-content-inverted uy-transition-all uy-duration-500"]},variants:{isSelected:{true:{base:"uy-border-border-form-active uy-bg-surface-form-active"}},isDisabled:{true:""},isReadOnly:{true:""},isInvalid:{true:""}},defaultVariants:{isSelected:!1,isDisabled:!1,isInvalid:!1,isReadOnly:!1},compoundVariants:[{isSelected:!1,isDisabled:!1,isInvalid:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled"}},{isSelected:!1,isDisabled:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isDisabled:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-border-form-disabled"}},{isSelected:!1,isInvalid:!0,className:{base:"uy-border-border-form-error uy-bg-surface-form-enabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isInvalid:!0,className:{base:"!uy-border-border-danger !uy-bg-surface-danger",checkmark:"uy-text-content-inverted"}},{isSelected:!1,isReadOnly:!0,className:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isReadOnly:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-border-form-read-only"}}]});function a({isSelected:r,isDisabled:s,isIndeterminate:t,isInvalid:d,isReadOnly:i,className:o}){const{base:l,checkmark:u}=c({isSelected:r,isDisabled:s,isInvalid:d,isReadOnly:i});return e.jsx("div",{className:l({className:o}),"data-dd-privacy":"mask",children:e.jsx("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 16 16","aria-hidden":"true",className:u(),style:{strokeDashoffset:r?44:66},children:t?e.jsx("rect",{x:"3",y:"7",width:"10",height:"2",rx:"0.5",stroke:"none",fill:"currentColor"}):e.jsx("polyline",{points:"3.5,8 6.5,11 12.5,5",stroke:"currentColor",strokeDasharray:"22",strokeLinecap:"butt",strokeLinejoin:"bevel"})})})}a.displayName="CheckboxIndicator";exports.CheckboxIndicator=a;