@anoki/fse-ui 1.0.416 → 1.0.417

package/dist/index.es10.js

@@ -1,9 +1,9 @@
 import { j as f } from "./index.es154.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es156.js";
-import { createSpacingClasses as g } from "./index.es164.js";
-import { createColorClasses as j } from "./index.es163.js";
-import { createTypographyClasses as u } from "./index.es166.js";
+import { clsx as y } from "./index.es155.js";
+import { createSpacingClasses as g } from "./index.es156.js";
+import { createColorClasses as j } from "./index.es158.js";
+import { createTypographyClasses as u } from "./index.es159.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es154.js";
-import { clsx as s } from "./index.es156.js";
-import { createColorClasses as r } from "./index.es163.js";
+import { clsx as s } from "./index.es155.js";
+import { createColorClasses as r } from "./index.es158.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es101.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es154.js";
-import { clsx as c } from "./index.es156.js";
-import { createColorClasses as r } from "./index.es163.js";
+import { clsx as c } from "./index.es155.js";
+import { createColorClasses as r } from "./index.es158.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es102.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es154.js";
-import { clsx as s } from "./index.es156.js";
-import { createColorClasses as q } from "./index.es163.js";
+import { clsx as s } from "./index.es155.js";
+import { createColorClasses as q } from "./index.es158.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es103.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es154.js";
-import { clsx as c } from "./index.es156.js";
-import { createColorClasses as M } from "./index.es163.js";
+import { clsx as c } from "./index.es155.js";
+import { createColorClasses as M } from "./index.es158.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es104.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es154.js";
-import { clsx as s } from "./index.es156.js";
-import { createColorClasses as f } from "./index.es163.js";
+import { clsx as s } from "./index.es155.js";
+import { createColorClasses as f } from "./index.es158.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es105.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es154.js";
-import { clsx as o } from "./index.es156.js";
-import { createColorClasses as t } from "./index.es163.js";
+import { clsx as o } from "./index.es155.js";
+import { createColorClasses as t } from "./index.es158.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es106.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as i } from "./index.es156.js";
-import { createColorClasses as a } from "./index.es163.js";
+import { clsx as i } from "./index.es155.js";
+import { createColorClasses as a } from "./index.es158.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es107.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as i } from "./index.es156.js";
-import { createColorClasses as a } from "./index.es163.js";
+import { clsx as i } from "./index.es155.js";
+import { createColorClasses as a } from "./index.es158.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es108.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
-import { clsx as c } from "./index.es156.js";
-import { createColorClasses as h } from "./index.es163.js";
+import { clsx as c } from "./index.es155.js";
+import { createColorClasses as h } from "./index.es158.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es109.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es154.js";
-import { clsx as l } from "./index.es156.js";
-import { createColorClasses as r } from "./index.es163.js";
+import { clsx as l } from "./index.es155.js";
+import { createColorClasses as r } from "./index.es158.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es156.js";
+import { clsx as r } from "./index.es155.js";
 import { useState as o } from "react";
 import { Button as n } from "./index.es25.js";
 const d = ({ btnText: t, helperText: s, value: i }) => {

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es154.js";
-import { clsx as r } from "./index.es156.js";
-import { createColorClasses as t } from "./index.es163.js";
+import { clsx as r } from "./index.es155.js";
+import { createColorClasses as t } from "./index.es158.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es111.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
-import { clsx as m } from "./index.es156.js";
-import { createColorClasses as d } from "./index.es163.js";
+import { clsx as m } from "./index.es155.js";
+import { createColorClasses as d } from "./index.es158.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es154.js";
-import { clsx as t } from "./index.es156.js";
-import { createColorClasses as v } from "./index.es163.js";
+import { clsx as t } from "./index.es155.js";
+import { createColorClasses as v } from "./index.es158.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es113.js

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

package/dist/index.es114.js

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

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es154.js";
-import { clsx as t } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as t } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es154.js";
-import { clsx as t } from "./index.es156.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { clsx as t } from "./index.es155.js";
+import { createColorClasses as c } from "./index.es158.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as a } from "./index.es156.js";
-import { createColorClasses as m } from "./index.es163.js";
+import { clsx as a } from "./index.es155.js";
+import { createColorClasses as m } from "./index.es158.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es154.js";
-import { clsx as t } from "./index.es156.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { clsx as t } from "./index.es155.js";
+import { createColorClasses as c } from "./index.es158.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
-import { clsx as a } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as a } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es154.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es156.js";
+import { clsx as l } from "./index.es155.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es169.js";
+import { useMediaQuery as N } from "./index.es162.js";
 import { Close as I } from "./index.es95.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es25.js";

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
-import { clsx as a } from "./index.es156.js";
-import { createColorClasses as m } from "./index.es163.js";
+import { clsx as a } from "./index.es155.js";
+import { createColorClasses as m } from "./index.es158.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
-import { clsx as i } from "./index.es156.js";
-import { createColorClasses as a } from "./index.es163.js";
+import { clsx as i } from "./index.es155.js";
+import { createColorClasses as a } from "./index.es158.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es154.js";
-import { clsx as r } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as r } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es154.js";
-import { clsx as l } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as l } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
-import { clsx as i } from "./index.es156.js";
-import { createColorClasses as m } from "./index.es163.js";
+import { clsx as i } from "./index.es155.js";
+import { createColorClasses as m } from "./index.es158.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es125.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es154.js";
-import { clsx as c } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as c } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as l } from "./index.es156.js";
-import { createColorClasses as x } from "./index.es163.js";
+import { clsx as l } from "./index.es155.js";
+import { createColorClasses as x } from "./index.es158.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as l } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as l } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es129.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as i } from "./index.es156.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { clsx as i } from "./index.es155.js";
+import { createColorClasses as c } from "./index.es158.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es154.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es156.js";
+import { clsx as n } from "./index.es155.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es95.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as i } from "./index.es156.js";
-import { createColorClasses as c } from "./index.es163.js";
+import { clsx as i } from "./index.es155.js";
+import { createColorClasses as c } from "./index.es158.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es154.js";
-import { clsx as a } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as a } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es154.js";
-import { clsx as l } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as l } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es154.js";
-import { clsx as i } from "./index.es156.js";
-import { createColorClasses as a } from "./index.es163.js";
+import { clsx as i } from "./index.es155.js";
+import { createColorClasses as a } from "./index.es158.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es154.js";
-import { clsx as a } from "./index.es156.js";
-import { createColorClasses as i } from "./index.es163.js";
+import { clsx as a } from "./index.es155.js";
+import { createColorClasses as i } from "./index.es158.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es138.js

@@ -1,4 +1,4 @@
-import { eraForDateTime as D, monthForDateTime as F, weekdayForDateTime as M, meridiemForDateTime as S } from "./index.es263.js";
+import { eraForDateTime as D, monthForDateTime as F, weekdayForDateTime as M, meridiemForDateTime as S } from "./index.es256.js";
 import { DATETIME_HUGE_WITH_SECONDS as _, DATETIME_FULL_WITH_SECONDS as p, DATETIME_MED_WITH_SECONDS as k, DATETIME_SHORT_WITH_SECONDS as w, DATETIME_HUGE as I, DATETIME_FULL as L, DATETIME_MED as g, DATETIME_SHORT as O, TIME_24_WITH_LONG_OFFSET as Z, TIME_24_WITH_SHORT_OFFSET as H, TIME_24_WITH_SECONDS as W, TIME_24_SIMPLE as d, TIME_WITH_LONG_OFFSET as N, TIME_WITH_SHORT_OFFSET as A, TIME_WITH_SECONDS as G, TIME_SIMPLE as C, DATE_HUGE as b, DATE_FULL as v, DATE_MED as R, DATE_SHORT as U } from "./index.es146.js";
 import { padStart as q } from "./index.es141.js";
 function T(E, e) {

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es154.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es156.js";
+import { clsx as n } from "./index.es155.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es95.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -1,5 +1,5 @@
 import { validateWeekSettings as w, hasLocaleWeekInfo as F, roundTo as I, padStart as W, hasRelative as D } from "./index.es141.js";
-import { formatRelativeTime as v, months as x, weekdays as Z, meridiems as L, eras as M } from "./index.es263.js";
+import { formatRelativeTime as v, months as x, weekdays as Z, meridiems as L, eras as M } from "./index.es256.js";
 import m from "./index.es4.js";
 import l from "./index.es135.js";
 import R from "./index.es149.js";

package/dist/index.es15.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es154.js";
 import { useState as g } from "react";
-import { clsx as n } from "./index.es156.js";
+import { clsx as n } from "./index.es155.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as B } from "./index.es169.js";
+import { useMediaQuery as B } from "./index.es162.js";
 import { Close as E } from "./index.es95.js";
 import { Col as M } from "./index.es10.js";
 import { Button as R } from "./index.es25.js";

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

package/dist/index.es155.js.map

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

package/dist/index.es156.js.map

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

@@ -1,6 +1,5 @@
-import { __require as r } from "./index.es268.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.es158.js.map

package/dist/index.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es158.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  | \"disabled\"\r\n  | \"lightblue-a01\"\r\n  | \"lightblue-a02\"\r\n  | \"lightblue-a03\"\r\n  | \"secondary\";\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":"AA4BA,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.es159.js

@@ -0,0 +1,5 @@
+const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
+export {
+  t as createTypographyClasses
+};
+//# sourceMappingURL=index.es159.js.map

package/dist/index.es159.js.map

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

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es154.js";
 import { Container as f } from "./index.es6.js";
-import { Divider as h } from "./index.es173.js";
+import { Divider as h } from "./index.es166.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as d } from "./index.es156.js";
+import { clsx as d } from "./index.es155.js";
 import { FseMS as p } from "./index.es102.js";
 import { FseMEF as j } from "./index.es100.js";
 import { FseDGT as u } from "./index.es99.js";

package/dist/index.es162.js

@@ -0,0 +1,18 @@
+import { useState as r, useEffect as o } from "react";
+const m = (t) => {
+  const [a, s] = r(!1);
+  return o(() => {
+    const e = window.matchMedia(t);
+    s(e.matches);
+    const n = (c) => {
+      s(c.matches);
+    };
+    return e.addEventListener("change", n), () => {
+      e.removeEventListener("change", n);
+    };
+  }, [t]), a;
+};
+export {
+  m as useMediaQuery
+};
+//# sourceMappingURL=index.es162.js.map

package/dist/index.es162.js.map

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

@@ -1,5 +1,25 @@
-const s = ["fs", "fw"], t = (r) => s.map((o) => r[o] ? `${o}-${r[o]}` : "").filter(Boolean);
+import { j as s } from "./index.es154.js";
+import { clsx as a } from "./index.es155.js";
+import { createColorClasses as e } from "./index.es158.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 {
-  t as createTypographyClasses
+  p as Divider
 };
 //# sourceMappingURL=index.es166.js.map