@arcadeai/design-system 3.39.0 → 3.39.2

package/dist/components/ui/atoms/switch.d.ts

@@ -1,9 +1,8 @@
-import { Switch as SwitchPrimitive } from 'radix-ui';
-import type * as React from "react";
-type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+declare function Switch({ className, size, loading, loadingIndicatorClassName, disabled, ...props }: SwitchPrimitive.Root.Props & {
+    size?: "sm" | "default";
     loading?: boolean;
     loadingIndicatorClassName?: string;
-};
-declare function Switch({ className, loading, disabled, loadingIndicatorClassName, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/ui/atoms/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAe,EACf,QAAQ,EACR,yBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,WAAW,2CAoCb;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIlE,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAgB,EAChB,OAAe,EACf,yBAAyB,EACzB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,2CAoCA;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/atoms/switch.js

@@ -1,171 +1,238 @@
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { cn as g } from "../../../lib/utils.js";
-import * as n from "react";
-import { c as M } from "../../../index-B695uy69.js";
-import { u as x } from "../../../index-D2LZVjSn.js";
-import { c as j } from "../../../index-DFZozV_h.js";
-import { u as z } from "../../../index-437EL2iq.js";
-import { u as H } from "../../../index-BZPx6jYI.js";
-import { u as A } from "../../../index-BGQepRFJ.js";
-import { P } from "../../../index-DLohNuco.js";
-var h = "Switch", [U] = j(h), [q, L] = U(h), N = n.forwardRef(
-  (r, e) => {
-    const {
-      __scopeSwitch: t,
-      name: a,
-      checked: o,
-      defaultChecked: b,
-      required: d,
-      disabled: c,
-      value: u = "on",
-      onCheckedChange: v,
-      form: i,
-      ...k
-    } = r, [l, p] = n.useState(null), w = x(e, (m) => p(m)), S = n.useRef(!1), C = l ? i || !!l.closest("form") : !0, [f, T] = z({
-      prop: o,
-      defaultProp: b ?? !1,
-      onChange: v,
-      caller: h
-    });
-    return /* @__PURE__ */ y(q, { scope: t, checked: f, disabled: c, children: [
-      /* @__PURE__ */ s(
-        P.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": f,
-          "aria-required": d,
-          "data-state": B(f),
-          "data-disabled": c ? "" : void 0,
-          disabled: c,
-          value: u,
-          ...k,
-          ref: w,
-          onClick: M(r.onClick, (m) => {
-            T((I) => !I), C && (S.current = m.isPropagationStopped(), S.current || m.stopPropagation());
-          })
-        }
-      ),
-      C && /* @__PURE__ */ s(
-        _,
-        {
-          control: l,
-          bubbles: !S.current,
-          name: a,
-          value: u,
-          checked: f,
-          required: d,
-          disabled: c,
-          form: i,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-N.displayName = h;
-var R = "SwitchThumb", E = n.forwardRef(
-  (r, e) => {
-    const { __scopeSwitch: t, ...a } = r, o = L(R, t);
-    return /* @__PURE__ */ s(
-      P.span,
-      {
-        "data-state": B(o.checked),
-        "data-disabled": o.disabled ? "" : void 0,
-        ...a,
-        ref: e
-      }
-    );
+"use client";
+import { jsxs as T, jsx as f } from "react/jsx-runtime";
+import { cn as E } from "../../../lib/utils.js";
+import * as d from "react";
+import { u as ce } from "../../../useControlled-Sx-_x7Sz.js";
+import { u as le } from "../../../useStableCallback-CudqoENs.js";
+import { f as ue, c as fe, m as pe, E as me, u as _ } from "../../../useRenderElement-DNB2vtF1.js";
+import { u as he } from "../../../useIsoLayoutEffect-DpJo20by.js";
+import { v as be, a as ke } from "../../../visuallyHidden-PuyyGHVF.js";
+import { u as ge } from "../../../useBaseUiId-C8Dq0BQq.js";
+import { f as ve, c as ye, a as q, u as xe, b as Ce } from "../../../LabelableContext-Dzw1DWuj.js";
+import { u as we } from "../../../useAriaLabelledBy-VklrCmKp.js";
+import { u as Ee } from "../../../useLabelableId-DF_d91GP.js";
+import { c as Ne, n as ze } from "../../../createBaseUIEventDetails-CqidROtw.js";
+import { u as Pe } from "../../../useValueChanged-Bissqjjn.js";
+import { a as Re } from "../../../useButton-JYPKQKj4.js";
+const N = /* @__PURE__ */ d.createContext(void 0);
+process.env.NODE_ENV !== "production" && (N.displayName = "SwitchRootContext");
+function Ie() {
+  const e = d.useContext(N);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>." : ue(63));
+  return e;
+}
+let L = /* @__PURE__ */ (function(e) {
+  return e.checked = "data-checked", e.unchecked = "data-unchecked", e.disabled = "data-disabled", e.readonly = "data-readonly", e.required = "data-required", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
+})({});
+const j = {
+  ...ve,
+  checked(e) {
+    return e ? {
+      [L.checked]: ""
+    } : {
+      [L.unchecked]: ""
+    };
   }
-);
-E.displayName = R;
-var O = "SwitchBubbleInput", _ = n.forwardRef(
-  ({
-    __scopeSwitch: r,
-    control: e,
-    checked: t,
-    bubbles: a = !0,
-    ...o
-  }, b) => {
-    const d = n.useRef(null), c = x(d, b), u = H(t), v = A(e);
-    return n.useEffect(() => {
-      const i = d.current;
-      if (!i) return;
-      const k = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(
-        k,
-        "checked"
-      ).set;
-      if (u !== t && p) {
-        const w = new Event("click", { bubbles: a });
-        p.call(i, t), i.dispatchEvent(w);
-      }
-    }, [u, t, a]), /* @__PURE__ */ s(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: t,
-        ...o,
-        tabIndex: -1,
-        ref: c,
-        style: {
-          ...o.style,
-          ...v,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
+}, H = /* @__PURE__ */ d.forwardRef(function(s, n) {
+  const {
+    checked: p,
+    className: k,
+    defaultChecked: l,
+    "aria-labelledby": g,
+    id: v,
+    inputRef: y,
+    name: J,
+    nativeButton: m = !1,
+    onCheckedChange: Y,
+    readOnly: h = !1,
+    required: u = !1,
+    disabled: D = !1,
+    render: Be,
+    uncheckedValue: z,
+    value: x,
+    ...G
+  } = s, {
+    clearErrors: Q
+  } = ye(), {
+    state: P,
+    setTouched: W,
+    setDirty: X,
+    validityData: Z,
+    setFilled: C,
+    setFocused: R,
+    shouldValidateOnChange: $,
+    validationMode: A,
+    disabled: ee,
+    name: ae,
+    validation: r
+  } = q(), {
+    labelId: te
+  } = xe(), i = ee || D, o = ae ?? J, I = le(Y), c = d.useRef(null), B = fe(c, y, r.inputRef), b = d.useRef(null), V = ge(), S = Ee({
+    id: v,
+    implicit: !1,
+    controlRef: b
+  }), w = m ? void 0 : S, [a, K] = ce({
+    controlled: p,
+    default: !!l,
+    name: "Switch",
+    state: "checked"
+  });
+  Ce({
+    id: V,
+    commit: r.commit,
+    value: a,
+    controlRef: b,
+    name: o,
+    getValue: () => a
+  }), he(() => {
+    c.current && C(c.current.checked);
+  }, [c, C]), Pe(a, () => {
+    Q(o), X(a !== Z.initialValue), C(a), $() ? r.commit(a) : r.commit(a, !0);
+  });
+  const {
+    getButtonProps: ne,
+    buttonRef: re
+  } = Re({
+    disabled: i,
+    native: m
+  }), ie = we(g, te, c, !m, w), de = {
+    id: m ? S : V,
+    role: "switch",
+    "aria-checked": a,
+    "aria-readonly": h || void 0,
+    "aria-required": u || void 0,
+    "aria-labelledby": ie,
+    onFocus() {
+      i || R(!0);
+    },
+    onBlur() {
+      const t = c.current;
+      !t || i || (W(!0), R(!1), A === "onBlur" && r.commit(t.checked));
+    },
+    onClick(t) {
+      h || i || (t.preventDefault(), c.current?.dispatchEvent(new PointerEvent("click", {
+        bubbles: !0,
+        shiftKey: t.shiftKey,
+        ctrlKey: t.ctrlKey,
+        altKey: t.altKey,
+        metaKey: t.metaKey
+      })));
+    }
+  }, se = d.useMemo(() => pe(
+    {
+      checked: a,
+      disabled: i,
+      id: w,
+      name: o,
+      required: u,
+      style: o ? be : ke,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": !0,
+      ref: B,
+      onChange(t) {
+        if (t.nativeEvent.defaultPrevented)
+          return;
+        const F = t.target.checked, O = Ne(ze, t.nativeEvent);
+        I?.(F, O), !O.isCanceled && K(F);
+      },
+      onFocus() {
+        b.current?.focus();
       }
-    );
-  }
-);
-_.displayName = O;
-function B(r) {
-  return r ? "checked" : "unchecked";
-}
-var D = N, F = E;
-function Z({
-  className: r,
-  loading: e = !1,
-  disabled: t,
-  loadingIndicatorClassName: a,
-  ...o
+    },
+    r.getInputValidationProps,
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    x !== void 0 ? {
+      value: x
+    } : me
+  ), [a, i, B, w, o, I, u, K, r, x]), M = d.useMemo(() => ({
+    ...P,
+    checked: a,
+    disabled: i,
+    readOnly: h,
+    required: u
+  }), [P, a, i, h, u]), oe = _("span", s, {
+    state: M,
+    ref: [n, b, re],
+    props: [de, r.getValidationProps, G, ne],
+    stateAttributesMapping: j
+  });
+  return /* @__PURE__ */ T(N.Provider, {
+    value: M,
+    children: [oe, !a && o && z !== void 0 && /* @__PURE__ */ f("input", {
+      type: "hidden",
+      name: o,
+      value: z
+    }), /* @__PURE__ */ f("input", {
+      ...se
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "SwitchRoot");
+const U = /* @__PURE__ */ d.forwardRef(function(s, n) {
+  const {
+    render: p,
+    className: k,
+    ...l
+  } = s, {
+    state: g
+  } = q(), v = Ie(), y = {
+    ...g,
+    ...v
+  };
+  return _("span", s, {
+    state: y,
+    ref: n,
+    stateAttributesMapping: j,
+    props: l
+  });
+});
+process.env.NODE_ENV !== "production" && (U.displayName = "SwitchThumb");
+function Ye({
+  className: e,
+  size: s = "default",
+  loading: n = !1,
+  loadingIndicatorClassName: p,
+  disabled: k,
+  ...l
 }) {
-  return /* @__PURE__ */ y(
-    D,
+  return /* @__PURE__ */ T(
+    H,
     {
-      "aria-busy": e || void 0,
-      className: g(
-        "peer relative inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
-        r
+      "aria-busy": n || void 0,
+      className: E(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent outline-none transition-all after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=sm]:h-[14px] data-[size=default]:w-[32px] data-[size=sm]:w-[24px] data-disabled:cursor-not-allowed data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-50 dark:data-unchecked:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        e
       ),
-      "data-loading": e || void 0,
+      "data-loading": n || void 0,
+      "data-size": s,
       "data-slot": "switch",
-      disabled: t || e,
-      ...o,
+      disabled: k || n,
+      ...l,
       children: [
-        /* @__PURE__ */ s(
-          F,
+        /* @__PURE__ */ f(
+          U,
           {
-            className: g(
-              "pointer-events-none block size-4 rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground",
-              e && "opacity-0"
+            className: E(
+              "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground",
+              n && "opacity-0"
             ),
             "data-slot": "switch-thumb"
           }
         ),
-        e && /* @__PURE__ */ s(
+        n && /* @__PURE__ */ f(
           "span",
           {
             "aria-hidden": "true",
             className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ f(
               "span",
               {
-                className: g(
-                  "size-3 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent",
-                  a
+                className: E(
+                  "animate-spin rounded-full border-2 border-muted-foreground border-t-transparent group-data-[size=default]/switch:size-3 group-data-[size=sm]/switch:size-2.5",
+                  p
                 )
               }
             )
@@ -176,5 +243,5 @@ function Z({
   );
 }
 export {
-  Z as Switch
+  Ye as Switch
 };

package/dist/components/ui/atoms/table.d.ts

@@ -1,7 +1,5 @@
 import type * as React from "react";
-declare function Table({ className, ref, ...props }: React.HTMLAttributes<HTMLTableElement> & {
-    ref?: React.Ref<HTMLTableElement>;
-}): import("react/jsx-runtime").JSX.Element;
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
 declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
 declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
@@ -9,5 +7,5 @@ declare function TableRow({ className, ...props }: React.ComponentProps<"tr">):
 declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
 declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
 //# sourceMappingURL=table.d.ts.map

package/dist/components/ui/atoms/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC,2CAWA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}

package/dist/components/ui/atoms/table.js

@@ -1,24 +1,23 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { cn as o } from "../../../lib/utils.js";
-import { ScrollArea as n, ScrollBar as s } from "./scroll-area.js";
-function i({
-  className: t,
-  ref: e,
-  ...r
-}) {
-  return /* @__PURE__ */ l(n, { className: "relative w-full", viewPortClassName: "px-0", children: [
-    /* @__PURE__ */ a(
-      "table",
-      {
-        className: o("w-full caption-bottom text-sm", t),
-        ref: e,
-        ...r
-      }
-    ),
-    /* @__PURE__ */ a(s, { orientation: "horizontal" })
-  ] });
+function n({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "relative w-full min-w-0 overflow-x-auto",
+      "data-slot": "table-container",
+      children: /* @__PURE__ */ a(
+        "table",
+        {
+          className: o("w-full caption-bottom text-sm", t),
+          "data-slot": "table",
+          ...e
+        }
+      )
+    }
+  );
 }
-function m({ className: t, ...e }) {
+function d({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "thead",
     {
@@ -28,7 +27,7 @@ function m({ className: t, ...e }) {
     }
   );
 }
-function u({ className: t, ...e }) {
+function s({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "tbody",
     {
@@ -38,7 +37,7 @@ function u({ className: t, ...e }) {
     }
   );
 }
-function f({ className: t, ...e }) {
+function b({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "tfoot",
     {
@@ -51,12 +50,12 @@ function f({ className: t, ...e }) {
     }
   );
 }
-function p({ className: t, ...e }) {
+function c({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "tr",
     {
       className: o(
-        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
         t
       ),
       "data-slot": "table-row",
@@ -64,12 +63,12 @@ function p({ className: t, ...e }) {
     }
   );
 }
-function h({ className: t, ...e }) {
+function i({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "th",
     {
       className: o(
-        "h-10 whitespace-nowrap px-4 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0",
         t
       ),
       "data-slot": "table-head",
@@ -77,12 +76,12 @@ function h({ className: t, ...e }) {
     }
   );
 }
-function x({ className: t, ...e }) {
+function m({ className: t, ...e }) {
   return /* @__PURE__ */ a(
     "td",
     {
       className: o(
-        "whitespace-nowrap px-4 py-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0",
         t
       ),
       "data-slot": "table-cell",
@@ -90,7 +89,7 @@ function x({ className: t, ...e }) {
     }
   );
 }
-function N({
+function u({
   className: t,
   ...e
 }) {
@@ -104,12 +103,12 @@ function N({
   );
 }
 export {
-  i as Table,
-  u as TableBody,
-  N as TableCaption,
-  x as TableCell,
-  f as TableFooter,
-  h as TableHead,
-  m as TableHeader,
-  p as TableRow
+  n as Table,
+  s as TableBody,
+  u as TableCaption,
+  m as TableCell,
+  b as TableFooter,
+  i as TableHead,
+  d as TableHeader,
+  c as TableRow
 };

package/dist/components/ui/atoms/tabs.d.ts

@@ -1,8 +1,12 @@
-import { Tabs as TabsPrimitive } from 'radix-ui';
-import type * as React from "react";
-declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+declare function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/ui/atoms/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWjD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/tabs.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,2CAY1B;AAED,QAAA,MAAM,gBAAgB;;8EAarB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,2CASlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,2CAcpE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,2CAQtE;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}