@anoki/fse-ui 2.1.0-SNAPSHOT25 → 2.1.0-SNAPSHOT26

package/dist/index.es226.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es226.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;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,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,EAAA,IAAC,QAAK,EAAA,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI,QAAO,QAAO;AAAA,QACrEA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,QAAO,OAAO,CAAA;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,OAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrD;AAEJ;"}
+{"version":3,"file":"index.es226.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;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,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,EAAA,IAAC,QAAK,EAAA,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI,QAAO,QAAO;AAAA,QACrEA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,QAAO,OAAO,CAAA;AAAA,QACjDA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,OAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACrD;AAEJ;"}

package/dist/index.es227.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es288.js";
-import { clsx as c } from "./index.es253.js";
+import { createColorClasses as m } from "./index.es252.js";
+import { clsx as c } from "./index.es251.js";
 const f = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es227.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es227.js","sources":["../src/icons/Clock/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport clsx from \"clsx\";\r\n\r\nexport const Clock = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color = \"primary\",\r\n  fillColor = \"#0066CC\",\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Clock\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 21 20\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      width={width}\r\n      height={height}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fill-rule=\"evenodd\"\r\n        clip-rule=\"evenodd\"\r\n        d=\"M10.2812 20C4.7584 20 0.28125 15.5228 0.28125 10C0.28125 4.47715 4.7584 0 10.2812 0C12.9334 0 15.477 1.05357 17.3523 2.92893C19.2277 4.8043 20.2812 7.34784 20.2812 10C20.2812 15.5228 15.8041 20 10.2812 20ZM10.7812 3V10.5H5.28125V9.5H9.78125V3H10.7812ZM10.2812 1C15.2518 1 19.2812 5.02944 19.2812 10C19.2812 14.9706 15.2518 19 10.2812 19C5.31069 19 1.28125 14.9706 1.28125 10C1.28125 5.02944 5.31069 1 10.2812 1Z\"\r\n        fill={fillColor}\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Clock","width","height","className","color","fillColor","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAN,GAAO;AAG1C,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWC,EAAKT,GAAWM,CAAO;AAAA,MAClC,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAAI;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es227.js","sources":["../src/icons/Clock/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\nimport { IconProps } from \"@/types/icons\";\nimport clsx from \"clsx\";\n\nexport const Clock = ({\n  width = 24,\n  height = 24,\n  className,\n  color = \"primary\",\n  fillColor = \"#0066CC\",\n  onClick,\n  decorative = false,\n  ariaLabel = \"Clock\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      viewBox=\"0 0 21 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className, classes)}\n      width={width}\n      height={height}\n      onClick={onClick}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M10.2812 20C4.7584 20 0.28125 15.5228 0.28125 10C0.28125 4.47715 4.7584 0 10.2812 0C12.9334 0 15.477 1.05357 17.3523 2.92893C19.2277 4.8043 20.2812 7.34784 20.2812 10C20.2812 15.5228 15.8041 20 10.2812 20ZM10.7812 3V10.5H5.28125V9.5H9.78125V3H10.7812ZM10.2812 1C15.2518 1 19.2812 5.02944 19.2812 10C19.2812 14.9706 15.2518 19 10.2812 19C5.31069 19 1.28125 14.9706 1.28125 10C1.28125 5.02944 5.31069 1 10.2812 1Z\"\n        fill={fillColor}\n      />\n    </svg>\n  );\n};\n"],"names":["Clock","width","height","className","color","fillColor","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAN,GAAO;AAG1C,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWC,EAAKT,GAAWM,CAAO;AAAA,MAClC,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,SAAAI;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ;"}

package/dist/index.es228.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es250.js";
-import { clsx as n } from "./index.es253.js";
-import { createColorClasses as m } from "./index.es288.js";
+import { clsx as n } from "./index.es251.js";
+import { createColorClasses as m } from "./index.es252.js";
 const f = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es228.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es228.js","sources":["../src/icons/Rating/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const Rating = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  decorative = false,\r\n  ariaLabel = \"Rating\",\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 d=\"M12,1.7L9.5,9.2H1.6L8,13.9l-2.4,7.6l6.4-4.7l6.4,4.7L16,13.9l6.4-4.7h-7.9L12,1.7z\" />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Rating","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAS,CAAC;AAAA,EACrB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,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,IAAC,QAAK,EAAA,GAAE,mFAAmF,CAAA;AAAA,IAAA;AAAA,EAC7F;AAEJ;"}
+{"version":3,"file":"index.es228.js","sources":["../src/icons/Rating/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const Rating = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  decorative = false,\n  ariaLabel = \"Rating\",\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 d=\"M12,1.7L9.5,9.2H1.6L8,13.9l-2.4,7.6l6.4-4.7l6.4,4.7L16,13.9l6.4-4.7h-7.9L12,1.7z\" />\n    </svg>\n  );\n};\n"],"names":["Rating","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAS,CAAC;AAAA,EACrB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,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,IAAC,QAAK,EAAA,GAAE,mFAAmF,CAAA;AAAA,IAAA;AAAA,EAC7F;AAEJ;"}

package/dist/index.es229.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es288.js";
-import { clsx as f } from "./index.es253.js";
+import { createColorClasses as c } from "./index.es252.js";
+import { clsx as f } from "./index.es251.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es229.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es229.js","sources":["../src/icons/CircleLeftArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\r\nimport { IconProps } from \"@/types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport const CirlceLeftArrow = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color,\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Left arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"#0066cc\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\r\n        fill={color}\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["CirlceLeftArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es229.js","sources":["../src/icons/CircleLeftArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\nimport { IconProps } from \"@/types\";\nimport clsx from \"clsx\";\n\nexport const CirlceLeftArrow = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  onClick,\n  decorative = false,\n  ariaLabel = \"Left arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"#0066cc\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className, classes)}\n      onClick={onClick}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n"],"names":["CirlceLeftArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ;"}

package/dist/index.es23.js

@@ -1,10 +1,10 @@
 import { j as a } from "./index.es250.js";
 import { BaseModal as i } from "./index.es32.js";
-import { clsx as s } from "./index.es253.js";
+import { clsx as s } from "./index.es251.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es275.js";
-import { AddNewModalContent as p } from "./index.es276.js";
-import { AddNewModalFooter as n } from "./index.es277.js";
+import { AddNewModalHeader as l } from "./index.es276.js";
+import { AddNewModalContent as p } from "./index.es277.js";
+import { AddNewModalFooter as n } from "./index.es278.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es230.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es250.js";
-import { createColorClasses as C } from "./index.es288.js";
-import { clsx as c } from "./index.es253.js";
+import { createColorClasses as C } from "./index.es252.js";
+import { clsx as c } from "./index.es251.js";
 const p = ({
   width: l = 24,
   height: a = 24,

package/dist/index.es230.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es230.js","sources":["../src/icons/CircleRightArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\r\nimport { IconProps } from \"@/types\";\r\nimport clsx from \"clsx\";\r\n\r\nexport const CircleRightArrow = ({\r\n  width = 24,\r\n  height = 24,\r\n  className,\r\n  color = \"primary\",\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Left arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 20 20\"\r\n      fill=\"#0066cc\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <g transform=\"scale(-1, 1) translate(-20, 0)\">\r\n        <path\r\n          fillRule=\"evenodd\"\r\n          clipRule=\"evenodd\"\r\n          d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\r\n          fill={color}\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["CircleRightArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,kCACX,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA,EAEV,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es230.js","sources":["../src/icons/CircleRightArrow/index.tsx"],"sourcesContent":["import { createColorClasses } from \"@/theme/colors\";\nimport { IconProps } from \"@/types\";\nimport clsx from \"clsx\";\n\nexport const CircleRightArrow = ({\n  width = 24,\n  height = 24,\n  className,\n  color = \"primary\",\n  onClick,\n  decorative = false,\n  ariaLabel = \"Left arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"#0066cc\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className, classes)}\n      onClick={onClick}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <g transform=\"scale(-1, 1) translate(-20, 0)\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20ZM5.7 9.5H15V10.5H5.8L8.8 13.6L8.1 14.3L3.8 10L8.1 5.7L8.8 6.4L5.7 9.5ZM10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1Z\"\n          fill={color}\n        />\n      </g>\n    </svg>\n  );\n};\n"],"names":["CircleRightArrow","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,kCACX,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAMN;AAAA,QAAA;AAAA,MAAA,EAEV,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es24.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es250.js";
-import { clsx as o } from "./index.es253.js";
+import { clsx as o } from "./index.es251.js";
 import { Col as c } from "./index.es61.js";
 import { Row as e } from "./index.es116.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\r\nimport { Col } from \"../Col\";\r\nimport { Row } from \"../Row\";\r\nimport { File } from \"@/icons\";\r\nimport \"./AggregationItemCard.scss\";\r\nimport { Tag, TagProps } from \"../Tags\";\r\nimport { HeadingLevel } from \"@/types\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype AggregationItemCardProps = {\r\n  category?: {\r\n    type: string;\r\n    published_at: string;\r\n  };\r\n  tags?: Array<TagProps>;\r\n  totalTags?: number;\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string;\r\n  isExternal?: boolean;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const AggregationItemCard = ({\r\n  category,\r\n  tags = [],\r\n  totalTags = 2,\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h1\",\r\n  href,\r\n  isExternal = false,\r\n  asImage = \"img\",\r\n  className,\r\n  handleOnClick,\r\n}: AggregationItemCardProps) => {\r\n  const ImageComponent = asImage;\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n    >\r\n      <div className=\"category-header text-muted\">\r\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\r\n          {category && (\r\n            <File\r\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\r\n              width={30}\r\n              height={30}\r\n            />\r\n          )}\r\n          {category?.type ?? \" \"}\r\n        </Row>\r\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\r\n      </div>\r\n\r\n      {image?.src && (\r\n        <header className=\"image\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n          <div className=\"backdrop\"></div>\r\n        </header>\r\n      )}\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <a\r\n            className=\"text-decoration-none\"\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n            onClick={handleOnClick ?? undefined}\r\n          >\r\n            <TitleTag\r\n              className={clsx(\r\n                \"title\",\r\n                \"cursor-pointer hover-underline\",\r\n                \"text-primary fs-5 md-fs-custom-2\",\r\n              )}\r\n            >\r\n              {title}\r\n            </TitleTag>\r\n          </a>\r\n        </Row>\r\n      </Col>\r\n      <Col className=\"content-container gap-x16\">\r\n        <Row\r\n          className=\"topics-container\"\r\n          gap=\"x16\"\r\n          flexWrap=\"wrap\"\r\n          alignItems=\"flex-start\"\r\n        >\r\n          {tags.slice(0, totalTags).map((topic, index) => (\r\n            <Tag key={index} {...topic} />\r\n          ))}\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAoCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es24.js","sources":["../src/components/ui/AggregationItemCard/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ComponentType, ReactNode, MouseEvent } from \"react\";\nimport { Col } from \"../Col\";\nimport { Row } from \"../Row\";\nimport { File } from \"@/icons\";\nimport \"./AggregationItemCard.scss\";\nimport { Tag, TagProps } from \"../Tags\";\nimport { HeadingLevel } from \"@/types\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype AggregationItemCardProps = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  tags?: Array<TagProps>;\n  totalTags?: number;\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string | ReactNode;\n  description2?: string;\n  isExternal?: boolean;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const AggregationItemCard = ({\n  category,\n  tags = [],\n  totalTags = 2,\n  image,\n  title,\n  titleTag: TitleTag = \"h1\",\n  href,\n  isExternal = false,\n  asImage = \"img\",\n  className,\n  handleOnClick,\n}: AggregationItemCardProps) => {\n  const ImageComponent = asImage;\n  return (\n    <div\n      className={clsx(\n        \"ui-aggregation-item-card shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n    >\n      <div className=\"category-header text-muted\">\n        <Row gap=\"x4\" alignItems=\"center\" className=\"p-x0 m-x0\">\n          {category && (\n            <File\n              fillColor={image?.src ? \"#fff\" : \"#5C6F82\"}\n              width={30}\n              height={30}\n            />\n          )}\n          {category?.type ?? \" \"}\n        </Row>\n        <p className=\"date text-muted \">{category?.published_at ?? \" \"}</p>\n      </div>\n\n      {image?.src && (\n        <header className=\"image\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n          <div className=\"backdrop\"></div>\n        </header>\n      )}\n      <Col className=\"content-container gap-x16\">\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <a\n            className=\"text-decoration-none\"\n            href={href}\n            target={isExternal ? \"_blank\" : undefined}\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\n            onClick={handleOnClick ?? undefined}\n          >\n            <TitleTag\n              className={clsx(\n                \"title\",\n                \"cursor-pointer hover-underline\",\n                \"text-primary fs-5 md-fs-custom-2\",\n              )}\n            >\n              {title}\n            </TitleTag>\n          </a>\n        </Row>\n      </Col>\n      <Col className=\"content-container gap-x16\">\n        <Row\n          className=\"topics-container\"\n          gap=\"x16\"\n          flexWrap=\"wrap\"\n          alignItems=\"flex-start\"\n        >\n          {tags.slice(0, totalTags).map((topic, index) => (\n            <Tag key={index} {...topic} />\n          ))}\n        </Row>\n      </Col>\n    </div>\n  );\n};\n"],"names":["AggregationItemCard","category","tags","totalTags","image","title","TitleTag","href","isExternal","asImage","className","handleOnClick","ImageComponent","jsxs","clsx","Row","jsx","File","Col","topic","index","Tag"],"mappings":";;;;;;;AAoCO,MAAMA,IAAsB,CAAC;AAAA,EAClC,UAAAC;AAAA,EACA,MAAAC,IAAO,CAAC;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,QACAC,KAAiB;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAACE,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,UAAAA,gBAAAA,OAACE,KAAI,KAAI,MAAK,YAAW,UAAS,WAAU,aACzC,UAAA;AAAA,YACCd,KAAAe,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWb,KAAA,QAAAA,EAAO,MAAM,SAAS;AAAA,gBACjC,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,YACV;AAAA,aAEDH,KAAA,gBAAAA,EAAU,SAAQ;AAAA,UAAA,GACrB;AAAA,gCACC,KAAE,EAAA,WAAU,oBAAoB,WAAAA,KAAA,gBAAAA,EAAU,iBAAgB,IAAI,CAAA;AAAA,QAAA,GACjE;AAAA,SAECG,KAAA,gBAAAA,EAAO,QACLS,gBAAAA,OAAA,UAAA,EAAO,WAAU,SAChB,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAACJ;AAAA,YAAA;AAAA,cACC,KAAKR,KAAA,gBAAAA,EAAO;AAAA,cACZ,KAAKA,KAAA,gBAAAA,EAAO;AAAA,cACZ,OAAOA,KAAA,gBAAAA,EAAO;AAAA,YAAA;AAAA,UAChB;AAAA,UACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WAAW,CAAA;AAAA,QAAA,GAC5B;AAAA,QAEFA,gBAAAA,EAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAAA,IAACD,GAAI,EAAA,YAAY,UAAU,gBAAgB,iBAAiB,KAAK,MAC/D,UAAAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAAT;AAAA,YACA,QAAQC,IAAa,WAAW;AAAA,YAChC,KAAKA,IAAa,wBAAwB;AAAA,YAC1C,SAASG,KAAiB;AAAA,YAE1B,UAAAK,gBAAAA,EAAA;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,WAAWQ;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAAA,gBAEC,UAAAT;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,WAEJ,EACF,CAAA;AAAA,QACAW,gBAAAA,EAAAA,IAACE,GAAI,EAAA,WAAU,6BACb,UAAAF,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAS;AAAA,YACT,YAAW;AAAA,YAEV,UAAKb,EAAA,MAAM,GAAGC,CAAS,EAAE,IAAI,CAACgB,GAAOC,MACnCJ,gBAAAA,EAAA,IAAAK,GAAA,EAAiB,GAAGF,EAAA,GAAXC,CAAkB,CAC7B;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import { CheckCircle, ErrorExagon, Info, QuestionCircle } from \"@/icons\";\r\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\r\nimport React from \"react\";\r\nimport { Divider } from \"../Divider\";\r\nimport { Link } from \"../link\";\r\nimport \"./Alert.scss\";\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 | React.ReactNode;\r\n  subtitle: string | React.ReactNode;\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: <QuestionCircle color=\"warning\" width={32} height={32} />,\r\n  danger: <ErrorExagon width={32} height={32} />,\r\n  success: <CheckCircle 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  const showDivider = !!description || !!link?.title;\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          <h1 className=\"title\">{title}</h1>\r\n          <div className=\"subtitle\">{subtitle}</div>\r\n          {showDivider && <Divider bg=\"blue-30\" />}\r\n          <div className=\"description\">{description}</div>\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","QuestionCircle","jsx","ErrorExagon","CheckCircle","Alert","title","description","subtitle","link","variant","showDivider","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,+BAAUC,GAAe,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EAChE,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUC,GAAY,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AACtE,GAEaC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAc,CAAC,CAACJ,KAAe,CAAC,EAACE,KAAA,QAAAA,EAAM;AAE3C,SAAAP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBQ,CAAO,IAClD,UAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,IAAAb,EAAQW,CAAO;AAAA,IAChBE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,MAACV,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMI,GAAA;AAAA,MAC5BJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,YAAY,UAASM,GAAA;AAAA,MACnCG,KAAeT,gBAAAA,EAAAA,IAACW,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,MACrCX,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,eAAe,UAAYK,GAAA;AAAA,4BACzCO,GAAK,EAAA,OAAOL,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/ui/Alert/index.tsx"],"sourcesContent":["import { CheckCircle, ErrorExagon, Info, QuestionCircle } from \"@/icons\";\nimport { GetValues, Link as ILink } from \"@anoki/fse-common/dist\";\nimport React from \"react\";\nimport { Divider } from \"../Divider\";\nimport { Link } from \"../link\";\nimport \"./Alert.scss\";\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 | React.ReactNode;\n  subtitle: string | React.ReactNode;\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: <QuestionCircle color=\"warning\" width={32} height={32} />,\n  danger: <ErrorExagon width={32} height={32} />,\n  success: <CheckCircle 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  const showDivider = !!description || !!link?.title;\n  return (\n    <blockquote className={`styled-alert alert-${variant}`}>\n      <div className=\"container\">\n        {iconMap[variant]}\n        <div className=\"right-container\">\n          <h1 className=\"title\">{title}</h1>\n          <div className=\"subtitle\">{subtitle}</div>\n          {showDivider && <Divider bg=\"blue-30\" />}\n          <div className=\"description\">{description}</div>\n          <Link title={link.title} src={link.link} />\n        </div>\n      </div>\n    </blockquote>\n  );\n};\n"],"names":["AlertVariantEnum","iconMap","Info","QuestionCircle","jsx","ErrorExagon","CheckCircle","Alert","title","description","subtitle","link","variant","showDivider","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,+BAAUC,GAAe,EAAA,OAAM,WAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,EAChE,QAASC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,OAAO,IAAI,QAAQ,IAAI;AAAA,EAC5C,+BAAUC,GAAY,EAAA,OAAM,kBAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AACtE,GAEaC,IAA8B,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAM;AACJ,QAAMC,IAAc,CAAC,CAACJ,KAAe,CAAC,EAACE,KAAA,QAAAA,EAAM;AAE3C,SAAAP,gBAAAA,EAAA,IAAC,gBAAW,WAAW,sBAAsBQ,CAAO,IAClD,UAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACZ,UAAA;AAAA,IAAAb,EAAQW,CAAO;AAAA,IAChBE,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,MAACV,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMI,GAAA;AAAA,MAC5BJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,YAAY,UAASM,GAAA;AAAA,MACnCG,KAAeT,gBAAAA,EAAAA,IAACW,GAAQ,EAAA,IAAG,UAAU,CAAA;AAAA,MACrCX,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,eAAe,UAAYK,GAAA;AAAA,4BACzCO,GAAK,EAAA,OAAOL,EAAK,OAAO,KAAKA,EAAK,KAAM,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/{index.es253.js → index.es251.js}

@@ -15,4 +15,4 @@ export {
   i as clsx,
   i as default
 };
-//# sourceMappingURL=index.es253.js.map
+//# sourceMappingURL=index.es251.js.map

package/dist/{index.es253.js.map → index.es251.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es253.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es251.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es252.js

@@ -1,25 +1,5 @@
-import { j as m } from "./index.es250.js";
-import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
-import { clsx as n } from "./index.es253.js";
-const i = ({
-  label: r,
-  href: e,
-  isClickable: t,
-  asLink: o = "a"
-}) => {
-  const s = o;
-  return /* @__PURE__ */ m.jsx(
-    "span",
-    {
-      className: n("ui-breadcrumb-item", {
-        "active text-slate-20 fw-semibold": t,
-        "text-slate-28": !t
-      }),
-      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
-    }
-  );
-};
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  i as BreadcrumbItem
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es252.js.map

package/dist/index.es252.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es252.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <span\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es252.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  | \"blue-15\"\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":"AA8BA,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;"}

package/dist/index.es254.js

@@ -0,0 +1,25 @@
+import { j as m } from "./index.es250.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es251.js";
+const i = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "span",
+    {
+      className: n("ui-breadcrumb-item", {
+        "active text-slate-20 fw-semibold": t,
+        "text-slate-28": !t
+      }),
+      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
+    }
+  );
+};
+export {
+  i as BreadcrumbItem
+};
+//# sourceMappingURL=index.es254.js.map

package/dist/index.es254.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es254.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <span\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </span>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":";;;AAWO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAA2B;AACzB,QAAMC,IAAgBD;AAEpB,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,sBAAsB;AAAA,QACpC,oCAAoCJ;AAAA,QACpC,iBAAiB,CAACA;AAAA,MAAA,CACnB;AAAA,MAEA,eAAQA,IACPG,gBAAAA,MAACD,GAAc,EAAA,MAAAH,GAAa,aAAM,IAElCD;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es258.js

@@ -1,155 +1,146 @@
 import { j as e } from "./index.es250.js";
-import { Divider as g } from "./index.es72.js";
-import { LOGOS as d } from "./index.es11.js";
-import { HeaderSlim as N } from "./index.es13.js";
-import { clsx as n } from "./index.es253.js";
-import { Balancer as y } from "./index.es324.js";
-import { Button as w } from "./index.es34.js";
-import { Container as C } from "./index.es65.js";
-import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
-import { Row as t } from "./index.es116.js";
-const V = ({
-  title: r,
-  region: l,
-  asLink: x = "a",
-  labels: h,
-  navigatonItems: m,
-  supportLink: a,
-  loginLink: j = "/",
-  shortTitle: c,
-  headerTitleClassname: p,
-  children: f,
-  headerLogoUrl2: o
+import { Button as m } from "./index.es34.js";
+import { HeaderTopBanner as y } from "./index.es14.js";
+import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
+import { clsx as r } from "./index.es251.js";
+import { useFocusTrap as N } from "./index.es468.js";
+import { Container as k } from "./index.es65.js";
+import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
+import { Col as L } from "./index.es61.js";
+import { Hamburguer as E } from "./index.es163.js";
+import { Row as z } from "./index.es116.js";
+import { Close as M } from "./index.es164.js";
+const G = ({
+  shortTitle: h,
+  menuTitle: p = "Menù",
+  region: f,
+  asLink: t = "a",
+  navigatonItems: x,
+  labels: l,
+  loginLink: v = "/"
 }) => {
-  const i = x, v = d.nazionale, u = d[l];
-  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header bg-white", children: [
+  const b = t, [i, d] = g(!1), o = "main-navigation", c = w(null);
+  N(c, i);
+  const s = C(() => {
+    d(!i);
+  }, [i]);
+  u(() => (i ? document.body.classList.add("ui-body-overflow-hidden") : document.body.classList.remove("ui-body-overflow-hidden"), () => {
+    document.body.classList.remove("ui-body-overflow-hidden");
+  }), [i]), u(() => {
+    const n = (a) => {
+      a.key === "Escape" && i && s();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [i, s]);
+  const j = () => {
+    d(!1);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "sticky-header shadow", children: [
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        asLink: t,
+        shortTitle: h,
+        region: f
+      }
+    ),
     /* @__PURE__ */ e.jsxs(
-      N,
+      k,
       {
-        pt: "x16",
-        pb: "x16",
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
+        className: "bg-slate-20 min-h-x64 base-row align-items-center justify-content-end",
+        as: "header",
+        py: "x8",
         children: [
+          /* @__PURE__ */ e.jsxs(z, { gap: "x24", alignItems: "center", justifyContent: "end", children: [
+            /* @__PURE__ */ e.jsxs(
+              m,
+              {
+                size: "3",
+                bg: "white",
+                textColor: "primary",
+                href: v,
+                asLink: "a",
+                className: "ui-login-button-header-mobile",
+                children: [
+                  l.login,
+                  /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                "aria-expanded": i,
+                "aria-label": "Apri menu di navigazione",
+                onClick: s,
+                className: "ui-mobile-menu-toggle",
+                "aria-controls": o,
+                children: /* @__PURE__ */ e.jsx(E, { width: 40, height: 40, color: "white" })
+              }
+            )
+          ] }),
           /* @__PURE__ */ e.jsxs(
-            i,
+            "nav",
             {
-              href: "/",
-              className: "text-white fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",
+              id: o,
+              "aria-label": "Menu di navigazione",
+              className: r(i ? "ui-mobile-nav-panel" : "visually-hidden"),
+              ref: c,
               children: [
-                o && /* @__PURE__ */ e.jsx(
-                  "div",
+                /* @__PURE__ */ e.jsxs(L, { className: "ui-mobile-nav-header", children: [
+                  /* @__PURE__ */ e.jsxs(
+                    m,
+                    {
+                      size: "4",
+                      textColor: "primary",
+                      bg: "transparent",
+                      onClick: s,
+                      "aria-label": "Chiudi menu di navigazione",
+                      "aria-controls": o,
+                      children: [
+                        l.closeMenu,
+                        /* @__PURE__ */ e.jsx(M, {})
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx("h2", { className: "fs-3 text-slate-20", children: p })
+                ] }),
+                /* @__PURE__ */ e.jsx("ul", { className: "list-style-none p-x16", role: "list", children: x.map((n, a) => /* @__PURE__ */ e.jsx(
+                  "li",
                   {
-                    style: { backgroundImage: `url(${o})` },
-                    className: "ui-header-item-image"
-                  }
-                ),
-                c || r,
-                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                    className: r(
+                      "ui-mobile-nav-item",
+                      n.active && "active"
+                    ),
+                    children: /* @__PURE__ */ e.jsxs(
+                      b,
+                      {
+                        href: n.href,
+                        className: r(
+                          "text-decoration-none text-primary fs-5",
+                          n.active ? "fw-bold" : "fw-normal"
+                        ),
+                        onClick: j,
+                        target: n.isNewTab ? "_blank" : void 0,
+                        rel: n.isNewTab ? "noopener noreferrer" : void 0,
+                        children: [
+                          n.label,
+                          n.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                        ]
+                      }
+                    )
+                  },
+                  a
+                )) })
               ]
             }
-          ),
-          f
+          )
         ]
       }
-    ),
-    /* @__PURE__ */ e.jsxs("header", { className: "bg-white", children: [
-      /* @__PURE__ */ e.jsxs(
-        t,
-        {
-          py: "x20",
-          gap: "x16",
-          alignItems: "center",
-          justifyContent: "space-between",
-          className: "max-h-x116 ui-container",
-          children: [
-            /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", children: [
-              /* @__PURE__ */ e.jsxs(t, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
-                /* @__PURE__ */ e.jsx(v, { height: 44, width: 27 }),
-                l !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(g, { bg: "border-divider", direction: "vertical" }),
-                  /* @__PURE__ */ e.jsx(u, { width: 44, height: 44 })
-                ] })
-              ] }),
-              /* @__PURE__ */ e.jsx("h1", { className: n(p), children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsxs(
-                i,
-                {
-                  href: "/",
-                  className: " text-decoration-none  hover-underline_dark",
-                  children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: r }),
-                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
-                  ]
-                }
-              ) }) })
-            ] }),
-            /* @__PURE__ */ e.jsxs(w, { size: "2", href: j, asLink: "a", children: [
-              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
-                " ",
-                h.login,
-                " "
-              ] }),
-              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(
-        C,
-        {
-          containerClass: "ui-container",
-          className: "base-row align-items-center justify-content-between max-h-x52",
-          children: [
-            /* @__PURE__ */ e.jsx(t, { as: "ul", className: "list-style-none", role: "list", children: m.map((s, b) => /* @__PURE__ */ e.jsx(
-              "li",
-              {
-                className: n(
-                  "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
-                  s.active && "active"
-                ),
-                children: /* @__PURE__ */ e.jsxs(
-                  i,
-                  {
-                    href: s.href,
-                    className: n(
-                      "text-decoration-none fs-custom",
-                      s.active ? "fw-bold text-primary" : "fw-semibold text-primary"
-                    ),
-                    target: s.isNewTab ? "_blank" : void 0,
-                    rel: s.isNewTab ? "noopener noreferrer" : void 0,
-                    children: [
-                      s.label,
-                      s.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                    ]
-                  }
-                )
-              },
-              b
-            )) }),
-            a && /* @__PURE__ */ e.jsxs(
-              i,
-              {
-                href: a.href,
-                className: n(
-                  "text-decoration-none fs-custom py-x12 px-x24",
-                  a.active ? "fw-bold text-blue-30" : "fw-semibold text-primary",
-                  "ui-header-desktop-support-link",
-                  a.active && "active"
-                ),
-                children: [
-                  a.label,
-                  a.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
-                ]
-              }
-            )
-          ]
-        }
-      ) })
-    ] })
+    )
   ] });
 };
 export {
-  V as HeaderDesktop
+  G as HeaderMobile
 };
 //# sourceMappingURL=index.es258.js.map