@okam/stack-ui 1.42.3 → 1.43.0

package/index35.mjs

@@ -1,152 +1,74 @@
 "use client";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { useRef as W } from "react";
-import { useDateRangePicker as q } from "react-aria";
-import { useDateRangePickerState as A } from "react-stately";
-import n from "./index36.mjs";
-import G from "./index38.mjs";
-import { Dialog as J } from "./index162.mjs";
-import Q from "./index3.mjs";
-import { CalendarPopover as V } from "./index33.mjs";
-import i from "./index34.mjs";
-import X from "./index158.mjs";
-function de(s) {
-  const {
-    popoverPlacement: f = "bottom start",
-    placement: g = "bottom start",
-    buttonLabel: b,
-    description: m,
-    themeName: e = "datePicker",
-    tokens: l,
-    customTheme: N,
-    icon: v,
-    buttonContent: D,
-    innerDateFieldSeparator: p = " - ",
-    outerDateFieldSeparator: c = " - ",
-    invalidIndicator: h = "❌",
-    children: $,
-    label: k,
-    containerPadding: F,
-    shouldCloseOnInteractOutside: I,
-    arrowBoundaryOffset: y,
-    isNonModal: R,
-    isKeyboardDismissDisabled: S,
-    arrowSize: x,
-    boundaryElement: C,
-    maxHeight: O,
-    shouldUpdatePosition: T
-  } = s, j = g ?? f, r = A(s), { isInvalid: w, isOpen: B, hasTime: z } = r, d = W(null), {
-    labelProps: E,
-    descriptionProps: H,
-    groupProps: K,
-    startFieldProps: u,
-    endFieldProps: P,
-    buttonProps: L,
-    dialogProps: M,
-    calendarProps: U
-  } = q(s, r, d), t = {
-    ...l,
-    isInvalid: w,
-    isOpen: B,
-    hasTime: z
+import { jsx as r, jsxs as F } from "react/jsx-runtime";
+import { createCalendar as b } from "./index170.mjs";
+import { useLocale as N } from "@react-aria/i18n";
+import { useRef as u } from "react";
+import { useDateField as x, useDateSegment as R, useFocusRing as $, FocusRing as D } from "react-aria";
+import { useDateFieldState as S } from "react-stately";
+import k from "./index89.mjs";
+import { BoxWithForwardRef as f } from "./index37.mjs";
+function T(o) {
+  const { themeName: a = "datePicker", tokens: e, customTheme: l, segment: t, state: s } = o, i = u(null), { segmentProps: c } = R(t, s, i), m = k(`${a}.dateSegmentPlaceholder`), { focusProps: n, isFocusVisible: d } = $();
+  return /* @__PURE__ */ r(D, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ F(
+    f,
+    {
+      ...c,
+      ...n,
+      ref: i,
+      themeName: `${a}.dateSegment`,
+      tokens: {
+        ...e,
+        // Hack since has-focus-ring is not getting applied
+        className: d ? `has-focus-ring ${e == null ? void 0 : e.className}` : (e == null ? void 0 : e.className) ?? ""
+      },
+      customTheme: l,
+      children: [
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: m,
+            "aria-hidden": "true",
+            style: {
+              visibility: t.isPlaceholder ? "visible" : "hidden",
+              height: t.isPlaceholder ? "" : 0,
+              pointerEvents: "none",
+              display: t.isPlaceholder ? "block" : "none"
+            },
+            children: t.placeholder
+          }
+        ),
+        t.isPlaceholder ? "" : t.text
+      ]
+    }
+  ) });
+}
+function I(o) {
+  const { themeName: a = "datePicker", tokens: e, customTheme: l } = o, { locale: t } = N(), s = S({
+    ...o,
+    locale: t,
+    createCalendar: b
+  }), { isDisabled: i, isReadOnly: c, isRequired: m } = s, n = u(null), { fieldProps: d, isInvalid: g } = x(o, s, n), h = {
+    isInvalid: g,
+    isDisabled: i,
+    isReadOnly: c,
+    isRequired: m,
+    ...e
   };
-  return /* @__PURE__ */ a(n, { themeName: `${e}.container`, tokens: t, customTheme: N, children: [
-    k && /* @__PURE__ */ o(Q, { as: "span", themeName: `${e}.label`, tokens: t, ...E, children: k }),
-    m && /* @__PURE__ */ o(n, { as: "div", themeName: `${e}.description`, tokens: t, ...H, children: m }),
-    /* @__PURE__ */ a(
-      X,
-      {
-        themeName: e,
-        tokens: t,
-        ref: d,
-        groupProps: K,
-        buttonProps: L,
-        buttonLabel: b,
-        buttonContent: D,
-        icon: v,
-        children: [
-          /* @__PURE__ */ o(
-            i,
-            {
-              themeName: e,
-              tokens: { ...t, position: "outer", range: "start" },
-              ...u
-            }
-          ),
-          c && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: c }),
-          /* @__PURE__ */ o(
-            i,
-            {
-              themeName: e,
-              tokens: { ...t, position: "outer", range: "end" },
-              ...P
-            }
-          ),
-          r.isInvalid && /* @__PURE__ */ o(
-            n,
-            {
-              as: "span",
-              themeName: `${e}.invalidIndicator`,
-              tokens: { ...t, position: "outer" },
-              children: h
-            }
-          )
-        ]
-      }
-    ),
-    r.isOpen && /* @__PURE__ */ o(
-      V,
-      {
-        themeName: e,
-        tokens: t,
-        triggerRef: d,
-        state: r,
-        placement: j,
-        containerPadding: F,
-        shouldCloseOnInteractOutside: I,
-        arrowBoundaryOffset: y,
-        isNonModal: R,
-        isKeyboardDismissDisabled: S,
-        arrowSize: x,
-        boundaryElement: C,
-        maxHeight: O,
-        shouldUpdatePosition: T,
-        children: /* @__PURE__ */ a(J, { themeName: `${e}.dialog`, tokens: t, ...M, children: [
-          $,
-          /* @__PURE__ */ a(n, { themeName: `${e}.dateFieldContainer`, tokens: t, children: [
-            /* @__PURE__ */ o(
-              i,
-              {
-                themeName: e,
-                tokens: { ...t, position: "inner", range: "start" },
-                ...u
-              }
-            ),
-            p && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: p }),
-            /* @__PURE__ */ o(
-              i,
-              {
-                themeName: e,
-                tokens: { ...t, position: "inner", range: "end" },
-                ...P
-              }
-            ),
-            r.isInvalid && /* @__PURE__ */ o(
-              n,
-              {
-                as: "span",
-                themeName: `${e}.invalidIndicator`,
-                tokens: { ...t, position: "inner" },
-                children: h
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o(G, { ...U, tokens: l })
-        ] })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ r(
+    f,
+    {
+      ...d,
+      ref: n,
+      themeName: `${a}.dateField`,
+      tokens: h,
+      customTheme: l,
+      children: s.segments.map((p, P) => (
+        // eslint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ r(T, { themeName: a, tokens: h, segment: p, state: s }, P)
+      ))
+    }
+  );
 }
 export {
-  de as default
+  I as default
 };

package/index350.js

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

package/index350.mjs

@@ -0,0 +1,11 @@
+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 _
+};

package/index351.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o extends Set{constructor(t,l,i){super(t),t instanceof o?(this.anchorKey=l??t.anchorKey,this.currentKey=i??t.currentKey):(this.anchorKey=l??null,this.currentKey=i??null)}}exports.Selection=o;

package/index351.mjs

@@ -0,0 +1,8 @@
+class t extends Set {
+  constructor(s, l, i) {
+    super(s), s instanceof t ? (this.anchorKey = l ?? s.anchorKey, this.currentKey = i ?? s.currentKey) : (this.anchorKey = l ?? null, this.currentKey = i ?? null);
+  }
+}
+export {
+  t as Selection
+};

package/index352.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(n,e){return typeof e.getChildren=="function"?e.getChildren(n.key):n.childNodes}function l(n){return o(n)}function o(n,e){for(let t of n)return t}function s(n,e,t){if(e.parentKey===t.parentKey)return e.index-t.index;let r=[...c(n,e),e],f=[...c(n,t),t],d=r.slice(0,f.length).findIndex((i,u)=>i!==f[u]);return d!==-1?(e=r[d],t=f[d],e.index-t.index):r.findIndex(i=>i===t)>=0?1:(f.findIndex(i=>i===e)>=0,-1)}function c(n,e){let t=[],r=e;for(;(r==null?void 0:r.parentKey)!=null;)r=n.getItem(r.parentKey),r&&t.unshift(r);return t}exports.compareNodeOrder=s;exports.getChildNodes=a;exports.getFirstItem=l;exports.getNthItem=o;

package/index352.mjs

@@ -0,0 +1,33 @@
+function a(n, e) {
+  return typeof e.getChildren == "function" ? e.getChildren(n.key) : n.childNodes;
+}
+function s(n) {
+  return u(n);
+}
+function u(n, e) {
+  for (let t of n)
+    return t;
+}
+function $(n, e, t) {
+  if (e.parentKey === t.parentKey) return e.index - t.index;
+  let r = [
+    ...c(n, e),
+    e
+  ], f = [
+    ...c(n, t),
+    t
+  ], d = r.slice(0, f.length).findIndex((i, o) => i !== f[o]);
+  return d !== -1 ? (e = r[d], t = f[d], e.index - t.index) : r.findIndex((i) => i === t) >= 0 ? 1 : (f.findIndex((i) => i === e) >= 0, -1);
+}
+function c(n, e) {
+  let t = [], r = e;
+  for (; (r == null ? void 0 : r.parentKey) != null; )
+    r = n.getItem(r.parentKey), r && t.unshift(r);
+  return t;
+}
+export {
+  $ as compareNodeOrder,
+  a as getChildNodes,
+  s as getFirstItem,
+  u as getNthItem
+};

package/index353.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");class I{build(e,l){return this.context=l,V(()=>this.iterateCollection(e))}*iterateCollection(e){let{children:l,items:u}=e;if(y.isValidElement(l)&&l.type===y.Fragment)yield*this.iterateCollection({children:l.props.children,items:u});else if(typeof l=="function"){if(!u)throw new Error("props.children was a function but props.items is missing");let n=0;for(let r of u)yield*this.getFullNode({value:r,index:n},{renderer:l}),n++}else{let n=[];y.Children.forEach(l,t=>{t&&n.push(t)});let r=0;for(let t of n){let d=this.getFullNode({element:t,index:r},{});for(let m of d)r++,yield m}}}getKey(e,l,u,n){if(e.key!=null)return e.key;if(l.type==="cell"&&l.key!=null)return`${n}${l.key}`;let r=l.value;if(r!=null){var t;let d=(t=r.key)!==null&&t!==void 0?t:r.id;if(d==null)throw new Error("No key found for item");return d}return n?`${n}.${l.index}`:`$.${l.index}`}getChildState(e,l){return{renderer:l.renderer||e.renderer}}*getFullNode(e,l,u,n){if(y.isValidElement(e.element)&&e.element.type===y.Fragment){let i=[];y.Children.forEach(e.element.props.children,f=>{i.push(f)});var r;let s=(r=e.index)!==null&&r!==void 0?r:0;for(const f of i)yield*this.getFullNode({element:f,index:s++},l,u,n);return}let t=e.element;if(!t&&e.value&&l&&l.renderer){let i=this.cache.get(e.value);if(i&&(!i.shouldInvalidate||!i.shouldInvalidate(this.context))){i.index=e.index,i.parentKey=n?n.key:null,yield i;return}t=l.renderer(e.value)}if(y.isValidElement(t)){let i=t.type;if(typeof i!="function"&&typeof i.getCollectionNode!="function"){let c=t.type;throw new Error(`Unknown element <${c}> in collection.`)}let s=i.getCollectionNode(t.props,this.context);var d;let f=(d=e.index)!==null&&d!==void 0?d:0,v=s.next();for(;!v.done&&v.value;){let c=v.value;e.index=f;var m;let C=(m=c.key)!==null&&m!==void 0?m:null;C==null&&(C=c.element?null:this.getKey(t,e,l,u));let S=[...this.getFullNode({...c,key:C,index:f,wrapper:p(e.wrapper,c.wrapper)},this.getChildState(l,c),u?`${u}${t.key}`:t.key,n)];for(let h of S){var x,k;h.value=(k=(x=c.value)!==null&&x!==void 0?x:e.value)!==null&&k!==void 0?k:null,h.value&&this.cache.set(h.value,h);var g;if(e.type&&h.type!==e.type)throw new Error(`Unsupported type <${E(h.type)}> in <${E((g=n==null?void 0:n.type)!==null&&g!==void 0?g:"unknown parent type")}>. Only <${E(e.type)}> is supported.`);f++,yield h}v=s.next(S)}return}if(e.key==null||e.type==null)return;let F=this;var w,b;let $={type:e.type,props:e.props,key:e.key,parentKey:n?n.key:null,value:(w=e.value)!==null&&w!==void 0?w:null,level:n?n.level+1:0,index:e.index,rendered:e.rendered,textValue:(b=e.textValue)!==null&&b!==void 0?b:"","aria-label":e["aria-label"],wrapper:e.wrapper,shouldInvalidate:e.shouldInvalidate,hasChildNodes:e.hasChildNodes||!1,childNodes:V(function*(){if(!e.hasChildNodes||!e.childNodes)return;let i=0;for(let s of e.childNodes()){s.key!=null&&(s.key=`${$.key}${s.key}`);let f=F.getFullNode({...s,index:i},F.getChildState(l,s),$.key,$);for(let v of f)i++,yield v}})};yield $}constructor(){this.cache=new WeakMap}}function V(o){let e=[],l=null;return{*[Symbol.iterator](){for(let u of e)yield u;l||(l=o());for(let u of l)e.push(u),yield u}}}function p(o,e){if(o&&e)return l=>o(e(l));if(o)return o;if(e)return e}function E(o){return o[0].toUpperCase()+o.slice(1)}exports.CollectionBuilder=I;

package/index353.mjs

@@ -0,0 +1,170 @@
+import y from "react";
+class z {
+  build(e, l) {
+    return this.context = l, p(() => this.iterateCollection(e));
+  }
+  *iterateCollection(e) {
+    let { children: l, items: u } = e;
+    if (y.isValidElement(l) && l.type === y.Fragment) yield* this.iterateCollection({
+      children: l.props.children,
+      items: u
+    });
+    else if (typeof l == "function") {
+      if (!u) throw new Error("props.children was a function but props.items is missing");
+      let n = 0;
+      for (let r of u)
+        yield* this.getFullNode({
+          value: r,
+          index: n
+        }, {
+          renderer: l
+        }), n++;
+    } else {
+      let n = [];
+      y.Children.forEach(l, (t) => {
+        t && n.push(t);
+      });
+      let r = 0;
+      for (let t of n) {
+        let d = this.getFullNode({
+          element: t,
+          index: r
+        }, {});
+        for (let m of d)
+          r++, yield m;
+      }
+    }
+  }
+  getKey(e, l, u, n) {
+    if (e.key != null) return e.key;
+    if (l.type === "cell" && l.key != null) return `${n}${l.key}`;
+    let r = l.value;
+    if (r != null) {
+      var t;
+      let d = (t = r.key) !== null && t !== void 0 ? t : r.id;
+      if (d == null) throw new Error("No key found for item");
+      return d;
+    }
+    return n ? `${n}.${l.index}` : `$.${l.index}`;
+  }
+  getChildState(e, l) {
+    return {
+      renderer: l.renderer || e.renderer
+    };
+  }
+  *getFullNode(e, l, u, n) {
+    if (y.isValidElement(e.element) && e.element.type === y.Fragment) {
+      let i = [];
+      y.Children.forEach(e.element.props.children, (s) => {
+        i.push(s);
+      });
+      var r;
+      let o = (r = e.index) !== null && r !== void 0 ? r : 0;
+      for (const s of i) yield* this.getFullNode({
+        element: s,
+        index: o++
+      }, l, u, n);
+      return;
+    }
+    let t = e.element;
+    if (!t && e.value && l && l.renderer) {
+      let i = this.cache.get(e.value);
+      if (i && (!i.shouldInvalidate || !i.shouldInvalidate(this.context))) {
+        i.index = e.index, i.parentKey = n ? n.key : null, yield i;
+        return;
+      }
+      t = l.renderer(e.value);
+    }
+    if (y.isValidElement(t)) {
+      let i = t.type;
+      if (typeof i != "function" && typeof i.getCollectionNode != "function") {
+        let h = t.type;
+        throw new Error(`Unknown element <${h}> in collection.`);
+      }
+      let o = i.getCollectionNode(t.props, this.context);
+      var d;
+      let s = (d = e.index) !== null && d !== void 0 ? d : 0, v = o.next();
+      for (; !v.done && v.value; ) {
+        let h = v.value;
+        e.index = s;
+        var m;
+        let b = (m = h.key) !== null && m !== void 0 ? m : null;
+        b == null && (b = h.element ? null : this.getKey(t, e, l, u));
+        let V = [
+          ...this.getFullNode({
+            ...h,
+            key: b,
+            index: s,
+            wrapper: I(e.wrapper, h.wrapper)
+          }, this.getChildState(l, h), u ? `${u}${t.key}` : t.key, n)
+        ];
+        for (let c of V) {
+          var x, k;
+          c.value = (k = (x = h.value) !== null && x !== void 0 ? x : e.value) !== null && k !== void 0 ? k : null, c.value && this.cache.set(c.value, c);
+          var w;
+          if (e.type && c.type !== e.type) throw new Error(`Unsupported type <${E(c.type)}> in <${E((w = n == null ? void 0 : n.type) !== null && w !== void 0 ? w : "unknown parent type")}>. Only <${E(e.type)}> is supported.`);
+          s++, yield c;
+        }
+        v = o.next(V);
+      }
+      return;
+    }
+    if (e.key == null || e.type == null) return;
+    let F = this;
+    var g, C;
+    let $ = {
+      type: e.type,
+      props: e.props,
+      key: e.key,
+      parentKey: n ? n.key : null,
+      value: (g = e.value) !== null && g !== void 0 ? g : null,
+      level: n ? n.level + 1 : 0,
+      index: e.index,
+      rendered: e.rendered,
+      textValue: (C = e.textValue) !== null && C !== void 0 ? C : "",
+      "aria-label": e["aria-label"],
+      wrapper: e.wrapper,
+      shouldInvalidate: e.shouldInvalidate,
+      hasChildNodes: e.hasChildNodes || !1,
+      childNodes: p(function* () {
+        if (!e.hasChildNodes || !e.childNodes) return;
+        let i = 0;
+        for (let o of e.childNodes()) {
+          o.key != null && (o.key = `${$.key}${o.key}`);
+          let s = F.getFullNode({
+            ...o,
+            index: i
+          }, F.getChildState(l, o), $.key, $);
+          for (let v of s)
+            i++, yield v;
+        }
+      })
+    };
+    yield $;
+  }
+  constructor() {
+    this.cache = /* @__PURE__ */ new WeakMap();
+  }
+}
+function p(f) {
+  let e = [], l = null;
+  return {
+    *[Symbol.iterator]() {
+      for (let u of e) yield u;
+      l || (l = f());
+      for (let u of l)
+        e.push(u), yield u;
+    }
+  };
+}
+function I(f, e) {
+  if (f && e) return (l) => f(e(l));
+  if (f) return f;
+  if (e) return e;
+}
+function E(f) {
+  return f[0].toUpperCase() + f.slice(1);
+}
+export {
+  z as CollectionBuilder
+};

package/index36.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),d=require("react"),i=require("./index88.js"),l=({as:e="div",themeName:t="box",tokens:o,customTheme:s,children:r,className:c,...a})=>{const n=i(t,o,s);return u.jsx(e,{...a,className:n,children:r})},h=d.forwardRef((e,t)=>{const{as:o="div",tokens:s,themeName:r="box",customTheme:c,children:a,...n}=e,m=i(r,s,c);return u.jsx(o,{...n,ref:t,className:m,children:a})});exports.BoxWithForwardRef=h;exports.default=l;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),a=require("./index37.js"),W=require("./index39.js"),G=require("./index166.js"),J=require("./index3.js"),Q=require("./index34.js"),r=require("./index35.js"),V=require("./index162.js");function X(o){const{popoverPlacement:x="bottom start",placement:P="bottom start",buttonLabel:g,description:d,themeName:t="datePicker",tokens:l,customTheme:j,icon:f,buttonContent:b,innerDateFieldSeparator:c=" - ",outerDateFieldSeparator:u=" - ",invalidIndicator:p="❌",children:q,label:m,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C}=o,y=P??x,s=U.useDateRangePickerState(o),{isInvalid:O,isOpen:T,hasTime:w}=s,i=L.useRef(null),{labelProps:z,descriptionProps:A,groupProps:B,startFieldProps:h,endFieldProps:k,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(o,s,i),n={...l,isInvalid:O,isOpen:T,hasTime:w};return e.jsxs(a.default,{themeName:`${t}.container`,tokens:n,customTheme:j,children:[m&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:m}),d&&e.jsx(a.default,{as:"div",themeName:`${t}.description`,tokens:n,...A,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:i,groupProps:B,buttonProps:E,buttonLabel:g,buttonContent:b,icon:f,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"start"},...h}),u&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:u}),e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:p})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:n,triggerRef:i,state:s,placement:y,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[q,e.jsxs(a.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"start"},...h}),c&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:c}),e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:p})]}),e.jsx(W,{...K,tokens:l})]})})]})}module.exports=X;

package/index36.mjs

@@ -1,23 +1,152 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import h from "react";
-import f from "./index88.mjs";
-const u = ({
-  as: e = "div",
-  themeName: t = "box",
-  tokens: o,
-  customTheme: s,
-  children: m,
-  className: n,
-  ...r
-}) => {
-  const a = f(t, o, s);
-  return /* @__PURE__ */ c(e, { ...r, className: a, children: m });
-}, p = h.forwardRef((e, t) => {
-  const { as: o = "div", tokens: s, themeName: m = "box", customTheme: n, children: r, ...a } = e, d = f(m, s, n);
-  return /* @__PURE__ */ c(o, { ...a, ref: t, className: d, children: r });
-});
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { useRef as W } from "react";
+import { useDateRangePicker as q } from "react-aria";
+import { useDateRangePickerState as A } from "react-stately";
+import n from "./index37.mjs";
+import G from "./index39.mjs";
+import { Dialog as J } from "./index166.mjs";
+import Q from "./index3.mjs";
+import { CalendarPopover as V } from "./index34.mjs";
+import i from "./index35.mjs";
+import X from "./index162.mjs";
+function de(s) {
+  const {
+    popoverPlacement: f = "bottom start",
+    placement: g = "bottom start",
+    buttonLabel: b,
+    description: m,
+    themeName: e = "datePicker",
+    tokens: l,
+    customTheme: N,
+    icon: v,
+    buttonContent: D,
+    innerDateFieldSeparator: p = " - ",
+    outerDateFieldSeparator: c = " - ",
+    invalidIndicator: h = "❌",
+    children: $,
+    label: k,
+    containerPadding: F,
+    shouldCloseOnInteractOutside: I,
+    arrowBoundaryOffset: y,
+    isNonModal: R,
+    isKeyboardDismissDisabled: S,
+    arrowSize: x,
+    boundaryElement: C,
+    maxHeight: O,
+    shouldUpdatePosition: T
+  } = s, j = g ?? f, r = A(s), { isInvalid: w, isOpen: B, hasTime: z } = r, d = W(null), {
+    labelProps: E,
+    descriptionProps: H,
+    groupProps: K,
+    startFieldProps: u,
+    endFieldProps: P,
+    buttonProps: L,
+    dialogProps: M,
+    calendarProps: U
+  } = q(s, r, d), t = {
+    ...l,
+    isInvalid: w,
+    isOpen: B,
+    hasTime: z
+  };
+  return /* @__PURE__ */ a(n, { themeName: `${e}.container`, tokens: t, customTheme: N, children: [
+    k && /* @__PURE__ */ o(Q, { as: "span", themeName: `${e}.label`, tokens: t, ...E, children: k }),
+    m && /* @__PURE__ */ o(n, { as: "div", themeName: `${e}.description`, tokens: t, ...H, children: m }),
+    /* @__PURE__ */ a(
+      X,
+      {
+        themeName: e,
+        tokens: t,
+        ref: d,
+        groupProps: K,
+        buttonProps: L,
+        buttonLabel: b,
+        buttonContent: D,
+        icon: v,
+        children: [
+          /* @__PURE__ */ o(
+            i,
+            {
+              themeName: e,
+              tokens: { ...t, position: "outer", range: "start" },
+              ...u
+            }
+          ),
+          c && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: c }),
+          /* @__PURE__ */ o(
+            i,
+            {
+              themeName: e,
+              tokens: { ...t, position: "outer", range: "end" },
+              ...P
+            }
+          ),
+          r.isInvalid && /* @__PURE__ */ o(
+            n,
+            {
+              as: "span",
+              themeName: `${e}.invalidIndicator`,
+              tokens: { ...t, position: "outer" },
+              children: h
+            }
+          )
+        ]
+      }
+    ),
+    r.isOpen && /* @__PURE__ */ o(
+      V,
+      {
+        themeName: e,
+        tokens: t,
+        triggerRef: d,
+        state: r,
+        placement: j,
+        containerPadding: F,
+        shouldCloseOnInteractOutside: I,
+        arrowBoundaryOffset: y,
+        isNonModal: R,
+        isKeyboardDismissDisabled: S,
+        arrowSize: x,
+        boundaryElement: C,
+        maxHeight: O,
+        shouldUpdatePosition: T,
+        children: /* @__PURE__ */ a(J, { themeName: `${e}.dialog`, tokens: t, ...M, children: [
+          $,
+          /* @__PURE__ */ a(n, { themeName: `${e}.dateFieldContainer`, tokens: t, children: [
+            /* @__PURE__ */ o(
+              i,
+              {
+                themeName: e,
+                tokens: { ...t, position: "inner", range: "start" },
+                ...u
+              }
+            ),
+            p && /* @__PURE__ */ o(n, { as: "span", themeName: `${e}.dateFieldSeparator`, tokens: t, children: p }),
+            /* @__PURE__ */ o(
+              i,
+              {
+                themeName: e,
+                tokens: { ...t, position: "inner", range: "end" },
+                ...P
+              }
+            ),
+            r.isInvalid && /* @__PURE__ */ o(
+              n,
+              {
+                as: "span",
+                themeName: `${e}.invalidIndicator`,
+                tokens: { ...t, position: "inner" },
+                children: h
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o(G, { ...U, tokens: l })
+        ] })
+      }
+    )
+  ] });
+}
 export {
-  p as BoxWithForwardRef,
-  u as default
+  de as default
 };

package/index37.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),B=require("./index166.js"),$=require("@react-aria/i18n"),P=require("react"),v=require("react-aria"),y=require("react-stately"),o=require("./index36.js"),F=require("./index3.js"),S=require("./index167.js"),b=require("./index168.js");function g({buttons:c,tokens:i,customTheme:l,themeName:e="calendar",gridProps:u,value:s,...a}){const{locale:d}=$.useLocale(),r=y.useCalendarState({...a,locale:d,value:s,createCalendar:B.createCalendar}),{isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f}=r,j=P.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:R,title:h}=v.useCalendar({...a,value:s},r),t={isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f,...i};return n.jsxs(o.BoxWithForwardRef,{...k,ref:j,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx(F.default,{as:"p",themeName:`${e}.title`,tokens:t,children:h}),n.jsx(b,{themeName:e,tokens:t,buttons:c,prevButtonProps:p,nextButtonProps:R})]}),n.jsx(S,{...u,themeName:e,state:r,tokens:t})]})}module.exports=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),d=require("react"),i=require("./index89.js"),l=({as:e="div",themeName:t="box",tokens:o,customTheme:s,children:r,className:c,...a})=>{const n=i(t,o,s);return u.jsx(e,{...a,className:n,children:r})},h=d.forwardRef((e,t)=>{const{as:o="div",tokens:s,themeName:r="box",customTheme:c,children:a,...n}=e,m=i(r,s,c);return u.jsx(o,{...n,ref:t,className:m,children:a})});exports.BoxWithForwardRef=h;exports.default=l;