@editora/ui-react 0.1.10 → 0.1.11

package/dist/CommandPalette.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react"),M=require("./_internals-b9f3e909.js");function N(e){if(e&&e.__esModule)return e;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const a=N(A),k=typeof window<"u"?a.useLayoutEffect:a.useEffect,w=a.forwardRef(function({children:i,open:r,query:l,placeholder:u,emptyText:f,headless:I,onOpen:v,onClose:b,onOpenChange:s,onSelect:E,onQueryChange:y,...j},p){const P=a.useRef(null);return a.useImperativeHandle(p,()=>P.current),a.useEffect(()=>{M.warnIfElementNotRegistered("ui-command-palette","CommandPalette")},[]),a.useEffect(()=>{const t=P.current;if(!t)return;const c=o=>{const m=o.detail;m&&(E==null||E(m))},d=o=>{const m=o.detail;m&&(y==null||y(m))},n=()=>{v==null||v(),s==null||s({open:!0})},L=()=>{b==null||b(),s==null||s({open:!1})};return t.addEventListener("select",c),t.addEventListener("query-change",d),t.addEventListener("open",n),t.addEventListener("close",L),()=>{t.removeEventListener("select",c),t.removeEventListener("query-change",d),t.removeEventListener("open",n),t.removeEventListener("close",L)}},[b,v,s,y,E]),k(()=>{const t=P.current;if(!t)return;const c=(d,n,L=!0)=>{if(!L)return;const o=t.getAttribute(d);if(n==null){o!=null&&t.removeAttribute(d);return}o!==n&&t.setAttribute(d,n)};typeof r=="boolean"&&c("open",r?"":null),c("placeholder",u??null,u!==void 0),c("empty-text",f??null,f!==void 0),typeof l=="string"&&t.query!==l&&(t.query=l),typeof I=="boolean"&&c("headless",I?"":null)},[r,u,f,l,I]),a.createElement("ui-command-palette",{ref:P,...j},i)});w.displayName="CommandPalette";const _=a.forwardRef(function({value:i,label:r,keywords:l,...u},f){return a.createElement("div",{...u,ref:f,slot:"command","data-value":i,"data-label":r,"data-keywords":l,style:{display:"block",cursor:"pointer",...u.style||{}}})});_.displayName="CommandPalette.Item";const R=Object.assign(w,{Item:_});exports.CommandPalette=R;exports.CommandPaletteItem=_;exports.default=R;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react"),M=require("./_internals-5a21394b.js");function N(e){if(e&&e.__esModule)return e;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,l.get?l:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const a=N(A),k=typeof window<"u"?a.useLayoutEffect:a.useEffect,w=a.forwardRef(function({children:i,open:r,query:l,placeholder:u,emptyText:f,headless:I,onOpen:v,onClose:b,onOpenChange:s,onSelect:E,onQueryChange:y,...j},p){const P=a.useRef(null);return a.useImperativeHandle(p,()=>P.current),a.useEffect(()=>{M.warnIfElementNotRegistered("ui-command-palette","CommandPalette")},[]),a.useEffect(()=>{const t=P.current;if(!t)return;const c=o=>{const m=o.detail;m&&(E==null||E(m))},d=o=>{const m=o.detail;m&&(y==null||y(m))},n=()=>{v==null||v(),s==null||s({open:!0})},L=()=>{b==null||b(),s==null||s({open:!1})};return t.addEventListener("select",c),t.addEventListener("query-change",d),t.addEventListener("open",n),t.addEventListener("close",L),()=>{t.removeEventListener("select",c),t.removeEventListener("query-change",d),t.removeEventListener("open",n),t.removeEventListener("close",L)}},[b,v,s,y,E]),k(()=>{const t=P.current;if(!t)return;const c=(d,n,L=!0)=>{if(!L)return;const o=t.getAttribute(d);if(n==null){o!=null&&t.removeAttribute(d);return}o!==n&&t.setAttribute(d,n)};typeof r=="boolean"&&c("open",r?"":null),c("placeholder",u??null,u!==void 0),c("empty-text",f??null,f!==void 0),typeof l=="string"&&t.query!==l&&(t.query=l),typeof I=="boolean"&&c("headless",I?"":null)},[r,u,f,l,I]),a.createElement("ui-command-palette",{ref:P,...j},i)});w.displayName="CommandPalette";const _=a.forwardRef(function({value:i,label:r,keywords:l,...u},f){return a.createElement("div",{...u,ref:f,slot:"command","data-value":i,"data-label":r,"data-keywords":l,style:{display:"block",cursor:"pointer",...u.style||{}}})});_.displayName="CommandPalette.Item";const R=Object.assign(w,{Item:_});exports.CommandPalette=R;exports.CommandPaletteItem=_;exports.default=R;

package/dist/CommandPalette.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import * as e from "react";
-import { w as k } from "./_internals-f8fb69a8.mjs";
+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(() => {

package/dist/ContextMenu.cjs.js

@@ -1 +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

@@ -1,3 +1,4 @@
+'use client';
 import r, { useRef as _, useState as U, useEffect as K } from "react";
 import { createPortal as V } from "react-dom";
 function Y(z) {

package/dist/DataTable.cjs.js

@@ -1 +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

@@ -1,3 +1,4 @@
+'use client';
 import ie, { useRef as ae, useEffect as le } from "react";
 function se(I) {
   const {

package/dist/DateField.cjs.js

@@ -1 +1,2 @@
-"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;
+'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

@@ -1,62 +1,30 @@
-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]);
+'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 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);
+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);
   }
 );
-k.displayName = "DateField";
-q.displayName = "TimeField";
+x.displayName = "DateField";
+H.displayName = "TimeField";
 export {
-  k as DateField,
-  q as TimeField,
-  k as default
+  x as DateField,
+  H as TimeField,
+  x as default
 };

package/dist/DatePicker.cjs.js

@@ -1 +1,2 @@
-"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;
+'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

@@ -1,122 +1,109 @@
-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,
+'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: 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,
+  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: v,
-  onValueChange: y,
-  onOpen: _,
-  onClose: k,
-  onInvalid: p,
-  children: F,
+  onChange: p,
+  onValueChange: o,
+  onOpen: $,
+  onClose: z,
+  onInvalid: E,
+  children: V,
   ...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);
+}, 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);
   }, [
-    w,
-    B,
-    A,
+    D,
     H,
+    k,
     J,
+    L,
+    N,
     S,
     T,
-    g,
-    P,
+    A,
     c,
+    n,
+    g,
     f,
+    a,
     j,
-    s,
-    d,
     q,
-    D,
+    w,
+    x,
     G,
     K,
     Q,
+    e,
     U,
     W,
-    o,
     X,
     Y,
-    Z,
-    $,
-    E,
+    b,
+    P,
+    s,
     R,
-    i,
-    N,
-    a,
-    L,
-    z
-  ]), x.createElement("ui-date-picker", { ref: b, ...h }, F);
+    d,
+    y,
+    Z
+  ]), i.createElement("ui-date-picker", { ref: _, ...h }, V);
 });
-te.displayName = "DatePicker";
+rt.displayName = "DatePicker";
 export {
-  te as DatePicker,
-  te as default
+  rt as DatePicker,
+  rt as default
 };

package/dist/DateRangePicker.cjs.js

@@ -1 +1,2 @@
-"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;
+'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;

package/dist/DateRangePicker.esm.js

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