@okam/stack-ui 1.34.0 → 1.35.0

package/index126.mjs

@@ -1,224 +1,60 @@
-import { constrainValue as m, alignCenter as L, alignEnd as j, alignStart as S, isInvalid as Z, constrainStart as q, previousAvailableDate as te } from "./index221.mjs";
-import { GregorianCalendar as le } from "./index202.mjs";
-import { toCalendar as x, toCalendarDate as _ } from "./index195.mjs";
-import { today as se, startOfWeek as z, startOfMonth as ie, endOfWeek as ne, endOfMonth as de, isSameDay as F, getDayOfWeek as re } from "./index153.mjs";
-import { DateFormatter as ue } from "./index199.mjs";
-import { useControlledState as H } from "./index189.mjs";
-import { useMemo as c, useState as W } from "react";
-function De(l) {
-  let g = c(() => new ue(l.locale), [
-    l.locale
-  ]), D = c(() => g.resolvedOptions(), [
-    g
-  ]), { locale: d, createCalendar: A, visibleDuration: a = {
-    months: 1
-  }, minValue: s, maxValue: i, selectionAlignment: J, isDateUnavailable: k, pageBehavior: M = "visible" } = l, o = c(() => A(D.calendar), [
-    A,
-    D.calendar
-  ]);
-  var I;
-  let [r, P] = H(l.value, (I = l.defaultValue) !== null && I !== void 0 ? I : null, l.onChange), $ = c(() => r ? x(_(r), o) : null, [
-    r,
-    o
-  ]), O = c(() => r && "timeZone" in r ? r.timeZone : D.timeZone, [
-    r,
-    D.timeZone
-  ]), K = c(() => l.focusedValue ? m(x(_(l.focusedValue), o), s, i) : void 0, [
-    l.focusedValue,
-    o,
-    s,
-    i
-  ]), Q = c(() => m(l.defaultFocusedValue ? x(_(l.defaultFocusedValue), o) : $ || x(se(O), o), s, i), [
-    l.defaultFocusedValue,
-    $,
-    O,
-    o,
-    s,
-    i
-  ]), [t, V] = H(K, Q, l.onFocusChange), [u, C] = W(() => {
-    switch (J) {
-      case "start":
-        return S(t, a, d, s, i);
-      case "end":
-        return j(t, a, d, s, i);
-      case "center":
-      default:
-        return L(t, a, d, s, i);
-    }
-  }), [B, E] = W(l.autoFocus || !1), y = c(() => {
-    let e = {
-      ...a
-    };
-    return e.days ? e.days-- : e.days = -1, u.add(e);
-  }, [
-    u,
-    a
-  ]), [T, X] = W(o.identifier);
-  if (o.identifier !== T) {
-    let e = x(t, o);
-    C(L(e, a, d, s, i)), V(e), X(o.identifier);
+"use client";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { useCalendarGrid as g } from "react-aria";
+import l from "./index27.mjs";
+import { getIsDateOutsideRange as v } from "./index146.mjs";
+import C from "./index147.mjs";
+const k = {
+  narrow: {
+    value: "narrow"
+  },
+  abbreviated: {
+    value: "short",
+    transform: (e) => e.map((t) => t.slice(0, 2))
+  },
+  short: {
+    value: "short"
+  },
+  long: {
+    value: "long"
   }
-  Z(t, s, i) ? V(m(t, s, i)) : t.compare(u) < 0 ? C(j(t, a, d, s, i)) : t.compare(y) > 0 && C(S(t, a, d, s, i));
-  function n(e) {
-    e = m(e, s, i), V(e);
-  }
-  function R(e) {
-    if (!l.isDisabled && !l.isReadOnly) {
-      let f = e;
-      if (f === null) {
-        P(null);
-        return;
-      }
-      if (f = m(f, s, i), f = te(f, u, k), !f) return;
-      f = x(f, (r == null ? void 0 : r.calendar) || new le()), r && "hour" in r ? P(r.set(f)) : P(f);
-    }
-  }
-  let Y = c(() => $ ? k && k($) ? !0 : Z($, s, i) : !1, [
-    $,
-    k,
-    s,
-    i
-  ]), G = l.isInvalid || l.validationState === "invalid" || Y, ee = G ? "invalid" : null, b = c(() => M === "visible" ? a : p(a), [
-    M,
-    a
-  ]);
-  var N, U;
-  return {
-    isDisabled: (N = l.isDisabled) !== null && N !== void 0 ? N : !1,
-    isReadOnly: (U = l.isReadOnly) !== null && U !== void 0 ? U : !1,
-    value: $,
-    setValue: R,
-    visibleRange: {
-      start: u,
-      end: y
-    },
-    minValue: s,
-    maxValue: i,
-    focusedDate: t,
-    timeZone: O,
-    validationState: ee,
-    isValueInvalid: G,
-    setFocusedDate(e) {
-      n(e), E(!0);
-    },
-    focusNextDay() {
-      n(t.add({
-        days: 1
-      }));
-    },
-    focusPreviousDay() {
-      n(t.subtract({
-        days: 1
-      }));
-    },
-    focusNextRow() {
-      a.days ? this.focusNextPage() : (a.weeks || a.months || a.years) && n(t.add({
-        weeks: 1
-      }));
-    },
-    focusPreviousRow() {
-      a.days ? this.focusPreviousPage() : (a.weeks || a.months || a.years) && n(t.subtract({
-        weeks: 1
-      }));
-    },
-    focusNextPage() {
-      let e = u.add(b);
-      V(m(t.add(b), s, i)), C(S(q(t, e, b, d, s, i), b, d));
-    },
-    focusPreviousPage() {
-      let e = u.subtract(b);
-      V(m(t.subtract(b), s, i)), C(S(q(t, e, b, d, s, i), b, d));
-    },
-    focusSectionStart() {
-      a.days ? n(u) : a.weeks ? n(z(t, d)) : (a.months || a.years) && n(ie(t));
-    },
-    focusSectionEnd() {
-      a.days ? n(y) : a.weeks ? n(ne(t, d)) : (a.months || a.years) && n(de(t));
-    },
-    focusNextSection(e) {
-      if (!e && !a.days) {
-        n(t.add(p(a)));
-        return;
-      }
-      a.days ? this.focusNextPage() : a.weeks ? n(t.add({
-        months: 1
-      })) : (a.months || a.years) && n(t.add({
-        years: 1
-      }));
-    },
-    focusPreviousSection(e) {
-      if (!e && !a.days) {
-        n(t.subtract(p(a)));
-        return;
-      }
-      a.days ? this.focusPreviousPage() : a.weeks ? n(t.subtract({
-        months: 1
-      })) : (a.months || a.years) && n(t.subtract({
-        years: 1
-      }));
-    },
-    selectFocusedDate() {
-      R(t);
-    },
-    selectDate(e) {
-      R(e);
-    },
-    isFocused: B,
-    setFocused: E,
-    isInvalid(e) {
-      return Z(e, s, i);
-    },
-    isSelected(e) {
-      return $ != null && F(e, $) && !this.isCellDisabled(e) && !this.isCellUnavailable(e);
-    },
-    isCellFocused(e) {
-      return B && t && F(e, t);
-    },
-    isCellDisabled(e) {
-      return l.isDisabled || e.compare(u) < 0 || e.compare(y) > 0 || this.isInvalid(e);
-    },
-    isCellUnavailable(e) {
-      return l.isDateUnavailable ? l.isDateUnavailable(e) : !1;
-    },
-    isPreviousVisibleRangeInvalid() {
-      let e = u.subtract({
-        days: 1
-      });
-      return F(e, u) || this.isInvalid(e);
-    },
-    isNextVisibleRangeInvalid() {
-      let e = y.add({
-        days: 1
-      });
-      return F(e, y) || this.isInvalid(e);
-    },
-    getDatesInWeek(e, f = u) {
-      let v = f.add({
-        weeks: e
-      }), h = [];
-      v = z(v, d);
-      let ae = re(v, d);
-      for (let w = 0; w < ae; w++) h.push(null);
-      for (; h.length < 7; ) {
-        h.push(v);
-        let w = v.add({
-          days: 1
-        });
-        if (F(v, w)) break;
-        v = w;
-      }
-      for (; h.length < 7; ) h.push(null);
-      return h;
-    }
-  };
-}
-function p(l) {
-  let g = {
-    ...l
-  };
-  for (let D in l) g[D] = 1;
-  return g;
+};
+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 {
-  De as useCalendarState
+  P as default
 };

package/index127.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),b=require("./index153.js"),q=require("./index154.js"),y=require("@react-aria/i18n"),l=require("./index64.js"),p=require("./index155.js");function T({themeName:c="calendar",customTheme:g,tokens:a,state:n,...i}){const{locale:o}=y.useLocale(),{gridProps:t,headerProps:d}=q.useCalendarGrid({...i},n),u=["SU","MO","TU","WE","TH","FR","SA"],h=b.getWeeksInMonth(n.visibleRange.start,o),j=l(`${c}.calendarTable`,a),x=l(`${c}.dayLabel`,a);return e.jsxs("table",{...t,cellPadding:"0",className:j,children:[e.jsx("thead",{...d,children:e.jsx("tr",{children:u.map(r=>e.jsx("th",{className:x,children:r},`day-${r}`))})}),e.jsx("tbody",{children:[...new Array(h).keys()].map(r=>e.jsx("tr",{children:n.getDatesInWeek(r).map((s,m)=>s?e.jsx(p,{state:n,date:s},s==null?void 0:s.day):e.jsx("td",{},m))},`week-${r}`))})]})}module.exports=T;
+"use strict";const i=require("react/jsx-runtime"),j=require("./index27.js"),s=require("./index6.js"),h=require("./index14.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/index127.mjs

@@ -1,16 +1,41 @@
-import { jsxs as $, jsx as e } from "react/jsx-runtime";
-import { getWeeksInMonth as u } from "./index153.mjs";
-import { useCalendarGrid as y } from "./index154.mjs";
-import { useLocale as T } from "@react-aria/i18n";
-import n from "./index64.mjs";
-import g from "./index155.mjs";
-function W({ themeName: c = "calendar", customTheme: x, tokens: l, state: o, ...s }) {
-  const { locale: t } = T(), { gridProps: d, headerProps: m } = y({ ...s }, o), i = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"], h = u(o.visibleRange.start, t), p = n(`${c}.calendarTable`, l), f = n(`${c}.dayLabel`, l);
-  return /* @__PURE__ */ $("table", { ...d, cellPadding: "0", className: p, children: [
-    /* @__PURE__ */ e("thead", { ...m, children: /* @__PURE__ */ e("tr", { children: i.map((r) => /* @__PURE__ */ e("th", { className: f, children: r }, `day-${r}`)) }) }),
-    /* @__PURE__ */ e("tbody", { children: [...new Array(h).keys()].map((r) => /* @__PURE__ */ e("tr", { children: o.getDatesInWeek(r).map((a, b) => a ? /* @__PURE__ */ e(g, { state: o, date: a }, a == null ? void 0 : a.day) : /* @__PURE__ */ e("td", {}, b)) }, `week-${r}`)) })
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import g from "./index27.mjs";
+import o from "./index6.mjs";
+import h from "./index14.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 {
-  W as default
+  y as default
 };

package/index128.js

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index64.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;
+"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index67.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/index128.mjs

@@ -1,6 +1,6 @@
 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 "./index64.mjs";
+import p from "./index67.mjs";
 const y = ({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) => {
   const s = p(e, i, n);
   return m(t, {

package/index129.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),o=require("react-aria"),l=require("./index25.js"),d=t=>{const{children:s,themeName:u,tokens:c,customTheme:i}=t,r=a.useRef(null),{dialogProps:n}=o.useDialog(t,r);return e.jsx(l.BoxWithForwardRef,{themeName:`${u}.dialog`,tokens:c,customTheme:i,ref:r,"aria-modal":!0,...n,children:e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(o.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:s})})})};module.exports=d;
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),o=require("react-aria"),l=require("./index27.js"),d=t=>{const{children:s,themeName:u,tokens:c,customTheme:i}=t,r=a.useRef(null),{dialogProps:n}=o.useDialog(t,r);return e.jsx(l.BoxWithForwardRef,{themeName:`${u}.dialog`,tokens:c,customTheme:i,ref:r,"aria-modal":!0,...n,children:e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(o.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:s})})})};module.exports=d;

package/index129.mjs

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import c from "react";
 import { useDialog as n, FocusRing as m, FocusScope as l } from "react-aria";
-import { BoxWithForwardRef as f } from "./index25.mjs";
+import { BoxWithForwardRef as f } from "./index27.mjs";
 const p = (e) => {
   const { children: r, themeName: u, tokens: s, customTheme: a } = e, t = c.useRef(null), { dialogProps: i } = n(e, t);
   return /* @__PURE__ */ o(

package/index13.js

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),t=require("sanitize-html"),d=require("./index3.js"),s=require("./index104.js"),g=["iframe","img"],f={iframe:["src","allow","allowfullscreen","frameborder","scrolling","target","title","height","width","referrerpolicy"],img:["src","srcset","alt","title","width","height","loading"]},w=({content:i,themeName:l="wysiwyg",useSanitizerDefaultAllowedTags:o=!0,useSanitizerDefaultAllowedAttributes:n=!0,allowedTags:e=g,allowedAttributes:r=f,...a})=>{const u=t(i,{allowedTags:o?t.defaults.allowedTags.concat(e):e,nonBooleanAttributes:[],allowedAttributes:n?{...t.defaults.allowedAttributes,"*":[...t.defaults.nonBooleanAttributes,...s.ariaAttributes,...s.booleanAttributes],...r}:r});return c.jsx(d.default,{...a,themeName:l,dangerouslySetInnerHTML:{__html:u}})};module.exports=w;
+"use strict";const c=require("react/jsx-runtime"),t=require("sanitize-html"),d=require("./index3.js"),s=require("./index108.js"),g=["iframe","img"],f={iframe:["src","allow","allowfullscreen","frameborder","scrolling","target","title","height","width","referrerpolicy"],img:["src","srcset","alt","title","width","height","loading"]},w=({content:i,themeName:l="wysiwyg",useSanitizerDefaultAllowedTags:o=!0,useSanitizerDefaultAllowedAttributes:n=!0,allowedTags:e=g,allowedAttributes:r=f,...a})=>{const u=t(i,{allowedTags:o?t.defaults.allowedTags.concat(e):e,nonBooleanAttributes:[],allowedAttributes:n?{...t.defaults.allowedAttributes,"*":[...t.defaults.nonBooleanAttributes,...s.ariaAttributes,...s.booleanAttributes],...r}:r});return c.jsx(d.default,{...a,themeName:l,dangerouslySetInnerHTML:{__html:u}})};module.exports=w;

package/index13.mjs

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import t from "sanitize-html";
 import d from "./index3.mjs";
-import { ariaAttributes as f, booleanAttributes as m } from "./index104.mjs";
+import { ariaAttributes as f, booleanAttributes as m } from "./index108.mjs";
 const c = ["iframe", "img"], g = {
   iframe: [
     "src",

package/index130.js

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index25.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;
+"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index27.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/index130.mjs

@@ -1,7 +1,7 @@
 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 "./index25.mjs";
+import h, { BoxWithForwardRef as i } from "./index27.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 }) });

package/index131.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index158.js"),V=require("./index189.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=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index149.js"),V=require("./index150.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/index131.mjs

@@ -1,5 +1,5 @@
-import { useFormValidationState as f } from "./index158.mjs";
-import { useControlledState as $ } from "./index189.mjs";
+import { useFormValidationState as f } from "./index149.mjs";
+import { useControlledState as $ } from "./index150.mjs";
 import { useMemo as m, useState as r } from "react";
 let b = Math.round(Math.random() * 1e10), v = 0;
 function F(e) {

package/index132.js

@@ -1 +1 @@
-"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index64.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,{className:c,style:a,...r,children:i}))};module.exports=p;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index67.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,{className:c,style:a,...r,children:i}))};module.exports=p;

package/index132.mjs

@@ -1,6 +1,6 @@
 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 "./index64.mjs";
+import d from "./index67.mjs";
 const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
   const a = d(o, e, n);
   return f(t, {

package/index133.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index67.js"),l=require("./index25.js"),h=require("./index34.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index70.js"),l=require("./index27.js"),h=require("./index37.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;

package/index133.mjs

@@ -1,7 +1,7 @@
 import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
-import { useMenu as h } from "./index67.mjs";
-import c from "./index25.mjs";
-import d from "./index34.mjs";
+import { useMenu as h } from "./index70.mjs";
+import c from "./index27.mjs";
+import d from "./index37.mjs";
 const T = (i) => {
   var a;
   const { themeName: e, tokens: t, customTheme: n, children: p, beforeTabContent: o, afterTabContent: m } = i, { tabState: r, defaultSelectedKey: u } = h();

package/index134.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("./index146.js"),l=require("react"),d=require("./index132.js"),b=require("./index25.js");function h({state:e,customTheme:s,themeName:i="tabPanel",tokens:c,...u}){var n;const r=l.useRef(null),{tabPanelProps:a}=o.useTabPanel(u,e,r);return t.jsx(d,{isVisible:!0,children:t.jsx(b.BoxWithForwardRef,{themeName:`${i}`,tokens:c,customTheme:s,...a,ref:r,children:(n=e.selectedItem)==null?void 0:n.props.children})})}module.exports=h;
+"use strict";const t=require("react/jsx-runtime"),o=require("./index148.js"),l=require("react"),d=require("./index132.js"),b=require("./index27.js");function h({state:e,customTheme:s,themeName:i="tabPanel",tokens:c,...u}){var n;const r=l.useRef(null),{tabPanelProps:a}=o.useTabPanel(u,e,r);return t.jsx(d,{isVisible:!0,children:t.jsx(b.BoxWithForwardRef,{themeName:`${i}`,tokens:c,customTheme:s,...a,ref:r,children:(n=e.selectedItem)==null?void 0:n.props.children})})}module.exports=h;

package/index134.mjs

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTabPanel as m } from "./index146.mjs";
+import { useTabPanel as m } from "./index148.mjs";
 import c from "react";
 import p from "./index132.mjs";
-import { BoxWithForwardRef as s } from "./index25.mjs";
+import { BoxWithForwardRef as s } from "./index27.mjs";
 function x({ state: e, customTheme: a, themeName: i = "tabPanel", tokens: n, ...f }) {
   var t;
   const r = c.useRef(null), { tabPanelProps: l } = m(f, e, r);

package/index135.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),c=require("./index6.js"),u=require("./index14.js"),l=require("./index45.js"),t=i.forwardRef((r,s)=>{const{themeName:n="alerts.closeBtn",...o}=r;return e.jsx(c.ButtonWithForwardRef,{ref:s,themeName:n,...o,children:e.jsx(u,{icon:e.jsx(l,{})})})});t.displayName="AlertsCloseButton";module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),c=require("./index6.js"),u=require("./index14.js"),l=require("./index48.js"),t=i.forwardRef((r,s)=>{const{themeName:n="alerts.closeBtn",...o}=r;return e.jsx(c.ButtonWithForwardRef,{ref:s,themeName:n,...o,children:e.jsx(u,{icon:e.jsx(l,{})})})});t.displayName="AlertsCloseButton";module.exports=t;

package/index135.mjs

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { ButtonWithForwardRef as n } from "./index6.mjs";
 import i from "./index14.mjs";
-import l from "./index45.mjs";
+import l from "./index48.mjs";
 const a = m((o, r) => {
   const { themeName: e = "alerts.closeBtn", ...s } = o;
   return /* @__PURE__ */ t(n, { ref: r, themeName: e, ...s, children: /* @__PURE__ */ t(i, { icon: /* @__PURE__ */ t(l, {}) }) });

package/index139.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(n){var o;const s=[];let e=null;const i=[];for(const t of n)t.key==="header"||((o=t.key)==null?void 0:o.toString().startsWith("header-"))?(e&&s.push(e),e={header:t,items:[]}):e?e.items.push(t):i.push(t);return e&&s.push(e),[...i.length>0?[{items:i}]:[],...s]}exports.useListboxSections=r;
+"use strict";const T=require("react/jsx-runtime"),e=require("@react-spring/web"),g=require("./index67.js"),u=t=>{const{isVisible:o,children:i,themeName:n,tokens:r,customTheme:s,...a}=t,d=e.useTransition(o,{from:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"},enter:{gridTemplateRows:"1fr",paddingTop:"1rem",paddingBottom:"1rem"},leave:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"}}),m=g(n,r,s);return d((c,p)=>p&&T.jsx(e.animated.div,{...a,style:c,className:m,children:i}))};module.exports=u;

package/index139.mjs

@@ -1,12 +1,14 @@
-function h(o) {
-  var n;
-  const s = [];
-  let e = null;
-  const i = [];
-  for (const t of o)
-    t.key === "header" || ((n = t.key) == null ? void 0 : n.toString().startsWith("header-")) ? (e && s.push(e), e = { header: t, items: [] }) : e ? e.items.push(t) : i.push(t);
-  return e && s.push(e), [...i.length > 0 ? [{ items: i }] : [], ...s];
-}
+import { jsx as T } from "react/jsx-runtime";
+import { useTransition as c, animated as g } from "@react-spring/web";
+import l from "./index67.mjs";
+const w = (e) => {
+  const { isVisible: t, children: o, themeName: r, tokens: i, customTheme: n, ...m } = e, s = c(t, {
+    from: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" },
+    enter: { gridTemplateRows: "1fr", paddingTop: "1rem", paddingBottom: "1rem" },
+    leave: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" }
+  }), a = l(r, i, n);
+  return s((d, p) => p && /* @__PURE__ */ T(g.div, { ...m, style: d, className: a, children: o }));
+};
 export {
-  h as useListboxSections
+  w as default
 };

package/index14.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("./index107.js"),o=require("react/jsx-runtime"),t=require("react"),v=require("./index64.js"),x=require("./index105.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),q=r=>{const{icon:s,...i}=r,n=t.useMemo(()=>t.lazy(()=>a(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index39.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index40.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index41.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index42.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index43.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index44.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index45.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index46.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index47.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index48.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index49.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index105.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index50.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index51.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index52.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index53.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index54.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index55.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index106.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index56.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index57.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index58.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index59.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index60.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index61.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index62.js")))}),`../icons/${s||"ArrowRight"}.tsx`,3)),[s]);return o.jsx(t.Suspense,{fallback:o.jsx(x,{className:"overflow-visible pointer-events-none"}),children:o.jsx(n,{...i,className:"overflow-visible pointer-events-none",...r})})},P=r=>{const{icon:s,as:i="span",tokens:n,customTheme:m,themeName:h="icon",children:c,...l}=r,u=v(h,n,m);return typeof s!="string"?o.jsxs(i,{...l,className:u,children:[c,s]}):o.jsxs(i,{className:u,children:[c,o.jsx(q,{icon:s,...l})]})};module.exports=P;
+"use strict";const a=require("./index111.js"),o=require("react/jsx-runtime"),t=require("react"),v=require("./index67.js"),x=require("./index109.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),q=r=>{const{icon:s,...i}=r,n=t.useMemo(()=>t.lazy(()=>a(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index42.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index43.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index44.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index45.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index46.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index47.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index48.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index49.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index50.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index51.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index52.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index109.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index53.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index54.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index55.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index56.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index57.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index58.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index110.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index59.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index60.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index61.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index62.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index63.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index64.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index65.js")))}),`../icons/${s||"ArrowRight"}.tsx`,3)),[s]);return o.jsx(t.Suspense,{fallback:o.jsx(x,{className:"overflow-visible pointer-events-none"}),children:o.jsx(n,{...i,className:"overflow-visible pointer-events-none",...r})})},P=r=>{const{icon:s,as:i="span",tokens:n,customTheme:m,themeName:h="icon",children:c,...l}=r,u=v(h,n,m);return typeof s!="string"?o.jsxs(i,{...l,className:u,children:[c,s]}):o.jsxs(i,{className:u,children:[c,o.jsx(q,{icon:s,...l})]})};module.exports=P;

package/index14.mjs

@@ -1,11 +1,11 @@
 "use client";
-import l from "./index107.mjs";
+import l from "./index111.mjs";
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { useMemo as x, lazy as h, Suspense as u } from "react";
-import d from "./index64.mjs";
-import b from "./index105.mjs";
+import d from "./index67.mjs";
+import b from "./index109.mjs";
 const f = (t) => {
-  const { icon: o, ...s } = t, r = x(() => h(() => l(/* @__PURE__ */ Object.assign({ "../icons/ArrowDown.tsx": () => import("./index39.mjs"), "../icons/ArrowLeft.tsx": () => import("./index40.mjs"), "../icons/ArrowRight.tsx": () => import("./index41.mjs"), "../icons/Check.tsx": () => import("./index42.mjs"), "../icons/ChevronLeft.tsx": () => import("./index43.mjs"), "../icons/ChevronRight.tsx": () => import("./index44.mjs"), "../icons/CloseBtn.tsx": () => import("./index45.mjs"), "../icons/Facebook.tsx": () => import("./index46.mjs"), "../icons/FacebookColored.tsx": () => import("./index47.mjs"), "../icons/FacebookRounded.tsx": () => import("./index48.mjs"), "../icons/Globe.tsx": () => import("./index49.mjs"), "../icons/IconFallback.tsx": () => import("./index105.mjs"), "../icons/Instagram.tsx": () => import("./index50.mjs"), "../icons/InstagramColored.tsx": () => import("./index51.mjs"), "../icons/Link.tsx": () => import("./index52.mjs"), "../icons/LinkedIn.tsx": () => import("./index53.mjs"), "../icons/Mail.tsx": () => import("./index54.mjs"), "../icons/Plus.tsx": () => import("./index55.mjs"), "../icons/Search.tsx": () => import("./index106.mjs"), "../icons/Share.tsx": () => import("./index56.mjs"), "../icons/Twitter.tsx": () => import("./index57.mjs"), "../icons/TwitterColored.tsx": () => import("./index58.mjs"), "../icons/Upload.tsx": () => import("./index59.mjs"), "../icons/X.tsx": () => import("./index60.mjs"), "../icons/YouTube.tsx": () => import("./index61.mjs"), "../icons/YouTubeColored.tsx": () => import("./index62.mjs") }), `../icons/${o || "ArrowRight"}.tsx`, 3)), [o]);
+  const { icon: o, ...s } = t, r = x(() => h(() => l(/* @__PURE__ */ Object.assign({ "../icons/ArrowDown.tsx": () => import("./index42.mjs"), "../icons/ArrowLeft.tsx": () => import("./index43.mjs"), "../icons/ArrowRight.tsx": () => import("./index44.mjs"), "../icons/Check.tsx": () => import("./index45.mjs"), "../icons/ChevronLeft.tsx": () => import("./index46.mjs"), "../icons/ChevronRight.tsx": () => import("./index47.mjs"), "../icons/CloseBtn.tsx": () => import("./index48.mjs"), "../icons/Facebook.tsx": () => import("./index49.mjs"), "../icons/FacebookColored.tsx": () => import("./index50.mjs"), "../icons/FacebookRounded.tsx": () => import("./index51.mjs"), "../icons/Globe.tsx": () => import("./index52.mjs"), "../icons/IconFallback.tsx": () => import("./index109.mjs"), "../icons/Instagram.tsx": () => import("./index53.mjs"), "../icons/InstagramColored.tsx": () => import("./index54.mjs"), "../icons/Link.tsx": () => import("./index55.mjs"), "../icons/LinkedIn.tsx": () => import("./index56.mjs"), "../icons/Mail.tsx": () => import("./index57.mjs"), "../icons/Plus.tsx": () => import("./index58.mjs"), "../icons/Search.tsx": () => import("./index110.mjs"), "../icons/Share.tsx": () => import("./index59.mjs"), "../icons/Twitter.tsx": () => import("./index60.mjs"), "../icons/TwitterColored.tsx": () => import("./index61.mjs"), "../icons/Upload.tsx": () => import("./index62.mjs"), "../icons/X.tsx": () => import("./index63.mjs"), "../icons/YouTube.tsx": () => import("./index64.mjs"), "../icons/YouTubeColored.tsx": () => import("./index65.mjs") }), `../icons/${o || "ArrowRight"}.tsx`, 3)), [o]);
   return /* @__PURE__ */ i(u, { fallback: /* @__PURE__ */ i(b, { className: "overflow-visible pointer-events-none" }), children: /* @__PURE__ */ i(r, { ...s, className: "overflow-visible pointer-events-none", ...t }) });
 }, g = (t) => {
   const { icon: o, as: s = "span", tokens: r, customTheme: p, themeName: a = "icon", children: n, ...e } = t, c = d(a, r, p);

package/index140.js

@@ -1 +1 @@
-"use strict";const T=require("react/jsx-runtime"),e=require("@react-spring/web"),g=require("./index64.js"),u=t=>{const{isVisible:o,children:i,themeName:n,tokens:r,customTheme:s,...a}=t,d=e.useTransition(o,{from:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"},enter:{gridTemplateRows:"1fr",paddingTop:"1rem",paddingBottom:"1rem"},leave:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"}}),m=g(n,r,s);return d((c,p)=>p&&T.jsx(e.animated.div,{...a,style:c,className:m,children:i}))};module.exports=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index154.js"),a=require("./index155.js"),l=require("react"),b=require("./index156.js");let $=!!(typeof window<"u"&&window.document&&window.document.createElement),f=new Map,s;typeof FinalizationRegistry<"u"&&(s=new FinalizationRegistry(r=>{f.delete(r)}));function i(r){let[e,c]=l.useState(r),n=l.useRef(null),t=b.useSSRSafeId(e),d=l.useRef(null);if(s&&s.register(d,t),$){const u=f.get(t);u&&!u.includes(n)?u.push(n):f.set(t,[n])}return o.useLayoutEffect(()=>{let u=t;return()=>{s&&s.unregister(d),f.delete(u)}},[t]),l.useEffect(()=>{let u=n.current;return u&&c(u),()=>{u&&(n.current=null)}}),t}function p(r,e){if(r===e)return r;let c=f.get(r);if(c)return c.forEach(t=>t.current=e),e;let n=f.get(e);return n?(n.forEach(t=>t.current=r),r):e}function y(r=[]){let e=i(),[c,n]=a.useValueEffect(e),t=l.useCallback(()=>{n(function*(){yield e,yield document.getElementById(e)?e:void 0})},[e,n]);return o.useLayoutEffect(t,[e,t,...r]),c}exports.idsUpdaterMap=f;exports.mergeIds=p;exports.useId=i;exports.useSlotId=y;