@editora/ui-react 0.1.7 → 0.1.10

package/dist/DataTable.esm.js

@@ -0,0 +1,148 @@
+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 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),S=c=>c&&c.__esModule?c:{default:c},D=S(a),M=typeof window<"u"?a.useLayoutEffect:a.useEffect;function H(c,i,n){a.useEffect(()=>{const f=c.current;if(!f)return;const o=b=>{const d=b.detail;d&&(i==null||i(d),n==null||n(d.value))};return f.addEventListener("change",o),()=>{f.removeEventListener("change",o)}},[i,n,c])}const B=D.default.forwardRef(function({value:i,min:n,max:f,locale:o,label:b,description:d,error:v,name:y,required:F,disabled:p,readOnly:E,onChange:m,onValueChange:R,children:T,...w},L){const A=a.useRef(null);return a.useImperativeHandle(L,()=>A.current),H(A,m,R),M(()=>{const r=A.current;if(!r)return;const t=(e,s)=>{const u=r.getAttribute(e);if(s==null){u!=null&&r.removeAttribute(e);return}u!==s&&r.setAttribute(e,s)},l=(e,s)=>{s?r.hasAttribute(e)||r.setAttribute(e,""):r.hasAttribute(e)&&r.removeAttribute(e)};t("value",i??null),t("min",n??null),t("max",f??null),t("locale",o??null),t("label",b??null),t("description",d??null),t("data-error",v??null),t("name",y??null),l("required",F),l("disabled",p),l("readonly",E)},[i,n,f,o,b,d,v,y,F,p,E]),D.default.createElement("ui-date-field",{ref:A,...w},T)}),N=D.default.forwardRef(function({value:i,min:n,max:f,locale:o,label:b,description:d,error:v,name:y,required:F,disabled:p,readOnly:E,format:m,seconds:R,onChange:T,onValueChange:w,children:L,...A},r){const t=a.useRef(null);return a.useImperativeHandle(r,()=>t.current),H(t,T,w),M(()=>{const l=t.current;if(!l)return;const e=(u,_)=>{const I=l.getAttribute(u);if(_==null){I!=null&&l.removeAttribute(u);return}I!==_&&l.setAttribute(u,_)},s=(u,_)=>{_?l.hasAttribute(u)||l.setAttribute(u,""):l.hasAttribute(u)&&l.removeAttribute(u)};e("value",i??null),e("min",n??null),e("max",f??null),e("locale",o??null),e("label",b??null),e("description",d??null),e("data-error",v??null),e("name",y??null),e("format",m&&m!=="24h"?m:null),s("seconds",R),s("required",F),s("disabled",p),s("readonly",E)},[i,n,f,o,b,d,v,y,F,p,E,m,R]),D.default.createElement("ui-time-field",{ref:t,...A},L)});B.displayName="DateField";N.displayName="TimeField";exports.DateField=B;exports.TimeField=N;exports.default=B;

package/dist/DateField.esm.js

@@ -0,0 +1,62 @@
+import L, { useRef as I, useImperativeHandle as N, useLayoutEffect as j, useEffect as _ } from "react";
+const h = typeof window < "u" ? j : _;
+function H(F, i, n) {
+  _(() => {
+    const c = F.current;
+    if (!c)
+      return;
+    const o = (d) => {
+      const f = d.detail;
+      f && (i == null || i(f), n == null || n(f.value));
+    };
+    return c.addEventListener("change", o), () => {
+      c.removeEventListener("change", o);
+    };
+  }, [i, n, F]);
+}
+const k = L.forwardRef(function({ value: i, min: n, max: c, locale: o, label: d, description: f, error: b, name: a, required: v, disabled: y, readOnly: p, onChange: A, onValueChange: w, children: R, ...B }, D) {
+  const m = I(null);
+  return N(D, () => m.current), H(m, A, w), h(() => {
+    const r = m.current;
+    if (!r)
+      return;
+    const t = (e, s) => {
+      const u = r.getAttribute(e);
+      if (s == null) {
+        u != null && r.removeAttribute(e);
+        return;
+      }
+      u !== s && r.setAttribute(e, s);
+    }, l = (e, s) => {
+      s ? r.hasAttribute(e) || r.setAttribute(e, "") : r.hasAttribute(e) && r.removeAttribute(e);
+    };
+    t("value", i ?? null), t("min", n ?? null), t("max", c ?? null), t("locale", o ?? null), t("label", d ?? null), t("description", f ?? null), t("data-error", b ?? null), t("name", a ?? null), l("required", v), l("disabled", y), l("readonly", p);
+  }, [i, n, c, o, d, f, b, a, v, y, p]), L.createElement("ui-date-field", { ref: m, ...B }, R);
+}), q = L.forwardRef(
+  function({ value: i, min: n, max: c, locale: o, label: d, description: f, error: b, name: a, required: v, disabled: y, readOnly: p, format: A, seconds: w, onChange: R, onValueChange: B, children: D, ...m }, r) {
+    const t = I(null);
+    return N(r, () => t.current), H(t, R, B), h(() => {
+      const l = t.current;
+      if (!l)
+        return;
+      const e = (u, E) => {
+        const T = l.getAttribute(u);
+        if (E == null) {
+          T != null && l.removeAttribute(u);
+          return;
+        }
+        T !== E && l.setAttribute(u, E);
+      }, s = (u, E) => {
+        E ? l.hasAttribute(u) || l.setAttribute(u, "") : l.hasAttribute(u) && l.removeAttribute(u);
+      };
+      e("value", i ?? null), e("min", n ?? null), e("max", c ?? null), e("locale", o ?? null), e("label", d ?? null), e("description", f ?? null), e("data-error", b ?? null), e("name", a ?? null), e("format", A && A !== "24h" ? A : null), s("seconds", w), s("required", v), s("disabled", y), s("readonly", p);
+    }, [i, n, c, o, d, f, b, a, v, y, p, A, w]), L.createElement("ui-time-field", { ref: t, ...m }, D);
+  }
+);
+k.displayName = "DateField";
+q.displayName = "TimeField";
+export {
+  k as DateField,
+  q as TimeField,
+  k as default
+};

package/dist/DatePicker.cjs.js

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

package/dist/DatePicker.esm.js

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

package/dist/DateRangePicker.cjs.js

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

package/dist/DateRangePicker.esm.js

@@ -0,0 +1,109 @@
+import $, { useRef as S, useImperativeHandle as O, useEffect as g, useLayoutEffect as h } from "react";
+import { s as I } from "./_internals-f8fb69a8.mjs";
+const V = typeof window < "u" ? h : g, C = $.forwardRef(function({
+  value: k,
+  defaultValue: w,
+  open: p,
+  defaultOpen: D,
+  min: N,
+  max: P,
+  locale: _,
+  translations: B,
+  weekStart: y,
+  size: i,
+  shape: s,
+  bare: H,
+  variant: c,
+  state: f,
+  rangeVariant: d,
+  label: J,
+  hint: T,
+  error: j,
+  allowSameDay: q,
+  allowPartial: G,
+  closeOnSelect: K,
+  clearable: M,
+  disabled: Q,
+  readOnly: U,
+  required: W,
+  name: X,
+  nameStart: Y,
+  nameEnd: Z,
+  mode: o,
+  showFooter: b,
+  onInput: v,
+  onChange: E,
+  onValueChange: a,
+  onOpen: R,
+  onClose: A,
+  onInvalid: L,
+  children: x,
+  ...z
+}, F) {
+  const m = S(null);
+  return O(F, () => m.current), g(() => {
+    const t = m.current;
+    if (!t)
+      return;
+    const e = (u) => {
+      const r = u.detail;
+      r && (v == null || v(r));
+    }, l = (u) => {
+      const r = u.detail;
+      r && (E == null || E(r), a == null || a(r.value ? JSON.stringify(r.value) : null));
+    }, n = (u) => {
+      const r = u.detail;
+      r && (L == null || L(r));
+    };
+    return t.addEventListener("input", e), t.addEventListener("change", l), t.addEventListener("open", R), t.addEventListener("close", A), t.addEventListener("invalid", n), () => {
+      t.removeEventListener("input", e), t.removeEventListener("change", l), t.removeEventListener("open", R), t.removeEventListener("close", A), t.removeEventListener("invalid", n);
+    };
+  }, [v, E, a, R, A, L]), V(() => {
+    const t = m.current;
+    if (!t)
+      return;
+    const e = (n, u) => {
+      const r = t.getAttribute(n);
+      u == null ? r != null && t.removeAttribute(n) : r !== u && t.setAttribute(n, u);
+    }, l = (n, u) => {
+      u ? e(n, "") : e(n, null);
+    };
+    e("value", k ?? null), e("default-value", w ?? null), typeof p == "boolean" ? l("open", p) : e("open", null), l("default-open", D), e("min", N ?? null), e("max", P ?? null), e("locale", _ ?? null), e("translations", I(B)), e("week-start", typeof y == "number" ? String(y) : null), e("size", i && i !== "md" ? i : null), e("shape", s && s !== "default" ? s : null), l("bare", H), e("variant", c && c !== "default" ? c : null), e("state", f && f !== "idle" ? f : null), e("range-variant", d && d !== "two-fields" ? d : null), e("label", J ?? null), e("hint", T ?? null), e("error", j ?? null), l("allow-same-day", q), l("allow-partial", G), l("close-on-select", K), l("clearable", M), l("disabled", Q), l("readonly", U), l("required", W), e("name", X ?? null), e("name-start", Y ?? null), e("name-end", Z ?? null), e("mode", o && o !== "popover" ? o : null), e("show-footer", typeof b == "boolean" ? String(b) : null);
+  }, [
+    k,
+    w,
+    p,
+    D,
+    N,
+    P,
+    _,
+    B,
+    y,
+    i,
+    s,
+    H,
+    c,
+    f,
+    d,
+    J,
+    T,
+    j,
+    q,
+    G,
+    K,
+    M,
+    Q,
+    U,
+    W,
+    X,
+    Y,
+    Z,
+    o,
+    b
+  ]), $.createElement("ui-date-range-picker", { ref: m, ...z }, x);
+});
+C.displayName = "DateRangePicker";
+export {
+  C as DateRangePicker,
+  C as default
+};

package/dist/DateRangeTimePicker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),z=require("./_internals-b9f3e909.js"),x=s=>s&&s.__esModule?s:{default:s},X=x(u),F=typeof window<"u"?u.useLayoutEffect:u.useEffect,T=X.default.forwardRef(function({value:g,defaultValue:D,open:y,defaultOpen:k,min:A,max:P,locale:M,translations:S,weekStart:L,size:c,bare:q,variant:f,step:p,autoNormalize:j,allowPartial:w,disabled:B,readOnly:H,required:J,name:N,closeOnSelect:G,clearable:K,mode:d,showFooter:b,label:Q,hint:U,error:W,onInput:a,onChange:o,onValueChange:v,onOpen:R,onClose:_,onInvalid:E,children:Y,...Z},$){const m=u.useRef(null);return u.useImperativeHandle($,()=>m.current),u.useEffect(()=>{const t=m.current;if(!t)return;const e=n=>{const r=n.detail;r&&(a==null||a(r))},l=n=>{const r=n.detail;r&&(o==null||o(r),v==null||v(r.value?JSON.stringify(r.value):null))},i=n=>{const r=n.detail;r&&(E==null||E(r))};return t.addEventListener("input",e),t.addEventListener("change",l),t.addEventListener("open",R),t.addEventListener("close",_),t.addEventListener("invalid",i),()=>{t.removeEventListener("input",e),t.removeEventListener("change",l),t.removeEventListener("open",R),t.removeEventListener("close",_),t.removeEventListener("invalid",i)}},[a,o,v,R,_,E]),F(()=>{const t=m.current;if(!t)return;const e=(i,n)=>{const r=t.getAttribute(i);n==null?r!=null&&t.removeAttribute(i):r!==n&&t.setAttribute(i,n)},l=(i,n)=>{n?e(i,""):e(i,null)};e("value",g??null),e("default-value",D??null),typeof y=="boolean"?l("open",y):e("open",null),l("default-open",k),e("min",A??null),e("max",P??null),e("locale",M??null),e("translations",z.serializeTranslations(S)),e("week-start",typeof L=="number"?String(L):null),e("size",c&&c!=="md"?c:null),l("bare",q),e("variant",f&&f!=="default"?f:null),e("step",typeof p=="number"?String(p):null),l("auto-normalize",j),l("allow-partial",w),l("disabled",B),l("readonly",H),l("required",J),e("name",N??null),l("close-on-select",G),l("clearable",K),e("mode",d&&d!=="popover"?d:null),e("show-footer",typeof b=="boolean"?String(b):null),e("label",Q??null),e("hint",U??null),e("error",W??null)},[g,D,y,k,A,P,M,S,L,c,q,f,p,j,w,B,H,J,N,G,K,d,b,Q,U,W]),X.default.createElement("ui-date-range-time-picker",{ref:m,...Z},Y)});T.displayName="DateRangeTimePicker";exports.DateRangeTimePicker=T;exports.default=T;

package/dist/DateRangeTimePicker.esm.js

@@ -0,0 +1,103 @@
+import Q, { useRef as Z, useImperativeHandle as $, useEffect as U, useLayoutEffect as x } from "react";
+import { s as z } from "./_internals-f8fb69a8.mjs";
+const F = typeof window < "u" ? x : U, h = Q.forwardRef(
+  function({
+    value: R,
+    defaultValue: A,
+    open: m,
+    defaultOpen: T,
+    min: k,
+    max: D,
+    locale: g,
+    translations: P,
+    weekStart: E,
+    size: u,
+    bare: _,
+    variant: s,
+    step: p,
+    autoNormalize: w,
+    allowPartial: B,
+    disabled: H,
+    readOnly: J,
+    required: N,
+    name: S,
+    closeOnSelect: j,
+    clearable: q,
+    mode: c,
+    showFooter: L,
+    label: G,
+    hint: K,
+    error: M,
+    onInput: f,
+    onChange: d,
+    onValueChange: o,
+    onOpen: y,
+    onClose: b,
+    onInvalid: a,
+    children: W,
+    ...X
+  }, Y) {
+    const v = Z(null);
+    return $(Y, () => v.current), U(() => {
+      const t = v.current;
+      if (!t)
+        return;
+      const e = (i) => {
+        const l = i.detail;
+        l && (f == null || f(l));
+      }, r = (i) => {
+        const l = i.detail;
+        l && (d == null || d(l), o == null || o(l.value ? JSON.stringify(l.value) : null));
+      }, n = (i) => {
+        const l = i.detail;
+        l && (a == null || a(l));
+      };
+      return t.addEventListener("input", e), t.addEventListener("change", r), t.addEventListener("open", y), t.addEventListener("close", b), t.addEventListener("invalid", n), () => {
+        t.removeEventListener("input", e), t.removeEventListener("change", r), t.removeEventListener("open", y), t.removeEventListener("close", b), t.removeEventListener("invalid", n);
+      };
+    }, [f, d, o, y, b, a]), F(() => {
+      const t = v.current;
+      if (!t)
+        return;
+      const e = (n, i) => {
+        const l = t.getAttribute(n);
+        i == null ? l != null && t.removeAttribute(n) : l !== i && t.setAttribute(n, i);
+      }, r = (n, i) => {
+        i ? e(n, "") : e(n, null);
+      };
+      e("value", R ?? null), e("default-value", A ?? null), typeof m == "boolean" ? r("open", m) : e("open", null), r("default-open", T), e("min", k ?? null), e("max", D ?? null), e("locale", g ?? null), e("translations", z(P)), e("week-start", typeof E == "number" ? String(E) : null), e("size", u && u !== "md" ? u : null), r("bare", _), e("variant", s && s !== "default" ? s : null), e("step", typeof p == "number" ? String(p) : null), r("auto-normalize", w), r("allow-partial", B), r("disabled", H), r("readonly", J), r("required", N), e("name", S ?? null), r("close-on-select", j), r("clearable", q), e("mode", c && c !== "popover" ? c : null), e("show-footer", typeof L == "boolean" ? String(L) : null), e("label", G ?? null), e("hint", K ?? null), e("error", M ?? null);
+    }, [
+      R,
+      A,
+      m,
+      T,
+      k,
+      D,
+      g,
+      P,
+      E,
+      u,
+      _,
+      s,
+      p,
+      w,
+      B,
+      H,
+      J,
+      N,
+      S,
+      j,
+      q,
+      c,
+      L,
+      G,
+      K,
+      M
+    ]), Q.createElement("ui-date-range-time-picker", { ref: v, ...X }, W);
+  }
+);
+h.displayName = "DateRangeTimePicker";
+export {
+  h as DateRangeTimePicker,
+  h as default
+};

package/dist/DateTimePicker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),z=require("./_internals-b9f3e909.js"),x=s=>s&&s.__esModule?s:{default:s},Y=x(n),F=typeof window<"u"?n.useLayoutEffect:n.useEffect,P=Y.default.forwardRef(function({value:k,defaultValue:A,open:y,defaultOpen:R,min:M,max:q,locale:S,translations:j,weekStart:p,size:c,bare:w,variant:f,step:b,format:d,disabled:B,readOnly:H,required:N,name:G,closeOnSelect:J,clearable:K,allowInput:Q,mode:o,showFooter:_,label:U,hint:W,error:X,onInput:a,onChange:v,onValueChange:E,onOpen:T,onClose:D,onInvalid:m,children:Z,...$},g){const L=n.useRef(null);return n.useImperativeHandle(g,()=>L.current),n.useEffect(()=>{const t=L.current;if(!t)return;const e=i=>{const r=i.detail;r&&(a==null||a(r))},l=i=>{const r=i.detail;r&&(v==null||v(r),E==null||E(r.value))},u=i=>{const r=i.detail;r&&(m==null||m(r))};return t.addEventListener("input",e),t.addEventListener("change",l),t.addEventListener("open",T),t.addEventListener("close",D),t.addEventListener("invalid",u),()=>{t.removeEventListener("input",e),t.removeEventListener("change",l),t.removeEventListener("open",T),t.removeEventListener("close",D),t.removeEventListener("invalid",u)}},[a,v,E,T,D,m]),F(()=>{const t=L.current;if(!t)return;const e=(u,i)=>{const r=t.getAttribute(u);i==null?r!=null&&t.removeAttribute(u):r!==i&&t.setAttribute(u,i)},l=(u,i)=>{i?e(u,""):e(u,null)};e("value",k??null),e("default-value",A??null),typeof y=="boolean"?l("open",y):e("open",null),l("default-open",R),e("min",M??null),e("max",q??null),e("locale",S??null),e("translations",z.serializeTranslations(j)),e("week-start",typeof p=="number"?String(p):null),e("size",c&&c!=="md"?c:null),l("bare",w),e("variant",f&&f!=="default"?f:null),e("step",typeof b=="number"?String(b):null),e("format",d&&d!=="24h"?d:null),l("disabled",B),l("readonly",H),l("required",N),e("name",G??null),l("close-on-select",J),l("clearable",K),l("allow-input",Q),e("mode",o&&o!=="popover"?o:null),e("show-footer",typeof _=="boolean"?String(_):null),e("label",U??null),e("hint",W??null),e("error",X??null)},[k,A,y,R,M,q,S,j,p,c,w,f,b,d,B,H,N,G,J,K,Q,o,_,U,W,X]),Y.default.createElement("ui-date-time-picker",{ref:L,...$},Z)});P.displayName="DateTimePicker";exports.DateTimePicker=P;exports.default=P;