@okam/stack-ui 1.35.7 → 1.36.1

package/index199.mjs

@@ -1,200 +1,52 @@
-import { isWebKit as ot } from "./index168.mjs";
-import { clamp as G } from "./index234.mjs";
-const P = {
-  top: "top",
-  bottom: "top",
-  left: "left",
-  right: "left"
-}, z = {
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-}, it = {
-  top: "left",
-  left: "top"
-}, K = {
-  top: "height",
-  left: "width"
-}, B = {
-  width: "totalWidth",
-  height: "totalHeight"
-}, H = {};
-let u = typeof document < "u" ? window.visualViewport : null;
-function j(e) {
-  let t = 0, o = 0, c = 0, i = 0, a = 0, f = 0, l = {};
-  var $;
-  let p = (($ = u == null ? void 0 : u.scale) !== null && $ !== void 0 ? $ : 1) > 1;
-  if (e.tagName === "BODY") {
-    let h = document.documentElement;
-    c = h.clientWidth, i = h.clientHeight;
-    var s;
-    t = (s = u == null ? void 0 : u.width) !== null && s !== void 0 ? s : c;
-    var g;
-    o = (g = u == null ? void 0 : u.height) !== null && g !== void 0 ? g : i, l.top = h.scrollTop || e.scrollTop, l.left = h.scrollLeft || e.scrollLeft, u && (a = u.offsetTop, f = u.offsetLeft);
-  } else
-    ({ width: t, height: o, top: a, left: f } = M(e)), l.top = e.scrollTop, l.left = e.scrollLeft, c = t, i = o;
-  if (ot() && (e.tagName === "BODY" || e.tagName === "HTML") && p) {
-    l.top = 0, l.left = 0;
-    var d;
-    a = (d = u == null ? void 0 : u.pageTop) !== null && d !== void 0 ? d : 0;
-    var r;
-    f = (r = u == null ? void 0 : u.pageLeft) !== null && r !== void 0 ? r : 0;
-  }
-  return {
-    width: t,
-    height: o,
-    totalWidth: c,
-    totalHeight: i,
-    scroll: l,
-    top: a,
-    left: f
+import { isElementInChildOfActiveScope as g } from "@react-aria/focus";
+import { useEffect as m } from "react";
+import { useFocusWithin as v } from "./index194.mjs";
+import { useInteractOutside as b } from "./index200.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());
   };
-}
-function ct(e) {
-  return {
-    top: e.scrollTop,
-    left: e.scrollLeft,
-    width: e.scrollWidth,
-    height: e.scrollHeight
-  };
-}
-function q(e, t, o, c, i, a, f) {
-  var l;
-  let $ = (l = i.scroll[e]) !== null && l !== void 0 ? l : 0, p = c[K[e]], s = c.scroll[P[e]] + a, g = p + c.scroll[P[e]] - a, d = t - $ + f[e] - c[P[e]], r = t - $ + o + f[e] - c[P[e]];
-  return d < s ? s - d : r > g ? Math.max(g - r, s - d) : 0;
-}
-function rt(e) {
-  let t = window.getComputedStyle(e);
-  return {
-    top: parseInt(t.marginTop, 10) || 0,
-    bottom: parseInt(t.marginBottom, 10) || 0,
-    left: parseInt(t.marginLeft, 10) || 0,
-    right: parseInt(t.marginRight, 10) || 0
-  };
-}
-function J(e) {
-  if (H[e]) return H[e];
-  let [t, o] = e.split(" "), c = P[t] || "right", i = it[c];
-  P[o] || (o = "center");
-  let a = K[c], f = K[i];
-  return H[e] = {
-    placement: t,
-    crossPlacement: o,
-    axis: c,
-    crossAxis: i,
-    size: a,
-    crossSize: f
-  }, H[e];
-}
-function Z(e, t, o, c, i, a, f, l, $, p) {
-  let { placement: s, crossPlacement: g, axis: d, crossAxis: r, size: h, crossSize: v } = c, n = {};
-  var w;
-  n[r] = (w = e[r]) !== null && w !== void 0 ? w : 0;
-  var m, x, E, T;
-  g === "center" ? n[r] += (((m = e[v]) !== null && m !== void 0 ? m : 0) - ((x = o[v]) !== null && x !== void 0 ? x : 0)) / 2 : g !== r && (n[r] += ((E = e[v]) !== null && E !== void 0 ? E : 0) - ((T = o[v]) !== null && T !== void 0 ? T : 0)), n[r] += a;
-  const _ = e[r] - o[v] + $ + p, I = e[r] + e[v] - $ - p;
-  if (n[r] = G(n[r], _, I), s === d) {
-    const b = l ? f[h] : t[B[h]];
-    n[z[d]] = Math.floor(b - e[d] + i);
-  } else n[d] = Math.floor(e[d] + e[h] + i);
-  return n;
-}
-function at(e, t, o, c, i, a, f, l) {
-  const $ = c ? o.height : t[B.height];
-  var p;
-  let s = e.top != null ? o.top + e.top : o.top + ($ - ((p = e.bottom) !== null && p !== void 0 ? p : 0) - f);
-  var g, d, r, h, v, n;
-  let w = l !== "top" ? (
-    // We want the distance between the top of the overlay to the bottom of the boundary
-    Math.max(0, t.height + t.top + ((g = t.scroll.top) !== null && g !== void 0 ? g : 0) - s - (((d = i.top) !== null && d !== void 0 ? d : 0) + ((r = i.bottom) !== null && r !== void 0 ? r : 0) + a))
-  ) : Math.max(0, s + f - (t.top + ((h = t.scroll.top) !== null && h !== void 0 ? h : 0)) - (((v = i.top) !== null && v !== void 0 ? v : 0) + ((n = i.bottom) !== null && n !== void 0 ? n : 0) + a));
-  return Math.min(t.height - a * 2, w);
-}
-function Q(e, t, o, c, i, a) {
-  let { placement: f, axis: l, size: $ } = a;
-  var p, s;
-  if (f === l) return Math.max(0, o[l] - e[l] - ((p = e.scroll[l]) !== null && p !== void 0 ? p : 0) + t[l] - ((s = c[l]) !== null && s !== void 0 ? s : 0) - c[z[l]] - i);
-  var g;
-  return Math.max(0, e[$] + e[l] + e.scroll[l] - t[l] - o[l] - o[$] - ((g = c[l]) !== null && g !== void 0 ? g : 0) - c[z[l]] - i);
-}
-function nt(e, t, o, c, i, a, f, l, $, p, s, g, d, r, h, v) {
-  let n = J(e), { size: w, crossAxis: m, crossSize: x, placement: E, crossPlacement: T } = n, _ = Z(t, l, o, n, s, g, p, d, h, v), I = s, b = Q(l, p, t, i, a + s, n);
-  if (f && c[w] > b) {
-    let X = J(`${z[E]} ${T}`), lt = Z(t, l, o, X, s, g, p, d, h, v);
-    Q(l, p, t, i, a + s, X) > b && (n = X, _ = lt, I = s);
-  }
-  let L = "bottom";
-  n.axis === "top" ? n.placement === "top" ? L = "top" : n.placement === "bottom" && (L = "bottom") : n.crossAxis === "top" && (n.crossPlacement === "top" ? L = "bottom" : n.crossPlacement === "bottom" && (L = "top"));
-  let S = q(m, _[m], o[x], l, $, a, p);
-  _[m] += S;
-  let C = at(_, l, p, d, i, a, o.height, L);
-  r && r < C && (C = r), o.height = Math.min(o.height, C), _ = Z(t, l, o, n, I, g, p, d, h, v), S = q(m, _[m], o[x], l, $, a, p), _[m] += S;
-  let A = {}, k = t[m] + 0.5 * t[x] - _[m] - i[P[m]];
-  const V = h / 2 + v;
-  var F, N, R, Y;
-  const D = P[m] === "left" ? ((F = i.left) !== null && F !== void 0 ? F : 0) + ((N = i.right) !== null && N !== void 0 ? N : 0) : ((R = i.top) !== null && R !== void 0 ? R : 0) + ((Y = i.bottom) !== null && Y !== void 0 ? Y : 0), O = o[x] - D - h / 2 - v, y = t[m] + h / 2 - (_[m] + i[P[m]]), tt = t[m] + t[x] - h / 2 - (_[m] + i[P[m]]), et = G(k, y, tt);
-  return A[m] = G(et, V, O), {
-    position: _,
-    maxHeight: C,
-    arrowOffsetLeft: A.left,
-    arrowOffsetTop: A.top,
-    placement: n.placement
+  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 dt(e) {
-  let { placement: t, targetNode: o, overlayNode: c, scrollNode: i, padding: a, shouldFlip: f, boundaryElement: l, offset: $, crossOffset: p, maxHeight: s, arrowSize: g = 0, arrowBoundaryOffset: d = 0 } = e, r = c instanceof HTMLElement ? pt(c) : document.documentElement, h = r === document.documentElement;
-  const v = window.getComputedStyle(r).position;
-  let n = !!v && v !== "static", w = h ? M(o) : U(o, r);
-  if (!h) {
-    let { marginTop: A, marginLeft: k } = window.getComputedStyle(o);
-    w.top += parseInt(A, 10) || 0, w.left += parseInt(k, 10) || 0;
-  }
-  let m = M(c), x = rt(c);
-  var E, T;
-  m.width += ((E = x.left) !== null && E !== void 0 ? E : 0) + ((T = x.right) !== null && T !== void 0 ? T : 0);
-  var _, I;
-  m.height += ((_ = x.top) !== null && _ !== void 0 ? _ : 0) + ((I = x.bottom) !== null && I !== void 0 ? I : 0);
-  let b = ct(i), L = j(l), S = j(r), C = l.tagName === "BODY" ? M(r) : U(r, l);
-  return r.tagName === "HTML" && l.tagName === "BODY" && (S.scroll.top = 0, S.scroll.left = 0), nt(t, w, m, b, x, a, f, L, S, C, $, p, n, s, g, d);
-}
-function M(e) {
-  let { top: t, left: o, width: c, height: i } = e.getBoundingClientRect(), { scrollTop: a, scrollLeft: f, clientTop: l, clientLeft: $ } = document.documentElement;
   return {
-    top: t + a - l,
-    left: o + f - $,
-    width: c,
-    height: i
+    overlayProps: {
+      onKeyDown: c,
+      ...O
+    },
+    underlayProps: {
+      onPointerDown: D
+    }
   };
 }
-function U(e, t) {
-  let o = window.getComputedStyle(e), c;
-  if (o.position === "fixed") {
-    let { top: i, left: a, width: f, height: l } = e.getBoundingClientRect();
-    c = {
-      top: i,
-      left: a,
-      width: f,
-      height: l
-    };
-  } else {
-    c = M(e);
-    let i = M(t), a = window.getComputedStyle(t);
-    i.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, i.left += (parseInt(a.borderLeftWidth, 10) || 0) - t.scrollLeft, c.top -= i.top, c.left -= i.left;
-  }
-  return c.top -= parseInt(o.marginTop, 10) || 0, c.left -= parseInt(o.marginLeft, 10) || 0, c;
-}
-function pt(e) {
-  let t = e.offsetParent;
-  if (t && t === document.body && window.getComputedStyle(t).position === "static" && !W(t) && (t = document.documentElement), t == null)
-    for (t = e.parentElement; t && !W(t); ) t = t.parentElement;
-  return t || document.documentElement;
-}
-function W(e) {
-  let t = window.getComputedStyle(e);
-  return t.transform !== "none" || /transform|perspective/.test(t.willChange) || t.filter !== "none" || t.contain === "paint" || "backdropFilter" in t && t.backdropFilter !== "none" || "WebkitBackdropFilter" in t && t.WebkitBackdropFilter !== "none";
-}
 export {
-  dt as calculatePosition,
-  nt as calculatePositionInternal
+  C as useOverlay
 };

package/index2.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const d=require("react"),x=require("./index68.js"),p=require("./index86.js"),h=require("./index87.js"),i=require("./index88.js"),n=require("./index89.js"),g=require("./index90.js"),m=require("./index91.js"),t=require("./index92.js"),s=require("./index93.js"),f=require("./index94.js"),k=require("./index95.js"),b=require("./index96.js"),a=require("./index97.js"),u=require("./index98.js"),l=require("./index99.js"),o=require("./index100.js"),c=require("./index101.js"),q=require("./index102.js"),$=require("./index103.js"),r=require("./index104.js"),w=require("./index85.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;
+"use strict";const d=require("react"),x=require("./index72.js"),p=require("./index91.js"),h=require("./index92.js"),i=require("./index93.js"),n=require("./index94.js"),g=require("./index95.js"),m=require("./index96.js"),t=require("./index97.js"),s=require("./index98.js"),f=require("./index99.js"),k=require("./index100.js"),b=require("./index101.js"),a=require("./index102.js"),u=require("./index103.js"),l=require("./index104.js"),o=require("./index105.js"),c=require("./index106.js"),q=require("./index107.js"),$=require("./index108.js"),w=require("./index109.js"),r=require("./index110.js"),I=require("./index90.js"),G=I.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=>w.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:$,tabList:q}),M=d.memo(x.createThemeProvider(G));module.exports=M;

package/index2.mjs

@@ -1,31 +1,32 @@
 "use client";
 import t from "react";
-import { createThemeProvider as a } from "./index68.mjs";
-import { accordionTheme as i } from "./index86.mjs";
-import n from "./index87.mjs";
-import { main as c, gridItem as l, grid as p, container as s } from "./index88.mjs";
-import o from "./index89.mjs";
-import { calendarTheme as m } from "./index90.mjs";
-import u from "./index91.mjs";
-import { checkboxContainer as f, checkboxLabel as h, checkBox as d, checkMark as x, checkMarkIcon as g } from "./index92.mjs";
-import { checkboxGroup as k, checkboxGroupItemsGroup as b } from "./index93.mjs";
-import { datePickerTheme as w } from "./index94.mjs";
-import { imgTheme as G } from "./index95.mjs";
-import I from "./index96.mjs";
-import { radioLabel as y, radio as M, selectedMark as T } from "./index97.mjs";
-import { radioGroup as B, radioGroupItemsGroup as v } from "./index98.mjs";
-import { searchInput as P, searchIcon as C } from "./index99.mjs";
-import { shareButtonIcon as L, shareButton as z, shareButtonContainer as E, shareButtonLinksList as N, shareButtonLink as _, shareButtonLinkIcons as q } from "./index100.mjs";
-import { sidePanelWrapper as A, sidePanelContainer as R, sidePanelInnerContainer as W } from "./index101.mjs";
-import j from "./index102.mjs";
-import { textArea as D } from "./index103.mjs";
-import r from "./index104.mjs";
-import { makeTheme as F } from "./index85.mjs";
-const H = F({
+import { createThemeProvider as a } from "./index72.mjs";
+import { accordionTheme as i } from "./index91.mjs";
+import n from "./index92.mjs";
+import { main as c, gridItem as s, grid as p, container as l } from "./index93.mjs";
+import o from "./index94.mjs";
+import { calendarTheme as m } from "./index95.mjs";
+import u from "./index96.mjs";
+import { checkboxContainer as f, checkboxLabel as h, checkBox as d, checkMark as x, checkMarkIcon as g } from "./index97.mjs";
+import { checkboxGroup as b, checkboxGroupItemsGroup as k } from "./index98.mjs";
+import { datePickerTheme as w } from "./index99.mjs";
+import { imgTheme as G } from "./index100.mjs";
+import I from "./index101.mjs";
+import { radioLabel as y, radio as M, selectedMark as T } from "./index102.mjs";
+import { radioGroup as B, radioGroupItemsGroup as v } from "./index103.mjs";
+import { searchInput as L, searchIcon as P } from "./index104.mjs";
+import { shareButtonIcon as C, shareButton as z, shareButtonContainer as E, shareButtonLinksList as N, shareButtonLink as _, shareButtonLinkIcons as q } from "./index105.mjs";
+import { sidePanelWrapper as A, sidePanelContainer as R, sidePanelInnerContainer as W } from "./index106.mjs";
+import j from "./index107.mjs";
+import D from "./index108.mjs";
+import { textArea as F } from "./index109.mjs";
+import r from "./index110.mjs";
+import { makeTheme as H } from "./index90.mjs";
+const J = H({
   main: (e) => c(e),
-  gridItem: (e) => l(e),
+  gridItem: (e) => s(e),
   grid: (e) => p(e),
-  container: (e) => s(e),
+  container: (e) => l(e),
   accordion: i,
   carousel: u,
   calendar: m,
@@ -44,7 +45,7 @@ const H = F({
   },
   lightBox: I,
   shareButton: {
-    icon: (e) => L(e),
+    icon: (e) => C(e),
     button: (e) => z(e),
     container: (e) => E(e),
     linksList: (e) => N(e),
@@ -71,8 +72,8 @@ const H = F({
     errorMessage: (e) => r(e)
   },
   checkboxGroup: {
-    checkboxGroup: (e) => k(e),
-    checkboxGroupItemsGroup: (e) => b(e),
+    checkboxGroup: (e) => b(e),
+    checkboxGroupItemsGroup: (e) => k(e),
     errormessage: (e) => r(e)
   },
   select: {
@@ -94,15 +95,15 @@ const H = F({
     wrapper: () => "flex flex-col",
     container: () => "flex items-center gap-4",
     label: () => "text-gray-3 px-6",
-    input: (e) => D(e),
+    input: (e) => F(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(e),
-    icon: (e) => C(e),
+    input: (e) => L(e),
+    icon: (e) => P(e),
     errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 })
   },
   textInput: {
@@ -129,8 +130,9 @@ const H = F({
   },
   img: G,
   alerts: n,
-  tagGroup: j
-}), me = t.memo(a(H));
+  tagGroup: D,
+  tabList: j
+}), fe = t.memo(a(J));
 export {
-  me as default
+  fe 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("./index121.js"),j=require("./index69.js"),H=require("./index77.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("./index127.js"),j=require("./index73.js"),H=require("./index81.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 "./index121.mjs";
-import u from "./index69.mjs";
-import { useTranslation as w } from "./index77.mjs";
+import { useCheckboxGroupCtx as P } from "./index127.mjs";
+import u from "./index73.mjs";
+import { useTranslation as w } from "./index81.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 a=require("react"),i=new WeakMap;function c(s){let{triggerRef:e,isOpen:r,onClose:t}=s;a.useEffect(()=>{if(!r||t===null)return;let o=n=>{let l=n.target;if(!e.current||l instanceof Node&&!l.contains(e.current)||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement)return;let f=t||i.get(e.current);f&&f()};return window.addEventListener("scroll",o,!0),()=>{window.removeEventListener("scroll",o,!0)}},[r,t,e])}exports.onCloseMap=i;exports.useCloseOnScroll=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index169.js"),v=require("./index187.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/index200.mjs

@@ -1,25 +1,51 @@
-import { useEffect as a } from "react";
-const i = /* @__PURE__ */ new WeakMap();
-function u(s) {
-  let { triggerRef: e, isOpen: r, onClose: t } = s;
-  a(() => {
-    if (!r || t === null) return;
-    let o = (n) => {
-      let l = n.target;
-      if (!e.current || l instanceof Node && !l.contains(e.current) || n.target instanceof HTMLInputElement || n.target instanceof HTMLTextAreaElement) return;
-      let f = t || i.get(e.current);
-      f && f();
-    };
-    return window.addEventListener("scroll", o, !0), () => {
-      window.removeEventListener("scroll", o, !0);
-    };
+import { getOwnerDocument as p } from "./index169.mjs";
+import { useEffectEvent as m } from "./index187.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);
+      };
+    }
   }, [
-    r,
-    t,
-    e
+    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;
+}
 export {
-  i as onCloseMap,
-  u as useCloseOnScroll
+  $ as useInteractOutside
 };

package/index201.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@react-aria/focus"),D=require("react"),h=require("./index180.js"),y=require("./index202.js"),t=[];function b(a,i){let{onClose:n,shouldCloseOnBlur:l,isOpen:o,isDismissable:u=!1,isKeyboardDismissDisabled:d=!1,shouldCloseOnInteractOutside:s}=a;D.useEffect(()=>{if(o&&!t.includes(i))return t.push(i),()=>{let e=t.indexOf(i);e>=0&&t.splice(e,1)}},[o,i]);let r=()=>{t[t.length-1]===i&&n&&n()},c=e=>{(!s||s(e.target))&&t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault())},f=e=>{(!s||s(e.target))&&(t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault()),r())},p=e=>{e.key==="Escape"&&!d&&!e.nativeEvent.isComposing&&(e.stopPropagation(),e.preventDefault(),r())};y.useInteractOutside({ref:i,onInteractOutside:u&&o?f:void 0,onInteractOutsideStart:c});let{focusWithinProps:O}=h.useFocusWithin({isDisabled:!l,onBlurWithin:e=>{!e.relatedTarget||v.isElementInChildOfActiveScope(e.relatedTarget)||(!s||s(e.relatedTarget))&&(n==null||n())}}),g=e=>{e.target===e.currentTarget&&e.preventDefault()};return{overlayProps:{onKeyDown:p,...O},underlayProps:{onPointerDown:g}}}exports.useOverlay=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index167.js"),E=require("./index164.js"),w=require("./index182.js"),S=require("./index175.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;