@cfx-dev/ui-components 4.3.2 → 4.3.3

package/dist/components/RSC/Box/Box.js

@@ -0,0 +1,101 @@
+import { jsx as y } from "react/jsx-runtime";
+import { clsx as C } from "../../../utils/clsx.js";
+import { ui as t } from "../../../utils/ui/ui.js";
+const S = "cfxui__Box__root__299ae", W = "cfxui__Box__fullWidth__e1584", B = "cfxui__Box__fitContentWidth__18431", R = "cfxui__Box__fullHeight__c44a2", k = "cfxui__Box__noOverflow__6db4f", H = "cfxui__Box__noShrink__1a959", O = "cfxui__Box__grow__7ee8d", N = "cfxui__Box__noGrow__d606e", o = {
+  root: S,
+  fullWidth: W,
+  fitContentWidth: B,
+  fullHeight: R,
+  noOverflow: k,
+  noShrink: H,
+  grow: O,
+  noGrow: N
+}, w = (e) => e;
+function G(e) {
+  const {
+    noOverflow: l = !1,
+    noShrink: r = !1,
+    grow: s = void 0,
+    width: n,
+    height: i,
+    children: p,
+    className: c,
+    fullWidth: d,
+    fullHeight: u,
+    fitContentWidth: g,
+    flex: f,
+    display: _,
+    style: x,
+    ref: m,
+    as: v,
+    ...h
+  } = e;
+  return C(
+    o.root,
+    c,
+    t.getResponsiveClassnames("width", n),
+    t.getResponsiveClassnames("height", i),
+    t.getResponsiveClassnames("flex", f),
+    t.getResponsiveClassnames("display", _),
+    t.getAllMPClassnames(h),
+    {
+      [o.fullWidth]: d,
+      [o.fullHeight]: u,
+      [o.fitContentWidth]: g,
+      [o.noOverflow]: l,
+      [o.noShrink]: r,
+      [o.noGrow]: s === !1,
+      [o.grow]: s === !0
+    }
+  );
+}
+function P(e) {
+  const {
+    noOverflow: l,
+    noShrink: r,
+    grow: s,
+    width: n,
+    height: i,
+    children: p,
+    className: c,
+    fullWidth: d,
+    fullHeight: u,
+    fitContentWidth: g,
+    flex: f,
+    display: _,
+    style: x,
+    ref: m,
+    as: v,
+    ...h
+  } = e, a = {
+    ...t.getResponsiveStyles("width", n),
+    ...t.getResponsiveStyles("height", i),
+    ...t.getResponsiveStyles("flex", f, w),
+    ...t.getResponsiveStyles("display", _, w),
+    ...t.getAllMPStyles(h),
+    ...x || {}
+  };
+  return !a.width && s === !0 && (a.width = "1px"), a;
+}
+function j(e) {
+  const {
+    children: l,
+    ref: r,
+    as: s = "div"
+  } = e, n = G(e), i = P(e);
+  return /* @__PURE__ */ y(
+    s,
+    {
+      ref: r,
+      className: n,
+      style: i,
+      children: l
+    }
+  );
+}
+export {
+  j as default,
+  G as getBoxClassNames,
+  P as getBoxStyles,
+  w as stringPropFormater
+};

package/dist/components/RSC/Box/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Box, stringPropFormater, getBoxClassNames, getBoxStyles, } from './Box';
+export type { BoxProps } from './Box';

package/dist/components/RSC/Box/index.js

@@ -0,0 +1,7 @@
+import { default as t, getBoxClassNames as r, getBoxStyles as s, stringPropFormater as a } from "./Box.js";
+export {
+  t as Box,
+  r as getBoxClassNames,
+  s as getBoxStyles,
+  a as stringPropFormater
+};

package/dist/components/{Layout → RSC}/Flex/Flex.d.ts

@@ -21,6 +21,8 @@ export interface FlexProps extends BoxProps {
     ref?: React.Ref<HTMLDivElement>;
 }
 export declare function flexWrapResponsiveFormatter(val: FlexWrapType | boolean): string;
+export declare function getFlexClassNames(props: FlexProps): string;
+export declare function getFlexStyles(props: FlexProps): React.CSSProperties;
+export declare function getBoxProps(props: FlexProps): BoxProps;
 declare function Flex(props: FlexProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Flex>;
-export default _default;
+export default Flex;

package/dist/components/RSC/Flex/Flex.js

@@ -0,0 +1,119 @@
+import { jsx as m } from "react/jsx-runtime";
+import A from "../Box/Box.js";
+import { clsx as v } from "../../../utils/clsx.js";
+import { ui as n } from "../../../utils/ui/ui.js";
+const C = "cfxui__Flex__root__d860a", F = "cfxui__Flex__centered__e911c", b = "cfxui__Flex__centeredAxis__a7613", w = "cfxui__Flex__centeredCrossAxis__11477", y = "cfxui__Flex__baselineAxis__5a93c", h = "cfxui__Flex__baselineCrossAxis__b3c28", E = "cfxui__Flex__reverseOrder__3d910", T = "cfxui__Flex__vertical__552db", R = "cfxui__Flex__alignToEnd__a45a8", B = "cfxui__Flex__alignToEndAxis__80f62", O = "cfxui__Flex__spaceBetween__b5438", S = "cfxui__Flex__stretch__5c1ce", j = "cfxui__Flex__horizontal__d64f7", s = {
+  root: C,
+  centered: F,
+  centeredAxis: b,
+  centeredCrossAxis: w,
+  baselineAxis: y,
+  baselineCrossAxis: h,
+  reverseOrder: E,
+  vertical: T,
+  alignToEnd: R,
+  alignToEndAxis: B,
+  spaceBetween: O,
+  stretch: S,
+  horizontal: j
+};
+function N(e) {
+  return e == null ? "" : typeof e == "boolean" ? e ? "wrap" : "nowrap" : e.toString();
+}
+function z(e) {
+  const {
+    centered: t = !1,
+    vertical: i = !1,
+    reverseOrder: r = !1,
+    stretch: o = !1,
+    spaceBetween: a = !1,
+    alignToEnd: c = !1,
+    alignToEndAxis: l = !1,
+    className: _,
+    gap: x,
+    direction: f,
+    alignItems: d,
+    justifyContent: g,
+    wrap: u
+  } = e;
+  return v(
+    s.root,
+    _,
+    n.getResponsiveClassnames("gap", x),
+    n.getResponsiveClassnames("flex-direction", f),
+    n.getResponsiveClassnames("align-items", d),
+    n.getResponsiveClassnames("justify-content", g),
+    n.getResponsiveClassnames("flex-wrap", u),
+    {
+      [s.centered]: t === !0,
+      [s.centeredAxis]: t === "axis",
+      [s.centeredCrossAxis]: t === "cross-axis",
+      [s.baselineAxis]: t === "baseline-axis",
+      [s.baselineCrossAxis]: t === "baseline-cross-axis",
+      [s.vertical]: i,
+      [s.horizontal]: !i,
+      [s.stretch]: o,
+      [s.alignToEnd]: c,
+      [s.alignToEndAxis]: l,
+      [s.spaceBetween]: a,
+      [s.reverseOrder]: r
+    }
+  );
+}
+function I(e) {
+  const {
+    gap: t,
+    direction: i,
+    alignItems: r,
+    justifyContent: o,
+    wrap: a
+  } = e;
+  return {
+    ...n.getOffsetStyles("gap", t),
+    ...n.getResponsiveStyles("flex-direction", i),
+    ...n.getResponsiveStyles("align-items", r),
+    ...n.getResponsiveStyles("justify-content", o),
+    ...n.getResponsiveStyles("flex-wrap", a, N)
+  };
+}
+function P(e) {
+  const {
+    centered: t,
+    vertical: i,
+    reverseOrder: r,
+    stretch: o,
+    spaceBetween: a,
+    alignToEnd: c,
+    alignToEndAxis: l,
+    children: _,
+    className: x,
+    gap: f,
+    direction: d,
+    alignItems: g,
+    justifyContent: u,
+    wrap: W,
+    ...p
+  } = e;
+  return p;
+}
+function H(e) {
+  const {
+    children: t
+  } = e, i = z(e), r = I(e);
+  return /* @__PURE__ */ m(
+    A,
+    {
+      className: i,
+      style: r,
+      ...P(e),
+      children: t
+    }
+  );
+}
+export {
+  H as default,
+  N as flexWrapResponsiveFormatter,
+  P as getBoxProps,
+  z as getFlexClassNames,
+  I as getFlexStyles
+};

package/dist/components/{Layout → RSC}/Flex/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Flex } from './Flex';
+export { default as Flex, getFlexClassNames, getFlexStyles, getBoxProps, } from './Flex';
 export type { FlexProps } from './Flex';
 export type { FlexDirectionType, FlexAlignItemsType, FlexJustifyContentType, FlexWrapType, FlexCentredType, } from './Flex.types';
 export { FlexDirectionEnum, FlexAlignItemsEnum, FlexJustifyContentEnum, FlexWrapEnum, FlexCentredEnum, } from './Flex.types';

package/dist/components/RSC/Flex/index.js

@@ -0,0 +1,15 @@
+import { default as l, getBoxProps as x, getFlexClassNames as r, getFlexStyles as m } from "./Flex.js";
+import { FlexAlignItemsEnum as o, FlexCentredEnum as s, FlexDirectionEnum as F, FlexJustifyContentEnum as u, FlexWrapEnum as a } from "./Flex.types.js";
+import { FlexRestricter as i } from "./FlexRestricter.js";
+export {
+  l as Flex,
+  o as FlexAlignItemsEnum,
+  s as FlexCentredEnum,
+  F as FlexDirectionEnum,
+  u as FlexJustifyContentEnum,
+  i as FlexRestricter,
+  a as FlexWrapEnum,
+  x as getBoxProps,
+  r as getFlexClassNames,
+  m as getFlexStyles
+};

package/dist/components/Scrollable/Rail.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../Interactive/Interactive.js";
+import "../../utils/clsx.js";
+import "../../utils/math.js";
+import { R } from "../../Rail-CHFAf3wJ.js";
+export {
+  R as Rail
+};

package/dist/components/Scrollable/Scrollable.js

@@ -0,0 +1,88 @@
+import { jsxs as W, jsx as a } from "react/jsx-runtime";
+import r from "react";
+import { clsx as x } from "../../utils/clsx.js";
+import { mergeRefs as k } from "../../utils/mergeRefs.js";
+import { s as o, R as N } from "../../Rail-CHFAf3wJ.js";
+const P = {
+  size: 0,
+  scrollPos: 0,
+  scrollSize: 0
+};
+function G(b) {
+  const {
+    children: w,
+    className: A,
+    onScroll: c,
+    minThumbSize: f = 20,
+    verticalAsHorizontal: S = !1,
+    ref: L,
+    scrollerRef: E
+  } = b, e = r.useRef(null), u = r.useRef(null), [T, z] = r.useState(!1), [n, X] = r.useState(P), [Y, g] = r.useState(0), [i, y] = r.useState(P), [C, I] = r.useState(0), _ = x(o.root, A, {
+    [o.active]: T
+  });
+  r.useLayoutEffect(() => {
+    if (!u.current)
+      throw new Error("No scrollable content ref");
+    const s = new ResizeObserver(() => {
+      var l, t, d, h, v, p;
+      y({
+        size: ((l = e.current) == null ? void 0 : l.clientHeight) || 0,
+        scrollPos: ((t = e.current) == null ? void 0 : t.scrollTop) || 0,
+        scrollSize: ((d = e.current) == null ? void 0 : d.scrollHeight) || 0
+      }), X({
+        size: ((h = e.current) == null ? void 0 : h.clientWidth) || 0,
+        scrollPos: ((v = e.current) == null ? void 0 : v.scrollLeft) || 0,
+        scrollSize: ((p = e.current) == null ? void 0 : p.scrollWidth) || 0
+      });
+    });
+    return s.observe(u.current), () => s.disconnect();
+  }, []);
+  const H = r.useCallback(
+    (s) => {
+      e.current && (c == null || c(s), I(e.current.scrollTop), g(e.current.scrollLeft));
+    },
+    [c]
+  );
+  r.useEffect(() => {
+    if (!S || !e.current)
+      return;
+    const s = e.current, l = (t) => {
+      t.preventDefault(), t.stopPropagation(), s && (s.scrollLeft += t.deltaY);
+    };
+    return s.addEventListener("wheel", l), () => s.removeEventListener("wheel", l);
+  }, [S]);
+  const m = n.scrollSize - n.size > 1, R = i.scrollSize - i.size > 1, j = x(o.scroller, {
+    [o.noXscroll]: !m,
+    [o.noYscroll]: !R
+  });
+  return /* @__PURE__ */ W("div", { ref: L, className: _, children: [
+    /* @__PURE__ */ a("div", { ref: k(e, E), className: j, onScroll: H, children: /* @__PURE__ */ a("div", { ref: u, className: o.content, children: w }) }),
+    R && /* @__PURE__ */ a(
+      N,
+      {
+        rootRef: e,
+        axis: "y",
+        size: i.size,
+        pos: C,
+        scrollSize: i.scrollSize,
+        setRootActive: z,
+        minThumbSize: f
+      }
+    ),
+    m && /* @__PURE__ */ a(
+      N,
+      {
+        rootRef: e,
+        axis: "x",
+        size: n.size,
+        pos: Y,
+        scrollSize: n.scrollSize,
+        setRootActive: z,
+        minThumbSize: f
+      }
+    )
+  ] });
+}
+export {
+  G as Scrollable
+};

package/dist/components/{Layout/Scrollable → Scrollable}/ScrollableShowcase.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import d from "react";
 import i from "../Flex/Flex.js";
-import { Text as t } from "../../Text/Text.js";
-import "../../../utils/ui/ui.js";
-import { LOREM_IPSUM as e } from "../../../utils/loremipsum.js";
+import { Text as t } from "../Text/Text.js";
+import "../../utils/ui/ui.js";
+import { LOREM_IPSUM as e } from "../../utils/loremipsum.js";
 import { Scrollable as o } from "./Scrollable.js";
 function c() {
   return /* @__PURE__ */ l("div", { children: [

package/dist/components/{Layout/Scrollable → Scrollable}/VirtualScrollable.js

@@ -1,9 +1,9 @@
 import { jsx as N } from "react/jsx-runtime";
 import W, { createElement as k, PureComponent as re } from "react";
-import { _ as ie, a as ne } from "../../../inheritsLoose-CyjgKRgL.js";
-import { clsx as oe } from "../../../utils/clsx.js";
+import { _ as ie, a as ne } from "../../inheritsLoose-CyjgKRgL.js";
+import { clsx as oe } from "../../utils/clsx.js";
 import { Scrollable as le } from "./Scrollable.js";
-import { s as se } from "../../../Rail-DcVowhML.js";
+import { s as se } from "../../Rail-CHFAf3wJ.js";
 function $(r) {
   if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;

package/dist/components/{Layout/Scrollable → Scrollable}/index.js

@@ -1,4 +1,4 @@
-import { R as o } from "../../../Rail-DcVowhML.js";
+import { R as o } from "../../Rail-CHFAf3wJ.js";
 import { Scrollable as e } from "./Scrollable.js";
 import { VirtualScrollable as f } from "./VirtualScrollable.js";
 export {

package/dist/components/Select/Select.js

@@ -3,9 +3,9 @@ import * as l from "react";
 import q from "react";
 import { R as ft, r as De } from "../../index-Cl_RnsqN.js";
 import { c as Ee } from "../../index-rKs9bXHr.js";
-import { a as K, P as N, d as Oe, c as mt, u as B, e as P, b as ht } from "../../index-BHuChyf5.js";
-import { u as gt, c as vt } from "../../index-DZEAOJqB.js";
-import { c as Le, R as _t, u as Ne, A as St, a as wt, h as xt, b as yt, d as Ct, F as It, D as Tt, C as bt, e as Pt } from "../../Combination-CSgOhzm-.js";
+import { a as K, P as N, d as Oe, c as mt, u as B, e as P, b as ht } from "../../index-ByKwkZKY.js";
+import { u as gt, c as vt } from "../../index-DlJ4qUbZ.js";
+import { c as Le, R as _t, u as Ne, A as St, a as wt, h as xt, b as yt, d as Ct, F as It, D as Tt, C as bt, e as Pt } from "../../Combination-BGYCZNoJ.js";
 import { u as Nt } from "../../index-BZPx6jYI.js";
 import { Icon as Rt } from "../Icon/Icon.js";
 import { clsx as xe } from "../../utils/clsx.js";

package/dist/components/Select/SelectShowcase.js

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

package/dist/components/Separator/Separator.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import l from "react";
 import { clsx as x } from "../../utils/clsx.js";
 import { ui as s } from "../../utils/ui/ui.js";
-const m = "cfxui__Separator__root__3aea3", u = "cfxui__Separator__separator__5dbbd", d = "cfxui__Separator__content__7ade9", S = "cfxui__Separator__thin__628fd", h = "cfxui__Separator__vertical__8bd90", v = "cfxui__Separator__text__d02da", a = {
+const m = "cfxui__Separator__root__3aea3", u = "cfxui__Separator__separator__5dbbd", d = "cfxui__Separator__content__7ade9", S = "cfxui__Separator__thin__628fd", h = "cfxui__Separator__text__d02da", v = "cfxui__Separator__vertical__8bd90", a = {
   root: m,
   "separator-offset-none": "cfxui__Separator__separator-offset-none__f2b70",
   "separator-offset-hairthin": "cfxui__Separator__separator-offset-hairthin__56e9d",
@@ -18,8 +18,8 @@ const m = "cfxui__Separator__root__3aea3", u = "cfxui__Separator__separator__5db
   separator: u,
   content: d,
   thin: S,
-  vertical: h,
-  text: v
+  text: h,
+  vertical: v
 };
 function M(f) {
   const {

package/dist/components/Shroud/Shroud.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as _ } from "react/jsx-runtime";
-import r from "react";
+import i from "react";
 import { TITLE_OUTLET_ID as h } from "../Title/Title.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
@@ -12,12 +12,12 @@ const g = "cfxui__Shroud__root__99944", v = "cfxui__Shroud__tile__db55f", e = {
 };
 function R(c) {
   const {
-    forRef: i,
+    forRef: r,
     ref: n
-  } = c, [u, f] = r.useState({}), d = b(h, "before"), s = r.useCallback(() => {
-    if (!i.current)
+  } = c, [u, f] = i.useState({}), d = b(h, "before"), s = i.useCallback(() => {
+    if (!r.current)
       return;
-    const o = i.current.getBoundingClientRect(), m = {
+    const o = r.current.getBoundingClientRect(), m = {
       x: o.x,
       y: o.y,
       w: o.width,
@@ -33,8 +33,8 @@ function R(c) {
         ])
       )
     );
-  }, []);
-  return r.useEffect(s, []), p(s), /* @__PURE__ */ t(d, { children: /* @__PURE__ */ _("div", { ref: n, className: e.root, style: u, children: [
+  }, [r]);
+  return i.useEffect(s, []), p(s), /* @__PURE__ */ t(d, { children: /* @__PURE__ */ _("div", { ref: n, className: e.root, style: u, children: [
     /* @__PURE__ */ t("div", { className: e.tile, "data-top": !0 }),
     /* @__PURE__ */ t("div", { className: e.tile, "data-left": !0 }),
     /* @__PURE__ */ t("div", { className: e.tile, "data-right": !0 }),

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { BoxProps } from '../Layout/Box';
+import { BoxProps } from '../Box';
 import { ResponsiveTextSize } from '../Text';
 import { BorderRadiusType, ResponsiveValueType } from '../../utils/ui';
 

package/dist/components/Skeleton/Skeleton.js

@@ -1,9 +1,9 @@
 import { jsx as p } from "react/jsx-runtime";
 import r from "react";
-import u from "../Layout/Box/Box.js";
-import { textSizeResponsiveValueFormatter as d } from "../Text/Text.js";
+import u from "../Box/Box.js";
+import { clsx as d } from "../../utils/clsx.js";
 import { ui as t } from "../../utils/ui/ui.js";
-import { clsx as f } from "../../utils/clsx.js";
+import { textSizeResponsiveValueFormatter as f } from "../Text/Text.js";
 const _ = "cfxui__Skeleton__skeleton__d700e", h = {
   skeleton: _
 };
@@ -15,13 +15,13 @@ function k(l) {
     className: a,
     style: o,
     ...i
-  } = l, n = f(
+  } = l, n = d(
     h.skeleton,
     a,
     t.getResponsiveClassnames("height", e)
   ), c = r.useMemo(() => ({
     borderRadius: t.borderRadius(s),
-    ...t.getResponsiveStyles("height", e, d),
+    ...t.getResponsiveStyles("height", e, f),
     ...o || {}
   }), [s, e, o]);
   return /* @__PURE__ */ p(

package/dist/components/Skeleton/SkeletonShowcase.js

@@ -4,7 +4,7 @@ import { Badge as t } from "../Badge/Badge.js";
 import p from "../Button/Button.js";
 import "../../utils/links.js";
 import { DataTable as x } from "../DataTable/DataTable.js";
-import m from "../Layout/Flex/Flex.js";
+import m from "../Flex/Flex.js";
 import { Text as r } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
 import c from "./Skeleton.js";

package/dist/components/Slider/Slider.js

@@ -2,8 +2,8 @@ import { jsx as m, jsxs as K } from "react/jsx-runtime";
 import * as u from "react";
 import O from "react";
 import { c as W } from "../../index-rKs9bXHr.js";
-import { d as fe, c as me, e as M, P as k, u as V, f as he } from "../../index-BHuChyf5.js";
-import { c as pe, u as Se } from "../../index-DZEAOJqB.js";
+import { d as fe, c as me, e as M, P as k, u as V, f as he } from "../../index-ByKwkZKY.js";
+import { c as pe, u as Se } from "../../index-DlJ4qUbZ.js";
 import { u as be } from "../../index-BZPx6jYI.js";
 import { clsx as G } from "../../utils/clsx.js";
 var q = ["PageUp", "PageDown"], J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = {

package/dist/components/Slider/SliderShowcase.js

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

package/dist/components/Switch/Switch.js

@@ -1,7 +1,7 @@
 import { jsxs as I, jsx as i } from "react/jsx-runtime";
 import * as r from "react";
 import M from "react";
-import { u as k, d as H, c as j, P as x, e as A, f as q } from "../../index-BHuChyf5.js";
+import { u as k, d as H, c as j, P as x, e as A, f as q } from "../../index-ByKwkZKY.js";
 import { u as z } from "../../index-BZPx6jYI.js";
 import { clsx as P } from "../../utils/clsx.js";
 var m = "Switch", [L, et] = j(m), [O, $] = L(m), y = r.forwardRef(

package/dist/components/Table/TableBody.js

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

package/dist/components/Table/TableCell.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { FlexProps } from '../Layout/Flex';
+import { FlexProps } from '../Flex';
 
 export interface TableCellProps extends React.PropsWithChildren, FlexProps {
     onClick?: (event: React.MouseEvent<HTMLTableCellElement>) => void;

package/dist/components/Table/TableCell.js

@@ -1,27 +1,28 @@
 import { jsx as a } from "react/jsx-runtime";
-import { stringPropFormater as c } from "../Layout/Box/Box.js";
-import h from "../Layout/Flex/Flex.js";
+import "../Box/Box.js";
+import { stringPropFormater as c } from "../RSC/Box/Box.js";
+import h from "../Flex/Flex.js";
 import { clsx as y } from "../../utils/clsx.js";
 import { ui as t } from "../../utils/ui/ui.js";
-import { s } from "../../Table.module-DHI1mXN2.js";
-function R(p) {
+import { s } from "../../Table.module-DffST69u.js";
+function w(p) {
   const {
-    onClick: i,
+    onClick: l,
     className: m,
     children: d,
     ref: f,
     width: o,
     display: r,
-    as: l = "td",
+    as: i = "td",
     ...e
-  } = p, n = l === "th";
-  return typeof e.px > "u" && (e.px = 4), typeof e.py > "u" && (e.py = l === "th" ? void 0 : 1.5), /* @__PURE__ */ a(
-    l,
+  } = p, n = i === "th";
+  return typeof e.px > "u" && (e.px = 4), typeof e.py > "u" && (e.py = i === "th" ? void 0 : 1.5), /* @__PURE__ */ a(
+    i,
     {
       ref: f,
       tabIndex: -1,
       role: n ? "columnheader" : "cell",
-      onClick: i,
+      onClick: l,
       className: y(
         s.tableCell,
         m,
@@ -29,7 +30,7 @@ function R(p) {
         t.getResponsiveClassnames("display", r),
         {
           [s.header]: n,
-          [s.interactive]: !!i
+          [s.interactive]: !!l
         }
       ),
       style: {
@@ -50,5 +51,5 @@ function R(p) {
   );
 }
 export {
-  R as default
+  w as default
 };

package/dist/components/Table/TableCellCheckbox.js

@@ -3,7 +3,7 @@ import m from "react";
 import c from "../Checkbox/Checkbox.js";
 import { clsx as i } from "../../utils/clsx.js";
 import f from "./TableCell.js";
-import { s as p } from "../../Table.module-DHI1mXN2.js";
+import { s as p } from "../../Table.module-DffST69u.js";
 function b(l) {
   const {
     checked: o = !1,

package/dist/components/Table/TableHeader.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { clsx as c } from "../../utils/clsx.js";
-import { s as e } from "../../Table.module-DHI1mXN2.js";
+import { s as e } from "../../Table.module-DffST69u.js";
 function d(s) {
   const {
     sticky: a = !1,

package/dist/components/Table/TableIconButton.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import a from "react";
 import e from "../IconButton/IconButton.js";
 import { clsx as r } from "../../utils/clsx.js";
-import { s as t } from "../../Table.module-DHI1mXN2.js";
+import { s as t } from "../../Table.module-DffST69u.js";
 function l(o) {
   const {
     className: n,