@boxcustodia/library 0.1.4 → 0.2.1

package/dist/index.es54.js

@@ -1,32 +1,70 @@
-import { j as l } from "./index.es84.js";
-import { cn as s } from "./index.es74.js";
-const m = ({
-  isCircle: i,
-  width: t,
-  height: u,
-  isLoading: n = !1,
+import { j as t } from "./index.es84.js";
+import { useControllableState as b } from "./index.es92.js";
+import { useId as f } from "react";
+import { cn as i } from "./index.es72.js";
+import { Label as x } from "./index.es42.js";
+const k = ({
+  className: u,
+  children: n,
+  containerProps: c,
+  containerClassName: l,
   ...e
 }) => {
-  const a = {
-    width: t,
-    height: u,
-    ...e.style
-  };
-  return !n && e.children ? e.children : /* @__PURE__ */ l.jsx(
+  const h = f(), [r = !1, s] = b({
+    prop: e.checked,
+    onChange: e.onChange,
+    defaultProp: e.defaultChecked
+  }), m = () => !e.disabled && s((a) => !a), d = r ? "checked" : "unchecked", o = e.id ?? h;
+  return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ...e,
-      className: s(
-        "[&>*]:ui-opacity-0 ui-w-fit",
-        "ui-rounded ui-w-full ui-animate-pulse ui-bg-muted ui-min-h-[1.5em]",
-        i && "ui-rounded-[50%] ui-aspect-square",
-        e.className
-      ),
-      style: a
+      ...c,
+      className: i("ui-flex ui-gap-x-2 ui-items-center", l),
+      children: [
+        /* @__PURE__ */ t.jsxs(
+          "button",
+          {
+            disabled: e.disabled,
+            onClick: m,
+            "data-state": d,
+            type: "button",
+            className: i(
+              "ui-peer ui-w-11 ui-h-6 ui-bg-input ui-rounded-full ui-border-2 ui-border-transparent ui-transition-colors",
+              "data-[state=checked]:ui-bg-primary",
+              u
+            ),
+            children: [
+              /* @__PURE__ */ t.jsx(
+                "div",
+                {
+                  "data-state": d,
+                  className: i(
+                    "ui-w-5 ui-h-5 ui-pointers-event-none ui-bg-primary-foreground ui-rounded-full ui-transition-all",
+                    "ui-transition-transform data-[state=checked]:ui-translate-x-5 data-[state=unchecked]:ui-translate-x-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "input",
+                {
+                  ...e,
+                  id: o,
+                  checked: r,
+                  onChange: (a) => s(a.currentTarget.checked),
+                  type: "checkbox",
+                  className: "ui-sr-only",
+                  "aria-hidden": !0
+                }
+              )
+            ]
+          }
+        ),
+        n && /* @__PURE__ */ t.jsx(x, { htmlFor: o, children: n })
+      ]
     }
   );
 };
-m.displayName = "Skeleton";
+k.displayName = "Switch";
 export {
-  m as Skeleton
+  k as Switch
 };

package/dist/index.es540.js

@@ -3,41 +3,35 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var t = {
+var r = {
   abstract: !1,
-  accessibleNameRequired: !1,
+  accessibleNameRequired: !0,
   baseConcepts: [],
   childrenPresentational: !1,
   nameFrom: ["author"],
   prohibitedProps: [],
   props: {
-    "aria-orientation": "vertical"
+    "aria-errormessage": null,
+    "aria-invalid": null,
+    "aria-readonly": null,
+    "aria-required": null,
+    "aria-valuetext": null,
+    "aria-valuenow": "0"
   },
   relatedConcepts: [{
     concept: {
-      name: "MENU"
+      attributes: [{
+        name: "type",
+        value: "number"
+      }],
+      name: "input"
     },
-    module: "JAPI"
-  }, {
-    concept: {
-      name: "list"
-    },
-    module: "ARIA"
-  }, {
-    concept: {
-      name: "select"
-    },
-    module: "XForms"
-  }, {
-    concept: {
-      name: "sidebar"
-    },
-    module: "DTB"
+    module: "HTML"
   }],
   requireContextRole: [],
   requiredContextRole: [],
-  requiredOwnedElements: [["menuitem", "group"], ["menuitemradio", "group"], ["menuitemcheckbox", "group"], ["menuitem"], ["menuitemcheckbox"], ["menuitemradio"]],
+  requiredOwnedElements: [],
   requiredProps: {},
-  superClass: [["roletype", "widget", "composite", "select"], ["roletype", "structure", "section", "group", "select"]]
-}, o = t;
-e.default = o;
+  superClass: [["roletype", "widget", "composite"], ["roletype", "widget", "input"], ["roletype", "structure", "range"]]
+}, t = r;
+e.default = t;

package/dist/index.es541.js

@@ -3,7 +3,7 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var r = {
+var t = {
   abstract: !1,
   accessibleNameRequired: !1,
   baseConcepts: [],
@@ -11,18 +11,19 @@ var r = {
   nameFrom: ["author"],
   prohibitedProps: [],
   props: {
-    "aria-orientation": "horizontal"
+    "aria-atomic": "true",
+    "aria-live": "polite"
   },
   relatedConcepts: [{
     concept: {
-      name: "toolbar"
+      name: "output"
     },
-    module: "ARIA"
+    module: "HTML"
   }],
   requireContextRole: [],
   requiredContextRole: [],
-  requiredOwnedElements: [["menuitem", "group"], ["menuitemradio", "group"], ["menuitemcheckbox", "group"], ["menuitem"], ["menuitemcheckbox"], ["menuitemradio"]],
+  requiredOwnedElements: [],
   requiredProps: {},
-  superClass: [["roletype", "widget", "composite", "select", "menu"], ["roletype", "structure", "section", "group", "select", "menu"]]
-}, o = r;
-e.default = o;
+  superClass: [["roletype", "structure", "section"]]
+}, r = t;
+e.default = r;

package/dist/index.es542.js

@@ -3,40 +3,24 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var a = {
+var r = {
   abstract: !1,
-  accessibleNameRequired: !0,
+  accessibleNameRequired: !1,
   baseConcepts: [],
   childrenPresentational: !1,
-  nameFrom: ["author", "contents"],
-  prohibitedProps: [],
-  props: {
-    "aria-disabled": null,
-    "aria-expanded": null,
-    "aria-haspopup": null,
-    "aria-posinset": null,
-    "aria-setsize": null
-  },
+  nameFrom: ["prohibited"],
+  prohibitedProps: ["aria-label", "aria-labelledby"],
+  props: {},
   relatedConcepts: [{
     concept: {
-      name: "MENU_ITEM"
+      name: "strong"
     },
-    module: "JAPI"
-  }, {
-    concept: {
-      name: "listitem"
-    },
-    module: "ARIA"
-  }, {
-    concept: {
-      name: "option"
-    },
-    module: "ARIA"
+    module: "HTML"
   }],
-  requireContextRole: ["group", "menu", "menubar"],
-  requiredContextRole: ["group", "menu", "menubar"],
+  requireContextRole: [],
+  requiredContextRole: [],
   requiredOwnedElements: [],
   requiredProps: {},
-  superClass: [["roletype", "widget", "command"]]
-}, r = a;
-e.default = r;
+  superClass: [["roletype", "structure", "section"]]
+}, t = r;
+e.default = t;

package/dist/index.es543.js

@@ -5,24 +5,22 @@ Object.defineProperty(e, "__esModule", {
 e.default = void 0;
 var r = {
   abstract: !1,
-  accessibleNameRequired: !0,
+  accessibleNameRequired: !1,
   baseConcepts: [],
-  childrenPresentational: !0,
-  nameFrom: ["author", "contents"],
-  prohibitedProps: [],
+  childrenPresentational: !1,
+  nameFrom: ["prohibited"],
+  prohibitedProps: ["aria-label", "aria-labelledby"],
   props: {},
   relatedConcepts: [{
     concept: {
-      name: "menuitem"
+      name: "sub"
     },
-    module: "ARIA"
+    module: "HTML"
   }],
-  requireContextRole: ["group", "menu", "menubar"],
-  requiredContextRole: ["group", "menu", "menubar"],
+  requireContextRole: [],
+  requiredContextRole: [],
   requiredOwnedElements: [],
-  requiredProps: {
-    "aria-checked": null
-  },
-  superClass: [["roletype", "widget", "input", "checkbox"], ["roletype", "widget", "command", "menuitem"]]
+  requiredProps: {},
+  superClass: [["roletype", "structure", "section"]]
 }, t = r;
 e.default = t;

package/dist/index.es544.js

@@ -5,24 +5,22 @@ Object.defineProperty(e, "__esModule", {
 e.default = void 0;
 var r = {
   abstract: !1,
-  accessibleNameRequired: !0,
+  accessibleNameRequired: !1,
   baseConcepts: [],
-  childrenPresentational: !0,
-  nameFrom: ["author", "contents"],
-  prohibitedProps: [],
+  childrenPresentational: !1,
+  nameFrom: ["prohibited"],
+  prohibitedProps: ["aria-label", "aria-labelledby"],
   props: {},
   relatedConcepts: [{
     concept: {
-      name: "menuitem"
+      name: "sup"
     },
-    module: "ARIA"
+    module: "HTML"
   }],
-  requireContextRole: ["group", "menu", "menubar"],
-  requiredContextRole: ["group", "menu", "menubar"],
+  requireContextRole: [],
+  requiredContextRole: [],
   requiredOwnedElements: [],
-  requiredProps: {
-    "aria-checked": null
-  },
-  superClass: [["roletype", "widget", "input", "checkbox", "menuitemcheckbox"], ["roletype", "widget", "command", "menuitem", "menuitemcheckbox"], ["roletype", "widget", "input", "radio"]]
+  requiredProps: {},
+  superClass: [["roletype", "structure", "section"]]
 }, t = r;
 e.default = t;

package/dist/index.es545.js

@@ -3,30 +3,26 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var r = {
+var t = {
   abstract: !1,
   accessibleNameRequired: !0,
   baseConcepts: [],
   childrenPresentational: !0,
-  nameFrom: ["author"],
+  nameFrom: ["author", "contents"],
   prohibitedProps: [],
-  props: {
-    "aria-valuetext": null,
-    "aria-valuemax": "100",
-    "aria-valuemin": "0"
-  },
+  props: {},
   relatedConcepts: [{
     concept: {
-      name: "meter"
+      name: "button"
     },
-    module: "HTML"
+    module: "ARIA"
   }],
   requireContextRole: [],
   requiredContextRole: [],
   requiredOwnedElements: [],
   requiredProps: {
-    "aria-valuenow": null
+    "aria-checked": null
   },
-  superClass: [["roletype", "structure", "range"]]
-}, a = r;
-e.default = a;
+  superClass: [["roletype", "widget", "input", "checkbox"]]
+}, r = t;
+e.default = r;

package/dist/index.es546.js

@@ -3,24 +3,26 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var r = {
+var a = {
   abstract: !1,
   accessibleNameRequired: !1,
   baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["author"],
+  childrenPresentational: !0,
+  nameFrom: ["author", "contents"],
   prohibitedProps: [],
-  props: {},
-  relatedConcepts: [{
-    concept: {
-      name: "nav"
-    },
-    module: "HTML"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
+  props: {
+    "aria-disabled": null,
+    "aria-expanded": null,
+    "aria-haspopup": null,
+    "aria-posinset": null,
+    "aria-setsize": null,
+    "aria-selected": "false"
+  },
+  relatedConcepts: [],
+  requireContextRole: ["tablist"],
+  requiredContextRole: ["tablist"],
   requiredOwnedElements: [],
   requiredProps: {},
-  superClass: [["roletype", "structure", "section", "landmark"]]
-}, a = r;
-e.default = a;
+  superClass: [["roletype", "structure", "sectionhead"], ["roletype", "widget"]]
+}, t = a;
+e.default = t;

package/dist/index.es547.js

@@ -5,17 +5,25 @@ Object.defineProperty(e, "__esModule", {
 e.default = void 0;
 var r = {
   abstract: !1,
-  accessibleNameRequired: !1,
+  accessibleNameRequired: !0,
   baseConcepts: [],
   childrenPresentational: !1,
-  nameFrom: [],
+  nameFrom: ["author"],
   prohibitedProps: [],
-  props: {},
-  relatedConcepts: [],
+  props: {
+    "aria-colcount": null,
+    "aria-rowcount": null
+  },
+  relatedConcepts: [{
+    concept: {
+      name: "table"
+    },
+    module: "HTML"
+  }],
   requireContextRole: [],
   requiredContextRole: [],
-  requiredOwnedElements: [],
+  requiredOwnedElements: [["row"], ["row", "rowgroup"]],
   requiredProps: {},
-  superClass: []
+  superClass: [["roletype", "structure", "section"]]
 }, o = r;
 e.default = o;

package/dist/index.es548.js

@@ -3,19 +3,28 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var r = {
+var t = {
   abstract: !1,
   accessibleNameRequired: !1,
   baseConcepts: [],
   childrenPresentational: !1,
   nameFrom: ["author"],
   prohibitedProps: [],
-  props: {},
-  relatedConcepts: [],
+  props: {
+    "aria-level": null,
+    "aria-multiselectable": null,
+    "aria-orientation": "horizontal"
+  },
+  relatedConcepts: [{
+    module: "DAISY",
+    concept: {
+      name: "guide"
+    }
+  }],
   requireContextRole: [],
   requiredContextRole: [],
-  requiredOwnedElements: [],
+  requiredOwnedElements: [["tab"]],
   requiredProps: {},
-  superClass: [["roletype", "structure", "section"]]
-}, t = r;
-e.default = t;
+  superClass: [["roletype", "widget", "composite"]]
+}, a = t;
+e.default = a;

package/dist/index.es549.js

@@ -3,41 +3,19 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var t = {
+var r = {
   abstract: !1,
   accessibleNameRequired: !0,
   baseConcepts: [],
-  childrenPresentational: !0,
-  nameFrom: ["author", "contents"],
+  childrenPresentational: !1,
+  nameFrom: ["author"],
   prohibitedProps: [],
-  props: {
-    "aria-checked": null,
-    "aria-posinset": null,
-    "aria-setsize": null,
-    "aria-selected": "false"
-  },
-  relatedConcepts: [{
-    concept: {
-      name: "item"
-    },
-    module: "XForms"
-  }, {
-    concept: {
-      name: "listitem"
-    },
-    module: "ARIA"
-  }, {
-    concept: {
-      name: "option"
-    },
-    module: "HTML"
-  }],
+  props: {},
+  relatedConcepts: [],
   requireContextRole: [],
   requiredContextRole: [],
   requiredOwnedElements: [],
-  requiredProps: {
-    "aria-selected": "false"
-  },
-  superClass: [["roletype", "widget", "input"]]
-}, o = t;
-e.default = o;
+  requiredProps: {},
+  superClass: [["roletype", "structure", "section"]]
+}, t = r;
+e.default = t;

package/dist/index.es55.js

@@ -1,26 +1,82 @@
-import { j as f } from "./index.es84.js";
-import { forwardRef as m } from "react";
-const c = m(
-  ({
-    inline: t = !1,
-    justify: e,
-    align: o,
-    direction: i = "horizontal",
-    gap: r = 8,
-    style: s,
-    ...l
-  }, n) => {
-    const a = {
-      display: t ? "inline-flex" : "flex",
-      flexDirection: i === "vertical" ? "column" : "row",
-      justifyContent: e,
-      alignItems: o,
-      gap: r
-    };
-    return /* @__PURE__ */ f.jsx("div", { ref: n, style: { ...a, ...s }, ...l });
-  }
-);
-c.displayName = "Stack";
+import { j as l } from "./index.es84.js";
+import { l as K } from "./index.es82.js";
+import { TableRoot as L, TableHeader as M, TableRow as q, TableHead as O, TableBody as Q, TableCell as S } from "./index.es56.js";
+import { cn as m } from "./index.es72.js";
+const U = ({
+  data: v = [],
+  columns: H = [],
+  onRowClick: f,
+  selected: h,
+  theadClassName: z,
+  theadProps: x,
+  tbodyClassName: A,
+  tbodyProps: j,
+  trClassName: B,
+  trProps: i,
+  thClassName: D,
+  thProps: T,
+  tdClassName: G,
+  tdProps: e,
+  ...c
+}) => /* @__PURE__ */ l.jsxs(L, { ...c, className: m(c == null ? void 0 : c.className), children: [
+  /* @__PURE__ */ l.jsx(
+    M,
+    {
+      ...x,
+      className: m(x == null ? void 0 : x.className, z),
+      children: /* @__PURE__ */ l.jsx(q, { ...i, className: m(i == null ? void 0 : i.className, B), children: H.map((a, E) => {
+        var N;
+        return /* @__PURE__ */ l.jsx(
+          O,
+          {
+            ...T,
+            className: m(T == null ? void 0 : T.className, D),
+            style: {
+              width: a.width
+            },
+            children: K.isFunction(a.header) ? (N = a.header) == null ? void 0 : N.call(a) : a.header
+          },
+          E
+        );
+      }) })
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    Q,
+    {
+      ...j,
+      className: m(j == null ? void 0 : j.className, A),
+      children: v.map((a, E) => /* @__PURE__ */ l.jsx(
+        q,
+        {
+          ...i,
+          "data-selected": h == null ? void 0 : h(a),
+          className: m(i == null ? void 0 : i.className, B),
+          children: H.map((N, I) => {
+            var F;
+            return /* @__PURE__ */ l.jsx(
+              S,
+              {
+                ...e,
+                onClick: (J) => {
+                  var g;
+                  (g = e == null ? void 0 : e.onClick) == null || g.call(e, J), f == null || f(a);
+                },
+                className: m(e == null ? void 0 : e.className, G),
+                children: ((F = N.cell) == null ? void 0 : F.call(N, {
+                  row: a
+                })) || a[N.key]
+              },
+              I
+            );
+          })
+        },
+        E
+      ))
+    }
+  )
+] });
+U.displayName = "Table";
 export {
-  c as Stack
+  U as Table
 };

package/dist/index.es550.js

@@ -8,12 +8,17 @@ var r = {
   accessibleNameRequired: !1,
   baseConcepts: [],
   childrenPresentational: !1,
-  nameFrom: ["prohibited"],
-  prohibitedProps: ["aria-label", "aria-labelledby"],
+  nameFrom: ["author"],
+  prohibitedProps: [],
   props: {},
   relatedConcepts: [{
     concept: {
-      name: "p"
+      name: "dfn"
+    },
+    module: "HTML"
+  }, {
+    concept: {
+      name: "dt"
     },
     module: "HTML"
   }],
@@ -22,5 +27,5 @@ var r = {
   requiredOwnedElements: [],
   requiredProps: {},
   superClass: [["roletype", "structure", "section"]]
-}, a = r;
-e.default = a;
+}, t = r;
+e.default = t;