@datawire-ai/busyfile-design-library 1.30.3 → 1.30.4

package/dist/index41.js

@@ -1,59 +1,29 @@
-import * as l from "react";
-import { composeRefs as y } from "./index93.js";
-import { j as p } from "./index40.js";
-// @__NO_SIDE_EFFECTS__
-function S(e) {
-  const t = /* @__PURE__ */ g(e), o = l.forwardRef((n, r) => {
-    const { children: i, ...a } = n, s = l.Children.toArray(i), c = s.find(E);
-    if (c) {
-      const f = c.props.children, m = s.map((u) => u === c ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : u);
-      return /* @__PURE__ */ p.jsx(t, { ...a, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, m) : null });
+import { cva as t } from "./index77.js";
+const e = {
+  default: "bg-neutral-black-1 text-sm font-normal text-white shadow-sm hover:bg-neutral-black-2 focus-visible:ring-neutral-black-1",
+  primary: "bg-neutral-black-5 text-sm font-normal text-neutral-70 hover:bg-neutral-black-5 focus-visible:ring-bg-neutral-black-5",
+  outline: "bg-transparent text-black hover:bg-neutral-black-2 focus-visible:ring-4  focus-visible:ring-bg-surface border border-bg-neutral-black-2",
+  ghost: "bg-inherit hover:bg-tag-light-gray text-sm font-normal"
+}, n = {
+  default: "h-9 px-4 py-2",
+  sm: "h-8 px-3 text-xs",
+  lg: "h-10 px-6",
+  icon: "h-9 w-9"
+}, r = t(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-offset-2 cursor-pointer",
+  {
+    variants: {
+      variant: e,
+      size: n
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
     }
-    return /* @__PURE__ */ p.jsx(t, { ...a, ref: r, children: i });
-  });
-  return o.displayName = `${e}.Slot`, o;
-}
-var h = /* @__PURE__ */ S("Slot");
-// @__NO_SIDE_EFFECTS__
-function g(e) {
-  const t = l.forwardRef((o, n) => {
-    const { children: r, ...i } = o;
-    if (l.isValidElement(r)) {
-      const a = x(r), s = R(i, r.props);
-      return r.type !== l.Fragment && (s.ref = n ? y(n, a) : a), l.cloneElement(r, s);
-    }
-    return l.Children.count(r) > 1 ? l.Children.only(null) : null;
-  });
-  return t.displayName = `${e}.SlotClone`, t;
-}
-var d = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function j(e) {
-  const t = ({ children: o }) => /* @__PURE__ */ p.jsx(p.Fragment, { children: o });
-  return t.displayName = `${e}.Slottable`, t.__radixId = d, t;
-}
-function E(e) {
-  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === d;
-}
-function R(e, t) {
-  const o = { ...t };
-  for (const n in t) {
-    const r = e[n], i = t[n];
-    /^on[A-Z]/.test(n) ? r && i ? o[n] = (...s) => {
-      const c = i(...s);
-      return r(...s), c;
-    } : r && (o[n] = r) : n === "style" ? o[n] = { ...r, ...i } : n === "className" && (o[n] = [r, i].filter(Boolean).join(" "));
   }
-  return { ...e, ...o };
-}
-function x(e) {
-  var n, r;
-  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
-  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
-}
+);
 export {
-  h as Root,
-  h as Slot,
-  S as createSlot,
-  j as createSlottable
+  n as BUTTON_SIZES,
+  e as BUTTON_VARIANTS,
+  r as buttonVariants
 };

package/dist/index42.js

@@ -1,29 +1,134 @@
-import { cva as t } from "./index78.js";
-const e = {
-  default: "bg-neutral-black-1 text-sm font-normal text-white shadow-sm hover:bg-neutral-black-2 focus-visible:ring-neutral-black-1",
-  primary: "bg-neutral-black-5 text-sm font-normal text-neutral-70 hover:bg-neutral-black-5 focus-visible:ring-bg-neutral-black-5",
-  outline: "bg-transparent text-black hover:bg-neutral-black-2 focus-visible:ring-4  focus-visible:ring-bg-surface border border-bg-neutral-black-2",
-  ghost: "bg-inherit hover:bg-tag-light-gray text-sm font-normal"
-}, n = {
-  default: "h-9 px-4 py-2",
-  sm: "h-8 px-3 text-xs",
-  lg: "h-10 px-6",
-  icon: "h-9 w-9"
-}, r = t(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-offset-2 cursor-pointer",
-  {
-    variants: {
-      variant: e,
-      size: n
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+"use client";
+import * as r from "react";
+import { composeEventHandlers as T } from "./index89.js";
+import { useComposedRefs as P } from "./index90.js";
+import { createContextScope as I } from "./index91.js";
+import { useControllableState as M } from "./index92.js";
+import { usePrevious as H } from "./index93.js";
+import { useSize as j } from "./index94.js";
+import { Primitive as y } from "./index95.js";
+import { jsxs as A, jsx as m } from "react/jsx-runtime";
+var h = "Switch", [U, Q] = I(h), [q, z] = U(h), R = r.forwardRef(
+  (t, a) => {
+    const {
+      __scopeSwitch: e,
+      name: c,
+      checked: o,
+      defaultChecked: S,
+      required: i,
+      disabled: n,
+      value: p = "on",
+      onCheckedChange: w,
+      form: s,
+      ...v
+    } = t, [d, u] = r.useState(null), b = P(a, (f) => u(f)), C = r.useRef(!1), k = d ? s || !!d.closest("form") : !0, [l, B] = M({
+      prop: o,
+      defaultProp: S ?? !1,
+      onChange: w,
+      caller: h
+    });
+    return /* @__PURE__ */ A(q, { scope: e, checked: l, disabled: n, children: [
+      /* @__PURE__ */ m(
+        y.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": l,
+          "aria-required": i,
+          "data-state": g(l),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: p,
+          ...v,
+          ref: b,
+          onClick: T(t.onClick, (f) => {
+            B((N) => !N), k && (C.current = f.isPropagationStopped(), C.current || f.stopPropagation());
+          })
+        }
+      ),
+      k && /* @__PURE__ */ m(
+        x,
+        {
+          control: d,
+          bubbles: !C.current,
+          name: c,
+          value: p,
+          checked: l,
+          required: i,
+          disabled: n,
+          form: s,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
   }
 );
+R.displayName = h;
+var E = "SwitchThumb", _ = r.forwardRef(
+  (t, a) => {
+    const { __scopeSwitch: e, ...c } = t, o = z(E, e);
+    return /* @__PURE__ */ m(
+      y.span,
+      {
+        "data-state": g(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...c,
+        ref: a
+      }
+    );
+  }
+);
+_.displayName = E;
+var L = "SwitchBubbleInput", x = r.forwardRef(
+  ({
+    __scopeSwitch: t,
+    control: a,
+    checked: e,
+    bubbles: c = !0,
+    ...o
+  }, S) => {
+    const i = r.useRef(null), n = P(i, S), p = H(e), w = j(a);
+    return r.useEffect(() => {
+      const s = i.current;
+      if (!s) return;
+      const v = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(
+        v,
+        "checked"
+      ).set;
+      if (p !== e && u) {
+        const b = new Event("click", { bubbles: c });
+        u.call(s, e), s.dispatchEvent(b);
+      }
+    }, [p, e, c]), /* @__PURE__ */ m(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...o,
+        tabIndex: -1,
+        ref: n,
+        style: {
+          ...o.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+x.displayName = L;
+function g(t) {
+  return t ? "checked" : "unchecked";
+}
+var V = R, Y = _;
 export {
-  n as BUTTON_SIZES,
-  e as BUTTON_VARIANTS,
-  r as buttonVariants
+  V as Root,
+  R as Switch,
+  _ as SwitchThumb,
+  Y as Thumb,
+  Q as createSwitchScope
 };

package/dist/index43.js

@@ -1,134 +1,25 @@
-"use client";
-import * as r from "react";
-import { composeEventHandlers as N } from "./index94.js";
-import { useComposedRefs as x } from "./index93.js";
-import { createContextScope as T } from "./index95.js";
-import { useControllableState as I } from "./index96.js";
-import { usePrevious as M } from "./index97.js";
-import { useSize as H } from "./index98.js";
-import { Primitive as P } from "./index99.js";
-import { j as u } from "./index40.js";
-var h = "Switch", [A, K] = T(h), [U, q] = A(h), R = r.forwardRef(
-  (t, a) => {
-    const {
-      __scopeSwitch: e,
-      name: s,
-      checked: o,
-      defaultChecked: S,
-      required: i,
-      disabled: c,
-      value: p = "on",
-      onCheckedChange: w,
-      form: n,
-      ...v
-    } = t, [d, l] = r.useState(null), b = x(a, (m) => l(m)), C = r.useRef(!1), k = d ? n || !!d.closest("form") : !0, [f, j] = I({
-      prop: o,
-      defaultProp: S ?? !1,
-      onChange: w,
-      caller: h
-    });
-    return /* @__PURE__ */ u.jsxs(U, { scope: e, checked: f, disabled: c, children: [
-      /* @__PURE__ */ u.jsx(
-        P.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": f,
-          "aria-required": i,
-          "data-state": g(f),
-          "data-disabled": c ? "" : void 0,
-          disabled: c,
-          value: p,
-          ...v,
-          ref: b,
-          onClick: N(t.onClick, (m) => {
-            j((B) => !B), k && (C.current = m.isPropagationStopped(), C.current || m.stopPropagation());
-          })
-        }
-      ),
-      k && /* @__PURE__ */ u.jsx(
-        _,
-        {
-          control: d,
-          bubbles: !C.current,
-          name: s,
-          value: p,
-          checked: f,
-          required: i,
-          disabled: c,
-          form: n,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-R.displayName = h;
-var y = "SwitchThumb", E = r.forwardRef(
-  (t, a) => {
-    const { __scopeSwitch: e, ...s } = t, o = q(y, e);
-    return /* @__PURE__ */ u.jsx(
-      P.span,
-      {
-        "data-state": g(o.checked),
-        "data-disabled": o.disabled ? "" : void 0,
-        ...s,
-        ref: a
-      }
-    );
-  }
-);
-E.displayName = y;
-var z = "SwitchBubbleInput", _ = r.forwardRef(
-  ({
-    __scopeSwitch: t,
-    control: a,
-    checked: e,
-    bubbles: s = !0,
-    ...o
-  }, S) => {
-    const i = r.useRef(null), c = x(i, S), p = M(e), w = H(a);
-    return r.useEffect(() => {
-      const n = i.current;
-      if (!n) return;
-      const v = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(
-        v,
-        "checked"
-      ).set;
-      if (p !== e && l) {
-        const b = new Event("click", { bubbles: s });
-        l.call(n, e), n.dispatchEvent(b);
-      }
-    }, [p, e, s]), /* @__PURE__ */ u.jsx(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: e,
-        ...o,
-        tabIndex: -1,
-        ref: c,
-        style: {
-          ...o.style,
-          ...w,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-_.displayName = z;
-function g(t) {
-  return t ? "checked" : "unchecked";
-}
-var Q = R, V = E;
+import { cva as a } from "./index77.js";
+const t = a([
+  "group relative inline-flex items-center cursor-pointer transition-all duration-200 ease-in-out",
+  "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+  "disabled:cursor-not-allowed disabled:opacity-100",
+  "h-[13px] w-[25px] rounded-full p-[1px]",
+  "bg-neutral-black-2",
+  "hover:shadow-[0_0_0_3px_var(--color-neutral-black-5)]",
+  "focus-visible:shadow-[0_0_0_3px_var(--color-neutral-black-5)]",
+  "active:shadow-[0_0_0_3px_var(--color-neutral-black-5)]",
+  "data-[state=checked]:bg-neutral-black-1 data-[state=checked]:hover:shadow-[0_0_0_3px_rgba(10,10,10,.1)]",
+  "data-[state=checked]:focus-visible:shadow-[0_0_0_3px_rgba(10,10,10,0.2)]",
+  "data-[state=checked]:active:shadow-[0_0_0_3px_rgba(10,10,10,0.2)]",
+  "disabled:bg-neutral-black-5 disabled:hover:shadow-none disabled:focus-visible:shadow-none disabled:active:shadow-none",
+  "data-[state=checked]:disabled:bg-neutral-black-5 data-[state=checked]:disabled:hover:shadow-none data-[state=checked]:disabled:focus-visible:shadow-none data-[state=checked]:disabled:active:shadow-none"
+]), o = a([
+  "block rounded-full transition-transform duration-200 ease-in-out",
+  "shadow-[0_3px_6px_-3px_rgba(0,0,0,0.05),0_2px_4px_-2px_rgba(0,0,0,0.05)]",
+  "h-[11px] w-[11px] bg-white",
+  "translate-x-0 group-data-[state=checked]:translate-x-[12px]"
+]);
 export {
-  Q as Root,
-  R as Switch,
-  E as SwitchThumb,
-  V as Thumb,
-  K as createSwitchScope
+  o as toggleThumbVariants,
+  t as toggleVariants
 };

package/dist/index44.js

@@ -1,25 +1,240 @@
-import { cva as a } from "./index78.js";
-const t = a([
-  "group relative inline-flex items-center cursor-pointer transition-all duration-200 ease-in-out",
-  "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-  "disabled:cursor-not-allowed disabled:opacity-100",
-  "h-[13px] w-[25px] rounded-full p-[1px]",
-  "bg-neutral-black-2",
-  "hover:shadow-[0_0_0_3px_var(--color-neutral-black-5)]",
-  "focus-visible:shadow-[0_0_0_3px_var(--color-neutral-black-5)]",
-  "active:shadow-[0_0_0_3px_var(--color-neutral-black-5)]",
-  "data-[state=checked]:bg-neutral-black-1 data-[state=checked]:hover:shadow-[0_0_0_3px_rgba(10,10,10,.1)]",
-  "data-[state=checked]:focus-visible:shadow-[0_0_0_3px_rgba(10,10,10,0.2)]",
-  "data-[state=checked]:active:shadow-[0_0_0_3px_rgba(10,10,10,0.2)]",
-  "disabled:bg-neutral-black-5 disabled:hover:shadow-none disabled:focus-visible:shadow-none disabled:active:shadow-none",
-  "data-[state=checked]:disabled:bg-neutral-black-5 data-[state=checked]:disabled:hover:shadow-none data-[state=checked]:disabled:focus-visible:shadow-none data-[state=checked]:disabled:active:shadow-none"
-]), o = a([
-  "block rounded-full transition-transform duration-200 ease-in-out",
-  "shadow-[0_3px_6px_-3px_rgba(0,0,0,0.05),0_2px_4px_-2px_rgba(0,0,0,0.05)]",
-  "h-[11px] w-[11px] bg-white",
-  "translate-x-0 group-data-[state=checked]:translate-x-[12px]"
-]);
+"use client";
+import * as i from "react";
+import { composeEventHandlers as I } from "./index89.js";
+import { useComposedRefs as E } from "./index90.js";
+import { createContextScope as w } from "./index91.js";
+import { Primitive as b } from "./index95.js";
+import { createRovingFocusGroupScope as P, Root as B, Item as q } from "./index96.js";
+import { useControllableState as K } from "./index92.js";
+import { useDirection as T } from "./index97.js";
+import { useSize as U } from "./index94.js";
+import { usePrevious as V } from "./index93.js";
+import { Presence as j } from "./index98.js";
+import { jsx as p, jsxs as z } from "react/jsx-runtime";
+var _ = "Radio", [H, G] = w(_), [W, X] = H(_), S = i.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadio: o,
+      name: s,
+      checked: e = !1,
+      required: r,
+      disabled: n,
+      value: f = "on",
+      onCheck: c,
+      form: m,
+      ...R
+    } = a, [l, v] = i.useState(null), t = E(d, (y) => v(y)), u = i.useRef(!1), h = l ? m || !!l.closest("form") : !0;
+    return /* @__PURE__ */ z(W, { scope: o, checked: e, disabled: n, children: [
+      /* @__PURE__ */ p(
+        b.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": e,
+          "data-state": N(e),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: f,
+          ...R,
+          ref: t,
+          onClick: I(a.onClick, (y) => {
+            e || c == null || c(), h && (u.current = y.isPropagationStopped(), u.current || y.stopPropagation());
+          })
+        }
+      ),
+      h && /* @__PURE__ */ p(
+        A,
+        {
+          control: l,
+          bubbles: !u.current,
+          name: s,
+          value: f,
+          checked: e,
+          required: r,
+          disabled: n,
+          form: m,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+S.displayName = _;
+var g = "RadioIndicator", k = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadio: o, forceMount: s, ...e } = a, r = X(g, o);
+    return /* @__PURE__ */ p(j, { present: s || r.checked, children: /* @__PURE__ */ p(
+      b.span,
+      {
+        "data-state": N(r.checked),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...e,
+        ref: d
+      }
+    ) });
+  }
+);
+k.displayName = g;
+var Y = "RadioBubbleInput", A = i.forwardRef(
+  ({
+    __scopeRadio: a,
+    control: d,
+    checked: o,
+    bubbles: s = !0,
+    ...e
+  }, r) => {
+    const n = i.useRef(null), f = E(n, r), c = V(o), m = U(d);
+    return i.useEffect(() => {
+      const R = n.current;
+      if (!R) return;
+      const l = window.HTMLInputElement.prototype, t = Object.getOwnPropertyDescriptor(
+        l,
+        "checked"
+      ).set;
+      if (c !== o && t) {
+        const u = new Event("click", { bubbles: s });
+        t.call(R, o), R.dispatchEvent(u);
+      }
+    }, [c, o, s]), /* @__PURE__ */ p(
+      b.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: o,
+        ...e,
+        tabIndex: -1,
+        ref: f,
+        style: {
+          ...e.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+A.displayName = Y;
+function N(a) {
+  return a ? "checked" : "unchecked";
+}
+var J = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], C = "RadioGroup", [Q, le] = w(C, [
+  P,
+  G
+]), x = P(), D = G(), [Z, $] = Q(C), M = i.forwardRef(
+  (a, d) => {
+    const {
+      __scopeRadioGroup: o,
+      name: s,
+      defaultValue: e,
+      value: r,
+      required: n = !1,
+      disabled: f = !1,
+      orientation: c,
+      dir: m,
+      loop: R = !0,
+      onValueChange: l,
+      ...v
+    } = a, t = x(o), u = T(m), [h, y] = K({
+      prop: r,
+      defaultProp: e ?? null,
+      onChange: l,
+      caller: C
+    });
+    return /* @__PURE__ */ p(
+      Z,
+      {
+        scope: o,
+        name: s,
+        required: n,
+        disabled: f,
+        value: h,
+        onValueChange: y,
+        children: /* @__PURE__ */ p(
+          B,
+          {
+            asChild: !0,
+            ...t,
+            orientation: c,
+            dir: u,
+            loop: R,
+            children: /* @__PURE__ */ p(
+              b.div,
+              {
+                role: "radiogroup",
+                "aria-required": n,
+                "aria-orientation": c,
+                "data-disabled": f ? "" : void 0,
+                dir: u,
+                ...v,
+                ref: d
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+M.displayName = C;
+var O = "RadioGroupItem", F = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, disabled: s, ...e } = a, r = $(O, o), n = r.disabled || s, f = x(o), c = D(o), m = i.useRef(null), R = E(d, m), l = r.value === e.value, v = i.useRef(!1);
+    return i.useEffect(() => {
+      const t = (h) => {
+        J.includes(h.key) && (v.current = !0);
+      }, u = () => v.current = !1;
+      return document.addEventListener("keydown", t), document.addEventListener("keyup", u), () => {
+        document.removeEventListener("keydown", t), document.removeEventListener("keyup", u);
+      };
+    }, []), /* @__PURE__ */ p(
+      q,
+      {
+        asChild: !0,
+        ...f,
+        focusable: !n,
+        active: l,
+        children: /* @__PURE__ */ p(
+          S,
+          {
+            disabled: n,
+            required: r.required,
+            checked: l,
+            ...c,
+            ...e,
+            name: r.name,
+            ref: R,
+            onCheck: () => r.onValueChange(e.value),
+            onKeyDown: I((t) => {
+              t.key === "Enter" && t.preventDefault();
+            }),
+            onFocus: I(e.onFocus, () => {
+              var t;
+              v.current && ((t = m.current) == null || t.click());
+            })
+          }
+        )
+      }
+    );
+  }
+);
+F.displayName = O;
+var ee = "RadioGroupIndicator", L = i.forwardRef(
+  (a, d) => {
+    const { __scopeRadioGroup: o, ...s } = a, e = D(o);
+    return /* @__PURE__ */ p(k, { ...e, ...s, ref: d });
+  }
+);
+L.displayName = ee;
+var fe = M, me = F, Re = L;
 export {
-  o as toggleThumbVariants,
-  t as toggleVariants
+  Re as Indicator,
+  me as Item,
+  M as RadioGroup,
+  L as RadioGroupIndicator,
+  F as RadioGroupItem,
+  fe as Root,
+  le as createRadioGroupScope
 };