@okam/stack-ui 1.38.0 → 1.39.0

package/index157.mjs

@@ -1,52 +1,31 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { isSameDay as p, getDayOfWeek as O } from "./index232.mjs";
-import { useFocusRing as W } from "@react-aria/focus";
-import { mergeProps as v } from "./index124.mjs";
-import { useRef as B } from "react";
-import { useCalendarCell as I, useLocale as L } from "react-aria";
-import $, { BoxWithForwardRef as V } from "./index27.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 { useSingleSelectListState as r } from "./index257.mjs";
+import { useRef as y, useEffect as K } from "react";
+function b(d) {
+  var l, e;
+  let s = r({
+    ...d,
+    suppressTextValueWarning: !0,
+    defaultSelectedKey: (e = (l = d.defaultSelectedKey) !== null && l !== void 0 ? l : n(d.collection, d.disabledKeys ? new Set(d.disabledKeys) : /* @__PURE__ */ new Set())) !== null && e !== void 0 ? e : void 0
+  }), { selectionManager: t, collection: u, selectedKey: i } = s, f = y(i);
+  return K(() => {
+    let a = i;
+    d.selectedKey == null && (t.isEmpty || a == null || !u.getItem(a)) && (a = n(u, s.disabledKeys), a != null && t.setSelectedKeys([
+      a
+    ])), (a != null && t.focusedKey == null || !t.isFocused && a !== f.current) && t.setFocusedKey(a), f.current = a;
+  }), {
+    ...s,
+    isDisabled: d.isDisabled || !1
   };
-  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 })
-        }
-      )
-    }
-  );
+}
+function n(d, l) {
+  let e = null;
+  if (d) {
+    var s, t, u, i;
+    for (e = d.getFirstKey(); e != null && (l.has(e) || !((t = d.getItem(e)) === null || t === void 0 || (s = t.props) === null || s === void 0) && s.isDisabled) && e !== d.getLastKey(); ) e = d.getKeyAfter(e);
+    e != null && (l.has(e) || !((i = d.getItem(e)) === null || i === void 0 || (u = i.props) === null || u === void 0) && u.isDisabled) && e === d.getLastKey() && (e = d.getFirstKey());
+  }
+  return e;
 }
 export {
-  z as default
+  b as useTabListState
 };

package/index158.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index258.js"),o=require("./index134.js"),u=require("./index187.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;

package/index158.mjs

@@ -1,128 +1,24 @@
-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 { generateId as r } from "./index258.mjs";
+import { mergeProps as n } from "./index134.mjs";
+import { useLabels as c } from "./index187.mjs";
+import { useHasTabbableChild as f } from "@react-aria/focus";
+function m(a, e, b) {
+  let i = f(b) ? void 0 : 0;
+  var d;
+  const l = r(e, (d = a.id) !== null && d !== void 0 ? d : e == null ? void 0 : e.selectedKey, "tabpanel"), o = c({
+    ...a,
+    id: l,
+    "aria-labelledby": r(e, e == null ? void 0 : e.selectedKey, "tab")
+  });
+  return {
+    tabPanelProps: n(o, {
+      tabIndex: i,
+      role: "tabpanel",
+      "aria-describedby": a["aria-describedby"],
+      "aria-details": a["aria-details"]
+    })
   };
 }
 export {
-  u as DEFAULT_VALIDATION_RESULT,
-  B as FormValidationContext,
-  D as VALID_VALIDITY_STATE,
-  k as mergeValidation,
-  h as privateValidationStateProp,
-  P as useFormValidationState
+  m as useTabPanel
 };

package/index159.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function m(o,p,s){let[b,u]=l.useState(o||p),i=l.useRef(o!==void 0),e=o!==void 0;l.useEffect(()=>{let t=i.current;t!==e&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),i.current=e},[e]);let n=e?o:b,S=l.useCallback((t,...f)=>{let d=(r,...c)=>{s&&(Object.is(n,r)||s(r,...c)),e||(n=r)};typeof t=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),u((c,...V)=>{let a=t(e?n:c,...V);return d(a,...f),e?c:a})):(e||u(t),d(t,...f))},[e,n,s]);return[n,S]}exports.useControlledState=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index258.js"),S=require("./index134.js"),k=require("./index160.js"),y=require("./index183.js"),q=require("@react-aria/focus"),v=require("./index259.js");function M(n,e,t){let{key:s,isDisabled:c,shouldSelectOnPressUp:b}=n,{selectionManager:u,selectedKey:p}=e,r=s===p,i=c||e.isDisabled||e.selectionManager.isDisabled(s),{itemProps:o,isPressed:P}=v.useSelectableItem({selectionManager:u,key:s,ref:t,isDisabled:i,shouldSelectOnPressUp:b,linkBehavior:"selection"}),f=a.generateId(e,s,"tab"),g=a.generateId(e,s,"tabpanel"),{tabIndex:m}=o,l=e.collection.getItem(s),d=k.filterDOMProps(l==null?void 0:l.props,{labelable:!0});delete d.id;let D=y.useLinkProps(l==null?void 0:l.props),{focusableProps:I}=q.useFocusable({isDisabled:i},t);return{tabProps:S.mergeProps(d,I,D,o,{id:f,"aria-selected":r,"aria-disabled":i||void 0,"aria-controls":r?g:void 0,tabIndex:i?void 0:m,role:"tab"}),isSelected:r,isDisabled:i,isPressed:P}}exports.useTab=M;

package/index159.mjs

@@ -1,30 +1,38 @@
-import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
-function S(n, a, l) {
-  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
-  E(() => {
-    let t = i.current;
-    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
-  }, [
-    e
-  ]);
-  let o = e ? n : p, b = N((t, ...u) => {
-    let f = (r, ...c) => {
-      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
-    };
-    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
-      let d = t(e ? o : c, ...m);
-      return f(d, ...u), e ? c : d;
-    })) : (e || s(t), f(t, ...u));
-  }, [
-    e,
-    o,
-    l
-  ]);
-  return [
-    o,
-    b
-  ];
+import { generateId as t } from "./index258.mjs";
+import { mergeProps as I } from "./index134.mjs";
+import { filterDOMProps as g } from "./index160.mjs";
+import { useLinkProps as k } from "./index183.mjs";
+import { useFocusable as S } from "@react-aria/focus";
+import { useSelectableItem as v } from "./index259.mjs";
+function B(b, e, d) {
+  let { key: s, isDisabled: c, shouldSelectOnPressUp: n } = b, { selectionManager: p, selectedKey: f } = e, r = s === f, o = c || e.isDisabled || e.selectionManager.isDisabled(s), { itemProps: i, isPressed: m } = v({
+    selectionManager: p,
+    key: s,
+    ref: d,
+    isDisabled: o,
+    shouldSelectOnPressUp: n,
+    linkBehavior: "selection"
+  }), u = t(e, s, "tab"), $ = t(e, s, "tabpanel"), { tabIndex: P } = i, l = e.collection.getItem(s), a = g(l == null ? void 0 : l.props, {
+    labelable: !0
+  });
+  delete a.id;
+  let x = k(l == null ? void 0 : l.props), { focusableProps: D } = S({
+    isDisabled: o
+  }, d);
+  return {
+    tabProps: I(a, D, x, i, {
+      id: u,
+      "aria-selected": r,
+      "aria-disabled": o || void 0,
+      "aria-controls": r ? $ : void 0,
+      tabIndex: o ? void 0 : P,
+      role: "tab"
+    }),
+    isSelected: r,
+    isDisabled: o,
+    isPressed: m
+  };
 }
 export {
-  S as useControlledState
+  B as useTab
 };

package/index16.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("./index81.js"),T=require("./index27.js"),C=require("./index6.js"),Q=require("./index14.js"),W=require("./index3.js"),U=require("./index40.js"),z=require("./index121.js"),G=require("./index122.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 h=require("react/jsx-runtime"),p=require("@react-aria/i18n"),S=require("radashi"),l=require("react-aria"),q=require("./index79.js"),y=r=>{const{as:o="time",date:s,tokens:n,customTheme:a,dateFormatterOptions:m={month:"long",day:"numeric",year:"numeric"},themeName:c="typography",...i}=r,u=l.useIsSSR(),t=new Date(s),e=p.useDateFormatter(m).format(t),d=q(c,n,a);return u||S.isEmpty(e)?null:h.jsx(o,{...i,dateTime:t.toISOString(),className:d,children:e})};module.exports=y;

package/index16.mjs

@@ -1,170 +1,21 @@
 "use client";
-import { jsxs as M, jsx as i } from "react/jsx-runtime";
-import { isEmpty as A } from "radashi";
-import { useRef as T } from "react";
-import { useSelect as K, HiddenSelect as L } from "react-aria";
-import { useFormContext as V, Controller as C } from "react-hook-form";
-import { useSelectState as Q } from "react-stately";
-import { useTranslation as U } from "./index81.mjs";
-import W from "./index27.mjs";
-import { ButtonWithForwardRef as _ } from "./index6.mjs";
-import z from "./index14.mjs";
-import j from "./index3.mjs";
-import G from "./index40.mjs";
-import { ListBox as J } from "./index121.mjs";
-import X from "./index122.mjs";
-const Y = (q) => {
-  var S;
+import { jsx as u } from "react/jsx-runtime";
+import { useDateFormatter as d } from "@react-aria/i18n";
+import { isEmpty as h } from "radashi";
+import { useIsSSR as l } from "react-aria";
+import S from "./index79.mjs";
+const F = (o) => {
   const {
-    name: h,
-    placeholderLabel: v,
-    disabled: e,
-    required: u,
-    isInvalid: b,
-    hookFormRef: c,
-    isError: m = !1,
-    errorMessage: l,
-    themeName: r = "select",
-    tokens: p,
-    customTheme: O,
-    label: f,
-    onSelectionChange: I,
-    defaultValue: $,
-    value: x,
-    icon: y,
-    popoverMatchesWidth: P,
-    options: d,
-    ...t
-  } = q, s = T(), n = T(null), D = (a) => {
-    a && (c == null || c(a), s.current = a);
-  }, E = d == null ? void 0 : d.filter((a) => {
-    var w;
-    return !((w = a.key) != null && w.includes("header-"));
-  }), o = Q({
-    ...t,
-    children: G,
-    selectedKey: x,
-    defaultSelectedKey: $,
-    items: E,
-    onSelectionChange: I,
-    isDisabled: e,
-    isRequired: u,
-    isInvalid: b
-  }), { triggerProps: F, menuProps: R, labelProps: g, valueProps: B } = K(
-    { ...t, label: f, isDisabled: e, isRequired: u, isInvalid: b },
-    o,
-    D
-  ), { onPress: N, onPressStart: k, ...H } = F;
-  return /* @__PURE__ */ M(W, { themeName: `${r}.wrapper`, children: [
-    f && /* @__PURE__ */ i(j, { ...g, as: "label", themeName: `${r}.label`, children: f }),
-    /* @__PURE__ */ i(L, { state: o, triggerRef: n, name: h, isDisabled: !0 }),
-    /* @__PURE__ */ M(W, { themeName: `${r}.container`, children: [
-      /* @__PURE__ */ M(
-        _,
-        {
-          ...H,
-          handlePress: (a) => {
-            N == null || N(a), k == null || k(a);
-          },
-          ref: n,
-          disabled: e,
-          themeName: `${r}.button`,
-          tokens: { ...p, intent: m ? "error" : "default" },
-          children: [
-            /* @__PURE__ */ i("span", { ...B, children: o.selectedItem ? o.selectedItem.rendered : v }),
-            /* @__PURE__ */ i(z, { icon: y ?? "ArrowDown" })
-          ]
-        }
-      ),
-      o.isOpen && n.current && /* @__PURE__ */ i(
-        X,
-        {
-          tokens: p,
-          state: o,
-          triggerRef: n,
-          placement: "bottom",
-          themeName: `${r}.popover`,
-          style: { [`--${r}-container-width`]: `${(S = n.current) == null ? void 0 : S.offsetWidth}px` },
-          children: /* @__PURE__ */ i(J, { ...R, themeName: r, state: o, optionsWithHeaders: d ?? [] })
-        }
-      ),
-      m && /* @__PURE__ */ i(j, { tokens: { ...p, isError: m }, themeName: `${r}.errorMessage`, children: l })
-    ] })
-  ] });
-}, fe = ({
-  id: q,
-  name: h,
-  label: v,
-  rules: e,
-  tokens: u,
-  defaultValue: b,
-  themeName: c = "select",
-  required: m,
-  onChange: l,
-  options: r,
-  placeholderLabel: p,
-  icon: O,
-  popoverMatchesWidth: f,
-  value: I,
-  ...$
-}) => {
-  const { control: x } = V(), { t: y } = U(), P = () => {
-    const t = Object.entries($).filter(([s, n]) => s.startsWith("aria-"));
-    return Object.fromEntries(t);
-  }, d = {
-    required: m ? y("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...e
-  };
-  return /* @__PURE__ */ i(
-    C,
-    {
-      name: h,
-      control: x,
-      rules: d,
-      disabled: e == null ? void 0 : e.disabled,
-      defaultValue: b ?? I,
-      render: ({ field: t, fieldState: s }) => {
-        var R;
-        const { ref: n, ...D } = t, E = !A(s.error), o = {
-          isDisabled: t.disabled ?? !1,
-          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: s.invalid,
-          isError: E
-        }, F = {
-          ...u,
-          ...o
-        };
-        return /* @__PURE__ */ i(
-          Y,
-          {
-            ...D,
-            ...o,
-            ...P(),
-            id: q,
-            hookFormRef: n,
-            name: h,
-            themeName: c,
-            label: v,
-            tokens: F,
-            disabled: t.disabled,
-            required: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            isInvalid: s.invalid,
-            errorMessage: (R = s.error) == null ? void 0 : R.message,
-            value: t.value,
-            options: r,
-            placeholderLabel: p,
-            icon: O,
-            popoverMatchesWidth: f,
-            onSelectionChange: (g) => {
-              t.onChange(g), l == null || l(g);
-            }
-          }
-        );
-      }
-    }
-  );
+    as: m = "time",
+    date: r,
+    tokens: a,
+    customTheme: n,
+    dateFormatterOptions: s = { month: "long", day: "numeric", year: "numeric" },
+    themeName: i = "typography",
+    ...p
+  } = o, c = l(), t = new Date(r), e = d(s).format(t), f = S(i, a, n);
+  return c || h(e) ? null : /* @__PURE__ */ u(m, { ...p, dateTime: t.toISOString(), className: f, children: e });
 };
 export {
-  fe as ReactHookFormSelect,
-  Y as default
+  F as default
 };

package/index160.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index296.js"),f=require("react"),E=require("./index163.js"),v=require("./index186.js");function g(i,e,t){let{validationBehavior:s,focus:u}=i;E.useLayoutEffect(()=>{if(s==="native"&&(t!=null&&t.current)&&!t.current.disabled){let n=e.realtimeValidation.isInvalid?e.realtimeValidation.validationErrors.join(" ")||"Invalid value.":"";t.current.setCustomValidity(n),t.current.hasAttribute("title")||(t.current.title=""),e.realtimeValidation.isInvalid||e.updateValidation(h(t.current))}});let o=v.useEffectEvent(()=>{e.resetValidation()}),l=v.useEffectEvent(n=>{var a;e.displayValidation.isInvalid||e.commitValidation();let c=t==null||(a=t.current)===null||a===void 0?void 0:a.form;if(!n.defaultPrevented&&t&&c&&b(c)===t.current){var d;u?u():(d=t.current)===null||d===void 0||d.focus(),m.setInteractionModality("keyboard")}n.preventDefault()}),r=v.useEffectEvent(()=>{e.commitValidation()});f.useEffect(()=>{let n=t==null?void 0:t.current;if(!n)return;let a=n.form;return n.addEventListener("invalid",l),n.addEventListener("change",r),a==null||a.addEventListener("reset",o),()=>{n.removeEventListener("invalid",l),n.removeEventListener("change",r),a==null||a.removeEventListener("reset",o)}},[t,l,r,o,s])}function y(i){let e=i.validity;return{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing,valid:e.valid}}function h(i){return{isInvalid:!i.validity.valid,validationDetails:y(i),validationErrors:i.validationMessage?[i.validationMessage]:[]}}function b(i){for(let e=0;e<i.elements.length;e++){let t=i.elements[e];if(!t.validity.valid)return t}return null}exports.useFormValidation=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=new Set(["id"]),i=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),n=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),s=/^(data-.*)$/;function c(a,l={}){let{labelable:o,isLink:d,propNames:r}=l,t={};for(const e in a)Object.prototype.hasOwnProperty.call(a,e)&&(b.has(e)||o&&i.has(e)||d&&n.has(e)||r!=null&&r.has(e)||s.test(e))&&(t[e]=a[e]);return t}exports.filterDOMProps=c;

package/index160.mjs

@@ -1,76 +1,24 @@
-import { setInteractionModality as m } from "./index296.mjs";
-import { useEffect as f } from "react";
-import { useLayoutEffect as $ } from "./index163.mjs";
-import { useEffectEvent as v } from "./index186.mjs";
-function V(t, i, e) {
-  let { validationBehavior: s, focus: u } = t;
-  $(() => {
-    if (s === "native" && (e != null && e.current) && !e.current.disabled) {
-      let a = i.realtimeValidation.isInvalid ? i.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
-      e.current.setCustomValidity(a), e.current.hasAttribute("title") || (e.current.title = ""), i.realtimeValidation.isInvalid || i.updateValidation(g(e.current));
-    }
-  });
-  let o = v(() => {
-    i.resetValidation();
-  }), l = v((a) => {
-    var n;
-    i.displayValidation.isInvalid || i.commitValidation();
-    let c = e == null || (n = e.current) === null || n === void 0 ? void 0 : n.form;
-    if (!a.defaultPrevented && e && c && b(c) === e.current) {
-      var d;
-      u ? u() : (d = e.current) === null || d === void 0 || d.focus(), m("keyboard");
-    }
-    a.preventDefault();
-  }), r = v(() => {
-    i.commitValidation();
-  });
-  f(() => {
-    let a = e == null ? void 0 : e.current;
-    if (!a) return;
-    let n = a.form;
-    return a.addEventListener("invalid", l), a.addEventListener("change", r), n == null || n.addEventListener("reset", o), () => {
-      a.removeEventListener("invalid", l), a.removeEventListener("change", r), n == null || n.removeEventListener("reset", o);
-    };
-  }, [
-    e,
-    l,
-    r,
-    o,
-    s
-  ]);
-}
-function p(t) {
-  let i = t.validity;
-  return {
-    badInput: i.badInput,
-    customError: i.customError,
-    patternMismatch: i.patternMismatch,
-    rangeOverflow: i.rangeOverflow,
-    rangeUnderflow: i.rangeUnderflow,
-    stepMismatch: i.stepMismatch,
-    tooLong: i.tooLong,
-    tooShort: i.tooShort,
-    typeMismatch: i.typeMismatch,
-    valueMissing: i.valueMissing,
-    valid: i.valid
-  };
-}
-function g(t) {
-  return {
-    isInvalid: !t.validity.valid,
-    validationDetails: p(t),
-    validationErrors: t.validationMessage ? [
-      t.validationMessage
-    ] : []
-  };
-}
-function b(t) {
-  for (let i = 0; i < t.elements.length; i++) {
-    let e = t.elements[i];
-    if (!e.validity.valid) return e;
-  }
-  return null;
+const b = /* @__PURE__ */ new Set([
+  "id"
+]), i = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), s = /* @__PURE__ */ new Set([
+  "href",
+  "hrefLang",
+  "target",
+  "rel",
+  "download",
+  "ping",
+  "referrerPolicy"
+]), n = /^(data-.*)$/;
+function c(a, t = {}) {
+  let { labelable: d, isLink: o, propNames: r } = t, l = {};
+  for (const e in a) Object.prototype.hasOwnProperty.call(a, e) && (b.has(e) || d && i.has(e) || o && s.has(e) || r != null && r.has(e) || n.test(e)) && (l[e] = a[e]);
+  return l;
 }
 export {
-  V as useFormValidation
+  c as filterDOMProps
 };