@anoki/fse-ui 1.0.341 → 1.0.342

package/dist/index.es46.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { Title as e } from "./index.es208.js";
-import { Description as s } from "./index.es209.js";
+import { Title as e } from "./index.es204.js";
+import { Description as s } from "./index.es205.js";
 const t = ({ className: o, children: i }) => /* @__PURE__ */ r.jsx("section", { className: o, children: i });
 t.Title = e;
 t.Description = s;

package/dist/index.es47.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es139.js";
-import { Root as l, Thumb as c } from "./index.es210.js";
+import { Root as l, Thumb as c } from "./index.es206.js";
 import { Row as x } from "./index.es9.js";
 import './components/ui/Switch/Switch.css';/* empty css            */
 const p = ({

package/dist/index.es48.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es139.js";
-import { Root as h, Indicator as m } from "./index.es172.js";
+import { Root as h, Indicator as m } from "./index.es168.js";
 import { Row as l } from "./index.es9.js";
-import d from "./index.es212.js";
+import d from "./index.es208.js";
 import './components/ui/Checkbox/Checkbox.css';/* empty css            */
-import { clsx as p } from "./index.es141.js";
+import { clsx as p } from "./index.es140.js";
 const C = ({
   id: o,
   label: t,

package/dist/index.es49.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es139.js";
-import { clsx as d } from "./index.es141.js";
+import { clsx as d } from "./index.es140.js";
 import './components/ui/filters/BottomNavigation/BottomNavigation.css';/* empty css            */
 import { Col as f } from "./index.es10.js";
 import { Button as s } from "./index.es25.js";

package/dist/index.es50.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
 import { CheckboxFilter as t } from "./index.es61.js";
-import { clsx as x } from "./index.es141.js";
+import { clsx as x } from "./index.es140.js";
 import './components/ui/filters/CategoryContent/CategoryContent.css';/* empty css            */
 import { Col as d } from "./index.es10.js";
 const C = ({

package/dist/index.es51.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es139.js";
-import { clsx as t } from "./index.es141.js";
+import { clsx as t } from "./index.es140.js";
 import './components/ui/filters/CategoryHeader/CategoryHeader.css';/* empty css            */
 import { ArrowDown as n } from "./index.es77.js";
 const b = ({

package/dist/index.es52.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es139.js";
-import { Title as a } from "./index.es183.js";
-import { clsx as i } from "./index.es141.js";
+import { Title as a } from "./index.es179.js";
+import { clsx as i } from "./index.es140.js";
 import { Button as l } from "./index.es25.js";
 import { Close as m } from "./index.es80.js";
 const f = ({

package/dist/index.es53.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es139.js";
 import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
-import { clsx as o } from "./index.es141.js";
+import { clsx as o } from "./index.es140.js";
 import { Row as n } from "./index.es9.js";
 const d = ({
   chips: t,

package/dist/index.es54.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es139.js";
-import t from "./index.es212.js";
+import t from "./index.es208.js";
 import './components/ui/CardReminder/CardReminder.css';/* empty css            */
 import { Calendar as m } from "./index.es94.js";
 const h = ({

package/dist/index.es55.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
 import { Avatar as f } from "./index.es56.js";
-import { Divider as t } from "./index.es155.js";
+import { Divider as t } from "./index.es151.js";
 import { Button as C } from "./index.es25.js";
 import './components/ui/CardDoctor/CardDoctor.css';/* empty css            */
 import { Row as p } from "./index.es9.js";

package/dist/index.es56.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es139.js";
-import { createColorClasses as l } from "./index.es147.js";
-import { clsx as x } from "./index.es141.js";
+import { createColorClasses as l } from "./index.es143.js";
+import { clsx as x } from "./index.es140.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es58.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es139.js";
-import { clsx as d } from "./index.es141.js";
+import { clsx as d } from "./index.es140.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as m } from "./index.es10.js";
 const n = ({

package/dist/index.es59.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es139.js";
-import { clsx as u } from "./index.es141.js";
+import { clsx as u } from "./index.es140.js";
 import C, { useMemo as N } from "react";
 import { InfoPopup as R } from "./index.es66.js";
-import "./index.es221.js";
+import "./index.es217.js";
 import { Favourite as j } from "./index.es102.js";
 import { Row as n } from "./index.es9.js";
 const v = ({

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es139.js";
-import { clsx as l } from "./index.es141.js";
+import { clsx as l } from "./index.es140.js";
 import { useMemo as u } from "react";
-import { createSpacingClasses as x } from "./index.es145.js";
+import { createSpacingClasses as x } from "./index.es141.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const v = ({
   as: o,

package/dist/index.es60.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es139.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as r } from "./index.es141.js";
+import { clsx as r } from "./index.es140.js";
 import { MoreActions as d } from "./index.es105.js";
 import { Row as e } from "./index.es9.js";
 const N = ({

package/dist/index.es61.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es139.js";
-import { Root as h, Indicator as m } from "./index.es172.js";
+import { Root as h, Indicator as m } from "./index.es168.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import p from "./index.es212.js";
-import { clsx as d } from "./index.es141.js";
+import p from "./index.es208.js";
+import { clsx as d } from "./index.es140.js";
 import { Row as n } from "./index.es9.js";
 const C = ({
   id: r,

package/dist/index.es63.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es139.js";
 import './components/ui/CardExemption/CardExemption.css';/* empty css            */
-import { clsx as t } from "./index.es141.js";
+import { clsx as t } from "./index.es140.js";
 import { Row as n } from "./index.es9.js";
 import { ArrowDown as x } from "./index.es77.js";
 const w = ({

package/dist/index.es65.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es139.js";
 import * as _ from "react";
-import { clsx as c } from "./index.es141.js";
+import { clsx as c } from "./index.es140.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { ActionIconText as q } from "./index.es59.js";
 import { TriangleUp as G } from "./index.es114.js";

package/dist/index.es66.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
 import { useRef as c, useEffect as f } from "react";
-import { clsx as l } from "./index.es141.js";
+import { clsx as l } from "./index.es140.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
 import { Close as p } from "./index.es80.js";
 const E = ({

package/dist/index.es68.js

@@ -2,7 +2,7 @@ import { j as i } from "./index.es139.js";
 import n from "./index.es120.js";
 import "./index.es3.js";
 import './components/ui/DatePicker/DatePicker.css';/* empty css            */
-import { clsx as D } from "./index.es141.js";
+import { clsx as D } from "./index.es140.js";
 import { useRef as h, useEffect as j } from "react";
 const F = ({
   label: s,

package/dist/index.es69.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es139.js";
-import { clsx as h } from "./index.es141.js";
+import { clsx as h } from "./index.es140.js";
 import { useRef as k, useEffect as N } from "react";
 import { DatePicker as x } from "./index.es68.js";
 import { Row as $ } from "./index.es9.js";

package/dist/index.es7.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es139.js";
 import { useMemo as i } from "react";
-import { clsx as m } from "./index.es141.js";
-import { createSpacingClasses as c } from "./index.es145.js";
+import { clsx as m } from "./index.es140.js";
+import { createSpacingClasses as c } from "./index.es141.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es139.js";
-import { clsx as t } from "./index.es141.js";
+import { clsx as t } from "./index.es140.js";
 import { ActionIconText as n } from "./index.es59.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
 import { Info as r } from "./index.es116.js";

package/dist/index.es71.js

@@ -1,27 +1,35 @@
-import { j as i } from "./index.es139.js";
-import { Root as r, Portal as n, Content as d } from "./index.es183.js";
+import { j as o } from "./index.es139.js";
+import { Root as r, Portal as t, Content as c } from "./index.es179.js";
 import './components/ui/InfoModal/InfoModal.css';/* empty css            */
-import { Row as t } from "./index.es9.js";
-import { Calendar as c } from "./index.es94.js";
+import { Row as s } from "./index.es9.js";
+import { Actions as d } from "./index.es101.js";
 import { Close as m } from "./index.es80.js";
-const g = ({ open: s, setOpen: o, id: a = "", title: e, text: l }) => /* @__PURE__ */ i.jsx(r, { open: s, onOpenChange: o, children: /* @__PURE__ */ i.jsx(n, { children: /* @__PURE__ */ i.jsx(d, { className: " shadow br-x4 ui-base-modal-body ", id: a, children: /* @__PURE__ */ i.jsx(
+const u = ({ open: e, setOpen: i, id: a = "", title: l, text: n }) => /* @__PURE__ */ o.jsx(r, { open: e, onOpenChange: i, children: /* @__PURE__ */ o.jsx(t, { children: /* @__PURE__ */ o.jsx(c, { className: " shadow br-x4 ui-base-modal-body ", id: a, children: /* @__PURE__ */ o.jsx(
   "div",
   {
     className: "bg-lightblue-a03 ui-info-modal-container shadow br-x4 ",
-    children: /* @__PURE__ */ i.jsxs(t, { pt: "x16", px: "x24", pb: "x24", gap: "x16", children: [
-      /* @__PURE__ */ i.jsxs("div", { className: "ui-info-modal-icon base-row bg-lightblue-a03", children: [
-        /* @__PURE__ */ i.jsx("div", { className: "ui-card-notifications-badge-container", children: /* @__PURE__ */ i.jsx("div", { className: "ui-card-notifications-badge" }) }),
-        /* @__PURE__ */ i.jsx(c, { width: 24, height: 26, color: "slate-28" })
+    children: /* @__PURE__ */ o.jsxs(s, { pt: "x16", px: "x24", pb: "x24", gap: "x16", children: [
+      /* @__PURE__ */ o.jsxs("div", { className: "ui-info-modal-icon base-row bg-lightblue-a03", children: [
+        /* @__PURE__ */ o.jsx("div", { className: "ui-info-modal-badge-container", children: /* @__PURE__ */ o.jsx("div", { className: "ui-info-modal-badge" }) }),
+        /* @__PURE__ */ o.jsx(
+          s,
+          {
+            className: "ui-info-modal-action-container",
+            alignItems: "center",
+            justifyContent: "center",
+            children: /* @__PURE__ */ o.jsx(d, { width: 24, height: 26, color: "slate-28" })
+          }
+        )
       ] }),
-      /* @__PURE__ */ i.jsxs("div", { className: "mb-x24 w-full", children: [
-        /* @__PURE__ */ i.jsx("p", { className: "my-x8 fs-5 fw-semibold", children: e }),
-        /* @__PURE__ */ i.jsx("p", { children: l })
+      /* @__PURE__ */ o.jsxs("div", { className: "mb-x24 w-full", children: [
+        /* @__PURE__ */ o.jsx("p", { className: "my-x8 fs-5 fw-semibold", children: l }),
+        /* @__PURE__ */ o.jsx("p", { children: n })
       ] }),
-      /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ o.jsx(
         m,
         {
           onClick: () => {
-            o(!1);
+            i(!1);
           },
           width: 24,
           height: 26,
@@ -32,6 +40,6 @@ const g = ({ open: s, setOpen: o, id: a = "", title: e, text: l }) => /* @__PURE
   }
 ) }) }) });
 export {
-  g as InfoModal
+  u as InfoModal
 };
 //# sourceMappingURL=index.es71.js.map

package/dist/index.es71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es71.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\n\nimport \"./InfoModal.scss\";\nimport { Row } from \"@/components\";\nimport { Calendar, Close } from \"@/icons\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  id: string;\n  title: string;\n  text: string;\n};\n\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: BaseModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <Dialog.Content className={\" shadow br-x4 ui-base-modal-body \"} id={id}>\n          <div\n            className={\"bg-lightblue-a03 ui-info-modal-container shadow br-x4 \"}\n          >\n            <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n              <div className={\"ui-info-modal-icon base-row bg-lightblue-a03\"}>\n                <div className={\"ui-card-notifications-badge-container\"}>\n                  <div className={\"ui-card-notifications-badge\"} />\n                </div>\n                <Calendar width={24} height={26} color=\"slate-28\" />\n              </div>\n              <div className={\"mb-x24 w-full\"}>\n                <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n                <p>{text}</p>\n              </div>\n              <Close\n                onClick={() => {\n                  setOpen(false);\n                }}\n                width={24}\n                height={26}\n                color=\"slate-28\"\n              />\n            </Row>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport { InfoModal };\n"],"names":["InfoModal","open","setOpen","id","title","text","Dialog.Root","jsx","Dialog.Portal","Dialog.Content","jsxs","Row","Calendar","Close"],"mappings":";;;;;;AAeM,MAAAA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,8BAE/CC,GAAA,EAAY,MAAAL,GAAY,cAAcC,GACrC,UAAAK,gBAAAA,MAACC,GAAA,EACC,UAACD,gBAAAA,EAAA,IAAAE,GAAA,EAAe,WAAW,qCAAqC,IAAAN,GAC9D,UAAAI,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,IAEX,UAAAG,gBAAAA,EAAAA,KAACC,KAAI,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,KAAK,OACzC,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,gDACd,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,IAAC,SAAI,WAAW,yCACd,gCAAC,OAAI,EAAA,WAAW,+BAA+B,EACjD,CAAA;AAAA,8BACCK,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAW,CAAA;AAAA,MAAA,GACpD;AAAA,MACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,iBACd,UAAA;AAAA,QAACH,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,0BAA2B,UAAMH,GAAA;AAAA,QAC/CG,gBAAAA,EAAAA,IAAC,OAAG,UAAKF,EAAA,CAAA;AAAA,MAAA,GACX;AAAA,MACAE,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAX,EAAQ,EAAK;AAAA,UACf;AAAA,UACA,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EACF,CAAA;AAAA,EAAA;AAAA,EAEJ,CAAA,EACF,CAAA,GACF;"}
+{"version":3,"file":"index.es71.js","sources":["../src/components/ui/InfoModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\n\nimport \"./InfoModal.scss\";\nimport { Row } from \"@/components\";\nimport { Actions, Close } from \"@/icons\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  id: string;\n  title: string;\n  text: string;\n};\n\nconst InfoModal = ({ open, setOpen, id = \"\", title, text }: BaseModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <Dialog.Content className={\" shadow br-x4 ui-base-modal-body \"} id={id}>\n          <div\n            className={\"bg-lightblue-a03 ui-info-modal-container shadow br-x4 \"}\n          >\n            <Row pt={\"x16\"} px={\"x24\"} pb={\"x24\"} gap={\"x16\"}>\n              <div className={\"ui-info-modal-icon base-row bg-lightblue-a03\"}>\n                <div className={\"ui-info-modal-badge-container\"}>\n                  <div className={\"ui-info-modal-badge\"} />\n                </div>\n                <Row\n                  className={\"ui-info-modal-action-container\"}\n                  alignItems={\"center\"}\n                  justifyContent={\"center\"}\n                >\n                  <Actions width={24} height={26} color=\"slate-28\" />\n                </Row>\n              </div>\n              <div className={\"mb-x24 w-full\"}>\n                <p className={\"my-x8 fs-5 fw-semibold\"}>{title}</p>\n                <p>{text}</p>\n              </div>\n              <Close\n                onClick={() => {\n                  setOpen(false);\n                }}\n                width={24}\n                height={26}\n                color=\"slate-28\"\n              />\n            </Row>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nexport { InfoModal };\n"],"names":["InfoModal","open","setOpen","id","title","text","Dialog.Root","jsx","Dialog.Portal","Dialog.Content","jsxs","Row","Actions","Close"],"mappings":";;;;;;AAeM,MAAAA,IAAY,CAAC,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,IAAI,OAAAC,GAAO,MAAAC,8BAE/CC,GAAA,EAAY,MAAAL,GAAY,cAAcC,GACrC,UAAAK,gBAAAA,MAACC,GAAA,EACC,UAACD,gBAAAA,EAAA,IAAAE,GAAA,EAAe,WAAW,qCAAqC,IAAAN,GAC9D,UAAAI,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAW;AAAA,IAEX,UAAAG,gBAAAA,EAAAA,KAACC,KAAI,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,KAAK,OACzC,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,gDACd,UAAA;AAAA,QAAAH,gBAAAA,EAAAA,IAAC,SAAI,WAAW,iCACd,gCAAC,OAAI,EAAA,WAAW,uBAAuB,EACzC,CAAA;AAAA,QACAA,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAEhB,gCAACC,GAAQ,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,WAAW,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnD,GACF;AAAA,MACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,iBACd,UAAA;AAAA,QAACH,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,0BAA2B,UAAMH,GAAA;AAAA,QAC/CG,gBAAAA,EAAAA,IAAC,OAAG,UAAKF,EAAA,CAAA;AAAA,MAAA,GACX;AAAA,MACAE,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAAX,EAAQ,EAAK;AAAA,UACf;AAAA,UACA,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR,EACF,CAAA;AAAA,EAAA;AAAA,EAEJ,CAAA,EACF,CAAA,GACF;"}

package/dist/index.es73.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
 import { Section as n } from "./index.es46.js";
-import { clsx as d } from "./index.es141.js";
+import { clsx as d } from "./index.es140.js";
 import './sections/AggregationItems/AggregationItems.css';/* empty css            */
 import { CardCategory as y } from "./index.es26.js";
 import { Col as j } from "./index.es10.js";

package/dist/index.es76.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
-import { clsx as t } from "./index.es141.js";
-import { createColorClasses as e } from "./index.es147.js";
+import { clsx as t } from "./index.es140.js";
+import { createColorClasses as e } from "./index.es143.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es77.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as a } from "./index.es141.js";
-import { createColorClasses as i } from "./index.es147.js";
+import { clsx as a } from "./index.es140.js";
+import { createColorClasses as i } from "./index.es143.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es78.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as l } from "./index.es141.js";
-import { createColorClasses as a } from "./index.es147.js";
+import { clsx as l } from "./index.es140.js";
+import { createColorClasses as a } from "./index.es143.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es79.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as a } from "./index.es141.js";
-import { createColorClasses as l } from "./index.es147.js";
+import { clsx as a } from "./index.es140.js";
+import { createColorClasses as l } from "./index.es143.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es8.js

@@ -1,7 +1,7 @@
 import { j as g } from "./index.es139.js";
 import { useMemo as s } from "react";
-import { clsx as x } from "./index.es141.js";
-import { createSpacingClasses as f } from "./index.es145.js";
+import { clsx as x } from "./index.es140.js";
+import { createSpacingClasses as f } from "./index.es141.js";
 const v = ({
   as: e,
   className: i,

package/dist/index.es80.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es139.js";
-import { clsx as a } from "./index.es141.js";
-import { createColorClasses as i } from "./index.es147.js";
+import { clsx as a } from "./index.es140.js";
+import { createColorClasses as i } from "./index.es143.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es81.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es139.js";
-import { clsx as l } from "./index.es141.js";
-import { createColorClasses as a } from "./index.es147.js";
+import { clsx as l } from "./index.es140.js";
+import { createColorClasses as a } from "./index.es143.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es82.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as l } from "./index.es141.js";
-import { createColorClasses as c } from "./index.es147.js";
+import { clsx as l } from "./index.es140.js";
+import { createColorClasses as c } from "./index.es143.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es83.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es139.js";
-import { clsx as t } from "./index.es141.js";
-import { createColorClasses as e } from "./index.es147.js";
+import { clsx as t } from "./index.es140.js";
+import { createColorClasses as e } from "./index.es143.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es84.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
-import { clsx as s } from "./index.es141.js";
-import { createColorClasses as q } from "./index.es147.js";
+import { clsx as s } from "./index.es140.js";
+import { createColorClasses as q } from "./index.es143.js";
 const e = ({
   width: l = 315,
   height: h = 48,

package/dist/index.es85.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
-import { clsx as s } from "./index.es141.js";
-import { createColorClasses as r } from "./index.es147.js";
+import { clsx as s } from "./index.es140.js";
+import { createColorClasses as r } from "./index.es143.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es86.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es139.js";
-import { clsx as c } from "./index.es141.js";
-import { createColorClasses as r } from "./index.es147.js";
+import { clsx as c } from "./index.es140.js";
+import { createColorClasses as r } from "./index.es143.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es87.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
-import { clsx as s } from "./index.es141.js";
-import { createColorClasses as q } from "./index.es147.js";
+import { clsx as s } from "./index.es140.js";
+import { createColorClasses as q } from "./index.es143.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es88.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es139.js";
-import { clsx as c } from "./index.es141.js";
-import { createColorClasses as M } from "./index.es147.js";
+import { clsx as c } from "./index.es140.js";
+import { createColorClasses as M } from "./index.es143.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es89.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es139.js";
-import { clsx as s } from "./index.es141.js";
-import { createColorClasses as f } from "./index.es147.js";
+import { clsx as s } from "./index.es140.js";
+import { createColorClasses as f } from "./index.es143.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es9.js

@@ -1,9 +1,9 @@
 import { j as x } from "./index.es139.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es141.js";
-import { createSpacingClasses as j } from "./index.es145.js";
-import { createColorClasses as u } from "./index.es147.js";
-import { createTypographyClasses as h } from "./index.es148.js";
+import { clsx as g } from "./index.es140.js";
+import { createSpacingClasses as j } from "./index.es141.js";
+import { createColorClasses as u } from "./index.es143.js";
+import { createTypographyClasses as h } from "./index.es144.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es90.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es139.js";
-import { clsx as o } from "./index.es141.js";
-import { createColorClasses as t } from "./index.es147.js";
+import { clsx as o } from "./index.es140.js";
+import { createColorClasses as t } from "./index.es143.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es91.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as i } from "./index.es141.js";
-import { createColorClasses as a } from "./index.es147.js";
+import { clsx as i } from "./index.es140.js";
+import { createColorClasses as a } from "./index.es143.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es92.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es139.js";
-import { clsx as i } from "./index.es141.js";
-import { createColorClasses as a } from "./index.es147.js";
+import { clsx as i } from "./index.es140.js";
+import { createColorClasses as a } from "./index.es143.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es93.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es139.js";
-import { clsx as c } from "./index.es141.js";
-import { createColorClasses as h } from "./index.es147.js";
+import { clsx as c } from "./index.es140.js";
+import { createColorClasses as h } from "./index.es143.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es94.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
-import { clsx as l } from "./index.es141.js";
-import { createColorClasses as r } from "./index.es147.js";
+import { clsx as l } from "./index.es140.js";
+import { createColorClasses as r } from "./index.es143.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es95.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es139.js";
-import { clsx as r } from "./index.es141.js";
-import { createColorClasses as t } from "./index.es147.js";
+import { clsx as r } from "./index.es140.js";
+import { createColorClasses as t } from "./index.es143.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es96.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es139.js";
-import { clsx as m } from "./index.es141.js";
-import { createColorClasses as d } from "./index.es147.js";
+import { clsx as m } from "./index.es140.js";
+import { createColorClasses as d } from "./index.es143.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es97.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es139.js";
-import { clsx as t } from "./index.es141.js";
-import { createColorClasses as v } from "./index.es147.js";
+import { clsx as t } from "./index.es140.js";
+import { createColorClasses as v } from "./index.es143.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es98.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es139.js";
-import { clsx as s } from "./index.es141.js";
+import { clsx as s } from "./index.es140.js";
 const i = ({ width: r = 40, height: e = 40, className: o }) => /* @__PURE__ */ l.jsx(
   "svg",
   {

package/dist/index.es99.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es139.js";
-import { clsx as s } from "./index.es141.js";
+import { clsx as s } from "./index.es140.js";
 const a = ({
   width: e = 24,
   height: t = 24,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anoki/fse-ui",
-  "version": "1.0.341",
+  "version": "1.0.342",
   "description": "FSE UI components library",
   "type": "module",
   "main": "dist/index.cjs.js",

package/dist/index.cjs145.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["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=e=>t.map(r=>e[r]?`${r}-${e[r]}`:"").filter(Boolean);exports.createSpacingClasses=a;
-//# sourceMappingURL=index.cjs145.js.map

package/dist/index.cjs145.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs145.js","sources":["../src/theme/spacing.ts"],"sourcesContent":["export type SpacingKey =\n  | \"x4\"\n  | \"x8\"\n  | \"x12\"\n  | \"x16\"\n  | \"x20\"\n  | \"x24\"\n  | \"x28\"\n  | \"x32\"\n  | \"x36\"\n  | \"x40\"\n  | \"x44\"\n  | \"x48\"\n  | \"x52\"\n  | \"x56\"\n  | \"x60\"\n  | \"x64\"\n  | \"x68\"\n  | \"x72\"\n  | \"x76\"\n  | \"x80\"\n  | \"x84\"\n  | \"x88\"\n  | \"x92\"\n  | \"x96\"\n  | \"x100\"\n  | \"x104\";\n\nexport type SpacingProps = {\n  gap?: SpacingKey;\n  m?: SpacingKey; // margin\n  mx?: SpacingKey; // margin x\n  my?: SpacingKey; // margin y\n  mt?: SpacingKey; // margin top\n  mr?: SpacingKey; // margin bottom\n  mb?: SpacingKey; // margin right\n  ml?: SpacingKey; // margin left\n  p?: SpacingKey; // padding\n  px?: SpacingKey; // padding x\n  py?: SpacingKey; // padding y\n  pt?: SpacingKey; // padding top\n  pr?: SpacingKey; // padding bottom\n  pb?: SpacingKey; // padding right\n  pl?: SpacingKey; // padding left\n  br?: SpacingKey; // border-radius\n  \"br-t\"?: SpacingKey; // border-radius top\n  \"br-r\"?: SpacingKey; // border-radius right\n  \"br-b\"?: SpacingKey; // border-radius bottom\n  \"br-l\"?: SpacingKey; // border-radius left\n  \"min-h\"?: SpacingKey; // min-height\n  \"min-w\"?: SpacingKey; // min-width\n  \"max-h\"?: SpacingKey; // max-height\n  \"max-w\"?: SpacingKey; // max-width\n};\n\nexport type SpacingPropsKeys = keyof SpacingProps;\nconst spacingPropsKeys: SpacingPropsKeys[] = [\n  \"gap\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"br\",\n  \"br-t\",\n  \"br-r\",\n  \"br-b\",\n  \"br-l\",\n  \"min-h\",\n  \"min-w\",\n  \"max-h\",\n  \"max-w\",\n];\n\nexport const createSpacingClasses = <TProps extends SpacingProps>(\n  props: TProps,\n) => {\n  return spacingPropsKeys\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\n    .filter(Boolean);\n};\n"],"names":["spacingPropsKeys","createSpacingClasses","props","key"],"mappings":"gFAwDA,MAAMA,EAAuC,CAC3C,MACA,IACA,KACA,KACA,KACA,KACA,KACA,KACA,IACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,OACA,OACA,OACA,OACA,QACA,QACA,QACA,OACF,EAEaC,EACXC,GAEOF,EACJ,IAAKG,GAASD,EAAMC,CAAG,EAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,GAAK,EAAG,EACvD,OAAO,OAAO"}

package/dist/index.cjs155.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Divider/Divider.css');const s=require("./index.cjs139.js"),t=require("./index.cjs141.js"),l=require("./index.cjs147.js");;/* empty css              */const c=({direction:e="horizontal",bg:r="white",className:o})=>{const i=l.createColorClasses({bg:r});return s.jsxRuntimeExports.jsx("div",{className:t.clsx(e==="horizontal"?"ui-horizontal":"ui-vertical",i,o)})};exports.Divider=c;
-//# sourceMappingURL=index.cjs155.js.map