@anoki/fse-ui 1.0.0-beta1.47.19 → 1.0.0-beta1.47.20

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
-import { clsx as n } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { clsx as n } from "./index.es242.js";
+import { createColorClasses as c } from "./index.es245.js";
 const p = ({
   width: o = 32,
   height: r = 32,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
-import { clsx as i } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as i } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
-import { clsx as n } from "./index.es243.js";
-import { createColorClasses as p } from "./index.es273.js";
+import { clsx as n } from "./index.es242.js";
+import { createColorClasses as p } from "./index.es245.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
-import { clsx as t } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { clsx as t } from "./index.es242.js";
+import { createColorClasses as m } from "./index.es245.js";
 const p = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as n } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { clsx as n } from "./index.es242.js";
+import { createColorClasses as m } from "./index.es245.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as n } from "./index.es243.js";
-import { createColorClasses as d } from "./index.es273.js";
+import { clsx as n } from "./index.es242.js";
+import { createColorClasses as d } from "./index.es245.js";
 const p = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
-import { BreadcrumbItem as i } from "./index.es285.js";
-import { clsx as l } from "./index.es243.js";
+import { BreadcrumbItem as i } from "./index.es257.js";
+import { clsx as l } from "./index.es242.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
 const n = ({
   items: e = [{ label: "Home", href: "#" }]

package/dist/index.es19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es19.js","sources":["../src/components/navigations/Breadcrumb/index.tsx"],"sourcesContent":["import {\n  BreadcrumbItem,\n  BreadcrumbItemProps,\n} from \"@/components/navigations/Breadcrumb/BreadcrumbItem.tsx\";\nimport clsx from \"clsx\";\nimport \"./Breadcrumb.scss\";\n\nexport type BreadcrumbProps = {\n  items: BreadcrumbItemProps[];\n};\n\nexport const Breadcrumb = ({\n  items = [{ label: \"Home\", href: \"#\" }],\n}: BreadcrumbProps) => {\n  return (\n    <nav aria-label=\"Percorso di navigazione\">\n      <ol className={clsx(\"ui-breadcrumb\", \"fs-6 md-fs-custom\")}>\n        {items.map((item, index) => (\n          <li key={index} className=\"ui-breadcrumb-wrapper\">\n            <BreadcrumbItem\n              label={item.label}\n              href={item.href}\n              asLink={item.asLink}\n              isClickable={item.isClickable ?? true}\n            />\n            {index < items.length - 1 && (\n              <span\n                className={clsx(\n                  \"ui-breadcrumb-separator\",\n                  \"fw-bold text-slate-28\",\n                )}\n                aria-hidden=\"true\"\n              >\n                /\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["Breadcrumb","items","jsx","clsx","item","index","jsxs","BreadcrumbItem"],"mappings":";;;;AAWO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ,CAAC,EAAE,OAAO,QAAQ,MAAM,IAAK,CAAA;AACvC,4BAEK,OAAI,EAAA,cAAW,2BACd,UAACC,gBAAAA,EAAAA,IAAA,MAAA,EAAG,WAAWC,EAAK,iBAAiB,mBAAmB,GACrD,UAAAF,EAAM,IAAI,CAACG,GAAMC,MACfC,gBAAAA,EAAA,KAAA,MAAA,EAAe,WAAU,yBACxB,UAAA;AAAA,EAAAJ,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,OAAOH,EAAK;AAAA,MACZ,MAAMA,EAAK;AAAA,MACX,QAAQA,EAAK;AAAA,MACb,aAAaA,EAAK,eAAe;AAAA,IAAA;AAAA,EACnC;AAAA,EACCC,IAAQJ,EAAM,SAAS,KACtBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MACb,UAAA;AAAA,IAAA;AAAA,EAAA;AAdI,EAAA,GAAAE,CAkBT,CACD,EACH,CAAA,GACF;"}
+{"version":3,"file":"index.es19.js","sources":["../src/components/navigations/Breadcrumb/index.tsx"],"sourcesContent":["import {\r\n  BreadcrumbItem,\r\n  BreadcrumbItemProps,\r\n} from \"@/components/navigations/Breadcrumb/BreadcrumbItem.tsx\";\r\nimport clsx from \"clsx\";\r\nimport \"./Breadcrumb.scss\";\r\n\r\nexport type BreadcrumbProps = {\r\n  items: BreadcrumbItemProps[];\r\n};\r\n\r\nexport const Breadcrumb = ({\r\n  items = [{ label: \"Home\", href: \"#\" }],\r\n}: BreadcrumbProps) => {\r\n  return (\r\n    <nav aria-label=\"Percorso di navigazione\">\r\n      <ol className={clsx(\"ui-breadcrumb\", \"fs-6 md-fs-custom\")}>\r\n        {items.map((item, index) => (\r\n          <li key={index} className=\"ui-breadcrumb-wrapper\">\r\n            <BreadcrumbItem\r\n              label={item.label}\r\n              href={item.href}\r\n              asLink={item.asLink}\r\n              isClickable={item.isClickable ?? true}\r\n            />\r\n            {index < items.length - 1 && (\r\n              <span\r\n                className={clsx(\r\n                  \"ui-breadcrumb-separator\",\r\n                  \"fw-bold text-slate-28\",\r\n                )}\r\n                aria-hidden=\"true\"\r\n              >\r\n                /\r\n              </span>\r\n            )}\r\n          </li>\r\n        ))}\r\n      </ol>\r\n    </nav>\r\n  );\r\n};\r\n"],"names":["Breadcrumb","items","jsx","clsx","item","index","jsxs","BreadcrumbItem"],"mappings":";;;;AAWO,MAAMA,IAAa,CAAC;AAAA,EACzB,OAAAC,IAAQ,CAAC,EAAE,OAAO,QAAQ,MAAM,IAAK,CAAA;AACvC,4BAEK,OAAI,EAAA,cAAW,2BACd,UAACC,gBAAAA,EAAAA,IAAA,MAAA,EAAG,WAAWC,EAAK,iBAAiB,mBAAmB,GACrD,UAAAF,EAAM,IAAI,CAACG,GAAMC,MACfC,gBAAAA,EAAA,KAAA,MAAA,EAAe,WAAU,yBACxB,UAAA;AAAA,EAAAJ,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,OAAOH,EAAK;AAAA,MACZ,MAAMA,EAAK;AAAA,MACX,QAAQA,EAAK;AAAA,MACb,aAAaA,EAAK,eAAe;AAAA,IAAA;AAAA,EACnC;AAAA,EACCC,IAAQJ,EAAM,SAAS,KACtBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MACb,UAAA;AAAA,IAAA;AAAA,EAAA;AAdI,EAAA,GAAAE,CAkBT,CACD,EACH,CAAA,GACF;"}

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
-import { clsx as a } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { clsx as a } from "./index.es242.js";
+import { createColorClasses as m } from "./index.es245.js";
 const v = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
-import { clsx as r } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { clsx as r } from "./index.es242.js";
+import { createColorClasses as m } from "./index.es245.js";
 const c = ({
   width: o = 24,
   height: i = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const x = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as a } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as a } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const x = ({
   width: r = 40,
   height: l = 40,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
-import { clsx as x } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { clsx as x } from "./index.es242.js";
+import { createColorClasses as c } from "./index.es245.js";
 const f = ({
   width: t = 24,
   height: o = 32,

package/dist/index.es195.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as a } from "./index.es243.js";
+import { clsx as a } from "./index.es242.js";
 const l = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as c } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { clsx as c } from "./index.es242.js";
+import { createColorClasses as m } from "./index.es245.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as c } from "./index.es243.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { clsx as c } from "./index.es242.js";
+import { createColorClasses as m } from "./index.es245.js";
 const w = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as C } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { clsx as C } from "./index.es242.js";
+import { createColorClasses as c } from "./index.es245.js";
 const p = ({
   width: r = 20,
   height: l = 20,

package/dist/index.es20.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as r } from "./index.es243.js";
+import { clsx as r } from "./index.es242.js";
 import './components/navigations/TabBar/TabBar.css';/* empty css            */
 import { Row as i } from "./index.es9.js";
 const p = ({

package/dist/index.es200.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as a } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as a } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const w = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es203.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es241.js";
-import { clsx as s } from "./index.es243.js";
+import { clsx as s } from "./index.es242.js";
 const x = ({
   width: r = 20,
   height: e = 20,

package/dist/index.es204.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es241.js";
-import { clsx as v } from "./index.es243.js";
+import { clsx as v } from "./index.es242.js";
 const m = ({
   width: e = 20,
   height: l = 20,

package/dist/index.es204.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es204.js","sources":["../src/icons/DeleteTrash/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\nimport clsx from \"clsx\";\n\ninterface DeleteTrashProps extends IconProps {\n  className?: string;\n}\n\nexport const DeleteTrash = ({\n  width = 20,\n  height = 20,\n  className,\n  fillColor = \"#B3261E\",\n  decorative = true,\n  ariaLabel = \"Icona\",\n}: DeleteTrashProps) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox={`0 0 ${width + 2} ${height + 2}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={clsx(className)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill={fillColor}\n        fillRule=\"evenodd\"\n        d=\"M15.5 3.5V4H21v1h-2v15.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20.5V5H3V4h5.5v-.5A1.5 1.5 0 0 1 10 2h4a1.5 1.5 0 0 1 1.5 1.5M10 3a.5.5 0 0 0-.5.5V4h5v-.5A.5.5 0 0 0 14 3zm8 17.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V5h12zM12.5 8h-1v10h1zM9 8v10H8V8zm7 10V8h-1v10z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["DeleteTrash","width","height","className","fillColor","decorative","ariaLabel","jsx","clsx"],"mappings":";;AAOO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAN;AAAA,IACA,QAAAC;AAAA,IACA,SAAS,OAAOD,IAAQ,CAAC,IAAIC,IAAS,CAAC;AAAA,IACvC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAWM,EAAKL,CAAS;AAAA,IACzB,eAAaE;AAAA,IACb,cAAaA,IAAyB,SAAZC;AAAA,IAE1B,UAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMH;AAAA,QACN,UAAS;AAAA,QACT,GAAE;AAAA,QACF,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACV;AACH;"}
+{"version":3,"file":"index.es204.js","sources":["../src/icons/DeleteTrash/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons\";\r\nimport clsx from \"clsx\";\r\n\r\ninterface DeleteTrashProps extends IconProps {\r\n  className?: string;\r\n}\r\n\r\nexport const DeleteTrash = ({\r\n  width = 20,\r\n  height = 20,\r\n  className,\r\n  fillColor = \"#B3261E\",\r\n  decorative = true,\r\n  ariaLabel = \"Icona\",\r\n}: DeleteTrashProps) => {\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox={`0 0 ${width + 2} ${height + 2}`}\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <path\r\n        fill={fillColor}\r\n        fillRule=\"evenodd\"\r\n        d=\"M15.5 3.5V4H21v1h-2v15.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20.5V5H3V4h5.5v-.5A1.5 1.5 0 0 1 10 2h4a1.5 1.5 0 0 1 1.5 1.5M10 3a.5.5 0 0 0-.5.5V4h5v-.5A.5.5 0 0 0 14 3zm8 17.5a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5V5h12zM12.5 8h-1v10h1zM9 8v10H8V8zm7 10V8h-1v10z\"\r\n        clipRule=\"evenodd\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["DeleteTrash","width","height","className","fillColor","decorative","ariaLabel","jsx","clsx"],"mappings":";;AAOO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAN;AAAA,IACA,QAAAC;AAAA,IACA,SAAS,OAAOD,IAAQ,CAAC,IAAIC,IAAS,CAAC;AAAA,IACvC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,WAAWM,EAAKL,CAAS;AAAA,IACzB,eAAaE;AAAA,IACb,cAAaA,IAAyB,SAAZC;AAAA,IAE1B,UAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMH;AAAA,QACN,UAAS;AAAA,QACT,GAAE;AAAA,QACF,UAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACV;AACH;"}

package/dist/index.es205.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const x = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const x = ({
   width: a = 24,
   height: e = 24,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
-import { clsx as i } from "./index.es243.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { clsx as i } from "./index.es242.js";
+import { createColorClasses as c } from "./index.es245.js";
 const h = ({
   width: e = 36,
   height: l = 36,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es241.js";
-import { clsx as t } from "./index.es243.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { clsx as t } from "./index.es242.js";
+import { createColorClasses as i } from "./index.es245.js";
 const p = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import { clsx as m } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as m } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es21.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es241.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es27.js";
-import { Divider as l } from "./index.es281.js";
-import { clsx as x } from "./index.es243.js";
+import { Divider as l } from "./index.es253.js";
+import { clsx as x } from "./index.es242.js";
 import { Row as d } from "./index.es9.js";
 const b = ({
   asLink: i = "a",

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Container } from \"@/components/ui/Container\";\nimport { Region, LOGOS } from \"../Header\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport clsx from \"clsx\";\nimport { Row } from \"@/components\";\n\nexport type HeaderTopBannerProps = {\n  asLink?: \"a\" | React.ComponentType<any>;\n  shortTitle: React.ReactNode;\n  region?: Region;\n  className?: string;\n};\n\nexport const HeaderTopBanner = ({\n  asLink = \"a\",\n  shortTitle,\n  region = \"marche\",\n  className,\n}: HeaderTopBannerProps) => {\n  const LinkComponent = asLink;\n\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  return (\n    <div className=\"bg-white\">\n      <Container\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\n        display=\"flex\"\n        alignItems=\"center\"\n        gap=\"x16\"\n        py=\"x8\"\n      >\n        <Row alignItems={\"center\"} gap={\"x8\"}>\n          <NationalIcon width={28} height={28} />\n\n          {region !== \"nazionale\" && (\n            <>\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\n              <RegionIcon width={28} height={28} />\n            </>\n          )}\n        </Row>\n\n        <LinkComponent\n          href=\"/\"\n          className={\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\n          }\n        >\n          {shortTitle}\n        </LinkComponent>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es21.js","sources":["../src/components/navigations/HeaderTopBanner/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport { Region, LOGOS } from \"../Header\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport clsx from \"clsx\";\r\nimport { Row } from \"@/components\";\r\n\r\nexport type HeaderTopBannerProps = {\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  shortTitle: React.ReactNode;\r\n  region?: Region;\r\n  className?: string;\r\n};\r\n\r\nexport const HeaderTopBanner = ({\r\n  asLink = \"a\",\r\n  shortTitle,\r\n  region = \"marche\",\r\n  className,\r\n}: HeaderTopBannerProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  return (\r\n    <div className=\"bg-white\">\r\n      <Container\r\n        className={clsx(\"min-h-x48 base-row align-items-center\", className)}\r\n        display=\"flex\"\r\n        alignItems=\"center\"\r\n        gap=\"x16\"\r\n        py=\"x8\"\r\n      >\r\n        <Row alignItems={\"center\"} gap={\"x8\"}>\r\n          <NationalIcon width={28} height={28} />\r\n\r\n          {region !== \"nazionale\" && (\r\n            <>\r\n              <Divider direction=\"vertical\" bg=\"border-divider\" />\r\n              <RegionIcon width={28} height={28} />\r\n            </>\r\n          )}\r\n        </Row>\r\n\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={\r\n            \"fs-7 text-decoration-none text-slate-20 fw-regular d-block hover-underline\"\r\n          }\r\n        >\r\n          {shortTitle}\r\n        </LinkComponent>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderTopBanner","asLink","shortTitle","region","className","LinkComponent","NationalIcon","LOGOS","RegionIcon","jsx","jsxs","Container","clsx","Row","Fragment","Divider"],"mappings":";;;;;;AAeO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAgBJ,GAEhBK,IAAeC,EAAM,WACrBC,IAAaD,EAAMJ,CAAM;AAG7B,SAAAM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,YACb,UAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,yCAAyCR,CAAS;AAAA,MAClE,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,KAAI;AAAA,MACJ,IAAG;AAAA,MAEH,UAAA;AAAA,QAAAM,gBAAAA,EAAA,KAACG,GAAI,EAAA,YAAY,UAAU,KAAK,MAC9B,UAAA;AAAA,UAAAJ,gBAAAA,EAAA,IAACH,GAAa,EAAA,OAAO,IAAI,QAAQ,IAAI;AAAA,UAEpCH,MAAW,eAERO,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAL,gBAAAA,EAAA,IAACM,GAAQ,EAAA,WAAU,YAAW,IAAG,kBAAiB;AAAA,YACjDN,gBAAAA,EAAA,IAAAD,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,UAAA,EACrC,CAAA;AAAA,QAAA,GAEJ;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WACE;AAAA,YAGD,UAAAH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
-import { clsx as n } from "./index.es243.js";
-import { createColorClasses as a } from "./index.es273.js";
+import { clsx as n } from "./index.es242.js";
+import { createColorClasses as a } from "./index.es245.js";
 const p = ({
   width: s = 32,
   height: l = 32,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
-import { clsx as a } from "./index.es243.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { clsx as a } from "./index.es242.js";
+import { createColorClasses as n } from "./index.es245.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es212.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
-import { createColorClasses as H } from "./index.es273.js";
-import { clsx as V } from "./index.es243.js";
+import { createColorClasses as H } from "./index.es245.js";
+import { clsx as V } from "./index.es242.js";
 const m = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es218.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
-import { clsx as x } from "./index.es243.js";
-import { createColorClasses as h } from "./index.es273.js";
+import { clsx as x } from "./index.es242.js";
+import { createColorClasses as h } from "./index.es245.js";
 const f = ({
   width: s = 73,
   height: r = 73,

package/dist/index.es220.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
-import { clsx as a } from "./index.es243.js";
-import { createColorClasses as l } from "./index.es273.js";
+import { clsx as a } from "./index.es242.js";
+import { createColorClasses as l } from "./index.es245.js";
 const p = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es221.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es241.js";
-import { createColorClasses as m } from "./index.es273.js";
-import { clsx as c } from "./index.es243.js";
+import { createColorClasses as m } from "./index.es245.js";
+import { clsx as c } from "./index.es242.js";
 const f = ({
   width: o = 24,
   height: s = 24,

package/dist/index.es23.js.map

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

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es241.js";
-import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es290.js";
-import { clsx as o } from "./index.es243.js";
-import { createColorClasses as h } from "./index.es273.js";
+import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es262.js";
+import { clsx as o } from "./index.es242.js";
+import { createColorClasses as h } from "./index.es245.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as w } from "./index.es157.js";
 import { Row as p } from "./index.es9.js";

package/dist/index.es24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es24.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport clsx from \"clsx\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport \"./Dropdown.scss\";\nimport { Row } from \"@/components\";\n\ntype DropdownOption = {\n  label: string;\n  href?: string;\n  onClick?: () => void;\n  active?: boolean;\n};\n\ntype DropdownProps = {\n  text: string;\n  leftIcon?: React.ReactNode;\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n  textColor?: ColorKeys;\n};\n\ntype DropdownMenuContentProps = {\n  options: DropdownOption[];\n  asLinkItem?: \"a\" | React.ComponentType<any>;\n};\n\nexport const Dropdown = ({\n  text,\n  leftIcon,\n  options,\n  asLinkItem,\n  textColor = \"white\",\n}: DropdownProps) => {\n  const textColorClass = createColorClasses({ text: textColor });\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <button\n          className={clsx(\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\n            textColorClass,\n            \"ui-dropdown-trigger\",\n          )}\n        >\n          {leftIcon && leftIcon}\n          <Row as={\"span\"} gap={\"x4\"}>\n            {text}\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\n          </Row>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\n    </DropdownMenu.Root>\n  );\n};\n\nconst DropdownMenuContent = ({\n  options,\n  asLinkItem,\n}: DropdownMenuContentProps) => {\n  if (options.length === 0) return null;\n\n  const LinkComponent = asLinkItem ?? \"a\";\n\n  return (\n    <DropdownMenu.Portal>\n      <DropdownMenu.Content\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\n      >\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\n          {options.map((option, index) => (\n            <DropdownMenu.Item\n              key={index}\n              asChild\n              className={\"ui-dropdown-menu-item\"}\n            >\n              {option.href ? (\n                <LinkComponent\n                  href={option.href}\n                  className={clsx(\n                    \"fs-6 text-decoration-none\",\n                    option.active\n                      ? `text-primary fw-semibold`\n                      : `text-slate-28 fw-regular`,\n                  )}\n                >\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </LinkComponent>\n              ) : (\n                <button\n                  onClick={option.onClick}\n                  className={clsx(\n                    \"fs-6 text-decoration-none bg-white outline-none border-none text-left\",\n                    option.active\n                      ? `text-primary fw-semibold`\n                      : `text-slate-28 fw-regular`,\n                  )}\n                >\n                  {option.label}\n                  {option.active && (\n                    <span className=\"visually-hidden\">Attivo</span>\n                  )}\n                </button>\n              )}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Group>\n      </DropdownMenu.Content>\n    </DropdownMenu.Portal>\n  );\n};\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":";;;;;;;AA2BO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAqB;AACnB,QAAMC,IAAiBC,EAAmB,EAAE,MAAMF,GAAW;AAG3D,SAAAG,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,SAAO,IAC3B,UAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,UACAN;AAAA,UACA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAYJ,KAAAA;AAAA,UACZM,gBAAAA,EAAA,KAAAK,GAAA,EAAI,IAAI,QAAQ,KAAK,MACnB,UAAA;AAAA,YAAAZ;AAAA,YACAS,gBAAAA,EAAA,IAAAI,GAAA,EAAU,OAAOT,GAAW,WAAW,WAAY,CAAA;AAAA,UAAA,EACtD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACAK,gBAAAA,EAAAA,IAACK,GAAoB,EAAA,SAAAZ,GAAkB,YAAAC,EAAwB,CAAA;AAAA,EAAA,GACjE;AAEJ,GAEMW,IAAsB,CAAC;AAAA,EAC3B,SAAAZ;AAAA,EACA,YAAAC;AACF,MAAgC;AAC1B,MAAAD,EAAQ,WAAW,EAAU,QAAA;AAEjC,QAAMa,IAAgBZ,KAAc;AAGlC,SAAAM,gBAAAA,MAACO,GAAA,EACC,UAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MAEX,UAAAR,gBAAAA,EAAA,IAACS,GAAA,EAAmB,WAAW,0BAC5B,UAAQhB,EAAA,IAAI,CAACiB,GAAQC,MACpBX,gBAAAA,EAAA;AAAA,QAACY;AAAAA,QAAA;AAAA,UAEC,SAAO;AAAA,UACP,WAAW;AAAA,UAEV,YAAO,OACNd,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMI,EAAO;AAAA,cACb,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAI5CF,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASY,EAAO;AAAA,cAChB,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAE5C;AAAA,QAjCGW;AAAA,MAAA,CAoCR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es24.js","sources":["../src/components/ui/Dropdown/index.tsx"],"sourcesContent":["import { ArrowDown } from \"@/icons\";\r\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\r\nimport clsx from \"clsx\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Dropdown.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype DropdownOption = {\r\n  label: string;\r\n  href?: string;\r\n  onClick?: () => void;\r\n  active?: boolean;\r\n};\r\n\r\ntype DropdownProps = {\r\n  text: string;\r\n  leftIcon?: React.ReactNode;\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n  textColor?: ColorKeys;\r\n};\r\n\r\ntype DropdownMenuContentProps = {\r\n  options: DropdownOption[];\r\n  asLinkItem?: \"a\" | React.ComponentType<any>;\r\n};\r\n\r\nexport const Dropdown = ({\r\n  text,\r\n  leftIcon,\r\n  options,\r\n  asLinkItem,\r\n  textColor = \"white\",\r\n}: DropdownProps) => {\r\n  const textColorClass = createColorClasses({ text: textColor });\r\n\r\n  return (\r\n    <DropdownMenu.Root>\r\n      <DropdownMenu.Trigger asChild>\r\n        <button\r\n          className={clsx(\r\n            \"border-none bg-transparent base-row gap-x8 fw-regular fs-6 align-items-center\",\r\n            textColorClass,\r\n            \"ui-dropdown-trigger\",\r\n          )}\r\n        >\r\n          {leftIcon && leftIcon}\r\n          <Row as={\"span\"} gap={\"x4\"}>\r\n            {text}\r\n            <ArrowDown color={textColor} className={\"ui-arrow\"} />\r\n          </Row>\r\n        </button>\r\n      </DropdownMenu.Trigger>\r\n      <DropdownMenuContent options={options} asLinkItem={asLinkItem} />\r\n    </DropdownMenu.Root>\r\n  );\r\n};\r\n\r\nconst DropdownMenuContent = ({\r\n  options,\r\n  asLinkItem,\r\n}: DropdownMenuContentProps) => {\r\n  if (options.length === 0) return null;\r\n\r\n  const LinkComponent = asLinkItem ?? \"a\";\r\n\r\n  return (\r\n    <DropdownMenu.Portal>\r\n      <DropdownMenu.Content\r\n        className={\"bg-white shadow ui-dropdown-menu-content\"}\r\n      >\r\n        <DropdownMenu.Group className={\"ui-dropdown-menu-group\"}>\r\n          {options.map((option, index) => (\r\n            <DropdownMenu.Item\r\n              key={index}\r\n              asChild\r\n              className={\"ui-dropdown-menu-item\"}\r\n            >\r\n              {option.href ? (\r\n                <LinkComponent\r\n                  href={option.href}\r\n                  className={clsx(\r\n                    \"fs-6 text-decoration-none\",\r\n                    option.active\r\n                      ? `text-primary fw-semibold`\r\n                      : `text-slate-28 fw-regular`,\r\n                  )}\r\n                >\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </LinkComponent>\r\n              ) : (\r\n                <button\r\n                  onClick={option.onClick}\r\n                  className={clsx(\r\n                    \"fs-6 text-decoration-none bg-white outline-none border-none text-left\",\r\n                    option.active\r\n                      ? `text-primary fw-semibold`\r\n                      : `text-slate-28 fw-regular`,\r\n                  )}\r\n                >\r\n                  {option.label}\r\n                  {option.active && (\r\n                    <span className=\"visually-hidden\">Attivo</span>\r\n                  )}\r\n                </button>\r\n              )}\r\n            </DropdownMenu.Item>\r\n          ))}\r\n        </DropdownMenu.Group>\r\n      </DropdownMenu.Content>\r\n    </DropdownMenu.Portal>\r\n  );\r\n};\r\n"],"names":["Dropdown","text","leftIcon","options","asLinkItem","textColor","textColorClass","createColorClasses","jsxs","DropdownMenu.Root","jsx","DropdownMenu.Trigger","clsx","Row","ArrowDown","DropdownMenuContent","LinkComponent","DropdownMenu.Portal","DropdownMenu.Content","DropdownMenu.Group","option","index","DropdownMenu.Item"],"mappings":";;;;;;;AA2BO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAqB;AACnB,QAAMC,IAAiBC,EAAmB,EAAE,MAAMF,GAAW;AAG3D,SAAAG,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAqB,SAAO,IAC3B,UAAAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWI;AAAA,UACT;AAAA,UACAN;AAAA,UACA;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAYJ,KAAAA;AAAA,UACZM,gBAAAA,EAAA,KAAAK,GAAA,EAAI,IAAI,QAAQ,KAAK,MACnB,UAAA;AAAA,YAAAZ;AAAA,YACAS,gBAAAA,EAAA,IAAAI,GAAA,EAAU,OAAOT,GAAW,WAAW,WAAY,CAAA;AAAA,UAAA,EACtD,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACAK,gBAAAA,EAAAA,IAACK,GAAoB,EAAA,SAAAZ,GAAkB,YAAAC,EAAwB,CAAA;AAAA,EAAA,GACjE;AAEJ,GAEMW,IAAsB,CAAC;AAAA,EAC3B,SAAAZ;AAAA,EACA,YAAAC;AACF,MAAgC;AAC1B,MAAAD,EAAQ,WAAW,EAAU,QAAA;AAEjC,QAAMa,IAAgBZ,KAAc;AAGlC,SAAAM,gBAAAA,MAACO,GAAA,EACC,UAAAP,gBAAAA,EAAA;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MAEX,UAAAR,gBAAAA,EAAA,IAACS,GAAA,EAAmB,WAAW,0BAC5B,UAAQhB,EAAA,IAAI,CAACiB,GAAQC,MACpBX,gBAAAA,EAAA;AAAA,QAACY;AAAAA,QAAA;AAAA,UAEC,SAAO;AAAA,UACP,WAAW;AAAA,UAEV,YAAO,OACNd,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMI,EAAO;AAAA,cACb,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,IAI5CF,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASY,EAAO;AAAA,cAChB,WAAWR;AAAA,gBACT;AAAA,gBACAQ,EAAO,SACH,6BACA;AAAA,cACN;AAAA,cAEC,UAAA;AAAA,gBAAOA,EAAA;AAAA,gBACPA,EAAO,UACNV,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,mBAAkB,UAAM,SAAA,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAE5C;AAAA,QAjCGW;AAAA,MAAA,CAoCR,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es242.js

@@ -0,0 +1,18 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};
+//# sourceMappingURL=index.es242.js.map

package/dist/index.es242.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es242.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.es243.js

@@ -1,18 +1,30 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
 export {
-  i as clsx,
-  i as default
+  a as createSpacingClasses
 };
 //# sourceMappingURL=index.es243.js.map

package/dist/index.es243.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es243.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.es243.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\r\n  | \"x4\"\r\n  | \"x8\"\r\n  | \"x12\"\r\n  | \"x16\"\r\n  | \"x20\"\r\n  | \"x24\"\r\n  | \"x28\"\r\n  | \"x32\"\r\n  | \"x36\"\r\n  | \"x40\"\r\n  | \"x44\"\r\n  | \"x48\"\r\n  | \"x52\"\r\n  | \"x56\"\r\n  | \"x60\"\r\n  | \"x64\"\r\n  | \"x68\"\r\n  | \"x72\"\r\n  | \"x76\"\r\n  | \"x80\"\r\n  | \"x84\"\r\n  | \"x88\"\r\n  | \"x92\"\r\n  | \"x96\"\r\n  | \"x100\"\r\n  | \"x104\";\r\n\r\nexport type SpacingProps = {\r\n  gap?: SpacingKey;\r\n  m?: SpacingKey; // margin\r\n  mx?: SpacingKey; // margin x\r\n  my?: SpacingKey; // margin y\r\n  mt?: SpacingKey; // margin top\r\n  mr?: SpacingKey; // margin bottom\r\n  mb?: SpacingKey; // margin right\r\n  ml?: SpacingKey; // margin left\r\n  p?: SpacingKey; // padding\r\n  px?: SpacingKey; // padding x\r\n  py?: SpacingKey; // padding y\r\n  pt?: SpacingKey; // padding top\r\n  pr?: SpacingKey; // padding bottom\r\n  pb?: SpacingKey; // padding right\r\n  pl?: SpacingKey; // padding left\r\n  br?: SpacingKey; // border-radius\r\n  \"br-t\"?: SpacingKey; // border-radius top\r\n  \"br-r\"?: SpacingKey; // border-radius right\r\n  \"br-b\"?: SpacingKey; // border-radius bottom\r\n  \"br-l\"?: SpacingKey; // border-radius left\r\n  \"min-h\"?: SpacingKey; // min-height\r\n  \"min-w\"?: SpacingKey; // min-width\r\n  \"max-h\"?: SpacingKey; // max-height\r\n  \"max-w\"?: SpacingKey; // max-width\r\n};\r\n\r\nexport type SpacingPropsKeys = keyof SpacingProps;\r\nconst spacingPropsKeys: SpacingPropsKeys[] = [\r\n  \"gap\",\r\n  \"m\",\r\n  \"mx\",\r\n  \"my\",\r\n  \"mt\",\r\n  \"mr\",\r\n  \"mb\",\r\n  \"ml\",\r\n  \"p\",\r\n  \"px\",\r\n  \"py\",\r\n  \"pt\",\r\n  \"pr\",\r\n  \"pb\",\r\n  \"pl\",\r\n  \"br\",\r\n  \"br-t\",\r\n  \"br-r\",\r\n  \"br-b\",\r\n  \"br-l\",\r\n  \"min-h\",\r\n  \"min-w\",\r\n  \"max-h\",\r\n  \"max-w\",\r\n];\r\n\r\nexport const createSpacingClasses = <TProps extends SpacingProps>(\r\n  props: TProps,\r\n) => {\r\n  return spacingPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"AAwDA,MAAMA,IAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB,CAClCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/index.es245.js

@@ -1,6 +1,5 @@
-import { __require as r } from "./index.es455.js";
-var a = 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 {
-  a as l
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es245.js.map

package/dist/index.es245.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es245.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es245.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\r\n  | \"primary\"\r\n  | \"white\"\r\n  | \"status-success\"\r\n  | \"warning\"\r\n  | \"error\"\r\n  | \"muted\"\r\n  | \"emphasis\"\r\n  | \"slate-20\"\r\n  | \"slate-14\"\r\n  | \"slate-28\"\r\n  | \"border-divider\"\r\n  | \"transparent\"\r\n  | \"blue-30\"\r\n  | \"blue-15\"\r\n  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\"\r\n  | \"blue-48\";\r\n\r\nexport type ColorProps = {\r\n  bg?: ColorKeys;\r\n  text?: ColorKeys;\r\n  color?: ColorKeys;\r\n  border?: ColorKeys;\r\n};\r\n\r\nexport type ColorPropsKeys = keyof ColorProps;\r\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\r\n\r\nexport const createColorClasses = <TProps extends ColorProps>(\r\n  props: TProps,\r\n) => {\r\n  return colorPropsKeys\r\n    .map((key) => {\r\n      if (!props[key]) return \"\";\r\n\r\n      if (key === \"color\") return `text-${props[key]}`;\r\n      return `${key}-${props[key]}`;\r\n    })\r\n    .filter(Boolean);\r\n};\r\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.es274.js → index.es246.js}

@@ -2,4 +2,4 @@ const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filt
 export {
   t as createTypographyClasses
 };
-//# sourceMappingURL=index.es274.js.map
+//# sourceMappingURL=index.es246.js.map