@boxcustodia/library 0.3.0 → 0.3.3

package/dist/index.es50.js

@@ -1,39 +1,23 @@
-import { j as f } from "./index.es92.js";
-import { useControllableState as m } from "./index.es105.js";
-import { forwardRef as d } from "react";
-import { cn as p } from "./index.es82.js";
-const c = d(
-  (e, i) => {
-    const {
-      value: u,
-      onChange: o,
-      defaultValue: r,
-      className: t
-    } = e, [n = "", l] = m({
-      prop: u,
-      onChange: o,
-      defaultProp: r
-    }), a = (s) => {
-      l(s.target.value);
-    };
-    return /* @__PURE__ */ f.jsx(
-      "input",
-      {
-        ...e,
-        ref: i,
-        value: n,
-        onChange: a,
-        className: p(
-          "ui-flex ui-h-10 ui-w-full ui-rounded-md ui-border ui-border-input ui-bg-background ui-px-3 ui-py-2 ui-text-sm ui-ring-offset-background placeholder:ui-text-muted-foreground",
-          "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
-          "file:ui-border-0 file:ui-bg-transparent file:ui-text-sm file:ui-font-medium",
-          t
-        )
-      }
-    );
-  }
-);
-c.displayName = "Input";
+import { j as i } from "./index.es95.js";
+import { HeadingVariants as n } from "./index.es123.js";
+import { cn as e } from "./index.es83.js";
+const p = ({
+  className: o,
+  size: r,
+  weight: a,
+  as: m,
+  ...s
+}) => {
+  const t = m || "h2";
+  return /* @__PURE__ */ i.jsx(
+    t,
+    {
+      className: e(n({ size: r, weight: a }), o),
+      ...s
+    }
+  );
+};
+p.displayName = "Heading";
 export {
-  c as Input
+  p as Heading
 };

package/dist/index.es51.js

@@ -1,8 +1,39 @@
-import { j as t } from "./index.es92.js";
-import { KbdVariants as a } from "./index.es125.js";
-import { cn as i } from "./index.es82.js";
-const p = ({ variant: m, size: o, className: r, ...s }) => /* @__PURE__ */ t.jsx("kbd", { className: i(a({ variant: m, size: o }), r), ...s });
-p.displayName = "Kbd";
+import { j as f } from "./index.es95.js";
+import { useControllableState as m } from "./index.es102.js";
+import { forwardRef as d } from "react";
+import { cn as p } from "./index.es83.js";
+const c = d(
+  (e, i) => {
+    const {
+      value: u,
+      onChange: o,
+      defaultValue: r,
+      className: t
+    } = e, [n = "", l] = m({
+      prop: u,
+      onChange: o,
+      defaultProp: r
+    }), a = (s) => {
+      l(s.target.value);
+    };
+    return /* @__PURE__ */ f.jsx(
+      "input",
+      {
+        ...e,
+        ref: i,
+        value: n,
+        onChange: a,
+        className: p(
+          "ui-flex ui-h-10 ui-w-full ui-rounded-md ui-border ui-border-input ui-bg-background ui-px-3 ui-py-2 ui-text-sm ui-ring-offset-background placeholder:ui-text-muted-foreground",
+          "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
+          "file:ui-border-0 file:ui-bg-transparent file:ui-text-sm file:ui-font-medium",
+          t
+        )
+      }
+    );
+  }
+);
+c.displayName = "Input";
 export {
-  p as Kbd
+  c as Input
 };

package/dist/index.es52.js

@@ -1,20 +1,8 @@
-import { j as i } from "./index.es92.js";
-import * as r from "react";
-import { cn as s } from "./index.es82.js";
-const t = r.forwardRef(
-  ({ className: e, ...o }, a) => /* @__PURE__ */ i.jsx(
-    "label",
-    {
-      ref: a,
-      className: s(
-        "ui-text-sm ui-font-medium ui-select-none ui-leading-none peer-disabled:ui-cursor-not-allowed peer-disabled:ui-opacity-70",
-        e
-      ),
-      ...o
-    }
-  )
-);
-t.displayName = "Label";
+import { j as t } from "./index.es95.js";
+import { KbdVariants as a } from "./index.es124.js";
+import { cn as i } from "./index.es83.js";
+const p = ({ variant: m, size: o, className: r, ...s }) => /* @__PURE__ */ t.jsx("kbd", { className: i(a({ variant: m, size: o }), r), ...s });
+p.displayName = "Kbd";
 export {
-  t as Label
+  p as Kbd
 };

package/dist/index.es53.js

@@ -1,30 +1,20 @@
-import { j as e } from "./index.es92.js";
-import { loaderVariants as t } from "./index.es122.js";
-import c from "./index.es123.js";
-import { cn as i } from "./index.es82.js";
-const d = ({
-  center: a,
-  containerClassName: s,
-  variant: m,
-  size: o,
-  ...r
-}) => /* @__PURE__ */ e.jsx(
-  "div",
-  {
-    className: i(
-      s,
-      a && "ui-fixed ui-inset-0 ui-grid ui-place-items-center"
-    ),
-    children: /* @__PURE__ */ e.jsx(
-      c,
-      {
-        ...r,
-        className: i(t({ variant: m, size: o }), r.className)
-      }
-    )
-  }
+import { j as i } from "./index.es95.js";
+import * as r from "react";
+import { cn as s } from "./index.es83.js";
+const t = r.forwardRef(
+  ({ className: e, ...o }, a) => /* @__PURE__ */ i.jsx(
+    "label",
+    {
+      ref: a,
+      className: s(
+        "ui-text-sm ui-font-medium ui-select-none ui-leading-none peer-disabled:ui-cursor-not-allowed peer-disabled:ui-opacity-70",
+        e
+      ),
+      ...o
+    }
+  )
 );
-d.displayName = "Loader";
+t.displayName = "Label";
 export {
-  d as Loader
+  t as Label
 };

package/dist/index.es54.js

@@ -1,152 +1,30 @@
-import { j as a } from "./index.es92.js";
-import * as s from "react";
-import { Root as g, Trigger as h, Group as y, Portal as r, Sub as j, RadioGroup as w, SubTrigger as d, SubContent as l, Content as m, Item as c, CheckboxItem as p, ItemIndicator as f, RadioItem as x, Label as b, Separator as N } from "./index.es135.js";
-import R from "./index.es129.js";
-import M from "./index.es108.js";
-import S from "./index.es136.js";
-import v from "./index.es17.js";
-import { cn as o } from "./index.es82.js";
-const K = g, O = h, Q = y, U = r, V = j, W = w, I = s.forwardRef(({ className: e, inset: i, children: t, ...u }, n) => /* @__PURE__ */ a.jsxs(
-  d,
-  {
-    ref: n,
-    className: o(
-      "ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none focus:ui-bg-accent data-[state='open']:bg-accent",
-      i && "ui-pl-8",
-      e
-    ),
-    ...u,
-    children: [
-      t,
-      /* @__PURE__ */ a.jsx(R, { className: "ui-ml-auto ui-h-4 ui-w-4" })
-    ]
-  }
-));
-I.displayName = d.displayName;
-const C = s.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ a.jsx(
-  l,
-  {
-    ref: t,
-    className: o(
-      "ui-z-50 ui-min-w-[8rem] ui-overflow-hidden ui-rounded-md ui-border ui-bg-popover ui-p-1 ui-text-popover-foreground ui-shadow-lg data-[state='open']:ui-animate-in data-[state='closed']:ui-animate-out data-[state='closed']:ui-fade-out-0 data-[state='open']:ui-fade-in-0 data-[state='closed']:ui-zoom-out-95 data-[state='open']:ui-zoom-in-95 data-[side=bottom]:ui-slide-in-from-top-2 data-[side=left]:ui-slide-in-from-right-2 data-[side=right]:ui-slide-in-from-left-2 data-[side=top]:ui-slide-in-from-bottom-2",
-      e
-    ),
-    ...i
-  }
-));
-C.displayName = l.displayName;
-const k = s.forwardRef(({ className: e, sideOffset: i = 4, ...t }, u) => /* @__PURE__ */ a.jsx(r, { children: /* @__PURE__ */ a.jsx(
-  m,
-  {
-    ref: u,
-    sideOffset: i,
-    className: o(
-      "ui-z-50 ui-min-w-[8rem] ui-overflow-hidden ui-rounded-md ui-border ui-bg-popover ui-p-1 ui-text-popover-foreground ui-shadow-md data-[state='open']:ui-animate-in data-[state='closed']:ui-animate-out data-[state='closed']:ui-fade-out-0 data-[state='open']:ui-fade-in-0 data-[state='closed']:ui-zoom-out-95 data-[state='open']:ui-zoom-in-95 data-[side=bottom]:ui-slide-in-from-top-2 data-[side=left]:ui-slide-in-from-right-2 data-[side=right]:ui-slide-in-from-left-2 data-[side=top]:ui-slide-in-from-bottom-2",
-      e
-    ),
-    ...t
-  }
-) }));
-k.displayName = m.displayName;
-const z = s.forwardRef(({ className: e, inset: i, ...t }, u) => /* @__PURE__ */ a.jsx(
-  c,
-  {
-    ref: u,
-    className: o(
-      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
-      i && "ui-pl-8",
-      e
-    ),
-    ...t
-  }
-));
-z.displayName = c.displayName;
-const G = s.forwardRef(({ className: e, children: i, checked: t, ...u }, n) => /* @__PURE__ */ a.jsxs(
-  p,
-  {
-    ref: n,
-    className: o(
-      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-py-1.5 ui-pl-8 ui-pr-2 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
-      e
-    ),
-    checked: t,
-    ...u,
-    children: [
-      /* @__PURE__ */ a.jsx("span", { className: "ui-absolute ui-left-2 ui-flex ui-h-3.5 ui-w-3.5 ui-items-center ui-justify-center", children: /* @__PURE__ */ a.jsx(f, { children: /* @__PURE__ */ a.jsx(M, { className: "ui-h-4 ui-w-4" }) }) }),
-      i
-    ]
-  }
-));
-G.displayName = p.displayName;
-const T = s.forwardRef(({ className: e, children: i, ...t }, u) => /* @__PURE__ */ a.jsxs(
-  x,
-  {
-    ref: u,
-    className: o(
-      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-py-1.5 ui-pl-8 ui-pr-2 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
-      e
-    ),
-    ...t,
-    children: [
-      /* @__PURE__ */ a.jsx("span", { className: "ui-absolute ui-left-2 ui-flex ui-h-3.5 ui-w-3.5 ui-items-center ui-justify-center", children: /* @__PURE__ */ a.jsx(f, { children: /* @__PURE__ */ a.jsx(S, { className: "ui-h-2 ui-w-2 ui-fill-current" }) }) }),
-      i
-    ]
-  }
-));
-T.displayName = x.displayName;
-const L = s.forwardRef(({ className: e, inset: i, ...t }, u) => /* @__PURE__ */ a.jsx(
-  b,
-  {
-    ref: u,
-    className: o(
-      "ui-px-2 ui-py-1.5 ui-text-sm ui-font-semibold",
-      i && "ui-pl-8",
-      e
-    ),
-    ...t
-  }
-));
-L.displayName = b.displayName;
-const P = s.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ a.jsx(
-  N,
-  {
-    ref: t,
-    className: o("ui--mx-1 ui-my-1 ui-h-px ui-bg-muted", e),
-    ...i
-  }
-));
-P.displayName = N.displayName;
-const D = ({
-  className: e,
-  keys: i,
-  handler: t,
-  options: u = {},
-  ...n
-}) => (v(i, t, u), /* @__PURE__ */ a.jsx(
-  "span",
-  {
-    className: o(
-      "ui-ml-auto ui-text-xs ui-tracking-widest ui-opacity-60",
-      e
-    ),
-    ...n
-  }
-));
-D.displayName = "DropdownMenuShortcut";
+import { j as e } from "./index.es95.js";
+import { loaderVariants as t } from "./index.es125.js";
+import c from "./index.es126.js";
+import { cn as i } from "./index.es83.js";
+const d = ({
+  center: a,
+  containerClassName: s,
+  variant: m,
+  size: o,
+  ...r
+}) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: i(
+      s,
+      a && "ui-fixed ui-inset-0 ui-grid ui-place-items-center"
+    ),
+    children: /* @__PURE__ */ e.jsx(
+      c,
+      {
+        ...r,
+        className: i(t({ variant: m, size: o }), r.className)
+      }
+    )
+  }
+);
+d.displayName = "Loader";
 export {
-  G as MenuCheckboxItem,
-  k as MenuContent,
-  Q as MenuGroup,
-  z as MenuItem,
-  L as MenuLabel,
-  U as MenuPortal,
-  W as MenuRadioGroup,
-  T as MenuRadioItem,
-  K as MenuRoot,
-  P as MenuSeparator,
-  D as MenuShortcut,
-  V as MenuSub,
-  C as MenuSubContent,
-  I as MenuSubTrigger,
-  O as MenuTrigger
+  d as Loader
 };

package/dist/index.es55.js

@@ -1,31 +1,152 @@
-import { j as e } from "./index.es92.js";
-import x from "react";
-import { MenuRoot as f, MenuTrigger as j, MenuContent as M, MenuShortcut as u } from "./index.es54.js";
-import { renderMenuItem as g } from "./index.es137.js";
-const R = ({
-  trigger: i,
-  items: m,
-  contentProps: s,
-  side: d = "bottom",
-  offset: t
-}) => /* @__PURE__ */ e.jsxs(f, { children: [
-  /* @__PURE__ */ e.jsx(j, { asChild: !0, children: i }),
-  /* @__PURE__ */ e.jsx(M, { side: d, sideOffset: t, ...s, children: m.map(
-    ({ shortcut: r, onShortcut: n, shortcutOptions: a, ...l }, o) => /* @__PURE__ */ e.jsx(x.Fragment, { children: g(
-      l,
-      r && /* @__PURE__ */ e.jsx(
-        u,
-        {
-          keys: r,
-          handler: (p) => n == null ? void 0 : n(p),
-          options: a,
-          children: r
-        }
-      )
-    ) }, o)
-  ) })
-] });
-R.displayName = "Menu";
+import { j as a } from "./index.es95.js";
+import * as s from "react";
+import { Root as g, Trigger as h, Group as y, Portal as r, Sub as j, RadioGroup as w, SubTrigger as d, SubContent as l, Content as m, Item as c, CheckboxItem as p, ItemIndicator as f, RadioItem as x, Label as b, Separator as N } from "./index.es127.js";
+import R from "./index.es128.js";
+import M from "./index.es109.js";
+import S from "./index.es129.js";
+import v from "./index.es17.js";
+import { cn as o } from "./index.es83.js";
+const K = g, O = h, Q = y, U = r, V = j, W = w, I = s.forwardRef(({ className: e, inset: i, children: t, ...u }, n) => /* @__PURE__ */ a.jsxs(
+  d,
+  {
+    ref: n,
+    className: o(
+      "ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none focus:ui-bg-accent data-[state='open']:bg-accent",
+      i && "ui-pl-8",
+      e
+    ),
+    ...u,
+    children: [
+      t,
+      /* @__PURE__ */ a.jsx(R, { className: "ui-ml-auto ui-h-4 ui-w-4" })
+    ]
+  }
+));
+I.displayName = d.displayName;
+const C = s.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ a.jsx(
+  l,
+  {
+    ref: t,
+    className: o(
+      "ui-z-50 ui-min-w-[8rem] ui-overflow-hidden ui-rounded-md ui-border ui-bg-popover ui-p-1 ui-text-popover-foreground ui-shadow-lg data-[state='open']:ui-animate-in data-[state='closed']:ui-animate-out data-[state='closed']:ui-fade-out-0 data-[state='open']:ui-fade-in-0 data-[state='closed']:ui-zoom-out-95 data-[state='open']:ui-zoom-in-95 data-[side=bottom]:ui-slide-in-from-top-2 data-[side=left]:ui-slide-in-from-right-2 data-[side=right]:ui-slide-in-from-left-2 data-[side=top]:ui-slide-in-from-bottom-2",
+      e
+    ),
+    ...i
+  }
+));
+C.displayName = l.displayName;
+const k = s.forwardRef(({ className: e, sideOffset: i = 4, ...t }, u) => /* @__PURE__ */ a.jsx(r, { children: /* @__PURE__ */ a.jsx(
+  m,
+  {
+    ref: u,
+    sideOffset: i,
+    className: o(
+      "ui-z-50 ui-min-w-[8rem] ui-overflow-hidden ui-rounded-md ui-border ui-bg-popover ui-p-1 ui-text-popover-foreground ui-shadow-md data-[state='open']:ui-animate-in data-[state='closed']:ui-animate-out data-[state='closed']:ui-fade-out-0 data-[state='open']:ui-fade-in-0 data-[state='closed']:ui-zoom-out-95 data-[state='open']:ui-zoom-in-95 data-[side=bottom]:ui-slide-in-from-top-2 data-[side=left]:ui-slide-in-from-right-2 data-[side=right]:ui-slide-in-from-left-2 data-[side=top]:ui-slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+) }));
+k.displayName = m.displayName;
+const z = s.forwardRef(({ className: e, inset: i, ...t }, u) => /* @__PURE__ */ a.jsx(
+  c,
+  {
+    ref: u,
+    className: o(
+      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
+      i && "ui-pl-8",
+      e
+    ),
+    ...t
+  }
+));
+z.displayName = c.displayName;
+const G = s.forwardRef(({ className: e, children: i, checked: t, ...u }, n) => /* @__PURE__ */ a.jsxs(
+  p,
+  {
+    ref: n,
+    className: o(
+      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-py-1.5 ui-pl-8 ui-pr-2 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
+      e
+    ),
+    checked: t,
+    ...u,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "ui-absolute ui-left-2 ui-flex ui-h-3.5 ui-w-3.5 ui-items-center ui-justify-center", children: /* @__PURE__ */ a.jsx(f, { children: /* @__PURE__ */ a.jsx(M, { className: "ui-h-4 ui-w-4" }) }) }),
+      i
+    ]
+  }
+));
+G.displayName = p.displayName;
+const T = s.forwardRef(({ className: e, children: i, ...t }, u) => /* @__PURE__ */ a.jsxs(
+  x,
+  {
+    ref: u,
+    className: o(
+      "ui-relative ui-flex ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-py-1.5 ui-pl-8 ui-pr-2 ui-text-sm ui-outline-none ui-transition-colors focus:ui-bg-accent focus:ui-text-accent-foreground data-[disabled]:ui-pointer-events-none data-[disabled]:ui-opacity-50",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "ui-absolute ui-left-2 ui-flex ui-h-3.5 ui-w-3.5 ui-items-center ui-justify-center", children: /* @__PURE__ */ a.jsx(f, { children: /* @__PURE__ */ a.jsx(S, { className: "ui-h-2 ui-w-2 ui-fill-current" }) }) }),
+      i
+    ]
+  }
+));
+T.displayName = x.displayName;
+const L = s.forwardRef(({ className: e, inset: i, ...t }, u) => /* @__PURE__ */ a.jsx(
+  b,
+  {
+    ref: u,
+    className: o(
+      "ui-px-2 ui-py-1.5 ui-text-sm ui-font-semibold",
+      i && "ui-pl-8",
+      e
+    ),
+    ...t
+  }
+));
+L.displayName = b.displayName;
+const P = s.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ a.jsx(
+  N,
+  {
+    ref: t,
+    className: o("ui--mx-1 ui-my-1 ui-h-px ui-bg-muted", e),
+    ...i
+  }
+));
+P.displayName = N.displayName;
+const D = ({
+  className: e,
+  keys: i,
+  handler: t,
+  options: u = {},
+  ...n
+}) => (v(i, t, u), /* @__PURE__ */ a.jsx(
+  "span",
+  {
+    className: o(
+      "ui-ml-auto ui-text-xs ui-tracking-widest ui-opacity-60",
+      e
+    ),
+    ...n
+  }
+));
+D.displayName = "DropdownMenuShortcut";
 export {
-  R as Menu
+  G as MenuCheckboxItem,
+  k as MenuContent,
+  Q as MenuGroup,
+  z as MenuItem,
+  L as MenuLabel,
+  U as MenuPortal,
+  W as MenuRadioGroup,
+  T as MenuRadioItem,
+  K as MenuRoot,
+  P as MenuSeparator,
+  D as MenuShortcut,
+  V as MenuSub,
+  C as MenuSubContent,
+  I as MenuSubTrigger,
+  O as MenuTrigger
 };