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

package/dist/index7.js

@@ -1,34 +1,34 @@
 "use client";
-import { j as a } from "./index40.js";
-import { Root as l, Close as s, Content as r, Description as d, Overlay as g, Portal as c, Title as u, Trigger as f } from "./index50.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { Root as r, Close as l, Content as d, Description as g, Overlay as c, Portal as u, Title as f, Trigger as m } from "./index49.js";
 import { cn as o } from "./index37.js";
-import x from "./index51.js";
-function h({
+import p from "./index50.js";
+function N({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(l, { "data-slot": "dialog", ...t });
+  return /* @__PURE__ */ a(r, { "data-slot": "dialog", ...t });
 }
-function y({
+function w({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(f, { "data-slot": "dialog-trigger", ...t });
+  return /* @__PURE__ */ a(m, { "data-slot": "dialog-trigger", ...t });
 }
-function m({
+function x({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(c, { "data-slot": "dialog-portal", ...t });
+  return /* @__PURE__ */ a(u, { "data-slot": "dialog-portal", ...t });
 }
-function N({
+function z({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(s, { "data-slot": "dialog-close", ...t });
+  return /* @__PURE__ */ a(l, { "data-slot": "dialog-close", ...t });
 }
-function p({
+function b({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsx(
-    g,
+  return /* @__PURE__ */ a(
+    c,
     {
       "data-slot": "dialog-overlay",
       className: o(
@@ -39,33 +39,33 @@ function p({
     }
   );
 }
-function w({
+function C({
   className: t,
   children: e,
-  showCloseButton: n = !0,
-  ...i
+  showCloseButton: i = !0,
+  ...s
 }) {
-  return /* @__PURE__ */ a.jsxs(m, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a.jsx(p, {}),
-    /* @__PURE__ */ a.jsxs(
-      r,
+  return /* @__PURE__ */ n(x, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(b, {}),
+    /* @__PURE__ */ n(
+      d,
       {
         "data-slot": "dialog-content",
         className: o(
           "bg-background bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-none p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
-        ...i,
+        ...s,
         children: [
           e,
-          n && /* @__PURE__ */ a.jsxs(
-            s,
+          i && /* @__PURE__ */ n(
+            l,
             {
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ a.jsx(x, {}),
-                /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ a(p, {}),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -74,8 +74,8 @@ function w({
     )
   ] });
 }
-function z({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
+function k({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-header",
@@ -84,8 +84,8 @@ function z({ className: t, ...e }) {
     }
   );
 }
-function C({ className: t, ...e }) {
-  return /* @__PURE__ */ a.jsx(
+function T({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -97,12 +97,12 @@ function C({ className: t, ...e }) {
     }
   );
 }
-function k({
+function j({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsx(
-    u,
+  return /* @__PURE__ */ a(
+    f,
     {
       "data-slot": "dialog-title",
       className: o("text-lg leading-none font-semibold ", t),
@@ -110,12 +110,12 @@ function k({
     }
   );
 }
-function T({
+function _({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsx(
-    d,
+  return /* @__PURE__ */ a(
+    g,
     {
       "data-slot": "dialog-description",
       className: o("text-muted-foreground text-sm", t),
@@ -124,14 +124,14 @@ function T({
   );
 }
 export {
-  h as Dialog,
-  N as DialogClose,
-  w as DialogContent,
-  T as DialogDescription,
-  C as DialogFooter,
-  z as DialogHeader,
-  p as DialogOverlay,
-  m as DialogPortal,
-  k as DialogTitle,
-  y as DialogTrigger
+  N as Dialog,
+  z as DialogClose,
+  C as DialogContent,
+  _ as DialogDescription,
+  T as DialogFooter,
+  k as DialogHeader,
+  b as DialogOverlay,
+  x as DialogPortal,
+  j as DialogTitle,
+  w as DialogTrigger
 };

package/dist/index70.js

@@ -1,4 +1,12 @@
-const r = (t) => t === void 0 || isNaN(t) ? 0 : Math.min(100, Math.max(0, t));
+import o from "./index117.js";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
 export {
-  r as clampValue
+  t as __iconNode,
+  c as default
 };

package/dist/index71.js

@@ -1,12 +1,16 @@
-import o from "./index121.js";
+import c from "./index117.js";
 /**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], c = o("chevron-right", t);
+const e = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+], l = c("ellipsis", e);
 export {
-  t as __iconNode,
-  c as default
+  e as __iconNode,
+  l as default
 };

package/dist/index72.js

@@ -1,16 +1,8 @@
-import c from "./index121.js";
-/**
- * @license lucide-react v0.542.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const e = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-], l = c("ellipsis", e);
+import { cva as t } from "./index77.js";
+const n = t(
+  "flex items-center justify-between w-full bg-neutral-black-5 px-4 py-3"
+), a = t("flex items-center gap-3");
 export {
-  e as __iconNode,
-  l as default
+  a as logoSectionVariants,
+  n as navigationVariants
 };

package/dist/index73.js

@@ -1,8 +1,15 @@
-import { cva as t } from "./index78.js";
-const n = t(
-  "flex items-center justify-between w-full bg-neutral-black-5 px-4 py-3"
-), a = t("flex items-center gap-3");
+import e from "./index117.js";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }]
+], o = e("panel-left", t);
 export {
-  a as logoSectionVariants,
-  n as navigationVariants
+  t as __iconNode,
+  o as default
 };

package/dist/index74.js

@@ -1,15 +1,24 @@
-import e from "./index121.js";
-/**
- * @license lucide-react v0.542.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const t = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }]
-], o = e("panel-left", t);
+import { cva as r } from "./index77.js";
+const e = r(
+  "flex items-center rounded-lg border transition-colors p-2",
+  {
+    variants: {
+      size: {
+        small: "h-6 w-80 text-sm px-2",
+        medium: "h-10 w-92 text-base px-3"
+      },
+      status: {
+        default: "border-neutral-black-4 text-foreground focus-within:ring-4 focus-within:ring-neutral-black-4",
+        error: "border-error-1 text-primary-1 focus-within:ring-4 focus-within:ring-error-1",
+        disabled: "border-neutral-black-4 bg-neutral-black-4 text-neutral-black-2 cursor-not-allowed"
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      status: "default"
+    }
+  }
+);
 export {
-  t as __iconNode,
-  o as default
+  e as inputVariants
 };

package/dist/index75.js

@@ -1,24 +1,165 @@
-import { cva as r } from "./index78.js";
-const e = r(
-  "flex items-center rounded-lg border transition-colors p-2",
-  {
-    variants: {
-      size: {
-        small: "h-6 w-80 text-sm px-2",
-        medium: "h-10 w-92 text-base px-3"
-      },
-      status: {
-        default: "border-neutral-black-4 text-foreground focus-within:ring-4 focus-within:ring-neutral-black-4",
-        error: "border-error-1 text-primary-1 focus-within:ring-4 focus-within:ring-error-1",
-        disabled: "border-neutral-black-4 bg-neutral-black-4 text-neutral-black-2 cursor-not-allowed"
+"use client";
+import * as v from "react";
+import { composeEventHandlers as g } from "./index89.js";
+import { createContextScope as x } from "./index91.js";
+import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index96.js";
+import { Presence as w } from "./index98.js";
+import { Primitive as b } from "./index95.js";
+import { useDirection as D } from "./index97.js";
+import { useControllableState as V } from "./index92.js";
+import { useId as G } from "./index100.js";
+import { jsx as l } from "react/jsx-runtime";
+var p = "Tabs", [L, Q] = x(p, [
+  C
+]), h = C(), [$, T] = L(p), I = v.forwardRef(
+  (e, r) => {
+    const {
+      __scopeTabs: s,
+      value: t,
+      onValueChange: n,
+      defaultValue: c,
+      orientation: o = "horizontal",
+      dir: d,
+      activationMode: f = "automatic",
+      ...m
+    } = e, i = D(d), [a, u] = V({
+      prop: t,
+      onChange: n,
+      defaultProp: c ?? "",
+      caller: p
+    });
+    return /* @__PURE__ */ l(
+      $,
+      {
+        scope: s,
+        baseId: G(),
+        value: a,
+        onValueChange: u,
+        orientation: o,
+        dir: i,
+        activationMode: f,
+        children: /* @__PURE__ */ l(
+          b.div,
+          {
+            dir: i,
+            "data-orientation": o,
+            ...m,
+            ref: r
+          }
+        )
       }
-    },
-    defaultVariants: {
-      size: "medium",
-      status: "default"
-    }
+    );
   }
 );
+I.displayName = p;
+var R = "TabsList", _ = v.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, loop: t = !0, ...n } = e, c = T(R, s), o = h(s);
+    return /* @__PURE__ */ l(
+      E,
+      {
+        asChild: !0,
+        ...o,
+        orientation: c.orientation,
+        dir: c.dir,
+        loop: t,
+        children: /* @__PURE__ */ l(
+          b.div,
+          {
+            role: "tablist",
+            "aria-orientation": c.orientation,
+            ...n,
+            ref: r
+          }
+        )
+      }
+    );
+  }
+);
+_.displayName = R;
+var y = "TabsTrigger", A = v.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: t, disabled: n = !1, ...c } = e, o = T(y, s), d = h(s), f = N(o.baseId, t), m = P(o.baseId, t), i = t === o.value;
+    return /* @__PURE__ */ l(
+      F,
+      {
+        asChild: !0,
+        ...d,
+        focusable: !n,
+        active: i,
+        children: /* @__PURE__ */ l(
+          b.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": i,
+            "aria-controls": m,
+            "data-state": i ? "active" : "inactive",
+            "data-disabled": n ? "" : void 0,
+            disabled: n,
+            id: f,
+            ...c,
+            ref: r,
+            onMouseDown: g(e.onMouseDown, (a) => {
+              !n && a.button === 0 && a.ctrlKey === !1 ? o.onValueChange(t) : a.preventDefault();
+            }),
+            onKeyDown: g(e.onKeyDown, (a) => {
+              [" ", "Enter"].includes(a.key) && o.onValueChange(t);
+            }),
+            onFocus: g(e.onFocus, () => {
+              const a = o.activationMode !== "manual";
+              !i && !n && a && o.onValueChange(t);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+A.displayName = y;
+var S = "TabsContent", M = v.forwardRef(
+  (e, r) => {
+    const { __scopeTabs: s, value: t, forceMount: n, children: c, ...o } = e, d = T(S, s), f = N(d.baseId, t), m = P(d.baseId, t), i = t === d.value, a = v.useRef(i);
+    return v.useEffect(() => {
+      const u = requestAnimationFrame(() => a.current = !1);
+      return () => cancelAnimationFrame(u);
+    }, []), /* @__PURE__ */ l(w, { present: n || i, children: ({ present: u }) => /* @__PURE__ */ l(
+      b.div,
+      {
+        "data-state": i ? "active" : "inactive",
+        "data-orientation": d.orientation,
+        role: "tabpanel",
+        "aria-labelledby": f,
+        hidden: !u,
+        id: m,
+        tabIndex: 0,
+        ...o,
+        ref: r,
+        style: {
+          ...e.style,
+          animationDuration: a.current ? "0s" : void 0
+        },
+        children: u && c
+      }
+    ) });
+  }
+);
+M.displayName = S;
+function N(e, r) {
+  return `${e}-trigger-${r}`;
+}
+function P(e, r) {
+  return `${e}-content-${r}`;
+}
+var U = I, W = _, X = A, Y = M;
 export {
-  e as inputVariants
+  Y as Content,
+  W as List,
+  U as Root,
+  I as Tabs,
+  M as TabsContent,
+  _ as TabsList,
+  A as TabsTrigger,
+  X as Trigger,
+  Q as createTabsScope
 };

package/dist/index76.js

@@ -1,165 +1,25 @@
-"use client";
-import * as v from "react";
-import { composeEventHandlers as g } from "./index94.js";
-import { createContextScope as M } from "./index95.js";
-import { createRovingFocusGroupScope as x, Root as N, Item as P } from "./index108.js";
-import { Presence as F } from "./index100.js";
-import { Primitive as p } from "./index99.js";
-import { useDirection as w } from "./index109.js";
-import { useControllableState as D } from "./index96.js";
-import { useId as V } from "./index101.js";
-import { j as l } from "./index40.js";
-var b = "Tabs", [G, Q] = M(b, [
-  x
-]), C = x(), [L, T] = G(b), h = v.forwardRef(
-  (e, r) => {
-    const {
-      __scopeTabs: s,
-      value: t,
-      onValueChange: n,
-      defaultValue: c,
-      orientation: o = "horizontal",
-      dir: d,
-      activationMode: f = "automatic",
-      ...m
-    } = e, i = w(d), [a, u] = D({
-      prop: t,
-      onChange: n,
-      defaultProp: c ?? "",
-      caller: b
-    });
-    return /* @__PURE__ */ l.jsx(
-      L,
-      {
-        scope: s,
-        baseId: V(),
-        value: a,
-        onValueChange: u,
-        orientation: o,
-        dir: i,
-        activationMode: f,
-        children: /* @__PURE__ */ l.jsx(
-          p.div,
-          {
-            dir: i,
-            "data-orientation": o,
-            ...m,
-            ref: r
-          }
-        )
-      }
-    );
+import { cva as t } from "./index77.js";
+const a = {
+  underline: "data-[state=active]:border-b-primary-1 px-5 py-4 border-b-[1.5px] border-b-neutral-black-3 text-md",
+  badge: "px-3 py-2 rounded-md text-neutral-0 data-[state=active]:bg-white text-sm rounded-[5px]"
+}, e = {
+  none: "",
+  badge: "bg-neutral-black-5 p-[5px] rounded-[5px] h-12"
+}, n = t("flex max-w-fit", {
+  variants: {
+    variant: e
+  },
+  defaultVariants: { variant: "none" }
+}), i = t(
+  "[&>svg]:text-neutral-black-2 cursor-pointer data-[state=active]:text-primary-1 data-[state=active]:[&>svg]:text-primary-1",
+  {
+    variants: { variant: a },
+    defaultVariants: {
+      variant: "underline"
+    }
   }
 );
-h.displayName = b;
-var I = "TabsList", R = v.forwardRef(
-  (e, r) => {
-    const { __scopeTabs: s, loop: t = !0, ...n } = e, c = T(I, s), o = C(s);
-    return /* @__PURE__ */ l.jsx(
-      N,
-      {
-        asChild: !0,
-        ...o,
-        orientation: c.orientation,
-        dir: c.dir,
-        loop: t,
-        children: /* @__PURE__ */ l.jsx(
-          p.div,
-          {
-            role: "tablist",
-            "aria-orientation": c.orientation,
-            ...n,
-            ref: r
-          }
-        )
-      }
-    );
-  }
-);
-R.displayName = I;
-var _ = "TabsTrigger", y = v.forwardRef(
-  (e, r) => {
-    const { __scopeTabs: s, value: t, disabled: n = !1, ...c } = e, o = T(_, s), d = C(s), f = j(o.baseId, t), m = E(o.baseId, t), i = t === o.value;
-    return /* @__PURE__ */ l.jsx(
-      P,
-      {
-        asChild: !0,
-        ...d,
-        focusable: !n,
-        active: i,
-        children: /* @__PURE__ */ l.jsx(
-          p.button,
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": i,
-            "aria-controls": m,
-            "data-state": i ? "active" : "inactive",
-            "data-disabled": n ? "" : void 0,
-            disabled: n,
-            id: f,
-            ...c,
-            ref: r,
-            onMouseDown: g(e.onMouseDown, (a) => {
-              !n && a.button === 0 && a.ctrlKey === !1 ? o.onValueChange(t) : a.preventDefault();
-            }),
-            onKeyDown: g(e.onKeyDown, (a) => {
-              [" ", "Enter"].includes(a.key) && o.onValueChange(t);
-            }),
-            onFocus: g(e.onFocus, () => {
-              const a = o.activationMode !== "manual";
-              !i && !n && a && o.onValueChange(t);
-            })
-          }
-        )
-      }
-    );
-  }
-);
-y.displayName = _;
-var A = "TabsContent", S = v.forwardRef(
-  (e, r) => {
-    const { __scopeTabs: s, value: t, forceMount: n, children: c, ...o } = e, d = T(A, s), f = j(d.baseId, t), m = E(d.baseId, t), i = t === d.value, a = v.useRef(i);
-    return v.useEffect(() => {
-      const u = requestAnimationFrame(() => a.current = !1);
-      return () => cancelAnimationFrame(u);
-    }, []), /* @__PURE__ */ l.jsx(F, { present: n || i, children: ({ present: u }) => /* @__PURE__ */ l.jsx(
-      p.div,
-      {
-        "data-state": i ? "active" : "inactive",
-        "data-orientation": d.orientation,
-        role: "tabpanel",
-        "aria-labelledby": f,
-        hidden: !u,
-        id: m,
-        tabIndex: 0,
-        ...o,
-        ref: r,
-        style: {
-          ...e.style,
-          animationDuration: a.current ? "0s" : void 0
-        },
-        children: u && c
-      }
-    ) });
-  }
-);
-S.displayName = A;
-function j(e, r) {
-  return `${e}-trigger-${r}`;
-}
-function E(e, r) {
-  return `${e}-content-${r}`;
-}
-var U = h, W = R, X = y, Y = S;
 export {
-  Y as Content,
-  W as List,
-  U as Root,
-  h as Tabs,
-  S as TabsContent,
-  R as TabsList,
-  y as TabsTrigger,
-  X as Trigger,
-  Q as createTabsScope
+  n as tabsListVariants,
+  i as tabsTriggerVariants
 };