@okam/stack-ui 1.38.0 → 1.39.0

package/index.mjs

@@ -1,204 +1,221 @@
 import { default as t } from "./index2.mjs";
 import { default as f } from "./index3.mjs";
-import { default as d } from "./index4.mjs";
-import { default as u } from "./index5.mjs";
-import { Anchor as s, default as p, ButtonWithForwardRef as n } from "./index6.mjs";
+import { default as l } from "./index4.mjs";
+import { default as d } from "./index5.mjs";
+import { Anchor as p, default as s, ButtonWithForwardRef as n } from "./index6.mjs";
 import { default as c } from "./index7.mjs";
 import { default as h } from "./index8.mjs";
 import { default as k } from "./index9.mjs";
-import { default as g } from "./index10.mjs";
-import { default as R } from "./index11.mjs";
-import { CarouselNavigationButton as b, CarouselNextNavigationButton as I, CarouselPrevNavigationButton as F } from "./index12.mjs";
-import { default as A } from "./index13.mjs";
+import { Popover as b } from "./index10.mjs";
+import { default as v } from "./index11.mjs";
+import { default as S } from "./index12.mjs";
+import { CarouselNavigationButton as F, CarouselNextNavigationButton as I, CarouselPrevNavigationButton as w } from "./index13.mjs";
 import { default as L } from "./index14.mjs";
-import { default as G } from "./index15.mjs";
-import { ReactHookFormSelect as D, default as U } from "./index16.mjs";
-import { default as W, ReactHookFormCheckBox as N } from "./index17.mjs";
-import { default as O } from "./index18.mjs";
+import { default as M } from "./index15.mjs";
+import { default as G } from "./index16.mjs";
+import { ReactHookFormSelect as y, default as N } from "./index17.mjs";
+import { default as O, ReactHookFormCheckBox as Y } from "./index18.mjs";
 import { default as X } from "./index19.mjs";
-import { default as q, ReactHookFormCheckboxItem as z } from "./index20.mjs";
-import { ReactHookFormTextArea as J, default as K } from "./index21.mjs";
-import { ReactHookFormInput as Z, default as _ } from "./index22.mjs";
-import { default as ee } from "./index23.mjs";
-import { CalendarPopover as re } from "./index24.mjs";
-import { default as ae } from "./index25.mjs";
-import { default as le } from "./index26.mjs";
-import { default as me, BoxWithForwardRef as ue } from "./index27.mjs";
-import { default as se } from "./index28.mjs";
+import { default as q } from "./index20.mjs";
+import { default as E, ReactHookFormCheckboxItem as J } from "./index21.mjs";
+import { ReactHookFormTextArea as Q, default as Z } from "./index22.mjs";
+import { ReactHookFormInput as $, default as ee } from "./index23.mjs";
+import { default as re } from "./index24.mjs";
+import { CalendarPopover as ae } from "./index25.mjs";
+import { default as me } from "./index26.mjs";
+import { default as ue } from "./index27.mjs";
+import { default as xe, BoxWithForwardRef as pe } from "./index28.mjs";
 import { default as ne } from "./index29.mjs";
 import { default as ce } from "./index30.mjs";
-import { default as he, ReactHookFormRadio as Te } from "./index31.mjs";
-import { default as Pe } from "./index32.mjs";
-import { default as ve } from "./index33.mjs";
-import { default as Se } from "./index34.mjs";
-import { default as Ie } from "./index35.mjs";
-import { default as we } from "./index36.mjs";
-import { default as Be } from "./index37.mjs";
-import { default as Me } from "./index38.mjs";
-import { default as He } from "./index39.mjs";
+import { default as he } from "./index31.mjs";
+import { default as ke, ReactHookFormRadio as Pe } from "./index32.mjs";
+import { default as ge } from "./index33.mjs";
+import { default as Re } from "./index34.mjs";
+import { default as Be } from "./index35.mjs";
+import { default as Ie } from "./index36.mjs";
+import { default as Ae } from "./index37.mjs";
+import { default as He } from "./index38.mjs";
+import { default as De } from "./index39.mjs";
 import { default as Ue } from "./index40.mjs";
-import { default as We } from "./index41.mjs";
-import { default as Ye } from "./index42.mjs";
-import { TagItem as Ve } from "./index43.mjs";
-import { default as je } from "./index44.mjs";
-import { TabItem as ze } from "./index45.mjs";
-import { default as Je } from "./index46.mjs";
+import { default as Ne } from "./index41.mjs";
+import { default as Oe } from "./index42.mjs";
+import { default as Ve } from "./index43.mjs";
+import { TagItem as je } from "./index44.mjs";
+import { default as ze } from "./index45.mjs";
+import { TabItem as Je } from "./index46.mjs";
 import { default as Qe } from "./index47.mjs";
 import { default as _e } from "./index48.mjs";
-import { default as eo } from "./index49.mjs";
-import { default as ro } from "./index50.mjs";
-import { default as ao } from "./index51.mjs";
+import { default as eo, default as oo } from "./index49.mjs";
+import { default as to } from "./index50.mjs";
+import { default as fo } from "./index51.mjs";
 import { default as lo } from "./index52.mjs";
-import { default as uo } from "./index53.mjs";
+import { Node as xo } from "./index53.mjs";
 import { default as so } from "./index54.mjs";
-import { default as no } from "./index55.mjs";
-import { default as co } from "./index56.mjs";
-import { default as ho } from "./index57.mjs";
-import { default as ko } from "./index58.mjs";
+import { default as io } from "./index55.mjs";
+import { default as Co } from "./index56.mjs";
+import { default as To } from "./index57.mjs";
+import { default as Po } from "./index58.mjs";
 import { default as go } from "./index59.mjs";
 import { default as Ro } from "./index60.mjs";
-import { default as bo } from "./index61.mjs";
-import { default as Fo } from "./index62.mjs";
+import { default as Bo } from "./index61.mjs";
+import { default as Io } from "./index62.mjs";
 import { default as Ao } from "./index63.mjs";
-import { default as Lo } from "./index64.mjs";
-import { default as Go } from "./index65.mjs";
-import { default as Do } from "./index66.mjs";
-import { default as yo } from "./index67.mjs";
-import { default as No } from "./index68.mjs";
-import { default as Oo } from "./index69.mjs";
-import { default as Xo } from "./index70.mjs";
-import { default as qo } from "./index71.mjs";
-import { ThemeContextProvider as Eo, createThemeProvider as Jo, useTheme as Ko } from "./index72.mjs";
-import { default as Zo } from "./index73.mjs";
-import { IsClientContextProvider as $o, useIsClient as er } from "./index74.mjs";
-import { SidePanelContextProvider as rr, useSidePanel as tr } from "./index75.mjs";
-import { MenuContextProvider as fr, useMenu as lr } from "./index76.mjs";
-import { RadioGroupProvider as mr, useRadioGroupCtx as ur } from "./index77.mjs";
-import { AccordionContextProvider as sr, useAccordionCtx as pr } from "./index78.mjs";
-import { SearchBarProvider as ir } from "./index79.mjs";
-import { SwiperControllerContextProvider as Cr, useSwiperController as hr } from "./index80.mjs";
-import { TranslationContextProvider as kr, useTranslation as Pr } from "./index81.mjs";
+import { default as Ho } from "./index64.mjs";
+import { default as Do } from "./index65.mjs";
+import { default as Uo } from "./index66.mjs";
+import { default as No } from "./index67.mjs";
+import { default as Oo } from "./index68.mjs";
+import { default as Vo } from "./index69.mjs";
+import { default as jo } from "./index70.mjs";
+import { default as zo } from "./index71.mjs";
+import { default as Jo } from "./index72.mjs";
+import { default as Qo } from "./index73.mjs";
+import { default as _o } from "./index74.mjs";
+import { default as er } from "./index75.mjs";
+import { default as rr } from "./index76.mjs";
+import { default as ar } from "./index77.mjs";
+import { ThemeContextProvider as mr, createThemeProvider as lr, useTheme as ur } from "./index78.mjs";
+import { default as xr } from "./index79.mjs";
+import { IsClientContextProvider as sr, useIsClient as nr } from "./index80.mjs";
+import { SidePanelContextProvider as cr, useSidePanel as Cr } from "./index81.mjs";
+import { MenuContextProvider as Tr, useMenu as kr } from "./index82.mjs";
+import { RadioGroupProvider as br, useRadioGroupCtx as gr } from "./index83.mjs";
+import { AccordionContextProvider as Rr, useAccordionCtx as Sr } from "./index84.mjs";
+import { SearchBarProvider as Fr } from "./index85.mjs";
+import { SwiperControllerContextProvider as wr, useSwiperController as Ar } from "./index86.mjs";
+import { TranslationContextProvider as Hr, useTranslation as Mr } from "./index87.mjs";
 import * as e from "react-hook-form";
-import { default as vr } from "./index82.mjs";
-import { default as Sr } from "./index83.mjs";
-import { default as Ir } from "./index84.mjs";
-import { default as wr } from "./index85.mjs";
-import { default as Br } from "./index86.mjs";
-import { default as Mr } from "./index87.mjs";
-import { mergeDefaultComponentProps as Hr } from "./index88.mjs";
-import { default as Ur } from "./index89.mjs";
-import { logger as Wr } from "./index90.mjs";
-import { makeTheme as Yr } from "./index91.mjs";
+import { default as Gr } from "./index88.mjs";
+import { default as yr } from "./index89.mjs";
+import { default as Wr } from "./index90.mjs";
+import { default as Yr } from "./index91.mjs";
+import { default as Xr } from "./index92.mjs";
+import { default as qr } from "./index93.mjs";
+import { mergeDefaultComponentProps as Er } from "./index94.mjs";
+import { default as Kr } from "./index95.mjs";
+import { useDebounce as Zr } from "./index96.mjs";
+import { useComboBoxFiltering as $r } from "./index97.mjs";
+import { logger as ot } from "./index98.mjs";
+import { makeTheme as tt } from "./index99.mjs";
 export {
-  d as Accordion,
-  sr as AccordionContextProvider,
-  u as AccordionItem,
-  Me as Alerts,
-  He as AlertsItem,
-  s as Anchor,
-  _e as ArrowDown,
-  eo as ArrowLeft,
-  ro as ArrowRight,
-  me as Box,
-  ue as BoxWithForwardRef,
-  p as Button,
+  l as Accordion,
+  Rr as AccordionContextProvider,
+  d as AccordionItem,
+  De as Alerts,
+  Ue as AlertsItem,
+  p as Anchor,
+  so as ArrowDown,
+  io as ArrowLeft,
+  Co as ArrowRight,
+  xe as Box,
+  pe as BoxWithForwardRef,
+  s as Button,
   n as ButtonWithForwardRef,
-  se as Calendar,
-  re as CalendarPopover,
-  R as Carousel,
-  b as CarouselNavigationButton,
+  ne as Calendar,
+  ae as CalendarPopover,
+  S as Carousel,
+  F as CarouselNavigationButton,
   I as CarouselNextNavigationButton,
-  F as CarouselPrevNavigationButton,
-  ao as Check,
-  W as Checkbox,
-  X as CheckboxGroup,
-  q as CheckboxGroupItem,
-  lo as ChevronLeft,
-  uo as ChevronRight,
-  so as CloseBtn,
+  w as CarouselPrevNavigationButton,
+  To as Check,
+  O as Checkbox,
+  q as CheckboxGroup,
+  E as CheckboxGroupItem,
+  Po as ChevronLeft,
+  go as ChevronRight,
+  Ro as CloseBtn,
+  eo as ComboBox,
   G as Date,
-  ae as DateField,
-  ee as DatePicker,
-  le as DateRangePicker,
-  no as Facebook,
-  co as FacebookColored,
-  ho as FacebookRounded,
-  ko as Globe,
-  L as Icon,
-  go as Instagram,
-  Ro as InstagramColored,
-  $o as IsClientContextProvider,
+  me as DateField,
+  re as DatePicker,
+  ue as DateRangePicker,
+  Bo as Facebook,
+  Io as FacebookColored,
+  Ao as FacebookRounded,
+  Ho as Globe,
+  M as Icon,
+  Do as Instagram,
+  Uo as InstagramColored,
+  sr as IsClientContextProvider,
   k as Lightbox,
-  bo as Link,
-  Fo as LinkedIn,
-  Ao as Mail,
-  Se as Menu,
-  fr as MenuContextProvider,
-  we as MenuItems,
+  No as Link,
+  Oo as LinkedIn,
+  to as ListBox,
+  fo as ListBoxSection,
+  Vo as Mail,
+  Be as Menu,
+  Tr as MenuContextProvider,
+  Ae as MenuItems,
   Ie as MenuSidePanel,
-  ce as Modal,
-  Lo as Plus,
-  g as Popover,
-  he as Radio,
-  Pe as RadioGroup,
-  mr as RadioGroupProvider,
-  ne as RangeCalendar,
-  N as ReactHookFormCheckBox,
-  z as ReactHookFormCheckboxItem,
-  Z as ReactHookFormInput,
-  Te as ReactHookFormRadio,
-  D as ReactHookFormSelect,
-  J as ReactHookFormTextArea,
-  ve as RenderWithSlide,
-  ir as SearchBarProvider,
-  O as SearchField,
-  U as Select,
-  Ue as SelectItem,
-  Go as Share,
+  he as Modal,
+  xo as Node,
+  lo as Option,
+  jo as Plus,
+  b as Popover,
+  v as PopoverButton,
+  ke as Radio,
+  ge as RadioGroup,
+  br as RadioGroupProvider,
+  ce as RangeCalendar,
+  Y as ReactHookFormCheckBox,
+  J as ReactHookFormCheckboxItem,
+  oo as ReactHookFormComboBox,
+  $ as ReactHookFormInput,
+  Pe as ReactHookFormRadio,
+  y as ReactHookFormSelect,
+  Q as ReactHookFormTextArea,
+  Re as RenderWithSlide,
+  Fr as SearchBarProvider,
+  X as SearchField,
+  N as Select,
+  Ne as SelectItem,
+  zo as Share,
   c as ShareButton,
   h as SidePanel,
-  rr as SidePanelContextProvider,
-  Wr as StackUILogger,
-  Cr as SwiperControllerContextProvider,
-  Qe as Tab,
-  Be as TabContainer,
-  ze as TabItem,
-  je as TabList,
-  Je as TabPanel,
-  Ye as TagGroup,
-  Ve as TagItem,
-  K as TextArea,
-  _ as TextInputField,
-  Eo as ThemeContextProvider,
+  cr as SidePanelContextProvider,
+  ot as StackUILogger,
+  wr as SwiperControllerContextProvider,
+  _e as Tab,
+  He as TabContainer,
+  Je as TabItem,
+  ze as TabList,
+  Qe as TabPanel,
+  Ve as TagGroup,
+  je as TagItem,
+  Z as TextArea,
+  ee as TextInputField,
+  mr as ThemeContextProvider,
   t as ThemeProvider,
-  kr as TranslationContextProvider,
-  Do as Twitter,
-  yo as TwitterColored,
+  Hr as TranslationContextProvider,
+  Jo as Twitter,
+  Qo as TwitterColored,
   f as Typography,
-  No as Upload,
-  We as Video,
-  A as WysiwygBlock,
-  Oo as X,
-  Xo as YouTube,
-  qo as YouTubeColored,
-  Jo as createThemeProvider,
-  vr as generateUtmTags,
-  Yr as makeTheme,
-  Hr as mergeDefaultComponentProps,
+  _o as Upload,
+  Oe as Video,
+  L as WysiwygBlock,
+  er as X,
+  rr as YouTube,
+  ar as YouTubeColored,
+  lr as createThemeProvider,
+  Gr as generateUtmTags,
+  tt as makeTheme,
+  Er as mergeDefaultComponentProps,
   e as reactHookForm,
-  pr as useAccordionCtx,
-  Mr as useAccordionState,
-  Ir as useFacebookShareUrl,
-  er as useIsClient,
-  Ur as useLabelledOverlay,
-  wr as useMailToShareUrl,
-  lr as useMenu,
-  ur as useRadioGroupCtx,
-  tr as useSidePanel,
-  hr as useSwiperController,
-  Ko as useTheme,
-  Zo as useThemeContext,
-  Pr as useTranslation,
-  Br as useTwitterShareUrl,
-  Sr as useWindow
+  Sr as useAccordionCtx,
+  qr as useAccordionState,
+  $r as useComboBoxFiltering,
+  Zr as useDebounce,
+  Wr as useFacebookShareUrl,
+  nr as useIsClient,
+  Kr as useLabelledOverlay,
+  Yr as useMailToShareUrl,
+  kr as useMenu,
+  gr as useRadioGroupCtx,
+  Cr as useSidePanel,
+  Ar as useSwiperController,
+  ur as useTheme,
+  xr as useThemeContext,
+  Mr as useTranslation,
+  Xr as useTwitterShareUrl,
+  yr as useWindow
 };

package/index10.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),c=require("react"),e=require("react-aria"),y=require("react-stately"),R=require("./index73.js"),j=require("./index27.js"),q=require("./index6.js"),x=c.forwardRef((l,r)=>{const{isOpen:a,onClose:n,children:p,positionProps:i,themeName:d="popover",tokens:m,customTheme:g,isDismissable:s,shouldCloseOnBlur:t,...u}=l,{overlayProps:h}=e.useOverlay({isDismissable:s,shouldCloseOnBlur:t,isOpen:a,onClose:n},r),{modalProps:P}=e.useModal(),{dialogProps:v}=e.useDialog({},r),f=R(`${d}.popover`,m,g);return o.jsx(e.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:o.jsxs(j.BoxWithForwardRef,{customTheme:f,...e.mergeProps(h,P,v),ref:r,...i,...u,children:[c.Children.map(p,O=>o.jsx(e.FocusRing,{focusRingClass:"has-focus-ring",children:O})),o.jsx(e.DismissButton,{onDismiss:n})]})})});function F(l){const{children:r,buttonProps:a,placement:n="right",offset:p=5,themeName:i="popover",tokens:d,customTheme:m,...g}=l,s=y.useOverlayTriggerState({}),t=c.useRef(null),u=c.useRef(null),{triggerProps:h,overlayProps:P}=e.useOverlayTrigger({type:"dialog"},s,t),{overlayProps:v}=e.useOverlayPosition({targetRef:t,overlayRef:u,placement:n,offset:p,isOpen:s.isOpen}),{onPress:f,...O}=h;return o.jsxs(o.Fragment,{children:[o.jsx(q.ButtonWithForwardRef,{themeName:`${i}.button`,handlePress:f,...a,...O,ref:t}),s.isOpen&&o.jsx(e.OverlayContainer,{children:o.jsx(x,{themeName:i,tokens:d,customTheme:m,...P,...g,positionProps:v,ref:u,isOpen:s.isOpen,onClose:s.close,children:r})})]})}exports.Popover=x;exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),s=require("react-aria"),m=require("./index28.js"),f=i=>{var a;const{children:d,themeName:o="popover",tokens:v,customTheme:h,placement:R="bottom",offset:P=5,state:r,arrow:p,sizeRef:x,popoverRef:g,triggerRef:j,contain:y=!0,autoFocus:k=!0,restoreFocus:w=!0}=i,t=x??j,{isOpen:F}=r,$=c.useRef(null),u=g??$,{popoverProps:l,underlayProps:b,arrowProps:q,placement:D}=s.usePopover({...i,placement:R,offset:P,popoverRef:u},r),n={placement:D??"bottom",isOpen:F,...v},B={[`--${o==null?void 0:o.replace(".","-")}-container-width`]:`${(a=t==null?void 0:t.current)==null?void 0:a.offsetWidth}px`,...l.style};return e.jsxs(s.Overlay,{children:[e.jsx(m.default,{themeName:`${o}.underlay`,tokens:n,...b}),e.jsx(s.FocusScope,{autoFocus:k,restoreFocus:w,contain:y,children:e.jsxs(m.BoxWithForwardRef,{themeName:`${o}.popover`,customTheme:h,tokens:n,ref:u,...l,style:B,children:[p&&c.cloneElement(p,{...q,themeName:`${o}.arrow`,tokens:n}),e.jsx(s.DismissButton,{onDismiss:r.close}),c.Children.map(d,O=>e.jsx(s.FocusRing,{focusRingClass:"has-focus-ring",children:O})),e.jsx(s.DismissButton,{onDismiss:r.close})]})})]})};exports.Popover=f;exports.default=f;

package/index10.mjs

@@ -1,93 +1,63 @@
 "use client";
-import { jsx as o, jsxs as O, Fragment as R } from "react/jsx-runtime";
-import p from "react";
-import { useOverlay as y, useModal as C, useDialog as F, FocusScope as B, mergeProps as T, FocusRing as x, DismissButton as D, useOverlayTrigger as b, useOverlayPosition as w, OverlayContainer as N } from "react-aria";
-import { useOverlayTriggerState as j } from "react-stately";
-import k from "./index73.mjs";
-import { BoxWithForwardRef as S } from "./index27.mjs";
-import { ButtonWithForwardRef as W } from "./index6.mjs";
-const _ = p.forwardRef((l, r) => {
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { useRef as C, cloneElement as N, Children as O } from "react";
+import { usePopover as T, Overlay as W, FocusScope as z, DismissButton as a, FocusRing as E } from "react-aria";
+import S, { BoxWithForwardRef as q } from "./index28.mjs";
+const J = (n) => {
+  var m;
   const {
-    isOpen: a,
-    onClose: t,
-    children: u,
-    positionProps: n,
-    themeName: m = "popover",
-    tokens: c,
-    customTheme: f,
-    isDismissable: e,
-    shouldCloseOnBlur: s,
-    ...i
-  } = l, { overlayProps: h } = y(
+    children: f,
+    themeName: e = "popover",
+    tokens: u,
+    customTheme: h,
+    placement: d = "bottom",
+    offset: v = 5,
+    state: r,
+    arrow: p,
+    sizeRef: R,
+    popoverRef: P,
+    triggerRef: g,
+    contain: x = !0,
+    autoFocus: k = !0,
+    restoreFocus: w = !0
+  } = n, t = R ?? g, { isOpen: y } = r, F = C(null), c = P ?? F, { popoverProps: i, underlayProps: $, arrowProps: B, placement: D } = T(
     {
-      isDismissable: e,
-      shouldCloseOnBlur: s,
-      isOpen: a,
-      onClose: t
+      ...n,
+      placement: d,
+      offset: v,
+      popoverRef: c
     },
     r
-  ), { modalProps: g } = C(), { dialogProps: d } = F({}, r), P = k(`${m}.popover`, c, f);
-  return /* @__PURE__ */ o(B, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ O(
-    S,
-    {
-      customTheme: P,
-      ...T(h, g, d),
-      ref: r,
-      ...n,
-      ...i,
-      children: [
-        p.Children.map(u, (v) => /* @__PURE__ */ o(x, { focusRingClass: "has-focus-ring", children: v })),
-        /* @__PURE__ */ o(D, { onDismiss: t })
-      ]
-    }
-  ) });
-});
-function H(l) {
-  const {
-    children: r,
-    buttonProps: a,
-    placement: t = "right",
-    offset: u = 5,
-    themeName: n = "popover",
-    tokens: m,
-    customTheme: c,
-    ...f
-  } = l, e = j({}), s = p.useRef(null), i = p.useRef(null), { triggerProps: h, overlayProps: g } = b({ type: "dialog" }, e, s), { overlayProps: d } = w({
-    targetRef: s,
-    overlayRef: i,
-    placement: t,
-    offset: u,
-    isOpen: e.isOpen
-  }), { onPress: P, ...v } = h;
-  return /* @__PURE__ */ O(R, { children: [
-    /* @__PURE__ */ o(
-      W,
+  ), s = {
+    placement: D ?? "bottom",
+    isOpen: y,
+    ...u
+  }, b = {
+    [`--${e == null ? void 0 : e.replace(".", "-")}-container-width`]: `${(m = t == null ? void 0 : t.current) == null ? void 0 : m.offsetWidth}px`,
+    ...i.style
+  };
+  return /* @__PURE__ */ l(W, { children: [
+    /* @__PURE__ */ o(S, { themeName: `${e}.underlay`, tokens: s, ...$ }),
+    /* @__PURE__ */ o(z, { autoFocus: k, restoreFocus: w, contain: x, children: /* @__PURE__ */ l(
+      q,
       {
-        themeName: `${n}.button`,
-        handlePress: P,
-        ...a,
-        ...v,
-        ref: s
-      }
-    ),
-    e.isOpen && /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
-      _,
-      {
-        themeName: n,
-        tokens: m,
-        customTheme: c,
-        ...g,
-        ...f,
-        positionProps: d,
-        ref: i,
-        isOpen: e.isOpen,
-        onClose: e.close,
-        children: r
+        themeName: `${e}.popover`,
+        customTheme: h,
+        tokens: s,
+        ref: c,
+        ...i,
+        style: b,
+        children: [
+          p && N(p, { ...B, themeName: `${e}.arrow`, tokens: s }),
+          /* @__PURE__ */ o(a, { onDismiss: r.close }),
+          O.map(f, (j) => /* @__PURE__ */ o(E, { focusRingClass: "has-focus-ring", children: j })),
+          /* @__PURE__ */ o(a, { onDismiss: r.close })
+        ]
       }
     ) })
   ] });
-}
+};
 export {
-  _ as Popover,
-  H as default
+  J as Popover,
+  J as default
 };

package/index100.js

@@ -1,5 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:`
-    focus-ring-black
-    transition-all
-    duration-200
-  `}),a=e.tv({base:"relative inline-flex flex-col text-left"}),r=e.tv({extend:t,base:"flex gap-4 justify-between items-center border-2 border-color-1-500 rounded-md bg-gray-100 p-4",variants:{dateFieldShown:{true:"w-full",false:"w-fit"},isInvalid:{true:"bg-red-100 border-red-500",false:"bg-gray-100 border-color-1-500"}},defaultVariants:{dateFieldShown:!0}}),d=e.tv({base:"text-white bg-color-1-500 rounded-md h-full p-2"}),o=e.tv({base:"text-color-1-500 font-bold pb-2 text-2xl"}),n=e.tv({base:"w-fit flex flex-col gap-4"}),i=e.tv({base:"fixed inset-0"}),l=e.tv({base:"absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"}),c=e.tv({base:"flex flex-col gap-4"}),s=e.tv({base:"flex gap-2 items-center justify-between",defaultVariants:{dateFieldShown:!0},variants:{dateFieldShown:{true:"",false:"hidden"}}}),b=e.tv({base:"flex bg-gray-300 p-2 rounded-md"}),u=e.tv({extend:t,base:"rounded-sm p-1 focus:bg-color-1-400 focus:text-white"}),P=e.tv({base:"rounded-lg p-2 border-2 border-red-500",variants:{position:{inner:"text-red-500 bg-white",outer:"text-black bg-red-100"}}}),f={container:a,wrapper:n,button:r,icon:d,dateField:b,dateSegment:u,label:o,calendarPopover:l,calendarUnderlay:i,dialog:c,dateFieldContainer:s,invalidIndicator:P};exports.datePickerButton=r;exports.datePickerCalendarPopoverContainer=l;exports.datePickerCalendarPopoverUnderlay=i;exports.datePickerContainer=a;exports.datePickerDateField=b;exports.datePickerDateFieldContainer=s;exports.datePickerDateSegment=u;exports.datePickerDialog=c;exports.datePickerIcon=d;exports.datePickerInvalidIndicator=P;exports.datePickerLabel=o;exports.datePickerTheme=f;exports.datePickerWrapper=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",defaultVariants:{textAlign:"left",isOpen:!1},variants:{textAlign:{center:"text-center",left:"text-left"}}}),o=e.tv({base:"grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black",variants:{titleBold:{true:"font-bold"},textAlign:{center:"grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",left:"grid-cols-[1fr_3rem]"},bgColor:{gray:"bg-gray-300",white:"bg-white"}},defaultVariants:{titleBold:!1,textAlign:"left",bgColor:"white"}}),r=e.tv({base:"",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"justify-self-center col-start-2",left:"justify-self-start"}}}),i=e.tv({base:"text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",variants:{isOpen:{true:"-rotate-90",false:""}}}),a=e.tv({base:`
+    font-body 
+    text-inherit
+    h-auto
+    grid
+  `,defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"grid-cols-[3rem_1fr_3rem] px-6 text-center",left:"grid-cols-[1fr_3rem] text-left"}}}),l=e.tv({base:"overflow-hidden flex flex-col gap-2 items-start",defaultVariants:{textAlign:"left"},variants:{textAlign:{center:"col-start-2",left:""}}}),c={container:t=>n(t),button:t=>o(t),title:t=>r(t),icon:t=>i(t),region:t=>a(t),content:t=>l(t)};exports.accordionButton=o;exports.accordionContainer=n;exports.accordionContent=l;exports.accordionIcon=i;exports.accordionRegion=a;exports.accordionTheme=c;exports.accordionTitle=r;