@anoki/fse-ui 2.1.0-SNAPSHOT1.9 → 2.1.0-SNAPSHOT11

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as a } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const p = ({
   width: o = 40,
   height: r = 40,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as c } from "./index.es251.js";
-import { createColorClasses as h } from "./index.es283.js";
+import { createColorClasses as h } from "./index.es281.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es200.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as p } from "./index.es283.js";
+import { createColorClasses as p } from "./index.es281.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as c } from "./index.es283.js";
+import { createColorClasses as c } from "./index.es281.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { clsx as C } from "./index.es251.js";
-import { createColorClasses as f } from "./index.es283.js";
+import { createColorClasses as f } from "./index.es281.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es203.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import { clsx as a } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es204.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es205.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as p } from "./index.es283.js";
+import { createColorClasses as p } from "./index.es281.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const x = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
 import { clsx as i } from "./index.es251.js";
-import { createColorClasses as c } from "./index.es283.js";
+import { createColorClasses as c } from "./index.es281.js";
 const h = ({
   width: s = 36,
   height: l = 36,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
 import { clsx as t } from "./index.es251.js";
-import { createColorClasses as i } from "./index.es283.js";
+import { createColorClasses as i } from "./index.es281.js";
 const f = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es212.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as i } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const v = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es213.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { clsx as a } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es214.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as c } from "./index.es251.js";
-import { createColorClasses as t } from "./index.es283.js";
+import { createColorClasses as t } from "./index.es281.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es215.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import { clsx as l } from "./index.es251.js";
-import { createColorClasses as c } from "./index.es283.js";
+import { createColorClasses as c } from "./index.es281.js";
 const x = ({
   width: e = 14,
   height: r = 14,

package/dist/index.es216.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { clsx as a } from "./index.es251.js";
-import { createColorClasses as c } from "./index.es283.js";
+import { createColorClasses as c } from "./index.es281.js";
 const d = ({
   width: s = 14,
   height: r = 14,

package/dist/index.es217.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es249.js";
-import { createColorClasses as H } from "./index.es283.js";
+import { createColorClasses as H } from "./index.es281.js";
 import { clsx as V } from "./index.es251.js";
 const c = ({
   width: o = 32,

package/dist/index.es223.js

@@ -1,39 +1,40 @@
-import { j as l } from "./index.es249.js";
-import { clsx as x } from "./index.es251.js";
-import { createColorClasses as h } from "./index.es283.js";
-const p = ({
-  width: s = 73,
+import { j as i } from "./index.es249.js";
+import { clsx as d } from "./index.es251.js";
+import { createColorClasses as h } from "./index.es281.js";
+import { useId as x } from "react";
+const w = ({
+  width: e = 73,
   height: r = 73,
-  className: e,
-  color: t,
-  onClick: c,
-  decorative: i = !1,
+  className: t,
+  color: c,
+  onClick: o,
+  decorative: l = !1,
   ariaLabel: a = "Play video"
 }) => {
-  const o = h({ color: t });
-  return /* @__PURE__ */ l.jsxs(
+  const s = `clip0_${x()}`, n = h({ color: c });
+  return /* @__PURE__ */ i.jsxs(
     "svg",
     {
-      width: s,
+      width: e,
       height: r,
       viewBox: "0 0 73 73",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: x(e, o),
-      onClick: c,
-      "aria-hidden": i,
-      "aria-label": i ? void 0 : a,
+      className: d(t, n),
+      onClick: o,
+      "aria-hidden": l,
+      "aria-label": l ? void 0 : a,
       children: [
-        /* @__PURE__ */ l.jsx("circle", { cx: "36.5", cy: "36.627", r: "36", fill: "white", fillOpacity: "0.3" }),
-        /* @__PURE__ */ l.jsx("circle", { cx: "36.4991", cy: "36.628", r: "29.0323", fill: "white" }),
-        /* @__PURE__ */ l.jsx("g", { clipPath: "url(#clip0_16404_113675)", children: /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ i.jsx("circle", { cx: "36.5", cy: "36.627", r: "36", fill: "white", fillOpacity: "0.3" }),
+        /* @__PURE__ */ i.jsx("circle", { cx: "36.4991", cy: "36.628", r: "29.0323", fill: "white" }),
+        /* @__PURE__ */ i.jsx("g", { clipPath: `url(#${s})`, children: /* @__PURE__ */ i.jsx(
           "path",
           {
             d: "M46.7155 34.6327C47.4077 35.0604 47.8289 35.8138 47.8289 36.6254C47.8289 37.4371 47.4077 38.1904 46.7155 38.5744L32.7755 47.1286C32.0581 47.6097 31.1601 47.6292 30.4272 47.216C29.6942 46.8029 29.2402 46.0253 29.2402 45.1796V28.0713C29.2402 27.2275 29.6942 26.4494 30.4272 26.0363C31.1601 25.6236 32.0581 25.6406 32.7755 26.0805L46.7155 34.6327Z",
             fill: "#0066CC"
           }
         ) }),
-        /* @__PURE__ */ l.jsx("defs", { children: /* @__PURE__ */ l.jsx("clipPath", { id: "clip0_16404_113675", children: /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ i.jsx("defs", { children: /* @__PURE__ */ i.jsx("clipPath", { id: s, children: /* @__PURE__ */ i.jsx(
           "rect",
           {
             width: "18.5886",
@@ -47,6 +48,6 @@ const p = ({
   );
 };
 export {
-  p as PlayVideo
+  w as PlayVideo
 };
 //# sourceMappingURL=index.es223.js.map

package/dist/index.es223.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es223.js","sources":["../src/icons/PlayVideo/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const PlayVideo = ({\r\n  width = 73,\r\n  height = 73,\r\n  className,\r\n  color,\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Play video\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 73 73\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <circle cx=\"36.5\" cy=\"36.627\" r=\"36\" fill=\"white\" fillOpacity=\"0.3\" />\r\n      <circle cx=\"36.4991\" cy=\"36.628\" r=\"29.0323\" fill=\"white\" />\r\n      <g clipPath=\"url(#clip0_16404_113675)\">\r\n        <path\r\n          d=\"M46.7155 34.6327C47.4077 35.0604 47.8289 35.8138 47.8289 36.6254C47.8289 37.4371 47.4077 38.1904 46.7155 38.5744L32.7755 47.1286C32.0581 47.6097 31.1601 47.6292 30.4272 47.216C29.6942 46.8029 29.2402 46.0253 29.2402 45.1796V28.0713C29.2402 27.2275 29.6942 26.4494 30.4272 26.0363C31.1601 25.6236 32.0581 25.6406 32.7755 26.0805L46.7155 34.6327Z\"\r\n          fill=\"#0066CC\"\r\n        />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"clip0_16404_113675\">\r\n          <rect\r\n            width=\"18.5886\"\r\n            height=\"24.8848\"\r\n            fill=\"white\"\r\n            transform=\"translate(29.2402 24.1836)\"\r\n          />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["PlayVideo","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE1C,SAAAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,SAAAH;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAACK,gBAAAA,EAAAA,IAAA,UAAA,EAAO,IAAG,QAAO,IAAG,UAAS,GAAE,MAAK,MAAK,SAAQ,aAAY,MAAM,CAAA;AAAA,QACpEA,gBAAAA,EAAAA,IAAC,YAAO,IAAG,WAAU,IAAG,UAAS,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,QAC1DA,gBAAAA,EAAAA,IAAC,KAAE,EAAA,UAAS,4BACV,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACCA,gBAAAA,MAAA,QAAA,EACC,UAACA,gBAAAA,EAAA,IAAA,YAAA,EAAS,IAAG,sBACX,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,WAEd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es223.js","sources":["../src/icons/PlayVideo/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"@/types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\nimport { useId } from \"react\";\r\n\r\nexport const PlayVideo = ({\r\n  width = 73,\r\n  height = 73,\r\n  className,\r\n  color,\r\n  onClick,\r\n  decorative = false,\r\n  ariaLabel = \"Play video\",\r\n}: IconProps) => {\r\n  const uniqueId = useId();\r\n  const clipPathId = `clip0_${uniqueId}`;\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 73 73\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={clsx(className, classes)}\r\n      onClick={onClick}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <circle cx=\"36.5\" cy=\"36.627\" r=\"36\" fill=\"white\" fillOpacity=\"0.3\" />\r\n      <circle cx=\"36.4991\" cy=\"36.628\" r=\"29.0323\" fill=\"white\" />\r\n      <g clipPath={`url(#${clipPathId})`}>\r\n        <path\r\n          d=\"M46.7155 34.6327C47.4077 35.0604 47.8289 35.8138 47.8289 36.6254C47.8289 37.4371 47.4077 38.1904 46.7155 38.5744L32.7755 47.1286C32.0581 47.6097 31.1601 47.6292 30.4272 47.216C29.6942 46.8029 29.2402 46.0253 29.2402 45.1796V28.0713C29.2402 27.2275 29.6942 26.4494 30.4272 26.0363C31.1601 25.6236 32.0581 25.6406 32.7755 26.0805L46.7155 34.6327Z\"\r\n          fill=\"#0066CC\"\r\n        />\r\n      </g>\r\n      <defs>\r\n        <clipPath id={clipPathId}>\r\n          <rect\r\n            width=\"18.5886\"\r\n            height=\"24.8848\"\r\n            fill=\"white\"\r\n            transform=\"translate(29.2402 24.1836)\"\r\n          />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["PlayVideo","width","height","className","color","onClick","decorative","ariaLabel","clipPathId","useId","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;;AAKO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AAET,QAAAC,IAAa,SADFC,EAAM,CACa,IAC9BC,IAAUC,EAAmB,EAAE,OAAAP,GAAO;AAG1C,SAAAQ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,QAAAC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWW,EAAKV,GAAWO,CAAO;AAAA,MAClC,SAAAL;AAAA,MACA,eAAaC;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAACO,gBAAAA,EAAAA,IAAA,UAAA,EAAO,IAAG,QAAO,IAAG,UAAS,GAAE,MAAK,MAAK,SAAQ,aAAY,MAAM,CAAA;AAAA,QACpEA,gBAAAA,EAAAA,IAAC,YAAO,IAAG,WAAU,IAAG,UAAS,GAAE,WAAU,MAAK,QAAQ,CAAA;AAAA,QACzDA,gBAAAA,MAAA,KAAA,EAAE,UAAU,QAAQN,CAAU,KAC7B,UAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACCA,gBAAAA,MAAA,QAAA,EACC,UAACA,gBAAAA,EAAA,IAAA,YAAA,EAAS,IAAIN,GACZ,UAAAM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO;AAAA,YACP,MAAK;AAAA,YACL,WAAU;AAAA,UAAA;AAAA,WAEd,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es225.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
 import { clsx as a } from "./index.es251.js";
-import { createColorClasses as l } from "./index.es283.js";
+import { createColorClasses as l } from "./index.es281.js";
 const C = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es226.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 import { clsx as c } from "./index.es251.js";
 const f = ({
   width: o = 24,

package/dist/index.es227.js

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

package/dist/index.es228.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es249.js";
-import { createColorClasses as c } from "./index.es283.js";
+import { createColorClasses as c } from "./index.es281.js";
 import { clsx as f } from "./index.es251.js";
 const p = ({
   width: r = 24,

package/dist/index.es229.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es249.js";
-import { createColorClasses as C } from "./index.es283.js";
+import { createColorClasses as C } from "./index.es281.js";
 import { clsx as c } from "./index.es251.js";
 const p = ({
   width: l = 24,

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es249.js";
 import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es299.js";
 import { clsx as o } from "./index.es251.js";
-import { createColorClasses as h } from "./index.es283.js";
+import { createColorClasses as h } from "./index.es281.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as w } from "./index.es160.js";
 import { Row as p } from "./index.es9.js";

package/dist/index.es253.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es464.js";
+import { __require as r } from "./index.es466.js";
 var a = r();
 export {
   a as l

package/dist/index.es260.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index.es465.js";
-import { __require as o } from "./index.es467.js";
+import { getDefaultExportFromCjs as r } from "./index.es467.js";
+import { __require as o } from "./index.es464.js";
 var e = o();
 const a = /* @__PURE__ */ r(e);
 export {

package/dist/index.es267.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es531.js";
-import { m as l } from "./index.es530.js";
+import { c as w } from "./index.es530.js";
+import { m as l } from "./index.es531.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es268.js

@@ -1,6 +1,6 @@
 import { c as $ } from "./index.es532.js";
-import { c as F } from "./index.es531.js";
-import { m, a as E, f as T, h as S } from "./index.es530.js";
+import { c as F } from "./index.es530.js";
+import { m, a as E, f as T, h as S } from "./index.es531.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es269.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es529.js";
+import { g as F } from "./index.es533.js";
 import { c as y } from "./index.es532.js";
-import { c as K, m as n, h as j } from "./index.es530.js";
+import { c as K, m as n, h as j } from "./index.es531.js";
 function Y(P) {
   let {
     swiper: i,

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es249.js";
-import { createColorClasses as g } from "./index.es283.js";
+import { createColorClasses as g } from "./index.es281.js";
 import { clsx as E } from "./index.es251.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as p } from "./index.es198.js";

package/dist/index.es281.js

@@ -1,30 +1,5 @@
-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);
+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 createSpacingClasses
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es281.js.map

package/dist/index.es281.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es281.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;"}
+{"version":3,"file":"index.es281.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.es282.js

@@ -0,0 +1,30 @@
+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 {
+  a as createSpacingClasses
+};
+//# sourceMappingURL=index.es282.js.map

package/dist/index.es282.js.map

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

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { clsx as f } from "./index.es251.js";
-import { createColorClasses as d } from "./index.es283.js";
+import { createColorClasses as d } from "./index.es281.js";
 const u = ({
   width: s = 56,
   height: l = 10,

package/dist/index.es32.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
+import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
 import { useState as o, useRef as b } from "react";
 import { Root as N, Indicator as d } from "./index.es312.js";
 import { useClickOutside as C } from "./index.es313.js";

package/dist/index.es323.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as c } from "./index.es500.js";
+import { useCopyToClipboard as c } from "./index.es485.js";
 import { useState as n } from "react";
 const l = () => {
   const [e, t] = c(), [p, o] = n(!1);

package/dist/index.es328.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as a } from "./index.es251.js";
-import { createColorClasses as p } from "./index.es283.js";
+import { createColorClasses as p } from "./index.es281.js";
 const m = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es33.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css            */
+import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
 import { useRef as j } from "react";
 import { Root as w, Indicator as b } from "./index.es312.js";
 import { useClickOutside as N } from "./index.es313.js";

package/dist/index.es330.js

@@ -4,15 +4,15 @@ import { useComposedRefs as C } from "./index.es473.js";
 import { createContextScope as B, createContext as H } from "./index.es474.js";
 import { useId as x } from "./index.es478.js";
 import { useControllableState as V } from "./index.es475.js";
-import { DismissableLayer as q } from "./index.es485.js";
-import { FocusScope as K } from "./index.es486.js";
-import { Portal as U } from "./index.es487.js";
+import { DismissableLayer as q } from "./index.es486.js";
+import { FocusScope as K } from "./index.es487.js";
+import { Portal as U } from "./index.es488.js";
 import { Presence as R } from "./index.es484.js";
 import { Primitive as m } from "./index.es476.js";
-import { useFocusGuards as Y } from "./index.es488.js";
-import Z from "./index.es489.js";
-import { hideOthers as z } from "./index.es490.js";
-import { createSlot as J } from "./index.es491.js";
+import { useFocusGuards as Y } from "./index.es489.js";
+import Z from "./index.es490.js";
+import { hideOthers as z } from "./index.es491.js";
+import { createSlot as J } from "./index.es492.js";
 import { j as i } from "./index.es249.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es34.js

@@ -7,7 +7,7 @@ import { Ellipse as d } from "./index.es164.js";
 const b = ({
   title: s,
   href: i,
-  titleTag: t = "h1",
+  titleTag: t = "h2",
   asLink: c = "a",
   className: n,
   iconType: o = "icon1"

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/components/ui/CardService/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Ellipse } from \"@/icons\";\nimport { Ellipse2 } from \"@/icons\";\nimport { Ellipse3 } from \"@/icons\";\nimport { ComponentType } from \"react\";\nimport \"./CardService.scss\";\nimport { HeadingLevel } from \"@/types/headings\";\n\nexport type CardServiceProps = {\n  title: string;\n  href?: string;\n  titleTag: HeadingLevel;\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  iconType?: \"icon1\" | \"icon2\" | \"icon3\";\n};\n\nexport const CardService = ({\n  title,\n  href,\n  titleTag: TitleTag = \"h1\",\n  asLink = \"a\",\n  className,\n  iconType = \"icon1\",\n}: CardServiceProps) => {\n  const getIcon = (type: string) => {\n    switch (type) {\n      case \"icon1\":\n        return <Ellipse />;\n      case \"icon2\":\n        return <Ellipse2 />;\n      case \"icon3\":\n        return <Ellipse3 />;\n      default:\n        return null;\n    }\n  };\n\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent className={\" text-decoration-none\"} href={href}>\n      <div\n        className={clsx(\n          className,\n          \"ui-service-card\",\n          \"bg-primary br-x4 py-x24 pl-x24 w-full shadow \",\n        )}\n      >\n        <TitleTag className=\"flex-1 h-full base-row align-items-center fs-5 md-fs-4 text-white fw-semibold \">\n          {title}\n        </TitleTag>\n        <div className={clsx(\"ui-service-card-icon\")}>\n          <span>{getIcon(iconType)}</span>\n        </div>\n      </div>\n    </LinkComponent>\n  );\n};\n"],"names":["CardService","title","href","TitleTag","asLink","className","iconType","getIcon","type","Ellipse","Ellipse2","Ellipse3","LinkComponent","jsx","jsxs","clsx"],"mappings":";;;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAwB;AAChB,QAAAC,IAAU,CAACC,MAAiB;AAChC,YAAQA,GAAM;AAAA,MACZ,KAAK;AACH,qCAAQC,GAAQ,EAAA;AAAA,MAClB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAEMC,IAAgBR;AACtB,SACGS,gBAAAA,EAAAA,IAAAD,GAAA,EAAc,WAAW,yBAAyB,MAAAV,GACjD,UAAAY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAACQ,gBAAAA,EAAA,IAAAV,GAAA,EAAS,WAAU,kFACjB,UACHF,GAAA;AAAA,QACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWE,EAAK,sBAAsB,GACzC,UAAAF,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAQD,CAAQ,EAAE,CAAA,EAC3B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/ui/CardService/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Ellipse } from \"@/icons\";\nimport { Ellipse2 } from \"@/icons\";\nimport { Ellipse3 } from \"@/icons\";\nimport { ComponentType } from \"react\";\nimport \"./CardService.scss\";\nimport { HeadingLevel } from \"@/types/headings\";\n\nexport type CardServiceProps = {\n  title: string;\n  href?: string;\n  titleTag: HeadingLevel;\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  iconType?: \"icon1\" | \"icon2\" | \"icon3\";\n};\n\nexport const CardService = ({\n  title,\n  href,\n  titleTag: TitleTag = \"h2\",\n  asLink = \"a\",\n  className,\n  iconType = \"icon1\",\n}: CardServiceProps) => {\n  const getIcon = (type: string) => {\n    switch (type) {\n      case \"icon1\":\n        return <Ellipse />;\n      case \"icon2\":\n        return <Ellipse2 />;\n      case \"icon3\":\n        return <Ellipse3 />;\n      default:\n        return null;\n    }\n  };\n\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent className={\" text-decoration-none\"} href={href}>\n      <div\n        className={clsx(\n          className,\n          \"ui-service-card\",\n          \"bg-primary br-x4 py-x24 pl-x24 w-full shadow \",\n        )}\n      >\n        <TitleTag className=\"flex-1 h-full base-row align-items-center fs-5 md-fs-4 text-white fw-semibold \">\n          {title}\n        </TitleTag>\n        <div className={clsx(\"ui-service-card-icon\")}>\n          <span>{getIcon(iconType)}</span>\n        </div>\n      </div>\n    </LinkComponent>\n  );\n};\n"],"names":["CardService","title","href","TitleTag","asLink","className","iconType","getIcon","type","Ellipse","Ellipse2","Ellipse3","LinkComponent","jsx","jsxs","clsx"],"mappings":";;;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAwB;AAChB,QAAAC,IAAU,CAACC,MAAiB;AAChC,YAAQA,GAAM;AAAA,MACZ,KAAK;AACH,qCAAQC,GAAQ,EAAA;AAAA,MAClB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB,KAAK;AACH,qCAAQC,GAAS,EAAA;AAAA,MACnB;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAEMC,IAAgBR;AACtB,SACGS,gBAAAA,EAAAA,IAAAD,GAAA,EAAc,WAAW,yBAAyB,MAAAV,GACjD,UAAAY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAACQ,gBAAAA,EAAA,IAAAV,GAAA,EAAS,WAAU,kFACjB,UACHF,GAAA;AAAA,QACAY,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWE,EAAK,sBAAsB,GACzC,UAAAF,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAN,EAAQD,CAAQ,EAAE,CAAA,EAC3B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es359.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es249.js";
-import { createColorClasses as f } from "./index.es283.js";
+import { createColorClasses as f } from "./index.es281.js";
 import { clsx as x } from "./index.es251.js";
 const j = ({
   className: t,

package/dist/index.es359.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es359.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\nimport clsx from \"clsx\";\nimport { ReactNode } from \"react\";\n\ntype TitleProps = {\n  className?: string;\n  fs?: TypographyKeys;\n  mdFs?: TypographyKeys;\n  color?: ColorKeys;\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n  children: ReactNode;\n};\n\nexport const Title = ({\n  className,\n  fs = \"3\",\n  mdFs = \"1\",\n  color = \"slate-20\",\n  as = \"h2\",\n  children,\n}: TitleProps) => {\n  const Heading = as;\n\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\n  const textColorClass = createColorClasses({ text: color });\n\n  return (\n    <Heading\n      className={clsx(\n        \"fw-bold\",\n        fontSizeClass,\n        mdFontSizeClass,\n        textColorClass,\n        className,\n      )}\n    >\n      {children}\n    </Heading>\n  );\n};\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"index.es359.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { ReactNode } from \"react\";\r\n\r\nexport type TitleProps = {\r\n  className?: string;\r\n  fs?: TypographyKeys;\r\n  mdFs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  children: ReactNode;\r\n};\r\n\r\nexport const Title = ({\r\n  className,\r\n  fs = \"3\",\r\n  mdFs = \"1\",\r\n  color = \"slate-20\",\r\n  as = \"h2\",\r\n  children,\r\n}: TitleProps) => {\r\n  const Heading = as;\r\n\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <Heading\r\n      className={clsx(\r\n        \"fw-bold\",\r\n        fontSizeClass,\r\n        mdFontSizeClass,\r\n        textColorClass,\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Heading>\r\n  );\r\n};\r\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es360.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import './components/ui/Section/Description/description.css';/* empty css            */
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 import { clsx as m } from "./index.es251.js";
 const u = ({
   fs: t = "6",

package/dist/index.es379.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es620.js";
-import { extractProps as i } from "./index.es623.js";
-import { requireReactElement as a } from "./index.es628.js";
-import { popoverContentPropDefs as l } from "./index.es629.js";
-import { Theme as f } from "./index.es630.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es631.js";
+import c from "./index.es621.js";
+import { extractProps as i } from "./index.es624.js";
+import { requireReactElement as a } from "./index.es629.js";
+import { popoverContentPropDefs as l } from "./index.es630.js";
+import { Theme as f } from "./index.es631.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es632.js";
 const v = (r) => e.createElement(p, { ...r });
 v.displayName = "Popover.Root";
 const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));