@anoki/fse-ui 1.0.629 → 1.0.631

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
-import { clsx as l } from "./index.es198.js";
-import { createColorClasses as i } from "./index.es211.js";
+import { clsx as l } from "./index.es197.js";
+import { createColorClasses as i } from "./index.es200.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
-import { clsx as i } from "./index.es198.js";
-import { createColorClasses as c } from "./index.es211.js";
+import { clsx as i } from "./index.es197.js";
+import { createColorClasses as c } from "./index.es200.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
-import { clsx as i } from "./index.es198.js";
-import { createColorClasses as c } from "./index.es211.js";
+import { clsx as i } from "./index.es197.js";
+import { createColorClasses as c } from "./index.es200.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es196.js";
-import { clsx as a } from "./index.es198.js";
-import { createColorClasses as i } from "./index.es211.js";
+import { clsx as a } from "./index.es197.js";
+import { createColorClasses as i } from "./index.es200.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es196.js";
-import { clsx as l } from "./index.es198.js";
-import { createColorClasses as i } from "./index.es211.js";
+import { clsx as l } from "./index.es197.js";
+import { createColorClasses as i } from "./index.es200.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es196.js";
-import { clsx as i } from "./index.es198.js";
-import { createColorClasses as a } from "./index.es211.js";
+import { clsx as i } from "./index.es197.js";
+import { createColorClasses as a } from "./index.es200.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
-import { clsx as a } from "./index.es198.js";
-import { createColorClasses as i } from "./index.es211.js";
+import { clsx as a } from "./index.es197.js";
+import { createColorClasses as i } from "./index.es200.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es196.js";
-import { clsx as t } from "./index.es198.js";
-import { createColorClasses as i } from "./index.es211.js";
+import { clsx as t } from "./index.es197.js";
+import { createColorClasses as i } from "./index.es200.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es17.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
 import { Container as l } from "./index.es6.js";
-import { clsx as i } from "./index.es198.js";
+import { clsx as i } from "./index.es197.js";
 import { Row as j } from "./index.es9.js";
 const h = ({
   as: x = "div",

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
-import { clsx as t } from "./index.es198.js";
-import { createColorClasses as i } from "./index.es211.js";
+import { clsx as t } from "./index.es197.js";
+import { createColorClasses as i } from "./index.es200.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
-import { clsx as m } from "./index.es198.js";
-import { createColorClasses as a } from "./index.es211.js";
+import { clsx as m } from "./index.es197.js";
+import { createColorClasses as a } from "./index.es200.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es196.js";
-import { clsx as l } from "./index.es198.js";
-import { createColorClasses as m } from "./index.es211.js";
+import { clsx as l } from "./index.es197.js";
+import { createColorClasses as m } from "./index.es200.js";
 const v = ({
   width: c = 24,
   height: e = 24,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es196.js";
-import { clsx as a } from "./index.es198.js";
-import { createColorClasses as m } from "./index.es211.js";
+import { clsx as a } from "./index.es197.js";
+import { createColorClasses as m } from "./index.es200.js";
 const c = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es196.js";
-import { clsx as t } from "./index.es198.js";
-import { createColorClasses as i } from "./index.es211.js";
+import { clsx as t } from "./index.es197.js";
+import { createColorClasses as i } from "./index.es200.js";
 const m = ({
   width: e = 32,
   height: s = 32,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es196.js";
-import { clsx as i } from "./index.es198.js";
-import { createColorClasses as C } from "./index.es211.js";
+import { clsx as i } from "./index.es197.js";
+import { createColorClasses as C } from "./index.es200.js";
 const m = ({
   width: s = 32,
   height: l = 32,

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es196.js";
 import { LOGOS as i } from "./index.es24.js";
-import { clsx as s } from "./index.es198.js";
-import { Divider as l } from "./index.es219.js";
+import { clsx as s } from "./index.es197.js";
+import { Divider as l } from "./index.es208.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { Col as o } from "./index.es10.js";
 import { Row as v } from "./index.es9.js";

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es196.js";
-import { BreadcrumbItem as o } from "./index.es222.js";
-import { clsx as l } from "./index.es198.js";
+import { BreadcrumbItem as o } from "./index.es211.js";
+import { clsx as l } from "./index.es197.js";
 import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
 const n = ({
   items: e = [{ label: "Home", href: "#" }]

package/dist/index.es197.js

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

package/dist/index.es197.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es197.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es198.js

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

package/dist/index.es198.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es198.js","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es198.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.es20.js

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

package/dist/index.es200.js

@@ -1,6 +1,5 @@
-import { __require as r } from "./index.es357.js";
-var a = r();
+const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
 export {
-  a as l
+  e as createColorClasses
 };
 //# sourceMappingURL=index.es200.js.map

package/dist/index.es200.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es200.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es200.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  | \"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":"AA6BA,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.es212.js → index.es201.js}

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

package/dist/{index.es212.js.map → index.es201.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es212.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"custom\";\r\n\r\nexport type TypographyProps = {\r\n  fs?: TypographyKeys;\r\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n};\r\n\r\nexport type TypographyPropsKeys = keyof TypographyProps;\r\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\r\n\r\nexport const createTypographyClasses = <TProps extends TypographyProps>(\r\n  props: TProps,\r\n) => {\r\n  return typographyPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"AAkBA,MAAMA,IAA6C,CAAC,MAAM,IAAI,GAEjDC,IAA0B,CACrCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}
+{"version":3,"file":"index.es201.js","sources":["../src/theme/typography.ts"],"sourcesContent":["export type TypographyKeys =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"custom\";\r\n\r\nexport type TypographyProps = {\r\n  fs?: TypographyKeys;\r\n  fw?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\r\n};\r\n\r\nexport type TypographyPropsKeys = keyof TypographyProps;\r\nconst typographyPropsKeys: TypographyPropsKeys[] = [\"fs\", \"fw\"];\r\n\r\nexport const createTypographyClasses = <TProps extends TypographyProps>(\r\n  props: TProps,\r\n) => {\r\n  return typographyPropsKeys\r\n    .map((key) => (props[key] ? `${key}-${props[key]}` : \"\"))\r\n    .filter(Boolean);\r\n};\r\n"],"names":["typographyPropsKeys","createTypographyClasses","props","key"],"mappings":"AAkBA,MAAMA,IAA6C,CAAC,MAAM,IAAI,GAEjDC,IAA0B,CACrCC,MAEOF,EACJ,IAAI,CAACG,MAASD,EAAMC,CAAG,IAAI,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,KAAK,EAAG,EACvD,OAAO,OAAO;"}

package/dist/{index.es215.js → index.es204.js}

@@ -15,4 +15,4 @@ const m = (t) => {
 export {
   m as useMediaQuery
 };
-//# sourceMappingURL=index.es215.js.map
+//# sourceMappingURL=index.es204.js.map

package/dist/{index.es215.js.map → index.es204.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es215.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n}\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"index.es204.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n}\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEa,MAAAA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAElB,UAAAC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEM,WAAAF,EAAA,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACL,MAAAD,EAAA,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EAAA,GACC,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es208.js

@@ -1,62 +1,25 @@
-import n from "react";
-var b = typeof window > "u", y = b ? n.useEffect : n.useLayoutEffect, $ = 0, v = () => ++$, m = !1;
-function x() {
-  let [t, s] = n.useState(m ? v : void 0);
-  return y(() => {
-    t === void 0 && s(v()), m = !0;
-  }, []), t === void 0 ? t : `rwb-${t.toString(32)}`;
-}
-function E() {
-  return n.useMemo(() => "useId" in n ? n.useId : x, [])();
-}
-var p = "__wrap_b", f = "__wrap_n", _ = "__wrap_o", w = (t, s, e) => {
-  e = e || document.querySelector(`[data-br="${t}"]`);
-  let r = e == null ? void 0 : e.parentElement;
-  if (!r) return;
-  let l = (d) => e.style.maxWidth = d + "px";
-  e.style.maxWidth = "";
-  let i = r.clientWidth, u = r.clientHeight, o = i / 2 - 0.25, a = i + 0.5, c;
-  if (i) {
-    for (l(o), o = Math.max(e.scrollWidth, o); o + 1 < a; ) c = Math.round((o + a) / 2), l(c), r.clientHeight === u ? a = c : o = c;
-    l(a * s + i * (1 - s));
-  }
-  e.__wrap_o || (typeof ResizeObserver < "u" ? (e.__wrap_o = new ResizeObserver(() => {
-    self.__wrap_b(0, +e.dataset.brr, e);
-  })).observe(r) : process.env.NODE_ENV === "development" && console.warn("The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information"));
-}, S = w.toString(), N = '(self.CSS&&CSS.supports("text-wrap","balance")?1:2)', A = (t, s, e = "") => (e && (e = `self.${f}!=1&&${e}`), n.createElement("script", { suppressHydrationWarning: !0, dangerouslySetInnerHTML: { __html: (t ? "" : `self.${f}=self.${f}||${N};self.${p}=${S};`) + e }, nonce: s })), I = n.createContext({ preferNative: !0, hasProvider: !1 }), O = n.forwardRef(({ ratio: t = 1, preferNative: s, nonce: e, children: r, as: l, ...i }, u) => {
-  let o = E(), a = n.useRef(), c = n.useContext(I), d = s ?? c.preferNative, g = l || "span";
-  return n.useImperativeHandle(u, () => a.current, []), y(() => {
-    d && self[f] === 1 || a.current && (self[p] = w)(0, t, a.current);
-  }, [r, d, t]), y(() => {
-    if (!(d && self[f] === 1)) return () => {
-      if (!a.current) return;
-      let h = a.current[_];
-      h && (h.disconnect(), delete a.current[_]);
-    };
-  }, [d]), process.env.NODE_ENV === "development" && r && !Array.isArray(r) && typeof r == "object" && "type" in r && typeof r.type == "string" && r.type !== "span" && console.warn(`<Balancer> should not wrap <${r.type}> inside. Instead, it should directly wrap text or inline nodes.
-
-Try changing this:
-  <Balancer><${r.type}>content</${r.type}></Balancer>
-To:
-  <${r.type}><Balancer>content</Balancer></${r.type}>`), n.createElement(n.Fragment, null, n.createElement(g, { ...i, "data-br": o, "data-brr": t, ref: a, style: { display: "inline-block", verticalAlign: "top", textDecoration: "inherit", textWrap: d ? "balance" : "initial" }, suppressHydrationWarning: !0 }, r), A(c.hasProvider, e, `self.${p}("${o}",${t})`));
-});
-if (!b && process.env.NODE_ENV !== "production") {
-  let t = document.querySelector("[data-next-hide-fouc]");
-  if (t) {
-    let s = (r) => {
-      for (let l of r) for (let i of Array.from(l.removedNodes)) {
-        if (i !== t) continue;
-        e.disconnect();
-        let u = document.querySelectorAll("[data-br]");
-        for (let o of Array.from(u)) self[p](0, +o.dataset.brr, o);
-      }
-    }, e = new MutationObserver(s);
-    e.observe(document.head, { childList: !0 });
-  }
-}
-var B = O;
+import { j as s } from "./index.es196.js";
+import { clsx as a } from "./index.es197.js";
+import { createColorClasses as e } from "./index.es200.js";
+import './components/ui/Divider/Divider.css';/* empty css            */
+const p = ({
+  direction: o = "horizontal",
+  bg: r = "white",
+  className: t
+}) => {
+  const i = e({ bg: r });
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: a(
+        o === "horizontal" ? "ui-horizontal" : "ui-vertical",
+        i,
+        t
+      )
+    }
+  );
+};
 export {
-  O as Balancer,
-  B as default
+  p as Divider
 };
 //# sourceMappingURL=index.es208.js.map

package/dist/index.es208.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es208.js","sources":["../node_modules/react-wrap-balancer/dist/index.mjs"],"sourcesContent":["\"use client\"\nimport a from\"react\";import p from\"react\";var E=typeof window==\"undefined\",m=E?p.useEffect:p.useLayoutEffect,B=0,_=()=>++B,v=!1;function O(){let[n,r]=p.useState(v?_:void 0);return m(()=>{n===void 0&&r(_()),v=!0},[]),n===void 0?n:`rwb-${n.toString(32)}`}function R(){return p.useMemo(()=>\"useId\"in p?p.useId:O,[])()}var y=\"__wrap_b\",f=\"__wrap_n\",S=\"__wrap_o\",T=(n,r,e)=>{e=e||document.querySelector(`[data-br=\"${n}\"]`);let t=e==null?void 0:e.parentElement;if(!t)return;let l=u=>e.style.maxWidth=u+\"px\";e.style.maxWidth=\"\";let i=t.clientWidth,d=t.clientHeight,o=i/2-.25,s=i+.5,c;if(i){for(l(o),o=Math.max(e.scrollWidth,o);o+1<s;)c=Math.round((o+s)/2),l(c),t.clientHeight===d?s=c:o=c;l(s*r+i*(1-r))}e.__wrap_o||(typeof ResizeObserver!=\"undefined\"?(e.__wrap_o=new ResizeObserver(()=>{self.__wrap_b(0,+e.dataset.brr,e)})).observe(t):process.env.NODE_ENV===\"development\"&&console.warn(\"The browser you are using does not support the ResizeObserver API. Please consider add polyfill for this API to avoid potential layout shifts or upgrade your browser. Read more: https://github.com/shuding/react-wrap-balancer#browser-support-information\"))},I=T.toString(),w='(self.CSS&&CSS.supports(\"text-wrap\",\"balance\")?1:2)',g=(n,r,e=\"\")=>(e&&(e=`self.${f}!=1&&${e}`),a.createElement(\"script\",{suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:(n?\"\":`self.${f}=self.${f}||${w};self.${y}=${I};`)+e},nonce:r})),h=a.createContext({preferNative:!0,hasProvider:!1}),Y=({preferNative:n=!0,nonce:r,children:e})=>{let t=a.useMemo(()=>({preferNative:n,hasProvider:!0}),[n]);return a.createElement(h.Provider,{value:t},g(!1,r),e)},P=a.forwardRef(({ratio:n=1,preferNative:r,nonce:e,children:t,as:l,...i},d)=>{let o=R(),s=a.useRef(),c=a.useContext(h),u=r!=null?r:c.preferNative,x=l||\"span\";return a.useImperativeHandle(d,()=>s.current,[]),m(()=>{u&&self[f]===1||s.current&&(self[y]=T)(0,n,s.current)},[t,u,n]),m(()=>{if(!(u&&self[f]===1))return()=>{if(!s.current)return;let b=s.current[S];b&&(b.disconnect(),delete s.current[S])}},[u]),process.env.NODE_ENV===\"development\"&&t&&!Array.isArray(t)&&typeof t==\"object\"&&\"type\"in t&&typeof t.type==\"string\"&&t.type!==\"span\"&&console.warn(`<Balancer> should not wrap <${t.type}> inside. Instead, it should directly wrap text or inline nodes.\n\nTry changing this:\n  <Balancer><${t.type}>content</${t.type}></Balancer>\nTo:\n  <${t.type}><Balancer>content</Balancer></${t.type}>`),a.createElement(a.Fragment,null,a.createElement(x,{...i,\"data-br\":o,\"data-brr\":n,ref:s,style:{display:\"inline-block\",verticalAlign:\"top\",textDecoration:\"inherit\",textWrap:u?\"balance\":\"initial\"},suppressHydrationWarning:!0},t),g(c.hasProvider,e,`self.${y}(\"${o}\",${n})`))});if(!E&&process.env.NODE_ENV!==\"production\"){let n=document.querySelector(\"[data-next-hide-fouc]\");if(n){let r=t=>{for(let l of t)for(let i of Array.from(l.removedNodes)){if(i!==n)continue;e.disconnect();let d=document.querySelectorAll(\"[data-br]\");for(let o of Array.from(d))self[y](0,+o.dataset.brr,o)}},e=new MutationObserver(r);e.observe(document.head,{childList:!0})}}var A=P;export{P as Balancer,Y as Provider,A as default};\n//# sourceMappingURL=index.mjs.map"],"names":["E","m","p","B","_","v","O","n","r","R","y","S","T","t","u","d","s","I","w","g","a","h","P","x","b","A"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es208.js","sources":["../src/components/ui/Divider/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { ColorProps, createColorClasses } from \"@/theme/colors\";\r\nimport \"./Divider.scss\";\r\n\r\ntype DividerProps = Pick<ColorProps, \"bg\"> & {\r\n  direction?: \"horizontal\" | \"vertical\";\r\n  className?: string;\r\n};\r\n\r\nexport const Divider = ({\r\n  direction = \"horizontal\",\r\n  bg = \"white\",\r\n  className,\r\n}: DividerProps) => {\r\n  const colorClass = createColorClasses({ bg });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        direction === \"horizontal\" ? \"ui-horizontal\" : \"ui-vertical\",\r\n        colorClass,\r\n        className,\r\n      )}\r\n    />\r\n  );\r\n};\r\n"],"names":["Divider","direction","bg","className","colorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AASO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC,IAAY;AAAA,EACZ,IAAAC,IAAK;AAAA,EACL,WAAAC;AACF,MAAoB;AAClB,QAAMC,IAAaC,EAAmB,EAAE,IAAAH,GAAI;AAG1C,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,MAAc,eAAe,kBAAkB;AAAA,QAC/CG;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/index.es21.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es196.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es24.js";
-import { Divider as l } from "./index.es219.js";
-import { clsx as x } from "./index.es198.js";
+import { Divider as l } from "./index.es208.js";
+import { clsx as x } from "./index.es197.js";
 import { Row as d } from "./index.es9.js";
 const b = ({
   asLink: i = "a",

package/dist/index.es211.js

@@ -1,5 +1,25 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+import { j as m } from "./index.es196.js";
+import './components/navigations/Breadcrumb/Breadcrumb.css';/* empty css            */
+import { clsx as n } from "./index.es197.js";
+const a = ({
+  label: r,
+  href: e,
+  isClickable: t,
+  asLink: o = "a"
+}) => {
+  const s = o;
+  return /* @__PURE__ */ m.jsx(
+    "li",
+    {
+      className: n("ui-breadcrumb-item", {
+        "active text-slate-20 fw-semibold": t,
+        "text-slate-28": !t
+      }),
+      children: e && t ? /* @__PURE__ */ m.jsx(s, { href: e, children: r }) : r
+    }
+  );
+};
 export {
-  e as createColorClasses
+  a as BreadcrumbItem
 };
 //# sourceMappingURL=index.es211.js.map

package/dist/index.es211.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es211.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  | \"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":"AA6BA,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;"}
+{"version":3,"file":"index.es211.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType } from \"react\";\r\n\r\nexport type BreadcrumbItemProps = {\r\n  label: string;\r\n  href?: string;\r\n  isClickable?: boolean;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n};\r\n\r\nexport const BreadcrumbItem = ({\r\n  label,\r\n  href,\r\n  isClickable,\r\n  asLink = \"a\",\r\n}: BreadcrumbItemProps) => {\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <li\r\n      className={clsx(\"ui-breadcrumb-item\", {\r\n        \"active text-slate-20 fw-semibold\": isClickable,\r\n        \"text-slate-28\": !isClickable,\r\n      })}\r\n    >\r\n      {href && isClickable ? (\r\n        <LinkComponent href={href}>{label}</LinkComponent>\r\n      ) : (\r\n        label\r\n      )}\r\n    </li>\r\n  );\r\n};\r\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;"}