@boxcustodia/library 0.2.12 → 0.3.0

package/dist/index.es54.js

@@ -1,49 +1,152 @@
-import { j as c } from "./index.es88.js";
-import { createElement as v } from "react";
-import { useControllableState as E } from "./index.es95.js";
-import { SelectRoot as R, SelectTrigger as h, SelectValue as k, SelectContent as y, SelectGroup as G, SelectItem as I } from "./index.es55.js";
-const T = ({
-  items: r = [],
-  valueKey: u = "value",
-  labelKey: m = "label",
-  value: S,
-  onChange: s,
-  defaultValue: x,
-  renderOption: t = (e) => e == null ? void 0 : e[m],
-  triggerProps: f,
-  contentClassName: j,
-  contentProps: d,
-  itemClassName: i,
-  itemProps: p,
-  className: n,
-  placeholder: N = "Seleccionar",
-  ...V
-}) => {
-  const [e, b] = E({
-    prop: S,
-    onChange: (l) => {
-      if (!s) return;
-      const a = r.find((o) => o[u] === l);
-      s == null || s(l, a);
-    },
-    defaultProp: x
-  });
-  return /* @__PURE__ */ c.jsxs(R, { ...V, onValueChange: b, value: e, children: [
-    /* @__PURE__ */ c.jsx(h, { className: n, ...f, children: /* @__PURE__ */ c.jsx(k, { placeholder: N, className: "dsads" }) }),
-    /* @__PURE__ */ c.jsx(y, { className: j, ...d, children: /* @__PURE__ */ c.jsx(G, { children: r.map((l, a) => /* @__PURE__ */ v(
-      I,
-      {
-        className: i,
-        ...p,
-        key: a,
-        value: l[u],
-        onSelect: (o) => console.log(o)
-      },
-      t == null ? void 0 : t(l)
-    )) }) })
-  ] });
-};
-T.displayName = "Select";
+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";
 export {
-  T as Select
+  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
 };

package/dist/index.es540.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: ["prohibited"],
-  prohibitedProps: ["aria-label", "aria-labelledby"],
-  props: {},
-  relatedConcepts: [{
-    concept: {
-      name: "sup"
-    },
-    module: "HTML"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
+  childrenPresentational: !0,
+  nameFrom: ["author", "contents"],
+  prohibitedProps: [],
+  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"]]
-}, t = r;
+  superClass: [["roletype", "structure", "sectionhead"], ["roletype", "widget"]]
+}, t = a;
 e.default = t;

package/dist/index.es541.js

@@ -3,26 +3,27 @@ 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: {},
+  props: {
+    "aria-colcount": null,
+    "aria-rowcount": null
+  },
   relatedConcepts: [{
     concept: {
-      name: "button"
+      name: "table"
     },
-    module: "ARIA"
+    module: "HTML"
   }],
   requireContextRole: [],
   requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {
-    "aria-checked": null
-  },
-  superClass: [["roletype", "widget", "input", "checkbox"]]
-}, r = t;
-e.default = r;
+  requiredOwnedElements: [["row"], ["row", "rowgroup"]],
+  requiredProps: {},
+  superClass: [["roletype", "structure", "section"]]
+}, o = r;
+e.default = o;

package/dist/index.es542.js

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

package/dist/index.es543.js

@@ -10,20 +10,12 @@ var r = {
   childrenPresentational: !1,
   nameFrom: ["author"],
   prohibitedProps: [],
-  props: {
-    "aria-colcount": null,
-    "aria-rowcount": null
-  },
-  relatedConcepts: [{
-    concept: {
-      name: "table"
-    },
-    module: "HTML"
-  }],
+  props: {},
+  relatedConcepts: [],
   requireContextRole: [],
   requiredContextRole: [],
-  requiredOwnedElements: [["row"], ["row", "rowgroup"]],
+  requiredOwnedElements: [],
   requiredProps: {},
   superClass: [["roletype", "structure", "section"]]
-}, o = r;
-e.default = o;
+}, t = r;
+e.default = t;

package/dist/index.es544.js

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

package/dist/index.es545.js

@@ -3,19 +3,104 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var r = {
+var t = {
   abstract: !1,
   accessibleNameRequired: !0,
   baseConcepts: [],
   childrenPresentational: !1,
   nameFrom: ["author"],
   prohibitedProps: [],
-  props: {},
-  relatedConcepts: [],
+  props: {
+    "aria-activedescendant": null,
+    "aria-autocomplete": null,
+    "aria-errormessage": null,
+    "aria-haspopup": null,
+    "aria-invalid": null,
+    "aria-multiline": null,
+    "aria-placeholder": null,
+    "aria-readonly": null,
+    "aria-required": null
+  },
+  relatedConcepts: [{
+    concept: {
+      attributes: [{
+        constraints: ["undefined"],
+        name: "type"
+      }, {
+        constraints: ["undefined"],
+        name: "list"
+      }],
+      constraints: ["the list attribute is not set"],
+      name: "input"
+    },
+    module: "HTML"
+  }, {
+    concept: {
+      attributes: [{
+        constraints: ["undefined"],
+        name: "list"
+      }, {
+        name: "type",
+        value: "email"
+      }],
+      constraints: ["the list attribute is not set"],
+      name: "input"
+    },
+    module: "HTML"
+  }, {
+    concept: {
+      attributes: [{
+        constraints: ["undefined"],
+        name: "list"
+      }, {
+        name: "type",
+        value: "tel"
+      }],
+      constraints: ["the list attribute is not set"],
+      name: "input"
+    },
+    module: "HTML"
+  }, {
+    concept: {
+      attributes: [{
+        constraints: ["undefined"],
+        name: "list"
+      }, {
+        name: "type",
+        value: "text"
+      }],
+      constraints: ["the list attribute is not set"],
+      name: "input"
+    },
+    module: "HTML"
+  }, {
+    concept: {
+      attributes: [{
+        constraints: ["undefined"],
+        name: "list"
+      }, {
+        name: "type",
+        value: "url"
+      }],
+      constraints: ["the list attribute is not set"],
+      name: "input"
+    },
+    module: "HTML"
+  }, {
+    concept: {
+      name: "input"
+    },
+    module: "XForms"
+  }, {
+    concept: {
+      name: "textarea"
+    },
+    module: "HTML"
+  }],
   requireContextRole: [],
   requiredContextRole: [],
   requiredOwnedElements: [],
   requiredProps: {},
-  superClass: [["roletype", "structure", "section"]]
-}, t = r;
-e.default = t;
+  superClass: [["roletype", "widget", "input"]]
+}, n = t;
+e.default = n;

package/dist/index.es546.js

@@ -13,12 +13,7 @@ var r = {
   props: {},
   relatedConcepts: [{
     concept: {
-      name: "dfn"
-    },
-    module: "HTML"
-  }, {
-    concept: {
-      name: "dt"
+      name: "time"
     },
     module: "HTML"
   }],

package/dist/index.es547.js

@@ -3,104 +3,19 @@ Object.defineProperty(e, "__esModule", {
   value: !0
 });
 e.default = void 0;
-var t = {
+var r = {
   abstract: !1,
-  accessibleNameRequired: !0,
+  accessibleNameRequired: !1,
   baseConcepts: [],
   childrenPresentational: !1,
   nameFrom: ["author"],
   prohibitedProps: [],
-  props: {
-    "aria-activedescendant": null,
-    "aria-autocomplete": null,
-    "aria-errormessage": null,
-    "aria-haspopup": null,
-    "aria-invalid": null,
-    "aria-multiline": null,
-    "aria-placeholder": null,
-    "aria-readonly": null,
-    "aria-required": null
-  },
-  relatedConcepts: [{
-    concept: {
-      attributes: [{
-        constraints: ["undefined"],
-        name: "type"
-      }, {
-        constraints: ["undefined"],
-        name: "list"
-      }],
-      constraints: ["the list attribute is not set"],
-      name: "input"
-    },
-    module: "HTML"
-  }, {
-    concept: {
-      attributes: [{
-        constraints: ["undefined"],
-        name: "list"
-      }, {
-        name: "type",
-        value: "email"
-      }],
-      constraints: ["the list attribute is not set"],
-      name: "input"
-    },
-    module: "HTML"
-  }, {
-    concept: {
-      attributes: [{
-        constraints: ["undefined"],
-        name: "list"
-      }, {
-        name: "type",
-        value: "tel"
-      }],
-      constraints: ["the list attribute is not set"],
-      name: "input"
-    },
-    module: "HTML"
-  }, {
-    concept: {
-      attributes: [{
-        constraints: ["undefined"],
-        name: "list"
-      }, {
-        name: "type",
-        value: "text"
-      }],
-      constraints: ["the list attribute is not set"],
-      name: "input"
-    },
-    module: "HTML"
-  }, {
-    concept: {
-      attributes: [{
-        constraints: ["undefined"],
-        name: "list"
-      }, {
-        name: "type",
-        value: "url"
-      }],
-      constraints: ["the list attribute is not set"],
-      name: "input"
-    },
-    module: "HTML"
-  }, {
-    concept: {
-      name: "input"
-    },
-    module: "XForms"
-  }, {
-    concept: {
-      name: "textarea"
-    },
-    module: "HTML"
-  }],
+  props: {},
+  relatedConcepts: [],
   requireContextRole: [],
   requiredContextRole: [],
   requiredOwnedElements: [],
   requiredProps: {},
-  superClass: [["roletype", "widget", "input"]]
-}, n = t;
-e.default = n;
+  superClass: [["roletype", "structure", "section", "status"]]
+}, t = r;
+e.default = t;

package/dist/index.es548.js

@@ -10,17 +10,19 @@ var r = {
   childrenPresentational: !1,
   nameFrom: ["author"],
   prohibitedProps: [],
-  props: {},
+  props: {
+    "aria-orientation": "horizontal"
+  },
   relatedConcepts: [{
     concept: {
-      name: "time"
+      name: "menubar"
     },
-    module: "HTML"
+    module: "ARIA"
   }],
   requireContextRole: [],
   requiredContextRole: [],
   requiredOwnedElements: [],
   requiredProps: {},
-  superClass: [["roletype", "structure", "section"]]
-}, t = r;
-e.default = t;
+  superClass: [["roletype", "structure", "section", "group"]]
+}, o = r;
+e.default = o;