@okam/stack-ui 1.34.0 → 1.35.1

package/index198.mjs

@@ -1,139 +1,52 @@
-import w from "./index283.mjs";
-import { Time as D } from "./index194.mjs";
-import { toCalendar as h, toCalendarDate as T, toCalendarDateTime as I } from "./index195.mjs";
-import { now as _, getLocalTimeZone as v } from "./index153.mjs";
-import { DateFormatter as L } from "./index199.mjs";
-import { LocalizedStringDictionary as m } from "./index284.mjs";
-import { LocalizedStringFormatter as F } from "./index285.mjs";
-import { mergeValidation as b, VALID_VALIDITY_STATE as O } from "./index158.mjs";
-import { useState as E } from "react";
-function S(e) {
-  return e && e.__esModule ? e.default : e;
-}
-const x = new m(S(w));
-function y() {
-  return typeof navigator < "u" && (navigator.language || navigator.userLanguage) || "en-US";
-}
-function p(e, t, n, r, a) {
-  let o = e != null && n != null && e.compare(n) > 0, i = e != null && t != null && e.compare(t) < 0, f = e != null && (r == null ? void 0 : r(e)) || !1, l = o || i || f, d = [];
-  if (l) {
-    let c = y(), s = m.getGlobalDictionaryForPackage("@react-stately/datepicker") || x, u = new F(c, s), $ = new L(c, P({}, a)), g = $.resolvedOptions().timeZone;
-    i && t != null && d.push(u.format("rangeUnderflow", {
-      minValue: $.format(t.toDate(g))
-    })), o && n != null && d.push(u.format("rangeOverflow", {
-      maxValue: $.format(n.toDate(g))
-    })), f && d.push(u.format("unavailableDate"));
-  }
-  return {
-    isInvalid: l,
-    validationErrors: d,
-    validationDetails: {
-      badInput: f,
-      customError: !1,
-      patternMismatch: !1,
-      rangeOverflow: o,
-      rangeUnderflow: i,
-      stepMismatch: !1,
-      tooLong: !1,
-      tooShort: !1,
-      typeMismatch: !1,
-      valueMissing: !1,
-      valid: !l
+import { isElementInChildOfActiveScope as g } from "@react-aria/focus";
+import { useEffect as m } from "react";
+import { useFocusWithin as v } from "./index176.mjs";
+import { useInteractOutside as b } from "./index199.mjs";
+const t = [];
+function C(a, i) {
+  let { onClose: o, shouldCloseOnBlur: l, isOpen: n, isDismissable: d = !1, isKeyboardDismissDisabled: u = !1, shouldCloseOnInteractOutside: s } = a;
+  m(() => {
+    if (n && !t.includes(i))
+      return t.push(i), () => {
+        let e = t.indexOf(i);
+        e >= 0 && t.splice(e, 1);
+      };
+  }, [
+    n,
+    i
+  ]);
+  let r = () => {
+    t[t.length - 1] === i && o && o();
+  }, f = (e) => {
+    (!s || s(e.target)) && t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault());
+  }, p = (e) => {
+    (!s || s(e.target)) && (t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault()), r());
+  }, c = (e) => {
+    e.key === "Escape" && !u && !e.nativeEvent.isComposing && (e.stopPropagation(), e.preventDefault(), r());
+  };
+  b({
+    ref: i,
+    onInteractOutside: d && n ? p : void 0,
+    onInteractOutsideStart: f
+  });
+  let { focusWithinProps: O } = v({
+    isDisabled: !l,
+    onBlurWithin: (e) => {
+      !e.relatedTarget || g(e.relatedTarget) || (!s || s(e.relatedTarget)) && (o == null || o());
     }
+  }), D = (e) => {
+    e.target === e.currentTarget && e.preventDefault();
   };
-}
-function W(e, t, n, r, a) {
-  var o;
-  let i = p((o = e == null ? void 0 : e.start) !== null && o !== void 0 ? o : null, t, n, r, a);
-  var f;
-  let l = p((f = e == null ? void 0 : e.end) !== null && f !== void 0 ? f : null, t, n, r, a), d = b(i, l);
-  if ((e == null ? void 0 : e.end) != null && e.start != null && e.end.compare(e.start) < 0) {
-    let c = m.getGlobalDictionaryForPackage("@react-stately/datepicker") || x;
-    d = b(d, {
-      isInvalid: !0,
-      validationErrors: [
-        c.getStringForLocale("rangeReversed", y())
-      ],
-      validationDetails: {
-        ...O,
-        rangeUnderflow: !0,
-        rangeOverflow: !0,
-        valid: !1
-      }
-    });
-  }
-  return d;
-}
-const Z = {
-  year: "numeric",
-  month: "numeric",
-  day: "numeric",
-  hour: "numeric",
-  minute: "2-digit",
-  second: "2-digit"
-}, G = {
-  year: "numeric",
-  month: "2-digit",
-  day: "2-digit",
-  hour: "2-digit",
-  minute: "2-digit",
-  second: "2-digit"
-};
-function P(e, t) {
-  e = {
-    ...t.shouldForceLeadingZeros ? G : Z,
-    ...e
+  return {
+    overlayProps: {
+      onKeyDown: c,
+      ...O
+    },
+    underlayProps: {
+      onPointerDown: D
+    }
   };
-  let r = t.granularity || "minute", a = Object.keys(e);
-  var o;
-  let i = a.indexOf((o = t.maxGranularity) !== null && o !== void 0 ? o : "year");
-  i < 0 && (i = 0);
-  let f = a.indexOf(r);
-  if (f < 0 && (f = 2), i > f) throw new Error("maxGranularity must be greater than granularity");
-  let l = a.slice(i, f + 1).reduce((c, s) => (c[s] = e[s], c), {});
-  return t.hourCycle != null && (l.hour12 = t.hourCycle === 12), l.timeZone = t.timeZone || "UTC", (r === "hour" || r === "minute" || r === "second") && t.timeZone && !t.hideTimeZone && (l.timeZoneName = "short"), t.showEra && i === 0 && (l.era = "short"), l;
-}
-function Y(e) {
-  return e && "hour" in e ? e : new D();
-}
-function C(e, t) {
-  if (e === null) return null;
-  if (e)
-    return h(e, t);
-}
-function q(e, t, n, r) {
-  if (e) return C(e, n);
-  let a = h(_(r ?? v()).set({
-    hour: 0,
-    minute: 0,
-    second: 0,
-    millisecond: 0
-  }), n);
-  return t === "year" || t === "month" || t === "day" ? T(a) : r ? a : I(a);
-}
-function B(e, t) {
-  let n = e && "timeZone" in e ? e.timeZone : void 0, r = e && "minute" in e ? "minute" : "day";
-  if (e && t && !(t in e)) throw new Error("Invalid granularity " + t + " for value " + e.toString());
-  let [a, o] = E([
-    r,
-    n
-  ]);
-  e && (a[0] !== r || a[1] !== n) && o([
-    r,
-    n
-  ]), t || (t = e ? r : a[0]);
-  let i = e ? n : a[1];
-  return [
-    t,
-    i
-  ];
 }
 export {
-  C as convertValue,
-  q as createPlaceholderDate,
-  P as getFormatOptions,
-  Y as getPlaceholderTime,
-  W as getRangeValidationResult,
-  p as getValidationResult,
-  B as useDefaultProps
+  C as useOverlay
 };

package/index199.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let n=new Map;class h{format(e){return this.formatter.format(e)}formatToParts(e){return this.formatter.formatToParts(e)}formatRange(e,r){if(typeof this.formatter.formatRange=="function")return this.formatter.formatRange(e,r);if(r<e)throw new RangeError("End date must be >= start date");return`${this.formatter.format(e)} – ${this.formatter.format(r)}`}formatRangeToParts(e,r){if(typeof this.formatter.formatRangeToParts=="function")return this.formatter.formatRangeToParts(e,r);if(r<e)throw new RangeError("End date must be >= start date");let u=this.formatter.formatToParts(e),t=this.formatter.formatToParts(r);return[...u.map(a=>({...a,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...t.map(a=>({...a,source:"endRange"}))]}resolvedOptions(){let e=this.formatter.resolvedOptions();return d()&&(this.resolvedHourCycle||(this.resolvedHourCycle=c(e.locale,this.options)),e.hourCycle=this.resolvedHourCycle,e.hour12=this.resolvedHourCycle==="h11"||this.resolvedHourCycle==="h12"),e.calendar==="ethiopic-amete-alem"&&(e.calendar="ethioaa"),e}constructor(e,r={}){this.formatter=s(e,r),this.options=r}}const i={true:{ja:"h11"},false:{}};function s(o,e={}){if(typeof e.hour12=="boolean"&&m()){e={...e};let t=i[String(e.hour12)][o.split("-")[0]],a=e.hour12?"h12":"h23";e.hourCycle=t??a,delete e.hour12}let r=o+(e?Object.entries(e).sort((t,a)=>t[0]<a[0]?-1:1).join():"");if(n.has(r))return n.get(r);let u=new Intl.DateTimeFormat(o,e);return n.set(r,u),u}let f=null;function m(){return f==null&&(f=new Intl.DateTimeFormat("en-US",{hour:"numeric",hour12:!1}).format(new Date(2020,2,3,0))==="24"),f}let l=null;function d(){return l==null&&(l=new Intl.DateTimeFormat("fr",{hour:"numeric",hour12:!1}).resolvedOptions().hourCycle==="h12"),l}function c(o,e){if(!e.timeStyle&&!e.hour)return;o=o.replace(/(-u-)?-nu-[a-zA-Z0-9]+/,""),o+=(o.includes("-u-")?"":"-u")+"-nu-latn";let r=s(o,{...e,timeZone:void 0}),u=parseInt(r.formatToParts(new Date(2020,2,3,0)).find(a=>a.type==="hour").value,10),t=parseInt(r.formatToParts(new Date(2020,2,3,23)).find(a=>a.type==="hour").value,10);if(u===0&&t===23)return"h23";if(u===24&&t===23)return"h24";if(u===0&&t===11)return"h11";if(u===12&&t===11)return"h12";throw new Error("Unexpected hour cycle result")}exports.DateFormatter=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index158.js"),v=require("./index172.js"),m=require("react");function D(r){let{ref:n,onInteractOutside:s,isDisabled:d,onInteractOutsideStart:l}=r,E=m.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}),o=v.useEffectEvent(e=>{s&&c(e,n)&&(l&&l(e),E.current.isPointerDown=!0)}),f=v.useEffectEvent(e=>{s&&s(e)});m.useEffect(()=>{let e=E.current;if(d)return;const p=n.current,t=w.getOwnerDocument(p);if(typeof PointerEvent<"u"){let i=u=>{e.isPointerDown&&c(u,n)&&f(u),e.isPointerDown=!1};return t.addEventListener("pointerdown",o,!0),t.addEventListener("pointerup",i,!0),()=>{t.removeEventListener("pointerdown",o,!0),t.removeEventListener("pointerup",i,!0)}}else if(process.env.NODE_ENV==="test"){let i=a=>{e.ignoreEmulatedMouseEvents?e.ignoreEmulatedMouseEvents=!1:e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1},u=a=>{e.ignoreEmulatedMouseEvents=!0,e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1};return t.addEventListener("mousedown",o,!0),t.addEventListener("mouseup",i,!0),t.addEventListener("touchstart",o,!0),t.addEventListener("touchend",u,!0),()=>{t.removeEventListener("mousedown",o,!0),t.removeEventListener("mouseup",i,!0),t.removeEventListener("touchstart",o,!0),t.removeEventListener("touchend",u,!0)}}},[n,d,o,f])}function c(r,n){if(r.button>0)return!1;if(r.target){const s=r.target.ownerDocument;if(!s||!s.documentElement.contains(r.target)||r.target.closest("[data-react-aria-top-layer]"))return!1}return n.current?!r.composedPath().includes(n.current):!1}exports.useInteractOutside=D;

package/index199.mjs

@@ -1,99 +1,51 @@
-let n = /* @__PURE__ */ new Map();
-class c {
-  /** Formats a date as a string according to the locale and format options passed to the constructor. */
-  format(e) {
-    return this.formatter.format(e);
-  }
-  /** Formats a date to an array of parts such as separators, numbers, punctuation, and more. */
-  formatToParts(e) {
-    return this.formatter.formatToParts(e);
-  }
-  /** Formats a date range as a string. */
-  formatRange(e, r) {
-    if (typeof this.formatter.formatRange == "function")
-      return this.formatter.formatRange(e, r);
-    if (r < e) throw new RangeError("End date must be >= start date");
-    return `${this.formatter.format(e)} – ${this.formatter.format(r)}`;
-  }
-  /** Formats a date range as an array of parts. */
-  formatRangeToParts(e, r) {
-    if (typeof this.formatter.formatRangeToParts == "function")
-      return this.formatter.formatRangeToParts(e, r);
-    if (r < e) throw new RangeError("End date must be >= start date");
-    let u = this.formatter.formatToParts(e), t = this.formatter.formatToParts(r);
-    return [
-      ...u.map((a) => ({
-        ...a,
-        source: "startRange"
-      })),
-      {
-        type: "literal",
-        value: " – ",
-        source: "shared"
-      },
-      ...t.map((a) => ({
-        ...a,
-        source: "endRange"
-      }))
-    ];
-  }
-  /** Returns the resolved formatting options based on the values passed to the constructor. */
-  resolvedOptions() {
-    let e = this.formatter.resolvedOptions();
-    return m() && (this.resolvedHourCycle || (this.resolvedHourCycle = d(e.locale, this.options)), e.hourCycle = this.resolvedHourCycle, e.hour12 = this.resolvedHourCycle === "h11" || this.resolvedHourCycle === "h12"), e.calendar === "ethiopic-amete-alem" && (e.calendar = "ethioaa"), e;
-  }
-  constructor(e, r = {}) {
-    this.formatter = h(e, r), this.options = r;
-  }
+import { getOwnerDocument as p } from "./index158.mjs";
+import { useEffectEvent as m } from "./index172.mjs";
+import { useRef as w, useEffect as D } from "react";
+function $(r) {
+  let { ref: n, onInteractOutside: s, isDisabled: d, onInteractOutsideStart: l } = r, E = w({
+    isPointerDown: !1,
+    ignoreEmulatedMouseEvents: !1
+  }), o = m((e) => {
+    s && c(e, n) && (l && l(e), E.current.isPointerDown = !0);
+  }), f = m((e) => {
+    s && s(e);
+  });
+  D(() => {
+    let e = E.current;
+    if (d) return;
+    const v = n.current, t = p(v);
+    if (typeof PointerEvent < "u") {
+      let i = (u) => {
+        e.isPointerDown && c(u, n) && f(u), e.isPointerDown = !1;
+      };
+      return t.addEventListener("pointerdown", o, !0), t.addEventListener("pointerup", i, !0), () => {
+        t.removeEventListener("pointerdown", o, !0), t.removeEventListener("pointerup", i, !0);
+      };
+    } else if (process.env.NODE_ENV === "test") {
+      let i = (a) => {
+        e.ignoreEmulatedMouseEvents ? e.ignoreEmulatedMouseEvents = !1 : e.isPointerDown && c(a, n) && f(a), e.isPointerDown = !1;
+      }, u = (a) => {
+        e.ignoreEmulatedMouseEvents = !0, e.isPointerDown && c(a, n) && f(a), e.isPointerDown = !1;
+      };
+      return t.addEventListener("mousedown", o, !0), t.addEventListener("mouseup", i, !0), t.addEventListener("touchstart", o, !0), t.addEventListener("touchend", u, !0), () => {
+        t.removeEventListener("mousedown", o, !0), t.removeEventListener("mouseup", i, !0), t.removeEventListener("touchstart", o, !0), t.removeEventListener("touchend", u, !0);
+      };
+    }
+  }, [
+    n,
+    d,
+    o,
+    f
+  ]);
 }
-const l = {
-  true: {
-    // Only Japanese uses the h11 style for 12 hour time. All others use h12.
-    ja: "h11"
-  },
-  false: {}
-};
-function h(o, e = {}) {
-  if (typeof e.hour12 == "boolean" && i()) {
-    e = {
-      ...e
-    };
-    let t = l[String(e.hour12)][o.split("-")[0]], a = e.hour12 ? "h12" : "h23";
-    e.hourCycle = t ?? a, delete e.hour12;
+function c(r, n) {
+  if (r.button > 0) return !1;
+  if (r.target) {
+    const s = r.target.ownerDocument;
+    if (!s || !s.documentElement.contains(r.target) || r.target.closest("[data-react-aria-top-layer]")) return !1;
   }
-  let r = o + (e ? Object.entries(e).sort((t, a) => t[0] < a[0] ? -1 : 1).join() : "");
-  if (n.has(r)) return n.get(r);
-  let u = new Intl.DateTimeFormat(o, e);
-  return n.set(r, u), u;
-}
-let f = null;
-function i() {
-  return f == null && (f = new Intl.DateTimeFormat("en-US", {
-    hour: "numeric",
-    hour12: !1
-  }).format(new Date(2020, 2, 3, 0)) === "24"), f;
-}
-let s = null;
-function m() {
-  return s == null && (s = new Intl.DateTimeFormat("fr", {
-    hour: "numeric",
-    hour12: !1
-  }).resolvedOptions().hourCycle === "h12"), s;
-}
-function d(o, e) {
-  if (!e.timeStyle && !e.hour) return;
-  o = o.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, ""), o += (o.includes("-u-") ? "" : "-u") + "-nu-latn";
-  let r = h(o, {
-    ...e,
-    timeZone: void 0
-    // use local timezone
-  }), u = parseInt(r.formatToParts(new Date(2020, 2, 3, 0)).find((a) => a.type === "hour").value, 10), t = parseInt(r.formatToParts(new Date(2020, 2, 3, 23)).find((a) => a.type === "hour").value, 10);
-  if (u === 0 && t === 23) return "h23";
-  if (u === 24 && t === 23) return "h24";
-  if (u === 0 && t === 11) return "h11";
-  if (u === 12 && t === 11) return "h12";
-  throw new Error("Unexpected hour cycle result");
+  return n.current ? !r.composedPath().includes(n.current) : !1;
 }
 export {
-  c as DateFormatter
+  $ as useInteractOutside
 };

package/index2.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const x=require("react"),h=require("./index63.js"),g=require("./index81.js"),k=require("./index82.js"),c=require("./index83.js"),o=require("./index84.js"),n=require("./index85.js"),m=require("./index86.js"),i=require("./index87.js"),d=require("./index88.js"),t=require("./index89.js"),b=require("./index90.js"),f=require("./index91.js"),l=require("./index92.js"),u=require("./index93.js"),p=require("./index94.js"),a=require("./index95.js"),s=require("./index96.js"),q=require("./index97.js"),r=require("./index98.js"),w=require("./index80.js"),C=w.makeTheme({main:e=>c.main(e),gridItem:e=>c.gridItem(e),grid:e=>c.grid(e),container:e=>c.container(e),accordion:g.accordionTheme,carousel:m,calendar:{container:e=>n.calendarContainer(e),header:e=>n.calendarHeaderContainer(e),navigationButtonsContainer:e=>n.calendarNavigationButtonsContainer(e),navigationButtons:e=>n.calendarNavigationButtons(e),table:e=>n.calendarTable(e),dayLabel:e=>n.calendarDayLabel(e),cellContainer:e=>n.calendarCellContainer(e),cell:e=>n.calendarCell(e),cellDate:e=>n.calendarCellFormattedDate(e)},datePicker:{container:e=>t.datePickerContainer(e),button:e=>t.datePickerButton(e),wrapper:e=>t.datePickerWrapper(e),icon:e=>t.datePickerIcon(e),dateField:e=>t.datePickerDateField(e),dateSegment:e=>t.datePickerDateSegment(e),label:e=>t.datePickerLabel(e),calendarPopover:e=>t.datePickerCalendarPopoverContainer(e),calendarUnderlay:e=>t.datePickerCalendarPopoverUnderlay(e)},popover:{button:e=>o(e),popover:()=>"border-2 text-black p-4 bg-gray-300"},typography:e=>r(e),button:e=>o(e),link:o,sidePanel:{wrapper:e=>s.sidePanelWrapper(e),container:e=>s.sidePanelContainer(e),innerContainer:e=>s.sidePanelInnerContainer(e)},lightBox:f,shareButton:{icon:e=>a.shareButtonIcon(e),button:e=>a.shareButton(e),container:e=>a.shareButtonContainer(e),linksList:e=>a.shareButtonLinksList(e),link:e=>a.shareButtonLink(e),linkIcons:e=>a.shareButtonLinkIcons(e)},checkbox:{container:e=>i.checkboxContainer(e),label:e=>i.checkboxLabel(e),checkBox:e=>i.checkBox(e),checkMark:e=>i.checkMark(e),checkMarkIcon:e=>i.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>l.radioLabel(e),radio:e=>l.radio(e),selectedMark:e=>l.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>u.radioGroup(e),radioGroupItemsGroup:e=>u.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>d.checkboxGroup(e),checkboxGroupItemsGroup:e=>d.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>o(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>o({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>q.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>p.searchInput(e),icon:e=>p.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:{wrapper:()=>"group flex flex-col rounded-md px-4 py-1 mb-3 m-0.5 border-2 aria-disabled:pointer-events-none aria-disabled:opacity-30 focus-ring-black",label:()=>'group-has-[:required]:after:content-["_*"] group-has-[:required]:after:text-red-500 text-xs',container:()=>"flex items-center gap-4",input:()=>"",errorMessage:e=>r({...e,className:"ml-0",size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:b.imgTheme,alerts:k}),P=x.memo(h.createThemeProvider(C));module.exports=P;
+"use strict";const d=require("react"),x=require("./index66.js"),p=require("./index84.js"),h=require("./index85.js"),i=require("./index86.js"),n=require("./index87.js"),g=require("./index88.js"),m=require("./index89.js"),t=require("./index90.js"),s=require("./index91.js"),f=require("./index92.js"),k=require("./index93.js"),b=require("./index94.js"),a=require("./index95.js"),u=require("./index96.js"),l=require("./index97.js"),o=require("./index98.js"),c=require("./index99.js"),q=require("./index100.js"),$=require("./index101.js"),r=require("./index102.js"),w=require("./index83.js"),I=w.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:p.accordionTheme,carousel:m,calendar:g.calendarTheme,datePicker:f.datePickerTheme,popover:{button:e=>n(e),popover:()=>"border-2 text-black p-4 bg-gray-300"},typography:e=>r(e),button:e=>n(e),link:n,sidePanel:{wrapper:e=>c.sidePanelWrapper(e),container:e=>c.sidePanelContainer(e),innerContainer:e=>c.sidePanelInnerContainer(e)},lightBox:b,shareButton:{icon:e=>o.shareButtonIcon(e),button:e=>o.shareButton(e),container:e=>o.shareButtonContainer(e),linksList:e=>o.shareButtonLinksList(e),link:e=>o.shareButtonLink(e),linkIcons:e=>o.shareButtonLinkIcons(e)},checkbox:{container:e=>t.checkboxContainer(e),label:e=>t.checkboxLabel(e),checkBox:e=>t.checkBox(e),checkMark:e=>t.checkMark(e),checkMarkIcon:e=>t.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>a.radioLabel(e),radio:e=>a.radio(e),selectedMark:e=>a.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>u.radioGroup(e),radioGroupItemsGroup:e=>u.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>n(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>n({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>$.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>l.searchInput(e),icon:e=>l.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:{wrapper:()=>"group flex flex-col rounded-md px-4 py-1 mb-3 m-0.5 border-2 aria-disabled:pointer-events-none aria-disabled:opacity-30 focus-ring-black",label:()=>'group-has-[:required]:after:content-["_*"] group-has-[:required]:after:text-red-500 text-xs',container:()=>"flex items-center gap-4",input:()=>"",errorMessage:e=>r({...e,className:"ml-0",size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:k.imgTheme,alerts:h,tagGroup:q}),G=d.memo(x.createThemeProvider(I));module.exports=G;

package/index2.mjs

@@ -1,54 +1,35 @@
 "use client";
 import t from "react";
-import { createThemeProvider as a } from "./index63.mjs";
-import { accordionTheme as n } from "./index81.mjs";
-import i from "./index82.mjs";
-import { main as l, gridItem as c, grid as p, container as s } from "./index83.mjs";
-import o from "./index84.mjs";
-import { calendarContainer as m, calendarHeaderContainer as d, calendarNavigationButtonsContainer as u, calendarNavigationButtons as f, calendarTable as h, calendarDayLabel as x, calendarCellContainer as g, calendarCell as k, calendarCellFormattedDate as b } from "./index85.mjs";
-import w from "./index86.mjs";
-import { checkboxContainer as C, checkboxLabel as P, checkBox as y, checkMark as I, checkMarkIcon as v } from "./index87.mjs";
-import { checkboxGroup as B, checkboxGroupItemsGroup as G } from "./index88.mjs";
-import { datePickerContainer as M, datePickerButton as L, datePickerWrapper as T, datePickerIcon as D, datePickerDateField as N, datePickerDateSegment as z, datePickerLabel as E, datePickerCalendarPopoverContainer as F, datePickerCalendarPopoverUnderlay as _ } from "./index89.mjs";
-import { imgTheme as q } from "./index90.mjs";
-import S from "./index91.mjs";
-import { radioLabel as U, radio as W, selectedMark as A } from "./index92.mjs";
-import { radioGroup as H, radioGroupItemsGroup as R } from "./index93.mjs";
-import { searchInput as j, searchIcon as J } from "./index94.mjs";
-import { shareButtonIcon as K, shareButton as O, shareButtonContainer as Q, shareButtonLinksList as V, shareButtonLink as X, shareButtonLinkIcons as Y } from "./index95.mjs";
-import { sidePanelWrapper as Z, sidePanelContainer as $, sidePanelInnerContainer as ee } from "./index96.mjs";
-import { textArea as re } from "./index97.mjs";
-import r from "./index98.mjs";
-import { makeTheme as oe } from "./index80.mjs";
-const te = oe({
-  main: (e) => l(e),
-  gridItem: (e) => c(e),
+import { createThemeProvider as a } from "./index66.mjs";
+import { accordionTheme as i } from "./index84.mjs";
+import n from "./index85.mjs";
+import { main as c, gridItem as l, grid as p, container as s } from "./index86.mjs";
+import o from "./index87.mjs";
+import { calendarTheme as m } from "./index88.mjs";
+import u from "./index89.mjs";
+import { checkboxContainer as f, checkboxLabel as h, checkBox as d, checkMark as x, checkMarkIcon as g } from "./index90.mjs";
+import { checkboxGroup as k, checkboxGroupItemsGroup as b } from "./index91.mjs";
+import { datePickerTheme as w } from "./index92.mjs";
+import { imgTheme as G } from "./index93.mjs";
+import I from "./index94.mjs";
+import { radioLabel as y, radio as M, selectedMark as T } from "./index95.mjs";
+import { radioGroup as B, radioGroupItemsGroup as v } from "./index96.mjs";
+import { searchInput as P, searchIcon as C } from "./index97.mjs";
+import { shareButtonIcon as L, shareButton as z, shareButtonContainer as E, shareButtonLinksList as N, shareButtonLink as _, shareButtonLinkIcons as q } from "./index98.mjs";
+import { sidePanelWrapper as A, sidePanelContainer as R, sidePanelInnerContainer as W } from "./index99.mjs";
+import j from "./index100.mjs";
+import { textArea as D } from "./index101.mjs";
+import r from "./index102.mjs";
+import { makeTheme as F } from "./index83.mjs";
+const H = F({
+  main: (e) => c(e),
+  gridItem: (e) => l(e),
   grid: (e) => p(e),
   container: (e) => s(e),
-  accordion: n,
-  carousel: w,
-  calendar: {
-    container: (e) => m(e),
-    header: (e) => d(e),
-    navigationButtonsContainer: (e) => u(e),
-    navigationButtons: (e) => f(e),
-    table: (e) => h(e),
-    dayLabel: (e) => x(e),
-    cellContainer: (e) => g(e),
-    cell: (e) => k(e),
-    cellDate: (e) => b(e)
-  },
-  datePicker: {
-    container: (e) => M(e),
-    button: (e) => L(e),
-    wrapper: (e) => T(e),
-    icon: (e) => D(e),
-    dateField: (e) => N(e),
-    dateSegment: (e) => z(e),
-    label: (e) => E(e),
-    calendarPopover: (e) => F(e),
-    calendarUnderlay: (e) => _(e)
-  },
+  accordion: i,
+  carousel: u,
+  calendar: m,
+  datePicker: w,
   popover: {
     button: (e) => o(e),
     popover: () => "border-2 text-black p-4 bg-gray-300"
@@ -57,41 +38,41 @@ const te = oe({
   button: (e) => o(e),
   link: o,
   sidePanel: {
-    wrapper: (e) => Z(e),
-    container: (e) => $(e),
-    innerContainer: (e) => ee(e)
+    wrapper: (e) => A(e),
+    container: (e) => R(e),
+    innerContainer: (e) => W(e)
   },
-  lightBox: S,
+  lightBox: I,
   shareButton: {
-    icon: (e) => K(e),
-    button: (e) => O(e),
-    container: (e) => Q(e),
-    linksList: (e) => V(e),
-    link: (e) => X(e),
-    linkIcons: (e) => Y(e)
+    icon: (e) => L(e),
+    button: (e) => z(e),
+    container: (e) => E(e),
+    linksList: (e) => N(e),
+    link: (e) => _(e),
+    linkIcons: (e) => q(e)
   },
   checkbox: {
-    container: (e) => C(e),
-    label: (e) => P(e),
-    checkBox: (e) => y(e),
-    checkMark: (e) => I(e),
-    checkMarkIcon: (e) => v(e),
+    container: (e) => f(e),
+    label: (e) => h(e),
+    checkBox: (e) => d(e),
+    checkMark: (e) => x(e),
+    checkMarkIcon: (e) => g(e),
     errorMessage: (e) => r(e)
   },
   radio: {
-    label: (e) => U(e),
-    radio: (e) => W(e),
-    selectedMark: (e) => A(e),
+    label: (e) => y(e),
+    radio: (e) => M(e),
+    selectedMark: (e) => T(e),
     errorMessage: (e) => r(e)
   },
   radioGroup: {
-    radioGroup: (e) => H(e),
-    radioGroupItemsGroup: (e) => R(e),
+    radioGroup: (e) => B(e),
+    radioGroupItemsGroup: (e) => v(e),
     errorMessage: (e) => r(e)
   },
   checkboxGroup: {
-    checkboxGroup: (e) => B(e),
-    checkboxGroupItemsGroup: (e) => G(e),
+    checkboxGroup: (e) => k(e),
+    checkboxGroupItemsGroup: (e) => b(e),
     errormessage: (e) => r(e)
   },
   select: {
@@ -113,15 +94,15 @@ const te = oe({
     wrapper: () => "flex flex-col",
     container: () => "flex items-center gap-4",
     label: () => "text-gray-3 px-6",
-    input: (e) => re(e),
+    input: (e) => D(e),
     errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 })
   },
   search: {
     wrapper: () => "min-w-fit sm:w-80 flex flex-col gap-2",
     container: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",
     label: () => "text-gray-3",
-    input: (e) => j(e),
-    icon: (e) => J(e),
+    input: (e) => P(e),
+    icon: (e) => C(e),
     errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 })
   },
   textInput: {
@@ -146,9 +127,10 @@ const te = oe({
     button: () => "",
     anchor: () => ""
   },
-  img: q,
-  alerts: i
-}), ve = t.memo(a(te));
+  img: G,
+  alerts: n,
+  tagGroup: j
+}), me = t.memo(a(H));
 export {
-  ve as default
+  me as default
 };

package/index20.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),O=require("radashi"),D=require("react"),F=require("react-aria"),I=require("react-hook-form"),G=require("./index115.js"),j=require("./index64.js"),H=require("./index72.js"),P=require("./index14.js"),$=require("./index3.js"),_=c=>{const{id:i,ariaLabel:e,icon:l,state:x,themeName:t="checkbox",customTheme:a,tokens:R,isDisabled:k=!1,isError:d=!1,value:h,errorMessage:u,label:f}=c,m=D.useRef(null),{inputProps:M}=F.useCheckboxGroupItem(c,x,m),{isSelected:b}=x,o={...R,selected:b(h),isDisabled:k,isError:d},v=j(`${t}.container`,o,a),s=j(`${t}.checkBox`,o,a),n=j(`${t}.checkMark`,o,a),C=j(`${t}.checkMarkIcon`,o,a);return r.jsxs("div",{children:[r.jsx(F.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("label",{className:v,htmlFor:i,"aria-label":e,"aria-disabled":k,children:[r.jsx(F.VisuallyHidden,{children:r.jsx("input",{ref:m,...M})}),r.jsx("div",{className:s,"aria-checked":b(h),role:"checkbox","aria-labelledby":i,children:r.jsx("div",{className:n,children:l&&r.jsx(P,{icon:l,customTheme:C})})}),r.jsx($.default,{themeName:`${t}.label`,tokens:o,children:f})]})}),d&&u&&r.jsx($.default,{themeName:`${t}.errorMessage`,tokens:o,children:u})]})},p=c=>{const i=G.useCheckboxGroupCtx();return i&&r.jsx(_,{state:i,...c})},A=({name:c,label:i,rules:e,tokens:l,ariaLabel:x,defaultValue:t=!1,themeName:a="checkbox",isReadOnly:R=!1,isRequired:k,onChange:d,onBlur:h,value:u,icon:f,...m})=>{const{control:M}=I.useFormContext(),{t:b}=H.useTranslation(),o=()=>{const s=Object.entries(m).filter(([n,C])=>n.startsWith("aria-"));return Object.fromEntries(s)},v={required:k?b("FORM.ERROR.REQUIRED")??"required":!1,...e};return r.jsx(I.Controller,{name:c,control:M,rules:v,disabled:e==null?void 0:e.disabled,defaultValue:t,render:({field:s,fieldState:n})=>{var g;const{ref:C,...E}=s,N=!O.isEmpty(n.error),T={isDisabled:s.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:n.invalid,isError:N,isReadOnly:R},y={...l,...T};return r.jsx(p,{...E,...T,...o(),id:c,value:u,icon:f,themeName:a,label:i,tokens:y,ariaLabel:x,isDisabled:s.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",errorMessage:(g=n.error)==null?void 0:g.message,onChange:q=>{s.onChange(q),d==null||d(q)},onBlur:q=>{s.onBlur(),h==null||h(q)}})}})};exports.ReactHookFormCheckboxItem=A;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),O=require("radashi"),D=require("react"),F=require("react-aria"),I=require("react-hook-form"),G=require("./index119.js"),j=require("./index67.js"),H=require("./index75.js"),P=require("./index14.js"),$=require("./index3.js"),_=c=>{const{id:i,ariaLabel:e,icon:l,state:x,themeName:t="checkbox",customTheme:a,tokens:R,isDisabled:k=!1,isError:d=!1,value:h,errorMessage:u,label:f}=c,m=D.useRef(null),{inputProps:M}=F.useCheckboxGroupItem(c,x,m),{isSelected:b}=x,o={...R,selected:b(h),isDisabled:k,isError:d},v=j(`${t}.container`,o,a),s=j(`${t}.checkBox`,o,a),n=j(`${t}.checkMark`,o,a),C=j(`${t}.checkMarkIcon`,o,a);return r.jsxs("div",{children:[r.jsx(F.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("label",{className:v,htmlFor:i,"aria-label":e,"aria-disabled":k,children:[r.jsx(F.VisuallyHidden,{children:r.jsx("input",{ref:m,...M})}),r.jsx("div",{className:s,"aria-checked":b(h),role:"checkbox","aria-labelledby":i,children:r.jsx("div",{className:n,children:l&&r.jsx(P,{icon:l,customTheme:C})})}),r.jsx($.default,{themeName:`${t}.label`,tokens:o,children:f})]})}),d&&u&&r.jsx($.default,{themeName:`${t}.errorMessage`,tokens:o,children:u})]})},p=c=>{const i=G.useCheckboxGroupCtx();return i&&r.jsx(_,{state:i,...c})},A=({name:c,label:i,rules:e,tokens:l,ariaLabel:x,defaultValue:t=!1,themeName:a="checkbox",isReadOnly:R=!1,isRequired:k,onChange:d,onBlur:h,value:u,icon:f,...m})=>{const{control:M}=I.useFormContext(),{t:b}=H.useTranslation(),o=()=>{const s=Object.entries(m).filter(([n,C])=>n.startsWith("aria-"));return Object.fromEntries(s)},v={required:k?b("FORM.ERROR.REQUIRED")??"required":!1,...e};return r.jsx(I.Controller,{name:c,control:M,rules:v,disabled:e==null?void 0:e.disabled,defaultValue:t,render:({field:s,fieldState:n})=>{var g;const{ref:C,...E}=s,N=!O.isEmpty(n.error),T={isDisabled:s.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:n.invalid,isError:N,isReadOnly:R},y={...l,...T};return r.jsx(p,{...E,...T,...o(),id:c,value:u,icon:f,themeName:a,label:i,tokens:y,ariaLabel:x,isDisabled:s.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",errorMessage:(g=n.error)==null?void 0:g.message,onChange:q=>{s.onChange(q),d==null||d(q)},onBlur:q=>{s.onBlur(),h==null||h(q)}})}})};exports.ReactHookFormCheckboxItem=A;exports.default=p;

package/index20.mjs

@@ -4,9 +4,9 @@ import { isEmpty as $ } from "radashi";
 import { useRef as D } from "react";
 import { useCheckboxGroupItem as j, FocusRing as G, VisuallyHidden as O } from "react-aria";
 import { useFormContext as B, Controller as H } from "react-hook-form";
-import { useCheckboxGroupCtx as P } from "./index115.mjs";
-import u from "./index64.mjs";
-import { useTranslation as w } from "./index72.mjs";
+import { useCheckboxGroupCtx as P } from "./index119.mjs";
+import u from "./index67.mjs";
+import { useTranslation as w } from "./index75.mjs";
 import A from "./index14.mjs";
 import F from "./index3.mjs";
 const L = (i) => {

package/index200.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("./index189.js");function r(t){let[n,e]=c.useControlledState(t.isOpen,t.defaultOpen||!1,t.onOpenChange);const o=l.useCallback(()=>{e(!0)},[e]),s=l.useCallback(()=>{e(!1)},[e]),a=l.useCallback(()=>{e(!n)},[e,n]);return{isOpen:n,setOpen:e,open:o,close:s,toggle:a}}exports.useOverlayTriggerState=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index156.js"),E=require("./index153.js"),w=require("./index170.js"),S=require("./index164.js"),m=typeof document<"u"&&window.visualViewport,y=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let s=0,f;function T(e={}){let{isDisabled:t}=e;E.useLayoutEffect(()=>{if(!t)return s++,s===1&&(S.isIOS()?f=x():f=b()),()=>{s--,s===0&&f()}},[t])}function b(){return v.chain(r(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),r(document.documentElement,"overflow","hidden"))}function x(){let e,t,n=c=>{e=w.getScrollParent(c.target,!0),!(e===document.documentElement&&e===document.body)&&e instanceof HTMLElement&&window.getComputedStyle(e).overscrollBehavior==="auto"&&(t=r(e,"overscrollBehavior","contain"))},o=c=>{if(!e||e===document.documentElement||e===document.body){c.preventDefault();return}e.scrollHeight===e.clientHeight&&e.scrollWidth===e.clientWidth&&c.preventDefault()},u=()=>{t&&t()},a=c=>{let l=c.target;L(l)&&(h(),l.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{l.style.transform="",m&&(m.height<window.innerHeight?requestAnimationFrame(()=>{$(l)}):m.addEventListener("resize",()=>$(l),{once:!0}))}))},i=null,h=()=>{if(i)return;let c=()=>{window.scrollTo(0,0)},l=window.pageXOffset,p=window.pageYOffset;i=v.chain(d(window,"scroll",c),r(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`),r(document.documentElement,"overflow","hidden"),r(document.body,"marginTop",`-${p}px`),()=>{window.scrollTo(l,p)}),window.scrollTo(0,0)},g=v.chain(d(document,"touchstart",n,{passive:!1,capture:!0}),d(document,"touchmove",o,{passive:!1,capture:!0}),d(document,"touchend",u,{passive:!1,capture:!0}),d(document,"focus",a,!0));return()=>{t==null||t(),i==null||i(),g()}}function r(e,t,n){let o=e.style[t];return e.style[t]=n,()=>{e.style[t]=o}}function d(e,t,n,o){return e.addEventListener(t,n,o),()=>{e.removeEventListener(t,n,o)}}function $(e){let t=document.scrollingElement||document.documentElement,n=e;for(;n&&n!==t;){let o=w.getScrollParent(n);if(o!==document.documentElement&&o!==document.body&&o!==n){let u=o.getBoundingClientRect().top,a=n.getBoundingClientRect().top;a>u+n.clientHeight&&(o.scrollTop+=a-u)}n=o.parentElement}}function L(e){return e instanceof HTMLInputElement&&!y.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}exports.usePreventScroll=T;