@anoki/fse-ui 1.0.503 → 1.0.504

package/dist/index.es405.js

@@ -1,7 +1,5 @@
-function m(t, [a, n]) {
-  return Math.min(n, Math.max(a, t));
-}
+var o = { exports: {} };
 export {
-  m as clamp
+  o as __module
 };
 //# sourceMappingURL=index.es405.js.map

package/dist/index.es405.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es405.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"AACA,SAASA,EAAMC,GAAO,CAACC,GAAKC,CAAG,GAAG;AAChC,SAAO,KAAK,IAAIA,GAAK,KAAK,IAAID,GAAKD,CAAK,CAAC;AAC3C;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es405.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index.es41.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es178.js";
 import './components/ui/CardSelectDoctor/CardSelectDoctor.css';/* empty css            */
 import { useState as p, useRef as w } from "react";
-import { Root as j, Indicator as k } from "./index.es217.js";
-import { useClickOutside as g } from "./index.es218.js";
+import { Root as j, Indicator as k } from "./index.es208.js";
+import { useClickOutside as g } from "./index.es209.js";
 import { Col as v } from "./index.es10.js";
 const $ = ({
   id: r,

package/dist/index.es42.js

@@ -1,8 +1,8 @@
 import { j as l } from "./index.es178.js";
 import { Avatar as N } from "./index.es56.js";
 import './components/ui/CardDoctorInfo/CardDoctorInfo.css';/* empty css            */
-import { clsx as o } from "./index.es180.js";
-import { Divider as p } from "./index.es200.js";
+import { clsx as o } from "./index.es179.js";
+import { Divider as p } from "./index.es191.js";
 import n, { useState as w } from "react";
 import { CategoryHeader as C } from "./index.es51.js";
 import { Row as O } from "./index.es9.js";

package/dist/index.es43.js

@@ -1,10 +1,10 @@
 import { j as i } from "./index.es178.js";
 import { BaseModal as n } from "./index.es37.js";
-import { clsx as a } from "./index.es180.js";
+import { clsx as a } from "./index.es179.js";
 import './components/ui/DoctorConfirmModal/DoctorConfirmModal.css';/* empty css            */
-import { DoctorConfirmModalContent as s } from "./index.es245.js";
-import { DoctorConfirmModalHeader as d } from "./index.es246.js";
-import { DoctorConfirmModalFooter as f } from "./index.es247.js";
+import { DoctorConfirmModalContent as s } from "./index.es236.js";
+import { DoctorConfirmModalHeader as d } from "./index.es237.js";
+import { DoctorConfirmModalFooter as f } from "./index.es238.js";
 const o = ({
   open: r,
   overrideClassNames: t,

package/dist/index.es44.js

@@ -1,9 +1,9 @@
 import { j as a } from "./index.es178.js";
-import { clsx as d } from "./index.es180.js";
+import { clsx as d } from "./index.es179.js";
 import './components/ui/DocumentUploadModal/DocumentUploadModal.css';/* empty css            */
-import { DocumentUploadModalHeader as p } from "./index.es249.js";
-import { DocumentUploadModalContent as l } from "./index.es250.js";
-import { DocumentUploadModalFooter as i } from "./index.es251.js";
+import { DocumentUploadModalHeader as p } from "./index.es240.js";
+import { DocumentUploadModalContent as l } from "./index.es241.js";
+import { DocumentUploadModalFooter as i } from "./index.es242.js";
 import { BaseModal as n } from "./index.es37.js";
 const o = ({
   open: r,

package/dist/index.es45.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es178.js";
 import { useState as k } from "react";
 import { Button as p } from "./index.es25.js";
-import { clsx as r } from "./index.es180.js";
+import { clsx as r } from "./index.es179.js";
 import './components/ui/DocumentUploadComponent/DocumentUploadComponent.css';/* empty css            */
 import { Col as R } from "./index.es10.js";
 import { Close as v } from "./index.es114.js";

package/dist/index.es46.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
-import { Title as e } from "./index.es253.js";
-import { Description as s } from "./index.es254.js";
+import { Title as e } from "./index.es244.js";
+import { Description as s } from "./index.es245.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.es178.js";
-import { Root as l, Thumb as c } from "./index.es255.js";
+import { Root as l, Thumb as c } from "./index.es246.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.es178.js";
-import { Root as h, Indicator as m } from "./index.es217.js";
+import { Root as h, Indicator as m } from "./index.es208.js";
 import { Row as l } from "./index.es9.js";
-import d from "./index.es257.js";
+import d from "./index.es248.js";
 import './components/ui/Checkbox/Checkbox.css';/* empty css            */
-import { clsx as p } from "./index.es180.js";
+import { clsx as p } from "./index.es179.js";
 const C = ({
   id: o,
   label: t,

package/dist/index.es49.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es178.js";
-import { clsx as f } from "./index.es180.js";
+import { clsx as f } from "./index.es179.js";
 import './components/ui/filters/BottomNavigation/BottomNavigation.css';/* empty css            */
 import { Col as j } from "./index.es10.js";
 import { Button as o } from "./index.es25.js";

package/dist/index.es50.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { CheckboxFilter as t } from "./index.es61.js";
-import { clsx as x } from "./index.es180.js";
+import { clsx as x } from "./index.es179.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.es178.js";
-import { clsx as t } from "./index.es180.js";
+import { clsx as t } from "./index.es179.js";
 import './components/ui/filters/CategoryHeader/CategoryHeader.css';/* empty css            */
 import { ArrowDown as n } from "./index.es111.js";
 const b = ({

package/dist/index.es52.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
-import { Title as a } from "./index.es228.js";
-import { clsx as i } from "./index.es180.js";
+import { Title as a } from "./index.es219.js";
+import { clsx as i } from "./index.es179.js";
 import { Button as l } from "./index.es25.js";
 import { Close as m } from "./index.es114.js";
 const f = ({

package/dist/index.es53.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
-import { clsx as o } from "./index.es180.js";
+import { clsx as o } from "./index.es179.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.es178.js";
-import t from "./index.es257.js";
+import t from "./index.es248.js";
 import './components/ui/CardReminder/CardReminder.css';/* empty css            */
 import { Calendar as m } from "./index.es128.js";
 const h = ({

package/dist/index.es55.js

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

package/dist/index.es56.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
-import { createColorClasses as l } from "./index.es191.js";
-import { clsx as x } from "./index.es180.js";
+import { createColorClasses as l } from "./index.es182.js";
+import { clsx as x } from "./index.es179.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es58.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es178.js";
-import { clsx as d } from "./index.es180.js";
+import { clsx as d } from "./index.es179.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 t } from "./index.es178.js";
-import { clsx as u } from "./index.es180.js";
+import { clsx as u } from "./index.es179.js";
 import N, { useMemo as R } from "react";
 import { InfoPopup as O } from "./index.es66.js";
-import "./index.es266.js";
+import "./index.es257.js";
 import { Favourite as j } from "./index.es136.js";
 import { Row as n } from "./index.es9.js";
 const B = ({

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es178.js";
-import { clsx as l } from "./index.es180.js";
+import { clsx as l } from "./index.es179.js";
 import { useMemo as u } from "react";
-import { createSpacingClasses as x } from "./index.es189.js";
+import { createSpacingClasses as x } from "./index.es180.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.es178.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as r } from "./index.es180.js";
+import { clsx as r } from "./index.es179.js";
 import { MoreActions as d } from "./index.es140.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.es178.js";
-import { Root as h, Indicator as m } from "./index.es217.js";
+import { Root as h, Indicator as m } from "./index.es208.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
-import p from "./index.es257.js";
-import { clsx as d } from "./index.es180.js";
+import p from "./index.es248.js";
+import { clsx as d } from "./index.es179.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.es178.js";
 import './components/ui/CardExemption/CardExemption.css';/* empty css            */
-import { clsx as t } from "./index.es180.js";
+import { clsx as t } from "./index.es179.js";
 import { Row as n } from "./index.es9.js";
 import { ArrowDown as x } from "./index.es111.js";
 const w = ({

package/dist/index.es65.js

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

package/dist/index.es66.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { useRef as c, useEffect as p } from "react";
-import { clsx as l } from "./index.es180.js";
+import { clsx as l } from "./index.es179.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
 import { Close as x } from "./index.es114.js";
 const b = ({

package/dist/index.es68.js

@@ -2,7 +2,7 @@ import { j as i } from "./index.es178.js";
 import n from "./index.es159.js";
 import "./index.es3.js";
 import './components/ui/DatePicker/DatePicker.css';/* empty css            */
-import { clsx as D } from "./index.es180.js";
+import { clsx as D } from "./index.es179.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.es178.js";
-import { clsx as h } from "./index.es180.js";
+import { clsx as h } from "./index.es179.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.es178.js";
 import { useMemo as i } from "react";
-import { clsx as m } from "./index.es180.js";
-import { createSpacingClasses as c } from "./index.es189.js";
+import { clsx as m } from "./index.es179.js";
+import { createSpacingClasses as c } from "./index.es180.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js

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

package/dist/index.es71.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es178.js";
-import { Root as r, Portal as t, Content as c } from "./index.es228.js";
+import { Root as r, Portal as t, Content as c } from "./index.es219.js";
 import './components/ui/InfoModal/InfoModal.css';/* empty css            */
 import { Row as s } from "./index.es9.js";
 import { Actions as d } from "./index.es135.js";

package/dist/index.es8.js

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

package/dist/index.es87.js

@@ -1,30 +1,39 @@
 import { j as e } from "./index.es178.js";
 import './components/ui/ActionBanner/ActionBanner.css';/* empty css            */
 import { ArrowLink as d } from "./index.es35.js";
-import { Button as n } from "./index.es25.js";
-import { Shape as h } from "./index.es144.js";
-var c = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.OUTLINE = "outline", r.SIMPLE = "simple", r))(c || {});
+import { Button as i } from "./index.es25.js";
+import { Shape as c } from "./index.es144.js";
+var m = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.OUTLINE = "outline", r.SIMPLE = "simple", r))(m || {});
 const b = ({
   title: r,
   description: l,
   variant: t = "default",
   link: a,
   firstAction: s,
-  secondAction: i
+  secondAction: n
 }) => /* @__PURE__ */ e.jsxs("div", { className: `action-banner action-banner-${t}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: "banner-head", children: /* @__PURE__ */ e.jsx("div", { className: "banner-title", children: r }) }),
   /* @__PURE__ */ e.jsxs("div", { className: "banner-body", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ e.jsx(h, { width: 48, height: 48 }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "banner-icon", children: /* @__PURE__ */ e.jsx(c, {}) }),
     /* @__PURE__ */ e.jsx("span", { className: "banner-description", children: l })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "banner-actions", children: [
     a && /* @__PURE__ */ e.jsx(d, { asLink: "a", children: a.title, href: a.link }),
-    s && /* @__PURE__ */ e.jsx(n, { variant: "secondary", asLink: "a", href: s.link, children: s.title }),
-    i && /* @__PURE__ */ e.jsx(n, { asLink: "a", href: i.link, children: i.title })
+    s && /* @__PURE__ */ e.jsx(
+      i,
+      {
+        variant: "secondary",
+        className: "left-button",
+        asLink: "a",
+        href: s.link,
+        children: s.title
+      }
+    ),
+    n && /* @__PURE__ */ e.jsx(i, { asLink: "a", href: n.link, border: "primary", children: n.title })
   ] })
 ] });
 export {
   b as ActionBanner,
-  c as ActionBannerVariantEnum
+  m as ActionBannerVariantEnum
 };
 //# sourceMappingURL=index.es87.js.map

package/dist/index.es87.js.map

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

package/dist/index.es88.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import './components/ui/Alert/Alert.css';/* empty css            */
-import { Divider as n } from "./index.es200.js";
+import { Divider as n } from "./index.es191.js";
 import { Link as a } from "./index.es90.js";
 import { Info as r } from "./index.es151.js";
 import { ErrorExagon as l } from "./index.es155.js";

package/dist/index.es89.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es178.js";
-import { Root as l, Portal as r, Overlay as n, Content as c, Title as m, Description as x, Cancel as p } from "./index.es294.js";
+import { Root as l, Portal as r, Overlay as n, Content as c, Title as m, Description as x, Cancel as p } from "./index.es285.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { Row as d } from "./index.es9.js";
 import { Button as j } from "./index.es25.js";

package/dist/index.es9.js

@@ -1,9 +1,9 @@
 import { j as x } from "./index.es178.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es180.js";
-import { createSpacingClasses as j } from "./index.es189.js";
-import { createColorClasses as u } from "./index.es191.js";
-import { createTypographyClasses as h } from "./index.es192.js";
+import { clsx as g } from "./index.es179.js";
+import { createSpacingClasses as j } from "./index.es180.js";
+import { createColorClasses as u } from "./index.es182.js";
+import { createTypographyClasses as h } from "./index.es183.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es90.js

@@ -1,7 +1,7 @@
 import { j as n } from "./index.es178.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as a } from "./index.es180.js";
+import { clsx as a } from "./index.es179.js";
 function x({
   title: s,
   src: o,

package/dist/index.es92.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es178.js";
 import './components/ui/CardFile/CardFile.css';/* empty css            */
 import { Button as o } from "./index.es25.js";
 import { ArrowLink as n } from "./index.es35.js";
-import { clsx as a } from "./index.es180.js";
+import { clsx as a } from "./index.es179.js";
 import { File as d } from "./index.es137.js";
 import { Download as x } from "./index.es142.js";
 import { ExternalLink as c } from "./index.es112.js";

package/dist/index.es94.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es178.js";
-import { clsx as m } from "./index.es180.js";
+import { clsx as m } from "./index.es179.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { ChangeProfileModalContent as d } from "./index.es302.js";
+import { ChangeProfileModalContent as d } from "./index.es293.js";
 import { ModalsHeader as c } from "./index.es95.js";
 import { BaseModal as f } from "./index.es37.js";
 import { Button as p } from "./index.es25.js";

package/dist/index.es95.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es228.js";
+import { Title as o, Close as l } from "./index.es219.js";
 import { Button as i } from "./index.es25.js";
 import { Close as m } from "./index.es114.js";
 const h = ({

package/dist/index.es98.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es178.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as w } from "react";
-import { Root as u, Indicator as g } from "./index.es217.js";
+import { Root as u, Indicator as g } from "./index.es208.js";
 import { Row as t } from "./index.es9.js";
 import { Col as r } from "./index.es10.js";
 const y = ({

package/dist/index.es99.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import './components/ui/ChangeRelatedCard/ChangeRelatedCard.css';/* empty css            */
-import { Divider as d } from "./index.es200.js";
+import { Divider as d } from "./index.es191.js";
 import { LOGOS as n } from "./index.es24.js";
 import { Col as h } from "./index.es10.js";
 import { Row as i } from "./index.es9.js";

package/package.json

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

package/dist/index.cjs189.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.cjs189.js.map

package/dist/index.cjs189.js.map

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/Breadcrumb/Breadcrumb.css');const s=require("./index.cjs178.js");;/* empty css              */const c=require("./index.cjs180.js"),i=({label:t,href:r,isClickable:e,asLink:n="a"})=>{const u=n;return s.jsxRuntimeExports.jsx("li",{className:c.clsx("ui-breadcrumb-item",{"active text-slate-20 fw-semibold":e,"text-slate-28":!e}),children:r&&e?s.jsxRuntimeExports.jsx(u,{href:r,children:t}):t})};exports.BreadcrumbItem=i;
-//# sourceMappingURL=index.cjs203.js.map

package/dist/index.cjs203.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs203.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    <li\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    </li>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":"uLAWaA,EAAiB,CAAC,CAC7B,MAAAC,EACA,KAAAC,EACA,YAAAC,EACA,OAAAC,EAAS,GACX,IAA2B,CACzB,MAAMC,EAAgBD,EAEpB,OAAAE,EAAA,kBAAA,IAAC,KAAA,CACC,UAAWC,OAAK,qBAAsB,CACpC,mCAAoCJ,EACpC,gBAAiB,CAACA,CAAA,CACnB,EAEA,YAAQA,EACPG,wBAACD,EAAc,CAAA,KAAAH,EAAa,WAAM,EAElCD,CAAA,CAEJ,CAEJ"}

package/dist/index.cjs218.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function r(t,n,u,e,i){a.useEffect(()=>{const s=o=>{t.current&&!t.current.contains(o.target)&&(!o.target.closest('[data-navigation="true"]')||!i)&&(u(),e&&e())};return n&&document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}},[t,n,u,e,i])}exports.useClickOutside=r;
-//# sourceMappingURL=index.cjs218.js.map

package/dist/index.cjs218.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs218.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["// src/hooks/useClickOutside.ts\nimport { useEffect, RefObject } from \"react\";\n\n// Make the hook generic to accept any HTMLElement type\nexport function useClickOutside<T extends HTMLDivElement | null>(\n  ref: RefObject<T>,\n  isActive: boolean,\n  onClickOutside: () => void,\n  resetSelection?: () => void,\n  keepSelectionOnNavigation?: boolean,\n): void {\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        const isNavigationElement = (event.target as HTMLElement).closest(\n          '[data-navigation=\"true\"]',\n        );\n\n        if (!isNavigationElement || !keepSelectionOnNavigation) {\n          onClickOutside();\n\n          if (resetSelection) {\n            resetSelection();\n          }\n        }\n      }\n    };\n\n    if (isActive) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [\n    ref,\n    isActive,\n    onClickOutside,\n    resetSelection,\n    keepSelectionOnNavigation,\n  ]);\n}\n"],"names":["useClickOutside","ref","isActive","onClickOutside","resetSelection","keepSelectionOnNavigation","useEffect","handleClickOutside","event"],"mappings":"yGAIO,SAASA,EACdC,EACAC,EACAC,EACAC,EACAC,EACM,CACNC,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAsB,CAC5CP,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASO,EAAM,MAAc,IAKvD,CAJyBA,EAAM,OAAuB,QACxD,0BACF,GAE4B,CAACH,KACZF,EAAA,EAEXC,GACaA,EAAA,EAIvB,EAEA,OAAIF,GACO,SAAA,iBAAiB,YAAaK,CAAkB,EAGpD,IAAM,CACF,SAAA,oBAAoB,YAAaA,CAAkB,CAC9D,CAAA,EACC,CACDN,EACAC,EACAC,EACAC,EACAC,CAAA,CACD,CACH"}

package/dist/index.cjs235.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css');const o=require("./index.cjs178.js");;/* empty css              */const t=({children:e})=>o.jsxRuntimeExports.jsx("footer",{className:"ui-consent-modal-footer bg-white shadow",children:e});exports.ConsentModalFooter=t;
-//# sourceMappingURL=index.cjs235.js.map

package/dist/index.cjs235.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs235.js","sources":["../src/components/ui/ConsentModal/ConsentModalFooter/index.tsx"],"sourcesContent":["import \"./ConsentModalFooter.scss\";\n\ntype ConsentModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const ConsentModalFooter = ({ children }: ConsentModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["ConsentModalFooter","children","jsx"],"mappings":"kJAMO,MAAMA,EAAqB,CAAC,CAAE,SAAAC,KAEhCC,EAAAA,kBAAAA,IAAA,SAAA,CAAO,UAAU,0CACf,SAAAD,CACH,CAAA"}

package/dist/index.cjs239.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css');const o=require("./index.cjs178.js"),r=require("./index.cjs180.js");;/* empty css              */const n=({overrideClassNames:e,children:t})=>o.jsxRuntimeExports.jsx("div",{className:r.clsx("ui-consent-modal-body",e),children:t});exports.DoctorModalContent=n;
-//# sourceMappingURL=index.cjs239.js.map

package/dist/index.cjs239.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs239.js","sources":["../src/components/ui/DoctorModal/DoctorModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DoctorModalContent.scss\";\n\ntype DoctorModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const DoctorModalContent = ({\n  overrideClassNames,\n  children,\n}: DoctorModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["DoctorModalContent","overrideClassNames","children","clsx"],"mappings":"iLAQO,MAAMA,EAAqB,CAAC,CACjC,mBAAAC,EACA,SAAAC,CACF,4BAEK,MAAI,CAAA,UAAWC,OAAK,wBAAyBF,CAAkB,EAC7D,SAAAC,EACH"}

package/dist/index.cjs247.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css');const e=require("./index.cjs178.js");;/* empty css              */const t=({children:o})=>e.jsxRuntimeExports.jsx("footer",{className:"ui-consent-modal-footer bg-white shadow",children:o});exports.DoctorConfirmModalFooter=t;
-//# sourceMappingURL=index.cjs247.js.map

package/dist/index.cjs249.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DocumentUploadModal/DocumentUploadModalHeader/DocumentUploadModalHeader.css');const e=require("./index.cjs178.js"),s=require("./index.cjs228.js");;/* empty css              */const i=require("./index.cjs25.js"),a=require("./index.cjs114.js"),l=({closeButton:t="Chiudi",onCloseClick:r,children:o})=>e.jsxRuntimeExports.jsxs("header",{className:"ui-upload-modal-header bg-white",children:[e.jsxRuntimeExports.jsx(s.Title,{className:"fs-6 md-fs-custom text-slate-20 fw-bold",children:o}),e.jsxRuntimeExports.jsx(s.Close,{asChild:!0,className:"ui-upload-modal-header-close",children:e.jsxRuntimeExports.jsxs(i.Button,{size:"4",textColor:"primary",bg:"transparent","aria-label":"Chiudi modale",onClick:r,children:[t,e.jsxRuntimeExports.jsx(a.Close,{className:"ml-x8"})]})})]});exports.DocumentUploadModalHeader=l;
-//# sourceMappingURL=index.cjs249.js.map

package/dist/index.cjs249.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs249.js","sources":["../src/components/ui/DocumentUploadModal/DocumentUploadModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./DocumentUploadModalHeader.scss\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\ntype DocumentUploadModalHeaderProps = PropsWithChildren<{\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n}>;\n\nexport const DocumentUploadModalHeader = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  children,\n}: DocumentUploadModalHeaderProps) => {\n  return (\n    <header className=\"ui-upload-modal-header bg-white\">\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-upload-modal-header-close\">\n        <Button\n          size=\"4\"\n          textColor=\"primary\"\n          bg=\"transparent\"\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          {closeButton}\n          <Close className=\"ml-x8\" />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["DocumentUploadModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":"oPAYaA,EAA4B,CAAC,CACxC,YAAAC,EAAc,SACd,aAAAC,EACA,SAAAC,CACF,IAEIC,EAAA,kBAAA,KAAC,SAAO,CAAA,UAAU,kCAChB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CAAa,UAAU,0CACrB,SAAAH,CACH,CAAA,0BACCI,EAAO,MAAP,CAAa,QAAO,GAAC,UAAU,+BAC9B,SAAAH,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,KAAK,IACL,UAAU,UACV,GAAG,cACH,aAAW,gBACX,QAASN,EAER,SAAA,CAAAD,EACDI,EAAAA,kBAAAA,IAACI,EAAM,MAAA,CAAA,UAAU,OAAQ,CAAA,CAAA,CAAA,CAAA,CAE7B,CAAA,CAAA,EACF"}

package/dist/index.cjs254.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Section/Description/description.css');const n=require("./index.cjs178.js");;/* empty css              */const l=require("./index.cjs191.js"),a=require("./index.cjs180.js"),u=({fs:e="6",color:s="slate-28",className:t,children:r})=>{const o=(c=>`fs-${c}`)(e),i=l.createColorClasses({text:s});return n.jsxRuntimeExports.jsx("div",{className:a.clsx(o,i,"fw-regular","ui-max-width-section-description",t,"md-fs-custom","description-rich-text"),children:r})};exports.Description=u;
-//# sourceMappingURL=index.cjs254.js.map

package/dist/index.cjs254.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs254.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import \"./description.scss\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { PropsWithChildren } from \"react\";\n\ntype DescriptionProps = PropsWithChildren<{\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  className?: string;\n}>;\n\nexport const Description = ({\n  fs = \"6\",\n  color = \"slate-28\",\n  className,\n  children,\n}: DescriptionProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <div\n      className={clsx(\n        fontSizeClass,\n        textColorClass,\n        \"fw-regular\",\n        \"ui-max-width-section-description\",\n        className,\n        \"md-fs-custom\",\n        \"description-rich-text\",\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Description","fs","color","className","children","fontSizeClass","size","textColorClass","createColorClasses","jsx","clsx"],"mappings":"sNAYaA,EAAc,CAAC,CAC1B,GAAAC,EAAK,IACL,MAAAC,EAAQ,WACR,UAAAC,EACA,SAAAC,CACF,IAAwB,CAKhB,MAAAC,GAJuBC,GACpB,MAAMA,CAAI,IAGuBL,CAAE,EAEtCM,EAAiBC,EAAA,mBAAmB,CAAE,KAAMN,EAAO,EAGvD,OAAAO,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,KACTL,EACAE,EACA,aACA,mCACAJ,EACA,eACA,uBACF,EAEC,SAAAC,CAAA,CACH,CAEJ"}