@anoki/fse-ui 2.1.0-SNAPSHOT22 → 2.1.0-SNAPSHOT23

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es250.js";
 import { clsx as t } from "./index.es252.js";
-import { createColorClasses as i } from "./index.es318.js";
+import { createColorClasses as i } from "./index.es282.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es250.js";
 import { clsx as c } from "./index.es252.js";
-import { createColorClasses as i } from "./index.es318.js";
+import { createColorClasses as i } from "./index.es282.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es250.js";
 import { clsx as v } from "./index.es252.js";
-import { createColorClasses as d } from "./index.es318.js";
+import { createColorClasses as d } from "./index.es282.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es250.js";
 import { clsx as h } from "./index.es252.js";
-import { createColorClasses as m } from "./index.es318.js";
+import { createColorClasses as m } from "./index.es282.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es250.js";
 import { clsx as i } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es318.js";
+import { createColorClasses as n } from "./index.es282.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
 import { clsx as n } from "./index.es252.js";
-import { createColorClasses as p } from "./index.es318.js";
+import { createColorClasses as p } from "./index.es282.js";
 const c = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es250.js";
 import { clsx as t } from "./index.es252.js";
-import { createColorClasses as m } from "./index.es318.js";
+import { createColorClasses as m } from "./index.es282.js";
 const f = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
 import { clsx as m } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es318.js";
+import { createColorClasses as n } from "./index.es282.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
 import { clsx as m } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es318.js";
+import { createColorClasses as n } from "./index.es282.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
 import { clsx as d } from "./index.es252.js";
-import { createColorClasses as m } from "./index.es318.js";
+import { createColorClasses as m } from "./index.es282.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es250.js";
 import { clsx as o } from "./index.es252.js";
-import { createColorClasses as d } from "./index.es318.js";
+import { createColorClasses as d } from "./index.es282.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es250.js";
 import { clsx as r } from "./index.es252.js";
-import { createColorClasses as m } from "./index.es318.js";
+import { createColorClasses as m } from "./index.es282.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es250.js";
 import { clsx as m } from "./index.es252.js";
-import { createColorClasses as n } from "./index.es318.js";
+import { createColorClasses as n } from "./index.es282.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es197.js

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

package/dist/index.es198.js

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

package/dist/index.es20.js

@@ -2,7 +2,7 @@ import { j as t } from "./index.es250.js";
 import { clsx as N } from "./index.es252.js";
 import w, { useMemo as B } from "react";
 import { InfoPopup as n } from "./index.es103.js";
-import "./index.es301.js";
+import "./index.es302.js";
 import { Favourite as u } from "./index.es188.js";
 import { Row as i } from "./index.es116.js";
 const S = ({

package/dist/index.es200.js

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

package/dist/index.es201.js

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

package/dist/index.es202.js

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

package/dist/index.es203.js

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

package/dist/index.es204.js

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

package/dist/index.es205.js

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

package/dist/index.es206.js

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

package/dist/index.es209.js

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

package/dist/index.es210.js

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

package/dist/index.es211.js

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

package/dist/index.es212.js

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

package/dist/index.es213.js

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

package/dist/index.es214.js

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

package/dist/index.es215.js

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

package/dist/index.es216.js

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

package/dist/index.es217.js

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

package/dist/index.es218.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es250.js";
-import { createColorClasses as H } from "./index.es318.js";
+import { createColorClasses as H } from "./index.es282.js";
 import { clsx as V } from "./index.es252.js";
 const c = ({
   width: o = 32,

package/dist/index.es224.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es250.js";
 import { clsx as d } from "./index.es252.js";
-import { createColorClasses as h } from "./index.es318.js";
+import { createColorClasses as h } from "./index.es282.js";
 import { useId as x } from "react";
 const w = ({
   width: e = 73,

package/dist/index.es226.js

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

package/dist/index.es227.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es250.js";
-import { createColorClasses as m } from "./index.es318.js";
+import { createColorClasses as m } from "./index.es282.js";
 import { clsx as c } from "./index.es252.js";
 const f = ({
   width: o = 24,

package/dist/index.es228.js

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

package/dist/index.es229.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es250.js";
-import { createColorClasses as c } from "./index.es318.js";
+import { createColorClasses as c } from "./index.es282.js";
 import { clsx as f } from "./index.es252.js";
 const p = ({
   width: r = 24,

package/dist/index.es23.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es250.js";
 import { BaseModal as i } from "./index.es32.js";
 import { clsx as s } from "./index.es252.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es305.js";
-import { AddNewModalContent as p } from "./index.es306.js";
-import { AddNewModalFooter as n } from "./index.es307.js";
+import { AddNewModalHeader as l } from "./index.es306.js";
+import { AddNewModalContent as p } from "./index.es307.js";
+import { AddNewModalFooter as n } from "./index.es308.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es230.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es250.js";
-import { createColorClasses as C } from "./index.es318.js";
+import { createColorClasses as C } from "./index.es282.js";
 import { clsx as c } from "./index.es252.js";
 const p = ({
   width: l = 24,

package/dist/index.es254.js

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

package/dist/index.es26.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es250.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es310.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es311.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es207.js";
 import { CheckCircle as u } from "./index.es215.js";

package/dist/index.es261.js

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

package/dist/index.es268.js

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

package/dist/index.es269.js

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

package/dist/index.es270.js

@@ -1,6 +1,6 @@
-import { g as F } from "./index.es505.js";
-import { c as y } from "./index.es508.js";
-import { c as K, m as n, h as j } from "./index.es506.js";
+import { g as F } from "./index.es475.js";
+import { c as y } from "./index.es478.js";
+import { c as K, m as n, h as j } from "./index.es476.js";
 function Y(P) {
   let {
     swiper: i,

package/dist/index.es282.js

@@ -0,0 +1,5 @@
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+export {
+  e as createColorClasses
+};
+//# sourceMappingURL=index.es282.js.map

package/dist/index.es282.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es282.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"blue-15\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"AA8BA,MAAMA,IAAmC,CAAC,MAAM,QAAQ,SAAS,QAAQ,GAE5DC,IAAqB,CAChCC,MAEOF,EACJ,IAAI,CAACG,MACCD,EAAMC,CAAG,IAEVA,MAAQ,UAAgB,QAAQD,EAAMC,CAAG,CAAC,KACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAHH,EAIzB,EACA,OAAO,OAAO;"}

package/dist/{index.es283.js → index.es284.js}

@@ -22,4 +22,4 @@ const i = ({
 export {
   i as BreadcrumbItem
 };
-//# sourceMappingURL=index.es283.js.map
+//# sourceMappingURL=index.es284.js.map

package/dist/{index.es283.js.map → index.es284.js.map}

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