@cfx-dev/ui-components 4.3.1 → 4.3.3

package/dist/components/Table/TableRoot.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { clsx as s } from "../../utils/clsx.js";
-import { s as l } from "../../Table.module-DHI1mXN2.js";
+import { s as l } from "../../Table.module-DffST69u.js";
 function f(r) {
   const {
     className: o,

package/dist/components/Table/TableRow.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { clsx as d } from "../../utils/clsx.js";
 import { getColor as r } from "../../utils/color.js";
-import { s as o } from "../../Table.module-DHI1mXN2.js";
+import { s as o } from "../../Table.module-DffST69u.js";
 function u(l) {
   const {
     size: s = "normal",

package/dist/components/Tabular/TabularShowcase.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import o from "react";
-import i from "../Layout/Flex/Flex.js";
+import i from "../Flex/Flex.js";
 import { Text as l } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
 import { Tabular as m } from "./Tabular.js";

package/dist/components/Text/TextShowcase.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as t, Fragment as a } from "react/jsx-runtime";
 import s from "react";
-import m from "../Layout/Flex/Flex.js";
-import { Text as c } from "./Text.js";
+import m from "../Flex/Flex.js";
 import { Separator as l } from "../Separator/Separator.js";
+import { Text as c } from "./Text.js";
 const _ = "cfxui__TextShowcase__root__a3632", f = {
   root: _
 }, u = "The quick brown fox jumps over the lazy dog.", T = "How vexingly quick daft zebras jump.";

package/dist/components/Textarea/Textarea.js

@@ -1,57 +1,55 @@
-import { jsx as l, jsxs as T } from "react/jsx-runtime";
-import s from "react";
-import { clsx as p } from "../../utils/clsx.js";
-const g = "cfxui__Textarea__root__688b1", k = "cfxui__Textarea__small__e7551", v = "cfxui__Textarea__large__09eeb", C = "cfxui__Textarea__error__932cb", N = "cfxui__Textarea__disabled__5d783", e = {
-  root: g,
-  "full-width": "cfxui__Textarea__full-width__975d6",
-  small: k,
-  large: v,
-  error: C,
-  disabled: N,
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import l from "react";
+import { clsx as T } from "../../utils/clsx.js";
+const k = "cfxui__Textarea__root__688b1", v = "cfxui__Textarea__fullWidth__2e853", B = "cfxui__Textarea__disabled__5d783", C = "cfxui__Textarea__error__932cb", N = "cfxui__Textarea__backdropBlur__15cb2", e = {
+  root: k,
+  fullWidth: v,
   "resize-none": "cfxui__Textarea__resize-none__1130d",
   "resize-vertical": "cfxui__Textarea__resize-vertical__f856e",
   "resize-horizontal": "cfxui__Textarea__resize-horizontal__b4b8f",
   "resize-both": "cfxui__Textarea__resize-both__004b8",
-  "backdrop-blur": "cfxui__Textarea__backdrop-blur__45372"
+  disabled: B,
+  error: C,
+  backdropBlur: N
 };
-function I(c) {
+function F(c) {
   const {
     value: i,
-    onChange: a,
-    label: r,
+    onChange: r,
+    label: a,
     placeholder: n,
     rows: d,
-    resize: x = "none",
-    disabled: _ = !1,
-    autofocus: u,
-    className: b,
-    backdropBlur: f = !1
-  } = c, h = s.useCallback(
-    (z) => {
-      a(z.target.value);
+    resize: u = "none",
+    disabled: o = !1,
+    autofocus: x,
+    className: f,
+    backdropBlur: b = !1
+  } = c, h = l.useCallback(
+    (m) => {
+      r(m.target.value);
     },
-    [a]
-  ), o = s.useId(), t = /* @__PURE__ */ l(
+    [r]
+  ), _ = l.useId(), t = /* @__PURE__ */ s(
     "textarea",
     {
-      autoFocus: u,
-      id: o,
-      className: e[`resize-${x}`],
+      autoFocus: x,
+      id: _,
+      className: e[`resize-${u}`],
       rows: d,
       value: i,
-      disabled: _,
+      disabled: o,
       onChange: h,
       placeholder: n
     }
-  ), m = p(e.root, b, {
-    [e.disabled]: _,
-    [e["backdrop-blur"]]: f
+  ), z = T(e.root, f, {
+    [e.disabled]: o,
+    [e.backdropBlur]: b
   });
-  return /* @__PURE__ */ l("div", { className: m, children: r ? /* @__PURE__ */ T("label", { htmlFor: o, children: [
-    r,
+  return /* @__PURE__ */ s("div", { className: z, children: a ? /* @__PURE__ */ p("label", { htmlFor: _, children: [
+    a,
     t
   ] }) : t });
 }
 export {
-  I as Textarea
+  F as Textarea
 };

package/dist/components/Title/Title.js

@@ -1,14 +1,14 @@
-import { jsx as h, jsxs as k, Fragment as M } from "react/jsx-runtime";
+import { jsx as h, jsxs as C, Fragment as M } from "react/jsx-runtime";
 import s from "react";
-import { clsx as w } from "../../utils/clsx.js";
+import { clsx as O } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
 import { useOutlet as y } from "../../utils/hooks/useOutlet.js";
-import { mergeRefs as C } from "../../utils/mergeRefs.js";
-const N = "cfxui__Title__wrapper__ec63b", $ = "cfxui__Title__appearance__9b5a4", A = "cfxui__Title__animated__151a8", F = "cfxui__Title__root__0f286", I = "cfxui__Title__shortcut__85352", p = {
-  wrapper: N,
-  appearance: $,
-  animated: A,
+import { mergeRefs as N } from "../../utils/mergeRefs.js";
+const $ = "cfxui__Title__wrapper__ec63b", A = "cfxui__Title__appearance__9b5a4", F = "cfxui__Title__animated__151a8", I = "cfxui__Title__root__0f286", S = "cfxui__Title__shortcut__85352", p = {
+  wrapper: $,
+  appearance: A,
+  animated: F,
   "fixed-on-top": "cfxui__Title__fixed-on-top__100f6",
   "fixed-on-top-left": "cfxui__Title__fixed-on-top-left__ec383",
   "fixed-on-bottom": "cfxui__Title__fixed-on-bottom__a00c2",
@@ -16,107 +16,107 @@ const N = "cfxui__Title__wrapper__ec63b", $ = "cfxui__Title__appearance__9b5a4",
   "fixed-on-bottom-right": "cfxui__Title__fixed-on-bottom-right__58fb5",
   "fixed-on-left": "cfxui__Title__fixed-on-left__01d9d",
   "fixed-on-right": "cfxui__Title__fixed-on-right__2c799",
-  root: F,
-  shortcut: I
-}, a = 10, S = "title-outlet";
-function j(u, f, [e, r]) {
-  const n = u ? r : r - 20, i = u ? e : e + 16;
+  root: I,
+  shortcut: S
+}, _ = 10, j = "title-outlet";
+function D(l, f, [e, o]) {
+  const r = l ? o : o - 20, n = l ? e : e + 16;
   return {
-    top: `${n}px`,
-    left: `${i}px`,
-    maxWidth: `calc(100vw - ${i}px - 10px)`,
+    top: `${r}px`,
+    left: `${n}px`,
+    maxWidth: `calc(100vw - ${n}px - 10px)`,
     animationDelay: `${f}ms`
   };
 }
-function D(u, f) {
+function G(l, f) {
   const {
     x: e,
-    y: r,
-    width: n,
-    height: i
-  } = u.getBoundingClientRect();
-  let c = 0, t = 0;
+    y: o,
+    width: r,
+    height: n
+  } = l.getBoundingClientRect();
+  let i = 0, t = 0;
   switch (f) {
     case "top":
-      c = e + n / 2, t = r - a;
+      i = e + r / 2, t = o - _;
       break;
     case "top-left":
-      c = e, t = r - a;
+      i = e, t = o - _;
       break;
     case "bottom":
-      c = e + n / 2, t = r + i + a;
+      i = e + r / 2, t = o + n + _;
       break;
     case "bottom-left":
-      c = e, t = r + i + a;
+      i = e, t = o + n + _;
       break;
     case "bottom-right":
-      c = e + n, t = r + i + a;
+      i = e + r, t = o + n + _;
       break;
     case "left":
-      c = e - a, t = r + i / 2;
+      i = e - _, t = o + n / 2;
       break;
     case "right":
-      c = e + n + a, t = r + i / 2;
+      i = e + r + _, t = o + n / 2;
       break;
   }
-  return [c, t];
+  return [i, t];
 }
-function z(u) {
+function H(l) {
   const {
     title: f,
     children: e,
-    animated: r = !0,
-    fixedOn: n = "bottom",
-    delay: i = 0,
-    className: c = "",
+    animated: o = !0,
+    fixedOn: r = "bottom",
+    delay: n = 0,
+    className: i = "",
     suppressMouseActivation: t = !1,
     active: b = !1,
     rootClassName: v = ""
-  } = u, l = s.useRef(n), m = s.useRef([0, 0]);
-  l.current = n;
-  const T = y(S), o = s.useRef(null), [E, x] = s.useState(!1);
+  } = l, m = s.useRef(r), d = s.useRef([0, 0]);
+  m.current = r;
+  const T = y(j), a = s.useRef(null), [E, x] = s.useState(!1);
   s.useEffect(() => {
     t && x(b);
   }, [b, t]), s.useEffect(() => {
-    if (!o.current)
+    if (!a.current)
       return;
-    const d = (_) => {
-      l.current && o.current ? m.current = D(o.current, l.current) : m.current = [_.clientX, _.clientY], t || x(!0);
-    }, g = () => {
+    const c = a.current, g = (u) => {
+      m.current && a.current ? d.current = G(a.current, m.current) : d.current = [u.clientX, u.clientY], t || x(!0);
+    }, L = () => {
       t || x(!1);
-    }, L = (_) => {
-      l.current || (m.current = [_.clientX, _.clientY]);
+    }, w = (u) => {
+      m.current || (d.current = [u.clientX, u.clientY]);
     };
-    return o.current.addEventListener("mouseenter", d), o.current.addEventListener("mouseleave", g), o.current.addEventListener("mousemove", L), () => {
-      o.current && (o.current.removeEventListener("mouseenter", d), o.current.removeEventListener("mouseleave", g), o.current.removeEventListener("mousemove", L));
+    return c.addEventListener("mouseenter", g), c.addEventListener("mouseleave", L), c.addEventListener("mousemove", w), () => {
+      c && (c.removeEventListener("mouseenter", g), c.removeEventListener("mouseleave", L), c.removeEventListener("mousemove", w));
     };
   }, [t]);
-  const O = s.useMemo(() => {
+  const R = s.useMemo(() => {
     if (!E || !f)
       return null;
-    const d = w(
+    const c = O(
       p.wrapper,
-      p[`fixed-on-${n}`],
+      p[`fixed-on-${r}`],
       {
-        [p.animated]: r
+        [p.animated]: o
       },
-      c
+      i
     );
-    return /* @__PURE__ */ h(T, { children: /* @__PURE__ */ h("div", { className: d, style: j(!!n, i, m.current), children: /* @__PURE__ */ h("div", { className: w(p.root, v), children: f }) }) });
-  }, [E, f, n, r, T, i, c, v]), R = s.useMemo(
-    () => typeof e == "function" ? e(o) : s.cloneElement(e, {
-      ref: C(o, e.props.ref)
+    return /* @__PURE__ */ h(T, { children: /* @__PURE__ */ h("div", { className: c, style: D(!!r, n, d.current), children: /* @__PURE__ */ h("div", { className: O(p.root, v), children: f }) }) });
+  }, [E, f, r, o, T, n, i, v]), k = s.useMemo(
+    () => typeof e == "function" ? e(a) : s.cloneElement(e, {
+      ref: N(a, e.props.ref)
     }),
-    [e, o]
+    [e, a]
   );
-  return /* @__PURE__ */ k(M, { children: [
-    R,
-    O
+  return /* @__PURE__ */ C(M, { children: [
+    k,
+    R
   ] });
 }
 export {
-  S as TITLE_OUTLET_ID,
-  z as Title,
-  D as titleGetCoords,
-  j as titleGetCssStyle
+  j as TITLE_OUTLET_ID,
+  H as Title,
+  G as titleGetCoords,
+  D as titleGetCssStyle
 };

package/dist/components/Title/TitleShowcase.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import i from "react";
-import r from "../Layout/Flex/Flex.js";
+import r from "../Flex/Flex.js";
 import { Text as o } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
 import { Title as l } from "./Title.js";

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -2,16 +2,16 @@ import { jsxs as d, jsx as p } from "react/jsx-runtime";
 import n from "react";
 import { Interactive as C } from "../Interactive/Interactive.js";
 import { clsx as _ } from "../../utils/clsx.js";
-const M = "cfxui__ToggleGroup__root__fb460", D = "cfxui__ToggleGroup__disabled__75462", j = "cfxui__ToggleGroup__descripted__8e168", k = "cfxui__ToggleGroup__multiline__6b784", E = "cfxui__ToggleGroup__options__7bc0c", L = "cfxui__ToggleGroup__option__8436c", O = "cfxui__ToggleGroup__fullWidth__0c589", S = "cfxui__ToggleGroup__description__9429c", w = "cfxui__ToggleGroup__active__84da0", o = {
+const M = "cfxui__ToggleGroup__root__fb460", D = "cfxui__ToggleGroup__disabled__75462", j = "cfxui__ToggleGroup__descripted__8e168", k = "cfxui__ToggleGroup__fullWidth__0c589", E = "cfxui__ToggleGroup__description__9429c", L = "cfxui__ToggleGroup__options__7bc0c", O = "cfxui__ToggleGroup__option__8436c", S = "cfxui__ToggleGroup__active__84da0", w = "cfxui__ToggleGroup__multiline__6b784", o = {
   root: M,
   disabled: D,
   descripted: j,
-  multiline: k,
-  options: E,
-  option: L,
-  fullWidth: O,
-  description: S,
-  active: w
+  fullWidth: k,
+  description: E,
+  options: L,
+  option: O,
+  active: S,
+  multiline: w
 }, f = (r, s) => {
   var e;
   return ((e = s.find((i) => i.value === r)) == null ? void 0 : e.description) || "";

package/dist/components/ToggleGroup/ToggleGroupShowcase.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import u from "react";
-import r from "../Layout/Flex/Flex.js";
+import r from "../Flex/Flex.js";
 import { Text as a } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
 import { ToggleGroup as i } from "./ToggleGroup.js";

package/dist/index-ByKwkZKY.js

@@ -0,0 +1,239 @@
+import * as i from "react";
+import { jsx as y } from "react/jsx-runtime";
+import { r as w } from "./index-Cl_RnsqN.js";
+function b(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
+}
+function g(...e) {
+  return (n) => {
+    let o = !1;
+    const s = e.map((t) => {
+      const r = b(t, n);
+      return !o && typeof r == "function" && (o = !0), r;
+    });
+    if (o)
+      return () => {
+        for (let t = 0; t < s.length; t++) {
+          const r = s[t];
+          typeof r == "function" ? r() : b(e[t], null);
+        }
+      };
+  };
+}
+function E(...e) {
+  return i.useCallback(g(...e), e);
+}
+function B(e, n = []) {
+  let o = [];
+  function s(r, u) {
+    const c = i.createContext(u), l = o.length;
+    o = [...o, u];
+    const f = (a) => {
+      var v;
+      const { scope: p, children: h, ...m } = a, S = ((v = p == null ? void 0 : p[e]) == null ? void 0 : v[l]) || c, x = i.useMemo(() => m, Object.values(m));
+      return /* @__PURE__ */ y(S.Provider, { value: x, children: h });
+    };
+    f.displayName = r + "Provider";
+    function d(a, p) {
+      var S;
+      const h = ((S = p == null ? void 0 : p[e]) == null ? void 0 : S[l]) || c, m = i.useContext(h);
+      if (m) return m;
+      if (u !== void 0) return u;
+      throw new Error(`\`${a}\` must be used within \`${r}\``);
+    }
+    return [f, d];
+  }
+  const t = () => {
+    const r = o.map((u) => i.createContext(u));
+    return function(c) {
+      const l = (c == null ? void 0 : c[e]) || r;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
+        [c, l]
+      );
+    };
+  };
+  return t.scopeName = e, [s, P(t, ...n)];
+}
+function P(...e) {
+  const n = e[0];
+  if (e.length === 1) return n;
+  const o = () => {
+    const s = e.map((t) => ({
+      useScope: t(),
+      scopeName: t.scopeName
+    }));
+    return function(r) {
+      const u = s.reduce((c, { useScope: l, scopeName: f }) => {
+        const a = l(r)[`__scope${f}`];
+        return { ...c, ...a };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
+    };
+  };
+  return o.scopeName = n.scopeName, o;
+}
+function k(e, n, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(t) {
+    if (e == null || e(t), o === !1 || !t.defaultPrevented)
+      return n == null ? void 0 : n(t);
+  };
+}
+var C = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+}, R = i[" useInsertionEffect ".trim().toString()] || C;
+function L({
+  prop: e,
+  defaultProp: n,
+  onChange: o = () => {
+  },
+  caller: s
+}) {
+  const [t, r, u] = $({
+    defaultProp: n,
+    onChange: o
+  }), c = e !== void 0, l = c ? e : t;
+  {
+    const d = i.useRef(e !== void 0);
+    i.useEffect(() => {
+      const a = d.current;
+      a !== c && console.warn(
+        `${s} is changing from ${a ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = c;
+    }, [c, s]);
+  }
+  const f = i.useCallback(
+    (d) => {
+      var a;
+      if (c) {
+        const p = z(d) ? d(e) : d;
+        p !== e && ((a = u.current) == null || a.call(u, p));
+      } else
+        r(d);
+    },
+    [c, e, r, u]
+  );
+  return [l, f];
+}
+function $({
+  defaultProp: e,
+  onChange: n
+}) {
+  const [o, s] = i.useState(e), t = i.useRef(o), r = i.useRef(n);
+  return R(() => {
+    r.current = n;
+  }, [n]), i.useEffect(() => {
+    var u;
+    t.current !== o && ((u = r.current) == null || u.call(r, o), t.current = o);
+  }, [o, t]), [o, s, r];
+}
+function z(e) {
+  return typeof e == "function";
+}
+function T(e) {
+  const [n, o] = i.useState(void 0);
+  return C(() => {
+    if (e) {
+      o({ width: e.offsetWidth, height: e.offsetHeight });
+      const s = new ResizeObserver((t) => {
+        if (!Array.isArray(t) || !t.length)
+          return;
+        const r = t[0];
+        let u, c;
+        if ("borderBoxSize" in r) {
+          const l = r.borderBoxSize, f = Array.isArray(l) ? l[0] : l;
+          u = f.inlineSize, c = f.blockSize;
+        } else
+          u = e.offsetWidth, c = e.offsetHeight;
+        o({ width: u, height: c });
+      });
+      return s.observe(e, { box: "border-box" }), () => s.unobserve(e);
+    } else
+      o(void 0);
+  }, [e]), n;
+}
+// @__NO_SIDE_EFFECTS__
+function _(e) {
+  const n = /* @__PURE__ */ O(e), o = i.forwardRef((s, t) => {
+    const { children: r, ...u } = s, c = i.Children.toArray(r), l = c.find(N);
+    if (l) {
+      const f = l.props.children, d = c.map((a) => a === l ? i.Children.count(f) > 1 ? i.Children.only(null) : i.isValidElement(f) ? f.props.children : null : a);
+      return /* @__PURE__ */ y(n, { ...u, ref: t, children: i.isValidElement(f) ? i.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ y(n, { ...u, ref: t, children: r });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function O(e) {
+  const n = i.forwardRef((o, s) => {
+    const { children: t, ...r } = o, u = i.isValidElement(t) ? I(t) : void 0, c = E(u, s);
+    if (i.isValidElement(t)) {
+      const l = D(r, t.props);
+      return t.type !== i.Fragment && (l.ref = c), i.cloneElement(t, l);
+    }
+    return i.Children.count(t) > 1 ? i.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var A = Symbol("radix.slottable");
+function N(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === A;
+}
+function D(e, n) {
+  const o = { ...n };
+  for (const s in n) {
+    const t = e[s], r = n[s];
+    /^on[A-Z]/.test(s) ? t && r ? o[s] = (...c) => {
+      const l = r(...c);
+      return t(...c), l;
+    } : t && (o[s] = t) : s === "style" ? o[s] = { ...t, ...r } : s === "className" && (o[s] = [t, r].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function I(e) {
+  var s, t;
+  let n = (s = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : s.get, o = n && "isReactWarning" in n && n.isReactWarning;
+  return o ? e.ref : (n = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+var V = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], F = V.reduce((e, n) => {
+  const o = /* @__PURE__ */ _(`Primitive.${n}`), s = i.forwardRef((t, r) => {
+    const { asChild: u, ...c } = t, l = u ? o : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ y(l, { ...c, ref: r });
+  });
+  return s.displayName = `Primitive.${n}`, { ...e, [n]: s };
+}, {});
+function M(e, n) {
+  e && w.flushSync(() => e.dispatchEvent(n));
+}
+export {
+  F as P,
+  C as a,
+  _ as b,
+  B as c,
+  L as d,
+  k as e,
+  T as f,
+  M as g,
+  g as h,
+  E as u
+};

package/dist/{index-HDl8nGsm.js → index-CriGVLlo.js}

@@ -1,5 +1,5 @@
 import * as a from "react";
-import { u as T, a as A } from "./index-BHuChyf5.js";
+import { u as T, a as A } from "./index-ByKwkZKY.js";
 function E(n, e) {
   return a.useReducer((r, t) => e[r][t] ?? r, n);
 }

package/dist/{index-DZEAOJqB.js → index-DlJ4qUbZ.js}

@@ -1,6 +1,6 @@
 import * as A from "react";
 import r from "react";
-import { c as D, u as S, b as M } from "./index-BHuChyf5.js";
+import { c as D, u as S, b as M } from "./index-ByKwkZKY.js";
 import { jsx as d } from "react/jsx-runtime";
 function g(l) {
   const i = l + "CollectionProvider", [N, _] = D(i), [v, f] = N(

package/dist/main.d.ts

@@ -64,18 +64,18 @@ export { Interactive } from './components/Interactive';
 export type { InteractiveProps } from './components/Interactive';
 export { Island, IslandCorner } from './components/Island';
 export type { IslandProps } from './components/Island';
-export { Box, stringPropFormater } from './components/Layout/Box';
-export type { BoxProps } from './components/Layout/Box';
+export { Box, stringPropFormater } from './components/Box';
+export type { BoxProps } from './components/Box';
 export { Center } from './components/Layout/Center';
 export type { CenterProps } from './components/Layout/Center';
-export { Flex, FlexRestricter, FlexAlignItemsEnum, FlexDirectionEnum, FlexJustifyContentEnum, FlexWrapEnum, } from './components/Layout/Flex';
-export type { FlexProps, FlexRestricterProps, FlexAlignItemsType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, } from './components/Layout/Flex';
+export { Flex, FlexRestricter, FlexAlignItemsEnum, FlexDirectionEnum, FlexJustifyContentEnum, FlexWrapEnum, } from './components/Flex';
+export type { FlexProps, FlexRestricterProps, FlexAlignItemsType, FlexDirectionType, FlexJustifyContentType, FlexWrapType, } from './components/Flex';
 export { Pad } from './components/Layout/Pad';
 export type { PadProps } from './components/Layout/Pad';
 export { Page } from './components/Layout/Page';
 export type { PageProps } from './components/Layout/Page';
-export { Scrollable, VirtualScrollable, Rail, } from './components/Layout/Scrollable';
-export type { ScrollableProps, VirtualScrollableProps, RailProps, } from './components/Layout/Scrollable';
+export { Scrollable, VirtualScrollable, Rail, } from './components/Scrollable';
+export type { ScrollableProps, VirtualScrollableProps, RailProps, } from './components/Scrollable';
 export { Loaf } from './components/Loaf';
 export type { LoafProps, LoafSize, LoafColor, } from './components/Loaf';
 export { Modal } from './components/Modal';