@okam/stack-ui 1.29.1 → 1.30.1

package/index200.mjs

@@ -1,10 +1,31 @@
-import { _class_apply_descriptor_get as s } from "./index202.mjs";
-import { _class_extract_field_descriptor as e } from "./index203.mjs";
-function a(r, t) {
-  var _ = e(r, t, "get");
-  return s(r, _);
+import { isIOS as i, getOwnerDocument as c, runAfterTransition as o } from "@react-aria/utils";
+let n = "default", s = "", l = /* @__PURE__ */ new WeakMap();
+function f(e) {
+  if (i()) {
+    if (n === "default") {
+      const t = c(e);
+      s = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
+    }
+    n = "disabled";
+  } else (e instanceof HTMLElement || e instanceof SVGElement) && (l.set(e, e.style.userSelect), e.style.userSelect = "none");
+}
+function m(e) {
+  if (i()) {
+    if (n !== "disabled") return;
+    n = "restoring", setTimeout(() => {
+      o(() => {
+        if (n === "restoring") {
+          const t = c(e);
+          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = s || ""), s = "", n = "default";
+        }
+      });
+    }, 300);
+  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && l.has(e)) {
+    let t = l.get(e);
+    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), l.delete(e);
+  }
 }
 export {
-  a as _,
-  a as _class_private_field_get
+  f as disableTextSelection,
+  m as restoreTextSelection
 };

package/index201.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index204.js"),i=require("./index203.js");function t(e,_,s){var r=i._class_extract_field_descriptor(e,_,"set");return c._class_apply_descriptor_set(e,r,s),s}exports._=t;exports._class_private_field_set=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({register:()=>{}});e.displayName="PressResponderContext";exports.PressResponderContext=e;

package/index201.mjs

@@ -1,10 +1,9 @@
-import { _class_apply_descriptor_set as o } from "./index204.mjs";
-import { _class_extract_field_descriptor as p } from "./index203.mjs";
-function a(r, s, t) {
-  var _ = p(r, s, "set");
-  return o(r, _, t), t;
-}
+import e from "react";
+const t = e.createContext({
+  register: () => {
+  }
+});
+t.displayName = "PressResponderContext";
 export {
-  a as _,
-  a as _class_private_field_set
+  t as PressResponderContext
 };

package/index202.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(l,e){return e.get?e.get.call(l):e.value}exports._=t;exports._class_apply_descriptor_get=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index204.js"),c=require("./index205.js");function t(e,_){var r=c._class_extract_field_descriptor(e,_,"get");return s._class_apply_descriptor_get(e,r)}exports._=t;exports._class_private_field_get=t;

package/index202.mjs

@@ -1,7 +1,10 @@
-function a(t, e) {
-  return e.get ? e.get.call(t) : e.value;
+import { _class_apply_descriptor_get as s } from "./index204.mjs";
+import { _class_extract_field_descriptor as e } from "./index205.mjs";
+function a(r, t) {
+  var _ = e(r, t, "get");
+  return s(r, _);
 }
 export {
   a as _,
-  a as _class_apply_descriptor_get
+  a as _class_private_field_get
 };

package/index203.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(t,e,o){if(!e.has(t))throw new TypeError("attempted to "+o+" private field on non-instance");return e.get(t)}exports._=r;exports._class_extract_field_descriptor=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index206.js"),i=require("./index205.js");function t(e,_,s){var r=i._class_extract_field_descriptor(e,_,"set");return c._class_apply_descriptor_set(e,r,s),s}exports._=t;exports._class_private_field_set=t;

package/index203.mjs

@@ -1,8 +1,10 @@
-function o(t, e, n) {
-  if (!e.has(t)) throw new TypeError("attempted to " + n + " private field on non-instance");
-  return e.get(t);
+import { _class_apply_descriptor_set as o } from "./index206.mjs";
+import { _class_extract_field_descriptor as p } from "./index205.mjs";
+function a(r, s, t) {
+  var _ = p(r, s, "set");
+  return o(r, _, t), t;
 }
 export {
-  o as _,
-  o as _class_extract_field_descriptor
+  a as _,
+  a as _class_private_field_set
 };

package/index204.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(a,e,t){if(e.set)e.set.call(a,t);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=t}}exports._=l;exports._class_apply_descriptor_set=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(l,e){return e.get?e.get.call(l):e.value}exports._=t;exports._class_apply_descriptor_get=t;

package/index204.mjs

@@ -1,12 +1,7 @@
-function l(a, e, t) {
-  if (e.set) e.set.call(a, t);
-  else {
-    if (!e.writable)
-      throw new TypeError("attempted to set read only private field");
-    e.value = t;
-  }
+function a(t, e) {
+  return e.get ? e.get.call(t) : e.value;
 }
 export {
-  l as _,
-  l as _class_apply_descriptor_set
+  a as _,
+  a as _class_apply_descriptor_get
 };

package/index205.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(t,e,o){if(!e.has(t))throw new TypeError("attempted to "+o+" private field on non-instance");return e.get(t)}exports._=r;exports._class_extract_field_descriptor=r;

package/index205.mjs

@@ -0,0 +1,8 @@
+function o(t, e, n) {
+  if (!e.has(t)) throw new TypeError("attempted to " + n + " private field on non-instance");
+  return e.get(t);
+}
+export {
+  o as _,
+  o as _class_extract_field_descriptor
+};

package/index206.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(a,e,t){if(e.set)e.set.call(a,t);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=t}}exports._=l;exports._class_apply_descriptor_set=l;

package/index206.mjs

@@ -0,0 +1,12 @@
+function l(a, e, t) {
+  if (e.set) e.set.call(a, t);
+  else {
+    if (!e.writable)
+      throw new TypeError("attempted to set read only private field");
+    e.value = t;
+  }
+}
+export {
+  l as _,
+  l as _class_apply_descriptor_set
+};

package/index21.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),O=require("@react-aria/focus"),A=require("radash"),H=require("react"),$=require("react-aria"),M=require("react-hook-form"),C=require("react-i18next"),h=require("./index64.js"),P=require("./index3.js"),p=r=>{const{id:s,label:d,name:t,placeholder:R,required:x,disabled:a=!1,errorMessage:n,ariaLabel:o,value:m,onBlur:i,onChange:b,fieldRef:l,themeName:c="textarea",tokens:T,customTheme:g}=r,f=H.useRef(null),{errorMessageProps:j,inputProps:v,labelProps:E}=$.useTextField(r,f),u={...T,isDisabled:a,isError:n!=null},F=h(`${c}.wrapper`,u,g),N=h(`${c}.input`,u,g),k=h(`${c}.label`,u,g),L=h(`${c}.container`,u,g);return e.jsxs("div",{children:[e.jsxs("div",{className:F,"aria-disabled":a,children:[d&&e.jsx("label",{className:k,...E,children:d}),e.jsx("div",{className:L,children:e.jsx(O.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx("textarea",{...v,ref:q=>{l==null||l(q),f.current=q},className:N,placeholder:R,disabled:a,required:x,id:s,name:t,"aria-label":o,"aria-labelledby":s,value:m,onBlur:i,onChange:b})})})]}),n&&e.jsx(P.default,{themeName:`${c}.errorMessage`,tokens:u,...j,children:n})]})},_=r=>{const{name:s,required:d,minLength:t=0,maxLength:R=99999999,validation:x}=r,{register:a,formState:n}=M.useFormContext(),o=M.get(n.errors,s),m=(o==null?void 0:o.message)??void 0,{t:i}=C.useTranslation("components"),{ref:b,...l}=a(s,{required:d?i("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:t,message:i("FORM.ERROR.MIN_LENGTH",{length:t})},maxLength:{value:R,message:i("FORM.ERROR.MAX_LENGTH",{length:t})},...x});return e.jsx(p,{fieldRef:b,...l,...r,isError:!A.isEmpty(m),errorMessage:m})};exports.ReactHookFormTextArea=_;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),O=require("@react-aria/focus"),$=require("radash"),A=require("react"),H=require("react-aria"),M=require("react-hook-form"),h=require("./index64.js"),C=require("./index72.js"),P=require("./index3.js"),T=r=>{const{id:s,label:d,name:a,placeholder:R,required:x,disabled:t=!1,errorMessage:n,ariaLabel:o,value:m,onBlur:i,onChange:b,fieldRef:l,themeName:c="textarea",tokens:j,customTheme:g}=r,f=A.useRef(null),{errorMessageProps:p,inputProps:v,labelProps:E}=H.useTextField(r,f),u={...j,isDisabled:t,isError:n!=null},F=h(`${c}.wrapper`,u,g),N=h(`${c}.input`,u,g),k=h(`${c}.label`,u,g),L=h(`${c}.container`,u,g);return e.jsxs("div",{children:[e.jsxs("div",{className:F,"aria-disabled":t,children:[d&&e.jsx("label",{className:k,...E,children:d}),e.jsx("div",{className:L,children:e.jsx(O.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx("textarea",{...v,ref:q=>{l==null||l(q),f.current=q},className:N,placeholder:R,disabled:t,required:x,id:s,name:a,"aria-label":o,"aria-labelledby":s,value:m,onBlur:i,onChange:b})})})]}),n&&e.jsx(P.default,{themeName:`${c}.errorMessage`,tokens:u,...p,children:n})]})},_=r=>{const{name:s,required:d,minLength:a=0,maxLength:R=99999999,validation:x}=r,{register:t,formState:n}=M.useFormContext(),o=M.get(n.errors,s),m=(o==null?void 0:o.message)??void 0,{t:i}=C.useTranslation(),{ref:b,...l}=t(s,{required:d?i("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:a,message:i("FORM.ERROR.MIN_LENGTH",{length:a})},maxLength:{value:R,message:i("FORM.ERROR.MAX_LENGTH",{length:a})},...x});return e.jsx(T,{fieldRef:b,...l,...r,isError:!$.isEmpty(m),errorMessage:m})};exports.ReactHookFormTextArea=_;exports.default=T;

package/index21.mjs

@@ -5,15 +5,15 @@ import { isEmpty as $ } from "radash";
 import { useRef as q } from "react";
 import { useTextField as y } from "react-aria";
 import { useFormContext as A, get as H } from "react-hook-form";
-import { useTranslation as P } from "react-i18next";
-import g from "./index64.mjs";
+import h from "./index64.mjs";
+import { useTranslation as P } from "./index72.mjs";
 import j from "./index3.mjs";
 const w = (r) => {
   const {
     id: s,
     label: u,
     name: a,
-    placeholder: h,
+    placeholder: p,
     required: f,
     disabled: t = !1,
     errorMessage: o,
@@ -24,8 +24,8 @@ const w = (r) => {
     fieldRef: l,
     themeName: m = "textarea",
     tokens: E,
-    customTheme: p
-  } = r, b = q(null), { errorMessageProps: M, inputProps: N, labelProps: v } = y(r, b), c = { ...E, isDisabled: t, isError: o != null }, F = g(`${m}.wrapper`, c, p), L = g(`${m}.input`, c, p), O = g(`${m}.label`, c, p), k = g(`${m}.container`, c, p);
+    customTheme: g
+  } = r, b = q(null), { errorMessageProps: M, inputProps: N, labelProps: v } = y(r, b), c = { ...E, isDisabled: t, isError: o != null }, F = h(`${m}.wrapper`, c, g), L = h(`${m}.input`, c, g), O = h(`${m}.label`, c, g), k = h(`${m}.container`, c, g);
   return /* @__PURE__ */ T("div", { children: [
     /* @__PURE__ */ T("div", { className: F, "aria-disabled": t, children: [
       u && /* @__PURE__ */ e("label", { className: O, ...v, children: u }),
@@ -37,7 +37,7 @@ const w = (r) => {
             l == null || l(x), b.current = x;
           },
           className: L,
-          placeholder: h,
+          placeholder: p,
           disabled: t,
           required: f,
           id: s,
@@ -53,14 +53,14 @@ const w = (r) => {
     o && /* @__PURE__ */ e(j, { themeName: `${m}.errorMessage`, tokens: c, ...M, children: o })
   ] });
 }, z = (r) => {
-  const { name: s, required: u, minLength: a = 0, maxLength: h = 99999999, validation: f } = r, { register: t, formState: o } = A(), n = H(o.errors, s), d = (n == null ? void 0 : n.message) ?? void 0, { t: i } = P("components"), { ref: R, ...l } = t(s, {
+  const { name: s, required: u, minLength: a = 0, maxLength: p = 99999999, validation: f } = r, { register: t, formState: o } = A(), n = H(o.errors, s), d = (n == null ? void 0 : n.message) ?? void 0, { t: i } = P(), { ref: R, ...l } = t(s, {
     required: u ? i("FORM.ERROR.REQUIRED") ?? "required" : !1,
     minLength: {
       value: a,
       message: i("FORM.ERROR.MIN_LENGTH", { length: a })
     },
     maxLength: {
-      value: h,
+      value: p,
       message: i("FORM.ERROR.MAX_LENGTH", { length: a })
     },
     ...f

package/index22.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),L=require("@react-aria/focus"),O=require("react"),P=require("react-aria"),f=require("react-hook-form"),y=require("react-i18next"),m=require("./index64.js"),H=require("./index3.js"),M=t=>{const{label:n,isRequired:u=!1,isDisabled:a=!1,required:i,disabled:R,errorMessage:o,fieldRef:l,children:g,themeName:e="textInput",tokens:b,customTheme:s,ariaLabel:h}=t,d=i??u,p=R??a,q=O.useRef(null),{errorMessageProps:j,inputProps:F,labelProps:v}=P.useTextField({"aria-label":h,...t,isRequired:d,isDisabled:p},q),{"aria-labelledby":D,...N}={...F,required:d,disabled:p},c={...b,isDisabled:a,isRequired:u,isError:!!o},T=m(`${e}.wrapper`,c,s),k=m(`${e}.label`,c,s),E=m(`${e}.input`,c,s),I=m(`${e}.container`,c,s);return r.jsxs("div",{children:[r.jsx(L.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("div",{"aria-disabled":a,className:T,children:[n&&r.jsx("label",{className:k,...v,children:n}),r.jsxs("div",{className:I,children:[g,r.jsx("input",{...N,className:E,ref:x=>{l==null||l(x),q.current=x}})]})]})}),o&&r.jsx(H.default,{themeName:`${e}.errorMessage`,tokens:c,...j,children:o})]})},$=t=>{const{name:n,required:u,isRequired:a,minLength:i=0,maxLength:R=99999999,validation:o}=t,{register:l,formState:g}=f.useFormContext(),e=f.get(g.errors,n),b=(e==null?void 0:e.message)??void 0,{t:s}=y.useTranslation("components"),{ref:h,...d}=l(n,{required:u??a?s("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:i,message:s("FORM.ERROR.MIN_LENGTH",{length:i})},maxLength:{value:R,message:s("FORM.ERROR.MAX_LENGTH",{length:i})},...o});return r.jsx(M,{fieldRef:h,...d,...t,errorMessage:b})};exports.ReactHookFormInput=$;exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),I=require("@react-aria/focus"),O=require("react"),P=require("react-aria"),f=require("react-hook-form"),m=require("./index64.js"),$=require("./index72.js"),y=require("./index3.js"),M=t=>{const{label:n,isRequired:u=!1,isDisabled:a=!1,required:i,disabled:R,errorMessage:o,fieldRef:l,children:g,themeName:e="textInput",tokens:b,customTheme:s,ariaLabel:h}=t,d=i??u,p=R??a,q=O.useRef(null),{errorMessageProps:j,inputProps:F,labelProps:v}=P.useTextField({"aria-label":h,...t,isRequired:d,isDisabled:p},q),{"aria-labelledby":D,...N}={...F,required:d,disabled:p},c={...b,isDisabled:a,isRequired:u,isError:!!o},T=m(`${e}.wrapper`,c,s),k=m(`${e}.label`,c,s),E=m(`${e}.input`,c,s),L=m(`${e}.container`,c,s);return r.jsxs("div",{children:[r.jsx(I.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("div",{"aria-disabled":a,className:T,children:[n&&r.jsx("label",{className:k,...v,children:n}),r.jsxs("div",{className:L,children:[g,r.jsx("input",{...N,className:E,ref:x=>{l==null||l(x),q.current=x}})]})]})}),o&&r.jsx(y.default,{themeName:`${e}.errorMessage`,tokens:c,...j,children:o})]})},H=t=>{const{name:n,required:u,isRequired:a,minLength:i=0,maxLength:R=99999999,validation:o}=t,{register:l,formState:g}=f.useFormContext(),e=f.get(g.errors,n),b=(e==null?void 0:e.message)??void 0,{t:s}=$.useTranslation(),{ref:h,...d}=l(n,{required:u??a?s("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:i,message:s("FORM.ERROR.MIN_LENGTH",{length:i})},maxLength:{value:R,message:s("FORM.ERROR.MAX_LENGTH",{length:i})},...o});return r.jsx(M,{fieldRef:h,...d,...t,errorMessage:b})};exports.ReactHookFormInput=H;exports.default=M;

package/index22.mjs

@@ -4,8 +4,8 @@ import { FocusRing as I } from "@react-aria/focus";
 import { useRef as O } from "react";
 import { useTextField as k } from "react-aria";
 import { useFormContext as P, get as $ } from "react-hook-form";
-import { useTranslation as C } from "react-i18next";
 import d from "./index64.mjs";
+import { useTranslation as C } from "./index72.mjs";
 import D from "./index3.mjs";
 const w = (s) => {
   const {
@@ -50,7 +50,7 @@ const w = (s) => {
     n && /* @__PURE__ */ c(D, { themeName: `${e}.errorMessage`, tokens: l, ...T, children: n })
   ] });
 }, X = (s) => {
-  const { name: t, required: m, isRequired: a, minLength: i = 0, maxLength: p = 99999999, validation: n } = s, { register: o, formState: g } = P(), e = $(g.errors, t), R = (e == null ? void 0 : e.message) ?? void 0, { t: r } = C("components"), { ref: h, ...u } = o(t, {
+  const { name: t, required: m, isRequired: a, minLength: i = 0, maxLength: p = 99999999, validation: n } = s, { register: o, formState: g } = P(), e = $(g.errors, t), R = (e == null ? void 0 : e.message) ?? void 0, { t: r } = C(), { ref: h, ...u } = o(t, {
     required: m ?? a ? r("FORM.ERROR.REQUIRED") ?? "required" : !1,
     minLength: {
       value: i,

package/index23.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),D=require("@react-aria/datepicker"),g=require("@react-stately/datepicker"),k=require("react"),o=require("./index64.js"),R=require("./index6.js"),T=require("./index26.js"),F=require("./index111.js"),S=require("./index14.js"),w=require("./index112.js"),x=require("./index113.js");function C({popoverPlacement:p="bottom start",tokens:r,customTheme:y,themeName:s="datePicker",icon:j="ArrowDown",description:c,buttonLabel:a,...n}){const i=g.useDatePickerState({...n}),t=k.useRef(null),{groupProps:P,fieldProps:d,labelProps:h,descriptionProps:q,buttonProps:l,dialogProps:v,calendarProps:$}=D.useDatePicker({...n},i,t),{label:u}={...n},m=o(`${s}.container`,r),b=o(`${s}.dateField`,r),f=o(`${s}.label`,r);return e.jsxs("div",{className:m,children:[u&&e.jsx("span",{...h,children:u}),c&&e.jsx("div",{...q,children:c}),e.jsx("div",{...P,ref:t,children:e.jsxs(R.default,{themeName:`${s}.button`,tokens:{...r},type:"button",...l,handlePress:l.onPress,children:[a&&e.jsx("p",{className:f,children:a}),e.jsxs("div",{className:b,children:[e.jsx(x,{...d}),i.validationState==="invalid"&&"❌"]}),e.jsx(S,{themeName:`${s}.icon`,tokens:{...r},icon:j})]})}),i.isOpen&&e.jsx(w.CalendarPopover,{triggerRef:t,state:i,placement:p,children:e.jsxs(F.Dialog,{...v,children:[e.jsxs("div",{children:[e.jsx(x,{...d}),i.validationState==="invalid"&&"❌"]}),e.jsx(T,{...$})]})})]})}module.exports=C;
+"use strict";const e=require("react/jsx-runtime"),D=require("@react-aria/datepicker"),g=require("@react-stately/datepicker"),k=require("react"),o=require("./index64.js"),T=require("./index25.js"),R=require("./index6.js"),w=require("./index26.js"),F=require("./index112.js"),C=require("./index14.js"),I=require("./index113.js"),x=require("./index114.js");function A({popoverPlacement:p="bottom start",tokens:r,customTheme:N,themeName:s="datePicker",icon:h="ArrowDown",description:t,buttonLabel:d,...n}){const i=g.useDatePickerState({...n}),c=k.useRef(null),{groupProps:j,fieldProps:a,labelProps:P,descriptionProps:q,buttonProps:l,dialogProps:$,calendarProps:m}=D.useDatePicker({...n},i,c),{label:u}={...n},v=o(`${s}.container`,r),f=o(`${s}.dateField`,r),b=o(`${s}.label`,r);return e.jsxs("div",{className:v,children:[u&&e.jsx("span",{...P,children:u}),t&&e.jsx("div",{...q,children:t}),e.jsx("div",{...j,ref:c,children:e.jsxs(T.default,{themeName:`${s}.wrapper`,tokens:{...r},children:[d&&e.jsx("p",{className:b,children:d}),e.jsxs("div",{className:f,children:[e.jsx(x,{...a}),i.isInvalid&&"❌"]}),e.jsx(R.default,{...l,themeName:`${s}.button`,tokens:{...r},customTheme:"border-none p-0",handlePress:l.onPress,children:e.jsx(C,{themeName:`${s}.icon`,tokens:{...r},icon:h})})]})}),i.isOpen&&e.jsx(I.CalendarPopover,{triggerRef:c,state:i,placement:p,children:e.jsxs(F.Dialog,{...$,children:[e.jsxs("div",{children:[e.jsx(x,{...a}),i.isInvalid&&"❌"]}),e.jsx(w,{...m})]})})]})}module.exports=A;

package/index23.mjs

@@ -1,56 +1,57 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { useDatePicker as C } from "@react-aria/datepicker";
-import { useDatePickerState as F } from "@react-stately/datepicker";
-import { useRef as S } from "react";
-import l from "./index64.mjs";
+import { useDatePickerState as w } from "@react-stately/datepicker";
+import { useRef as F } from "react";
+import s from "./index64.mjs";
+import I from "./index25.mjs";
 import j from "./index6.mjs";
 import k from "./index26.mjs";
-import { Dialog as w } from "./index111.mjs";
+import { Dialog as B } from "./index112.mjs";
 import R from "./index14.mjs";
-import { CalendarPopover as y } from "./index112.mjs";
-import f from "./index113.mjs";
-function M({
+import { CalendarPopover as A } from "./index113.mjs";
+import f from "./index114.mjs";
+function U({
   popoverPlacement: h = "bottom start",
-  tokens: r,
-  customTheme: A,
+  tokens: e,
+  customTheme: N,
   themeName: o = "datePicker",
   icon: P = "ArrowDown",
-  description: s,
+  description: a,
   buttonLabel: c,
   ...n
 }) {
-  const t = F({ ...n }), a = S(null), { groupProps: u, fieldProps: d, labelProps: v, descriptionProps: D, buttonProps: m, dialogProps: b, calendarProps: g } = C({ ...n }, t, a), { label: p } = { ...n }, T = l(`${o}.container`, r), $ = l(`${o}.dateField`, r), x = l(`${o}.label`, r);
-  return /* @__PURE__ */ i("div", { className: T, children: [
-    p && /* @__PURE__ */ e("span", { ...v, children: p }),
-    s && /* @__PURE__ */ e("div", { ...D, children: s }),
-    /* @__PURE__ */ e("div", { ...u, ref: a, children: /* @__PURE__ */ i(
-      j,
-      {
-        themeName: `${o}.button`,
-        tokens: { ...r },
-        type: "button",
-        ...m,
-        handlePress: m.onPress,
-        children: [
-          c && /* @__PURE__ */ e("p", { className: x, children: c }),
-          /* @__PURE__ */ i("div", { className: $, children: [
-            /* @__PURE__ */ e(f, { ...d }),
-            t.validationState === "invalid" && "❌"
-          ] }),
-          /* @__PURE__ */ e(R, { themeName: `${o}.icon`, tokens: { ...r }, icon: P })
-        ]
-      }
-    ) }),
-    t.isOpen && /* @__PURE__ */ e(y, { triggerRef: a, state: t, placement: h, children: /* @__PURE__ */ i(w, { ...b, children: [
-      /* @__PURE__ */ i("div", { children: [
-        /* @__PURE__ */ e(f, { ...d }),
-        t.validationState === "invalid" && "❌"
+  const i = w({ ...n }), l = F(null), { groupProps: u, fieldProps: m, labelProps: v, descriptionProps: D, buttonProps: d, dialogProps: b, calendarProps: T } = C({ ...n }, i, l), { label: p } = { ...n }, $ = s(`${o}.container`, e), g = s(`${o}.dateField`, e), x = s(`${o}.label`, e);
+  return /* @__PURE__ */ t("div", { className: $, children: [
+    p && /* @__PURE__ */ r("span", { ...v, children: p }),
+    a && /* @__PURE__ */ r("div", { ...D, children: a }),
+    /* @__PURE__ */ r("div", { ...u, ref: l, children: /* @__PURE__ */ t(I, { themeName: `${o}.wrapper`, tokens: { ...e }, children: [
+      c && /* @__PURE__ */ r("p", { className: x, children: c }),
+      /* @__PURE__ */ t("div", { className: g, children: [
+        /* @__PURE__ */ r(f, { ...m }),
+        i.isInvalid && "❌"
       ] }),
-      /* @__PURE__ */ e(k, { ...g })
+      /* @__PURE__ */ r(
+        j,
+        {
+          ...d,
+          themeName: `${o}.button`,
+          tokens: { ...e },
+          customTheme: "border-none p-0",
+          handlePress: d.onPress,
+          children: /* @__PURE__ */ r(R, { themeName: `${o}.icon`, tokens: { ...e }, icon: P })
+        }
+      )
+    ] }) }),
+    i.isOpen && /* @__PURE__ */ r(A, { triggerRef: l, state: i, placement: h, children: /* @__PURE__ */ t(B, { ...b, children: [
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ r(f, { ...m }),
+        i.isInvalid && "❌"
+      ] }),
+      /* @__PURE__ */ r(k, { ...T })
     ] }) })
   ] });
 }
 export {
-  M as default
+  U as default
 };

package/index24.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),$=require("@react-aria/datepicker"),N=require("@react-stately/datepicker"),D=require("react"),o=require("./index64.js"),f=require("./index6.js"),F=require("./index114.js"),C=require("./index111.js"),S=require("./index14.js"),T=require("./index112.js"),r=require("./index113.js");function w(i){const s=N.useDateRangePickerState(i),a=D.useRef(null),{labelProps:j,descriptionProps:P,groupProps:m,startFieldProps:c,endFieldProps:l,buttonProps:d,dialogProps:v,calendarProps:q}=$.useDateRangePicker(i,s,a),{label:u,buttonLabel:x,description:p,themeName:n="datePicker",tokens:t,popoverPlacement:k,icon:b}=i,g=o(`${n}.container`,t),h=o(`${n}.dateField`,t),R=o(`${n}.label`,t);return e.jsxs("div",{className:g,children:[u&&e.jsx("span",{...j,children:u}),p&&e.jsx("div",{...P,children:p}),e.jsx("div",{...m,ref:a,children:e.jsxs(f.default,{themeName:`${n}.button`,tokens:{...t},type:"button",...d,handlePress:d.onPress,children:[x&&e.jsx("p",{className:R,children:x}),e.jsxs("div",{className:h,children:[e.jsx(r,{...c})," -",e.jsx(r,{...l}),s.validationState==="invalid"&&"❌"]}),e.jsx(S,{themeName:`${n}.icon`,tokens:{...t},icon:b??"ArrowDown"})]})}),s.isOpen&&e.jsx(T.CalendarPopover,{triggerRef:a,state:s,placement:k,children:e.jsxs(C.Dialog,{...v,children:[e.jsxs("div",{className:h,children:[e.jsx(r,{...c})," -",e.jsx(r,{...l}),s.validationState==="invalid"&&"❌"]}),e.jsx(F,{...q})]})})]})}module.exports=w;
+"use strict";const e=require("react/jsx-runtime"),N=require("@react-aria/datepicker"),R=require("@react-stately/datepicker"),f=require("react"),a=require("./index64.js"),D=require("./index25.js"),F=require("./index6.js"),w=require("./index115.js"),C=require("./index112.js"),T=require("./index14.js"),I=require("./index113.js"),t=require("./index114.js");function y(i){const r=R.useDateRangePickerState(i),o=f.useRef(null),{labelProps:j,descriptionProps:m,groupProps:P,startFieldProps:c,endFieldProps:l,buttonProps:d,dialogProps:q,calendarProps:k}=N.useDateRangePicker(i,r,o),{label:u,buttonLabel:x,description:p,themeName:s="datePicker",tokens:n,popoverPlacement:v,icon:$}=i,b=a(`${s}.container`,n),h=a(`${s}.dateField`,n),g=a(`${s}.label`,n);return e.jsxs("div",{className:b,children:[u&&e.jsx("span",{...j,children:u}),p&&e.jsx("div",{...m,children:p}),e.jsx("div",{...P,ref:o,children:e.jsxs(D.default,{themeName:`${s}.wrapper`,tokens:{...n},children:[x&&e.jsx("p",{className:g,children:x}),e.jsxs("div",{className:h,children:[e.jsx(t,{...c})," -",e.jsx(t,{...l}),r.isInvalid&&"❌"]}),e.jsx(F.default,{themeName:`${s}.button`,tokens:{...n},type:"button",...d,handlePress:d.onPress,children:e.jsx(T,{themeName:`${s}.icon`,tokens:{...n},icon:$??"ArrowDown"})})]})}),r.isOpen&&e.jsx(I.CalendarPopover,{triggerRef:o,state:r,placement:v,children:e.jsxs(C.Dialog,{...q,children:[e.jsxs("div",{className:h,children:[e.jsx(t,{...c})," -",e.jsx(t,{...l}),r.isInvalid&&"❌"]}),e.jsx(w,{...k})]})})]})}module.exports=y;

package/index24.mjs

@@ -1,60 +1,61 @@
 "use client";
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useDateRangePicker as $ } from "@react-aria/datepicker";
-import { useDateRangePickerState as x } from "@react-stately/datepicker";
-import { useRef as T } from "react";
-import s from "./index64.mjs";
-import C from "./index6.mjs";
-import S from "./index114.mjs";
-import { Dialog as j } from "./index111.mjs";
-import w from "./index14.mjs";
-import { CalendarPopover as y } from "./index112.mjs";
-import i from "./index113.mjs";
-function K(a) {
-  const t = x(a), l = T(null), {
+import { useDateRangePicker as x } from "@react-aria/datepicker";
+import { useDateRangePickerState as F } from "@react-stately/datepicker";
+import { useRef as C } from "react";
+import m from "./index64.mjs";
+import T from "./index25.mjs";
+import w from "./index6.mjs";
+import I from "./index115.mjs";
+import { Dialog as j } from "./index112.mjs";
+import B from "./index14.mjs";
+import { CalendarPopover as y } from "./index113.mjs";
+import i from "./index114.mjs";
+function Q(a) {
+  const t = F(a), s = C(null), {
     labelProps: u,
-    descriptionProps: v,
-    groupProps: b,
-    startFieldProps: c,
-    endFieldProps: m,
+    descriptionProps: b,
+    groupProps: g,
+    startFieldProps: l,
+    endFieldProps: c,
     buttonProps: d,
-    dialogProps: g,
+    dialogProps: v,
     calendarProps: k
-  } = $(a, t, l), { label: p, buttonLabel: h, description: f, themeName: o = "datePicker", tokens: r, popoverPlacement: D, icon: N } = a, R = s(`${o}.container`, r), P = s(`${o}.dateField`, r), F = s(`${o}.label`, r);
+  } = x(a, t, s), { label: p, buttonLabel: h, description: f, themeName: o = "datePicker", tokens: r, popoverPlacement: N, icon: D } = a, R = m(`${o}.container`, r), P = m(`${o}.dateField`, r), $ = m(`${o}.label`, r);
   return /* @__PURE__ */ n("div", { className: R, children: [
     p && /* @__PURE__ */ e("span", { ...u, children: p }),
-    f && /* @__PURE__ */ e("div", { ...v, children: f }),
-    /* @__PURE__ */ e("div", { ...b, ref: l, children: /* @__PURE__ */ n(
-      C,
-      {
-        themeName: `${o}.button`,
-        tokens: { ...r },
-        type: "button",
-        ...d,
-        handlePress: d.onPress,
-        children: [
-          h && /* @__PURE__ */ e("p", { className: F, children: h }),
-          /* @__PURE__ */ n("div", { className: P, children: [
-            /* @__PURE__ */ e(i, { ...c }),
-            " -",
-            /* @__PURE__ */ e(i, { ...m }),
-            t.validationState === "invalid" && "❌"
-          ] }),
-          /* @__PURE__ */ e(w, { themeName: `${o}.icon`, tokens: { ...r }, icon: N ?? "ArrowDown" })
-        ]
-      }
-    ) }),
-    t.isOpen && /* @__PURE__ */ e(y, { triggerRef: l, state: t, placement: D, children: /* @__PURE__ */ n(j, { ...g, children: [
+    f && /* @__PURE__ */ e("div", { ...b, children: f }),
+    /* @__PURE__ */ e("div", { ...g, ref: s, children: /* @__PURE__ */ n(T, { themeName: `${o}.wrapper`, tokens: { ...r }, children: [
+      h && /* @__PURE__ */ e("p", { className: $, children: h }),
       /* @__PURE__ */ n("div", { className: P, children: [
+        /* @__PURE__ */ e(i, { ...l }),
+        " -",
         /* @__PURE__ */ e(i, { ...c }),
+        t.isInvalid && "❌"
+      ] }),
+      /* @__PURE__ */ e(
+        w,
+        {
+          themeName: `${o}.button`,
+          tokens: { ...r },
+          type: "button",
+          ...d,
+          handlePress: d.onPress,
+          children: /* @__PURE__ */ e(B, { themeName: `${o}.icon`, tokens: { ...r }, icon: D ?? "ArrowDown" })
+        }
+      )
+    ] }) }),
+    t.isOpen && /* @__PURE__ */ e(y, { triggerRef: s, state: t, placement: N, children: /* @__PURE__ */ n(j, { ...v, children: [
+      /* @__PURE__ */ n("div", { className: P, children: [
+        /* @__PURE__ */ e(i, { ...l }),
         " -",
-        /* @__PURE__ */ e(i, { ...m }),
-        t.validationState === "invalid" && "❌"
+        /* @__PURE__ */ e(i, { ...c }),
+        t.isInvalid && "❌"
       ] }),
-      /* @__PURE__ */ e(S, { ...k })
+      /* @__PURE__ */ e(I, { ...k })
     ] }) })
   ] });
 }
 export {
-  K as default
+  Q as default
 };

package/index26.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),g=require("./index115.js"),m=require("@react-aria/calendar"),P=require("@react-aria/i18n"),R=require("@react-stately/calendar"),T=require("react"),c=require("./index64.js"),u=require("./index6.js"),h=require("./index14.js"),p=require("./index3.js"),w=require("./index116.js");function y({buttons:n,tokens:r,customTheme:A,themeName:a="calendar",...t}){var d,l;const{locale:x}=P.useLocale(),o=R.useCalendarState({...t,locale:x,createCalendar:g.createCalendar}),q=T.useRef(null),{calendarProps:j,prevButtonProps:s,nextButtonProps:i,title:C}=m.useCalendar({...t},o),$=c(`${a}.container`,r),f=c(`${a}.header`,r),v=c(`${a}.navigationButtonsContainer`,r);return e.jsxs("div",{...j,ref:q,className:$,children:[e.jsxs("div",{className:f,children:[e.jsx(p.default,{as:"p",tokens:{size:"h6"},children:C}),e.jsxs("div",{className:v,children:[e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...s,handlePress:s==null?void 0:s.onPress,children:e.jsx(h,{icon:((d=n==null?void 0:n.buttonPrev)==null?void 0:d.icon)??"ArrowLeft"})}),e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...i,handlePress:i==null?void 0:i.onPress,children:e.jsx(h,{icon:((l=n==null?void 0:n.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})]}),e.jsx(w,{state:o})]})}module.exports=y;
+"use strict";const e=require("react/jsx-runtime"),m=require("./index116.js"),P=require("@react-aria/calendar"),R=require("@react-aria/i18n"),p=require("@react-stately/calendar"),y=require("react"),c=require("./index64.js"),u=require("./index6.js"),h=require("./index14.js"),N=require("./index3.js"),T=require("./index117.js");function x({buttons:n,tokens:r,customTheme:w,themeName:a="calendar",...t}){var d,l;const{locale:q}=R.useLocale(),o=p.useCalendarState({...t,locale:q,createCalendar:m.createCalendar}),j=y.useRef(null),{calendarProps:C,prevButtonProps:s,nextButtonProps:i,title:$}=P.useCalendar({...t},o),f=c(`${a}.container`,r),v=c(`${a}.header`,r),g=c(`${a}.navigationButtonsContainer`,r);return e.jsxs("div",{...C,ref:j,className:f,children:[e.jsxs("div",{className:v,children:[e.jsx(N.default,{as:"p",tokens:{size:"h6"},children:$}),e.jsxs("div",{className:g,children:[e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...s,handlePress:s==null?void 0:s.onPress,children:e.jsx(h,{icon:((d=n==null?void 0:n.buttonPrev)==null?void 0:d.icon)??"ArrowLeft"})}),e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...i,handlePress:i==null?void 0:i.onPress,children:e.jsx(h,{icon:((l=n==null?void 0:n.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})]}),e.jsx(T,{state:o})]})}x.displayName="Calendar";module.exports=x;

package/index26.mjs

@@ -1,53 +1,60 @@
 "use client";
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { createCalendar as T } from "./index115.mjs";
-import { useCalendar as y } from "@react-aria/calendar";
+import { createCalendar as y } from "./index116.mjs";
+import { useCalendar as T } from "@react-aria/calendar";
 import { useLocale as P } from "@react-aria/i18n";
 import { useCalendarState as B } from "@react-stately/calendar";
-import { useRef as j } from "react";
+import { useRef as N } from "react";
 import c from "./index64.mjs";
-import f from "./index6.mjs";
-import p from "./index14.mjs";
-import w from "./index3.mjs";
-import A from "./index116.mjs";
-function J({ buttons: e, tokens: o, customTheme: L, themeName: a = "calendar", ...s }) {
+import p from "./index6.mjs";
+import f from "./index14.mjs";
+import j from "./index3.mjs";
+import w from "./index117.mjs";
+function A({
+  buttons: e,
+  tokens: a,
+  customTheme: L,
+  themeName: o = "calendar",
+  ...s
+}) {
   var l, m;
   const { locale: h } = P(), d = B({
     ...s,
     locale: h,
-    createCalendar: T
-  }), C = j(null), { calendarProps: u, prevButtonProps: n, nextButtonProps: i, title: $ } = y({ ...s }, d), v = c(`${a}.container`, o), g = c(`${a}.header`, o), x = c(`${a}.navigationButtonsContainer`, o);
+    createCalendar: y
+  }), C = N(null), { calendarProps: u, prevButtonProps: n, nextButtonProps: i, title: $ } = T({ ...s }, d), v = c(`${o}.container`, a), g = c(`${o}.header`, a), x = c(`${o}.navigationButtonsContainer`, a);
   return /* @__PURE__ */ t("div", { ...u, ref: C, className: v, children: [
     /* @__PURE__ */ t("div", { className: g, children: [
-      /* @__PURE__ */ r(w, { as: "p", tokens: { size: "h6" }, children: $ }),
+      /* @__PURE__ */ r(j, { as: "p", tokens: { size: "h6" }, children: $ }),
       /* @__PURE__ */ t("div", { className: x, children: [
         /* @__PURE__ */ r(
-          f,
+          p,
           {
-            themeName: `${a}.navigationButtons`,
-            tokens: { ...o },
+            themeName: `${o}.navigationButtons`,
+            tokens: { ...a },
             type: "button",
             ...n,
             handlePress: n == null ? void 0 : n.onPress,
-            children: /* @__PURE__ */ r(p, { icon: ((l = e == null ? void 0 : e.buttonPrev) == null ? void 0 : l.icon) ?? "ArrowLeft" })
+            children: /* @__PURE__ */ r(f, { icon: ((l = e == null ? void 0 : e.buttonPrev) == null ? void 0 : l.icon) ?? "ArrowLeft" })
           }
         ),
         /* @__PURE__ */ r(
-          f,
+          p,
           {
-            themeName: `${a}.navigationButtons`,
-            tokens: { ...o },
+            themeName: `${o}.navigationButtons`,
+            tokens: { ...a },
             type: "button",
             ...i,
             handlePress: i == null ? void 0 : i.onPress,
-            children: /* @__PURE__ */ r(p, { icon: ((m = e == null ? void 0 : e.buttonNext) == null ? void 0 : m.icon) ?? "ArrowRight" })
+            children: /* @__PURE__ */ r(f, { icon: ((m = e == null ? void 0 : e.buttonNext) == null ? void 0 : m.icon) ?? "ArrowRight" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ r(A, { state: d })
+    /* @__PURE__ */ r(w, { state: d })
   ] });
 }
+A.displayName = "Calendar";
 export {
-  J as default
+  A as default
 };

package/index27.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index117.js"),d=require("./index118.js"),u=require("./index119.js"),x=s=>{const{children:o,transitionComponent:a=l,state:n,themeName:r,tokens:t,...i}=s;return e.jsx(c.OverlayContainer,{children:e.jsx(a,{isVisible:n.isOpen,children:e.jsx(u,{themeName:r,tokens:t,state:n,...i,children:e.jsx(d,{themeName:r,tokens:t,...i,children:o})})})})};module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index118.js"),d=require("./index119.js"),u=require("./index120.js"),m=s=>{const{children:o,transitionComponent:a=l,state:r,themeName:n,tokens:t,...i}=s;return e.jsx(c.OverlayContainer,{children:e.jsx(a,{themeName:`${n}.transition`,isVisible:r.isOpen,children:e.jsx(u,{themeName:n,tokens:t,state:r,...i,children:e.jsx(d,{themeName:n,tokens:t,...i,children:o})})})})};module.exports=m;