@anoki/fse-ui 1.0.550 → 1.0.552

package/dist/index.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es87.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./ActionBanner.scss\";\nimport { Shape } from \"@/icons\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\n\nexport enum ActionBannerVariantEnum {\n  DEFAULT = \"default\",\n  OUTLINE = \"outline\",\n  SIMPLE = \"simple\",\n}\n\nexport type ActionBannerVariantTypes = GetValues<\n  typeof ActionBannerVariantEnum\n>;\n\ninterface ActionBannerProps {\n  title: string;\n  description: string;\n  variant?: ActionBannerVariantTypes;\n  link?: Link;\n  firstAction?: Link;\n  secondAction?: Link;\n}\n\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\n  title,\n  description,\n  variant = \"default\",\n  link,\n  firstAction,\n  secondAction,\n}) => {\n  return (\n    <div className={`action-banner action-banner-${variant}`}>\n      <div className=\"banner-head\">\n        <div className=\"banner-title\">{title}</div>\n      </div>\n      <div className=\"banner-body\">\n        <div className=\"banner-icon\">\n          <Shape />\n        </div>\n        <span className=\"banner-description\">{description}</span>\n      </div>\n      <div className=\"banner-actions\">\n        {link && (\n          <ArrowLink asLink=\"a\" children={link.title} href={link.link} />\n        )}\n        {firstAction && firstAction?.title && (\n          <Button\n            variant=\"secondary\"\n            className=\"left-button\"\n            asLink=\"a\"\n            href={firstAction.link}\n          >\n            {firstAction.title}\n          </Button>\n        )}\n        {secondAction && secondAction?.title && (\n          <Button asLink=\"a\" href={secondAction.link} border=\"primary\">\n            {secondAction.title}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","link","firstAction","secondAction","jsxs","jsx","Shape","ArrowLink","Button"],"mappings":";;;;;AAOY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;AAmBL,MAAMC,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,+BAA+BJ,CAAO,IACpD,UAAA;AAAA,EAACK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,gBAAgB,aAAM,EACvC,CAAA;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,IAAAC,gBAAAA,MAAC,OAAI,EAAA,WAAU,eACb,UAAAA,gBAAAA,MAACC,IAAM,CAAA,GACT;AAAA,IACCD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sBAAsB,UAAYN,EAAA,CAAA;AAAA,EAAA,GACpD;AAAA,EACAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA,IAACE,KAAU,QAAO,KAAI,UAAUN,EAAK,OAAO,MAAMA,EAAK,KAAM,CAAA;AAAA,IAE9DC,MAAeA,KAAA,gBAAAA,EAAa,UAC3BG,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,QAAO;AAAA,QACP,MAAMN,EAAY;AAAA,QAEjB,UAAYA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAEDC,MAAgBA,KAAA,gBAAAA,EAAc,UAC7BE,gBAAAA,EAAA,IAACG,GAAO,EAAA,QAAO,KAAI,MAAML,EAAa,MAAM,QAAO,WAChD,YAAa,MAChB,CAAA;AAAA,EAAA,EAEJ,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es87.js","sources":["../src/components/ui/ActionBanner/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./ActionBanner.scss\";\r\nimport { Shape } from \"@/icons\";\r\nimport { GetValues, Link } from \"@anoki/fse-common/dist\";\r\nimport { ArrowLink } from \"../ArrowLink\";\r\nimport { Button } from \"../Button\";\r\n\r\nexport enum ActionBannerVariantEnum {\r\n  DEFAULT = \"default\",\r\n  OUTLINE = \"outline\",\r\n  SIMPLE = \"simple\",\r\n}\r\n\r\nexport type ActionBannerVariantTypes = GetValues<\r\n  typeof ActionBannerVariantEnum\r\n>;\r\n\r\ninterface ActionBannerProps {\r\n  title: string;\r\n  description: string;\r\n  variant?: ActionBannerVariantTypes;\r\n  link?: Link;\r\n  firstAction?: Link;\r\n  secondAction?: Link;\r\n}\r\n\r\nexport const ActionBanner: React.FC<ActionBannerProps> = ({\r\n  title,\r\n  description,\r\n  variant = \"default\",\r\n  link,\r\n  firstAction,\r\n  secondAction,\r\n}) => {\r\n  return (\r\n    <div className={`action-banner action-banner-${variant}`}>\r\n      <div className=\"banner-head\">\r\n        <div className=\"banner-title\">{title}</div>\r\n      </div>\r\n      <div className=\"banner-body\">\r\n        <div className=\"banner-icon\">\r\n          <Shape />\r\n        </div>\r\n        <span className=\"banner-description\">{description}</span>\r\n      </div>\r\n      <div className=\"banner-actions\">\r\n        {link && (\r\n          <ArrowLink asLink=\"a\" children={link.title} href={link.link} />\r\n        )}\r\n        {firstAction && firstAction?.title && (\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"left-button\"\r\n            asLink=\"a\"\r\n            href={firstAction.link}\r\n          >\r\n            {firstAction.title}\r\n          </Button>\r\n        )}\r\n        {secondAction && secondAction?.title && (\r\n          <Button asLink=\"a\" href={secondAction.link} border=\"primary\">\r\n            {secondAction.title}\r\n          </Button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ActionBannerVariantEnum","ActionBanner","title","description","variant","link","firstAction","secondAction","jsxs","jsx","Shape","ArrowLink","Button"],"mappings":";;;;;AAOY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAHCA,IAAAA,KAAA,CAAA,CAAA;AAmBL,MAAMC,IAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEKC,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,+BAA+BJ,CAAO,IACpD,UAAA;AAAA,EAACK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,eACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,gBAAgB,aAAM,EACvC,CAAA;AAAA,EACAD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,IAAAC,gBAAAA,MAAC,OAAI,EAAA,WAAU,eACb,UAAAA,gBAAAA,MAACC,IAAM,CAAA,GACT;AAAA,IACCD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sBAAsB,UAAYN,EAAA,CAAA;AAAA,EAAA,GACpD;AAAA,EACAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA,IAACE,KAAU,QAAO,KAAI,UAAUN,EAAK,OAAO,MAAMA,EAAK,KAAM,CAAA;AAAA,IAE9DC,MAAeA,KAAA,gBAAAA,EAAa,UAC3BG,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,QAAO;AAAA,QACP,MAAMN,EAAY;AAAA,QAEjB,UAAYA,EAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAEDC,MAAgBA,KAAA,gBAAAA,EAAc,UAC7BE,gBAAAA,EAAA,IAACG,GAAO,EAAA,QAAO,KAAI,MAAML,EAAa,MAAM,QAAO,WAChD,YAAa,MAChB,CAAA;AAAA,EAAA,EAEJ,CAAA;AAAA,GACF;"}

package/dist/index.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es88.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import React from \"react\";\nimport \"./Alert.scss\";\nimport { ErrorExagon, Info } from \"@/icons\";\nimport { Divider } from \"../Divider\";\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\nimport { Link } from \"../link\";\n\nexport const AlertVariantEnum = {\n  DEFAULT: \"default\",\n  INFO: \"info\",\n  WARNING: \"warning\",\n  DANGER: \"danger\",\n  SUCCESS: \"success\",\n} as const;\n\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\n\nexport type AlertProps = {\n  title: string;\n  description: string;\n  subtitle: string;\n  link: ILink;\n  variant?: AlertVariant;\n};\n\nconst iconMap = {\n  default: <Info color=\"primary\" width={32} height={32} />,\n  info: <Info color=\"primary\" width={32} height={32} />,\n  warning: <Info color=\"warning\" width={32} height={32} />,\n  danger: <ErrorExagon width={32} height={32} />,\n  success: <Info color=\"status-success\" width={32} height={32} />,\n};\n\nexport const Alert: React.FC<AlertProps> = ({\n  title,\n  description,\n  subtitle,\n  link,\n  variant = \"default\",\n}) => {\n  return (\n    <blockquote className={`styled-alert alert-${variant}`}>\n      <div className=\"container\">\n        {iconMap[variant]}\n        <div className=\"right-container\">\n          <h4 className=\"title\">{title}</h4>\n          <p className=\"subtitle\">{subtitle}</p>\n          <Divider bg=\"blue-30\" />\n          <p className=\"description\">{description}</p>\n          <Link title={link.title} src={link.link} />\n        </div>\n      </div>\n    </blockquote>\n  );\n};\n"],"names":["AlertVariantEnum","iconMap","Info","jsx","ErrorExagon","Alert","title","description","subtitle","link","variant","jsxs","Divider","Link"],"mappings":";;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUF,GAAK,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAC/D,GAEaG,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEIP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBO,CAAO,IAClD,UAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,EAAAV,EAAQS,CAAO;AAAA,EAChBC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAACR,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMG,GAAA;AAAA,IAC5BH,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,YAAY,UAASK,GAAA;AAAA,IAClCL,gBAAAA,EAAAA,IAACS,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,IACrBT,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYI,GAAA;AAAA,0BACvCM,GAAK,EAAA,OAAOJ,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,EAAA,EAC3C,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es88.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./Alert.scss\";\r\nimport { ErrorExagon, Info } from \"@/icons\";\r\nimport { Divider } from \"../Divider\";\r\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\r\nimport { Link } from \"../link\";\r\n\r\nexport const AlertVariantEnum = {\r\n  DEFAULT: \"default\",\r\n  INFO: \"info\",\r\n  WARNING: \"warning\",\r\n  DANGER: \"danger\",\r\n  SUCCESS: \"success\",\r\n} as const;\r\n\r\nexport type AlertVariant = GetValues<typeof AlertVariantEnum>;\r\n\r\nexport type AlertProps = {\r\n  title: string;\r\n  description: string;\r\n  subtitle: string;\r\n  link: ILink;\r\n  variant?: AlertVariant;\r\n};\r\n\r\nconst iconMap = {\r\n  default: <Info color=\"primary\" width={32} height={32} />,\r\n  info: <Info color=\"primary\" width={32} height={32} />,\r\n  warning: <Info color=\"warning\" width={32} height={32} />,\r\n  danger: <ErrorExagon width={32} height={32} />,\r\n  success: <Info color=\"status-success\" width={32} height={32} />,\r\n};\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  title,\r\n  description,\r\n  subtitle,\r\n  link,\r\n  variant = \"default\",\r\n}) => {\r\n  return (\r\n    <blockquote className={`styled-alert alert-${variant}`}>\r\n      <div className=\"container\">\r\n        {iconMap[variant]}\r\n        <div className=\"right-container\">\r\n          <h4 className=\"title\">{title}</h4>\r\n          <p className=\"subtitle\">{subtitle}</p>\r\n          <Divider bg=\"blue-30\" />\r\n          <p className=\"description\">{description}</p>\r\n          <Link title={link.title} src={link.link} />\r\n        </div>\r\n      </div>\r\n    </blockquote>\r\n  );\r\n};\r\n"],"names":["AlertVariantEnum","iconMap","Info","jsx","ErrorExagon","Alert","title","description","subtitle","link","variant","jsxs","Divider","Link"],"mappings":";;;;;;AAOO,MAAMA,IAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AACX,GAYMC,IAAU;AAAA,EACd,+BAAUC,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,4BAAOA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACnD,+BAAUA,GAAK,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EACtD,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUF,GAAK,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAC/D,GAEaG,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAEIP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBO,CAAO,IAClD,UAAAC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,EAAAV,EAAQS,CAAO;AAAA,EAChBC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAACR,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMG,GAAA;AAAA,IAC5BH,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,YAAY,UAASK,GAAA;AAAA,IAClCL,gBAAAA,EAAAA,IAACS,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,IACrBT,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYI,GAAA;AAAA,0BACvCM,GAAK,EAAA,OAAOJ,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,EAAA,EAC3C,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}

package/dist/index.es9.js

@@ -1,8 +1,8 @@
 import { j as x } from "./index.es185.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es187.js";
-import { createSpacingClasses as j } from "./index.es196.js";
-import { createColorClasses as u } from "./index.es198.js";
+import { createSpacingClasses as j } from "./index.es197.js";
+import { createColorClasses as u } from "./index.es196.js";
 import { createTypographyClasses as h } from "./index.es199.js";
 const E = ({
   as: o,

package/dist/index.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es90.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\nimport \"../../../styles/typography.scss\";\nimport { clsx } from \"clsx\";\nimport { ElementType } from \"react\";\n\ntype Props = {\n  title: string;\n  src: string;\n  decoration?: string;\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\n  icon?: ElementType;\n  asLink?: ElementType;\n};\n\nexport function Link({\n  title,\n  src,\n  decoration = \"\",\n  transform = \"none\",\n  icon: Icon,\n  asLink = \"a\",\n}: Props) {\n  const LinkTag = asLink || \"a\";\n\n  return (\n    <LinkTag\n      className={clsx(\n        \"link link-sans-bold-sm\",\n        decoration,\n        `link-${transform}`,\n      )}\n      href={src}\n    >\n      {title}\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\n    </LinkTag>\n  );\n}\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAcO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AACX,GAAU;AACR,QAAMC,IAAUD,KAAU;AAGxB,SAAAE,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAN;AAAA,QACA,QAAQC,CAAS;AAAA,MACnB;AAAA,MACA,MAAMF;AAAA,MAEL,UAAA;AAAA,QAAAD;AAAA,QACAI,KAASK,gBAAAA,EAAA,IAAAL,GAAA,EAAK,OAAO,aAAa,MAAK,KAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C;AAEJ;"}
+{"version":3,"file":"index.es90.js","sources":["../src/components/ui/link/index.tsx"],"sourcesContent":["import \"./Link.scss\";\r\nimport \"../../../styles/typography.scss\";\r\nimport { clsx } from \"clsx\";\r\nimport { ElementType } from \"react\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  src: string;\r\n  decoration?: string;\r\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"none\";\r\n  icon?: ElementType;\r\n  asLink?: ElementType;\r\n};\r\n\r\nexport function Link({\r\n  title,\r\n  src,\r\n  decoration = \"\",\r\n  transform = \"none\",\r\n  icon: Icon,\r\n  asLink = \"a\",\r\n}: Props) {\r\n  const LinkTag = asLink || \"a\";\r\n\r\n  return (\r\n    <LinkTag\r\n      className={clsx(\r\n        \"link link-sans-bold-sm\",\r\n        decoration,\r\n        `link-${transform}`,\r\n      )}\r\n      href={src}\r\n    >\r\n      {title}\r\n      {Icon && <Icon class={\"link-icon\"} size=\"md\" />}\r\n    </LinkTag>\r\n  );\r\n}\r\n"],"names":["Link","title","src","decoration","transform","Icon","asLink","LinkTag","jsxs","clsx","jsx"],"mappings":";;;;AAcO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,MAAMC;AAAA,EACN,QAAAC,IAAS;AACX,GAAU;AACR,QAAMC,IAAUD,KAAU;AAGxB,SAAAE,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAN;AAAA,QACA,QAAQC,CAAS;AAAA,MACnB;AAAA,MACA,MAAMF;AAAA,MAEL,UAAA;AAAA,QAAAD;AAAA,QACAI,KAASK,gBAAAA,EAAA,IAAAL,GAAA,EAAK,OAAO,aAAa,MAAK,KAAK,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C;AAEJ;"}

package/dist/index.es91.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es91.js","sources":["../src/components/ui/GenericSkeleton/index.tsx"],"sourcesContent":["import \"./GenericSkeleton.scss\";\n\nexport const GenericSkeleton = () => {\n  return (\n    <div className=\"search-structure-skeleton-container\">\n      {/* Page title */}\n      <div className=\"search-structure-skeleton-title pulse\"></div>\n\n      <div className=\"search-structure-skeleton-description-generic pulse\"></div>\n\n      <div className=\"search-structure-skeleton-results\">\n        <div className=\"search-structure-skeleton-map pulse\"></div>\n      </div>\n    </div>\n  );\n};\n"],"names":["GenericSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAkB,MAE3BC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,uCAEb,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,EAEvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sDAAsD,CAAA;AAAA,EAErEA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,qCACb,gCAAC,OAAI,EAAA,WAAU,sCAAsC,CAAA,EACvD,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es91.js","sources":["../src/components/ui/GenericSkeleton/index.tsx"],"sourcesContent":["import \"./GenericSkeleton.scss\";\r\n\r\nexport const GenericSkeleton = () => {\r\n  return (\r\n    <div className=\"search-structure-skeleton-container\">\r\n      {/* Page title */}\r\n      <div className=\"search-structure-skeleton-title pulse\"></div>\r\n\r\n      <div className=\"search-structure-skeleton-description-generic pulse\"></div>\r\n\r\n      <div className=\"search-structure-skeleton-results\">\r\n        <div className=\"search-structure-skeleton-map pulse\"></div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["GenericSkeleton","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAkB,MAE3BC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,uCAEb,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wCAAwC,CAAA;AAAA,EAEvDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,sDAAsD,CAAA;AAAA,EAErEA,gBAAAA,EAAAA,IAAC,SAAI,WAAU,qCACb,gCAAC,OAAI,EAAA,WAAU,sCAAsC,CAAA,EACvD,CAAA;AAAA,GACF;"}

package/dist/index.es94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es94.js","sources":["../src/components/ui/ChangeProfileModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ChangeProfileModal.scss\";\nimport { BaseModal, Button, ModalsHeader } from \"@/components\";\nimport { ChangeProfileModalContent } from \"@/components/ui/ChangeProfileModal/ChangeProfileModalContent\";\n\ntype ChangeProfileModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n  OnPressConfirm: () => void;\n  disabledConfirm?: boolean;\n  showHeader?: boolean;\n  showFooter?: boolean;\n};\n\nconst ChangeProfileModal = ({\n  open,\n  overrideClassNames,\n  showFooter = true,\n  showHeader = true,\n  OnPressConfirm,\n  disabledConfirm,\n  setOpen,\n  children,\n}: ChangeProfileModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {showHeader && (\n        <ModalsHeader\n          title={\"Cambia profilo\"}\n          closeButton={\"Annulla\"}\n          onCloseClick={() => setOpen(false)}\n        />\n      )}\n      {children}\n      {showFooter && (\n        <footer className=\"ui-consent-modal-footer bg-white shadow\">\n          <div className=\"base-row gap-x16 flex-wrap justify-content-center\">\n            <Button disabled={disabledConfirm} onClick={OnPressConfirm}>\n              Conferma\n            </Button>\n          </div>\n        </footer>\n      )}\n    </BaseModal>\n  );\n};\n\nChangeProfileModal.Content = ChangeProfileModalContent;\n\nexport { ChangeProfileModal };\n"],"names":["ChangeProfileModal","open","overrideClassNames","showFooter","showHeader","OnPressConfirm","disabledConfirm","setOpen","children","jsxs","BaseModal","clsx","jsx","ModalsHeader","Button","ChangeProfileModalContent"],"mappings":";;;;;;;AAgBA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAT;AAAA,IACA,SAAAM;AAAA,IACA,oBAAoBI,EAAK,6BAA6BT,CAAkB;AAAA,IAEvE,UAAA;AAAA,MACCE,KAAAQ,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAa;AAAA,UACb,cAAc,MAAMN,EAAQ,EAAK;AAAA,QAAA;AAAA,MACnC;AAAA,MAEDC;AAAA,MACAL,KACES,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,2CAChB,gCAAC,OAAI,EAAA,WAAU,qDACb,UAAAA,gBAAAA,EAAAA,IAACE,KAAO,UAAUR,GAAiB,SAASD,GAAgB,UAAA,YAE5D,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAEJ;AAIJL,EAAmB,UAAUe;"}
+{"version":3,"file":"index.es94.js","sources":["../src/components/ui/ChangeProfileModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ChangeProfileModal.scss\";\r\nimport { BaseModal, Button, ModalsHeader } from \"@/components\";\r\nimport { ChangeProfileModalContent } from \"@/components/ui/ChangeProfileModal/ChangeProfileModalContent\";\r\n\r\ntype ChangeProfileModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n  OnPressConfirm: () => void;\r\n  disabledConfirm?: boolean;\r\n  showHeader?: boolean;\r\n  showFooter?: boolean;\r\n};\r\n\r\nconst ChangeProfileModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  showFooter = true,\r\n  showHeader = true,\r\n  OnPressConfirm,\r\n  disabledConfirm,\r\n  setOpen,\r\n  children,\r\n}: ChangeProfileModalProps) => {\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      {showHeader && (\r\n        <ModalsHeader\r\n          title={\"Cambia profilo\"}\r\n          closeButton={\"Annulla\"}\r\n          onCloseClick={() => setOpen(false)}\r\n        />\r\n      )}\r\n      {children}\r\n      {showFooter && (\r\n        <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n          <div className=\"base-row gap-x16 flex-wrap justify-content-center\">\r\n            <Button disabled={disabledConfirm} onClick={OnPressConfirm}>\r\n              Conferma\r\n            </Button>\r\n          </div>\r\n        </footer>\r\n      )}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nChangeProfileModal.Content = ChangeProfileModalContent;\r\n\r\nexport { ChangeProfileModal };\r\n"],"names":["ChangeProfileModal","open","overrideClassNames","showFooter","showHeader","OnPressConfirm","disabledConfirm","setOpen","children","jsxs","BaseModal","clsx","jsx","ModalsHeader","Button","ChangeProfileModalContent"],"mappings":";;;;;;;AAgBA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAT;AAAA,IACA,SAAAM;AAAA,IACA,oBAAoBI,EAAK,6BAA6BT,CAAkB;AAAA,IAEvE,UAAA;AAAA,MACCE,KAAAQ,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,aAAa;AAAA,UACb,cAAc,MAAMN,EAAQ,EAAK;AAAA,QAAA;AAAA,MACnC;AAAA,MAEDC;AAAA,MACAL,KACES,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,2CAChB,gCAAC,OAAI,EAAA,WAAU,qDACb,UAAAA,gBAAAA,EAAAA,IAACE,KAAO,UAAUR,GAAiB,SAASD,GAAgB,UAAA,YAE5D,GACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAEJ;AAIJL,EAAmB,UAAUe;"}

package/dist/index.es95.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es95.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\nimport { Button } from \"@/components\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { Close } from \"@/icons\";\n\ntype ModalsHeaderProps = {\n  title: string;\n  closeButton: string;\n  onCloseClick: () => void;\n};\n\nexport const ModalsHeader = ({\n  title,\n  closeButton,\n  onCloseClick,\n}: ModalsHeaderProps) => {\n  return (\n    <header className=\"ui-modal-header \">\n      <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\n        {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\n      </Dialog.Title>\n\n      <Dialog.Close asChild className=\"ui-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oBAChB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAa,WAAU,iEACrB,UAASL,KAAAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAChE,CAAA;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es95.js","sources":["../src/components/ui/ModalsHeader/index.tsx"],"sourcesContent":["import \"./ModalsHeader.scss\";\r\nimport { Button } from \"@/components\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Close } from \"@/icons\";\r\n\r\ntype ModalsHeaderProps = {\r\n  title: string;\r\n  closeButton: string;\r\n  onCloseClick: () => void;\r\n};\r\n\r\nexport const ModalsHeader = ({\r\n  title,\r\n  closeButton,\r\n  onCloseClick,\r\n}: ModalsHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-modal-header \">\r\n      <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\r\n        {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\r\n      </Dialog.Title>\r\n\r\n      <Dialog.Close asChild className=\"ui-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          textColor=\"primary\"\r\n          bg=\"transparent\"\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["ModalsHeader","title","closeButton","onCloseClick","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oBAChB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAa,WAAU,iEACrB,UAASL,KAAAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAW,6BAA8B,UAAAJ,EAAA,CAAM,EAChE,CAAA;AAAA,wBAECM,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASL;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,QACDG,gBAAAA,EAAAA,IAACI,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAE7B,CAAA;AAAA,GACF;"}

package/dist/index.es96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es96.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import \"../Tags.scss\";\n\ninterface TagProps {\n  label: string;\n}\n\nexport const Tag: React.FC<TagProps> = ({ label }) => {\n  return <div className=\"tag\">{label}</div>;\n};\n"],"names":["Tag","label","jsx"],"mappings":";;AAMO,MAAMA,IAA0B,CAAC,EAAE,OAAAC,QAChCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAMD,GAAA;"}
+{"version":3,"file":"index.es96.js","sources":["../src/components/ui/Tags/Tag/Tag.tsx"],"sourcesContent":["import \"../Tags.scss\";\r\n\r\ninterface TagProps {\r\n  label: string;\r\n}\r\n\r\nexport const Tag: React.FC<TagProps> = ({ label }) => {\r\n  return <div className=\"tag\">{label}</div>;\r\n};\r\n"],"names":["Tag","label","jsx"],"mappings":";;AAMO,MAAMA,IAA0B,CAAC,EAAE,OAAAC,QAChCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,OAAO,UAAMD,GAAA;"}

package/dist/index.es97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\nimport \"../Tags.scss\";\n\ntype TagsProps = {\n  topics?: Array<string>;\n};\n\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\n  return (\n    <div className=\"tags-group-container\">\n      <div className=\"tags-group\">\n        {topics.map((topic, index) => (\n          <Tag key={index} label={topic} />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}
+{"version":3,"file":"index.es97.js","sources":["../src/components/ui/Tags/TagsGroup/TagsGroup.tsx"],"sourcesContent":["import { Tag } from \"../Tag/Tag\";\r\nimport \"../Tags.scss\";\r\n\r\ntype TagsProps = {\r\n  topics?: Array<string>;\r\n};\r\n\r\nexport const TagsGroup = ({ topics = [] }: TagsProps) => {\r\n  return (\r\n    <div className=\"tags-group-container\">\r\n      <div className=\"tags-group\">\r\n        {topics.map((topic, index) => (\r\n          <Tag key={index} label={topic} />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TagsGroup","topics","jsx","topic","index","Tag"],"mappings":";;;AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,IAAS,CAAA,QAEjCC,gBAAAA,MAAC,SAAI,WAAU,wBACb,gCAAC,OAAI,EAAA,WAAU,cACZ,UAAOD,EAAA,IAAI,CAACE,GAAOC,4BACjBC,GAAgB,EAAA,OAAOF,KAAdC,CAAqB,CAChC,GACH,EACF,CAAA;"}

package/dist/index.es98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\n                <p className={\"fw-normal\"}>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Row>\n        </Col>\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}
+{"version":3,"file":"index.es98.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { Col, Region, Row } from \"@/components\";\r\n\r\nexport type DelegateCardProps = {\r\n  id: string;\r\n  isSelected: boolean;\r\n  title: string;\r\n  subtitle: string;\r\n  relation: string;\r\n  isMe?: boolean;\r\n  setSelectedCard: (id: string) => void;\r\n  className?: string;\r\n  showRegion?: boolean;\r\n  region?: Region;\r\n};\r\n\r\nexport const DelegateCard = ({\r\n  id,\r\n  isSelected,\r\n  title,\r\n  subtitle,\r\n  region,\r\n  relation,\r\n  isMe = false,\r\n  showRegion = false,\r\n  setSelectedCard = () => {},\r\n  className,\r\n}: DelegateCardProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n  const firstLetterUppercase = (str: string) => {\r\n    return str.charAt(0).toUpperCase() + str.slice(1);\r\n  };\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  return (\r\n    <Row\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      gap={\"x16\"}\r\n      bg={\"white\"}\r\n      text={\"slate-20\"}\r\n      ref={dropdownRef}\r\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\r\n      onClick={() => {\r\n        setSelectedCard(id);\r\n      }}\r\n      style={{ width: \"100%\" }}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isSelected}\r\n        className={\"ui-checkbox-filter\"}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Row\r\n        alignItems={\"flex-start\"}\r\n        style={{ width: \"100%\" }}\r\n        justifyContent={\"space-between\"}\r\n      >\r\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\r\n          <Col\r\n            gap={\"x4\"}\r\n            pb={\r\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\r\n            }\r\n          >\r\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\r\n              {title}\r\n            </h3>\r\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\r\n          </Col>\r\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\r\n            {!isMe && relation && (\r\n              <Col gap={\"x4\"}>\r\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\r\n                <p className={\"fw-normal\"}>{relation}</p>\r\n              </Col>\r\n            )}\r\n            {showRegion && region && (\r\n              <Col pr={\"x104\"} gap={\"x4\"}>\r\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\r\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\r\n              </Col>\r\n            )}\r\n          </Row>\r\n        </Col>\r\n        {isMe && <Row className={\"ui-fascicolo-label\"}>IL TUO FASCICOLO</Row>}\r\n      </Row>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}

package/dist/index.es99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es99.js","sources":["../src/components/ui/ChangeRelatedCard/index.tsx"],"sourcesContent":["import \"./ChangeRelatedCard.scss\";\nimport { Col, LOGOS, Region, Row } from \"@/components\";\nimport { Divider } from \"@/components/ui/Divider\";\n\ntype ChangeRelatedCardProps = {\n  title: string;\n  region: Region;\n  isSelected?: boolean;\n};\n\nexport const ChangeRelatedCard = ({\n  title,\n  isSelected = false,\n  region,\n}: ChangeRelatedCardProps) => {\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n  return (\n    <Col\n      className={`position-relative change-related-card-container ${isSelected ? \"change-related-card-container-selected\" : \"\"}`}\n    >\n      <Row mb={\"x16\"} alignItems={\"center\"} justifyContent={\"center\"}>\n        <p>\n          <strong>{title}</strong>\n        </p>\n      </Row>\n      <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\n        <NationalIcon width={27} height={44} />\n        <Divider bg=\"border-divider\" direction=\"vertical\" />\n        <RegionIcon width={44} height={44} />\n      </Row>\n      <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\n        <p style={{ marginTop: 5 }}>Fascicolo Sanitario</p>\n        <p style={{ fontWeight: \"bold\" }}>\n          Salute{firstLetterUppercase(region)}\n        </p>\n      </h3>\n    </Col>\n  );\n};\n"],"names":["ChangeRelatedCard","title","isSelected","region","NationalIcon","LOGOS","RegionIcon","firstLetterUppercase","str","jsxs","Col","jsx","Row","Divider"],"mappings":";;;;;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AACF,MAA8B;AACtB,QAAAC,IAAeC,EAAM,WACrBC,IAAaD,EAAMF,CAAM,GAEzBI,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAGhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,mDAAmDR,IAAa,2CAA2C,EAAE;AAAA,MAExH,UAAA;AAAA,QAAAS,gBAAAA,MAACC,GAAI,EAAA,IAAI,OAAO,YAAY,UAAU,gBAAgB,UACpD,UAAAD,gBAAAA,EAAA,IAAC,KACC,EAAA,UAAAA,gBAAAA,EAAAA,IAAC,UAAQ,EAAA,UAAAV,EAAA,CAAM,EACjB,CAAA,GACF;AAAA,+BACCW,GAAI,EAAA,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,UAAAD,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UACpCO,gBAAAA,EAAA,IAAAE,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,UACjDF,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA,GACrC;AAAA,QACAG,gBAAAA,EAAAA,KAAC,MAAG,EAAA,WAAU,uDACZ,UAAA;AAAA,UAAAE,gBAAAA,MAAC,OAAE,OAAO,EAAE,WAAW,KAAK,UAAmB,uBAAA;AAAA,iCAC9C,KAAE,EAAA,OAAO,EAAE,YAAY,OAAU,GAAA,UAAA;AAAA,YAAA;AAAA,YACzBJ,EAAqBJ,CAAM;AAAA,UAAA,EACpC,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es99.js","sources":["../src/components/ui/ChangeRelatedCard/index.tsx"],"sourcesContent":["import \"./ChangeRelatedCard.scss\";\r\nimport { Col, LOGOS, Region, Row } from \"@/components\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\n\r\ntype ChangeRelatedCardProps = {\r\n  title: string;\r\n  region: Region;\r\n  isSelected?: boolean;\r\n};\r\n\r\nexport const ChangeRelatedCard = ({\r\n  title,\r\n  isSelected = false,\r\n  region,\r\n}: ChangeRelatedCardProps) => {\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  const firstLetterUppercase = (str: string) => {\r\n    return str.charAt(0).toUpperCase() + str.slice(1);\r\n  };\r\n  return (\r\n    <Col\r\n      className={`position-relative change-related-card-container ${isSelected ? \"change-related-card-container-selected\" : \"\"}`}\r\n    >\r\n      <Row mb={\"x16\"} alignItems={\"center\"} justifyContent={\"center\"}>\r\n        <p>\r\n          <strong>{title}</strong>\r\n        </p>\r\n      </Row>\r\n      <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"center\"}>\r\n        <NationalIcon width={27} height={44} />\r\n        <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n        <RegionIcon width={44} height={44} />\r\n      </Row>\r\n      <h3 className=\"fs-custom fw-normal text-slate-20 text-align-center\">\r\n        <p style={{ marginTop: 5 }}>Fascicolo Sanitario</p>\r\n        <p style={{ fontWeight: \"bold\" }}>\r\n          Salute{firstLetterUppercase(region)}\r\n        </p>\r\n      </h3>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["ChangeRelatedCard","title","isSelected","region","NationalIcon","LOGOS","RegionIcon","firstLetterUppercase","str","jsxs","Col","jsx","Row","Divider"],"mappings":";;;;;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AACF,MAA8B;AACtB,QAAAC,IAAeC,EAAM,WACrBC,IAAaD,EAAMF,CAAM,GAEzBI,IAAuB,CAACC,MACrBA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAGhD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,mDAAmDR,IAAa,2CAA2C,EAAE;AAAA,MAExH,UAAA;AAAA,QAAAS,gBAAAA,MAACC,GAAI,EAAA,IAAI,OAAO,YAAY,UAAU,gBAAgB,UACpD,UAAAD,gBAAAA,EAAA,IAAC,KACC,EAAA,UAAAA,gBAAAA,EAAAA,IAAC,UAAQ,EAAA,UAAAV,EAAA,CAAM,EACjB,CAAA,GACF;AAAA,+BACCW,GAAI,EAAA,KAAK,OAAO,YAAY,UAAU,gBAAgB,UACrD,UAAA;AAAA,UAAAD,gBAAAA,EAAA,IAACP,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UACpCO,gBAAAA,EAAA,IAAAE,GAAA,EAAQ,IAAG,kBAAiB,WAAU,YAAW;AAAA,UACjDF,gBAAAA,EAAA,IAAAL,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA,GACrC;AAAA,QACAG,gBAAAA,EAAAA,KAAC,MAAG,EAAA,WAAU,uDACZ,UAAA;AAAA,UAAAE,gBAAAA,MAAC,OAAE,OAAO,EAAE,WAAW,KAAK,UAAmB,uBAAA;AAAA,iCAC9C,KAAE,EAAA,OAAO,EAAE,YAAY,OAAU,GAAA,UAAA;AAAA,YAAA;AAAA,YACzBJ,EAAqBJ,CAAM;AAAA,UAAA,EACpC,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/package.json

@@ -1,109 +1,109 @@
-{
-  "name": "@anoki/fse-ui",
-  "version": "1.0.550",
-  "description": "FSE UI components library",
-  "type": "module",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "/dist"
-  ],
-  "scripts": {
-    "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
-    "lint": "eslint .",
-    "build": "tsc && vite build",
-    "test": "vitest run",
-    "test-watch": "vitest",
-    "test:ui": "vitest --ui",
-    "sb": "storybook dev -p 6006",
-    "release": "npm run build && npm publish --access public",
-    "build-storybook": "storybook build",
-    "prepare": "husky",
-    "patch": "npm version patch"
-  },
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "author": "Anoki <developer@anoki.it>",
-  "keywords": [
-    "anoki",
-    "fse",
-    "ui",
-    "components",
-    "library"
-  ],
-  "license": "ISC",
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.4",
-    "@eslint/js": "^9.22.0",
-    "@storybook/addon-a11y": "^8.5.2",
-    "@storybook/addon-essentials": "^8.5.2",
-    "@storybook/addon-interactions": "^8.5.2",
-    "@storybook/addon-links": "^8.5.2",
-    "@storybook/addon-onboarding": "^8.5.2",
-    "@storybook/blocks": "^8.5.2",
-    "@storybook/react": "^8.5.2",
-    "@storybook/react-vite": "^8.5.2",
-    "@storybook/test": "^8.5.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@types/html-to-text": "^9.0.4",
-    "@types/lodash": "^4.17.14",
-    "@types/luxon": "^3.4.2",
-    "@types/react": "^19.0.8",
-    "@typescript-eslint/eslint-plugin": "^8.21.0",
-    "@typescript-eslint/parser": "^8.21.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.19.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^0.11.4",
-    "husky": "^9.1.7",
-    "jsdom": "^26.0.0",
-    "lint-staged": "^15.4.3",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
-    "sass": "^1.83.4",
-    "storybook": "^8.5.2",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.26.1",
-    "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-lib-inject-css": "^2.2.1",
-    "vitest": "^3.0.4"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "engines": {
-    "node": ">=18.18.0",
-    "yarn": ">=1.22.19"
-  },
-  "packageManager": "yarn@4.2.2",
-  "dependencies": {
-    "@anoki/fse-common": "^1.0.76",
-    "@radix-ui/react-alert-dialog": "^1.1.7",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.5",
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/themes": "^3.2.1",
-    "@types/node": "^22.10.10",
-    "clsx": "^2.1.1",
-    "lodash": "^4.17.21",
-    "luxon": "^3.5.0",
-    "react-wrap-balancer": "^1.1.1",
-    "rollup-plugin-visualizer": "^5.14.0"
-  }
-}
+{
+  "name": "@anoki/fse-ui",
+  "version": "1.0.552",
+  "description": "FSE UI components library",
+  "type": "module",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
+    "lint": "eslint .",
+    "build": "tsc && vite build",
+    "test": "vitest run",
+    "test-watch": "vitest",
+    "test:ui": "vitest --ui",
+    "sb": "storybook dev -p 6006",
+    "release": "npm run build && npm publish --access public",
+    "build-storybook": "storybook build",
+    "prepare": "husky",
+    "patch": "npm version patch"
+  },
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "author": "Anoki <developer@anoki.it>",
+  "keywords": [
+    "anoki",
+    "fse",
+    "ui",
+    "components",
+    "library"
+  ],
+  "license": "ISC",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.4",
+    "@eslint/js": "^9.22.0",
+    "@storybook/addon-a11y": "^8.5.2",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-interactions": "^8.5.2",
+    "@storybook/addon-links": "^8.5.2",
+    "@storybook/addon-onboarding": "^8.5.2",
+    "@storybook/blocks": "^8.5.2",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-vite": "^8.5.2",
+    "@storybook/test": "^8.5.2",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@types/html-to-text": "^9.0.4",
+    "@types/lodash": "^4.17.14",
+    "@types/luxon": "^3.4.2",
+    "@types/react": "^19.0.8",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^0.11.4",
+    "husky": "^9.1.7",
+    "jsdom": "^26.0.0",
+    "lint-staged": "^15.4.3",
+    "postcss": "^8.5.1",
+    "prettier": "^3.4.2",
+    "sass": "^1.83.4",
+    "storybook": "^8.5.2",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.26.1",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vitest": "^3.0.4"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "engines": {
+    "node": ">=18.18.0",
+    "yarn": ">=1.22.19"
+  },
+  "packageManager": "yarn@4.2.2",
+  "dependencies": {
+    "@anoki/fse-common": "^1.0.76",
+    "@radix-ui/react-alert-dialog": "^1.1.7",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/themes": "^3.2.1",
+    "@types/node": "^22.10.10",
+    "clsx": "^2.1.1",
+    "lodash": "^4.17.21",
+    "luxon": "^3.5.0",
+    "react-wrap-balancer": "^1.1.1",
+    "rollup-plugin-visualizer": "^5.14.0"
+  }
+}

package/readme.md

@@ -1,42 +1,42 @@
-# This is the UI Library for the [FSE Marche]
-
-Use npm to install the dependencies [Not yarn]
-
-```bash
-npm install
-```
-
-Run storybook
-
-```bash
-npm run sb
-```
-
-Use npm release to build the library and publish the package to npm:
-
-```bash
-npm run release
-```
-
-Use npm bump-patch to increments the patch version (the last number in the version, e.g., from 0.1.96 to 0.1.97), push the changes, build the package and publish it to npm:
-
-```bash
-npm run bump-patch
-```
-
-Use npm bump-minor to increments the minor version (the second number in the version, e.g., from 0.1.96 to 0.2.0), push the changes, build the package and publish it to npm.
-
-```bash
-npm run bump-minor
-```
-
-Use npm bump-major to increments the major version (the first number in the version, e.g., from 0.1.96 to 1.0.0), push the changes, build the package and publish it to npm:
-
-```bash
-npm run bump-major
-```
-
-The structure of the library is as follows:
-src/
-├── components/ # Reusable components
-├── styles/ # Global styles
+# This is the UI Library for the [FSE Marche]
+
+Use npm to install the dependencies [Not yarn]
+
+```bash
+npm install
+```
+
+Run storybook
+
+```bash
+npm run sb
+```
+
+Use npm release to build the library and publish the package to npm:
+
+```bash
+npm run release
+```
+
+Use npm bump-patch to increments the patch version (the last number in the version, e.g., from 0.1.96 to 0.1.97), push the changes, build the package and publish it to npm:
+
+```bash
+npm run bump-patch
+```
+
+Use npm bump-minor to increments the minor version (the second number in the version, e.g., from 0.1.96 to 0.2.0), push the changes, build the package and publish it to npm.
+
+```bash
+npm run bump-minor
+```
+
+Use npm bump-major to increments the major version (the first number in the version, e.g., from 0.1.96 to 1.0.0), push the changes, build the package and publish it to npm:
+
+```bash
+npm run bump-major
+```
+
+The structure of the library is as follows:
+src/
+├── components/ # Reusable components
+├── styles/ # Global styles

package/dist/index.cjs198.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["bg","text","color","border"],o=e=>t.map(r=>e[r]?r==="color"?`text-${e[r]}`:`${r}-${e[r]}`:"").filter(Boolean);exports.createColorClasses=o;
-//# sourceMappingURL=index.cjs198.js.map

package/dist/index.cjs198.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs198.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"gFA6BA,MAAMA,EAAmC,CAAC,KAAM,OAAQ,QAAS,QAAQ,EAE5DC,EACXC,GAEOF,EACJ,IAAKG,GACCD,EAAMC,CAAG,EAEVA,IAAQ,QAAgB,QAAQD,EAAMC,CAAG,CAAC,GACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,GAHH,EAIzB,EACA,OAAO,OAAO"}

package/dist/index.cjs332.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(s,c,{checkForDefaultPrevented:t=!0}={}){return function(f){if(s==null||s(f),t===!1||!f.defaultPrevented)return c==null?void 0:c(f)}}exports.composeEventHandlers=u;
-//# sourceMappingURL=index.cjs332.js.map

package/dist/index.cjs332.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs332.js","sources":["../node_modules/@radix-ui/primitive/dist/index.mjs"],"sourcesContent":["// packages/core/primitive/src/primitive.tsx\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n  return function handleEvent(event) {\n    originalEventHandler?.(event);\n    if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n      return ourEventHandler?.(event);\n    }\n  };\n}\nexport {\n  composeEventHandlers\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["composeEventHandlers","originalEventHandler","ourEventHandler","checkForDefaultPrevented","event"],"mappings":"gFACA,SAASA,EAAqBC,EAAsBC,EAAiB,CAAE,yBAAAC,EAA2B,EAAM,EAAG,GAAI,CAC7G,OAAO,SAAqBC,EAAO,CAEjC,GADAH,GAAA,MAAAA,EAAuBG,GACnBD,IAA6B,IAAS,CAACC,EAAM,iBAC/C,OAAOF,GAAA,YAAAA,EAAkBE,EAE5B,CACH","x_google_ignoreList":[0]}

package/dist/index.cjs333.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=f(l);function r(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function s(...e){return t=>{let n=!1;const u=e.map(o=>{const c=r(o,t);return!n&&typeof c=="function"&&(n=!0),c});if(n)return()=>{for(let o=0;o<u.length;o++){const c=u[o];typeof c=="function"?c():r(e[o],null)}}}}function a(...e){return i.useCallback(s(...e),e)}exports.composeRefs=s;exports.useComposedRefs=a;
-//# sourceMappingURL=index.cjs333.js.map

package/dist/index.cjs333.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs333.js","sources":["../node_modules/@radix-ui/react-compose-refs/dist/index.mjs"],"sourcesContent":["// packages/react/compose-refs/src/compose-refs.tsx\nimport * as React from \"react\";\nfunction setRef(ref, value) {\n  if (typeof ref === \"function\") {\n    return ref(value);\n  } else if (ref !== null && ref !== void 0) {\n    ref.current = value;\n  }\n}\nfunction composeRefs(...refs) {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == \"function\") {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == \"function\") {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\nfunction useComposedRefs(...refs) {\n  return React.useCallback(composeRefs(...refs), refs);\n}\nexport {\n  composeRefs,\n  useComposedRefs\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["setRef","ref","value","composeRefs","refs","node","hasCleanup","cleanups","cleanup","i","useComposedRefs","React"],"mappings":"mYAEA,SAASA,EAAOC,EAAKC,EAAO,CAC1B,GAAI,OAAOD,GAAQ,WACjB,OAAOA,EAAIC,CAAK,EACPD,GAAQ,OACjBA,EAAI,QAAUC,EAElB,CACA,SAASC,KAAeC,EAAM,CAC5B,OAAQC,GAAS,CACf,IAAIC,EAAa,GACjB,MAAMC,EAAWH,EAAK,IAAKH,GAAQ,CACjC,MAAMO,EAAUR,EAAOC,EAAKI,CAAI,EAChC,MAAI,CAACC,GAAc,OAAOE,GAAW,aACnCF,EAAa,IAERE,CACb,CAAK,EACD,GAAIF,EACF,MAAO,IAAM,CACX,QAASG,EAAI,EAAGA,EAAIF,EAAS,OAAQE,IAAK,CACxC,MAAMD,EAAUD,EAASE,CAAC,EACtB,OAAOD,GAAW,WACpBA,EAAS,EAETR,EAAOI,EAAKK,CAAC,EAAG,IAAI,CAEhC,CACO,CAEJ,CACH,CACA,SAASC,KAAmBN,EAAM,CAChC,OAAOO,EAAM,YAAYR,EAAY,GAAGC,CAAI,EAAGA,CAAI,CACrD","x_google_ignoreList":[0]}

package/dist/index.cjs345.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
-//# sourceMappingURL=index.cjs345.js.map

package/dist/index.cjs345.js.map

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

package/dist/index.cjs346.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
-//# sourceMappingURL=index.cjs346.js.map

package/dist/index.cjs346.js.map

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

package/dist/index.cjs347.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),y=require("./index.cjs332.js"),p=require("./index.cjs336.js"),R=require("./index.cjs333.js"),x=require("./index.cjs365.js"),H=require("./index.cjs375.js"),w=require("./index.cjs185.js");function U(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=U(q);var z="DismissableLayer",h="dismissableLayer.update",M="dismissableLayer.pointerDownOutside",$="dismissableLayer.focusOutside",L,T=o.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),S=o.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:s,onPointerDownOutside:r,onFocusOutside:a,onInteractOutside:l,onDismiss:d,...v}=e,c=o.useContext(T),[u,F]=o.useState(null),f=(u==null?void 0:u.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,N]=o.useState({}),W=R.useComposedRefs(t,i=>F(i)),m=Array.from(c.layers),[_]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),A=m.indexOf(_),P=u?m.indexOf(u):-1,k=c.layersWithOutsidePointerEventsDisabled.size>0,D=P>=A,I=Y(i=>{const E=i.target,C=[...c.branches].some(b=>b.contains(E));!D||C||(r==null||r(i),l==null||l(i),i.defaultPrevented||d==null||d())},f),O=G(i=>{const E=i.target;[...c.branches].some(b=>b.contains(E))||(a==null||a(i),l==null||l(i),i.defaultPrevented||d==null||d())},f);return H.useEscapeKeydown(i=>{P===c.layers.size-1&&(s==null||s(i),!i.defaultPrevented&&d&&(i.preventDefault(),d()))},f),o.useEffect(()=>{if(u)return n&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(L=f.body.style.pointerEvents,f.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(u)),c.layers.add(u),g(),()=>{n&&c.layersWithOutsidePointerEventsDisabled.size===1&&(f.body.style.pointerEvents=L)}},[u,f,n,c]),o.useEffect(()=>()=>{u&&(c.layers.delete(u),c.layersWithOutsidePointerEventsDisabled.delete(u),g())},[u,c]),o.useEffect(()=>{const i=()=>N({});return document.addEventListener(h,i),()=>document.removeEventListener(h,i)},[]),w.jsxRuntimeExports.jsx(p.Primitive.div,{...v,ref:W,style:{pointerEvents:k?D?"auto":"none":void 0,...e.style},onFocusCapture:y.composeEventHandlers(e.onFocusCapture,O.onFocusCapture),onBlurCapture:y.composeEventHandlers(e.onBlurCapture,O.onBlurCapture),onPointerDownCapture:y.composeEventHandlers(e.onPointerDownCapture,I.onPointerDownCapture)})});S.displayName=z;var X="DismissableLayerBranch",B=o.forwardRef((e,t)=>{const n=o.useContext(T),s=o.useRef(null),r=R.useComposedRefs(t,s);return o.useEffect(()=>{const a=s.current;if(a)return n.branches.add(a),()=>{n.branches.delete(a)}},[n.branches]),w.jsxRuntimeExports.jsx(p.Primitive.div,{...e,ref:r})});B.displayName=X;function Y(e,t=globalThis==null?void 0:globalThis.document){const n=x.useCallbackRef(e),s=o.useRef(!1),r=o.useRef(()=>{});return o.useEffect(()=>{const a=d=>{if(d.target&&!s.current){let v=function(){j(M,n,c,{discrete:!0})};const c={originalEvent:d};d.pointerType==="touch"?(t.removeEventListener("click",r.current),r.current=v,t.addEventListener("click",r.current,{once:!0})):v()}else t.removeEventListener("click",r.current);s.current=!1},l=window.setTimeout(()=>{t.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(l),t.removeEventListener("pointerdown",a),t.removeEventListener("click",r.current)}},[t,n]),{onPointerDownCapture:()=>s.current=!0}}function G(e,t=globalThis==null?void 0:globalThis.document){const n=x.useCallbackRef(e),s=o.useRef(!1);return o.useEffect(()=>{const r=a=>{a.target&&!s.current&&j($,n,{originalEvent:a},{discrete:!1})};return t.addEventListener("focusin",r),()=>t.removeEventListener("focusin",r)},[t,n]),{onFocusCapture:()=>s.current=!0,onBlurCapture:()=>s.current=!1}}function g(){const e=new CustomEvent(h);document.dispatchEvent(e)}function j(e,t,n,{discrete:s}){const r=n.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&r.addEventListener(e,t,{once:!0}),s?p.dispatchDiscreteCustomEvent(r,a):r.dispatchEvent(a)}exports.DismissableLayer=S;exports.DismissableLayerBranch=B;
-//# sourceMappingURL=index.cjs347.js.map

package/dist/index.cjs347.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs347.js","sources":["../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/dismissable-layer/src/dismissable-layer.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { Primitive, dispatchDiscreteCustomEvent } from \"@radix-ui/react-primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useEscapeKeydown } from \"@radix-ui/react-use-escape-keydown\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DISMISSABLE_LAYER_NAME = \"DismissableLayer\";\nvar CONTEXT_UPDATE = \"dismissableLayer.update\";\nvar POINTER_DOWN_OUTSIDE = \"dismissableLayer.pointerDownOutside\";\nvar FOCUS_OUTSIDE = \"dismissableLayer.focusOutside\";\nvar originalBodyPointerEvents;\nvar DismissableLayerContext = React.createContext({\n  layers: /* @__PURE__ */ new Set(),\n  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),\n  branches: /* @__PURE__ */ new Set()\n});\nvar DismissableLayer = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      disableOutsidePointerEvents = false,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside,\n      onInteractOutside,\n      onDismiss,\n      ...layerProps\n    } = props;\n    const context = React.useContext(DismissableLayerContext);\n    const [node, setNode] = React.useState(null);\n    const ownerDocument = node?.ownerDocument ?? globalThis?.document;\n    const [, force] = React.useState({});\n    const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));\n    const layers = Array.from(context.layers);\n    const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);\n    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);\n    const index = node ? layers.indexOf(node) : -1;\n    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;\n    const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;\n    const pointerDownOutside = usePointerDownOutside((event) => {\n      const target = event.target;\n      const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (!isPointerEventsEnabled || isPointerDownOnBranch) return;\n      onPointerDownOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    }, ownerDocument);\n    const focusOutside = useFocusOutside((event) => {\n      const target = event.target;\n      const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));\n      if (isFocusInBranch) return;\n      onFocusOutside?.(event);\n      onInteractOutside?.(event);\n      if (!event.defaultPrevented) onDismiss?.();\n    }, ownerDocument);\n    useEscapeKeydown((event) => {\n      const isHighestLayer = index === context.layers.size - 1;\n      if (!isHighestLayer) return;\n      onEscapeKeyDown?.(event);\n      if (!event.defaultPrevented && onDismiss) {\n        event.preventDefault();\n        onDismiss();\n      }\n    }, ownerDocument);\n    React.useEffect(() => {\n      if (!node) return;\n      if (disableOutsidePointerEvents) {\n        if (context.layersWithOutsidePointerEventsDisabled.size === 0) {\n          originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;\n          ownerDocument.body.style.pointerEvents = \"none\";\n        }\n        context.layersWithOutsidePointerEventsDisabled.add(node);\n      }\n      context.layers.add(node);\n      dispatchUpdate();\n      return () => {\n        if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {\n          ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;\n        }\n      };\n    }, [node, ownerDocument, disableOutsidePointerEvents, context]);\n    React.useEffect(() => {\n      return () => {\n        if (!node) return;\n        context.layers.delete(node);\n        context.layersWithOutsidePointerEventsDisabled.delete(node);\n        dispatchUpdate();\n      };\n    }, [node, context]);\n    React.useEffect(() => {\n      const handleUpdate = () => force({});\n      document.addEventListener(CONTEXT_UPDATE, handleUpdate);\n      return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);\n    }, []);\n    return /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        ...layerProps,\n        ref: composedRefs,\n        style: {\n          pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? \"auto\" : \"none\" : void 0,\n          ...props.style\n        },\n        onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),\n        onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),\n        onPointerDownCapture: composeEventHandlers(\n          props.onPointerDownCapture,\n          pointerDownOutside.onPointerDownCapture\n        )\n      }\n    );\n  }\n);\nDismissableLayer.displayName = DISMISSABLE_LAYER_NAME;\nvar BRANCH_NAME = \"DismissableLayerBranch\";\nvar DismissableLayerBranch = React.forwardRef((props, forwardedRef) => {\n  const context = React.useContext(DismissableLayerContext);\n  const ref = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  React.useEffect(() => {\n    const node = ref.current;\n    if (node) {\n      context.branches.add(node);\n      return () => {\n        context.branches.delete(node);\n      };\n    }\n  }, [context.branches]);\n  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref: composedRefs });\n});\nDismissableLayerBranch.displayName = BRANCH_NAME;\nfunction usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {\n  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);\n  const isPointerInsideReactTreeRef = React.useRef(false);\n  const handleClickRef = React.useRef(() => {\n  });\n  React.useEffect(() => {\n    const handlePointerDown = (event) => {\n      if (event.target && !isPointerInsideReactTreeRef.current) {\n        let handleAndDispatchPointerDownOutsideEvent2 = function() {\n          handleAndDispatchCustomEvent(\n            POINTER_DOWN_OUTSIDE,\n            handlePointerDownOutside,\n            eventDetail,\n            { discrete: true }\n          );\n        };\n        var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;\n        const eventDetail = { originalEvent: event };\n        if (event.pointerType === \"touch\") {\n          ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;\n          ownerDocument.addEventListener(\"click\", handleClickRef.current, { once: true });\n        } else {\n          handleAndDispatchPointerDownOutsideEvent2();\n        }\n      } else {\n        ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n      }\n      isPointerInsideReactTreeRef.current = false;\n    };\n    const timerId = window.setTimeout(() => {\n      ownerDocument.addEventListener(\"pointerdown\", handlePointerDown);\n    }, 0);\n    return () => {\n      window.clearTimeout(timerId);\n      ownerDocument.removeEventListener(\"pointerdown\", handlePointerDown);\n      ownerDocument.removeEventListener(\"click\", handleClickRef.current);\n    };\n  }, [ownerDocument, handlePointerDownOutside]);\n  return {\n    // ensures we check React component tree (not just DOM tree)\n    onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true\n  };\n}\nfunction useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {\n  const handleFocusOutside = useCallbackRef(onFocusOutside);\n  const isFocusInsideReactTreeRef = React.useRef(false);\n  React.useEffect(() => {\n    const handleFocus = (event) => {\n      if (event.target && !isFocusInsideReactTreeRef.current) {\n        const eventDetail = { originalEvent: event };\n        handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {\n          discrete: false\n        });\n      }\n    };\n    ownerDocument.addEventListener(\"focusin\", handleFocus);\n    return () => ownerDocument.removeEventListener(\"focusin\", handleFocus);\n  }, [ownerDocument, handleFocusOutside]);\n  return {\n    onFocusCapture: () => isFocusInsideReactTreeRef.current = true,\n    onBlurCapture: () => isFocusInsideReactTreeRef.current = false\n  };\n}\nfunction dispatchUpdate() {\n  const event = new CustomEvent(CONTEXT_UPDATE);\n  document.dispatchEvent(event);\n}\nfunction handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {\n  const target = detail.originalEvent.target;\n  const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });\n  if (handler) target.addEventListener(name, handler, { once: true });\n  if (discrete) {\n    dispatchDiscreteCustomEvent(target, event);\n  } else {\n    target.dispatchEvent(event);\n  }\n}\nvar Root = DismissableLayer;\nvar Branch = DismissableLayerBranch;\nexport {\n  Branch,\n  DismissableLayer,\n  DismissableLayerBranch,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DISMISSABLE_LAYER_NAME","CONTEXT_UPDATE","POINTER_DOWN_OUTSIDE","FOCUS_OUTSIDE","originalBodyPointerEvents","DismissableLayerContext","React","DismissableLayer","props","forwardedRef","disableOutsidePointerEvents","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","onDismiss","layerProps","context","node","setNode","ownerDocument","force","composedRefs","useComposedRefs","node2","layers","highestLayerWithOutsidePointerEventsDisabled","highestLayerWithOutsidePointerEventsDisabledIndex","index","isBodyPointerEventsDisabled","isPointerEventsEnabled","pointerDownOutside","usePointerDownOutside","event","target","isPointerDownOnBranch","branch","focusOutside","useFocusOutside","useEscapeKeydown","dispatchUpdate","handleUpdate","jsx","Primitive","composeEventHandlers","BRANCH_NAME","DismissableLayerBranch","ref","handlePointerDownOutside","useCallbackRef","isPointerInsideReactTreeRef","handleClickRef","handlePointerDown","handleAndDispatchPointerDownOutsideEvent2","handleAndDispatchCustomEvent","eventDetail","timerId","handleFocusOutside","isFocusInsideReactTreeRef","handleFocus","name","handler","detail","discrete","dispatchDiscreteCustomEvent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es198.js

@@ -1,5 +0,0 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
-export {
-  e as createColorClasses
-};
-//# sourceMappingURL=index.es198.js.map

package/dist/index.es198.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es198.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA6BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}