@okam/stack-ui 1.40.0 → 1.41.0

package/index163.mjs

@@ -1,48 +1,60 @@
-import { default as o } from "./index231.mjs";
-import { default as f } from "./index232.mjs";
-import { default as l } from "./index233.mjs";
-import { default as d } from "./index234.mjs";
-import { default as p } from "./index235.mjs";
-import { default as x } from "./index236.mjs";
-import { default as c } from "./index237.mjs";
-import { default as E } from "./index238.mjs";
-import { default as b } from "./index239.mjs";
-import { default as y } from "./index240.mjs";
-import { default as h } from "./index241.mjs";
-import { default as M } from "./index242.mjs";
-import { default as A } from "./index243.mjs";
-import { default as N } from "./index244.mjs";
-import { default as G } from "./index245.mjs";
-import { default as S } from "./index246.mjs";
-import { default as V } from "./index247.mjs";
-import { default as j } from "./index248.mjs";
-import { default as q } from "./index249.mjs";
-import { default as B } from "./index250.mjs";
-import { default as I } from "./index251.mjs";
-import { default as L } from "./index252.mjs";
-import { default as Q } from "./index253.mjs";
+"use client";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { useCalendarGrid as g } from "react-aria";
+import l from "./index34.mjs";
+import { getIsDateOutsideRange as v } from "./index180.mjs";
+import C from "./index181.mjs";
+const k = {
+  narrow: {
+    value: "narrow"
+  },
+  abbreviated: {
+    value: "short",
+    transform: (e) => e.map((t) => t.slice(0, 2))
+  },
+  short: {
+    value: "short"
+  },
+  long: {
+    value: "long"
+  }
+};
+function P({
+  themeName: e = "calendar",
+  customTheme: t,
+  tokens: a,
+  state: d,
+  weekdayStyle: c = "abbreviated",
+  ...y
+}) {
+  const { value: m, transform: s } = k[c], i = g({ ...y, weekdayStyle: m }, d), { gridProps: p, headerProps: u, weeksInMonth: h } = i, w = (s == null ? void 0 : s(i.weekDays)) ?? i.weekDays;
+  return /* @__PURE__ */ b(l, { as: "table", ...p, themeName: `${e}.calendarTable`, tokens: a, children: [
+    /* @__PURE__ */ r(l, { as: "thead", themeName: `${e}.calendarHeaderContainer`, ...u, tokens: a, children: /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarHeaderRow`, tokens: a, children: w.map((o) => /* @__PURE__ */ r(l, { as: "th", themeName: `${e}.calendarDayLabel`, tokens: a, children: o }, `day-${o}`)) }) }),
+    /* @__PURE__ */ r(l, { as: "tbody", themeName: `${e}.calendarBody`, tokens: a, children: [...new Array(h).keys()].map((o) => /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarWeekRow`, tokens: a, children: d.getDatesInWeek(o).map((n, f) => {
+      if (!n)
+        return /* @__PURE__ */ r(
+          l,
+          {
+            themeName: `${e}.calendarCellContainer`,
+            tokens: { isEmpty: !0, ...a },
+            as: "td"
+          },
+          f
+        );
+      const $ = v(n, d);
+      return /* @__PURE__ */ r(
+        C,
+        {
+          themeName: e,
+          tokens: { isOutsideRange: $, isEmpty: !1, ...a },
+          state: d,
+          date: n
+        },
+        n == null ? void 0 : n.day
+      );
+    }) }, `week-${o}`)) })
+  ] });
+}
 export {
-  y as A11y,
-  A as Autoplay,
-  b as Controller,
-  Q as EffectCards,
-  I as EffectCoverflow,
-  L as EffectCreative,
-  q as EffectCube,
-  j as EffectFade,
-  B as EffectFlip,
-  G as FreeMode,
-  S as Grid,
-  M as HashNavigation,
-  h as History,
-  f as Keyboard,
-  V as Manipulation,
-  l as Mousewheel,
-  d as Navigation,
-  p as Pagination,
-  c as Parallax,
-  x as Scrollbar,
-  N as Thumbs,
-  o as Virtual,
-  E as Zoom
+  P as default
 };

package/index164.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const n=require("react/jsx-runtime"),d=require("./index137.js"),a=require("./index28.js"),m=require("./index3.js"),h=r=>{const{themeName:e,title:t,tokens:c,id:o,children:l}=r,{isActive:u,isVisible:i}=d.useSwiperSlide(),s={...c,isActive:u,isVisible:i};return n.jsxs(a.default,{themeName:`${e}.container`,tokens:s,...i?{}:{inert:"true"},children:[t&&n.jsx(m.default,{themeName:`${e}.title`,tokens:s,id:o,children:t}),l]})};module.exports=h;
+"use strict";const i=require("react/jsx-runtime"),j=require("./index34.js"),s=require("./index6.js"),h=require("./index21.js"),g=({themeName:c="calendar",tokens:d,buttons:e,prevButtonProps:n,nextButtonProps:a,...x})=>{var r,l;return i.jsxs(j.default,{themeName:`${c}.navigationButtonsContainer`,tokens:d,...x,children:[i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"prev"},type:"button",...n,handlePress:n==null?void 0:n.onPress,children:i.jsx(h,{icon:((r=e==null?void 0:e.buttonPrev)==null?void 0:r.icon)??"ArrowLeft"})}),i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"next"},type:"button",...a,handlePress:a==null?void 0:a.onPress,children:i.jsx(h,{icon:((l=e==null?void 0:e.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})};module.exports=g;

package/index164.mjs

@@ -1,15 +1,41 @@
-"use client";
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { useSwiperSlide as d } from "./index137.mjs";
-import p from "./index28.mjs";
-import h from "./index3.mjs";
-const S = (r) => {
-  const { themeName: e, title: t, tokens: s, id: n, children: m } = r, { isActive: l, isVisible: o } = d(), i = { ...s, isActive: l, isVisible: o };
-  return /* @__PURE__ */ c(p, { themeName: `${e}.container`, tokens: i, ...o ? {} : { inert: "true" }, children: [
-    t && /* @__PURE__ */ a(h, { themeName: `${e}.title`, tokens: i, id: n, children: t }),
-    m
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import g from "./index34.mjs";
+import o from "./index6.mjs";
+import h from "./index21.mjs";
+const y = ({
+  themeName: r = "calendar",
+  tokens: c,
+  buttons: i,
+  prevButtonProps: e,
+  nextButtonProps: a,
+  ...l
+}) => {
+  var m, d;
+  return /* @__PURE__ */ f(g, { themeName: `${r}.navigationButtonsContainer`, tokens: c, ...l, children: [
+    /* @__PURE__ */ n(
+      o,
+      {
+        themeName: `${r}.navigationButtons`,
+        tokens: { ...c, direction: "prev" },
+        type: "button",
+        ...e,
+        handlePress: e == null ? void 0 : e.onPress,
+        children: /* @__PURE__ */ n(h, { icon: ((m = i == null ? void 0 : i.buttonPrev) == null ? void 0 : m.icon) ?? "ArrowLeft" })
+      }
+    ),
+    /* @__PURE__ */ n(
+      o,
+      {
+        themeName: `${r}.navigationButtons`,
+        tokens: { ...c, direction: "next" },
+        type: "button",
+        ...a,
+        handlePress: a == null ? void 0 : a.onPress,
+        children: /* @__PURE__ */ n(h, { icon: ((d = i == null ? void 0 : i.buttonNext) == null ? void 0 : d.icon) ?? "ArrowRight" })
+      }
+    )
   ] });
 };
 export {
-  S as default
+  y as default
 };

package/index165.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const P=require("react/jsx-runtime"),o=require("react-aria"),k=require("./index86.js"),m=require("./index6.js"),w=d=>{const{themeName:l,tokens:c,slides:i,activeIndex:x,index:t}=d,{controller:e}=k.useSwiperController(),s=o.useFocusManager(),p=t===0?i.length-1:t-1,b=t===i.length-1?0:t+1,{keyboardProps:v}=o.useKeyboard({onKeyUp:n=>{n.key==="ArrowLeft"&&(n.preventDefault(),s==null||s.focusPrevious({wrap:!0}),e==null||e.slideTo(p)),n.key==="ArrowRight"&&(n.preventDefault(),s==null||s.focusNext({wrap:!0}),e==null||e.slideTo(b))}}),{pressProps:h}=o.usePress({onPress:()=>e==null?void 0:e.slideTo(t)}),f=i[t],r=t===x,{title:a,id:y}=f,u=a&&a.length>0;return P.jsx(m.default,{as:"button",tabIndex:0,role:"button","aria-current":r?"true":"false","aria-disabled":r,"aria-label":u?void 0:`${t+1} / ${i.length}`,"aria-labelledby":u?y:void 0,...v,...h,themeName:`${l}.bullet`,tokens:{...c,active:r}})};module.exports=w;
+"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index85.js"),u=({isVisible:e,children:i,themeName:o,tokens:s,customTheme:n})=>{const a=f(o,s,n);return t.useTransition(e,{from:{opacity:0,scale:.75},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.75},config:t.config.stiff})((c,r)=>r&&l.jsx(t.animated.div,{className:a,style:{position:"fixed",left:0,top:0,bottom:0,zIndex:1e3,width:"100%",height:"100%",...c},children:i}))};module.exports=u;

package/index165.mjs

@@ -1,33 +1,33 @@
-"use client";
-import { jsx as h } from "react/jsx-runtime";
-import { useFocusManager as y, useKeyboard as P, usePress as k } from "react-aria";
-import { useSwiperController as w } from "./index86.mjs";
-import g from "./index6.mjs";
-const N = (d) => {
-  const { themeName: l, tokens: u, slides: o, activeIndex: p, index: t } = d, { controller: e } = w(), s = y(), m = t === 0 ? o.length - 1 : t - 1, c = t === o.length - 1 ? 0 : t + 1, { keyboardProps: b } = P({
-    onKeyUp: (i) => {
-      i.key === "ArrowLeft" && (i.preventDefault(), s == null || s.focusPrevious({ wrap: !0 }), e == null || e.slideTo(m)), i.key === "ArrowRight" && (i.preventDefault(), s == null || s.focusNext({ wrap: !0 }), e == null || e.slideTo(c));
-    }
-  }), { pressProps: f } = k({
-    onPress: () => e == null ? void 0 : e.slideTo(t)
-  }), v = o[t], n = t === p, { title: r, id: x } = v, a = r && r.length > 0;
-  return /* @__PURE__ */ h(
-    g,
-    {
-      as: "button",
-      tabIndex: 0,
-      role: "button",
-      "aria-current": n ? "true" : "false",
-      "aria-disabled": n,
-      "aria-label": a ? void 0 : `${t + 1} / ${o.length}`,
-      "aria-labelledby": a ? x : void 0,
-      ...b,
-      ...f,
-      themeName: `${l}.bullet`,
-      tokens: { ...u, active: n }
-    }
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as m, config as f, animated as l } from "@react-spring/web";
+import p from "./index85.mjs";
+const y = ({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) => {
+  const s = p(e, i, n);
+  return m(t, {
+    from: { opacity: 0, scale: 0.75 },
+    enter: { opacity: 1, scale: 1 },
+    leave: { opacity: 0, scale: 0.75 },
+    config: f.stiff
+  })(
+    (a, r) => r && /* @__PURE__ */ c(
+      l.div,
+      {
+        className: s,
+        style: {
+          position: "fixed",
+          left: 0,
+          top: 0,
+          bottom: 0,
+          zIndex: 1e3,
+          width: "100%",
+          height: "100%",
+          ...a
+        },
+        children: o
+      }
+    )
   );
 };
 export {
-  N as default
+  y as default
 };

package/index166.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(r,c){var o;const i=[];let e=null;const n=[];for(const t of c){const l=t.key==="header"||((o=t.key)==null?void 0:o.toString().includes("header-")),s=r.find(u=>u.rendered===t.value);l?(e&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e?s&&e.items.push(s):s&&n.push(s)}return e&&i.push(e),[...n.length>0?[{items:n}]:[],...i]}exports.useListboxSections=d;
+"use client";
+"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index158.js"),l=s=>{const{children:o,themeName:r,tokens:u,customTheme:c,title:i,...n}=s;return e.jsx(a.Dialog,{themeName:`${r}.dialog`,tokens:u,customTheme:c,title:i,...n,children:e.jsx(t.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(t.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:o})})})};module.exports=l;

package/index166.mjs

@@ -1,14 +1,11 @@
-function f(r, c) {
-  var o;
-  const s = [];
-  let e = null;
-  const i = [];
-  for (const t of c) {
-    const l = t.key === "header" || ((o = t.key) == null ? void 0 : o.toString().includes("header-")), n = r.find((u) => u.rendered === t.value);
-    l ? (e && s.push(e), e = { header: { key: t.key, rendered: t.value }, items: [] }) : e ? n && e.items.push(n) : n && i.push(n);
-  }
-  return e && s.push(e), [...i.length > 0 ? [{ items: i }] : [], ...s];
-}
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { FocusRing as a, FocusScope as n } from "react-aria";
+import { Dialog as m } from "./index158.mjs";
+const f = (e) => {
+  const { children: t, themeName: r, tokens: s, customTheme: u, title: i, ...c } = e;
+  return /* @__PURE__ */ o(m, { themeName: `${r}.dialog`, tokens: s, customTheme: u, title: i, ...c, children: /* @__PURE__ */ o(a, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(n, { contain: !0, restoreFocus: !0, autoFocus: !0, children: t }) }) });
+};
 export {
-  f as useListboxSections
+  f as default
 };

package/index167.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,n){if(!e)return!1;const{minValue:t,maxValue:a}=n;return!!(t&&e.compare(t)<0||a&&e.compare(a)>0)}exports.getIsDateOutsideRange=r;
+"use client";
+"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index34.js"),x=a=>{const{themeName:e,tokens:r,customTheme:n,children:c,state:u,...l}=a,t=m.useRef(null),{modalProps:i,underlayProps:d}=h.useModalOverlay(l,u,t);return s.jsx(o.default,{themeName:`${e}.underlay`,tokens:r,customTheme:n,...d,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...i,children:c})})};module.exports=x;

package/index167.mjs

@@ -1,8 +1,12 @@
-function t(e, a) {
-  if (!e) return !1;
-  const { minValue: n, maxValue: r } = a;
-  return !!(n && e.compare(n) < 0 || r && e.compare(r) > 0);
-}
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { useModalOverlay as c } from "react-aria";
+import h, { BoxWithForwardRef as i } from "./index34.mjs";
+const N = (m) => {
+  const { themeName: e, tokens: o, customTheme: a, children: s, state: l, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = c(n, l, r);
+  return /* @__PURE__ */ t(h, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(i, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: s }) });
+};
 export {
-  t as getIsDateOutsideRange
+  N as default
 };

package/index168.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const o=require("react/jsx-runtime"),c=require("./index206.js"),O=require("@react-aria/focus"),W=require("./index134.js"),$=require("react"),q=require("react-aria"),r=require("./index28.js");function v(l){const{themeName:a="calendar",tokens:g,state:n,date:s}=l,d=$.useRef(null),{isUnavailable:k,cellProps:x,buttonProps:y,isSelected:t,isOutsideVisibleRange:u,isDisabled:b,formattedDate:C,isInvalid:S}=q.useCalendarCell(l,n,d),e=n==null?void 0:n.highlightedRange,h=e==null?void 0:e.start,m=e==null?void 0:e.end,f=e&&h?c.isSameDay(s,h):t,R=e&&m?c.isSameDay(s,m):t,{locale:P}=q.useLocale(),D=c.getDayOfWeek(s,P),j=t&&(f||D===0||s.day===1),p=t&&(R||D===6||s.day===s.calendar.getDaysInMonth(s)),{focusProps:N,isFocusVisible:F}=O.useFocusRing(),i={isInvalid:S,isDisabled:b,isUnavailable:k,isSelected:t,isFocusVisible:F,isOutsideVisibleRange:u,...g};return o.jsx(r.default,{as:"td",...x,"aria-disabled":!1,themeName:`${a}.cellContainer`,tokens:i,children:o.jsx(r.BoxWithForwardRef,{...W.mergeProps(y,N),ref:d,"aria-hidden":u,themeName:`${a}.cell`,tokens:{...i,isRoundedLeft:j,isRoundedRight:p},children:o.jsx(r.default,{themeName:`${a}.cellDate`,tokens:{...i,isSelectionStart:f,isSelectionEnd:R},children:C})})})}module.exports=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index226.js"),V=require("./index260.js"),d=require("react");let S=Math.round(Math.random()*1e10),m=0;function $(e){let u=d.useMemo(()=>e.name||`radio-group-${S}-${++m}`,[e.name]);var a;let[l,n]=V.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[s,c]=d.useState(null),t=v.useFormValidationState({...e,value:l}),o=r=>{!e.isReadOnly&&!e.isDisabled&&(n(r),t.commitValidation())},i=t.displayValidation.isInvalid;return{...t,name:u,selectedValue:l,setSelectedValue:o,lastFocusedValue:s,setLastFocusedValue:c,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(i?"invalid":null),isInvalid:i}}exports.useRadioGroupState=$;

package/index168.mjs

@@ -1,52 +1,32 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { isSameDay as p, getDayOfWeek as O } from "./index206.mjs";
-import { useFocusRing as W } from "@react-aria/focus";
-import { mergeProps as v } from "./index134.mjs";
-import { useRef as B } from "react";
-import { useCalendarCell as I, useLocale as L } from "react-aria";
-import $, { BoxWithForwardRef as V } from "./index28.mjs";
-function z(c) {
-  const { themeName: a = "calendar", tokens: b, state: s, date: t } = c, l = B(null), {
-    isUnavailable: D,
-    cellProps: R,
-    buttonProps: k,
-    isSelected: o,
-    isOutsideVisibleRange: r,
-    isDisabled: x,
-    formattedDate: g,
-    isInvalid: y
-  } = I(c, s, l), e = s == null ? void 0 : s.highlightedRange, d = e == null ? void 0 : e.start, f = e == null ? void 0 : e.end, m = e && d ? p(t, d) : o, u = e && f ? p(t, f) : o, { locale: C } = L(), h = O(t, C), S = o && (m || h === 0 || t.day === 1), N = o && (u || h === 6 || t.day === t.calendar.getDaysInMonth(t)), { focusProps: P, isFocusVisible: F } = W(), n = {
-    isInvalid: y,
-    isDisabled: x,
-    isUnavailable: D,
-    isSelected: o,
-    isFocusVisible: F,
-    isOutsideVisibleRange: r,
-    ...b
+import { useFormValidationState as f } from "./index226.mjs";
+import { useControlledState as $ } from "./index260.mjs";
+import { useMemo as m, useState as r } from "react";
+let b = Math.round(Math.random() * 1e10), v = 0;
+function F(e) {
+  let d = m(() => e.name || `radio-group-${b}-${++v}`, [
+    e.name
+  ]);
+  var a;
+  let [t, u] = $(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [s, n] = r(null), l = f({
+    ...e,
+    value: t
+  }), c = (o) => {
+    !e.isReadOnly && !e.isDisabled && (u(o), l.commitValidation());
+  }, i = l.displayValidation.isInvalid;
+  return {
+    ...l,
+    name: d,
+    selectedValue: t,
+    setSelectedValue: c,
+    lastFocusedValue: s,
+    setLastFocusedValue: n,
+    isDisabled: e.isDisabled || !1,
+    isReadOnly: e.isReadOnly || !1,
+    isRequired: e.isRequired || !1,
+    validationState: e.validationState || (i ? "invalid" : null),
+    isInvalid: i
   };
-  return /* @__PURE__ */ i(
-    $,
-    {
-      as: "td",
-      ...R,
-      "aria-disabled": !1,
-      themeName: `${a}.cellContainer`,
-      tokens: n,
-      children: /* @__PURE__ */ i(
-        V,
-        {
-          ...v(k, P),
-          ref: l,
-          "aria-hidden": r,
-          themeName: `${a}.cell`,
-          tokens: { ...n, isRoundedLeft: S, isRoundedRight: N },
-          children: /* @__PURE__ */ i($, { themeName: `${a}.cellDate`, tokens: { ...n, isSelectionStart: m, isSelectionEnd: u }, children: g })
-        }
-      )
-    }
-  );
 }
 export {
-  z as default
+  F as useRadioGroupState
 };

package/index169.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},x={...v,customError:!0,valid:!1},c={isInvalid:!1,validationDetails:v,validationErrors:[]},h=n.createContext({}),I="__formValidationState"+Date.now();function R(e){if(e[I]){let{realtimeValidation:a,displayValidation:t,updateValidation:i,resetValidation:d,commitValidation:l}=e[I];return{realtimeValidation:a,displayValidation:t,updateValidation:i,resetValidation:d,commitValidation:l}}return w(e)}function w(e){let{isInvalid:a,validationState:t,name:i,value:d,builtinValidation:l,validate:s,validationBehavior:o="aria"}=e;t&&(a||(a=t==="invalid"));let V=a!==void 0?{isInvalid:a,validationErrors:[],validationDetails:x}:null,m=n.useMemo(()=>{if(!s||d==null)return null;let r=F(s,d);return T(r)},[s,d]);l!=null&&l.validationDetails.valid&&(l=void 0);let u=n.useContext(h),A=n.useMemo(()=>i?Array.isArray(i)?i.flatMap(r=>D(u[r])):D(u[i]):[],[u,i]),[C,L]=n.useState(u),[g,$]=n.useState(!1);u!==C&&(L(u),$(!1));let b=n.useMemo(()=>T(g?[]:A),[g,A]),M=n.useRef(c),[E,p]=n.useState(c),f=n.useRef(c),_=()=>{if(!O)return;S(!1);let r=m||l||M.current;y(r,f.current)||(f.current=r,p(r))},[O,S]=n.useState(!1);return n.useEffect(_),{realtimeValidation:V||b||m||l||c,displayValidation:o==="native"?V||b||E:V||b||m||l||E,updateValidation(r){o==="aria"&&!y(E,r)?p(r):M.current=r},resetValidation(){let r=c;y(r,f.current)||(f.current=r,p(r)),o==="native"&&S(!1),$(!0)},commitValidation(){o==="native"&&S(!0),$(!0)}}}function D(e){return e?Array.isArray(e)?e:[e]:[]}function F(e,a){if(typeof e=="function"){let t=e(a);if(t&&typeof t!="boolean")return D(t)}return[]}function T(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:x}:null}function y(e,a){return e===a?!0:!!e&&!!a&&e.isInvalid===a.isInvalid&&e.validationErrors.length===a.validationErrors.length&&e.validationErrors.every((t,i)=>t===a.validationErrors[i])&&Object.entries(e.validationDetails).every(([t,i])=>a.validationDetails[t]===i)}function U(...e){let a=new Set,t=!1,i={...v};for(let s of e){var d,l;for(let o of s.validationErrors)a.add(o);t||(t=s.isInvalid);for(let o in i)(d=i)[l=o]||(d[l]=s.validationDetails[o])}return i.valid=!t,{isInvalid:t,validationErrors:[...a],validationDetails:i}}exports.DEFAULT_VALIDATION_RESULT=c;exports.FormValidationContext=h;exports.VALID_VALIDITY_STATE=v;exports.mergeValidation=U;exports.privateValidationStateProp=I;exports.useFormValidationState=R;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index85.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{...r,className:c,style:a,children:i}))};module.exports=p;

package/index169.mjs

@@ -1,128 +1,17 @@
-import { createContext as O, useMemo as I, useContext as U, useState as f, useRef as T, useEffect as R } from "react";
-const D = {
-  badInput: !1,
-  customError: !1,
-  patternMismatch: !1,
-  rangeOverflow: !1,
-  rangeUnderflow: !1,
-  stepMismatch: !1,
-  tooLong: !1,
-  tooShort: !1,
-  typeMismatch: !1,
-  valueMissing: !1,
-  valid: !0
-}, L = {
-  ...D,
-  customError: !0,
-  valid: !1
-}, u = {
-  isInvalid: !1,
-  validationDetails: D,
-  validationErrors: []
-}, B = O({}), h = "__formValidationState" + Date.now();
-function P(a) {
-  if (a[h]) {
-    let { realtimeValidation: e, displayValidation: t, updateValidation: i, resetValidation: o, commitValidation: l } = a[h];
-    return {
-      realtimeValidation: e,
-      displayValidation: t,
-      updateValidation: i,
-      resetValidation: o,
-      commitValidation: l
-    };
-  }
-  return Q(a);
-}
-function Q(a) {
-  let { isInvalid: e, validationState: t, name: i, value: o, builtinValidation: l, validate: d, validationBehavior: n = "aria" } = a;
-  t && (e || (e = t === "invalid"));
-  let v = e !== void 0 ? {
-    isInvalid: e,
-    validationErrors: [],
-    validationDetails: L
-  } : null, V = I(() => {
-    if (!d || o == null) return null;
-    let r = Y(d, o);
-    return C(r);
-  }, [
-    d,
-    o
-  ]);
-  l != null && l.validationDetails.valid && (l = void 0);
-  let s = U(B), A = I(() => i ? Array.isArray(i) ? i.flatMap((r) => S(s[r])) : S(s[i]) : [], [
-    s,
-    i
-  ]), [M, _] = f(s), [x, m] = f(!1);
-  s !== M && (_(s), m(!1));
-  let $ = I(() => C(x ? [] : A), [
-    x,
-    A
-  ]), g = T(u), [b, E] = f(u), c = T(u), w = () => {
-    if (!F) return;
-    p(!1);
-    let r = V || l || g.current;
-    y(r, c.current) || (c.current = r, E(r));
-  }, [F, p] = f(!1);
-  return R(w), {
-    realtimeValidation: v || $ || V || l || u,
-    displayValidation: n === "native" ? v || $ || b : v || $ || V || l || b,
-    updateValidation(r) {
-      n === "aria" && !y(b, r) ? E(r) : g.current = r;
-    },
-    resetValidation() {
-      let r = u;
-      y(r, c.current) || (c.current = r, E(r)), n === "native" && p(!1), m(!0);
-    },
-    commitValidation() {
-      n === "native" && p(!0), m(!0);
-    }
-  };
-}
-function S(a) {
-  return a ? Array.isArray(a) ? a : [
-    a
-  ] : [];
-}
-function Y(a, e) {
-  if (typeof a == "function") {
-    let t = a(e);
-    if (t && typeof t != "boolean") return S(t);
-  }
-  return [];
-}
-function C(a) {
-  return a.length ? {
-    isInvalid: !0,
-    validationErrors: a,
-    validationDetails: L
-  } : null;
-}
-function y(a, e) {
-  return a === e ? !0 : !!a && !!e && a.isInvalid === e.isInvalid && a.validationErrors.length === e.validationErrors.length && a.validationErrors.every((t, i) => t === e.validationErrors[i]) && Object.entries(a.validationDetails).every(([t, i]) => e.validationDetails[t] === i);
-}
-function k(...a) {
-  let e = /* @__PURE__ */ new Set(), t = !1, i = {
-    ...D
-  };
-  for (let d of a) {
-    var o, l;
-    for (let n of d.validationErrors) e.add(n);
-    t || (t = d.isInvalid);
-    for (let n in i) (o = i)[l = n] || (o[l] = d.validationDetails[n]);
-  }
-  return i.valid = !t, {
-    isInvalid: t,
-    validationErrors: [
-      ...e
-    ],
-    validationDetails: i
-  };
-}
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as f, config as p, animated as y } from "@react-spring/web";
+import d from "./index85.mjs";
+const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
+  const a = d(o, e, n);
+  return f(t, {
+    from: { opacity: 0 },
+    enter: { opacity: 1 },
+    leave: { opacity: 0 },
+    config: p.stiff
+  })(
+    (s, m) => m && /* @__PURE__ */ c(y.div, { ...r, className: a, style: s, children: i })
+  );
+};
 export {
-  u as DEFAULT_VALIDATION_RESULT,
-  B as FormValidationContext,
-  D as VALID_VALIDITY_STATE,
-  k as mergeValidation,
-  h as privateValidationStateProp,
-  P as useFormValidationState
+  T as default
 };

package/index17.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),B=require("radashi"),D=require("react"),w=require("react-aria"),H=require("react-hook-form"),K=require("react-stately"),V=require("./index87.js"),T=require("./index28.js"),C=require("./index6.js"),Q=require("./index15.js"),W=require("./index3.js"),U=require("./index41.js"),z=require("./index131.js"),G=require("./index132.js"),A=R=>{var O;const{name:h,placeholderLabel:g,disabled:e,required:b,isInvalid:f,hookFormRef:d,isError:l=!1,errorMessage:u,themeName:r="select",tokens:m,customTheme:I,label:q,onSelectionChange:j,defaultValue:v,value:$,icon:S,popoverMatchesWidth:N,options:c,...i}=R,o=D.useRef(),n=D.useRef(null),F=a=>{a&&(d==null||d(a),o.current=a)},k=c==null?void 0:c.filter(a=>{var P;return!((P=a.key)!=null&&P.includes("header-"))}),s=K.useSelectState({...i,children:U,selectedKey:$,defaultSelectedKey:v,items:k,onSelectionChange:j,isDisabled:e,isRequired:b,isInvalid:f}),{triggerProps:M,menuProps:p,labelProps:x,valueProps:L}=w.useSelect({...i,label:q,isDisabled:e,isRequired:b,isInvalid:f},s,F),{onPress:y,onPressStart:E,..._}=M;return t.jsxs(T.default,{themeName:`${r}.wrapper`,children:[q&&t.jsx(W.default,{...x,as:"label",themeName:`${r}.label`,children:q}),t.jsx(w.HiddenSelect,{state:s,triggerRef:n,name:h,isDisabled:!0}),t.jsxs(T.default,{themeName:`${r}.container`,children:[t.jsxs(C.ButtonWithForwardRef,{..._,handlePress:a=>{y==null||y(a),E==null||E(a)},ref:n,disabled:e,themeName:`${r}.button`,tokens:{...m,intent:l?"error":"default"},children:[t.jsx("span",{...L,children:s.selectedItem?s.selectedItem.rendered:g}),t.jsx(Q,{icon:S??"ArrowDown"})]}),s.isOpen&&n.current&&t.jsx(G,{tokens:m,state:s,triggerRef:n,placement:"bottom",themeName:`${r}.popover`,style:{[`--${r}-container-width`]:`${(O=n.current)==null?void 0:O.offsetWidth}px`},children:t.jsx(z.ListBox,{...p,themeName:r,state:s,optionsWithHeaders:c??[]})}),l&&t.jsx(W.default,{tokens:{...m,isError:l},themeName:`${r}.errorMessage`,children:u})]})]})},J=({id:R,name:h,label:g,rules:e,tokens:b,defaultValue:f,themeName:d="select",required:l,onChange:u,options:r,placeholderLabel:m,icon:I,popoverMatchesWidth:q,value:j,...v})=>{const{control:$}=H.useFormContext(),{t:S}=V.useTranslation(),N=()=>{const i=Object.entries(v).filter(([o,n])=>o.startsWith("aria-"));return Object.fromEntries(i)},c={required:l?S("FORM.ERROR.REQUIRED")??"required":!1,...e};return t.jsx(H.Controller,{name:h,control:$,rules:c,disabled:e==null?void 0:e.disabled,defaultValue:f??j,render:({field:i,fieldState:o})=>{var p;const{ref:n,...F}=i,k=!B.isEmpty(o.error),s={isDisabled:i.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,isError:k},M={...b,...s};return t.jsx(A,{...F,...s,...N(),id:R,hookFormRef:n,name:h,themeName:d,label:g,tokens:M,disabled:i.disabled,required:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,errorMessage:(p=o.error)==null?void 0:p.message,value:i.value,options:r,placeholderLabel:m,icon:I,popoverMatchesWidth:q,onSelectionChange:x=>{i.onChange(x),u==null||u(x)}})}})};exports.ReactHookFormSelect=J;exports.default=A;
+"use strict";const o=require("react/jsx-runtime"),a=require("react-aria"),c=require("./index92.js"),u=require("./index34.js"),l=require("./index104.js"),p=n=>{const{themeName:i="carousel.pagination",tokens:s,children:e}=n,{paginationProps:t}=l.useCarouselPagination(n),{swiper:r}=c.useCarousel();return o.jsx(u.BoxWithForwardRef,{themeName:`${i}.wrapper`,tokens:s,...t,children:o.jsx(a.FocusScope,{children:typeof e=="function"?r&&e(r):e})})};module.exports=p;