@editora/ui-react 0.1.8 → 0.1.11

package/dist/CommandPalette.esm.js

@@ -1,7 +1,70 @@
-import { C as e, C as r } from "./CommandPalette-136d08a9.mjs";
-import "react";
-import "./_internals-f8fb69a8.mjs";
+'use client';
+import * as e from "react";
+import { w as k } from "./_internals-d86cc997.mjs";
+const j = typeof window < "u" ? e.useLayoutEffect : e.useEffect, w = e.forwardRef(function({ children: b, open: m, query: i, placeholder: s, emptyText: c, headless: P, onOpen: o, onClose: n, onOpenChange: r, onSelect: v, onQueryChange: E, ...A }, N) {
+  const L = e.useRef(null);
+  return e.useImperativeHandle(N, () => L.current), e.useEffect(() => {
+    k("ui-command-palette", "CommandPalette");
+  }, []), e.useEffect(() => {
+    const t = L.current;
+    if (!t)
+      return;
+    const a = (f) => {
+      const u = f.detail;
+      u && (v == null || v(u));
+    }, l = (f) => {
+      const u = f.detail;
+      u && (E == null || E(u));
+    }, d = () => {
+      o == null || o(), r == null || r({ open: !0 });
+    }, y = () => {
+      n == null || n(), r == null || r({ open: !1 });
+    };
+    return t.addEventListener("select", a), t.addEventListener("query-change", l), t.addEventListener("open", d), t.addEventListener("close", y), () => {
+      t.removeEventListener("select", a), t.removeEventListener("query-change", l), t.removeEventListener("open", d), t.removeEventListener("close", y);
+    };
+  }, [n, o, r, E, v]), j(() => {
+    const t = L.current;
+    if (!t)
+      return;
+    const a = (l, d, y = !0) => {
+      if (!y)
+        return;
+      const f = t.getAttribute(l);
+      if (d == null) {
+        f != null && t.removeAttribute(l);
+        return;
+      }
+      f !== d && t.setAttribute(l, d);
+    };
+    typeof m == "boolean" && a("open", m ? "" : null), a("placeholder", s ?? null, s !== void 0), a("empty-text", c ?? null, c !== void 0), typeof i == "string" && t.query !== i && (t.query = i), typeof P == "boolean" && a("headless", P ? "" : null);
+  }, [m, s, c, i, P]), e.createElement("ui-command-palette", { ref: L, ...A }, b);
+});
+w.displayName = "CommandPalette";
+const I = e.forwardRef(function({ value: b, label: m, keywords: i, ...s }, c) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ...s,
+      ref: c,
+      slot: "command",
+      "data-value": b,
+      "data-label": m,
+      "data-keywords": i,
+      style: {
+        display: "block",
+        cursor: "pointer",
+        ...s.style || {}
+      }
+    }
+  );
+});
+I.displayName = "CommandPalette.Item";
+const H = Object.assign(w, {
+  Item: I
+});
 export {
-  e as CommandPalette,
-  r as default
+  H as CommandPalette,
+  I as CommandPaletteItem,
+  H as default
 };

package/dist/Container.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),a=e=>e&&e.__esModule?e:{default:e},i=a(o);function t(e){const{children:n,size:r="md",...u}=e;return i.default.createElement("ui-container",{size:r,...u},n)}exports.Container=t;exports.default=t;

package/dist/Container.esm.js

@@ -0,0 +1,9 @@
+import a from "react";
+function o(e) {
+  const { children: t, size: n = "md", ...r } = e;
+  return a.createElement("ui-container", { size: n, ...r }, t);
+}
+export {
+  o as Container,
+  o as default
+};

package/dist/ContextMenu.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),Q=require("react-dom"),U=f=>f&&f.__esModule?f:{default:f},r=U(i);function j(f){const{items:S,anchorId:p,anchorEl:H,anchorPoint:m,open:h,disabled:z,state:M,stateText:q,variant:g,size:E,radius:b,density:_,shape:R,elevation:k,tone:P,closeOnSelect:K,closeOnEscape:O,typeahead:T,children:w,onOpenDetail:C,onCloseDetail:y,onOpen:x,onClose:N,onChange:A,onSelect:F,...B}=f,L=i.useRef(null),a=i.useRef(""),[I,l]=i.useState(null),v=e=>{queueMicrotask(()=>{var t;l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null)}),requestAnimationFrame(()=>{var t;l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null)}),window.setTimeout(()=>{var t;l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null)},0)};i.useEffect(()=>{const e=L.current;if(!e)return;const t=s=>{var n;const o=s.detail;l(((n=e.getPortalContentHost)==null?void 0:n.call(e))||null),x==null||x(),o&&(C==null||C(o))},u=s=>{const o=s.detail;l(null),N==null||N(),o&&(y==null||y(o))},c=s=>{var n;const o=(n=s.detail)==null?void 0:n.open;typeof o=="boolean"&&(A==null||A(o))},d=s=>{const o=s.detail;F==null||F(o)};return e.addEventListener("open",t),e.addEventListener("close",u),e.addEventListener("change",c),e.addEventListener("select",d),()=>{e.removeEventListener("open",t),e.removeEventListener("close",u),e.removeEventListener("change",c),e.removeEventListener("select",d)}},[x,N,C,y,A,F]),i.useEffect(()=>{var t,u,c,d,s,o;const e=L.current;if(!(!e||h==null)){if(!h){a.current="closed",l(null),e.close?e.close():e.open=!1;return}if(m&&e.openAt){const n=`point:${m.x}:${m.y}`;(a.current!==n||!e.open)&&(e.openAt(m),a.current=n),l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null),v(e);return}if(H){const n="anchor:element";if(e.openForAnchor){(a.current!==n||!e.open)&&(e.openForAnchor(H),a.current=n),l(((u=e.getPortalContentHost)==null?void 0:u.call(e))||null),v(e);return}if(e.openFor){(a.current!==n||!e.open)&&(e.openFor(H),a.current=n),l(((c=e.getPortalContentHost)==null?void 0:c.call(e))||null),v(e);return}}if(p){const n=`anchor:${p}`;if(e.openForAnchorId){(a.current!==n||!e.open)&&(e.openForAnchorId(p),a.current=n),l(((d=e.getPortalContentHost)==null?void 0:d.call(e))||null),v(e);return}if(e.showForAnchorId){(a.current!==n||!e.open)&&(e.showForAnchorId(p),a.current=n),l(((s=e.getPortalContentHost)==null?void 0:s.call(e))||null),v(e);return}}e.open||(e.open=!0),a.current="open",l(((o=e.getPortalContentHost)==null?void 0:o.call(e))||null),v(e)}},[h,p,H,m]),i.useEffect(()=>{var t;const e=L.current;!I||!e||!h||(t=e.refreshLayout)==null||t.call(e)},[w,S,h,I]);const $=e=>e?e.map((t,u)=>{if(t.separator)return r.default.createElement("div",{key:u,className:"separator",role:"separator"});let c=null;t.icon&&(c=r.default.createElement("span",{className:"icon"},t.icon));let d=null;return t.submenu&&(d=r.default.createElement("div",{className:"submenu"},$(t.submenu))),r.default.createElement("div",{key:u,className:"menuitem",role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":void 0,"data-value":t.value,"data-tone":t.tone&&t.tone!=="default"?t.tone:void 0,onClick:t.disabled?void 0:t.onClick},c,r.default.createElement("span",{className:"label"},r.default.createElement("span",{className:"text"},t.label),t.description?r.default.createElement("span",{className:"caption"},t.description):null),t.shortcut?r.default.createElement("span",{className:"shortcut"},t.shortcut):null,t.submenu&&r.default.createElement("span",{className:"submenu-arrow"},"▶"),d)}):null,D=r.default.Children.count(w)>0,G=!!h&&!m&&!p,J=D?w:$(S);return r.default.createElement(r.default.Fragment,null,r.default.createElement("ui-context-menu",{ref:L,...B,...G?{open:""}:{},...g&&g!=="default"&&g!=="surface"?{variant:g}:{},...E&&E!=="md"&&E!=="2"?{size:E}:{},...b!=null&&b!==""&&b!=="md"?{radius:String(b)}:{},...!E&&_&&_!=="default"?{density:_}:{},...!b&&R&&R!=="default"?{shape:R}:{},...k&&k!=="default"?{elevation:k}:{},...P&&P!=="default"&&P!=="brand"?{tone:P}:{},...z?{disabled:""}:{},...M&&M!=="idle"?{state:M}:{},...q?{"state-text":q}:{},...K==null?{}:{"close-on-select":K?"true":"false"},...O==null?{}:{"close-on-escape":O?"true":"false"},...T==null?{}:{typeahead:T?"true":"false"}}),I?Q.createPortal(r.default.createElement("div",{slot:"menu"},J),I):null)}exports.ContextMenu=j;exports.default=j;

package/dist/ContextMenu.esm.js

@@ -0,0 +1,158 @@
+'use client';
+import r, { useRef as _, useState as U, useEffect as K } from "react";
+import { createPortal as V } from "react-dom";
+function Y(z) {
+  const {
+    items: M,
+    anchorId: i,
+    anchorEl: E,
+    anchorPoint: f,
+    open: p,
+    disabled: j,
+    state: L,
+    stateText: S,
+    variant: b,
+    size: h,
+    radius: v,
+    density: I,
+    shape: k,
+    elevation: w,
+    tone: H,
+    closeOnSelect: $,
+    closeOnEscape: q,
+    typeahead: O,
+    children: R,
+    onOpenDetail: g,
+    onCloseDetail: P,
+    onOpen: C,
+    onClose: x,
+    onChange: y,
+    onSelect: N,
+    ...B
+  } = z, A = _(null), a = _(""), [F, s] = U(null), m = (e) => {
+    queueMicrotask(() => {
+      var t;
+      s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null);
+    }), requestAnimationFrame(() => {
+      var t;
+      s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null);
+    }), window.setTimeout(() => {
+      var t;
+      s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null);
+    }, 0);
+  };
+  K(() => {
+    const e = A.current;
+    if (!e)
+      return;
+    const t = (l) => {
+      var n;
+      const o = l.detail;
+      s(((n = e.getPortalContentHost) == null ? void 0 : n.call(e)) || null), C == null || C(), o && (g == null || g(o));
+    }, c = (l) => {
+      const o = l.detail;
+      s(null), x == null || x(), o && (P == null || P(o));
+    }, u = (l) => {
+      var n;
+      const o = (n = l.detail) == null ? void 0 : n.open;
+      typeof o == "boolean" && (y == null || y(o));
+    }, d = (l) => {
+      const o = l.detail;
+      N == null || N(o);
+    };
+    return e.addEventListener("open", t), e.addEventListener("close", c), e.addEventListener("change", u), e.addEventListener("select", d), () => {
+      e.removeEventListener("open", t), e.removeEventListener("close", c), e.removeEventListener("change", u), e.removeEventListener("select", d);
+    };
+  }, [C, x, g, P, y, N]), K(() => {
+    var t, c, u, d, l, o;
+    const e = A.current;
+    if (!(!e || p == null)) {
+      if (!p) {
+        a.current = "closed", s(null), e.close ? e.close() : e.open = !1;
+        return;
+      }
+      if (f && e.openAt) {
+        const n = `point:${f.x}:${f.y}`;
+        (a.current !== n || !e.open) && (e.openAt(f), a.current = n), s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null), m(e);
+        return;
+      }
+      if (E) {
+        const n = "anchor:element";
+        if (e.openForAnchor) {
+          (a.current !== n || !e.open) && (e.openForAnchor(E), a.current = n), s(((c = e.getPortalContentHost) == null ? void 0 : c.call(e)) || null), m(e);
+          return;
+        }
+        if (e.openFor) {
+          (a.current !== n || !e.open) && (e.openFor(E), a.current = n), s(((u = e.getPortalContentHost) == null ? void 0 : u.call(e)) || null), m(e);
+          return;
+        }
+      }
+      if (i) {
+        const n = `anchor:${i}`;
+        if (e.openForAnchorId) {
+          (a.current !== n || !e.open) && (e.openForAnchorId(i), a.current = n), s(((d = e.getPortalContentHost) == null ? void 0 : d.call(e)) || null), m(e);
+          return;
+        }
+        if (e.showForAnchorId) {
+          (a.current !== n || !e.open) && (e.showForAnchorId(i), a.current = n), s(((l = e.getPortalContentHost) == null ? void 0 : l.call(e)) || null), m(e);
+          return;
+        }
+      }
+      e.open || (e.open = !0), a.current = "open", s(((o = e.getPortalContentHost) == null ? void 0 : o.call(e)) || null), m(e);
+    }
+  }, [p, i, E, f]), K(() => {
+    var t;
+    const e = A.current;
+    !F || !e || !p || (t = e.refreshLayout) == null || t.call(e);
+  }, [R, M, p, F]);
+  const T = (e) => e ? e.map((t, c) => {
+    if (t.separator)
+      return /* @__PURE__ */ r.createElement("div", { key: c, className: "separator", role: "separator" });
+    let u = null;
+    t.icon && (u = /* @__PURE__ */ r.createElement("span", { className: "icon" }, t.icon));
+    let d = null;
+    return t.submenu && (d = /* @__PURE__ */ r.createElement("div", { className: "submenu" }, T(t.submenu))), /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        key: c,
+        className: "menuitem",
+        role: "menuitem",
+        tabIndex: t.disabled ? -1 : 0,
+        "aria-disabled": t.disabled ? "true" : void 0,
+        "data-value": t.value,
+        "data-tone": t.tone && t.tone !== "default" ? t.tone : void 0,
+        onClick: t.disabled ? void 0 : t.onClick
+      },
+      u,
+      /* @__PURE__ */ r.createElement("span", { className: "label" }, /* @__PURE__ */ r.createElement("span", { className: "text" }, t.label), t.description ? /* @__PURE__ */ r.createElement("span", { className: "caption" }, t.description) : null),
+      t.shortcut ? /* @__PURE__ */ r.createElement("span", { className: "shortcut" }, t.shortcut) : null,
+      t.submenu && /* @__PURE__ */ r.createElement("span", { className: "submenu-arrow" }, "▶"),
+      d
+    );
+  }) : null, G = r.Children.count(R) > 0, J = !!p && !f && !i, Q = G ? R : T(M);
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+    "ui-context-menu",
+    {
+      ref: A,
+      ...B,
+      ...J ? { open: "" } : {},
+      ...b && b !== "default" && b !== "surface" ? { variant: b } : {},
+      ...h && h !== "md" && h !== "2" ? { size: h } : {},
+      ...v != null && v !== "" && v !== "md" ? { radius: String(v) } : {},
+      ...!h && I && I !== "default" ? { density: I } : {},
+      ...!v && k && k !== "default" ? { shape: k } : {},
+      ...w && w !== "default" ? { elevation: w } : {},
+      ...H && H !== "default" && H !== "brand" ? { tone: H } : {},
+      ...j ? { disabled: "" } : {},
+      ...L && L !== "idle" ? { state: L } : {},
+      ...S ? { "state-text": S } : {},
+      ...$ == null ? {} : { "close-on-select": $ ? "true" : "false" },
+      ...q == null ? {} : { "close-on-escape": q ? "true" : "false" },
+      ...O == null ? {} : { typeahead: O ? "true" : "false" }
+    }
+  ), F ? V(/* @__PURE__ */ r.createElement("div", { slot: "menu" }, Q), F) : null);
+}
+export {
+  Y as ContextMenu,
+  Y as default
+};

package/dist/DataTable.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),le=n=>n&&n.__esModule?n:{default:n},oe=le(k);function P(n){const{sortable:Q,selectable:B,multiSelect:G,shape:v,variant:b,elevation:g,striped:K,hover:U,compact:V,bordered:W,stickyHeader:X,stickyFooter:Y,loading:Z,state:p,stateText:H,headless:$,hideSummary:ee,emptyText:z,page:y,pageSize:h,paginationId:N,filterQuery:_,filterColumn:i,filterRules:E,columnOrder:F,pinColumns:a,draggableColumns:te,resizableColumns:re,bulkActionsLabel:T,bulkClearLabel:w,virtualize:ne,rowHeight:L,overscan:S,onSortChange:l,onRowSelect:o,onPageChange:s,onFilterChange:d,onColumnResize:c,onVirtualRangeChange:u,onColumnOrderChange:m,onBulkClear:f,children:ie,...ae}=n,x=k.useRef(null);k.useEffect(()=>{const t=x.current;if(!t)return;const A=r=>{const e=r.detail;e&&(l==null||l(e))},D=r=>{const e=r.detail;e&&(o==null||o(e))},M=r=>{const e=r.detail;e&&(s==null||s(e))},j=r=>{const e=r.detail;e&&(d==null||d(e))},q=r=>{const e=r.detail;e&&(c==null||c(e))},J=r=>{const e=r.detail;e&&(u==null||u(e))},C=r=>{const e=r.detail;e&&(m==null||m(e))},I=r=>{const e=r.detail;e&&(f==null||f(e))};return t.addEventListener("sort-change",A),t.addEventListener("row-select",D),t.addEventListener("page-change",M),t.addEventListener("filter-change",j),t.addEventListener("column-resize",q),t.addEventListener("virtual-range-change",J),t.addEventListener("column-order-change",C),t.addEventListener("bulk-clear",I),()=>{t.removeEventListener("sort-change",A),t.removeEventListener("row-select",D),t.removeEventListener("page-change",M),t.removeEventListener("filter-change",j),t.removeEventListener("column-resize",q),t.removeEventListener("virtual-range-change",J),t.removeEventListener("column-order-change",C),t.removeEventListener("bulk-clear",I)}},[l,o,s,d,c,u,m,f]);const O=E&&E.length?(()=>{try{return JSON.stringify(E)}catch{return}})():void 0,R=typeof a=="string"?a.trim()||void 0:a&&typeof a=="object"?(()=>{try{return JSON.stringify(a)}catch{return}})():void 0;return oe.default.createElement("ui-data-table",{ref:x,...ae,...Q?{sortable:""}:{},...B?{selectable:""}:{},...G?{"multi-select":""}:{},...v&&v!=="default"?{shape:v}:{},...b&&b!=="default"?{variant:b}:{},...g&&g!=="default"?{elevation:g}:{},...K?{striped:""}:{},...U?{hover:""}:{},...V?{compact:""}:{},...W?{bordered:""}:{},...X?{"sticky-header":""}:{},...Y?{"sticky-footer":""}:{},...Z?{loading:""}:{},...p&&p!=="idle"?{state:p}:{},...H?{"state-text":H}:{},...$?{headless:""}:{},...ee?{"hide-summary":""}:{},...z?{"empty-text":z}:{},...typeof y=="number"&&Number.isFinite(y)?{page:String(y)}:{},...typeof h=="number"&&Number.isFinite(h)?{"page-size":String(h)}:{},...N?{"pagination-id":N}:{},...typeof _=="string"?{"filter-query":_}:{},...typeof i=="number"&&Number.isFinite(i)?{"filter-column":String(i)}:typeof i=="string"&&i.trim()?{"filter-column":i}:{},...O?{filters:O}:{},...F?{"column-order":F}:{},...R?{"pin-columns":R}:{},...te?{"draggable-columns":""}:{},...re?{"resizable-columns":""}:{},...T?{"bulk-actions-label":T}:{},...w?{"bulk-clear-label":w}:{},...ne?{virtualize:""}:{},...typeof L=="number"&&Number.isFinite(L)?{"row-height":String(L)}:{},...typeof S=="number"&&Number.isFinite(S)?{overscan:String(S)}:{}},ie)}exports.DataTable=P;exports.default=P;

package/dist/DataTable.esm.js

@@ -0,0 +1,149 @@
+'use client';
+import ie, { useRef as ae, useEffect as le } from "react";
+function se(I) {
+  const {
+    sortable: Q,
+    selectable: B,
+    multiSelect: G,
+    shape: f,
+    variant: v,
+    elevation: g,
+    striped: K,
+    hover: M,
+    compact: P,
+    bordered: U,
+    stickyHeader: V,
+    stickyFooter: W,
+    loading: X,
+    state: b,
+    stateText: k,
+    headless: Y,
+    hideSummary: Z,
+    emptyText: H,
+    page: p,
+    pageSize: y,
+    paginationId: S,
+    filterQuery: z,
+    filterColumn: n,
+    filterRules: h,
+    columnOrder: N,
+    pinColumns: i,
+    draggableColumns: $,
+    resizableColumns: ee,
+    bulkActionsLabel: F,
+    bulkClearLabel: x,
+    virtualize: te,
+    rowHeight: E,
+    overscan: L,
+    onSortChange: a,
+    onRowSelect: l,
+    onPageChange: o,
+    onFilterChange: s,
+    onColumnResize: d,
+    onVirtualRangeChange: c,
+    onColumnOrderChange: u,
+    onBulkClear: m,
+    children: re,
+    ...ne
+  } = I, w = ae(null);
+  le(() => {
+    const t = w.current;
+    if (!t)
+      return;
+    const R = (r) => {
+      const e = r.detail;
+      e && (a == null || a(e));
+    }, T = (r) => {
+      const e = r.detail;
+      e && (l == null || l(e));
+    }, J = (r) => {
+      const e = r.detail;
+      e && (o == null || o(e));
+    }, _ = (r) => {
+      const e = r.detail;
+      e && (s == null || s(e));
+    }, j = (r) => {
+      const e = r.detail;
+      e && (d == null || d(e));
+    }, q = (r) => {
+      const e = r.detail;
+      e && (c == null || c(e));
+    }, C = (r) => {
+      const e = r.detail;
+      e && (u == null || u(e));
+    }, D = (r) => {
+      const e = r.detail;
+      e && (m == null || m(e));
+    };
+    return t.addEventListener("sort-change", R), t.addEventListener("row-select", T), t.addEventListener("page-change", J), t.addEventListener("filter-change", _), t.addEventListener("column-resize", j), t.addEventListener("virtual-range-change", q), t.addEventListener("column-order-change", C), t.addEventListener("bulk-clear", D), () => {
+      t.removeEventListener("sort-change", R), t.removeEventListener("row-select", T), t.removeEventListener("page-change", J), t.removeEventListener("filter-change", _), t.removeEventListener("column-resize", j), t.removeEventListener("virtual-range-change", q), t.removeEventListener("column-order-change", C), t.removeEventListener("bulk-clear", D);
+    };
+  }, [
+    a,
+    l,
+    o,
+    s,
+    d,
+    c,
+    u,
+    m
+  ]);
+  const A = h && h.length ? (() => {
+    try {
+      return JSON.stringify(h);
+    } catch {
+      return;
+    }
+  })() : void 0, O = typeof i == "string" ? i.trim() || void 0 : i && typeof i == "object" ? (() => {
+    try {
+      return JSON.stringify(i);
+    } catch {
+      return;
+    }
+  })() : void 0;
+  return ie.createElement(
+    "ui-data-table",
+    {
+      ref: w,
+      ...ne,
+      ...Q ? { sortable: "" } : {},
+      ...B ? { selectable: "" } : {},
+      ...G ? { "multi-select": "" } : {},
+      ...f && f !== "default" ? { shape: f } : {},
+      ...v && v !== "default" ? { variant: v } : {},
+      ...g && g !== "default" ? { elevation: g } : {},
+      ...K ? { striped: "" } : {},
+      ...M ? { hover: "" } : {},
+      ...P ? { compact: "" } : {},
+      ...U ? { bordered: "" } : {},
+      ...V ? { "sticky-header": "" } : {},
+      ...W ? { "sticky-footer": "" } : {},
+      ...X ? { loading: "" } : {},
+      ...b && b !== "idle" ? { state: b } : {},
+      ...k ? { "state-text": k } : {},
+      ...Y ? { headless: "" } : {},
+      ...Z ? { "hide-summary": "" } : {},
+      ...H ? { "empty-text": H } : {},
+      ...typeof p == "number" && Number.isFinite(p) ? { page: String(p) } : {},
+      ...typeof y == "number" && Number.isFinite(y) ? { "page-size": String(y) } : {},
+      ...S ? { "pagination-id": S } : {},
+      ...typeof z == "string" ? { "filter-query": z } : {},
+      ...typeof n == "number" && Number.isFinite(n) ? { "filter-column": String(n) } : typeof n == "string" && n.trim() ? { "filter-column": n } : {},
+      ...A ? { filters: A } : {},
+      ...N ? { "column-order": N } : {},
+      ...O ? { "pin-columns": O } : {},
+      ...$ ? { "draggable-columns": "" } : {},
+      ...ee ? { "resizable-columns": "" } : {},
+      ...F ? { "bulk-actions-label": F } : {},
+      ...x ? { "bulk-clear-label": x } : {},
+      ...te ? { virtualize: "" } : {},
+      ...typeof E == "number" && Number.isFinite(E) ? { "row-height": String(E) } : {},
+      ...typeof L == "number" && Number.isFinite(L) ? { overscan: String(L) } : {}
+    },
+    re
+  );
+}
+export {
+  se as DataTable,
+  se as default
+};

package/dist/DateField.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),t=require("./_internals-5a21394b.js"),T=s=>s&&s.__esModule?s:{default:s},g=T(v);function R(s,i,r){const l=g.default.useCallback(c=>{const u=t.getCustomEventDetail(c);u&&(i==null||i(u),r==null||r(u.value))},[i,r]);t.useElementEventListeners(s,[{type:"change",listener:l}],[l])}const D=g.default.forwardRef(function({value:i,min:r,max:l,locale:c,label:u,description:a,error:o,name:b,required:y,disabled:A,readOnly:f,onChange:d,onValueChange:m,children:F,...B},_){const S=t.useForwardedHostRef(_);return R(S,d,m),t.useElementAttributes(S,e=>{t.syncStringAttribute(e,"value",i??null),t.syncStringAttribute(e,"min",r??null),t.syncStringAttribute(e,"max",l??null),t.syncStringAttribute(e,"locale",c??null),t.syncStringAttribute(e,"label",u??null),t.syncStringAttribute(e,"description",a??null),t.syncStringAttribute(e,"data-error",o??null),t.syncStringAttribute(e,"name",b??null),t.syncBooleanAttribute(e,"required",y),t.syncBooleanAttribute(e,"disabled",A),t.syncBooleanAttribute(e,"readonly",f)},[i,r,l,c,u,a,o,b,y,A,f]),g.default.createElement("ui-date-field",{ref:S,...B},F)}),p=g.default.forwardRef(function({value:i,min:r,max:l,locale:c,label:u,description:a,error:o,name:b,required:y,disabled:A,readOnly:f,format:d,seconds:m,onChange:F,onValueChange:B,children:_,...S},e){const E=t.useForwardedHostRef(e);return R(E,F,B),t.useElementAttributes(E,n=>{t.syncStringAttribute(n,"value",i??null),t.syncStringAttribute(n,"min",r??null),t.syncStringAttribute(n,"max",l??null),t.syncStringAttribute(n,"locale",c??null),t.syncStringAttribute(n,"label",u??null),t.syncStringAttribute(n,"description",a??null),t.syncStringAttribute(n,"data-error",o??null),t.syncStringAttribute(n,"name",b??null),t.syncStringAttribute(n,"format",d&&d!=="24h"?d:null),t.syncBooleanAttribute(n,"seconds",m),t.syncBooleanAttribute(n,"required",y),t.syncBooleanAttribute(n,"disabled",A),t.syncBooleanAttribute(n,"readonly",f)},[i,r,l,c,u,a,o,b,y,A,f,d,m]),g.default.createElement("ui-time-field",{ref:E,...S},_)});D.displayName="DateField";p.displayName="TimeField";exports.DateField=D;exports.TimeField=p;exports.default=D;

package/dist/DateField.esm.js

@@ -0,0 +1,30 @@
+'use client';
+import b from "react";
+import { c as T, a as B, g as _, u as k, s as t, b as d } from "./_internals-d86cc997.mjs";
+function N(D, i, l) {
+  const n = b.useCallback((r) => {
+    const s = _(r);
+    s && (i == null || i(s), l == null || l(s.value));
+  }, [i, l]);
+  k(D, [{ type: "change", listener: n }], [n]);
+}
+const x = b.forwardRef(function({ value: i, min: l, max: n, locale: r, label: s, description: c, error: f, name: m, required: o, disabled: F, readOnly: p, onChange: a, onValueChange: y, children: R, ...v }, w) {
+  const E = T(w);
+  return N(E, a, y), B(E, (u) => {
+    t(u, "value", i ?? null), t(u, "min", l ?? null), t(u, "max", n ?? null), t(u, "locale", r ?? null), t(u, "label", s ?? null), t(u, "description", c ?? null), t(u, "data-error", f ?? null), t(u, "name", m ?? null), d(u, "required", o), d(u, "disabled", F), d(u, "readonly", p);
+  }, [i, l, n, r, s, c, f, m, o, F, p]), b.createElement("ui-date-field", { ref: E, ...v }, R);
+}), H = b.forwardRef(
+  function({ value: i, min: l, max: n, locale: r, label: s, description: c, error: f, name: m, required: o, disabled: F, readOnly: p, format: a, seconds: y, onChange: R, onValueChange: v, children: w, ...E }, u) {
+    const A = T(u);
+    return N(A, R, v), B(A, (e) => {
+      t(e, "value", i ?? null), t(e, "min", l ?? null), t(e, "max", n ?? null), t(e, "locale", r ?? null), t(e, "label", s ?? null), t(e, "description", c ?? null), t(e, "data-error", f ?? null), t(e, "name", m ?? null), t(e, "format", a && a !== "24h" ? a : null), d(e, "seconds", y), d(e, "required", o), d(e, "disabled", F), d(e, "readonly", p);
+    }, [i, l, n, r, s, c, f, m, o, F, p, a, y]), b.createElement("ui-time-field", { ref: A, ...E }, w);
+  }
+);
+x.displayName = "DateField";
+H.displayName = "TimeField";
+export {
+  x as DateField,
+  H as TimeField,
+  x as default
+};

package/dist/DatePicker.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),t=require("./_internals-5a21394b.js"),I=i=>i&&i.__esModule?i:{default:i},e=I(C),k=e.default.forwardRef(function({value:D,defaultValue:P,open:B,defaultOpen:R,min:q,max:T,locale:j,translations:H,weekStart:m,size:l,shape:c,bare:J,variant:s,state:b,placeholder:L,label:M,hint:N,error:w,clearable:G,allowInput:K,closeOnSelect:Q,outsideClick:y,disabled:U,readOnly:W,required:X,name:Y,mode:A,showFooter:p,events:u,eventsMax:_,eventsDisplay:o,format:a,displayFormat:Z,onInput:g,onChange:S,onValueChange:f,onOpen:$,onClose:x,onInvalid:d,children:O,...V},h){const E=t.useForwardedHostRef(h),z=e.default.useCallback(r=>{const n=t.getCustomEventDetail(r);n&&(g==null||g(n))},[g]),F=e.default.useCallback(r=>{const n=t.getCustomEventDetail(r);n&&(S==null||S(n),f==null||f(n.value))},[S,f]),v=e.default.useCallback(r=>{const n=t.getCustomEventDetail(r);n&&(d==null||d(n))},[d]);return t.useElementEventListeners(E,[{type:"input",listener:z},{type:"change",listener:F},{type:"open",listener:$},{type:"close",listener:x},{type:"invalid",listener:v}],[z,F,$,x,v]),t.useElementAttributes(E,r=>{t.syncStringAttribute(r,"value",D??null),t.syncStringAttribute(r,"default-value",P??null),typeof B=="boolean"?t.syncBooleanAttribute(r,"open",B):t.syncStringAttribute(r,"open",null),t.syncBooleanAttribute(r,"default-open",R),t.syncStringAttribute(r,"min",q??null),t.syncStringAttribute(r,"max",T??null),t.syncStringAttribute(r,"locale",j??null),t.syncStringAttribute(r,"translations",t.serializeTranslations(H)),t.syncStringAttribute(r,"week-start",typeof m=="number"?String(m):null),t.syncStringAttribute(r,"size",l&&l!=="md"?l:null),t.syncStringAttribute(r,"shape",c&&c!=="default"?c:null),t.syncBooleanAttribute(r,"bare",J),t.syncStringAttribute(r,"variant",s&&s!=="default"?s:null),t.syncStringAttribute(r,"state",b&&b!=="idle"?b:null),t.syncStringAttribute(r,"placeholder",L??null),t.syncStringAttribute(r,"label",M??null),t.syncStringAttribute(r,"hint",N??null),t.syncStringAttribute(r,"error",w??null),t.syncBooleanAttribute(r,"clearable",G),t.syncBooleanAttribute(r,"allow-input",K),t.syncBooleanAttribute(r,"close-on-select",Q),t.syncStringAttribute(r,"outside-click",y&&y!=="navigate"?y:null),t.syncBooleanAttribute(r,"disabled",U),t.syncBooleanAttribute(r,"readonly",W),t.syncBooleanAttribute(r,"required",X),t.syncStringAttribute(r,"name",Y??null),t.syncStringAttribute(r,"mode",A&&A!=="popover"?A:null),t.syncStringAttribute(r,"show-footer",typeof p=="boolean"?String(p):null),t.syncStringAttribute(r,"events-max",typeof _=="number"?String(_):null),t.syncStringAttribute(r,"events-display",o&&o!=="dots"?o:null),t.syncStringAttribute(r,"format",a&&a!=="locale"?a:null),t.syncStringAttribute(r,"display-format",Z??null),t.syncJsonAttribute(r,"events",u!=null&&u.length?u:null)},[D,P,B,R,q,T,j,H,m,l,c,J,s,b,L,M,N,w,G,K,Q,y,U,W,X,Y,A,p,u,_,o,a,Z]),e.default.createElement("ui-date-picker",{ref:E,...V},O)});k.displayName="DatePicker";exports.DatePicker=k;exports.default=k;

package/dist/DatePicker.esm.js

@@ -0,0 +1,109 @@
+'use client';
+import i from "react";
+import { c as C, g as B, u as I, a as tt, s as l, b as r, e as lt, f as ut } from "./_internals-d86cc997.mjs";
+const rt = i.forwardRef(function({
+  value: D,
+  defaultValue: H,
+  open: k,
+  defaultOpen: J,
+  min: L,
+  max: N,
+  locale: S,
+  translations: T,
+  weekStart: A,
+  size: c,
+  shape: n,
+  bare: g,
+  variant: f,
+  state: a,
+  placeholder: j,
+  label: q,
+  hint: w,
+  error: x,
+  clearable: G,
+  allowInput: K,
+  closeOnSelect: Q,
+  outsideClick: e,
+  disabled: U,
+  readOnly: W,
+  required: X,
+  name: Y,
+  mode: b,
+  showFooter: P,
+  events: s,
+  eventsMax: R,
+  eventsDisplay: d,
+  format: y,
+  displayFormat: Z,
+  onInput: m,
+  onChange: p,
+  onValueChange: o,
+  onOpen: $,
+  onClose: z,
+  onInvalid: E,
+  children: V,
+  ...h
+}, v) {
+  const _ = C(v), F = i.useCallback((t) => {
+    const u = B(t);
+    u && (m == null || m(u));
+  }, [m]), M = i.useCallback((t) => {
+    const u = B(t);
+    u && (p == null || p(u), o == null || o(u.value));
+  }, [p, o]), O = i.useCallback((t) => {
+    const u = B(t);
+    u && (E == null || E(u));
+  }, [E]);
+  return I(
+    _,
+    [
+      { type: "input", listener: F },
+      { type: "change", listener: M },
+      { type: "open", listener: $ },
+      { type: "close", listener: z },
+      { type: "invalid", listener: O }
+    ],
+    [F, M, $, z, O]
+  ), tt(_, (t) => {
+    l(t, "value", D ?? null), l(t, "default-value", H ?? null), typeof k == "boolean" ? r(t, "open", k) : l(t, "open", null), r(t, "default-open", J), l(t, "min", L ?? null), l(t, "max", N ?? null), l(t, "locale", S ?? null), l(t, "translations", lt(T)), l(t, "week-start", typeof A == "number" ? String(A) : null), l(t, "size", c && c !== "md" ? c : null), l(t, "shape", n && n !== "default" ? n : null), r(t, "bare", g), l(t, "variant", f && f !== "default" ? f : null), l(t, "state", a && a !== "idle" ? a : null), l(t, "placeholder", j ?? null), l(t, "label", q ?? null), l(t, "hint", w ?? null), l(t, "error", x ?? null), r(t, "clearable", G), r(t, "allow-input", K), r(t, "close-on-select", Q), l(t, "outside-click", e && e !== "navigate" ? e : null), r(t, "disabled", U), r(t, "readonly", W), r(t, "required", X), l(t, "name", Y ?? null), l(t, "mode", b && b !== "popover" ? b : null), l(t, "show-footer", typeof P == "boolean" ? String(P) : null), l(t, "events-max", typeof R == "number" ? String(R) : null), l(t, "events-display", d && d !== "dots" ? d : null), l(t, "format", y && y !== "locale" ? y : null), l(t, "display-format", Z ?? null), ut(t, "events", s != null && s.length ? s : null);
+  }, [
+    D,
+    H,
+    k,
+    J,
+    L,
+    N,
+    S,
+    T,
+    A,
+    c,
+    n,
+    g,
+    f,
+    a,
+    j,
+    q,
+    w,
+    x,
+    G,
+    K,
+    Q,
+    e,
+    U,
+    W,
+    X,
+    Y,
+    b,
+    P,
+    s,
+    R,
+    d,
+    y,
+    Z
+  ]), i.createElement("ui-date-picker", { ref: _, ...h }, V);
+});
+rt.displayName = "DatePicker";
+export {
+  rt as DatePicker,
+  rt as default
+};

package/dist/DateRangePicker.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("react"),t=require("./_internals-5a21394b.js"),C=r=>r&&r.__esModule?r:{default:r},i=C(O),B=i.default.forwardRef(function({value:m,defaultValue:R,open:d,defaultOpen:_,min:k,max:D,locale:v,translations:E,weekStart:g,size:u,shape:s,bare:P,variant:l,state:c,rangeVariant:y,label:M,hint:q,error:N,allowSameDay:T,allowPartial:j,closeOnSelect:w,clearable:H,disabled:J,readOnly:L,required:x,name:G,nameStart:K,nameEnd:Q,mode:b,showFooter:S,onInput:o,onChange:a,onValueChange:A,onOpen:U,onClose:W,onInvalid:f,children:$,...z},F){const p=t.useForwardedHostRef(F),X=i.default.useCallback(e=>{const n=t.getCustomEventDetail(e);n&&(o==null||o(n))},[o]),Y=i.default.useCallback(e=>{const n=t.getCustomEventDetail(e);n&&(a==null||a(n),A==null||A(n.value?JSON.stringify(n.value):null))},[a,A]),Z=i.default.useCallback(e=>{const n=t.getCustomEventDetail(e);n&&(f==null||f(n))},[f]);return t.useElementEventListeners(p,[{type:"input",listener:X},{type:"change",listener:Y},{type:"open",listener:U},{type:"close",listener:W},{type:"invalid",listener:Z}],[X,Y,U,W,Z]),t.useElementAttributes(p,e=>{t.syncStringAttribute(e,"value",m??null),t.syncStringAttribute(e,"default-value",R??null),typeof d=="boolean"?t.syncBooleanAttribute(e,"open",d):t.syncStringAttribute(e,"open",null),t.syncBooleanAttribute(e,"default-open",_),t.syncStringAttribute(e,"min",k??null),t.syncStringAttribute(e,"max",D??null),t.syncStringAttribute(e,"locale",v??null),t.syncStringAttribute(e,"translations",t.serializeTranslations(E)),t.syncStringAttribute(e,"week-start",typeof g=="number"?String(g):null),t.syncStringAttribute(e,"size",u&&u!=="md"?u:null),t.syncStringAttribute(e,"shape",s&&s!=="default"?s:null),t.syncBooleanAttribute(e,"bare",P),t.syncStringAttribute(e,"variant",l&&l!=="default"?l:null),t.syncStringAttribute(e,"state",c&&c!=="idle"?c:null),t.syncStringAttribute(e,"range-variant",y&&y!=="two-fields"?y:null),t.syncStringAttribute(e,"label",M??null),t.syncStringAttribute(e,"hint",q??null),t.syncStringAttribute(e,"error",N??null),t.syncBooleanAttribute(e,"allow-same-day",T),t.syncBooleanAttribute(e,"allow-partial",j),t.syncBooleanAttribute(e,"close-on-select",w),t.syncBooleanAttribute(e,"clearable",H),t.syncBooleanAttribute(e,"disabled",J),t.syncBooleanAttribute(e,"readonly",L),t.syncBooleanAttribute(e,"required",x),t.syncStringAttribute(e,"name",G??null),t.syncStringAttribute(e,"name-start",K??null),t.syncStringAttribute(e,"name-end",Q??null),t.syncStringAttribute(e,"mode",b&&b!=="popover"?b:null),t.syncStringAttribute(e,"show-footer",typeof S=="boolean"?String(S):null)},[m,R,d,_,k,D,v,E,g,u,s,P,l,c,y,M,q,N,T,j,w,H,J,L,x,G,K,Q,b,S]),i.default.createElement("ui-date-range-picker",{ref:p,...z},$)});B.displayName="DateRangePicker";exports.DateRangePicker=B;exports.default=B;