@anoki/fse-ui 1.0.0-beta1.39.11 → 1.0.0-beta1.39.12

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es237.js";
-import { clsx as r } from "./index.es238.js";
-import { createColorClasses as t } from "./index.es241.js";
+import { clsx as r } from "./index.es239.js";
+import { createColorClasses as t } from "./index.es266.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { clsx as m } from "./index.es238.js";
-import { createColorClasses as d } from "./index.es241.js";
+import { clsx as m } from "./index.es239.js";
+import { createColorClasses as d } from "./index.es266.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es237.js";
-import { clsx as t } from "./index.es238.js";
-import { createColorClasses as v } from "./index.es241.js";
+import { clsx as t } from "./index.es239.js";
+import { createColorClasses as v } from "./index.es266.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es177.js

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

package/dist/index.es178.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es237.js";
-import { clsx as r } from "./index.es238.js";
+import { clsx as r } from "./index.es239.js";
 const t = ({
   width: e = 40,
   height: l = 40,

package/dist/index.es179.js

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

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es237.js";
 import { LOGOS as i } from "./index.es27.js";
-import { clsx as s } from "./index.es238.js";
-import { Divider as l } from "./index.es249.js";
+import { clsx as s } from "./index.es239.js";
+import { Divider as l } from "./index.es276.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.es180.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es237.js";
-import { clsx as t } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as t } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es237.js";
-import { clsx as t } from "./index.es238.js";
-import { createColorClasses as c } from "./index.es241.js";
+import { clsx as t } from "./index.es239.js";
+import { createColorClasses as c } from "./index.es266.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as a } from "./index.es238.js";
-import { createColorClasses as m } from "./index.es241.js";
+import { clsx as a } from "./index.es239.js";
+import { createColorClasses as m } from "./index.es266.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es237.js";
-import { clsx as t } from "./index.es238.js";
-import { createColorClasses as c } from "./index.es241.js";
+import { clsx as t } from "./index.es239.js";
+import { createColorClasses as c } from "./index.es266.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { clsx as a } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as a } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { clsx as a } from "./index.es238.js";
-import { createColorClasses as m } from "./index.es241.js";
+import { clsx as a } from "./index.es239.js";
+import { createColorClasses as m } from "./index.es266.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { clsx as i } from "./index.es238.js";
-import { createColorClasses as a } from "./index.es241.js";
+import { clsx as i } from "./index.es239.js";
+import { createColorClasses as a } from "./index.es266.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es237.js";
-import { clsx as r } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as r } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es237.js";
-import { clsx as l } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as l } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es19.js

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

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { clsx as i } from "./index.es238.js";
-import { createColorClasses as m } from "./index.es241.js";
+import { clsx as i } from "./index.es239.js";
+import { createColorClasses as m } from "./index.es266.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es237.js";
-import { clsx as c } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as c } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const d = ({
   width: r = 40,
   height: e = 40,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as l } from "./index.es238.js";
-import { createColorClasses as x } from "./index.es241.js";
+import { clsx as l } from "./index.es239.js";
+import { createColorClasses as x } from "./index.es266.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es193.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es237.js";
-import { clsx as o } from "./index.es238.js";
+import { clsx as o } from "./index.es239.js";
 const t = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as l } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as l } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as i } from "./index.es238.js";
-import { createColorClasses as c } from "./index.es241.js";
+import { clsx as i } from "./index.es239.js";
+import { createColorClasses as c } from "./index.es266.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as i } from "./index.es238.js";
-import { createColorClasses as c } from "./index.es241.js";
+import { clsx as i } from "./index.es239.js";
+import { createColorClasses as c } from "./index.es266.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { clsx as a } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as a } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es237.js";
-import { clsx as l } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as l } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es199.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es237.js";
-import { clsx as i } from "./index.es238.js";
-import { createColorClasses as a } from "./index.es241.js";
+import { clsx as i } from "./index.es239.js";
+import { createColorClasses as a } from "./index.es266.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es20.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es237.js";
-import { clsx as r } from "./index.es238.js";
+import { clsx as r } from "./index.es239.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,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as a } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as a } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es201.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es237.js";
-import { clsx as s } from "./index.es238.js";
+import { clsx as s } from "./index.es239.js";
 const i = ({
   width: e = 20,
   height: l = 20,

package/dist/index.es202.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es237.js";
-import { clsx as o } from "./index.es238.js";
+import { clsx as o } from "./index.es239.js";
 const t = ({
   width: h = 20,
   height: l = 20,

package/dist/index.es203.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es237.js";
-import { clsx as t } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as t } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es204.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as t } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as t } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es205.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es237.js";
-import { clsx as m } from "./index.es238.js";
-import { createColorClasses as a } from "./index.es241.js";
+import { clsx as m } from "./index.es239.js";
+import { createColorClasses as a } from "./index.es266.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es237.js";
-import { clsx as l } from "./index.es238.js";
-import { createColorClasses as m } from "./index.es241.js";
+import { clsx as l } from "./index.es239.js";
+import { createColorClasses as m } from "./index.es266.js";
 const v = ({
   width: c = 24,
   height: e = 24,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es237.js";
-import { clsx as a } from "./index.es238.js";
-import { createColorClasses as m } from "./index.es241.js";
+import { clsx as a } from "./index.es239.js";
+import { createColorClasses as m } from "./index.es266.js";
 const c = ({
   width: e = 24,
   height: s = 24,

package/dist/index.es208.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es237.js";
-import { clsx as t } from "./index.es238.js";
-import { createColorClasses as i } from "./index.es241.js";
+import { clsx as t } from "./index.es239.js";
+import { createColorClasses as i } from "./index.es266.js";
 const m = ({
   width: e = 32,
   height: s = 32,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { clsx as i } from "./index.es238.js";
-import { createColorClasses as C } from "./index.es241.js";
+import { clsx as i } from "./index.es239.js";
+import { createColorClasses as C } from "./index.es266.js";
 const m = ({
   width: s = 32,
   height: l = 32,

package/dist/index.es21.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es237.js";
 import { Container as m } from "./index.es6.js";
 import { LOGOS as n } from "./index.es27.js";
-import { Divider as l } from "./index.es249.js";
-import { clsx as x } from "./index.es238.js";
+import { Divider as l } from "./index.es276.js";
+import { clsx as x } from "./index.es239.js";
 import { Row as d } from "./index.es9.js";
 const b = ({
   asLink: i = "a",

package/dist/index.es210.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es237.js";
-import { createColorClasses as H } from "./index.es241.js";
-import { clsx as V } from "./index.es238.js";
+import { createColorClasses as H } from "./index.es266.js";
+import { clsx as V } from "./index.es239.js";
 const c = ({
   width: r = 32,
   height: l = 32,

package/dist/index.es216.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es237.js";
-import { clsx as o } from "./index.es238.js";
-import { createColorClasses as x } from "./index.es241.js";
+import { clsx as o } from "./index.es239.js";
+import { createColorClasses as x } from "./index.es266.js";
 const p = ({
   width: i = 73,
   height: s = 73,

package/dist/index.es239.js

@@ -1,30 +1,18 @@
-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);
+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 {
-  a as createSpacingClasses
+  i as clsx,
+  i as default
 };
 //# sourceMappingURL=index.es239.js.map

package/dist/index.es239.js.map

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

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es237.js";
-import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es258.js";
-import { clsx as o } from "./index.es238.js";
-import { createColorClasses as h } from "./index.es241.js";
+import { Root as i, Trigger as c, Portal as m, Content as d, Group as x, Item as u } from "./index.es285.js";
+import { clsx as o } from "./index.es239.js";
+import { createColorClasses as h } from "./index.es266.js";
 import './components/ui/Dropdown/Dropdown.css';/* empty css            */
 import { ArrowDown as w } from "./index.es155.js";
 import { Row as p } from "./index.es9.js";

package/dist/index.es241.js

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

package/dist/index.es241.js.map

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

package/dist/index.es248.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as r } from "./index.es449.js";
+import { __require as o } from "./index.es451.js";
+var e = o();
+const a = /* @__PURE__ */ r(e);
+export {
+  a as default
+};
+//# sourceMappingURL=index.es248.js.map

package/dist/index.es248.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es248.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index.es249.js

@@ -1,25 +1,62 @@
-import { j as s } from "./index.es237.js";
-import { clsx as a } from "./index.es238.js";
-import { createColorClasses as e } from "./index.es241.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
-      )
-    }
-  );
-};
+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;
 export {
-  p as Divider
+  O as Balancer,
+  B as default
 };
 //# sourceMappingURL=index.es249.js.map