@anoki/fse-ui 2.3.0-16-SNAPSHOT92 → 2.3.0-16-SNAPSHOT93

package/dist/index.es91.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es91.js","sources":["../src/components/ui/Container/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport clsx from \"clsx\";\r\nimport { CSSProperties, useMemo } from \"react\";\r\nimport { createSpacingClasses, SpacingProps } from \"@/theme/spacing\";\r\nimport \"./Container.scss\";\r\n\r\nexport type ContainerProps = {\r\n  as?: React.ElementType;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  display?: CSSProperties[\"display\"];\r\n  justifyContent?: CSSProperties[\"justifyContent\"];\r\n  alignItems?: CSSProperties[\"alignItems\"];\r\n  flexWrap?: CSSProperties[\"flexWrap\"];\r\n  containerClass?: string;\r\n} & SpacingProps;\r\n\r\nexport const Container = ({\r\n  as,\r\n  children,\r\n  className,\r\n  display,\r\n  justifyContent,\r\n  alignItems,\r\n  flexWrap,\r\n  containerClass = \"ui-container\",\r\n  ...rest\r\n}: ContainerProps) => {\r\n  const Component = as || \"div\";\r\n  const classNames = useMemo(() => {\r\n    const spacingClasses = createSpacingClasses(rest);\r\n\r\n    return [...spacingClasses].join(\" \");\r\n  }, [rest]);\r\n\r\n  return (\r\n    <Component\r\n      className={clsx(containerClass, className, classNames)}\r\n      style={{\r\n        display,\r\n        justifyContent,\r\n        alignItems,\r\n        flexWrap,\r\n      }}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n};\r\n"],"names":["Container","as","children","className","display","justifyContent","alignItems","flexWrap","containerClass","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":";;;;;AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYT,KAAM,OAClBU,IAAaC,EAAQ,MAGlB,CAAC,GAFeC,EAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAET,SACEK,gBAAAA,EAAAA;AAAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAKP,GAAgBL,GAAWQ,CAAU;AAAA,MACrD,OAAO;AAAA,QACL,SAAAP;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,MAGD,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es91.js","sources":["../src/components/ui/Container/index.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { CSSProperties, useMemo } from \"react\";\nimport { createSpacingClasses, SpacingProps } from \"@/theme/spacing\";\nimport \"./Container.scss\";\n\nexport type ContainerProps = {\n  as?: React.ElementType;\n  children: React.ReactNode;\n  className?: string;\n  display?: CSSProperties[\"display\"];\n  justifyContent?: CSSProperties[\"justifyContent\"];\n  alignItems?: CSSProperties[\"alignItems\"];\n  flexWrap?: CSSProperties[\"flexWrap\"];\n  containerClass?: string;\n} & SpacingProps;\n\nexport const Container = ({\n  as,\n  children,\n  className,\n  display,\n  justifyContent,\n  alignItems,\n  flexWrap,\n  containerClass = \"ui-container\",\n  ...rest\n}: ContainerProps) => {\n  const Component = as || \"div\";\n  const classNames = useMemo(() => {\n    const spacingClasses = createSpacingClasses(rest);\n\n    return [...spacingClasses].join(\" \");\n  }, [rest]);\n\n  return (\n    <Component\n      className={clsx(containerClass, className, classNames)}\n      style={{\n        display,\n        justifyContent,\n        alignItems,\n        flexWrap,\n      }}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"names":["Container","as","children","className","display","justifyContent","alignItems","flexWrap","containerClass","rest","Component","classNames","useMemo","createSpacingClasses","jsx","clsx"],"mappings":";;;;;AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAYT,KAAM,OAClBU,IAAaC,EAAQ,MAGlB,CAAC,GAFeC,EAAqBJ,CAAI,CAEvB,EAAE,KAAK,GAAG,GAClC,CAACA,CAAI,CAAC;AAET,SACEK,gBAAAA,EAAAA;AAAAA,IAACJ;AAAA,IAAA;AAAA,MACC,WAAWK,EAAKP,GAAgBL,GAAWQ,CAAU;AAAA,MACrD,OAAO;AAAA,QACL,SAAAP;AAAA,QACA,gBAAAC;AAAA,QACA,YAAAC;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,MAGD,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.es92.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es92.js","sources":["../src/components/navigations/CookieBanner/index.tsx"],"sourcesContent":["import \"./CookieBanner.scss\";\r\nimport { Button, Row } from \"@/components\";\r\n\r\nexport type CookieBannerProps = {\r\n  hasThirdPartyCookies?: boolean;\r\n  hasTechnicalCookies?: boolean;\r\n  onPressAcceptThirdPartCookie: () => void;\r\n  onPressAcceptTechnicalCookie: () => void;\r\n  onCloseBanner: () => void;\r\n  onPressCookieLink: () => void;\r\n  onlyTechniciansLabel: string;\r\n  acceptLabel: string;\r\n  text: string;\r\n  textSecond: string;\r\n};\r\n\r\nexport const CookieBanner = ({\r\n  onlyTechniciansLabel,\r\n  text,\r\n  textSecond,\r\n  acceptLabel,\r\n  onPressCookieLink,\r\n  hasThirdPartyCookies = false,\r\n  hasTechnicalCookies = true,\r\n  onPressAcceptThirdPartCookie,\r\n  onPressAcceptTechnicalCookie,\r\n  onCloseBanner,\r\n}: CookieBannerProps) => {\r\n  return (\r\n    <div className={\"ui-cookie-banner-container-fixed\"}>\r\n      <Row\r\n        gap={\"x20\"}\r\n        alignItems={\"center\"}\r\n        justifyContent={\"space-between\"}\r\n        className={\"ui-cookie-banner-container bg-slate-20\"}\r\n      >\r\n        <Row>\r\n          <div className={\"ui-cookie-banner-text-container\"}>\r\n            <span className={\"text-white fs-7\"}>{text}</span>{\" \"}\r\n            <div>\r\n              <span className={\"text-white fs-7\"}>{textSecond}</span>{\" \"}\r\n              <span\r\n                className={\"text-white fs-7 ui-cookie-banner-text-link\"}\r\n                onClick={onPressCookieLink}\r\n              >\r\n                cookie policy\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </Row>\r\n        {hasTechnicalCookies && hasThirdPartyCookies && (\r\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\r\n            <Button\r\n              className={\"ui-cookie-banner-first-button\"}\r\n              onClick={() => {\r\n                onPressAcceptTechnicalCookie();\r\n                onCloseBanner();\r\n              }}\r\n            >\r\n              {onlyTechniciansLabel}\r\n            </Button>\r\n            <Button\r\n              className={\"ui-cookie-banner-second-button\"}\r\n              variant={\"secondary\"}\r\n              onClick={() => {\r\n                onPressAcceptThirdPartCookie();\r\n                onPressAcceptTechnicalCookie();\r\n                onCloseBanner();\r\n              }}\r\n            >\r\n              {acceptLabel}\r\n            </Button>\r\n          </Row>\r\n        )}\r\n        {hasTechnicalCookies && !hasThirdPartyCookies && (\r\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\r\n            <Button\r\n              className={\"ui-cookie-banner-second-button\"}\r\n              variant={\"secondary\"}\r\n              onClick={() => {\r\n                onPressAcceptTechnicalCookie();\r\n                onCloseBanner();\r\n              }}\r\n            >\r\n              {acceptLabel}\r\n            </Button>\r\n          </Row>\r\n        )}\r\n      </Row>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CookieBanner","onlyTechniciansLabel","text","textSecond","acceptLabel","onPressCookieLink","hasThirdPartyCookies","hasTechnicalCookies","onPressAcceptThirdPartCookie","onPressAcceptTechnicalCookie","onCloseBanner","jsx","jsxs","Row","Button"],"mappings":";;;;AAgBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,sBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,qBAAAC,IAAsB;AAAA,EACtB,8BAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,eAAAC;AACF,MAEIC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,oCACd,UAAAC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,WAAW;AAAA,IAEX,UAAA;AAAA,MAAAF,gBAAAA,MAACE,GAAA,EACC,UAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,mCACd,UAAA;AAAA,QAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,mBAAoB,UAAAT,GAAK;AAAA,QAAQ;AAAA,+BACjD,OAAA,EACC,UAAA;AAAA,UAAAS,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,mBAAoB,UAAAR,GAAW;AAAA,UAAQ;AAAA,UACxDQ,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,SAASN;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MACCE,KAAuBD,KACtBM,gBAAAA,EAAAA,KAACC,KAAI,KAAK,OAAO,WAAW,mCAC1B,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,SAAS,MAAM;AACb,cAAAL,EAAA,GACAC,EAAA;AAAA,YACF;AAAA,YAEC,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHU,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,SAAS;AAAA,YACT,SAAS,MAAM;AACb,cAAAN,EAAA,GACAC,EAAA,GACAC,EAAA;AAAA,YACF;AAAA,YAEC,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEDG,KAAuB,CAACD,KACvBK,gBAAAA,EAAAA,IAACE,KAAI,KAAK,OAAO,WAAW,mCAC1B,UAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS;AAAA,UACT,SAAS,MAAM;AACb,YAAAL,EAAA,GACAC,EAAA;AAAA,UACF;AAAA,UAEC,UAAAN;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA;AAAA,EAAA;AAAA,GAGN;"}
+{"version":3,"file":"index.es92.js","sources":["../src/components/navigations/CookieBanner/index.tsx"],"sourcesContent":["import \"./CookieBanner.scss\";\nimport { Button, Row } from \"@/components\";\n\nexport type CookieBannerProps = {\n  hasThirdPartyCookies?: boolean;\n  hasTechnicalCookies?: boolean;\n  onPressAcceptThirdPartCookie: () => void;\n  onPressAcceptTechnicalCookie: () => void;\n  onCloseBanner: () => void;\n  onPressCookieLink: () => void;\n  onlyTechniciansLabel: string;\n  acceptLabel: string;\n  text: string;\n  textSecond: string;\n};\n\nexport const CookieBanner = ({\n  onlyTechniciansLabel,\n  text,\n  textSecond,\n  acceptLabel,\n  onPressCookieLink,\n  hasThirdPartyCookies = false,\n  hasTechnicalCookies = true,\n  onPressAcceptThirdPartCookie,\n  onPressAcceptTechnicalCookie,\n  onCloseBanner,\n}: CookieBannerProps) => {\n  return (\n    <div className={\"ui-cookie-banner-container-fixed\"}>\n      <Row\n        gap={\"x20\"}\n        alignItems={\"center\"}\n        justifyContent={\"space-between\"}\n        className={\"ui-cookie-banner-container bg-slate-20\"}\n      >\n        <Row>\n          <div className={\"ui-cookie-banner-text-container\"}>\n            <span className={\"text-white fs-7\"}>{text}</span>{\" \"}\n            <div>\n              <span className={\"text-white fs-7\"}>{textSecond}</span>{\" \"}\n              <span\n                className={\"text-white fs-7 ui-cookie-banner-text-link\"}\n                onClick={onPressCookieLink}\n              >\n                cookie policy\n              </span>\n            </div>\n          </div>\n        </Row>\n        {hasTechnicalCookies && hasThirdPartyCookies && (\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\n            <Button\n              className={\"ui-cookie-banner-first-button\"}\n              onClick={() => {\n                onPressAcceptTechnicalCookie();\n                onCloseBanner();\n              }}\n            >\n              {onlyTechniciansLabel}\n            </Button>\n            <Button\n              className={\"ui-cookie-banner-second-button\"}\n              variant={\"secondary\"}\n              onClick={() => {\n                onPressAcceptThirdPartCookie();\n                onPressAcceptTechnicalCookie();\n                onCloseBanner();\n              }}\n            >\n              {acceptLabel}\n            </Button>\n          </Row>\n        )}\n        {hasTechnicalCookies && !hasThirdPartyCookies && (\n          <Row gap={\"x16\"} className={\"cookie-banner-buttons-container\"}>\n            <Button\n              className={\"ui-cookie-banner-second-button\"}\n              variant={\"secondary\"}\n              onClick={() => {\n                onPressAcceptTechnicalCookie();\n                onCloseBanner();\n              }}\n            >\n              {acceptLabel}\n            </Button>\n          </Row>\n        )}\n      </Row>\n    </div>\n  );\n};\n"],"names":["CookieBanner","onlyTechniciansLabel","text","textSecond","acceptLabel","onPressCookieLink","hasThirdPartyCookies","hasTechnicalCookies","onPressAcceptThirdPartCookie","onPressAcceptTechnicalCookie","onCloseBanner","jsx","jsxs","Row","Button"],"mappings":";;;;AAgBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,sBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,qBAAAC,IAAsB;AAAA,EACtB,8BAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,eAAAC;AACF,MAEIC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,oCACd,UAAAC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,WAAW;AAAA,IAEX,UAAA;AAAA,MAAAF,gBAAAA,MAACE,GAAA,EACC,UAAAD,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAW,mCACd,UAAA;AAAA,QAAAD,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,mBAAoB,UAAAT,GAAK;AAAA,QAAQ;AAAA,+BACjD,OAAA,EACC,UAAA;AAAA,UAAAS,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAW,mBAAoB,UAAAR,GAAW;AAAA,UAAQ;AAAA,UACxDQ,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,SAASN;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MACCE,KAAuBD,KACtBM,gBAAAA,EAAAA,KAACC,KAAI,KAAK,OAAO,WAAW,mCAC1B,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,SAAS,MAAM;AACb,cAAAL,EAAA,GACAC,EAAA;AAAA,YACF;AAAA,YAEC,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHU,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,SAAS;AAAA,YACT,SAAS,MAAM;AACb,cAAAN,EAAA,GACAC,EAAA,GACAC,EAAA;AAAA,YACF;AAAA,YAEC,UAAAN;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEDG,KAAuB,CAACD,KACvBK,gBAAAA,EAAAA,IAACE,KAAI,KAAK,OAAO,WAAW,mCAC1B,UAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS;AAAA,UACT,SAAS,MAAM;AACb,YAAAL,EAAA,GACAC,EAAA;AAAA,UACF;AAAA,UAEC,UAAAN;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA;AAAA,EAAA;AAAA,GAGN;"}

package/dist/index.es93.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es278.js";
-import { clsx as m } from "./index.es280.js";
-import { createColorClasses as n } from "./index.es313.js";
+import { clsx as m } from "./index.es281.js";
+import { createColorClasses as n } from "./index.es320.js";
 const x = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es93.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es93.js","sources":["../src/icons/CopyLink/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const CopyLink = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color = \"primary\",\r\n  decorative = false,\r\n  ariaLabel = \"Copy link\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 24 24\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fill=\"#06C\"\r\n        fillRule=\"evenodd\"\r\n        d=\"m12.7 12.7.7.7a3.6 3.6 0 0 0 1.2-2.8 3.6 3.6 0 0 0-1.2-2.8L9.9 4.2a4.2 4.2 0 0 0-5.7 0 4.2 4.2 0 0 0 0 5.7l2.9 2.8.7-.7-2.9-2.8a3.2 3.2 0 0 1 0-4.3 3.2 3.2 0 0 1 4.3 0l3.5 3.6a2.7 2.7 0 0 1 .9 2.1 2.9 2.9 0 0 1-.9 2.1m7.1 1.4a4.2 4.2 0 0 1 0 5.7 3.9 3.9 0 0 1-2.9 1.1 3.8 3.8 0 0 1-2.8-1.1l-3.5-3.6a3.6 3.6 0 0 1-1.2-2.8 3.6 3.6 0 0 1 1.2-2.8l.7.7a2.9 2.9 0 0 0-.9 2.1 2.7 2.7 0 0 0 .9 2.1l3.5 3.6a3.2 3.2 0 0 0 4.3 0 3.2 3.2 0 0 0 0-4.3L16.2 12l.7-.7z\"\r\n        clipRule=\"evenodd\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["CopyLink","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es93.js","sources":["../src/icons/CopyLink/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const CopyLink = ({\n  width = 24,\n  height = 24,\n  className,\n  color = \"primary\",\n  decorative = false,\n  ariaLabel = \"Copy link\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill=\"#06C\"\n        fillRule=\"evenodd\"\n        d=\"m12.7 12.7.7.7a3.6 3.6 0 0 0 1.2-2.8 3.6 3.6 0 0 0-1.2-2.8L9.9 4.2a4.2 4.2 0 0 0-5.7 0 4.2 4.2 0 0 0 0 5.7l2.9 2.8.7-.7-2.9-2.8a3.2 3.2 0 0 1 0-4.3 3.2 3.2 0 0 1 4.3 0l3.5 3.6a2.7 2.7 0 0 1 .9 2.1 2.9 2.9 0 0 1-.9 2.1m7.1 1.4a4.2 4.2 0 0 1 0 5.7 3.9 3.9 0 0 1-2.9 1.1 3.8 3.8 0 0 1-2.8-1.1l-3.5-3.6a3.6 3.6 0 0 1-1.2-2.8 3.6 3.6 0 0 1 1.2-2.8l.7.7a2.9 2.9 0 0 0-.9 2.1 2.7 2.7 0 0 0 .9 2.1l3.5 3.6a3.2 3.2 0 0 0 4.3 0 3.2 3.2 0 0 0 0-4.3L16.2 12l.7-.7z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["CopyLink","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAS;AAAA,UACT,GAAE;AAAA,UACF,UAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGP;"}

package/dist/index.es94.js

@@ -1,8 +1,8 @@
 import { j as m } from "./index.es278.js";
-import { clsx as s } from "./index.es280.js";
+import { clsx as s } from "./index.es281.js";
 import './components/ui/CreateReservationModal/CreateReservationModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es411.js";
-import { CreateReservationModalContent as n } from "./index.es412.js";
+import { CreateReservationModalFooter as i } from "./index.es387.js";
+import { CreateReservationModalContent as n } from "./index.es388.js";
 import { BaseModal as p } from "./index.es32.js";
 const o = ({
   open: r,

package/dist/index.es94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es94.js","sources":["../src/components/ui/CreateReservationModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./CreateReservationModal.scss\";\r\nimport { BaseModal } from \"@/components\";\r\nimport { CreateReservationModalFooter } from \"@/components/ui/CreateReservationModal/CreateReservationModalFooter\";\r\nimport { CreateReservationModalContent } from \"@/components/ui/CreateReservationModal/CreateReservationModalContent\";\r\n\r\ntype CreateReservationModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst CreateReservationModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: CreateReservationModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nCreateReservationModal.Content = CreateReservationModalContent;\r\nCreateReservationModal.Footer = CreateReservationModalFooter;\r\n\r\nexport { CreateReservationModal };\r\n"],"names":["CreateReservationModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","CreateReservationModalContent","CreateReservationModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AAAA;AAKPJ,EAAuB,UAAUQ;AACjCR,EAAuB,SAASS;"}
+{"version":3,"file":"index.es94.js","sources":["../src/components/ui/CreateReservationModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./CreateReservationModal.scss\";\nimport { BaseModal } from \"@/components\";\nimport { CreateReservationModalFooter } from \"@/components/ui/CreateReservationModal/CreateReservationModalFooter\";\nimport { CreateReservationModalContent } from \"@/components/ui/CreateReservationModal/CreateReservationModalContent\";\n\ntype CreateReservationModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst CreateReservationModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: CreateReservationModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nCreateReservationModal.Content = CreateReservationModalContent;\nCreateReservationModal.Footer = CreateReservationModalFooter;\n\nexport { CreateReservationModal };\n"],"names":["CreateReservationModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","CreateReservationModalContent","CreateReservationModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AAAA;AAKPJ,EAAuB,UAAUQ;AACjCR,EAAuB,SAASS;"}

package/dist/index.es95.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es278.js";
-import { clsx as a } from "./index.es280.js";
-import { createColorClasses as l } from "./index.es313.js";
+import { clsx as a } from "./index.es281.js";
+import { createColorClasses as l } from "./index.es320.js";
 const C = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es95.js","sources":["../src/icons/CreditCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const CreditCard = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color = \"primary\",\r\n  decorative = false,\r\n  ariaLabel = \"Credit card\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.3\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" ry=\"2\" stroke=\"#06C\" />\r\n      <line x1=\"2\" y1=\"9\" x2=\"22\" y2=\"9\" stroke=\"#06C\" />\r\n      <line x1=\"6\" y1=\"14\" x2=\"10\" y2=\"14\" stroke=\"#06C\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\n\r\n"],"names":["CreditCard","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI,QAAO,QAAO;AAAA,QACrEA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,QAAO,OAAA,CAAO;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD;"}
+{"version":3,"file":"index.es95.js","sources":["../src/icons/CreditCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const CreditCard = ({\n  width = 24,\n  height = 24,\n  className,\n  color = \"primary\",\n  decorative = false,\n  ariaLabel = \"Credit card\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\" ry=\"2\" stroke=\"#06C\" />\n      <line x1=\"2\" y1=\"9\" x2=\"22\" y2=\"9\" stroke=\"#06C\" />\n      <line x1=\"6\" y1=\"14\" x2=\"10\" y2=\"14\" stroke=\"#06C\" />\n    </svg>\n  );\n};\n\n\n"],"names":["CreditCard","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI,QAAO,QAAO;AAAA,QACrEA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,QAAO,OAAA,CAAO;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGzD;"}

package/dist/index.es96.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es278.js";
-import { createColorClasses as a } from "./index.es313.js";
-import { clsx as d } from "./index.es280.js";
+import { createColorClasses as a } from "./index.es320.js";
+import { clsx as d } from "./index.es281.js";
 const m = ({
   width: o = 27,
   height: s = 19,

package/dist/index.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es96.js","sources":["../src/icons/CreditCardV2/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport clsx from \"clsx\";\r\n\r\nexport const CreditCardV2 = ({\r\n  width = 27,\r\n  height = 19,\r\n  className,\r\n  color = \"primary\",\r\n  decorative = false,\r\n  ariaLabel = \"Credit card\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 27 19\"\r\n      fill=\"none\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"0.01\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M24.6667 0H2C0.895431 0 0 0.895431 0 2V16.6667C0 17.7712 0.895431 18.6667 2 18.6667H24.6667C25.7712 18.6667 26.6667 17.7712 26.6667 16.6667V2C26.6667 0.895431 25.7712 0 24.6667 0ZM1.33333 5.33333H25.3333V9.33333H1.33333V5.33333ZM24.6667 17.3333C25.0349 17.3333 25.3333 17.0349 25.3333 16.6667V10.6667H1.33333V16.6667C1.33333 17.0349 1.63181 17.3333 2 17.3333H24.6667ZM1.33333 4V2C1.33333 1.63181 1.63181 1.33333 2 1.33333H24.6667C25.0349 1.33333 25.3333 1.63181 25.3333 2V4H1.33333ZM2.66667 13.3333H8V12H2.66667V13.3333Z\" fill=\"currentColor\" />\r\n    </svg>\r\n  );\r\n};\r\n\r\n\r\n"],"names":["CreditCardV2","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA,IAAC,UAAK,UAAS,WAAU,UAAS,WAAU,GAAE,4gBAA2gB,MAAK,eAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGnlB;"}
+{"version":3,"file":"index.es96.js","sources":["../src/icons/CreditCardV2/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\nimport { IconProps } from \"@/types/icons\";\nimport clsx from \"clsx\";\n\nexport const CreditCardV2 = ({\n  width = 27,\n  height = 19,\n  className,\n  color = \"primary\",\n  decorative = false,\n  ariaLabel = \"Credit card\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      viewBox=\"0 0 27 19\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"0.01\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M24.6667 0H2C0.895431 0 0 0.895431 0 2V16.6667C0 17.7712 0.895431 18.6667 2 18.6667H24.6667C25.7712 18.6667 26.6667 17.7712 26.6667 16.6667V2C26.6667 0.895431 25.7712 0 24.6667 0ZM1.33333 5.33333H25.3333V9.33333H1.33333V5.33333ZM24.6667 17.3333C25.0349 17.3333 25.3333 17.0349 25.3333 16.6667V10.6667H1.33333V16.6667C1.33333 17.0349 1.63181 17.3333 2 17.3333H24.6667ZM1.33333 4V2C1.33333 1.63181 1.63181 1.33333 2 1.33333H24.6667C25.0349 1.33333 25.3333 1.63181 25.3333 2V4H1.33333ZM2.66667 13.3333H8V12H2.66667V13.3333Z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n\n\n"],"names":["CreditCardV2","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA,IAAC,UAAK,UAAS,WAAU,UAAS,WAAU,GAAE,4gBAA2gB,MAAK,eAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGnlB;"}

package/dist/index.es97.js

@@ -1,7 +1,7 @@
 import { j as d } from "./index.es278.js";
 import { DateTime as l } from "./index.es3.js";
 import './components/ui/DatePicker/DatePicker.css';/* empty css            */
-import { clsx as g } from "./index.es280.js";
+import { clsx as g } from "./index.es281.js";
 import { useRef as j, useEffect as N } from "react";
 const E = ({
   label: o,

package/dist/index.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es97.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport { DateTime } from \"luxon\";\r\nimport \"./DatePicker.scss\";\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\ntype DatePickerProps = {\r\n  label: string;\r\n  value?: Date | null;\r\n  maxValue?: Date;\r\n  minValue?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  onClick?: () => void;\r\n  onChange: (date: Date) => void;\r\n  error?: string;\r\n  required?: boolean;\r\n  id?: string;\r\n  autoComplete?: \"off\";\r\n};\r\n\r\nexport const DatePicker = ({\r\n  label,\r\n  value,\r\n  maxValue,\r\n  minValue,\r\n  className,\r\n  disabled,\r\n  onClick,\r\n  onChange,\r\n  error,\r\n  required = false,\r\n  id,\r\n  autoComplete = \"off\",\r\n}: DatePickerProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const inputId =\r\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\r\n\r\n  useEffect(() => {\r\n    if (error && inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\r\n    } else if (inputRef.current) {\r\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      inputRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, inputId]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === \"Enter\" && !disabled) {\r\n      onClick?.();\r\n    }\r\n  };\r\n\r\n  const formattedValue = value\r\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\r\n    : \"\";\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"datepicker-container\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={`${inputId}-label`}\r\n      aria-describedby={error ? `${inputId}-error` : undefined}\r\n    >\r\n      <label\r\n        id={`${inputId}-label`}\r\n        htmlFor={inputId}\r\n        className=\"datepicker-label fs-7\"\r\n      >\r\n        {label}\r\n        {required && (\r\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n            *\r\n          </span>\r\n        )}\r\n      </label>\r\n      <input\r\n        ref={inputRef}\r\n        id={inputId}\r\n        type=\"date\"\r\n        className=\"datepicker-input fs-6\"\r\n        disabled={disabled}\r\n        value={formattedValue}\r\n        max={\r\n          maxValue\r\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        min={\r\n          minValue\r\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\r\n            : undefined\r\n        }\r\n        onClick={() => onClick?.()}\r\n        onInput={(e) => {\r\n          const input = e.currentTarget;\r\n          const year = input.value.split(\"-\")[0];\r\n        \r\n          if (year && year.length > 4) {\r\n            input.value = formattedValue;\r\n          }\r\n        }}\r\n        onChange={(e) => {\r\n          const newDate = new Date(e.target.value);\r\n          if (!isNaN(newDate.getTime())) {\r\n            onChange(newDate);\r\n          }\r\n        }}\r\n        onKeyDown={handleKeyDown}\r\n        aria-required={required}\r\n        aria-disabled={disabled}\r\n        aria-label={label}\r\n        aria-invalid={!!error}\r\n        aria-describedby={error ? `${inputId}-error` : undefined}\r\n        autoComplete={autoComplete}\r\n      />\r\n      {error && (\r\n        <div\r\n          id={`${inputId}-error`}\r\n          className=\"datepicker-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","autoComplete","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","input","year","newDate"],"mappings":"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"}
+{"version":3,"file":"index.es97.js","sources":["../src/components/ui/DatePicker/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport { DateTime } from \"luxon\";\nimport \"./DatePicker.scss\";\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\n\ntype DatePickerProps = {\n  label: string;\n  value?: Date | null;\n  maxValue?: Date;\n  minValue?: Date;\n  className?: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  onChange: (date: Date) => void;\n  error?: string;\n  required?: boolean;\n  id?: string;\n  autoComplete?: \"off\";\n};\n\nexport const DatePicker = ({\n  label,\n  value,\n  maxValue,\n  minValue,\n  className,\n  disabled,\n  onClick,\n  onChange,\n  error,\n  required = false,\n  id,\n  autoComplete = \"off\",\n}: DatePickerProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId =\n    id || `datepicker-${label.toLowerCase().replace(/\\s+/g, \"-\")}`;\n\n  useEffect(() => {\n    if (error && inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"true\");\n      inputRef.current.setAttribute(\"aria-describedby\", `${inputId}-error`);\n    } else if (inputRef.current) {\n      inputRef.current.setAttribute(\"aria-invalid\", \"false\");\n      inputRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, inputId]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\" && !disabled) {\n      onClick?.();\n    }\n  };\n\n  const formattedValue = value\n    ? DateTime.fromJSDate(value).toFormat(\"yyyy-MM-dd\")\n    : \"\";\n\n  return (\n    <div\n      className={clsx(\"datepicker-container\", className)}\n      role=\"group\"\n      aria-labelledby={`${inputId}-label`}\n      aria-describedby={error ? `${inputId}-error` : undefined}\n    >\n      <label\n        id={`${inputId}-label`}\n        htmlFor={inputId}\n        className=\"datepicker-label fs-7\"\n      >\n        {label}\n        {required && (\n          <span className=\"text-error ml-1\" aria-hidden=\"true\">\n            *\n          </span>\n        )}\n      </label>\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"date\"\n        className=\"datepicker-input fs-6\"\n        disabled={disabled}\n        value={formattedValue}\n        max={\n          maxValue\n            ? DateTime.fromJSDate(maxValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        min={\n          minValue\n            ? DateTime.fromJSDate(minValue).toFormat(\"yyyy-MM-dd\")\n            : undefined\n        }\n        onClick={() => onClick?.()}\n        onInput={(e) => {\n          const input = e.currentTarget;\n          const year = input.value.split(\"-\")[0];\n        \n          if (year && year.length > 4) {\n            input.value = formattedValue;\n          }\n        }}\n        onChange={(e) => {\n          const newDate = new Date(e.target.value);\n          if (!isNaN(newDate.getTime())) {\n            onChange(newDate);\n          }\n        }}\n        onKeyDown={handleKeyDown}\n        aria-required={required}\n        aria-disabled={disabled}\n        aria-label={label}\n        aria-invalid={!!error}\n        aria-describedby={error ? `${inputId}-error` : undefined}\n        autoComplete={autoComplete}\n      />\n      {error && (\n        <div\n          id={`${inputId}-error`}\n          className=\"datepicker-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePicker","label","value","maxValue","minValue","className","disabled","onClick","onChange","error","required","id","autoComplete","inputRef","useRef","inputId","useEffect","handleKeyDown","e","formattedValue","DateTime","jsxs","clsx","jsx","input","year","newDate"],"mappings":"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"}

package/dist/index.es98.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es278.js";
-import { clsx as h } from "./index.es280.js";
+import { clsx as h } from "./index.es281.js";
 import { useRef as k, useEffect as N } from "react";
 import { DatePicker as x } from "./index.es97.js";
 import { Row as $ } from "./index.es219.js";

package/dist/index.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\r\nimport clsx from \"clsx\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { DatePicker } from \"../DatePicker\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DatePickerRangeProps = {\r\n  label?: string;\r\n  startDateLabel?: string;\r\n  endDateLabel?: string;\r\n  startDate?: Date;\r\n  endDate?: Date;\r\n  className?: string;\r\n  disabled?: boolean;\r\n  required?: boolean;\r\n  error?: string;\r\n  onStartDateChange: (date: Date) => void;\r\n  onEndDateChange: (date: Date) => void;\r\n  onStartDateClick?: () => void;\r\n  onEndDateClick?: () => void;\r\n};\r\n\r\nexport const DatePickerRange = ({\r\n  label,\r\n  startDateLabel = \"Start Date\",\r\n  endDateLabel = \"End Date\",\r\n  startDate,\r\n  endDate,\r\n  className,\r\n  disabled = false,\r\n  required = false,\r\n  error,\r\n  onStartDateChange,\r\n  onEndDateChange,\r\n  onStartDateClick,\r\n  onEndDateClick,\r\n}: DatePickerRangeProps) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  // we need to generate a unique id for the container and manage errors\r\n  const containerId = label\r\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\r\n    : \"datepicker-range\";\r\n\r\n  useEffect(() => {\r\n    if (error && containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\r\n      containerRef.current.setAttribute(\r\n        \"aria-describedby\",\r\n        `${containerId}-error`,\r\n      );\r\n    } else if (containerRef.current) {\r\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\r\n      containerRef.current.removeAttribute(\"aria-describedby\");\r\n    }\r\n  }, [error, containerId]);\r\n\r\n  const handleStartDateChange = (date: Date) => {\r\n    // Ensure end date is not before start date\r\n    if (endDate && date > endDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onStartDateChange(date);\r\n    }\r\n  };\r\n\r\n  const handleEndDateChange = (date: Date) => {\r\n    // Ensure start date is not after end date\r\n    if (startDate && date < startDate) {\r\n      onStartDateChange(date);\r\n      onEndDateChange(date);\r\n    } else {\r\n      onEndDateChange(date);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={clsx(\"base-col gap-x8\", className)}\r\n      role=\"group\"\r\n      aria-labelledby={label ? `${containerId}-label` : undefined}\r\n      aria-describedby={error ? `${containerId}-error` : undefined}\r\n    >\r\n      {label && (\r\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\r\n          {label}\r\n          {required && (\r\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      )}\r\n\r\n      <Row gap={\"x16\"} role=\"group\">\r\n        <DatePicker\r\n          label={startDateLabel}\r\n          value={startDate}\r\n          maxValue={endDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleStartDateChange}\r\n          onClick={onStartDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n\r\n        <DatePicker\r\n          label={endDateLabel}\r\n          value={endDate}\r\n          minValue={startDate}\r\n          disabled={disabled}\r\n          required={required}\r\n          onChange={handleEndDateChange}\r\n          onClick={onEndDateClick}\r\n          className=\"flex-1\"\r\n        />\r\n      </Row>\r\n\r\n      {error && (\r\n        <div\r\n          id={`${containerId}-error`}\r\n          className=\"text-sm text-error\"\r\n          role=\"alert\"\r\n          aria-live=\"polite\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAeC,EAAuB,IAAI,GAE1CC,IAAcf,IAChB,oBAAoBA,EAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC,KAC5D;AAEJ,EAAAgB,EAAU,MAAM;AACd,IAAIR,KAASK,EAAa,WACxBA,EAAa,QAAQ,aAAa,gBAAgB,MAAM,GACxDA,EAAa,QAAQ;AAAA,MACnB;AAAA,MACA,GAAGE,CAAW;AAAA,IAAA,KAEPF,EAAa,YACtBA,EAAa,QAAQ,aAAa,gBAAgB,OAAO,GACzDA,EAAa,QAAQ,gBAAgB,kBAAkB;AAAA,EAE3D,GAAG,CAACL,GAAOO,CAAW,CAAC;AAEvB,QAAME,IAAwB,CAACC,MAAe;AAE5C,IAAId,KAAWc,IAAOd,KACpBK,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI,KAEpBT,EAAkBS,CAAI;AAAA,EAE1B,GAEMC,IAAsB,CAACD,MAAe;AAE1C,IAAIf,KAAae,IAAOf,KACtBM,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI;AAAA,EAIxB;AAEA,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWQ,EAAK,mBAAmBhB,CAAS;AAAA,MAC5C,MAAK;AAAA,MACL,mBAAiBL,IAAQ,GAAGe,CAAW,WAAW;AAAA,MAClD,oBAAkBP,IAAQ,GAAGO,CAAW,WAAW;AAAA,MAElD,UAAA;AAAA,QAAAf,4BACE,SAAA,EAAM,IAAI,GAAGe,CAAW,UAAU,WAAU,qBAC1C,UAAA;AAAA,UAAAf;AAAA,UACAO,KACCe,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,QAAA,GAEJ;AAAA,QAGFF,gBAAAA,EAAAA,KAACG,GAAA,EAAI,KAAK,OAAO,MAAK,SACpB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUC;AAAA,cACV,UAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAUU;AAAA,cACV,SAASN;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGZW,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOtB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUD;AAAA,cACV,UAAAG;AAAA,cACA,UAAAC;AAAA,cACA,UAAUY;AAAA,cACV,SAASP;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAECJ,KACCc,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGP,CAAW;AAAA,YAClB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DatePickerRange/index.tsx"],"sourcesContent":["// src/components/ui/Button/index.tsx\nimport clsx from \"clsx\";\nimport { useEffect, useRef } from \"react\";\nimport { DatePicker } from \"../DatePicker\";\nimport { Row } from \"@/components\";\n\ntype DatePickerRangeProps = {\n  label?: string;\n  startDateLabel?: string;\n  endDateLabel?: string;\n  startDate?: Date;\n  endDate?: Date;\n  className?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  onStartDateChange: (date: Date) => void;\n  onEndDateChange: (date: Date) => void;\n  onStartDateClick?: () => void;\n  onEndDateClick?: () => void;\n};\n\nexport const DatePickerRange = ({\n  label,\n  startDateLabel = \"Start Date\",\n  endDateLabel = \"End Date\",\n  startDate,\n  endDate,\n  className,\n  disabled = false,\n  required = false,\n  error,\n  onStartDateChange,\n  onEndDateChange,\n  onStartDateClick,\n  onEndDateClick,\n}: DatePickerRangeProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  // we need to generate a unique id for the container and manage errors\n  const containerId = label\n    ? `datepicker-range-${label.toLowerCase().replace(/\\s+/g, \"-\")}`\n    : \"datepicker-range\";\n\n  useEffect(() => {\n    if (error && containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"true\");\n      containerRef.current.setAttribute(\n        \"aria-describedby\",\n        `${containerId}-error`,\n      );\n    } else if (containerRef.current) {\n      containerRef.current.setAttribute(\"aria-invalid\", \"false\");\n      containerRef.current.removeAttribute(\"aria-describedby\");\n    }\n  }, [error, containerId]);\n\n  const handleStartDateChange = (date: Date) => {\n    // Ensure end date is not before start date\n    if (endDate && date > endDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onStartDateChange(date);\n    }\n  };\n\n  const handleEndDateChange = (date: Date) => {\n    // Ensure start date is not after end date\n    if (startDate && date < startDate) {\n      onStartDateChange(date);\n      onEndDateChange(date);\n    } else {\n      onEndDateChange(date);\n    }\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\"base-col gap-x8\", className)}\n      role=\"group\"\n      aria-labelledby={label ? `${containerId}-label` : undefined}\n      aria-describedby={error ? `${containerId}-error` : undefined}\n    >\n      {label && (\n        <label id={`${containerId}-label`} className=\"text-sm text-dark\">\n          {label}\n          {required && (\n            <span className=\"text-error ml-1\" aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <Row gap={\"x16\"} role=\"group\">\n        <DatePicker\n          label={startDateLabel}\n          value={startDate}\n          maxValue={endDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleStartDateChange}\n          onClick={onStartDateClick}\n          className=\"flex-1\"\n        />\n\n        <DatePicker\n          label={endDateLabel}\n          value={endDate}\n          minValue={startDate}\n          disabled={disabled}\n          required={required}\n          onChange={handleEndDateChange}\n          onClick={onEndDateClick}\n          className=\"flex-1\"\n        />\n      </Row>\n\n      {error && (\n        <div\n          id={`${containerId}-error`}\n          className=\"text-sm text-error\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {error}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DatePickerRange","label","startDateLabel","endDateLabel","startDate","endDate","className","disabled","required","error","onStartDateChange","onEndDateChange","onStartDateClick","onEndDateClick","containerRef","useRef","containerId","useEffect","handleStartDateChange","date","handleEndDateChange","jsxs","clsx","jsx","Row","DatePicker"],"mappings":";;;;;AAsBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAeC,EAAuB,IAAI,GAE1CC,IAAcf,IAChB,oBAAoBA,EAAM,cAAc,QAAQ,QAAQ,GAAG,CAAC,KAC5D;AAEJ,EAAAgB,EAAU,MAAM;AACd,IAAIR,KAASK,EAAa,WACxBA,EAAa,QAAQ,aAAa,gBAAgB,MAAM,GACxDA,EAAa,QAAQ;AAAA,MACnB;AAAA,MACA,GAAGE,CAAW;AAAA,IAAA,KAEPF,EAAa,YACtBA,EAAa,QAAQ,aAAa,gBAAgB,OAAO,GACzDA,EAAa,QAAQ,gBAAgB,kBAAkB;AAAA,EAE3D,GAAG,CAACL,GAAOO,CAAW,CAAC;AAEvB,QAAME,IAAwB,CAACC,MAAe;AAE5C,IAAId,KAAWc,IAAOd,KACpBK,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI,KAEpBT,EAAkBS,CAAI;AAAA,EAE1B,GAEMC,IAAsB,CAACD,MAAe;AAE1C,IAAIf,KAAae,IAAOf,KACtBM,EAAkBS,CAAI,GACtBR,EAAgBQ,CAAI;AAAA,EAIxB;AAEA,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWQ,EAAK,mBAAmBhB,CAAS;AAAA,MAC5C,MAAK;AAAA,MACL,mBAAiBL,IAAQ,GAAGe,CAAW,WAAW;AAAA,MAClD,oBAAkBP,IAAQ,GAAGO,CAAW,WAAW;AAAA,MAElD,UAAA;AAAA,QAAAf,4BACE,SAAA,EAAM,IAAI,GAAGe,CAAW,UAAU,WAAU,qBAC1C,UAAA;AAAA,UAAAf;AAAA,UACAO,KACCe,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,eAAY,QAAO,UAAA,IAAA,CAErD;AAAA,QAAA,GAEJ;AAAA,QAGFF,gBAAAA,EAAAA,KAACG,GAAA,EAAI,KAAK,OAAO,MAAK,SACpB,UAAA;AAAA,UAAAD,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOvB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUC;AAAA,cACV,UAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAUU;AAAA,cACV,SAASN;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGZW,gBAAAA,EAAAA;AAAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAOtB;AAAA,cACP,OAAOE;AAAA,cACP,UAAUD;AAAA,cACV,UAAAG;AAAA,cACA,UAAAC;AAAA,cACA,UAAUY;AAAA,cACV,SAASP;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,GACF;AAAA,QAECJ,KACCc,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,GAAGP,CAAW;AAAA,YAClB,WAAU;AAAA,YACV,MAAK;AAAA,YACL,aAAU;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.es99.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es278.js";
-import { clsx as x } from "./index.es280.js";
+import { clsx as x } from "./index.es281.js";
 import { useState as w, useRef as g, useEffect as j, useMemo as R } from "react";
 import './components/ui/DeclarantsSelect/DeclarantsSelect.css';/* empty css            */
 import { Close as z } from "./index.es80.js";

package/dist/index.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es99.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport { Col } from \"@/components\";\r\nimport \"./DeclarantsSelect.scss\";\r\nimport { ArrowDown, Close } from \"@/icons\";\r\n\r\nexport type Labels = {\r\n  it?: string;\r\n};\r\n\r\nexport type IncomeBasedDeclarant = {\r\n  code?: string;\r\n  labels: Labels;\r\n};\r\n\r\ntype DeclarantsSelectProps = {\r\n  size?: \"small\" | \"large\";\r\n  items: IncomeBasedDeclarant[];\r\n  className?: string;\r\n  selectedItem: string | null;\r\n  setSelectedItem: (item: string | null) => void;\r\n  placeholder?: string;\r\n  btnText?: string;\r\n};\r\n\r\nexport const DeclarantsSelect = ({\r\n  size = \"large\",\r\n  items = [],\r\n  className,\r\n  selectedItem,\r\n  setSelectedItem,\r\n  placeholder = \"\",\r\n}: DeclarantsSelectProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const filteredItems = items.filter((item) => {\r\n    const fullName = `${item.labels?.it}`.toLowerCase();\r\n    return fullName.includes(searchTerm.toLowerCase());\r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (isExpanded) {\r\n      setSearchTerm(\"\");\r\n      if (inputRef.current) {\r\n        inputRef.current.focus();\r\n      }\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (isExpanded) {\r\n      setSearchTerm(e.target.value);\r\n    }\r\n  };\r\n\r\n  const handleInputClick = () => {\r\n    setIsExpanded(!isExpanded);\r\n  };\r\n\r\n  const handleClearClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    setSelectedItem(null);\r\n    setSearchTerm(\"\");\r\n  };\r\n\r\n  const displayValue = useMemo(() => {\r\n    if (!isExpanded && selectedItem) {\r\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\r\n    }\r\n    return searchTerm;\r\n  }, [isExpanded, selectedItem, searchTerm]);\r\n\r\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query || query.trim() === \"\")\r\n      return (\r\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\r\n      );\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\r\n        {beforeMatch}\r\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\r\n          {match}\r\n        </span>\r\n        {afterMatch}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={clsx(\r\n        \"ui-related-dropdown\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n      )}\r\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\r\n    >\r\n      <div className=\"ui-input-container\">\r\n        <input\r\n          ref={inputRef}\r\n          className={clsx(\r\n            \"ui-related-dropdown-input\",\r\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\r\n            { active: isExpanded },\r\n          )}\r\n          value={displayValue}\r\n          onChange={handleInputChange}\r\n          placeholder={placeholder}\r\n          onClick={handleInputClick}\r\n        />\r\n\r\n        {showCloseButton && (\r\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\r\n            <Close width={40} />\r\n          </div>\r\n        )}\r\n\r\n        {!showCloseButton && (\r\n          <div className=\"ui-close-button\">\r\n            <ArrowDown width={40} height={40} />\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {isExpanded && (\r\n        <div className=\"ui-related-dropdown-options\">\r\n          <div className=\"px-x24 shadow w-full\">\r\n            <Col\r\n              gap={\"x4\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-options-list fw-regular\"}\r\n            >\r\n              {filteredItems.length > 0 ? (\r\n                filteredItems.map((item, index) => {\r\n                  const fullName = `${item.labels?.it} `;\r\n                  return (\r\n                    <div\r\n                      className=\"ui-option-item\"\r\n                      key={item?.code || index}\r\n                      onClick={() => {\r\n                        setSelectedItem(item?.code || \"\");\r\n                        setIsExpanded(false);\r\n                      }}\r\n                    >\r\n                      {highlightMatch(fullName, searchTerm)}\r\n                    </div>\r\n                  );\r\n                })\r\n              ) : (\r\n                <div className=\"ui-option-item no-results\">\r\n                  <span style={{ color: \"gray\" }}>\r\n                    Nessun risultato trovato\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}
+{"version":3,"file":"index.es99.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { ArrowDown, Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n}: DeclarantsSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((item) => {\n    const fullName = `${item.labels?.it}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={40} />\n          </div>\n        )}\n\n        {!showCloseButton && (\n          <div className=\"ui-close-button\">\n            <ArrowDown width={40} height={40} />\n          </div>\n        )}\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}