@new-black/lyra 1.12.2 → 1.13.0-experimental.1

package/dist/_virtual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/index2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/use-sync-external-store/shim/index.js");var r=e.__require();exports.shimExports=r;

package/dist/_virtual/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/jsx-runtime.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/react/jsx-runtime.js");var t=e.__require();exports.jsxRuntimeExports=t;

package/dist/_virtual/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/jsx-runtime2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/react-jsx-runtime.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/use-sync-external-store-shim.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/use-sync-external-store-shim.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/alert/alert.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),u=require("../../utils/helpers.js"),o=require("./alert.styles.js"),t=require("../svg-icon/svg-icon.js"),j=({variant:r})=>{const{icon:s}=o.alertStyles({variant:r});switch(r){case"success":return e.jsxRuntimeExports.jsx("div",{className:s(),children:e.jsxRuntimeExports.jsx(t.SvgIcon,{name:"alert-success",role:"img"})});case"info":return e.jsxRuntimeExports.jsx("div",{className:s(),children:e.jsxRuntimeExports.jsx(t.SvgIcon,{name:"alert-information",role:"img"})});case"warning":return e.jsxRuntimeExports.jsx("div",{className:s(),children:e.jsxRuntimeExports.jsx(t.SvgIcon,{name:"alert-warning",role:"img"})});case"error":return e.jsxRuntimeExports.jsx("div",{className:s(),children:e.jsxRuntimeExports.jsx(t.SvgIcon,{name:"alert-error",role:"img"})});default:return null}},d=({alignItems:r,children:s,className:c,variant:n,...l},x)=>{const{content:a,wrapper:m}=o.alertStyles({variant:n,alignItems:r});return e.jsxRuntimeExports.jsxs("div",{...l,className:m({className:c}),ref:x,role:"alert",children:[e.jsxRuntimeExports.jsx(j,{variant:n}),e.jsxRuntimeExports.jsx("div",{className:a(),children:s})]})},i=u.fixedForwardRef(d);i.displayName="Alert";exports.Alert=i;

package/dist/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import { ForwardedRef, HTMLAttributes, ReactNode } from \"react\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport { alertStyles } from \"./alert.styles\";\n\nexport type AlertProps = VariantProps<typeof alertStyles> &\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  };\n\nconst Icon = ({ variant }: Pick<AlertProps, \"variant\">) => {\n  const { icon } = alertStyles({ variant });\n  switch (variant) {\n    case \"success\":\n      return (\n        <div className={icon()}>\n          <SvgIcon name=\"alert-success\" role=\"img\" />\n        </div>\n      );\n    case \"info\":\n      return (\n        <div className={icon()}>\n          <SvgIcon name=\"alert-information\" role=\"img\" />\n        </div>\n      );\n    case \"warning\":\n      return (\n        <div className={icon()}>\n          <SvgIcon name=\"alert-warning\" role=\"img\" />\n        </div>\n      );\n    case \"error\":\n      return (\n        <div className={icon()}>\n          <SvgIcon name=\"alert-error\" role=\"img\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nconst _Alert = (\n  { alignItems, children, className, variant, ...rest }: AlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { content, wrapper } = alertStyles({ variant, alignItems });\n\n  return (\n    <div {...rest} className={wrapper({ className })} ref={ref} role=\"alert\">\n      <Icon variant={variant} />\n      <div className={content()}>{children}</div>\n    </div>\n  );\n};\n\nexport const Alert = fixedForwardRef(_Alert);\n// @ts-ignore\nAlert.displayName = \"Alert\";\n"],"names":["Icon","variant","icon","alertStyles","jsx","SvgIcon","_Alert","alignItems","children","className","rest","ref","content","wrapper","jsxs","Alert","fixedForwardRef"],"mappings":"yOAcMA,EAAO,CAAC,CAAE,QAAAC,KAA2C,CACzD,KAAM,CAAE,KAAAC,CAAA,EAASC,cAAY,CAAE,QAAAF,EAAS,EACxC,OAAQA,EAAA,CACN,IAAK,UACH,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWF,EAAA,EACd,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,gBAAgB,KAAK,KAAA,CAAM,CAAA,CAC3C,EAEJ,IAAK,OACH,OACED,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWF,EAAA,EACd,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,oBAAoB,KAAK,KAAA,CAAM,CAAA,CAC/C,EAEJ,IAAK,UACH,OACED,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWF,EAAA,EACd,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,gBAAgB,KAAK,KAAA,CAAM,CAAA,CAC3C,EAEJ,IAAK,QACH,OACED,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWF,EAAA,EACd,SAAAE,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAK,cAAc,KAAK,KAAA,CAAM,CAAA,CACzC,EAEJ,QACE,OAAO,IAAA,CAEb,EAEMC,EAAS,CACb,CAAE,WAAAC,EAAY,SAAAC,EAAU,UAAAC,EAAW,QAAAR,EAAS,GAAGS,CAAA,EAC/CC,IACG,CACH,KAAM,CAAE,QAAAC,EAAS,QAAAC,CAAA,EAAYV,EAAAA,YAAY,CAAE,QAAAF,EAAS,WAAAM,EAAY,EAEhE,OACEO,EAAAA,kBAAAA,KAAC,MAAA,CAAK,GAAGJ,EAAM,UAAWG,EAAQ,CAAE,UAAAJ,CAAA,CAAW,EAAG,IAAAE,EAAU,KAAK,QAC/D,SAAA,CAAAP,wBAACJ,GAAK,QAAAC,EAAkB,EACxBG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWQ,EAAA,EAAY,SAAAJ,CAAA,CAAS,CAAA,EACvC,CAEJ,EAEaO,EAAQC,EAAAA,gBAAgBV,CAAM,EAE3CS,EAAM,YAAc"}

package/dist/components/alert/alert.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/tailwind-variants/dist/index.js"),r=e.tv({slots:{wrapper:["p-3","rounded-lg","flex","gap-2.5"],icon:["rounded-full","w-6","h-6","min-w-6","text-inverted","flex","items-center","justify-center"],content:["flex-1"]},variants:{alignItems:{start:{wrapper:["items-start"],content:["mt-0.5"]},center:{wrapper:["items-center"]},end:{wrapper:["items-end"]}},variant:{success:{wrapper:["bg-alert-success"],icon:["bg-indication-green"]},info:{wrapper:["bg-alert-information"],icon:["bg-indication-blue"]},warning:{wrapper:["bg-alert-warning"],icon:["bg-indication-orange"]},error:{wrapper:["bg-alert-error"],icon:["bg-indication-red"]}}},defaultVariants:{alignItems:"start"}});exports.alertStyles=r;

package/dist/components/alert/alert.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.styles.js","sources":["../../../src/components/alert/alert.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const alertStyles = tv({\n  slots: {\n    wrapper: [\"p-3\", \"rounded-lg\", \"flex\", \"gap-2.5\"],\n    icon: [\n      \"rounded-full\",\n      \"w-6\",\n      \"h-6\",\n      \"min-w-6\",\n      \"text-inverted\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n    ],\n    content: [\"flex-1\"],\n  },\n  variants: {\n    alignItems: {\n      start: {\n        wrapper: [\"items-start\"],\n        content: [\"mt-0.5\"],\n      },\n      center: {\n        wrapper: [\"items-center\"],\n      },\n      end: {\n        wrapper: [\"items-end\"],\n      },\n    },\n    variant: {\n      success: {\n        wrapper: [\"bg-alert-success\"],\n        icon: [\"bg-indication-green\"],\n      },\n      info: {\n        wrapper: [\"bg-alert-information\"],\n        icon: [\"bg-indication-blue\"],\n      },\n      warning: {\n        wrapper: [\"bg-alert-warning\"],\n        icon: [\"bg-indication-orange\"],\n      },\n      error: {\n        wrapper: [\"bg-alert-error\"],\n        icon: [\"bg-indication-red\"],\n      },\n    },\n  },\n  defaultVariants: {\n    alignItems: \"start\",\n  },\n});\n"],"names":["alertStyles","tv"],"mappings":"sJAEaA,EAAcC,EAAAA,GAAG,CAC5B,MAAO,CACL,QAAS,CAAC,MAAO,aAAc,OAAQ,SAAS,EAChD,KAAM,CACJ,eACA,MACA,MACA,UACA,gBACA,OACA,eACA,gBAAA,EAEF,QAAS,CAAC,QAAQ,CAAA,EAEpB,SAAU,CACR,WAAY,CACV,MAAO,CACL,QAAS,CAAC,aAAa,EACvB,QAAS,CAAC,QAAQ,CAAA,EAEpB,OAAQ,CACN,QAAS,CAAC,cAAc,CAAA,EAE1B,IAAK,CACH,QAAS,CAAC,WAAW,CAAA,CACvB,EAEF,QAAS,CACP,QAAS,CACP,QAAS,CAAC,kBAAkB,EAC5B,KAAM,CAAC,qBAAqB,CAAA,EAE9B,KAAM,CACJ,QAAS,CAAC,sBAAsB,EAChC,KAAM,CAAC,oBAAoB,CAAA,EAE7B,QAAS,CACP,QAAS,CAAC,kBAAkB,EAC5B,KAAM,CAAC,sBAAsB,CAAA,EAE/B,MAAO,CACL,QAAS,CAAC,gBAAgB,EAC1B,KAAM,CAAC,mBAAmB,CAAA,CAC5B,CACF,EAEF,gBAAiB,CACf,WAAY,OAAA,CAEhB,CAAC"}

package/dist/components/avatar/avatar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../_virtual/jsx-runtime.js"),a=require("react"),A=require("./avatar.styles.js"),x=require("../text/text.js"),I=({className:t,hideText:p=!1,imageUrl:r,name:o,size:e="large",style:f,subtitle:g},R)=>{const[l,u]=a.useState(!1),s=typeof o=="string"&&o.trim()||void 0,d=a.useMemo(()=>{var j;if(!s)return;const i=s.split(/[\s-']+/);if(i.length===1)return(j=i[0][0])==null?void 0:j.toUpperCase();const S=i[0][0],b=i[i.length-1][0],c=(S+b).toUpperCase();return e==="small"?c[0]:c},[s,e]),{container:h,image:m,initials:y,initialsText:E,text:T}=A.avatarStyles({});return!s&&!r?null:n.jsxRuntimeExports.jsxs("div",{ref:R,style:f,className:h({className:t==null?void 0:t.container,size:e}),children:[r?n.jsxRuntimeExports.jsx("img",{src:r,alt:`Avatar ${d}`,className:m({className:t==null?void 0:t.image,size:e,isImageLoaded:!!r&&l}),onLoad:()=>u(!0),onError:()=>u(!1)}):null,n.jsxRuntimeExports.jsx("div",{className:y({className:t==null?void 0:t.initials,size:e,isImageLoaded:!!r&&l}),children:n.jsxRuntimeExports.jsx(x.Text,{className:E({className:t==null?void 0:t.initialsText,size:e}),children:d})}),p?null:e==="large"?n.jsxRuntimeExports.jsxs("div",{className:T({className:t==null?void 0:t.text,size:e}),children:[n.jsxRuntimeExports.jsx(x.Text,{variant:"heading-3",className:"w-full truncate text-center",children:o}),n.jsxRuntimeExports.jsx(x.Text,{color:"secondary",className:"block w-full max-w-full truncate text-center",children:g})]}):e==="medium"?n.jsxRuntimeExports.jsx(x.Text,{variant:"body-medium",children:o}):null]})},v=a.forwardRef(I);v.displayName="Avatar";exports.Avatar=v;

package/dist/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, forwardRef, useMemo, useState } from \"react\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { Text } from \"../text\";\n\nimport { avatarStyles } from \"./avatar.styles\";\n\nexport type AvatarProps = {\n  className?: {\n    container?: string;\n    initials?: string;\n    text?: string;\n    initialsText?: string;\n    image?: string;\n  };\n  style?: CSSProperties;\n  name: string;\n  subtitle?: string;\n  size?: VariantProps<typeof avatarStyles>[\"size\"];\n  imageUrl?: string;\n  hideText?: boolean;\n};\n\nconst _Avatar = (\n  { className, hideText = false, imageUrl, name, size = \"large\", style, subtitle }: AvatarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [imageLoaded, setImageLoaded] = useState(false);\n\n  const validName = typeof name === \"string\" ? name.trim() || undefined : undefined;\n\n  const initials = useMemo(() => {\n    if (!validName) return undefined;\n\n    // Split on spaces, hyphens, and apostrophes\n    const nameParts = validName.split(/[\\s-']+/);\n\n    // For single names, just use the first letter\n    if (nameParts.length === 1) {\n      return nameParts[0][0]?.toUpperCase();\n    }\n\n    // Get first letter of first and last parts\n    const firstInitial = nameParts[0][0];\n    const lastInitial = nameParts[nameParts.length - 1][0];\n\n    // Combine and uppercase\n    const combined = (firstInitial + lastInitial).toUpperCase();\n\n    return size === \"small\" ? combined[0] : combined;\n  }, [validName, size]);\n\n  const {\n    container,\n    image,\n    initials: initialsStyles,\n    initialsText,\n    text: textStyles,\n  } = avatarStyles({});\n\n  if (!validName && !imageUrl) {\n    return null;\n  }\n\n  return (\n    <div ref={ref} style={style} className={container({ className: className?.container, size })}>\n      {imageUrl ? (\n        <img\n          src={imageUrl}\n          alt={`Avatar ${initials}`}\n          className={image({\n            className: className?.image,\n            size,\n            isImageLoaded: !!imageUrl && imageLoaded,\n          })}\n          onLoad={() => setImageLoaded(true)}\n          onError={() => setImageLoaded(false)}\n        />\n      ) : null}\n\n      <div\n        className={initialsStyles({\n          className: className?.initials,\n          size,\n          isImageLoaded: !!imageUrl && imageLoaded,\n        })}\n      >\n        <Text className={initialsText({ className: className?.initialsText, size })}>\n          {initials}\n        </Text>\n      </div>\n\n      {!hideText ? (\n        size === \"large\" ? (\n          <div className={textStyles({ className: className?.text, size })}>\n            <Text variant=\"heading-3\" className=\"w-full truncate text-center\">\n              {name}\n            </Text>\n            <Text color=\"secondary\" className=\"block w-full max-w-full truncate text-center\">\n              {subtitle}\n            </Text>\n          </div>\n        ) : size === \"medium\" ? (\n          <Text variant=\"body-medium\">{name}</Text>\n        ) : null\n      ) : null}\n    </div>\n  );\n};\n\n// used forwardedRef due to type issue on return null\nexport const Avatar = forwardRef(_Avatar);\nAvatar.displayName = \"Avatar\";\n"],"names":["_Avatar","className","hideText","imageUrl","name","size","style","subtitle","ref","imageLoaded","setImageLoaded","useState","validName","initials","useMemo","nameParts","_a","firstInitial","lastInitial","combined","container","image","initialsStyles","initialsText","textStyles","avatarStyles","jsxs","jsx","Text","Avatar","forwardRef"],"mappings":"iNAwBMA,EAAU,CACd,CAAE,UAAAC,EAAW,SAAAC,EAAW,GAAO,SAAAC,EAAU,KAAAC,EAAM,KAAAC,EAAO,QAAS,MAAAC,EAAO,SAAAC,CAAA,EACtEC,IACG,CACH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,EAAY,OAAOR,GAAS,UAAWA,EAAK,KAAA,GAAU,OAEtDS,EAAWC,EAAAA,QAAQ,IAAM,OAC7B,GAAI,CAACF,EAAW,OAGhB,MAAMG,EAAYH,EAAU,MAAM,SAAS,EAG3C,GAAIG,EAAU,SAAW,EACvB,OAAOC,EAAAD,EAAU,CAAC,EAAE,CAAC,IAAd,YAAAC,EAAiB,cAI1B,MAAMC,EAAeF,EAAU,CAAC,EAAE,CAAC,EAC7BG,EAAcH,EAAUA,EAAU,OAAS,CAAC,EAAE,CAAC,EAG/CI,GAAYF,EAAeC,GAAa,YAAA,EAE9C,OAAOb,IAAS,QAAUc,EAAS,CAAC,EAAIA,CAC1C,EAAG,CAACP,EAAWP,CAAI,CAAC,EAEd,CACJ,UAAAe,EACA,MAAAC,EACA,SAAUC,EACV,aAAAC,EACA,KAAMC,CAAA,EACJC,EAAAA,aAAa,CAAA,CAAE,EAEnB,MAAI,CAACb,GAAa,CAACT,EACV,KAIPuB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,IAAAlB,EAAU,MAAAF,EAAc,UAAWc,EAAU,CAAE,UAAWnB,GAAA,YAAAA,EAAW,UAAW,KAAAI,CAAA,CAAM,EACxF,SAAA,CAAAF,EACCwB,EAAAA,kBAAAA,IAAC,MAAA,CACC,IAAKxB,EACL,IAAK,UAAUU,CAAQ,GACvB,UAAWQ,EAAM,CACf,UAAWpB,GAAA,YAAAA,EAAW,MACtB,KAAAI,EACA,cAAe,CAAC,CAACF,GAAYM,CAAA,CAC9B,EACD,OAAQ,IAAMC,EAAe,EAAI,EACjC,QAAS,IAAMA,EAAe,EAAK,CAAA,CAAA,EAEnC,KAEJiB,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWL,EAAe,CACxB,UAAWrB,GAAA,YAAAA,EAAW,SACtB,KAAAI,EACA,cAAe,CAAC,CAACF,GAAYM,CAAA,CAC9B,EAED,SAAAkB,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,UAAWL,EAAa,CAAE,UAAWtB,GAAA,YAAAA,EAAW,aAAc,KAAAI,CAAA,CAAM,EACvE,SAAAQ,CAAA,CACH,CAAA,CAAA,EAGAX,EAaE,KAZFG,IAAS,iCACN,MAAA,CAAI,UAAWmB,EAAW,CAAE,UAAWvB,GAAA,YAAAA,EAAW,KAAM,KAAAI,CAAA,CAAM,EAC7D,SAAA,CAAAsB,wBAACC,EAAAA,KAAA,CAAK,QAAQ,YAAY,UAAU,8BACjC,SAAAxB,EACH,0BACCwB,EAAAA,KAAA,CAAK,MAAM,YAAY,UAAU,+CAC/B,SAAArB,CAAA,CACH,CAAA,CAAA,CACF,EACEF,IAAS,SACXsB,EAAAA,kBAAAA,IAACC,EAAAA,MAAK,QAAQ,cAAe,SAAAxB,CAAA,CAAK,EAChC,IACF,EACN,CAEJ,EAGayB,EAASC,EAAAA,WAAW9B,CAAO,EACxC6B,EAAO,YAAc"}

package/dist/components/avatar/avatar.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/tailwind-variants/dist/index.js"),i=e.tv({slots:{container:["items-center"],initials:["inline-flex aspect-square items-center justify-center rounded-full bg-indication-indigo"],initialsText:["text-inverted"],image:["aspect-square rounded-full","duration-300 animate-in fade-in-20"],text:["max-w-full"]},variants:{size:{small:{container:["flex justify-center"],initials:["w-6 h-6"],initialsTextText:"font-semibold",image:["w-6 h-6"]},medium:{container:["flex gap-2 justify-center"],initials:["w-8 h-8"],initialsText:["font-semibold"],image:["w-8 h-8"]},large:{container:["flex flex-col gap-3"],initials:["w-24 h-24"],initialsText:["text-3xl font-bold"],image:["w-24 h-24"],text:["flex flex-col items-center"]}},isImageLoaded:{false:{image:"hidden"},true:{initials:"hidden"}}}});exports.avatarStyles=i;

package/dist/components/avatar/avatar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.styles.js","sources":["../../../src/components/avatar/avatar.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const avatarStyles = tv({\n  slots: {\n    container: [\"items-center\"],\n    initials: [\n      \"inline-flex aspect-square items-center justify-center rounded-full bg-indication-indigo\",\n    ],\n    initialsText: [\"text-inverted\"],\n    image: [\"aspect-square rounded-full\", \"duration-300 animate-in fade-in-20\"],\n    text: [\"max-w-full\"],\n  },\n  variants: {\n    size: {\n      small: {\n        container: [\"flex justify-center\"],\n        initials: [\"w-6 h-6\"],\n        initialsTextText: \"font-semibold\",\n        image: [\"w-6 h-6\"],\n      },\n      medium: {\n        container: [\"flex gap-2 justify-center\"],\n        initials: [\"w-8 h-8\"],\n        initialsText: [\"font-semibold\"],\n        image: [\"w-8 h-8\"],\n      },\n      large: {\n        container: [\"flex flex-col gap-3\"],\n        initials: [\"w-24 h-24\"],\n        initialsText: [\"text-3xl font-bold\"],\n        image: [\"w-24 h-24\"],\n        text: [\"flex flex-col items-center\"],\n      },\n    },\n    isImageLoaded: {\n      false: {\n        image: \"hidden\",\n      },\n      true: {\n        initials: \"hidden\",\n      },\n    },\n  },\n});\n"],"names":["avatarStyles","tv"],"mappings":"sJAEaA,EAAeC,EAAAA,GAAG,CAC7B,MAAO,CACL,UAAW,CAAC,cAAc,EAC1B,SAAU,CACR,yFAAA,EAEF,aAAc,CAAC,eAAe,EAC9B,MAAO,CAAC,6BAA8B,oCAAoC,EAC1E,KAAM,CAAC,YAAY,CAAA,EAErB,SAAU,CACR,KAAM,CACJ,MAAO,CACL,UAAW,CAAC,qBAAqB,EACjC,SAAU,CAAC,SAAS,EACpB,iBAAkB,gBAClB,MAAO,CAAC,SAAS,CAAA,EAEnB,OAAQ,CACN,UAAW,CAAC,2BAA2B,EACvC,SAAU,CAAC,SAAS,EACpB,aAAc,CAAC,eAAe,EAC9B,MAAO,CAAC,SAAS,CAAA,EAEnB,MAAO,CACL,UAAW,CAAC,qBAAqB,EACjC,SAAU,CAAC,WAAW,EACtB,aAAc,CAAC,oBAAoB,EACnC,MAAO,CAAC,WAAW,EACnB,KAAM,CAAC,4BAA4B,CAAA,CACrC,EAEF,cAAe,CACb,MAAO,CACL,MAAO,QAAA,EAET,KAAM,CACJ,SAAU,QAAA,CACZ,CACF,CAEJ,CAAC"}

package/dist/components/badge/badge.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),a=require("./badge.styles.js"),o=require("../svg-icon/svg-icon.js"),n=({children:e,className:s,variant:r,...i})=>t.jsxRuntimeExports.jsx("div",{...i,className:a.badgeStyles({className:s,variant:r}),children:e}),c=({children:e,variant:s,...r})=>t.jsxRuntimeExports.jsx(n,{...r,variant:s,children:e}),u=({children:e,className:s})=>t.jsxRuntimeExports.jsxs(n,{variant:"red",className:s,children:[e,t.jsxRuntimeExports.jsx(o.SvgIcon,{name:"warning"})]});exports.Badge=c;exports.CriticalBadge=u;

package/dist/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { SvgIcon } from \"../svg-icon\";\n\nimport { badgeStyles } from \"./badge.styles\";\n\ntype BaseBadgeProps = VariantProps<typeof badgeStyles> & {\n  children: ReactNode;\n  className?: string;\n};\n\nconst BaseBadge = ({ children, className, variant, ...props }: BaseBadgeProps) => {\n  return (\n    <div {...props} className={badgeStyles({ className, variant })}>\n      {children}\n    </div>\n  );\n};\n\nexport type BadgeProps = BaseBadgeProps;\n\nexport const Badge = ({ children, variant, ...props }: BadgeProps) => {\n  return (\n    <BaseBadge {...props} variant={variant}>\n      {children}\n    </BaseBadge>\n  );\n};\n\nexport type CriticalBadgeProps = {\n  children: string;\n  className?: string;\n};\nexport const CriticalBadge = ({ children, className }: CriticalBadgeProps) => {\n  return (\n    <BaseBadge variant=\"red\" className={className}>\n      {children}\n      <SvgIcon name=\"warning\" />\n    </BaseBadge>\n  );\n};\n"],"names":["BaseBadge","children","className","variant","props","jsx","badgeStyles","Badge","CriticalBadge","jsxs","SvgIcon"],"mappings":"qMAaMA,EAAY,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAS,GAAGC,KAElDC,wBAAC,MAAA,CAAK,GAAGD,EAAO,UAAWE,cAAY,CAAE,UAAAJ,EAAW,QAAAC,EAAS,EAC1D,SAAAF,CAAA,CACH,EAMSM,EAAQ,CAAC,CAAE,SAAAN,EAAU,QAAAE,EAAS,GAAGC,KAE1CC,EAAAA,kBAAAA,IAACL,EAAA,CAAW,GAAGI,EAAO,QAAAD,EACnB,SAAAF,EACH,EAQSO,EAAgB,CAAC,CAAE,SAAAP,EAAU,UAAAC,KAEtCO,EAAAA,kBAAAA,KAACT,EAAA,CAAU,QAAQ,MAAM,UAAAE,EACtB,SAAA,CAAAD,EACDI,EAAAA,kBAAAA,IAACK,EAAAA,QAAA,CAAQ,KAAK,SAAA,CAAU,CAAA,EAC1B"}

package/dist/components/badge/badge.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/tailwind-variants/dist/index.js"),t=e.tv({base:["badge","inline-flex","items-center","justify-center","text-center","px-1.5","py-1","rounded-xs","text-base","gap-1","truncate"],variants:{variant:{blue:"bg-indication-blue text-inverted",brown:"bg-indication-brown text-inverted",gray:"bg-indication-gray text-secondary",green:"bg-indication-green text-inverted",indigo:"bg-indication-indigo text-inverted",lime:"bg-indication-lime text-primary",orange:"bg-indication-orange text-inverted",pink:"bg-indication-pink text-inverted",purple:"bg-indication-purple text-inverted",red:"bg-indication-red text-inverted",teal:"bg-indication-teal text-inverted",transparent:"bg-transparent text-primary border border-default border-solid",yellow:"bg-indication-yellow text-primary",cyan:"bg-indication-cyan text-inverted",mint:"bg-indication-mint text-inverted"}},defaultVariants:{variant:"blue"}});exports.badgeStyles=t;

package/dist/components/badge/badge.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.styles.js","sources":["../../../src/components/badge/badge.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const badgeStyles = tv({\n  base: [\n    \"badge\",\n    \"inline-flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"text-center\",\n    \"px-1.5\",\n    \"py-1\",\n    \"rounded-xs\",\n    \"text-base\",\n    \"gap-1\",\n    \"truncate\",\n  ],\n  variants: {\n    variant: {\n      blue: \"bg-indication-blue text-inverted\",\n      brown: \"bg-indication-brown text-inverted\",\n      gray: \"bg-indication-gray text-secondary\",\n      green: \"bg-indication-green text-inverted\",\n      indigo: \"bg-indication-indigo text-inverted\",\n      lime: \"bg-indication-lime text-primary\",\n      orange: \"bg-indication-orange text-inverted\",\n      pink: \"bg-indication-pink text-inverted\",\n      purple: \"bg-indication-purple text-inverted\",\n      red: \"bg-indication-red text-inverted\",\n      teal: \"bg-indication-teal text-inverted\",\n      transparent: \"bg-transparent text-primary border border-default border-solid\",\n      yellow: \"bg-indication-yellow text-primary\",\n      cyan: \"bg-indication-cyan text-inverted\",\n      mint: \"bg-indication-mint text-inverted\",\n    },\n  },\n  defaultVariants: {\n    variant: \"blue\",\n  },\n});\n"],"names":["badgeStyles","tv"],"mappings":"sJAEaA,EAAcC,EAAAA,GAAG,CAC5B,KAAM,CACJ,QACA,cACA,eACA,iBACA,cACA,SACA,OACA,aACA,YACA,QACA,UAAA,EAEF,SAAU,CACR,QAAS,CACP,KAAM,mCACN,MAAO,oCACP,KAAM,oCACN,MAAO,oCACP,OAAQ,qCACR,KAAM,kCACN,OAAQ,qCACR,KAAM,mCACN,OAAQ,qCACR,IAAK,kCACL,KAAM,mCACN,YAAa,iEACb,OAAQ,oCACR,KAAM,mCACN,KAAM,kCAAA,CACR,EAEF,gBAAiB,CACf,QAAS,MAAA,CAEb,CAAC"}

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../_virtual/jsx-runtime.js"),a=require("../../node_modules/react-aria-components/dist/Breadcrumbs.js"),u=require("../../utils/helpers.js"),d=require("./breadcrumbs.styles.js"),m=({children:r,className:e},s)=>{const{list:t}=d.breadcrumbsStyles();return c.jsxRuntimeExports.jsx(a.Breadcrumbs,{ref:s,className:t({className:e}),children:r})};m.displayName="BreadcrumbsList";const i=u.fixedForwardRef(m),b=({children:r,className:e},s)=>{const{breadcrumb:t}=d.breadcrumbsStyles();return c.jsxRuntimeExports.jsx(a.Breadcrumb,{ref:s,className:t({className:e}),children:r})};b.displayName="Breadcrumb";const o=u.fixedForwardRef(b);exports.Breadcrumb=o;exports.BreadcrumbsList=i;

package/dist/components/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { ForwardedRef } from \"react\";\nimport {\n  Breadcrumb as ReactAriaBreadcrumb,\n  Breadcrumbs as ReactAriaBreadcrumbs,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { breadcrumbsStyles } from \"./breadcrumbs.styles\";\nimport { BreadcrumbProps, BreadcrumbsListProps } from \"./breadcrumbs.types\";\n\nconst _BreadcrumbsList = (\n  { children, className }: BreadcrumbsListProps,\n  ref: ForwardedRef<HTMLOListElement>,\n) => {\n  const { list } = breadcrumbsStyles();\n\n  return (\n    <ReactAriaBreadcrumbs ref={ref} className={list({ className })}>\n      {children}\n    </ReactAriaBreadcrumbs>\n  );\n};\n\n_BreadcrumbsList.displayName = \"BreadcrumbsList\";\nexport const BreadcrumbsList = fixedForwardRef(_BreadcrumbsList);\n\nconst _Breadcrumb = (\n  { children, className }: BreadcrumbProps,\n  ref: ForwardedRef<HTMLLIElement>,\n) => {\n  const { breadcrumb } = breadcrumbsStyles();\n\n  return (\n    <ReactAriaBreadcrumb ref={ref} className={breadcrumb({ className })}>\n      {children}\n    </ReactAriaBreadcrumb>\n  );\n};\n\n_Breadcrumb.displayName = \"Breadcrumb\";\nexport const Breadcrumb = fixedForwardRef(_Breadcrumb);\n"],"names":["_BreadcrumbsList","children","className","ref","list","breadcrumbsStyles","jsx","ReactAriaBreadcrumbs","BreadcrumbsList","fixedForwardRef","_Breadcrumb","breadcrumb","ReactAriaBreadcrumb","Breadcrumb"],"mappings":"oRAWMA,EAAmB,CACvB,CAAE,SAAAC,EAAU,UAAAC,CAAA,EACZC,IACG,CACH,KAAM,CAAE,KAAAC,CAAA,EAASC,oBAAA,EAEjB,OACEC,EAAAA,kBAAAA,IAACC,eAAqB,IAAAJ,EAAU,UAAWC,EAAK,CAAE,UAAAF,CAAA,CAAW,EAC1D,SAAAD,EACH,CAEJ,EAEAD,EAAiB,YAAc,kBACxB,MAAMQ,EAAkBC,EAAAA,gBAAgBT,CAAgB,EAEzDU,EAAc,CAClB,CAAE,SAAAT,EAAU,UAAAC,CAAA,EACZC,IACG,CACH,KAAM,CAAE,WAAAQ,CAAA,EAAeN,oBAAA,EAEvB,OACEC,EAAAA,kBAAAA,IAACM,cAAoB,IAAAT,EAAU,UAAWQ,EAAW,CAAE,UAAAT,CAAA,CAAW,EAC/D,SAAAD,EACH,CAEJ,EAEAS,EAAY,YAAc,aACnB,MAAMG,EAAaJ,EAAAA,gBAAgBC,CAAW"}

package/dist/components/breadcrumbs/breadcrumbs.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../node_modules/tailwind-variants/dist/index.js"),e=t.tv({slots:{list:["flex gap-2 [&>*:last-child]:pointer-events-none flex-wrap"],breadcrumb:["group","after:ms-2 after:text-tertiary after:content-['/'] after:last:content-['']"],text:["group-last:font-semibold group-last:text-primary text-secondary text-base"]}});exports.breadcrumbsStyles=e;

package/dist/components/breadcrumbs/breadcrumbs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.styles.js","sources":["../../../src/components/breadcrumbs/breadcrumbs.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const breadcrumbsStyles = tv({\n  slots: {\n    list: [\"flex gap-2 [&>*:last-child]:pointer-events-none flex-wrap\"],\n    breadcrumb: [\n      \"group\",\n      \"after:ms-2 after:text-tertiary after:content-['/'] after:last:content-['']\",\n    ],\n    text: [\"group-last:font-semibold group-last:text-primary text-secondary text-base\"],\n  },\n});\n"],"names":["breadcrumbsStyles","tv"],"mappings":"sJAEaA,EAAoBC,EAAAA,GAAG,CAClC,MAAO,CACL,KAAM,CAAC,2DAA2D,EAClE,WAAY,CACV,QACA,4EAAA,EAEF,KAAM,CAAC,2EAA2E,CAAA,CAEtF,CAAC"}

package/dist/components/button/button-group.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),p=require("../../node_modules/react-aria-components/dist/Button.js"),y=require("../../node_modules/react-aria-components/dist/utils.js"),B=require("../../utils/helpers.js"),g=require("./button.styles.js"),m=({children:c,className:l,isDisabled:d,orientation:a,style:f},x)=>s.jsxRuntimeExports.jsx("div",{ref:x,className:g.buttonGroupStyles({orientation:a,className:l}),style:f,children:s.jsxRuntimeExports.jsx(y.Provider,{values:[[p.ButtonContext,{isDisabled:d,onKeyDown:o=>{var r,u;const t=Array.from(o.currentTarget.parentElement.querySelectorAll("button:not([disabled])")),n=t.indexOf(o.currentTarget);if(o.key==="ArrowLeft"){const e=(n-1+t.length)%t.length;e!==void 0&&t[e]&&((r=t[e])==null||r.focus())}else if(o.key==="ArrowRight"){const e=(n+1)%t.length;e!==void 0&&t[e]&&((u=t[e])==null||u.focus())}}}]],children:c})}),i=B.fixedForwardRef(m);i.displayName="ButtonGroup";exports.ButtonGroup=i;

package/dist/components/button/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sources":["../../../src/components/button/button-group.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\nimport { ButtonContext, Provider } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\n\nimport { buttonGroupStyles } from \"./button.styles\";\n\nexport type ButtonGroupProps = VariantProps<typeof buttonGroupStyles> & {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  isDisabled?: boolean;\n};\n\nconst _ButtonGroup = (\n  { children, className, isDisabled, orientation, style }: ButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <div ref={ref} className={buttonGroupStyles({ orientation, className })} style={style}>\n      <Provider\n        values={[\n          [\n            ButtonContext,\n            {\n              isDisabled,\n              onKeyDown: (e) => {\n                const focusableButtons: HTMLButtonElement[] = Array.from(\n                  e.currentTarget.parentElement.querySelectorAll(\"button:not([disabled])\"),\n                );\n                const focusedButtonIndex = focusableButtons.indexOf(e.currentTarget);\n\n                if (e.key === \"ArrowLeft\") {\n                  const previousButtonIndex =\n                    (focusedButtonIndex - 1 + focusableButtons.length) % focusableButtons.length;\n                  if (\n                    previousButtonIndex !== undefined &&\n                    !!focusableButtons[previousButtonIndex]\n                  ) {\n                    focusableButtons[previousButtonIndex]?.focus();\n                  }\n                } else if (e.key === \"ArrowRight\") {\n                  const nextButtonIndex = (focusedButtonIndex + 1) % focusableButtons.length;\n                  if (nextButtonIndex !== undefined && !!focusableButtons[nextButtonIndex]) {\n                    focusableButtons[nextButtonIndex]?.focus();\n                  }\n                }\n              },\n            },\n          ],\n        ]}\n      >\n        {children}\n      </Provider>\n    </div>\n  );\n};\n\nexport const ButtonGroup = fixedForwardRef(_ButtonGroup);\n// @ts-ignore\nButtonGroup.displayName = \"ButtonGroup\";\n"],"names":["_ButtonGroup","children","className","isDisabled","orientation","style","ref","jsx","buttonGroupStyles","Provider","ButtonContext","e","focusableButtons","focusedButtonIndex","previousButtonIndex","_a","nextButtonIndex","_b","ButtonGroup","fixedForwardRef"],"mappings":"8UAgBMA,EAAe,CACnB,CAAE,SAAAC,EAAU,UAAAC,EAAW,WAAAC,EAAY,YAAAC,EAAa,MAAAC,CAAA,EAChDC,IAGEC,wBAAC,MAAA,CAAI,IAAAD,EAAU,UAAWE,EAAAA,kBAAkB,CAAE,YAAAJ,EAAa,UAAAF,CAAA,CAAW,EAAG,MAAAG,EACvE,SAAAE,EAAAA,kBAAAA,IAACE,EAAAA,SAAA,CACC,OAAQ,CACN,CACEC,EAAAA,cACA,CACE,WAAAP,EACA,UAAYQ,GAAM,SAChB,MAAMC,EAAwC,MAAM,KAClDD,EAAE,cAAc,cAAc,iBAAiB,wBAAwB,CAAA,EAEnEE,EAAqBD,EAAiB,QAAQD,EAAE,aAAa,EAEnE,GAAIA,EAAE,MAAQ,YAAa,CACzB,MAAMG,GACHD,EAAqB,EAAID,EAAiB,QAAUA,EAAiB,OAEtEE,IAAwB,QACtBF,EAAiBE,CAAmB,KAEtCC,EAAAH,EAAiBE,CAAmB,IAApC,MAAAC,EAAuC,QAE3C,SAAWJ,EAAE,MAAQ,aAAc,CACjC,MAAMK,GAAmBH,EAAqB,GAAKD,EAAiB,OAChEI,IAAoB,QAAeJ,EAAiBI,CAAe,KACrEC,EAAAL,EAAiBI,CAAe,IAAhC,MAAAC,EAAmC,QAEvC,CACF,CAAA,CACF,CACF,EAGD,SAAAhB,CAAA,CAAA,EAEL,EAISiB,EAAcC,EAAAA,gBAAgBnB,CAAY,EAEvDkB,EAAY,YAAc"}

package/dist/components/button/button-link.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),a=require("react"),r=require("../../node_modules/react-aria-components/dist/Link.js"),c=require("../../utils/helpers.js"),u=require("./button.styles.js"),o=require("../spinner/spinner.js"),d=require("../tooltip/tooltip.js"),x=(t,n)=>{const i=a.useCallback(()=>e.jsxRuntimeExports.jsx(r.Link,{...t,ref:n,isDisabled:t.isDisabled,className:u.buttonStyles({variant:t.variant,fullWidth:t.fullWidth,isDisabled:t.isDisabled,isLoading:t.isLoading,className:t.className}),children:l=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.startIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current",children:t.startIcon}):null,typeof t.children=="function"?t.children(l):t.children,t.endIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current",children:t.endIcon}):null,t.isLoading?e.jsxRuntimeExports.jsx("div",{className:"text-tertiary absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",children:e.jsxRuntimeExports.jsx(o.Spinner,{size:"small"})}):null]})}),[t,n]);return t.tooltip?e.jsxRuntimeExports.jsx(d.Tooltip,{tooltip:t.tooltip,placement:t.tooltipPlacement,trigger:t.tooltipTrigger,children:i()}):i()},s=c.fixedForwardRef(x);s.displayName="ButtonLink";exports.ButtonLink=s;

package/dist/components/button/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.js","sources":["../../../src/components/button/button-link.tsx"],"sourcesContent":["import { ForwardedRef, useCallback } from \"react\";\nimport { Link, LinkProps } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip } from \"../tooltip\";\n\nimport { BaseButtonProps, buttonStyles } from \".\";\n\nexport type ButtonLinkProps = LinkProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\nconst _ButtonLink = (props: ButtonLinkProps, ref: ForwardedRef<HTMLAnchorElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <Link\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={buttonStyles({\n          variant: props.variant,\n          fullWidth: props.fullWidth,\n          isDisabled: props.isDisabled,\n          isLoading: props.isLoading,\n          className: props.className,\n        })}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"text-tertiary absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </Link>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const ButtonLink = fixedForwardRef(_ButtonLink);\n// @ts-ignore\nButtonLink.displayName = \"ButtonLink\";\n"],"names":["_ButtonLink","props","ref","renderButton","useCallback","jsx","Link","buttonStyles","renderProps","jsxs","Fragment","Spinner","Tooltip","ButtonLink","fixedForwardRef"],"mappings":"iWAaMA,EAAc,CAACC,EAAwBC,IAAyC,CACpF,MAAMC,EAAeC,EAAAA,YACnB,IACEC,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CACE,GAAGL,EACJ,IAAAC,EACA,WAAYD,EAAM,WAClB,UAAWM,EAAAA,aAAa,CACtB,QAASN,EAAM,QACf,UAAWA,EAAM,UACjB,WAAYA,EAAM,WAClB,UAAWA,EAAM,UACjB,UAAWA,EAAM,SAAA,CAClB,EAEA,SAACO,GACAC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACG,SAAA,CAAAT,EAAM,UAAYI,wBAAC,MAAA,CAAI,UAAU,eAAgB,SAAAJ,EAAM,UAAU,EAAS,KAC1E,OAAOA,EAAM,UAAa,WAAaA,EAAM,SAASO,CAAW,EAAIP,EAAM,SAC3EA,EAAM,QAAUI,wBAAC,MAAA,CAAI,UAAU,eAAgB,SAAAJ,EAAM,QAAQ,EAAS,KACtEA,EAAM,UACLI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4EACb,SAAAA,EAAAA,kBAAAA,IAACM,EAAAA,QAAA,CAAQ,KAAK,OAAA,CAAQ,CAAA,CACxB,EACE,IAAA,CAAA,CACN,CAAA,CAAA,EAIN,CAACV,EAAOC,CAAG,CAAA,EAGb,OAAID,EAAM,QAENI,EAAAA,kBAAAA,IAACO,EAAAA,QAAA,CACC,QAASX,EAAM,QACf,UAAWA,EAAM,iBACjB,QAASA,EAAM,eAEd,SAAAE,EAAA,CAAa,CAAA,EAKbA,EAAA,CACT,EAEaU,EAAaC,EAAAA,gBAAgBd,CAAW,EAErDa,EAAW,YAAc"}

package/dist/components/button/button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),a=require("react"),r=require("../../node_modules/react-aria-components/dist/Button.js"),u=require("../../utils/helpers.js"),o=require("./button.styles.js"),c=require("../spinner/spinner.js"),d=require("../tooltip/tooltip.js"),x=(t,i)=>{const s=a.useCallback(()=>e.jsxRuntimeExports.jsx(r.Button,{...t,ref:i,isDisabled:t.isDisabled,className:({isDisabled:n})=>o.buttonStyles({variant:t.variant,fullWidth:t.fullWidth,isLoading:t.isLoading,isDisabled:t.isDisabled||n,className:t.className}),onPress:n=>{t.onPress&&!t.isLoading&&t.onPress(n)},children:n=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.startIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current me-2",children:t.startIcon}):null,typeof t.children=="function"?t.children(n):t.children,t.endIcon?e.jsxRuntimeExports.jsx("div",{className:"text-current ms-2",children:t.endIcon}):null,t.isLoading?e.jsxRuntimeExports.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary",children:e.jsxRuntimeExports.jsx(c.Spinner,{size:"small"})}):null]})}),[t,i]);return t.tooltip?e.jsxRuntimeExports.jsx(d.Tooltip,{tooltip:t.tooltip,placement:t.tooltipPlacement,trigger:t.tooltipTrigger,children:s()}):s()},l=u.fixedForwardRef(x);l.displayName="Button";exports.Button=l;

package/dist/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { type ForwardedRef, type ReactNode, useCallback } from \"react\";\nimport {\n  Button as AriaButton,\n  ButtonProps as AriaButtonProps,\n  TooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Spinner } from \"../spinner\";\nimport { Tooltip, TooltipProps } from \"../tooltip\";\n\nimport { buttonStyles } from \"./button.styles\";\n\n/**\n * Props that are common to all types of buttons.\n */\nexport type BaseButtonProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** Additional class name(s) to apply to the button. */\n  className?: string;\n  /** A tooltip to display when the button is hovered or focused. */\n  tooltip?: ReactNode;\n  /** The placement of the tooltip relative to the button. */\n  tooltipPlacement?: TooltipProps[\"placement\"];\n  /** The type of event that triggers the tooltip. */\n  tooltipTrigger?: TooltipTriggerComponentProps[\"trigger\"];\n};\n\nexport type ButtonProps = AriaButtonProps & VariantProps<typeof buttonStyles> & BaseButtonProps;\n\n/**\n * Props for the inner content of a button.\n */\nexport type ButtonInnerProps = {\n  /** Whether the button is in a loading state. */\n  isLoading?: boolean;\n  /** An icon to display at the start of the button label. */\n  startIcon?: JSX.Element;\n  /** An icon to display at the end of the button label. */\n  endIcon?: JSX.Element;\n  /** The content to display inside the button. */\n  children: ReactNode;\n};\n\nconst _Button = (props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>) => {\n  const renderButton = useCallback(\n    () => (\n      <AriaButton\n        {...props}\n        ref={ref}\n        isDisabled={props.isDisabled}\n        className={({ isDisabled }) =>\n          buttonStyles({\n            variant: props.variant,\n            fullWidth: props.fullWidth,\n            isLoading: props.isLoading,\n            isDisabled: props.isDisabled || isDisabled,\n            className: props.className,\n          })\n        }\n        onPress={(e) => {\n          if (props.onPress && !props.isLoading) {\n            props.onPress(e);\n          }\n        }}\n      >\n        {(renderProps) => (\n          <>\n            {props.startIcon ? <div className=\"text-current me-2\">{props.startIcon}</div> : null}\n            {typeof props.children === \"function\" ? props.children(renderProps) : props.children}\n            {props.endIcon ? <div className=\"text-current ms-2\">{props.endIcon}</div> : null}\n            {props.isLoading ? (\n              <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-tertiary\">\n                <Spinner size=\"small\" />\n              </div>\n            ) : null}\n          </>\n        )}\n      </AriaButton>\n    ),\n    [props, ref],\n  );\n\n  if (props.tooltip) {\n    return (\n      <Tooltip\n        tooltip={props.tooltip}\n        placement={props.tooltipPlacement}\n        trigger={props.tooltipTrigger}\n      >\n        {renderButton()}\n      </Tooltip>\n    );\n  }\n\n  return renderButton();\n};\n\nexport const Button = fixedForwardRef(_Button);\n// @ts-ignore\nButton.displayName = \"Button\";\n"],"names":["_Button","props","ref","renderButton","useCallback","jsx","AriaButton","isDisabled","buttonStyles","e","renderProps","jsxs","Fragment","Spinner","Tooltip","Button","fixedForwardRef"],"mappings":"mWAmDMA,EAAU,CAACC,EAAoBC,IAAyC,CAC5E,MAAMC,EAAeC,EAAAA,YACnB,IACEC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACE,GAAGL,EACJ,IAAAC,EACA,WAAYD,EAAM,WAClB,UAAW,CAAC,CAAE,WAAAM,CAAA,IACZC,eAAa,CACX,QAASP,EAAM,QACf,UAAWA,EAAM,UACjB,UAAWA,EAAM,UACjB,WAAYA,EAAM,YAAcM,EAChC,UAAWN,EAAM,SAAA,CAClB,EAEH,QAAUQ,GAAM,CACVR,EAAM,SAAW,CAACA,EAAM,WAC1BA,EAAM,QAAQQ,CAAC,CAEnB,EAEC,SAACC,GACAC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACG,SAAA,CAAAX,EAAM,UAAYI,wBAAC,MAAA,CAAI,UAAU,oBAAqB,SAAAJ,EAAM,UAAU,EAAS,KAC/E,OAAOA,EAAM,UAAa,WAAaA,EAAM,SAASS,CAAW,EAAIT,EAAM,SAC3EA,EAAM,QAAUI,wBAAC,MAAA,CAAI,UAAU,oBAAqB,SAAAJ,EAAM,QAAQ,EAAS,KAC3EA,EAAM,UACLI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,4EACb,SAAAA,EAAAA,kBAAAA,IAACQ,EAAAA,QAAA,CAAQ,KAAK,OAAA,CAAQ,CAAA,CACxB,EACE,IAAA,CAAA,CACN,CAAA,CAAA,EAIN,CAACZ,EAAOC,CAAG,CAAA,EAGb,OAAID,EAAM,QAENI,EAAAA,kBAAAA,IAACS,EAAAA,QAAA,CACC,QAASb,EAAM,QACf,UAAWA,EAAM,iBACjB,QAASA,EAAM,eAEd,SAAAE,EAAA,CAAa,CAAA,EAKbA,EAAA,CACT,EAEaY,EAASC,EAAAA,gBAAgBhB,CAAO,EAE7Ce,EAAO,YAAc"}

package/dist/components/button/button.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/tailwind-variants/dist/index.js"),r=e.tv({base:["relative","px-3 py-2","outline-hidden","font-normal","rounded-sm","flex","justify-center","items-center","font-sans","transition-colors","duration-150","ease-in-out","text-base","box-border"],variants:{variant:{primary:"font-semibold bg-action-default text-inverted hover:bg-action-hover focus-visible:bg-action-focus active:hover:bg-action-active focus-visible:shadow-highlight",secondary:"py-[0.4375rem] bg-transparent border solid border-default text-primary hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight",danger:"py-[0.4375rem] text-error bg-transparent border solid border-default hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight",icon:"p-[0.4375rem] bg-transparent border solid border-default text-primary hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight","icon-xs":"bg-transparent border solid border-default text-primary hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight p-1 h-fit"},fullWidth:{true:"w-full",false:"w-fit"},isLoading:{true:"!cursor-wait !text-[rgba(0,0,0,0)] !bg-overlay-subtle text-tertiary !border-transparent"},isDisabled:{true:"bg-overlay-subtle disabled:bg-overlay-subtle text-tertiary cursor-not-allowed border-transparent disabled:border-transparent"}},defaultVariants:{variant:"primary",fullWidth:!1}}),o=e.tv({base:["flex","gap-2","box-border"],variants:{orientation:{vertical:"flex-col",horizontal:"flex-row"}},defaultVariants:{orientation:"horizontal"}});exports.buttonGroupStyles=o;exports.buttonStyles=r;

package/dist/components/button/button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.js","sources":["../../../src/components/button/button.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const buttonStyles = tv({\n  base: [\n    \"relative\",\n    \"px-3 py-2\",\n    \"outline-hidden\",\n    \"font-normal\",\n    \"rounded-sm\",\n    \"flex\",\n    \"justify-center\",\n    \"items-center\",\n    \"font-sans\",\n    \"transition-colors\",\n    \"duration-150\",\n    \"ease-in-out\",\n    \"text-base\",\n    \"box-border\",\n  ],\n  variants: {\n    variant: {\n      primary:\n        \"font-semibold bg-action-default text-inverted hover:bg-action-hover focus-visible:bg-action-focus active:hover:bg-action-active focus-visible:shadow-highlight\",\n      secondary:\n        \"py-[0.4375rem] bg-transparent border solid border-default text-primary hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight\",\n      danger:\n        \"py-[0.4375rem] text-error bg-transparent border solid border-default hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight\",\n      icon: \"p-[0.4375rem] bg-transparent border solid border-default text-primary hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight\",\n      \"icon-xs\":\n        \"bg-transparent border solid border-default text-primary hover:bg-overlay-subtle hover:border-hover active:hover:bg-overlay-medium active:hover:border-active focus-visible:border-focus focus-visible:shadow-highlight p-1 h-fit\",\n    },\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n    isLoading: {\n      true: \"!cursor-wait !text-[rgba(0,0,0,0)] !bg-overlay-subtle text-tertiary !border-transparent\",\n    },\n    isDisabled: {\n      true: \"bg-overlay-subtle disabled:bg-overlay-subtle text-tertiary cursor-not-allowed border-transparent disabled:border-transparent\",\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    fullWidth: false,\n  },\n});\n\nexport const buttonGroupStyles = tv({\n  base: [\"flex\", \"gap-2\", \"box-border\"],\n  variants: {\n    orientation: {\n      vertical: \"flex-col\",\n      horizontal: \"flex-row\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n"],"names":["buttonStyles","tv","buttonGroupStyles"],"mappings":"sJAEaA,EAAeC,EAAAA,GAAG,CAC7B,KAAM,CACJ,WACA,YACA,iBACA,cACA,aACA,OACA,iBACA,eACA,YACA,oBACA,eACA,cACA,YACA,YAAA,EAEF,SAAU,CACR,QAAS,CACP,QACE,iKACF,UACE,wOACF,OACE,sOACF,KAAM,uOACN,UACE,kOAAA,EAEJ,UAAW,CACT,KAAM,SACN,MAAO,OAAA,EAET,UAAW,CACT,KAAM,yFAAA,EAER,WAAY,CACV,KAAM,8HAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,UAAW,EAAA,CAEf,CAAC,EAEYC,EAAoBD,EAAAA,GAAG,CAClC,KAAM,CAAC,OAAQ,QAAS,YAAY,EACpC,SAAU,CACR,YAAa,CACX,SAAU,WACV,WAAY,UAAA,CACd,EAEF,gBAAiB,CACf,YAAa,YAAA,CAEjB,CAAC"}

package/dist/components/button/span-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../_virtual/jsx-runtime.js"),r=require("../../node_modules/@react-aria/button/dist/useButton.js"),s=({className:n,...t},e)=>{const{buttonProps:o}=r.useButton(t,e);return u.jsxRuntimeExports.jsx("span",{className:n,role:"button",...o,children:t.children})};exports.SpanButton=s;

package/dist/components/button/span-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"span-button.js","sources":["../../../src/components/button/span-button.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport { AriaButtonProps, useButton } from \"react-aria\";\n\nexport const SpanButton = (\n  { className, ...props }: AriaButtonProps<\"span\"> & { className?: string },\n  ref: RefObject<Element>,\n) => {\n  const { buttonProps } = useButton(props, ref);\n\n  return (\n    <span className={className} role=\"button\" {...buttonProps}>\n      {props.children}\n    </span>\n  );\n};\n"],"names":["SpanButton","className","props","ref","buttonProps","useButton","jsx"],"mappings":"sMAGaA,EAAa,CACxB,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAChBC,IACG,CACH,KAAM,CAAE,YAAAC,CAAA,EAAgBC,YAAUH,EAAOC,CAAG,EAE5C,OACEG,wBAAC,QAAK,UAAAL,EAAsB,KAAK,SAAU,GAAGG,EAC3C,WAAM,QAAA,CACT,CAEJ"}

package/dist/components/button-indicator/button-indicator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../_virtual/jsx-runtime.js"),u=require("../../utils/helpers.js"),c=require("./button-indicator.styles.js"),j=require("../svg-icon/svg-icon.js"),p=require("../text/text.js"),l=({className:t,color:o,disableAnimation:s,icon:e,value:r})=>{const{innerCircle:i,outerCircle:x}=c.ButtonIndicatorStyles({color:o,hasContent:!!e||r!==void 0,isIcon:!!e,large:r!==void 0&&r>=100});return e||r!==void 0?n.jsxRuntimeExports.jsx("div",{className:i({className:t==null?void 0:t.innerCircle}),children:e?n.jsxRuntimeExports.jsx(j.SvgIcon,{name:e}):r!==void 0?n.jsxRuntimeExports.jsx(p.Text,{variant:"body-small",className:"text-inherit font-normal leading-[18px]",children:r>=100?"99+":r}):null}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx("div",{className:x({className:t==null?void 0:t.outerCircle,isAnimated:!s})}),n.jsxRuntimeExports.jsx("div",{className:i({className:t==null?void 0:t.innerCircle})})]})},R=({className:t,color:o,disableAnimation:s,icon:e,style:r,value:i},x)=>n.jsxRuntimeExports.jsx("div",{ref:x,style:r,children:n.jsxRuntimeExports.jsx(l,{color:o,className:t,disableAnimation:s,icon:e,value:i})}),d=u.fixedForwardRef(R);d.displayName="ButtonIndicator";exports.ButtonIndicator=d;

package/dist/components/button-indicator/button-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-indicator.js","sources":["../../../src/components/button-indicator/button-indicator.tsx"],"sourcesContent":["import { ForwardedRef } from \"react\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { ButtonIndicatorStyles } from \"./button-indicator.styles\";\nimport { ButtonIndicatorProps } from \"./button-indicator.types\";\n\nconst Circle = ({ className, color, disableAnimation, icon, value }: ButtonIndicatorProps) => {\n  const { innerCircle, outerCircle } = ButtonIndicatorStyles({\n    color,\n    hasContent: !!icon || value !== undefined,\n    isIcon: !!icon,\n    large: value !== undefined && value >= 100,\n  });\n  if (icon || value !== undefined) {\n    return (\n      <div className={innerCircle({ className: className?.innerCircle })}>\n        {icon ? (\n          <SvgIcon name={icon} />\n        ) : value !== undefined ? (\n          <Text variant=\"body-small\" className=\"text-inherit font-normal leading-[18px]\">\n            {value >= 100 ? \"99+\" : value}\n          </Text>\n        ) : null}\n      </div>\n    );\n  } else {\n    return (\n      <>\n        <div\n          className={outerCircle({\n            className: className?.outerCircle,\n            isAnimated: !disableAnimation,\n          })}\n        />\n        <div className={innerCircle({ className: className?.innerCircle })} />\n      </>\n    );\n  }\n};\n\nconst _ButtonIndicator = (\n  { className, color, disableAnimation, icon, style, value }: ButtonIndicatorProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <div ref={ref} style={style}>\n      <Circle\n        color={color}\n        className={className}\n        disableAnimation={disableAnimation}\n        icon={icon}\n        value={value}\n      />\n    </div>\n  );\n};\n\nexport const ButtonIndicator = fixedForwardRef(_ButtonIndicator);\n// @ts-ignore\nButtonIndicator.displayName = \"ButtonIndicator\";\n"],"names":["Circle","className","color","disableAnimation","icon","value","innerCircle","outerCircle","ButtonIndicatorStyles","jsx","SvgIcon","Text","jsxs","Fragment","_ButtonIndicator","style","ref","ButtonIndicator","fixedForwardRef"],"mappings":"iRASMA,EAAS,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,iBAAAC,EAAkB,KAAAC,EAAM,MAAAC,KAAkC,CAC5F,KAAM,CAAE,YAAAC,EAAa,YAAAC,CAAA,EAAgBC,wBAAsB,CACzD,MAAAN,EACA,WAAY,CAAC,CAACE,GAAQC,IAAU,OAChC,OAAQ,CAAC,CAACD,EACV,MAAOC,IAAU,QAAaA,GAAS,GAAA,CACxC,EACD,OAAID,GAAQC,IAAU,OAElBI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWH,EAAY,CAAE,UAAWL,GAAA,YAAAA,EAAW,WAAA,CAAa,EAC9D,SAAAG,EACCK,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CAAQ,KAAMN,CAAA,CAAM,EACnBC,IAAU,OACZI,EAAAA,kBAAAA,IAACE,EAAAA,KAAA,CAAK,QAAQ,aAAa,UAAU,0CAClC,SAAAN,GAAS,IAAM,MAAQA,CAAA,CAC1B,EACE,KACN,EAIAO,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAJ,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWF,EAAY,CACrB,UAAWN,GAAA,YAAAA,EAAW,YACtB,WAAY,CAACE,CAAA,CACd,CAAA,CAAA,EAEHM,wBAAC,OAAI,UAAWH,EAAY,CAAE,UAAWL,GAAA,YAAAA,EAAW,WAAA,CAAa,CAAA,CAAG,CAAA,EACtE,CAGN,EAEMa,EAAmB,CACvB,CAAE,UAAAb,EAAW,MAAAC,EAAO,iBAAAC,EAAkB,KAAAC,EAAM,MAAAW,EAAO,MAAAV,CAAA,EACnDW,IAGEP,EAAAA,kBAAAA,IAAC,MAAA,CAAI,IAAAO,EAAU,MAAAD,EACb,SAAAN,EAAAA,kBAAAA,IAACT,EAAA,CACC,MAAAE,EACA,UAAAD,EACA,iBAAAE,EACA,KAAAC,EACA,MAAAC,CAAA,CAAA,EAEJ,EAISY,EAAkBC,EAAAA,gBAAgBJ,CAAgB,EAE/DG,EAAgB,YAAc"}

package/dist/components/button-indicator/button-indicator.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/tailwind-variants/dist/index.js"),i=e.tv({slots:{outerCircle:["absolute -end-[5px] -top-[5px] flex h-[12px] w-[12px] rounded-full","opacity-20"],innerCircle:["absolute -end-[2px] -top-[2px] h-[6px] w-[6px] rounded-full "]},variants:{isAnimated:{true:{outerCircle:"animate-pulse"}},hasContent:{true:{outerCircle:["hidden"],innerCircle:["h-[18px] w-[18px] text-center flex items-center justify-center top-0 end-0 translate-x-1/2 -translate-y-1/2"]}},isIcon:{true:{innerCircle:[" px-0.5"]}},large:{true:{innerCircle:[" px-[4px] w-6 "]}},color:{blue:{innerCircle:"bg-indication-blue text-inverted",outerCircle:"bg-indication-blue"},green:{innerCircle:"bg-indication-green text-inverted",outerCircle:"bg-indication-green"},yellow:{innerCircle:"bg-indication-yellow text-inverted",outerCircle:"bg-indication-yellow"},orange:{innerCircle:"bg-indication-orange text-inverted",outerCircle:"bg-indication-orange"},red:{innerCircle:"bg-indication-red text-inverted",outerCircle:"bg-indication-red"},gray:{innerCircle:"bg-overlay-subtle text-tertiary",outerCircle:"bg-overlay-subtle"},transparent:{innerCircle:"bg-transparent text-primary border border-default border-solid",outerCircle:"bg-transparent"},purple:{innerCircle:"bg-indication-purple text-inverted",outerCircle:"bg-indication-purple"},lime:{innerCircle:"bg-indication-lime text-inverted",outerCircle:"bg-indication-lime"},teal:{innerCircle:"bg-indication-teal text-inverted",outerCircle:"bg-indication-teal"},brown:{innerCircle:"bg-indication-brown text-inverted",outerCircle:"bg-indication-brown"},pink:{innerCircle:"bg-indication-pink text-inverted",outerCircle:"bg-indication-pink"},indigo:{innerCircle:"bg-indication-indigo text-inverted",outerCircle:"bg-indication-indigo"},cyan:{innerCircle:"bg-indication-cyan text-inverted",outerCircle:"bg-indication-cyan"},mint:{innerCircle:"bg-indication-mint text-inverted",outerCircle:"bg-indication-mint"}}},defaultVariants:{hasContent:!1,isIcon:!1,color:"blue",large:!1}});exports.ButtonIndicatorStyles=i;

package/dist/components/button-indicator/button-indicator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-indicator.styles.js","sources":["../../../src/components/button-indicator/button-indicator.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const ButtonIndicatorStyles = tv({\n  slots: {\n    outerCircle: [\n      \"absolute -end-[5px] -top-[5px] flex h-[12px] w-[12px] rounded-full\",\n      \"opacity-20\",\n    ],\n    innerCircle: [\"absolute -end-[2px] -top-[2px] h-[6px] w-[6px] rounded-full \"],\n  },\n  variants: {\n    isAnimated: {\n      true: {\n        outerCircle: \"animate-pulse\",\n      },\n    },\n    hasContent: {\n      true: {\n        outerCircle: [\"hidden\"],\n        innerCircle: [\n          \"h-[18px] w-[18px] text-center flex items-center justify-center top-0 end-0 translate-x-1/2 -translate-y-1/2\",\n        ],\n      },\n    },\n    isIcon: {\n      true: {\n        innerCircle: [\" px-0.5\"],\n      },\n    },\n    large: {\n      true: {\n        innerCircle: [\" px-[4px] w-6 \"],\n      },\n    },\n\n    color: {\n      blue: {\n        innerCircle: \"bg-indication-blue text-inverted\",\n        outerCircle: \"bg-indication-blue\",\n      },\n      green: {\n        innerCircle: \"bg-indication-green text-inverted\",\n        outerCircle: \"bg-indication-green\",\n      },\n      yellow: {\n        innerCircle: \"bg-indication-yellow text-inverted\",\n        outerCircle: \"bg-indication-yellow\",\n      },\n      orange: {\n        innerCircle: \"bg-indication-orange text-inverted\",\n        outerCircle: \"bg-indication-orange\",\n      },\n      red: {\n        innerCircle: \"bg-indication-red text-inverted\",\n        outerCircle: \"bg-indication-red\",\n      },\n      gray: {\n        innerCircle: \"bg-overlay-subtle text-tertiary\",\n        outerCircle: \"bg-overlay-subtle\",\n      },\n      transparent: {\n        innerCircle: \"bg-transparent text-primary border border-default border-solid\",\n        outerCircle: \"bg-transparent\",\n      },\n      purple: {\n        innerCircle: \"bg-indication-purple text-inverted\",\n        outerCircle: \"bg-indication-purple\",\n      },\n      lime: {\n        innerCircle: \"bg-indication-lime text-inverted\",\n        outerCircle: \"bg-indication-lime\",\n      },\n      teal: {\n        innerCircle: \"bg-indication-teal text-inverted\",\n        outerCircle: \"bg-indication-teal\",\n      },\n      brown: {\n        innerCircle: \"bg-indication-brown text-inverted\",\n        outerCircle: \"bg-indication-brown\",\n      },\n      pink: {\n        innerCircle: \"bg-indication-pink text-inverted\",\n        outerCircle: \"bg-indication-pink\",\n      },\n      indigo: {\n        innerCircle: \"bg-indication-indigo text-inverted\",\n        outerCircle: \"bg-indication-indigo\",\n      },\n      cyan: {\n        innerCircle: \"bg-indication-cyan text-inverted\",\n        outerCircle: \"bg-indication-cyan\",\n      },\n      mint: {\n        innerCircle: \"bg-indication-mint text-inverted\",\n        outerCircle: \"bg-indication-mint\",\n      },\n    },\n  },\n  defaultVariants: {\n    hasContent: false,\n    isIcon: false,\n    color: \"blue\",\n    large: false,\n  },\n});\n"],"names":["ButtonIndicatorStyles","tv"],"mappings":"sJAEaA,EAAwBC,EAAAA,GAAG,CACtC,MAAO,CACL,YAAa,CACX,qEACA,YAAA,EAEF,YAAa,CAAC,8DAA8D,CAAA,EAE9E,SAAU,CACR,WAAY,CACV,KAAM,CACJ,YAAa,eAAA,CACf,EAEF,WAAY,CACV,KAAM,CACJ,YAAa,CAAC,QAAQ,EACtB,YAAa,CACX,6GAAA,CACF,CACF,EAEF,OAAQ,CACN,KAAM,CACJ,YAAa,CAAC,SAAS,CAAA,CACzB,EAEF,MAAO,CACL,KAAM,CACJ,YAAa,CAAC,gBAAgB,CAAA,CAChC,EAGF,MAAO,CACL,KAAM,CACJ,YAAa,mCACb,YAAa,oBAAA,EAEf,MAAO,CACL,YAAa,oCACb,YAAa,qBAAA,EAEf,OAAQ,CACN,YAAa,qCACb,YAAa,sBAAA,EAEf,OAAQ,CACN,YAAa,qCACb,YAAa,sBAAA,EAEf,IAAK,CACH,YAAa,kCACb,YAAa,mBAAA,EAEf,KAAM,CACJ,YAAa,kCACb,YAAa,mBAAA,EAEf,YAAa,CACX,YAAa,iEACb,YAAa,gBAAA,EAEf,OAAQ,CACN,YAAa,qCACb,YAAa,sBAAA,EAEf,KAAM,CACJ,YAAa,mCACb,YAAa,oBAAA,EAEf,KAAM,CACJ,YAAa,mCACb,YAAa,oBAAA,EAEf,MAAO,CACL,YAAa,oCACb,YAAa,qBAAA,EAEf,KAAM,CACJ,YAAa,mCACb,YAAa,oBAAA,EAEf,OAAQ,CACN,YAAa,qCACb,YAAa,sBAAA,EAEf,KAAM,CACJ,YAAa,mCACb,YAAa,oBAAA,EAEf,KAAM,CACJ,YAAa,mCACb,YAAa,oBAAA,CACf,CACF,EAEF,gBAAiB,CACf,WAAY,GACZ,OAAQ,GACR,MAAO,OACP,MAAO,EAAA,CAEX,CAAC"}

package/dist/components/card/card.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),l=require("react"),E=require("../../node_modules/react-aria-components/dist/Heading.js"),c=require("../../utils/helpers.js"),x=require("./card.styles.js"),F=require("../text/text.styles.js"),g=require("../text/text.js"),u=l.createContext({}),m=({children:t,className:n,stickyFooter:e,stickyHeader:d,style:r,variant:a="primary"},o)=>{const{wrapper:i}=x.cardStyles({variant:a});return s.jsxRuntimeExports.jsx(u.Provider,{value:{variant:a,stickyFooter:e,stickyHeader:d},children:s.jsxRuntimeExports.jsx("div",{ref:o,className:i({className:n}),style:r,children:t})})},j=()=>{const t=l.useContext(u);if(t===void 0)throw new Error("useCardContext must be used within a Card");return t};m.displayName="Card";const S=c.fixedForwardRef(m),C=({actions:t,className:n,description:e,style:d,title:r,titleProps:a},o)=>{const{stickyHeader:i,variant:v}=j(),{descriptionWrapper:R,header:w,headerWrapper:N,titleWrapper:h}=x.cardStyles({stickyHeader:i,variant:v});return s.jsxRuntimeExports.jsxs("div",{ref:o,className:N({className:n}),style:d,children:[s.jsxRuntimeExports.jsxs("div",{className:w(),children:[s.jsxRuntimeExports.jsx("div",{className:h(),children:l.isValidElement(r)?r:s.jsxRuntimeExports.jsx(E.Heading,{className:F.textStyles({variant:(a==null?void 0:a.variant)??"heading-2",className:"truncate"}),level:(a==null?void 0:a.level)??2,slot:"title",children:r})}),t?s.jsxRuntimeExports.jsx("div",{className:"flex  items-center justify-end gap-2",children:t}):null]}),e?s.jsxRuntimeExports.jsx("div",{className:R(),children:typeof e=="string"?s.jsxRuntimeExports.jsx(g.Text,{variant:"body-medium",children:e}):e}):null]})},f=({children:t,className:n,style:e},d)=>{const{actions:r}=x.cardStyles();return s.jsxRuntimeExports.jsx("div",{ref:d,className:r({className:n}),style:e,children:t})};f.displayName="CardActions";const b=c.fixedForwardRef(f);C.displayName="CardHeader";const q=c.fixedForwardRef(C),p=({children:t,className:n,style:e},d)=>{const{content:r}=x.cardStyles();return s.jsxRuntimeExports.jsx("div",{ref:d,className:r({className:n}),style:e,children:t})};p.displayName="CardContent";const H=c.fixedForwardRef(p),y=({children:t,className:n,start:e,style:d},r)=>{const{stickyFooter:a,variant:o}=j(),{footer:i}=x.cardStyles({stickyFooter:a,variant:o});return s.jsxRuntimeExports.jsxs("div",{ref:r,className:i({className:n,hasStartNode:!!e}),style:d,children:[e?s.jsxRuntimeExports.jsx("div",{className:"flex w-full flex-col items-center justify-start gap-2 sm:w-fit sm:flex-row [&>button]:w-full sm:[&>button]:w-fit",children:e}):null,s.jsxRuntimeExports.jsx("div",{className:"flex w-full flex-col items-center gap-2 sm:w-fit sm:flex-row sm:justify-end [&>button]:w-full sm:[&>button]:w-fit",children:t})]})};y.displayName="CardFooter";const _=c.fixedForwardRef(y);exports.Card=S;exports.CardActions=b;exports.CardContent=H;exports.CardFooter=_;exports.CardHeader=q;

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  isValidElement,\n  ReactNode,\n  useContext,\n} from \"react\";\nimport { Heading } from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text, textStyles } from \"../text\";\n\nimport { cardStyles } from \"./card.styles\";\n\nexport type CardProps = VariantProps<typeof cardStyles> & {\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n};\n\nconst CardContext = createContext<VariantProps<typeof cardStyles>>({});\n\nconst _Card = (\n  { children, className, stickyFooter, stickyHeader, style, variant = \"primary\" }: CardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { wrapper } = cardStyles({ variant });\n  return (\n    <CardContext.Provider value={{ variant, stickyFooter, stickyHeader }}>\n      <div ref={ref} className={wrapper({ className })} style={style}>\n        {children}\n      </div>\n    </CardContext.Provider>\n  );\n};\n\nconst useCardContext = () => {\n  const context = useContext(CardContext);\n  if (context === undefined) {\n    throw new Error(\"useCardContext must be used within a Card\");\n  }\n  return context;\n};\n\n_Card.displayName = \"Card\";\nexport const Card = fixedForwardRef(_Card);\n\ntype TitleProps = {\n  variant: \"heading-1\" | \"heading-2\" | \"heading-3\";\n  level: 1 | 2 | 3;\n};\n\nexport type CardHeaderProps = {\n  className?: string;\n  style?: CSSProperties;\n  title: ReactNode;\n  titleProps?: TitleProps;\n  actions?: ReactNode;\n  description?: ReactNode;\n};\n\nconst _CardHeader = (\n  { actions, className, description, style, title, titleProps }: CardHeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { stickyHeader, variant } = useCardContext();\n  const { descriptionWrapper, header, headerWrapper, titleWrapper } = cardStyles({\n    stickyHeader,\n    variant,\n  });\n  return (\n    <div ref={ref} className={headerWrapper({ className })} style={style}>\n      <div className={header()}>\n        <div className={titleWrapper()}>\n          {isValidElement(title) ? (\n            title\n          ) : (\n            <Heading\n              className={textStyles({\n                variant: titleProps?.variant ?? \"heading-2\",\n                className: \"truncate\",\n              })}\n              level={titleProps?.level ?? 2}\n              slot=\"title\"\n            >\n              {title}\n            </Heading>\n          )}\n        </div>\n        {actions ? <div className=\"flex  items-center justify-end gap-2\">{actions}</div> : null}\n      </div>\n      {description ? (\n        <div className={descriptionWrapper()}>\n          {typeof description === \"string\" ? (\n            <Text variant=\"body-medium\">{description}</Text>\n          ) : (\n            description\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport type CardActions = {\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n};\n\nconst _CardActions = (\n  { children, className, style }: CardActions,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { actions } = cardStyles();\n  return (\n    <div ref={ref} className={actions({ className })} style={style}>\n      {children}\n    </div>\n  );\n};\n\n_CardActions.displayName = \"CardActions\";\nexport const CardActions = fixedForwardRef(_CardActions);\n\n_CardHeader.displayName = \"CardHeader\";\nexport const CardHeader = fixedForwardRef(_CardHeader);\n\nexport type CardContentProps = {\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n};\n\nconst _CardContent = (\n  { children, className, style }: CardContentProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { content } = cardStyles();\n  return (\n    <div ref={ref} className={content({ className })} style={style}>\n      {children}\n    </div>\n  );\n};\n\n_CardContent.displayName = \"CardContent\";\nexport const CardContent = fixedForwardRef(_CardContent);\n\nexport type CardFooterProps = {\n  className?: string;\n  style?: CSSProperties;\n  start?: ReactNode;\n  children: ReactNode;\n};\n\nconst _CardFooter = (\n  { children, className, start, style }: CardFooterProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { stickyFooter, variant } = useCardContext();\n  const { footer } = cardStyles({ stickyFooter, variant });\n\n  return (\n    <div ref={ref} className={footer({ className, hasStartNode: !!start })} style={style}>\n      {start ? (\n        <div className=\"flex w-full flex-col items-center justify-start gap-2 sm:w-fit sm:flex-row [&>button]:w-full sm:[&>button]:w-fit\">\n          {start}\n        </div>\n      ) : null}\n      <div className=\"flex w-full flex-col items-center gap-2 sm:w-fit sm:flex-row sm:justify-end [&>button]:w-full sm:[&>button]:w-fit\">\n        {children}\n      </div>\n    </div>\n  );\n};\n\n_CardFooter.displayName = \"CardFooter\";\nexport const CardFooter = fixedForwardRef(_CardFooter);\n"],"names":["CardContext","createContext","_Card","children","className","stickyFooter","stickyHeader","style","variant","ref","wrapper","cardStyles","jsx","useCardContext","context","useContext","Card","fixedForwardRef","_CardHeader","actions","description","title","titleProps","descriptionWrapper","header","headerWrapper","titleWrapper","jsxs","isValidElement","Heading","textStyles","Text","_CardActions","CardActions","CardHeader","_CardContent","content","CardContent","_CardFooter","start","footer","CardFooter"],"mappings":"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"}

package/dist/components/card/card.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/tailwind-variants/dist/index.js"),r=e.tv({slots:{wrapper:["rounded-lg","w-full"],headerWrapper:["flex","flex-col","rounded-t-lg"],header:["p-4","flex","justify-between","items-start","gap-2"],titleWrapper:["flex","gap-2.5","h-8","items-center","overflow-hidden","truncate"],descriptionWrapper:["-mt-5","pb-4","px-4"],actions:["flex","gap-2","h-8"],content:["px-4","pb-6"],footer:["flex","flex-col","sm:flex-row","border-t","border-default","rounded-b-lg","p-4","gap-8","sm:items-center"]},variants:{variant:{primary:{wrapper:["bg-surface-primary"],headerWrapper:["bg-surface-primary"],footer:["bg-surface-primary"]},secondary:{wrapper:["bg-surface-secondary"],headerWrapper:["bg-surface-secondary"],footer:["bg-surface-secondary"]}},hasStartNode:{true:{footer:["justify-between"]},false:{footer:["justify-end"]}},stickyHeader:{true:{headerWrapper:["sticky","top-0"]}},stickyFooter:{true:{footer:["sticky","bottom-0"]}}},defaultVariants:{variant:"primary"}});exports.cardStyles=r;

package/dist/components/card/card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.styles.js","sources":["../../../src/components/card/card.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const cardStyles = tv({\n  slots: {\n    wrapper: [\"rounded-lg\", \"w-full\"],\n    headerWrapper: [\"flex\", \"flex-col\", \"rounded-t-lg\"],\n    header: [\"p-4\", \"flex\", \"justify-between\", \"items-start\", \"gap-2\"],\n    titleWrapper: [\"flex\", \"gap-2.5\", \"h-8\", \"items-center\", \"overflow-hidden\", \"truncate\"],\n    descriptionWrapper: [\"-mt-5\", \"pb-4\", \"px-4\"],\n    actions: [\"flex\", \"gap-2\", \"h-8\"],\n    content: [\"px-4\", \"pb-6\"],\n    footer: [\n      \"flex\",\n      \"flex-col\",\n      \"sm:flex-row\",\n      \"border-t\",\n      \"border-default\",\n      \"rounded-b-lg\",\n      \"p-4\",\n      \"gap-8\",\n      \"sm:items-center\",\n    ],\n  },\n  variants: {\n    variant: {\n      primary: {\n        wrapper: [\"bg-surface-primary\"],\n        headerWrapper: [\"bg-surface-primary\"],\n        footer: [\"bg-surface-primary\"],\n      },\n      secondary: {\n        wrapper: [\"bg-surface-secondary\"],\n        headerWrapper: [\"bg-surface-secondary\"],\n        footer: [\"bg-surface-secondary\"],\n      },\n    },\n    hasStartNode: {\n      true: {\n        footer: [\"justify-between\"],\n      },\n      false: {\n        footer: [\"justify-end\"],\n      },\n    },\n    stickyHeader: {\n      true: {\n        headerWrapper: [\"sticky\", \"top-0\"],\n      },\n    },\n    stickyFooter: {\n      true: {\n        footer: [\"sticky\", \"bottom-0\"],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n});\n"],"names":["cardStyles","tv"],"mappings":"sJAEaA,EAAaC,EAAAA,GAAG,CAC3B,MAAO,CACL,QAAS,CAAC,aAAc,QAAQ,EAChC,cAAe,CAAC,OAAQ,WAAY,cAAc,EAClD,OAAQ,CAAC,MAAO,OAAQ,kBAAmB,cAAe,OAAO,EACjE,aAAc,CAAC,OAAQ,UAAW,MAAO,eAAgB,kBAAmB,UAAU,EACtF,mBAAoB,CAAC,QAAS,OAAQ,MAAM,EAC5C,QAAS,CAAC,OAAQ,QAAS,KAAK,EAChC,QAAS,CAAC,OAAQ,MAAM,EACxB,OAAQ,CACN,OACA,WACA,cACA,WACA,iBACA,eACA,MACA,QACA,iBAAA,CACF,EAEF,SAAU,CACR,QAAS,CACP,QAAS,CACP,QAAS,CAAC,oBAAoB,EAC9B,cAAe,CAAC,oBAAoB,EACpC,OAAQ,CAAC,oBAAoB,CAAA,EAE/B,UAAW,CACT,QAAS,CAAC,sBAAsB,EAChC,cAAe,CAAC,sBAAsB,EACtC,OAAQ,CAAC,sBAAsB,CAAA,CACjC,EAEF,aAAc,CACZ,KAAM,CACJ,OAAQ,CAAC,iBAAiB,CAAA,EAE5B,MAAO,CACL,OAAQ,CAAC,aAAa,CAAA,CACxB,EAEF,aAAc,CACZ,KAAM,CACJ,cAAe,CAAC,SAAU,OAAO,CAAA,CACnC,EAEF,aAAc,CACZ,KAAM,CACJ,OAAQ,CAAC,SAAU,UAAU,CAAA,CAC/B,CACF,EAEF,gBAAiB,CACf,QAAS,SAAA,CAEb,CAAC"}

package/dist/components/icon-badge/icon-badge.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),a=require("../../utils/helpers.js"),d=require("./icon-badge.styles.js"),u=require("../svg-icon/svg-icon.js"),g=a.fixedForwardRef(({className:n,name:o,size:e,variant:r},t)=>{const{badge:c,icon:i}=d.iconBadgeStyles();return s.jsxRuntimeExports.jsx("div",{className:c({variant:r,size:e,className:n}),ref:t,children:s.jsxRuntimeExports.jsx(u.SvgIcon,{name:o,className:i({size:e})})})});exports.IconBadge=g;

package/dist/components/icon-badge/icon-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-badge.js","sources":["../../../src/components/icon-badge/icon-badge.tsx"],"sourcesContent":["import { ForwardedRef } from \"react\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport { iconBadgeStyles } from \"./icon-badge.styles\";\nimport { IconBadgeProps } from \"./icon-badge.types\";\n\nexport const IconBadge = fixedForwardRef<HTMLDivElement, IconBadgeProps>(\n  ({ className, name, size, variant }: IconBadgeProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const { badge, icon } = iconBadgeStyles();\n    return (\n      <div className={badge({ variant, size, className })} ref={ref}>\n        <SvgIcon name={name} className={icon({ size })} />\n      </div>\n    );\n  },\n);\n"],"names":["IconBadge","fixedForwardRef","className","name","size","variant","ref","badge","icon","iconBadgeStyles","jsx","SvgIcon"],"mappings":"8OAQaA,EAAYC,EAAAA,gBACvB,CAAC,CAAE,UAAAC,EAAW,KAAAC,EAAM,KAAAC,EAAM,QAAAC,CAAA,EAA2BC,IAAsC,CACzF,KAAM,CAAE,MAAAC,EAAO,KAAAC,CAAA,EAASC,kBAAA,EACxB,OACEC,EAAAA,kBAAAA,IAAC,OAAI,UAAWH,EAAM,CAAE,QAAAF,EAAS,KAAAD,EAAM,UAAAF,EAAW,EAAG,IAAAI,EACnD,SAAAI,EAAAA,kBAAAA,IAACC,UAAA,CAAQ,KAAAR,EAAY,UAAWK,EAAK,CAAE,KAAAJ,CAAA,CAAM,EAAG,EAClD,CAEJ,CACF"}

package/dist/components/icon-badge/icon-badge.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/tailwind-variants/dist/index.js"),t=e.tv({slots:{badge:["rounded-full","aspect-square","flex","items-center","justify-center","text-center"],icon:[]},variants:{variant:{blue:{badge:"bg-indication-blue text-inverted"},green:{badge:"bg-indication-green text-inverted"},yellow:{badge:"bg-indication-yellow text-inverted"},orange:{badge:"bg-indication-orange text-inverted"},red:{badge:"bg-indication-red text-inverted"},gray:{badge:"bg-overlay-subtle text-tertiary"},transparent:{badge:"bg-transparent text-primary border border-default border-solid"},purple:{badge:"bg-indication-purple text-inverted"},lime:{badge:"bg-indication-lime text-inverted"},teal:{badge:"bg-indication-teal text-inverted"},brown:{badge:"bg-indication-brown text-inverted"},pink:{badge:"bg-indication-pink text-inverted"},indigo:{badge:"bg-indication-indigo text-inverted"},cyan:{badge:"bg-indication-cyan text-inverted"},mint:{badge:"bg-indication-mint text-inverted"}},size:{sm:{badge:"w-6 h-6",icon:"w-4 h-4"},md:{badge:"w-8 h-8",icon:"w-4 h-4"},lg:{badge:"w-12 h-12",icon:"w-6 h-6"},xl:{badge:"w-16 h-16",icon:"w-8 h-8"}}},defaultVariants:{variant:"blue",size:"md"}});exports.iconBadgeStyles=t;

package/dist/components/icon-badge/icon-badge.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-badge.styles.js","sources":["../../../src/components/icon-badge/icon-badge.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const iconBadgeStyles = tv({\n  slots: {\n    badge: [\n      \"rounded-full\",\n      \"aspect-square\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n      \"text-center\",\n    ],\n    icon: [],\n  },\n  variants: {\n    variant: {\n      blue: {\n        badge: \"bg-indication-blue text-inverted\",\n      },\n      green: {\n        badge: \"bg-indication-green text-inverted\",\n      },\n      yellow: {\n        badge: \"bg-indication-yellow text-inverted\",\n      },\n      orange: {\n        badge: \"bg-indication-orange text-inverted\",\n      },\n      red: {\n        badge: \"bg-indication-red text-inverted\",\n      },\n      gray: {\n        badge: \"bg-overlay-subtle text-tertiary\",\n      },\n      transparent: {\n        badge: \"bg-transparent text-primary border border-default border-solid\",\n      },\n      purple: {\n        badge: \"bg-indication-purple text-inverted\",\n      },\n      lime: {\n        badge: \"bg-indication-lime text-inverted\",\n      },\n      teal: {\n        badge: \"bg-indication-teal text-inverted\",\n      },\n      brown: {\n        badge: \"bg-indication-brown text-inverted\",\n      },\n      pink: {\n        badge: \"bg-indication-pink text-inverted\",\n      },\n      indigo: {\n        badge: \"bg-indication-indigo text-inverted\",\n      },\n      cyan: {\n        badge: \"bg-indication-cyan text-inverted\",\n      },\n      mint: {\n        badge: \"bg-indication-mint text-inverted\",\n      },\n    },\n    size: {\n      sm: {\n        badge: \"w-6 h-6\",\n        icon: \"w-4 h-4\",\n      },\n      md: {\n        badge: \"w-8 h-8\",\n        icon: \"w-4 h-4\",\n      },\n      lg: {\n        badge: \"w-12 h-12\",\n        icon: \"w-6 h-6\",\n      },\n      xl: {\n        badge: \"w-16 h-16\",\n        icon: \"w-8 h-8\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"blue\",\n    size: \"md\",\n  },\n});\n"],"names":["iconBadgeStyles","tv"],"mappings":"sJAEaA,EAAkBC,EAAAA,GAAG,CAChC,MAAO,CACL,MAAO,CACL,eACA,gBACA,OACA,eACA,iBACA,aAAA,EAEF,KAAM,CAAA,CAAC,EAET,SAAU,CACR,QAAS,CACP,KAAM,CACJ,MAAO,kCAAA,EAET,MAAO,CACL,MAAO,mCAAA,EAET,OAAQ,CACN,MAAO,oCAAA,EAET,OAAQ,CACN,MAAO,oCAAA,EAET,IAAK,CACH,MAAO,iCAAA,EAET,KAAM,CACJ,MAAO,iCAAA,EAET,YAAa,CACX,MAAO,gEAAA,EAET,OAAQ,CACN,MAAO,oCAAA,EAET,KAAM,CACJ,MAAO,kCAAA,EAET,KAAM,CACJ,MAAO,kCAAA,EAET,MAAO,CACL,MAAO,mCAAA,EAET,KAAM,CACJ,MAAO,kCAAA,EAET,OAAQ,CACN,MAAO,oCAAA,EAET,KAAM,CACJ,MAAO,kCAAA,EAET,KAAM,CACJ,MAAO,kCAAA,CACT,EAEF,KAAM,CACJ,GAAI,CACF,MAAO,UACP,KAAM,SAAA,EAER,GAAI,CACF,MAAO,UACP,KAAM,SAAA,EAER,GAAI,CACF,MAAO,YACP,KAAM,SAAA,EAER,GAAI,CACF,MAAO,YACP,KAAM,SAAA,CACR,CACF,EAEF,gBAAiB,CACf,QAAS,OACT,KAAM,IAAA,CAEV,CAAC"}

package/dist/components/inputs/checkbox/checkbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.js"),C=require("../../../node_modules/react-aria-components/dist/RSPContexts.js"),h=require("../../../node_modules/react-aria-components/dist/Checkbox.js"),l=require("../../../node_modules/react-aria-components/dist/utils.js"),m=require("../../../utils/helpers.js"),j=require("./checkbox.styles.js"),N=require("../shared/input-header.js"),g=require("../shared/input-footer.js"),d=require("../../svg-icon/svg-icon.js");function q({className:e,description:c,errorMessage:r,hideHintLabel:u=!1,hideInputFooter:a=!1,hideInputHeader:n=!1,label:t,orientation:s="vertical",...x},i){[x,i]=l.useContextProps(x,i,h.CheckboxGroupContext);const{list:E,wrapper:f}=j.checkboxGroupStyles({orientation:s});return o.jsxRuntimeExports.jsxs(h.CheckboxGroup,{...x,ref:i,className:f({className:e}),children:[o.jsxRuntimeExports.jsx(N.InputHeader,{label:t,hideHintLabel:u,hideInputHeader:n,isRequired:x.isRequired}),o.jsxRuntimeExports.jsx("div",{className:E(),children:x.children}),o.jsxRuntimeExports.jsx(g.InputFooter,{hideInputFooter:a,description:c,errorMessage:r})]})}const b=m.fixedForwardRef(q);b.displayName="CheckboxGroup";function v(e,c){[e,c]=l.useContextProps(e,c,C.CheckboxContext);const{box:r,label:u,wrapper:a}=j.checkboxStyles();return o.jsxRuntimeExports.jsx(h.Checkbox,{...e,className:l.composeRenderProps(e.className,(n,t)=>a({...t,className:n})),onChange:n=>{var t;(!e.slot||e.slot!=="selection")&&((t=e.onChange)==null||t.call(e,n))},children:({isDisabled:n,isIndeterminate:t,isReadOnly:s,isSelected:x,...i})=>o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:r({isDisabled:n||s,isSelected:x||t,...i}),children:t?o.jsxRuntimeExports.jsx(d.SvgIcon,{"aria-hidden":!0,name:"minus"}):x?o.jsxRuntimeExports.jsx(d.SvgIcon,{"aria-hidden":!0,name:"checkmark"}):null}),o.jsxRuntimeExports.jsx("div",{className:u({isDisabled:n||s}),children:typeof e.children=="function"?e.children({isSelected:x,isIndeterminate:t,isDisabled:n,isReadOnly:s,...i}):e.children})]})})}const R=m.fixedForwardRef(v);R.displayName="Checkbox";function y(e,c){[e,c]=l.useContextProps(e,c,C.CheckboxContext);const{box:r,label:u,wrapper:a}=j.radioCheckboxStyles();return o.jsxRuntimeExports.jsx(h.Checkbox,{...e,className:l.composeRenderProps(e.className,(n,t)=>a({...t,className:n})),onChange:n=>{var t;(!e.slot||e.slot!=="selection")&&((t=e.onChange)==null||t.call(e,n))},children:({isDisabled:n,isReadOnly:t,isSelected:s,...x})=>o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:r({isSelected:s,isDisabled:n||t,...x}),children:s?o.jsxRuntimeExports.jsx(d.SvgIcon,{"aria-hidden":!0,name:"radio"}):null}),o.jsxRuntimeExports.jsx("div",{className:u({isDisabled:n||t}),children:typeof e.children=="function"?e.children({isSelected:s,isDisabled:n,isReadOnly:t,...x}):e.children})]})})}const k=m.fixedForwardRef(y);k.displayName="RadioCheckbox";exports.Checkbox=R;exports.CheckboxGroup=b;exports.RadioCheckbox=k;

package/dist/components/inputs/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, ReactNode } from \"react\";\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxContext,\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupContext,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckboxProps,\n  composeRenderProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { InputFooter, InputFooterProps, InputHeader, InputHeaderProps } from \"../shared\";\n\nimport { checkboxGroupStyles, checkboxStyles, radioCheckboxStyles } from \"./checkbox.styles\";\n\nexport type CheckboxGroupProps = Omit<AriaCheckboxGroupProps, \"children\"> &\n  VariantProps<typeof checkboxGroupStyles> &\n  Omit<InputHeaderProps, \"label\"> &\n  InputFooterProps & {\n    label: string;\n    children?: ReactNode;\n  };\n\nfunction _CheckboxGroup(\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    label,\n    orientation = \"vertical\",\n    ...props\n  }: CheckboxGroupProps,\n  ref: ForwardedRef<ElementRef<typeof AriaCheckboxGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxGroupContext);\n  const { list, wrapper } = checkboxGroupStyles({ orientation });\n  return (\n    <AriaCheckboxGroup {...props} ref={ref} className={wrapper({ className })}>\n      <InputHeader\n        label={label}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n        isRequired={props.isRequired}\n      />\n      <div className={list()}>{props.children}</div>\n      <InputFooter\n        hideInputFooter={hideInputFooter}\n        description={description}\n        errorMessage={errorMessage}\n      />\n    </AriaCheckboxGroup>\n  );\n}\n\nexport const CheckboxGroup = fixedForwardRef(_CheckboxGroup);\n// @ts-ignore\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport type CheckboxProps = AriaCheckboxProps;\n\nfunction _Checkbox(props: CheckboxProps, ref: ForwardedRef<ElementRef<typeof AriaCheckbox>>) {\n  [props, ref] = useContextProps(props, ref, CheckboxContext);\n  const { box, label, wrapper } = checkboxStyles();\n  return (\n    <AriaCheckbox\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) =>\n        wrapper({ ...renderProps, className }),\n      )}\n      onChange={(isSelected) => {\n        if (!props.slot || props.slot !== \"selection\") {\n          props.onChange?.(isSelected);\n        }\n      }}\n    >\n      {({ isDisabled, isIndeterminate, isReadOnly, isSelected, ...renderProps }) => (\n        <>\n          <div\n            className={box({\n              isDisabled: isDisabled || isReadOnly,\n              isSelected: isSelected || isIndeterminate,\n              ...renderProps,\n            })}\n          >\n            {isIndeterminate ? (\n              <SvgIcon aria-hidden name=\"minus\" />\n            ) : isSelected ? (\n              <SvgIcon aria-hidden name=\"checkmark\" />\n            ) : null}\n          </div>\n          <div className={label({ isDisabled: isDisabled || isReadOnly })}>\n            {typeof props.children === \"function\"\n              ? props.children({\n                  isSelected,\n                  isIndeterminate,\n                  isDisabled,\n                  isReadOnly,\n                  ...renderProps,\n                })\n              : props.children}\n          </div>\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\nexport const Checkbox = fixedForwardRef(_Checkbox);\n// @ts-ignore\nCheckbox.displayName = \"Checkbox\";\n\nexport type RadioCheckboxProps = AriaCheckboxProps;\n\n// Note: This component should exclusively be used in Table component because React-Aria does not support checkboxes in tables.\nfunction _RadioCheckbox(\n  props: RadioCheckboxProps,\n  ref: ForwardedRef<ElementRef<typeof AriaCheckbox>>,\n) {\n  [props, ref] = useContextProps(props, ref, CheckboxContext);\n  const { box, label, wrapper } = radioCheckboxStyles();\n  return (\n    <AriaCheckbox\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) =>\n        wrapper({ ...renderProps, className }),\n      )}\n      onChange={(isSelected) => {\n        if (!props.slot || props.slot !== \"selection\") {\n          props.onChange?.(isSelected);\n        }\n      }}\n    >\n      {({ isDisabled, isReadOnly, isSelected, ...renderProps }) => (\n        <>\n          <div\n            className={box({ isSelected, isDisabled: isDisabled || isReadOnly, ...renderProps })}\n          >\n            {isSelected ? <SvgIcon aria-hidden name=\"radio\" /> : null}\n          </div>\n          <div className={label({ isDisabled: isDisabled || isReadOnly })}>\n            {typeof props.children === \"function\"\n              ? props.children({\n                  isSelected,\n                  isDisabled,\n                  isReadOnly,\n                  ...renderProps,\n                })\n              : props.children}\n          </div>\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\nexport const RadioCheckbox = fixedForwardRef(_RadioCheckbox);\n// @ts-ignore\nRadioCheckbox.displayName = \"RadioCheckbox\";\n"],"names":["_CheckboxGroup","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","label","orientation","props","ref","useContextProps","CheckboxGroupContext","list","wrapper","checkboxGroupStyles","jsxs","AriaCheckboxGroup","jsx","InputHeader","InputFooter","CheckboxGroup","fixedForwardRef","_Checkbox","CheckboxContext","box","checkboxStyles","AriaCheckbox","composeRenderProps","renderProps","isSelected","_a","isDisabled","isIndeterminate","isReadOnly","Fragment","SvgIcon","Checkbox","_RadioCheckbox","radioCheckboxStyles","RadioCheckbox"],"mappings":"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"}

package/dist/components/inputs/checkbox/checkbox.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../node_modules/tailwind-variants/dist/index.js"),s=require("../../text/text.styles.js"),r=e.tv({slots:{wrapper:["flex","flex-col","gap-2"],list:["flex","flex-col"]},variants:{orientation:{horizontal:{list:["flex-row","flex-wrap","gap-6"]},vertical:{list:["flex-col","gap-2"]}}}}),t=e.tv({slots:{wrapper:["flex","gap-2"],box:["w-4","h-4","rounded-xs","border","border-default","solid","bg-surface-primary","outline-hidden","shadow-inner","shrink-0","flex","items-center","justify-center","text-inverted"],label:s.textStyles({variant:"body-medium"})},variants:{isDisabled:{true:{box:"border-0 bg-surface-secondary text-tertiary",label:"text-tertiary",wrapper:"cursor-not-allowed"}},isFocusVisible:{true:{box:"!border-focus !shadow-highlight-and-inner"}},isHovered:{true:{}},isPressed:{true:{}},isSelected:{true:{}}},compoundVariants:[{isDisabled:!1,isSelected:!1,isHovered:!0,isPressed:!1,className:{box:"border-hover"}},{isDisabled:!1,isSelected:!1,isPressed:!0,className:{box:"border-active"}},{isDisabled:!1,isSelected:!0,isHovered:!1,isPressed:!1,className:{box:"bg-action-default border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isHovered:!0,isPressed:!1,className:{box:"bg-action-hover border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isPressed:!0,className:{box:"bg-action-active border-transparent text-inverted"}},{isDisabled:!0,isSelected:!0,className:{box:"bg-surface-secondary border-transparent text-tertiary"}}]}),a=e.tv({slots:{wrapper:["flex","gap-2"],box:["w-4","h-4","rounded-full","border","border-default","solid","bg-surface-primary","outline-hidden","shadow-inner","shrink-0","flex","items-center","justify-center","text-inverted"],label:s.textStyles({variant:"body-medium"})},variants:{isDisabled:{true:{box:"border-0 bg-surface-secondary text-tertiary",label:"text-tertiary",wrapper:"cursor-not-allowed"}},isSelected:{true:{}},isFocusVisible:{true:{box:"!border-focus !shadow-highlight-and-inner"}},isHovered:{true:{}},isPressed:{true:{}}},compoundVariants:[{isDisabled:!1,isSelected:!1,isHovered:!0,isPressed:!1,className:{box:"border-hover"}},{isDisabled:!1,isSelected:!1,isPressed:!0,className:{box:"border-active"}},{isDisabled:!1,isSelected:!0,isHovered:!1,isPressed:!1,className:{box:"bg-action-default border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isHovered:!0,isPressed:!1,className:{box:"bg-action-hover border-transparent text-inverted"}},{isDisabled:!1,isSelected:!0,isPressed:!0,className:{box:"bg-action-active border-transparent text-inverted"}},{isDisabled:!0,isSelected:!0,className:{box:"bg-surface-secondary border-transparent text-tertiary"}}]});exports.checkboxGroupStyles=r;exports.checkboxStyles=t;exports.radioCheckboxStyles=a;

package/dist/components/inputs/checkbox/checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.styles.js","sources":["../../../../src/components/inputs/checkbox/checkbox.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { textStyles } from \"../../text\";\n\nexport const checkboxGroupStyles = tv({\n  slots: {\n    wrapper: [\"flex\", \"flex-col\", \"gap-2\"],\n    list: [\"flex\", \"flex-col\"],\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: [\"flex-row\", \"flex-wrap\", \"gap-6\"],\n      },\n      vertical: {\n        list: [\"flex-col\", \"gap-2\"],\n      },\n    },\n  },\n});\n\nexport const checkboxStyles = tv({\n  slots: {\n    wrapper: [\"flex\", \"gap-2\"],\n    box: [\n      \"w-4\",\n      \"h-4\",\n      \"rounded-xs\",\n      \"border\",\n      \"border-default\",\n      \"solid\",\n      \"bg-surface-primary\",\n      \"outline-hidden\",\n      \"shadow-inner\",\n      \"shrink-0\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n      \"text-inverted\",\n    ],\n    label: textStyles({ variant: \"body-medium\" }),\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        box: \"border-0 bg-surface-secondary text-tertiary\",\n        label: \"text-tertiary\",\n        wrapper: \"cursor-not-allowed\",\n      },\n    },\n    isFocusVisible: {\n      true: {\n        box: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    isHovered: {\n      true: {},\n    },\n    isPressed: {\n      true: {},\n    },\n    isSelected: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    // Hover unselected\n    {\n      isDisabled: false,\n      isSelected: false,\n      isHovered: true,\n      isPressed: false,\n      className: {\n        box: \"border-hover\",\n      },\n    },\n    // active unselected\n    {\n      isDisabled: false,\n      isSelected: false,\n      isPressed: true,\n      className: {\n        box: \"border-active\",\n      },\n    },\n    // default selected\n    {\n      isDisabled: false,\n      isSelected: true,\n      isHovered: false,\n      isPressed: false,\n      className: {\n        box: \"bg-action-default border-transparent text-inverted\",\n      },\n    },\n    // Hover selected\n    {\n      isDisabled: false,\n      isSelected: true,\n      isHovered: true,\n      isPressed: false,\n      className: {\n        box: \"bg-action-hover border-transparent text-inverted\",\n      },\n    },\n    // active selected\n    {\n      isDisabled: false,\n      isSelected: true,\n      isPressed: true,\n      className: {\n        box: \"bg-action-active border-transparent text-inverted\",\n      },\n    },\n    // disabled selected\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"bg-surface-secondary border-transparent text-tertiary\",\n      },\n    },\n  ],\n});\n\nexport const radioCheckboxStyles = tv({\n  slots: {\n    wrapper: [\"flex\", \"gap-2\"],\n    box: [\n      \"w-4\",\n      \"h-4\",\n      \"rounded-full\",\n      \"border\",\n      \"border-default\",\n      \"solid\",\n      \"bg-surface-primary\",\n      \"outline-hidden\",\n      \"shadow-inner\",\n      \"shrink-0\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n      \"text-inverted\",\n    ],\n    label: textStyles({ variant: \"body-medium\" }),\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        box: \"border-0 bg-surface-secondary text-tertiary\",\n        label: \"text-tertiary\",\n        wrapper: \"cursor-not-allowed\",\n      },\n    },\n    isSelected: {\n      true: {},\n    },\n    isFocusVisible: {\n      true: {\n        box: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    isHovered: {\n      true: {},\n    },\n    isPressed: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    // Hover unselected\n    {\n      isDisabled: false,\n      isSelected: false,\n      isHovered: true,\n      isPressed: false,\n      className: {\n        box: \"border-hover\",\n      },\n    },\n    // active unselected\n    {\n      isDisabled: false,\n      isSelected: false,\n      isPressed: true,\n      className: {\n        box: \"border-active\",\n      },\n    },\n    // default selected\n    {\n      isDisabled: false,\n      isSelected: true,\n      isHovered: false,\n      isPressed: false,\n      className: {\n        box: \"bg-action-default border-transparent text-inverted\",\n      },\n    },\n    // Hover selected\n    {\n      isDisabled: false,\n      isSelected: true,\n      isHovered: true,\n      isPressed: false,\n      className: {\n        box: \"bg-action-hover border-transparent text-inverted\",\n      },\n    },\n    // active selected\n    {\n      isDisabled: false,\n      isSelected: true,\n      isPressed: true,\n      className: {\n        box: \"bg-action-active border-transparent text-inverted\",\n      },\n    },\n    // disabled selected\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"bg-surface-secondary border-transparent text-tertiary\",\n      },\n    },\n  ],\n});\n"],"names":["checkboxGroupStyles","tv","checkboxStyles","textStyles","radioCheckboxStyles"],"mappings":"gMAIaA,EAAsBC,EAAAA,GAAG,CACpC,MAAO,CACL,QAAS,CAAC,OAAQ,WAAY,OAAO,EACrC,KAAM,CAAC,OAAQ,UAAU,CAAA,EAE3B,SAAU,CACR,YAAa,CACX,WAAY,CACV,KAAM,CAAC,WAAY,YAAa,OAAO,CAAA,EAEzC,SAAU,CACR,KAAM,CAAC,WAAY,OAAO,CAAA,CAC5B,CACF,CAEJ,CAAC,EAEYC,EAAiBD,EAAAA,GAAG,CAC/B,MAAO,CACL,QAAS,CAAC,OAAQ,OAAO,EACzB,IAAK,CACH,MACA,MACA,aACA,SACA,iBACA,QACA,qBACA,iBACA,eACA,WACA,OACA,eACA,iBACA,eAAA,EAEF,MAAOE,EAAAA,WAAW,CAAE,QAAS,cAAe,CAAA,EAE9C,SAAU,CACR,WAAY,CACV,KAAM,CACJ,IAAK,8CACL,MAAO,gBACP,QAAS,oBAAA,CACX,EAEF,eAAgB,CACd,KAAM,CACJ,IAAK,2CAAA,CACP,EAEF,UAAW,CACT,KAAM,CAAA,CAAC,EAET,UAAW,CACT,KAAM,CAAA,CAAC,EAET,WAAY,CACV,KAAM,CAAA,CAAC,CACT,EAEF,iBAAkB,CAEhB,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,CACT,IAAK,cAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,CACT,IAAK,eAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,CACT,IAAK,oDAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,CACT,IAAK,kDAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,CACT,IAAK,mDAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,CACT,IAAK,uDAAA,CACP,CACF,CAEJ,CAAC,EAEYC,EAAsBH,EAAAA,GAAG,CACpC,MAAO,CACL,QAAS,CAAC,OAAQ,OAAO,EACzB,IAAK,CACH,MACA,MACA,eACA,SACA,iBACA,QACA,qBACA,iBACA,eACA,WACA,OACA,eACA,iBACA,eAAA,EAEF,MAAOE,EAAAA,WAAW,CAAE,QAAS,cAAe,CAAA,EAE9C,SAAU,CACR,WAAY,CACV,KAAM,CACJ,IAAK,8CACL,MAAO,gBACP,QAAS,oBAAA,CACX,EAEF,WAAY,CACV,KAAM,CAAA,CAAC,EAET,eAAgB,CACd,KAAM,CACJ,IAAK,2CAAA,CACP,EAEF,UAAW,CACT,KAAM,CAAA,CAAC,EAET,UAAW,CACT,KAAM,CAAA,CAAC,CACT,EAEF,iBAAkB,CAEhB,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,CACT,IAAK,cAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,CACT,IAAK,eAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,CACT,IAAK,oDAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,CACT,IAAK,kDAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,CACT,IAAK,mDAAA,CACP,EAGF,CACE,WAAY,GACZ,WAAY,GACZ,UAAW,CACT,IAAK,uDAAA,CACP,CACF,CAEJ,CAAC"}

package/dist/components/inputs/date-picker/date-picker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),h=require("react"),N=require("../../../node_modules/react-aria-components/dist/Button.js"),v=require("../../../node_modules/react-aria-components/dist/Calendar.js"),V=require("../../../node_modules/react-aria-components/dist/utils.js"),G=require("../../../node_modules/react-aria-components/dist/DateField.js"),F=require("../../../node_modules/react-aria-components/dist/DatePicker.js"),H=require("../../../node_modules/react-aria-components/dist/Group.js"),_=require("../../../utils/helpers.js"),$=require("../../../utils/providers/dictionary-provider.js"),b=require("../shared/helpers.js"),B=require("./date-picker.styles.js"),w=require("./shared.js"),K=require("../../overlays/popover/popover.js"),O=require("../shared/styles.js"),Y=require("../shared/input-header.js"),z=require("../../tooltip/tooltip.js"),f=require("../../svg-icon/svg-icon.js"),A=require("../shared/input-footer.js"),J=({className:n,description:o,disableClearLogic:t,errorMessage:i,fullWidth:r=!0,granularity:j="day",hideHintLabel:a,hideInputFooter:x,hideInputHeader:c,label:u,outerEndSlot:y,outerStartSlot:m,startSlot:P,...d},p)=>{[d,p]=V.useContextProps(d,p,F.DatePickerContext);const{isInvalid:q,isRequired:S}=d,k=h.useMemo(()=>b.shouldRenderInputHeader({hideHintLabel:a,hideInputHeader:c,label:u}),[a,c,u]),{outerSlot:D,outerSlotsWrapper:C,wrapper:g}=O.sharedInputStyles({fullWidth:r,hasStartSlot:!!P,hasEndSlot:!0,hasInputHeader:k,hasLabel:!!u});return e.jsxRuntimeExports.jsxs("div",{className:C(),children:[m?e.jsxRuntimeExports.jsx("div",{className:D(),children:m}):null,e.jsxRuntimeExports.jsx(F.DatePicker,{...d,granularity:j,className:l=>g({className:n,isDisabled:l.isDisabled}),isInvalid:q,ref:p,children:({isDisabled:l,state:R})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(Q,{description:o,fullWidth:r,errorMessage:i,hideHintLabel:a,hideInputFooter:x,hideInputHeader:c,isDisabled:l,isRequired:S,label:u,startSlot:P,onKeyDown:s=>{s.key==="Escape"&&R.value&&!l&&!t&&(s.preventDefault(),R.setValue(null))},disableClearLogic:t}),e.jsxRuntimeExports.jsx(K.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(v.Calendar,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3",children:[e.jsxRuntimeExports.jsx(U,{}),e.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:e.jsxRuntimeExports.jsxs(v.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(w.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(W,{})]})})]})})})]})}),y?e.jsxRuntimeExports.jsx("div",{className:D(),children:y}):null]})},T=_.fixedForwardRef(J);T.displayName="DatePicker";const Q=({description:n,disableClearLogic:o,errorMessage:t,fullWidth:i,hideHintLabel:r,hideInputFooter:j,hideInputHeader:a,isDisabled:x,isRequired:c,label:u,onKeyDown:y,startSlot:m})=>{const{input:P,segment:d}=B.dateFieldStyles(),p=h.useMemo(()=>b.shouldRenderInputHeader({hideHintLabel:r,hideInputHeader:a,label:u}),[r,a,u]),{button:q,buttonExcludedFromTabOrder:S,inputField:k}=O.sharedInputStyles({fullWidth:i,hasStartSlot:!!m,hasEndSlot:!0,isInputOnly:!1}),{clear:D}=$.useDictionary(),C=h.useContext(F.DatePickerStateContext);if(!C)throw new Error("DatePickerStateContext is not provided.");const{setValue:g,value:l}=C,R=h.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[p?e.jsxRuntimeExports.jsx(Y.InputHeader,{label:u,hideHintLabel:r,isRequired:c}):null,e.jsxRuntimeExports.jsxs(H.Group,{className:({isDisabled:s,isFocusWithin:E,isHovered:I,isInvalid:M})=>k({isDisabled:s,isFocused:E,isHovered:I,isInvalid:M||!!t,className:"min-h-8"}),onKeyDown:y,children:[m,e.jsxRuntimeExports.jsx(G.DateInput,{className:P(),children:s=>e.jsxRuntimeExports.jsx(G.DateSegment,{className:({isFocused:E})=>d({isFocused:E,isDisabled:x,hasValue:s.type==="literal"?!!l:!s.isPlaceholder}),segment:s})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex gap-2",children:[!x&&l&&!o?e.jsxRuntimeExports.jsx(z.Tooltip,{tooltip:D,children:e.jsxRuntimeExports.jsx(N.Button,{slot:null,excludeFromTabOrder:!0,className:S(),onPress:()=>{var s;g(null),(s=R.current)==null||s.focus()},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(N.Button,{ref:R,isDisabled:x,className:({isDisabled:s,isFocusVisible:E,isHovered:I})=>q({isDisabled:s,isFocused:E,isHovered:I}),children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"calendar"})})]})]}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:n,errorMessage:t,hideInputFooter:j})]})},U=()=>{const{buttons:n}=B.datePickerHeaderStyles(),o=h.useContext(v.CalendarStateContext);if(!o)throw new Error("CalendarStateContext is not provided.");const{focusedDate:t,setFocusedDate:i}=o;return e.jsxRuntimeExports.jsxs("header",{className:"flex justify-between gap-3",children:[e.jsxRuntimeExports.jsx(N.Button,{slot:"previous",className:n(),children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(w.MonthPicker,{value:t.month,onChange:r=>{i(t.copy().set({month:r}))}}),e.jsxRuntimeExports.jsx(w.YearPicker,{value:t.year,onChange:r=>{i(t.copy().set({year:r}))}})]}),e.jsxRuntimeExports.jsx(N.Button,{slot:"next",className:n(),children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-right"})})]})},W=()=>{const{bodyCell:n}=B.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(v.CalendarGridBody,{children:o=>e.jsxRuntimeExports.jsx(v.CalendarCell,{date:o,className:({isDisabled:t,isFocusVisible:i,isHovered:r,isOutsideMonth:j,isPressed:a,isSelected:x,isUnavailable:c})=>n({isSelected:x,isFocusVisible:i,isHovered:r,isUnavailable:c,isDisabled:t,isOutsideMonth:j,isPressed:a})})})};exports.DatePicker=T;

package/dist/components/inputs/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sources":["../../../../src/components/inputs/date-picker/date-picker.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, KeyboardEventHandler, useContext, useMemo, useRef } from \"react\";\nimport {\n  Button as AriaButton,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarStateContext,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DatePickerContext,\n  DatePickerProps as AriaDatePickerProps,\n  DatePickerStateContext,\n  DateSegment,\n  DateValue,\n  Group,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nimport {\n  dataPickerCalendarGridStyles,\n  dateFieldStyles,\n  datePickerHeaderStyles,\n} from \"./date-picker.styles\";\nimport { DatePickerCalendarGridHeader, MonthPicker, YearPicker } from \"./shared\";\n\nexport type DatePickerProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasStartSlot\" | \"hasEndSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    disableClearLogic?: boolean;\n  };\n\nexport type { DateValue };\n\nconst _DatePicker = <T extends DateValue>(\n  {\n    className,\n    description,\n    disableClearLogic,\n    errorMessage,\n    fullWidth = true,\n    granularity = \"day\",\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: DatePickerProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaDatePicker>>,\n) => {\n  [props, ref] = useContextProps(props, ref, DatePickerContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaDatePicker\n        {...props}\n        granularity={granularity}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled, state }) => (\n          <>\n            <DatePickerInput\n              description={description}\n              fullWidth={fullWidth}\n              errorMessage={errorMessage}\n              hideHintLabel={hideHintLabel}\n              hideInputFooter={hideInputFooter}\n              hideInputHeader={hideInputHeader}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              label={label}\n              startSlot={startSlot}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\" && state.value && !isDisabled && !disableClearLogic) {\n                  e.preventDefault();\n                  state.setValue(null);\n                }\n              }}\n              disableClearLogic={disableClearLogic}\n            />\n            <Popover disablePadding className=\"group\">\n              <Calendar>\n                <div className=\"flex flex-col gap-3 p-3\">\n                  <DatePickerHeader />\n                  <div className=\"flex justify-center\">\n                    <CalendarGrid className=\"w-full text-center\">\n                      <DatePickerCalendarGridHeader />\n                      <DatePickerCalendarGridBody />\n                    </CalendarGrid>\n                  </div>\n                </div>\n              </Calendar>\n            </Popover>\n          </>\n        )}\n      </AriaDatePicker>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const DatePicker = fixedForwardRef(_DatePicker);\n//@ts-ignore\nDatePicker.displayName = \"DatePicker\";\ntype DatePickerInputProps = VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    startSlot?: JSX.Element;\n    onKeyDown?: KeyboardEventHandler<HTMLElement>;\n    disableClearLogic?: boolean;\n  };\n\nconst DatePickerInput = ({\n  description,\n  disableClearLogic,\n  errorMessage,\n  fullWidth,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isRequired,\n  label,\n  onKeyDown,\n  startSlot,\n}: DatePickerInputProps) => {\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const { button, buttonExcludedFromTabOrder, inputField } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    isInputOnly: false,\n  });\n  const { clear } = useDictionary();\n\n  const context = useContext(DatePickerStateContext);\n\n  if (!context) {\n    throw new Error(\"DatePickerStateContext is not provided.\");\n  }\n\n  const { setValue, value } = context;\n\n  const calendarButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <>\n      {hasInputHeader ? (\n        <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n      ) : null}\n      <Group\n        className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n          inputField({\n            isDisabled,\n            isFocused: isFocusWithin,\n            isHovered,\n            isInvalid: isInvalid || !!errorMessage,\n            className: \"min-h-8\",\n          })\n        }\n        onKeyDown={onKeyDown}\n      >\n        {startSlot}\n        <DateInput className={input()}>\n          {(segment) => (\n            <DateSegment\n              className={({ isFocused }) => {\n                return segmentStyles({\n                  isFocused,\n                  isDisabled,\n                  // consider literals (separators between segments) to have a value when a full date is entered\n                  hasValue: segment.type === \"literal\" ? !!value : !segment.isPlaceholder,\n                });\n              }}\n              segment={segment}\n            />\n          )}\n        </DateInput>\n\n        <div className=\"ms-auto flex gap-2\">\n          {!isDisabled && value && !disableClearLogic ? (\n            <Tooltip tooltip={clear}>\n              <AriaButton\n                slot={null}\n                excludeFromTabOrder\n                className={buttonExcludedFromTabOrder()}\n                onPress={() => {\n                  setValue(null);\n                  // focus the calendar button after clearing the value\n                  // this way the user can easily open the calendar again\n                  // plus focusing another element afterwards makes sure that the focus is moved\n                  // https://n6k.atlassian.net/browse/OPTR-31779\n                  calendarButtonRef.current?.focus();\n                }}\n              >\n                <SvgIcon name=\"clear\" />\n              </AriaButton>\n            </Tooltip>\n          ) : null}\n          <AriaButton\n            ref={calendarButtonRef}\n            isDisabled={isDisabled}\n            className={({ isDisabled, isFocusVisible, isHovered }) =>\n              button({ isDisabled, isFocused: isFocusVisible, isHovered })\n            }\n          >\n            <SvgIcon name=\"calendar\" />\n          </AriaButton>\n        </div>\n      </Group>\n\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n    </>\n  );\n};\n\nconst DatePickerHeader = () => {\n  const { buttons } = datePickerHeaderStyles();\n\n  const context = useContext(CalendarStateContext);\n\n  if (!context) {\n    throw new Error(\"CalendarStateContext is not provided.\");\n  }\n\n  const { focusedDate, setFocusedDate } = context;\n\n  return (\n    <header className=\"flex justify-between gap-3\">\n      <AriaButton slot=\"previous\" className={buttons()}>\n        <SvgIcon name=\"chevron-left\" />\n      </AriaButton>\n\n      <div className=\"flex gap-1\">\n        <MonthPicker\n          value={focusedDate.month}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ month: value }));\n          }}\n        />\n        <YearPicker\n          value={focusedDate.year}\n          onChange={(value) => {\n            setFocusedDate(focusedDate.copy().set({ year: value }));\n          }}\n        />\n      </div>\n\n      <AriaButton slot=\"next\" className={buttons()}>\n        <SvgIcon name=\"chevron-right\" />\n      </AriaButton>\n    </header>\n  );\n};\n\nconst DatePickerCalendarGridBody = () => {\n  const { bodyCell } = dataPickerCalendarGridStyles();\n\n  return (\n    <CalendarGridBody>\n      {(date) => (\n        <CalendarCell\n          date={date}\n          className={({\n            isDisabled,\n            isFocusVisible,\n            isHovered,\n            isOutsideMonth,\n            isPressed,\n            isSelected,\n            isUnavailable,\n          }) =>\n            bodyCell({\n              isSelected,\n              isFocusVisible,\n              isHovered,\n              isUnavailable,\n              isDisabled,\n              isOutsideMonth,\n              isPressed,\n            })\n          }\n        />\n      )}\n    </CalendarGridBody>\n  );\n};\n"],"names":["_DatePicker","className","description","disableClearLogic","errorMessage","fullWidth","granularity","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","DatePickerContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaDatePicker","renderProps","isDisabled","state","Fragment","DatePickerInput","e","Popover","Calendar","DatePickerHeader","CalendarGrid","DatePickerCalendarGridHeader","DatePickerCalendarGridBody","DatePicker","fixedForwardRef","onKeyDown","input","segmentStyles","dateFieldStyles","button","buttonExcludedFromTabOrder","inputField","clear","useDictionary","context","useContext","DatePickerStateContext","setValue","value","calendarButtonRef","useRef","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","Tooltip","AriaButton","_a","SvgIcon","isFocusVisible","InputFooter","buttons","datePickerHeaderStyles","CalendarStateContext","focusedDate","setFocusedDate","MonthPicker","YearPicker","bodyCell","dataPickerCalendarGridStyles","CalendarGridBody","date","CalendarCell","isOutsideMonth","isPressed","isSelected","isUnavailable"],"mappings":"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"}

package/dist/components/inputs/date-picker/date-picker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAmC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA+CjC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA8HvC,CAAC"}
+{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAmC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAiDjC,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+HvC,CAAC"}

package/dist/components/inputs/date-picker/date-picker.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../node_modules/tailwind-variants/dist/index.js"),t=e.tv({slots:{input:["flex"],segment:["outline-hidden","rounded-xs","px-0.5"]},variants:{isFocused:{true:{segment:["bg-action-highlight"]}},hasValue:{true:{}},isDisabled:{true:{}}},compoundVariants:[{hasValue:!1,isFocused:!1,isDisabled:!1,className:{segment:["text-tertiary"]}},{isFocused:!0,isDisabled:!1,className:{segment:["text-primary"]}}]}),r=e.tv({slots:{wrapper:["flex","justify-between","items-center","gap-3","overflow-visible","relative","p-3"],buttons:["text-primary","relative","p-1","rounded-sm","border","border-transparent","focus-visible:border-focus","focus-visible:shadow-highlight","hover:bg-overlay-subtle","active:!bg-overlay-medium","disabled:bg-transparent","disabled:text-tertiary","outline-hidden"],pickerButtons:["flex","justify-center","items-center","gap-2","text-xl","font-semibold","text-primary","relative","p-1","rounded-sm","border","border-transparent","focus-visible:border-focus","focus-visible:shadow-highlight","hover:bg-overlay-subtle","active:!bg-overlay-medium","disabled:bg-transparent","disabled:text-tertiary","outline-hidden"],title:["truncate","font-sans","font-semibold","text-center","text-base"]}}),i=e.tv({slots:{headerCell:["text-secondary","text-sm","text-center","font-sans","font-normal","pb-1"],bodyCell:["w-10","sm:w-11","h-6","inline-flex","justify-center","items-center","rounded-sm","outline-hidden","font-sans","font-normal","text-base","transition-colors","duration-150","ease-in-out","border-transparent"],rangeBodyCell:["w-10","sm:w-11","h-6","inline-flex","justify-center","items-center","rounded-sm","outline-hidden","font-sans","font-normal","text-base","transition-colors","duration-150","ease-in-out"]},variants:{isFocusVisible:{true:{bodyCell:["border","border-focus","shadow-highlight"],rangeBodyCell:["border","border-focus","shadow-highlight"]}},isSelected:{true:{bodyCell:["bg-action-default","hover:bg-action-hover","active:!bg-action-active","text-inverted"]}},isSelectionStart:{true:{}},isSelectionEnd:{true:{}},isHovered:{true:{bodyCell:["bg-overlay-subtle"],rangeBodyCell:["bg-overlay-subtle"]}},isPressed:{true:{bodyCell:["bg-overlay-medium"],rangeBodyCell:["bg-overlay-medium"]}},isUnavailable:{true:{bodyCell:["text-tertiary"],rangeBodyCell:["text-tertiary"]}},isDisabled:{true:{bodyCell:["text-tertiary"],rangeBodyCell:["text-tertiary"]}},isOutsideMonth:{true:{bodyCell:["text-tertiary"],rangeBodyCell:["text-tertiary"]}}},compoundVariants:[{isSelected:!0,isSelectionStart:!0,className:{rangeBodyCell:["bg-action-default","hover:bg-action-hover","active:!bg-action-active","text-inverted"]}},{isSelected:!0,isSelectionEnd:!0,className:{rangeBodyCell:["bg-action-default","hover:bg-action-hover","active:!bg-action-active","text-inverted"]}},{isSelected:!0,isSelectionEnd:!1,isSelectionStart:!1,className:{rangeBodyCell:["bg-action-highlight","hover:bg-action-hover","active:!bg-action-active","active:text-inverted","hover:text-inverted"]}}]});exports.dataPickerCalendarGridStyles=i;exports.dateFieldStyles=t;exports.datePickerHeaderStyles=r;

package/dist/components/inputs/date-picker/date-picker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.js","sources":["../../../../src/components/inputs/date-picker/date-picker.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const dateFieldStyles = tv({\n  slots: {\n    input: [\"flex\"],\n    segment: [\"outline-hidden\", \"rounded-xs\", \"px-0.5\"],\n  },\n  variants: {\n    isFocused: {\n      true: {\n        segment: [\"bg-action-highlight\"],\n      },\n    },\n    hasValue: {\n      true: {},\n    },\n    isDisabled: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    {\n      hasValue: false,\n      isFocused: false,\n      isDisabled: false,\n      className: {\n        segment: [\"text-tertiary\"],\n      },\n    },\n    {\n      isFocused: true,\n      isDisabled: false,\n      className: {\n        segment: [\"text-primary\"],\n      },\n    },\n  ],\n});\n\nexport const datePickerHeaderStyles = tv({\n  slots: {\n    wrapper: [\n      \"flex\",\n      \"justify-between\",\n      \"items-center\",\n      \"gap-3\",\n      \"overflow-visible\",\n      \"relative\",\n      \"p-3\",\n    ],\n    buttons: [\n      \"text-primary\",\n      \"relative\",\n      \"p-1\",\n      \"rounded-sm\",\n      \"border\",\n      \"border-transparent\",\n      \"focus-visible:border-focus\",\n      \"focus-visible:shadow-highlight\",\n      \"hover:bg-overlay-subtle\",\n      \"active:!bg-overlay-medium\",\n      \"disabled:bg-transparent\",\n      \"disabled:text-tertiary\",\n      \"outline-hidden\",\n    ],\n    pickerButtons: [\n      \"flex\",\n      \"justify-center\",\n      \"items-center\",\n      \"gap-2\",\n      \"text-xl\",\n      \"font-semibold\",\n      \"text-primary\",\n      \"relative\",\n      \"p-1\",\n      \"rounded-sm\",\n      \"border\",\n      \"border-transparent\",\n      \"focus-visible:border-focus\",\n      \"focus-visible:shadow-highlight\",\n      \"hover:bg-overlay-subtle\",\n      \"active:!bg-overlay-medium\",\n      \"disabled:bg-transparent\",\n      \"disabled:text-tertiary\",\n      \"outline-hidden\",\n    ],\n    title: [\"truncate\", \"font-sans\", \"font-semibold\", \"text-center\", \"text-base\"],\n  },\n});\n\nexport const dataPickerCalendarGridStyles = tv({\n  slots: {\n    headerCell: [\"text-secondary\", \"text-sm\", \"text-center\", \"font-sans\", \"font-normal\", \"pb-1\"],\n    bodyCell: [\n      \"w-10\",\n      \"sm:w-11\",\n      \"h-6\",\n      \"inline-flex\",\n      \"justify-center\",\n      \"items-center\",\n      \"rounded-sm\",\n      \"outline-hidden\",\n      \"font-sans\",\n      \"font-normal\",\n      \"text-base\",\n      \"transition-colors\",\n      \"duration-150\",\n      \"ease-in-out\",\n      \"border-transparent\",\n    ],\n    rangeBodyCell: [\n      \"w-10\",\n      \"sm:w-11\",\n      \"h-6\",\n      \"inline-flex\",\n      \"justify-center\",\n      \"items-center\",\n      \"rounded-sm\",\n      \"outline-hidden\",\n      \"font-sans\",\n      \"font-normal\",\n      \"text-base\",\n      \"transition-colors\",\n      \"duration-150\",\n      \"ease-in-out\",\n    ],\n  },\n  variants: {\n    isFocusVisible: {\n      true: {\n        bodyCell: [\"border\", \"border-focus\", \"shadow-highlight\"],\n        rangeBodyCell: [\"border\", \"border-focus\", \"shadow-highlight\"],\n      },\n    },\n    isSelected: {\n      true: {\n        bodyCell: [\n          \"bg-action-default\",\n          \"hover:bg-action-hover\",\n          \"active:!bg-action-active\",\n          \"text-inverted\",\n        ],\n      },\n    },\n    isSelectionStart: { true: {} },\n    isSelectionEnd: { true: {} },\n    isHovered: {\n      true: {\n        bodyCell: [\"bg-overlay-subtle\"],\n        rangeBodyCell: [\"bg-overlay-subtle\"],\n      },\n    },\n    isPressed: {\n      true: {\n        bodyCell: [\"bg-overlay-medium\"],\n        rangeBodyCell: [\"bg-overlay-medium\"],\n      },\n    },\n    isUnavailable: {\n      true: {\n        bodyCell: [\"text-tertiary\"],\n        rangeBodyCell: [\"text-tertiary\"],\n      },\n    },\n    isDisabled: {\n      true: {\n        bodyCell: [\"text-tertiary\"],\n        rangeBodyCell: [\"text-tertiary\"],\n      },\n    },\n    isOutsideMonth: {\n      true: {\n        bodyCell: [\"text-tertiary\"],\n        rangeBodyCell: [\"text-tertiary\"],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isSelected: true,\n      isSelectionStart: true,\n      className: {\n        rangeBodyCell: [\n          \"bg-action-default\",\n          \"hover:bg-action-hover\",\n          \"active:!bg-action-active\",\n          \"text-inverted\",\n        ],\n      },\n    },\n    {\n      isSelected: true,\n      isSelectionEnd: true,\n      className: {\n        rangeBodyCell: [\n          \"bg-action-default\",\n          \"hover:bg-action-hover\",\n          \"active:!bg-action-active\",\n          \"text-inverted\",\n        ],\n      },\n    },\n    {\n      isSelected: true,\n      isSelectionEnd: false,\n      isSelectionStart: false,\n      className: {\n        rangeBodyCell: [\n          \"bg-action-highlight\",\n          \"hover:bg-action-hover\",\n          \"active:!bg-action-active\",\n          \"active:text-inverted\",\n          \"hover:text-inverted\",\n        ],\n      },\n    },\n  ],\n});\n"],"names":["dateFieldStyles","tv","datePickerHeaderStyles","dataPickerCalendarGridStyles"],"mappings":"yJAEaA,EAAkBC,EAAAA,GAAG,CAChC,MAAO,CACL,MAAO,CAAC,MAAM,EACd,QAAS,CAAC,iBAAkB,aAAc,QAAQ,CAAA,EAEpD,SAAU,CACR,UAAW,CACT,KAAM,CACJ,QAAS,CAAC,qBAAqB,CAAA,CACjC,EAEF,SAAU,CACR,KAAM,CAAA,CAAC,EAET,WAAY,CACV,KAAM,CAAA,CAAC,CACT,EAEF,iBAAkB,CAChB,CACE,SAAU,GACV,UAAW,GACX,WAAY,GACZ,UAAW,CACT,QAAS,CAAC,eAAe,CAAA,CAC3B,EAEF,CACE,UAAW,GACX,WAAY,GACZ,UAAW,CACT,QAAS,CAAC,cAAc,CAAA,CAC1B,CACF,CAEJ,CAAC,EAEYC,EAAyBD,EAAAA,GAAG,CACvC,MAAO,CACL,QAAS,CACP,OACA,kBACA,eACA,QACA,mBACA,WACA,KAAA,EAEF,QAAS,CACP,eACA,WACA,MACA,aACA,SACA,qBACA,6BACA,iCACA,0BACA,4BACA,0BACA,yBACA,gBAAA,EAEF,cAAe,CACb,OACA,iBACA,eACA,QACA,UACA,gBACA,eACA,WACA,MACA,aACA,SACA,qBACA,6BACA,iCACA,0BACA,4BACA,0BACA,yBACA,gBAAA,EAEF,MAAO,CAAC,WAAY,YAAa,gBAAiB,cAAe,WAAW,CAAA,CAEhF,CAAC,EAEYE,EAA+BF,EAAAA,GAAG,CAC7C,MAAO,CACL,WAAY,CAAC,iBAAkB,UAAW,cAAe,YAAa,cAAe,MAAM,EAC3F,SAAU,CACR,OACA,UACA,MACA,cACA,iBACA,eACA,aACA,iBACA,YACA,cACA,YACA,oBACA,eACA,cACA,oBAAA,EAEF,cAAe,CACb,OACA,UACA,MACA,cACA,iBACA,eACA,aACA,iBACA,YACA,cACA,YACA,oBACA,eACA,aAAA,CACF,EAEF,SAAU,CACR,eAAgB,CACd,KAAM,CACJ,SAAU,CAAC,SAAU,eAAgB,kBAAkB,EACvD,cAAe,CAAC,SAAU,eAAgB,kBAAkB,CAAA,CAC9D,EAEF,WAAY,CACV,KAAM,CACJ,SAAU,CACR,oBACA,wBACA,2BACA,eAAA,CACF,CACF,EAEF,iBAAkB,CAAE,KAAM,EAAC,EAC3B,eAAgB,CAAE,KAAM,EAAC,EACzB,UAAW,CACT,KAAM,CACJ,SAAU,CAAC,mBAAmB,EAC9B,cAAe,CAAC,mBAAmB,CAAA,CACrC,EAEF,UAAW,CACT,KAAM,CACJ,SAAU,CAAC,mBAAmB,EAC9B,cAAe,CAAC,mBAAmB,CAAA,CACrC,EAEF,cAAe,CACb,KAAM,CACJ,SAAU,CAAC,eAAe,EAC1B,cAAe,CAAC,eAAe,CAAA,CACjC,EAEF,WAAY,CACV,KAAM,CACJ,SAAU,CAAC,eAAe,EAC1B,cAAe,CAAC,eAAe,CAAA,CACjC,EAEF,eAAgB,CACd,KAAM,CACJ,SAAU,CAAC,eAAe,EAC1B,cAAe,CAAC,eAAe,CAAA,CACjC,CACF,EAEF,iBAAkB,CAChB,CACE,WAAY,GACZ,iBAAkB,GAClB,UAAW,CACT,cAAe,CACb,oBACA,wBACA,2BACA,eAAA,CACF,CACF,EAEF,CACE,WAAY,GACZ,eAAgB,GAChB,UAAW,CACT,cAAe,CACb,oBACA,wBACA,2BACA,eAAA,CACF,CACF,EAEF,CACE,WAAY,GACZ,eAAgB,GAChB,iBAAkB,GAClB,UAAW,CACT,cAAe,CACb,sBACA,wBACA,2BACA,uBACA,qBAAA,CACF,CACF,CACF,CAEJ,CAAC"}

package/dist/components/inputs/date-picker/date-range-picker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),R=require("react"),F=require("../../../node_modules/react-aria-components/dist/Button.js"),P=require("../../../node_modules/react-aria-components/dist/Calendar.js"),_=require("../../../node_modules/react-aria-components/dist/utils.js"),S=require("../../../node_modules/react-aria-components/dist/DateField.js"),b=require("../../../node_modules/react-aria-components/dist/DatePicker.js"),O=require("../../../node_modules/react-aria-components/dist/Group.js"),K=require("../../../utils/helpers.js"),$=require("../../../utils/providers/dictionary-provider.js"),T=require("../shared/helpers.js"),M=require("./date-picker.styles.js"),N=require("./shared.js"),G=require("../../separator/separator.js"),V=require("../shared/styles.js"),z=require("../../overlays/popover/popover.js"),A=require("../shared/input-header.js"),q=require("../../svg-icon/svg-icon.js"),J=require("../../tooltip/tooltip.js"),Q=require("../shared/input-footer.js"),U=({className:y,description:E,disableClearLogic:l,errorMessage:i,fullWidth:x=!0,granularity:m="day",hideHintLabel:n,hideInputFooter:s,hideInputHeader:p,label:c,outerEndSlot:g,outerStartSlot:f,startSlot:D,...j},t)=>{[j,t]=_.useContextProps(j,t,b.DateRangePickerContext);const{isInvalid:a,isRequired:u}=j,v=R.useMemo(()=>T.shouldRenderInputHeader({hideHintLabel:n,hideInputHeader:p,label:c}),[n,p,c]),{outerSlot:w,outerSlotsWrapper:k,wrapper:I}=V.sharedInputStyles({fullWidth:x,hasStartSlot:!!D,hasEndSlot:!0,hasInputHeader:v,hasLabel:!!c});return e.jsxRuntimeExports.jsxs("div",{className:k(),children:[f?e.jsxRuntimeExports.jsx("div",{className:w(),children:f}):null,e.jsxRuntimeExports.jsx(b.DateRangePicker,{...j,granularity:m,className:r=>I({className:y,isDisabled:r.isDisabled}),isInvalid:a,ref:t,children:({isDisabled:r,state:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(O.Group,{children:e.jsxRuntimeExports.jsx(X,{description:E,fullWidth:x,errorMessage:i,hideHintLabel:n,hideInputFooter:s,hideInputHeader:p,isDisabled:r,isRequired:u,label:c,startSlot:D,onKeyDown:o=>{var d,C;o.key==="Escape"&&((d=h.value)!=null&&d.end)&&((C=h.value)!=null&&C.start)&&!r&&!l&&(o.preventDefault(),h.setValue(null))},disableClearLogic:l})}),e.jsxRuntimeExports.jsx(z.Popover,{disablePadding:!0,className:"group",children:e.jsxRuntimeExports.jsx(P.RangeCalendar,{visibleDuration:{months:2},pageBehavior:"single",children:e.jsxRuntimeExports.jsx(W,{})})})]})}),g?e.jsxRuntimeExports.jsx("div",{className:w(),children:g}):null]})},W=()=>{const{buttons:y}=M.datePickerHeaderStyles(),E=R.useContext(P.RangeCalendarStateContext);if(!E)throw new Error("RangeCalendarStateContext is not provided.");const{anchorDate:l,focusedDate:i,focusNextPage:x,focusPreviousPage:m,setFocusedDate:n,visibleRange:s}=E,p=t=>t===12?1:t+1,c=t=>t===1?12:t-1,g=R.useCallback(t=>{if(t===s.start.month-1)m();else if(t===s.start.month+1)x();else{const a=t<s.start.month?p(t):t,u=s.start.copy().set({month:a,day:i.day});n(u)}},[x,m,i.day,n,s.start]),f=R.useCallback(t=>{if(s.start.year!==s.end.year){if(t<s.start.year){const a=s.start.copy().set({year:t+1,day:i.day,month:1});n(a)}if(t>s.start.year){const a=s.start.copy().set({year:t,day:i.day,month:12});n(a)}}else{const a=t<s.start.year?p(s.start.month):s.start.month,u=s.start.copy().set({year:t,day:i.day,month:a});n(u)}},[i.day,n,s.end.year,s.start]),D=R.useCallback(t=>{if(t===s.end.month-1)m();else if(t===s.end.month+1)x();else{const a=t>s.end.month?c(t):t,u=s.end.copy().set({month:a,day:i.day});n(u)}},[x,m,i.day,n,s.end]),j=R.useCallback(t=>{if(s.start.year!==s.end.year){if(t<s.end.year){const a=s.end.copy().set({year:t,day:i.day,month:1});n(a)}if(t>s.end.year){const a=s.end.copy().set({year:t-1,day:i.day,month:12});n(a)}}else{const a=t>s.end.year?c(s.end.month):s.end.month,u=s.end.copy().set({year:t,day:i.day,month:a});n(u)}},[i.day,n,s.end,s.start.year]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 p-3 sm:flex-row",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx(F.Button,{slot:"previous",className:y(),children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(N.MonthPicker,{value:s.start.month,isDisabled:!!l,onChange:g}),e.jsxRuntimeExports.jsx(N.YearPicker,{value:s.start.year,isDisabled:!!l,onChange:f})]}),e.jsxRuntimeExports.jsx("div",{className:"w-6"})]}),e.jsxRuntimeExports.jsxs(P.CalendarGrid,{className:"w-full text-center",children:[e.jsxRuntimeExports.jsx(N.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(B,{})]})]}),e.jsxRuntimeExports.jsx(G.Separator,{orientation:"vertical",className:"hidden h-[unset] self-stretch sm:block"}),e.jsxRuntimeExports.jsx(G.Separator,{className:"sm:hidden"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"w-6"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(N.MonthPicker,{value:s.end.month,isDisabled:!!l,onChange:D}),e.jsxRuntimeExports.jsx(N.YearPicker,{value:s.end.year,isDisabled:!!l,onChange:j})]}),e.jsxRuntimeExports.jsx(F.Button,{slot:"next",className:y(),children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"chevron-right"})})]}),e.jsxRuntimeExports.jsxs(P.CalendarGrid,{className:"w-full text-center",offset:{months:1},children:[e.jsxRuntimeExports.jsx(N.DatePickerCalendarGridHeader,{}),e.jsxRuntimeExports.jsx(B,{})]})]})]})})},Y=K.fixedForwardRef(U);Y.displayName="DateRangePicker";const X=({description:y,disableClearLogic:E,errorMessage:l,fullWidth:i,hideHintLabel:x,hideInputFooter:m,hideInputHeader:n,isDisabled:s,isRequired:p,label:c,onKeyDown:g,startSlot:f})=>{const D=R.useMemo(()=>T.shouldRenderInputHeader({hideHintLabel:x,hideInputHeader:n,label:c}),[x,n,c]),{input:j,segment:t}=M.dateFieldStyles(),{button:a,buttonExcludedFromTabOrder:u,inputField:v}=V.sharedInputStyles({fullWidth:i,hasStartSlot:!!f,hasEndSlot:!0,isInputOnly:!1}),{clear:w}=$.useDictionary(),k=R.useContext(b.DateRangePickerStateContext);if(!k)throw new Error("DateRangePickerStateContext is not provided.");const{setValue:I,value:r}=k,h=R.useRef(null);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[D?e.jsxRuntimeExports.jsx(A.InputHeader,{label:c,hideHintLabel:x,isRequired:p}):null,e.jsxRuntimeExports.jsxs(O.Group,{className:({isDisabled:o,isFocusWithin:d,isHovered:C,isInvalid:H})=>v({isDisabled:o,isFocused:d,isHovered:C,isInvalid:H||!!l,className:"min-h-8"}),onKeyDown:g,children:[f,e.jsxRuntimeExports.jsx(S.DateInput,{className:j(),slot:"start",children:o=>e.jsxRuntimeExports.jsx(S.DateSegment,{className:({isFocused:d})=>t({isFocused:d,isDisabled:s,hasValue:o.type==="literal"?!!(r!=null&&r.start):!o.isPlaceholder}),segment:o})}),e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",className:r!=null&&r.start&&r.end&&!s?"text-primary":"text-tertiary",children:" – "}),e.jsxRuntimeExports.jsx(S.DateInput,{className:j(),slot:"end",children:o=>e.jsxRuntimeExports.jsx(S.DateSegment,{className:({isFocused:d})=>t({isFocused:d,isDisabled:s,hasValue:o.type==="literal"?!!(r!=null&&r.end):!o.isPlaceholder}),segment:o})}),e.jsxRuntimeExports.jsxs("div",{className:"ms-auto flex flex-row-reverse gap-2",children:[e.jsxRuntimeExports.jsx(F.Button,{isDisabled:s,className:({isDisabled:o,isFocusVisible:d,isHovered:C})=>a({isDisabled:o,isFocused:d,isHovered:C}),ref:h,children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"calendar"})}),!s&&(r!=null&&r.end)&&(r!=null&&r.start)&&!E?e.jsxRuntimeExports.jsx(J.Tooltip,{tooltip:w,children:e.jsxRuntimeExports.jsx(F.Button,{slot:null,onFocus:o=>{var d;o.preventDefault(),(d=h==null?void 0:h.current)==null||d.focus()},excludeFromTabOrder:!0,className:u(),onPress:()=>{var o;I(null),(o=h.current)==null||o.focus()},children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"clear"})})}):null]})]}),e.jsxRuntimeExports.jsx(Q.InputFooter,{description:y,errorMessage:l,hideInputFooter:m})]})},B=()=>{const{rangeBodyCell:y}=M.dataPickerCalendarGridStyles();return e.jsxRuntimeExports.jsx(P.CalendarGridBody,{children:E=>e.jsxRuntimeExports.jsx(P.CalendarCell,{date:E,className:({isDisabled:l,isFocusVisible:i,isHovered:x,isOutsideMonth:m,isPressed:n,isSelected:s,isSelectionEnd:p,isSelectionStart:c,isUnavailable:g})=>y({isSelected:s,isSelectionStart:c,isSelectionEnd:p,isFocusVisible:i,isHovered:x,isUnavailable:g,isDisabled:l,isOutsideMonth:m,isPressed:n})})})};exports.DateRangePicker=Y;