@okam/stack-ui 1.37.1 → 1.38.1

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## 1.38.1 (2025-07-01)
+
+### 🩹 Fixes
+
+- **stack-ui:** missing use client directives ([84148f7](https://github.com/OKAMca/stack/commit/84148f7))
+- **stack-ui:** export listbox components/types ([e2a8338](https://github.com/OKAMca/stack/commit/e2a8338))
+
+### ❤️ Thank You
+
+- poclerson
+
+## 1.38.0 (2025-07-01)
+
+### 🚀 Features
+
+- **stack-ui:** shared option list component ([bbf5c5b](https://github.com/OKAMca/stack/commit/bbf5c5b))
+
+### 🩹 Fixes
+
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+- **stack-ui:** listbox section items correrct theme name ([8acb1b5](https://github.com/OKAMca/stack/commit/8acb1b5))
+- **stack-ui:** safer option render ([5b26401](https://github.com/OKAMca/stack/commit/5b26401))
+- **stack-ui:** option component isSelectable token correct value ([6883551](https://github.com/OKAMca/stack/commit/6883551))
+- **stack-ui:** listbox interface ([eef614d](https://github.com/OKAMca/stack/commit/eef614d))
+- **stack-ui:** listbox fully accessible, supports link options ([4a43bde](https://github.com/OKAMca/stack/commit/4a43bde))
+
+### ❤️ Thank You
+
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.37.0 (2025-05-22)
 
 ### 🚀 Features

package/components/Accordion/components/AccordionItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TAccordionItemProps } from '../interface';
 declare const _AccordionItem: (props: TAccordionItemProps) => JSX.Element;
 export default _AccordionItem;

package/components/Alerts/components/AlertsCloseButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TButtonProps } from '../../Button/interface';
 declare const AlertsCloseButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export default AlertsCloseButton;

package/components/Button/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TToken } from '../../providers/Theme/interface';
 import type { TAnchorProps, TButtonProps } from './interface';
-export declare const Anchor: React.ForwardRefExoticComponent<TAnchorProps<TToken> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+export declare const Anchor: React.ForwardRefExoticComponent<TAnchorProps<TToken> & React.RefAttributes<import("./interface").TButtonAnchorElement>>;
 export declare const ButtonWithForwardRef: React.ForwardRefExoticComponent<TButtonProps<TToken> & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 declare const ButtonComponent: {
     <T extends TToken>(props: TButtonProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/Button/interface.d.ts

@@ -1,8 +1,10 @@
 import type { PressEvent } from '@react-types/shared';
 import type React from 'react';
+import type { Ref, RefAttributes } from 'react';
 import type { TToken } from '../../providers/Theme/interface';
 import type { TDefaultComponent } from '../../types/components';
 import type { NextLinkProps } from '../../types/next-link';
+export type TButtonAnchorElement = HTMLAnchorElement & HTMLButtonElement;
 export interface TButtonProps<T = TToken> extends TDefaultComponent<T> {
     children?: React.ReactNode;
     id?: string;
@@ -16,9 +18,13 @@ export interface TButtonProps<T = TToken> extends TDefaultComponent<T> {
     role?: string;
     isDisabled?: boolean;
 }
+export type TButtonRef = Ref<TButtonAnchorElement>;
+export type TButtonRefAttributes = RefAttributes<TButtonAnchorElement>;
 export interface TAnchorProps<T = TToken> extends TButtonProps<T> {
     /**
      * @deprecated To render a themeable `next/link` component, use the `Link` component from `@okam/next-component`.
      */
     nextLinkProps?: NextLinkProps;
 }
+export type TAnchorRef = Ref<TButtonAnchorElement>;
+export type TAnchorRefAttributes = RefAttributes<TButtonAnchorElement>;

package/components/Carousel/components/CarouselNavigationButton.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { TButtonProps } from '../../Button/interface';
 export declare const CarouselNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & {
-    onSubmit?: (() => void) | undefined;
+    onSubmit?: () => void;
 } & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export declare const CarouselNextNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
 export declare const CarouselPrevNavigationButton: import("react").ForwardRefExoticComponent<TButtonProps<import("../../..").TToken> & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/components/TabList/components/Tab.d.ts

@@ -1,4 +1,4 @@
 import type { TDefaultItemComponent } from '../../../types/react-stately';
 import type { TTabProps } from '../interface';
-declare const Tab: <I extends TDefaultItemComponent<object, import("../../..").TToken>>({ item, state, ...props }: TTabProps<I>) => import("react/jsx-runtime").JSX.Element;
+declare const Tab: <I extends TDefaultItemComponent>({ item, state, ...props }: TTabProps<I>) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

package/components/TabList/tab-list.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TabList from '.';
+declare const meta: Meta<typeof TabList>;
+export default meta;
+type Story = StoryObj<typeof TabList>;
+export declare const Default: Story;
+export declare const FocusableContent: Story;
+export declare const VerticalOrientation: Story;
+export declare const DisabledKeys: Story;
+export declare const ChildrenRenderFunction: Story;
+export declare const Controlled: Story;

package/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.d.ts

@@ -1,9 +1,9 @@
 import type { RegisterOptions } from 'react-hook-form';
 import type { TCheckboxGroupItemProps } from '../../interface';
 declare const CheckboxGroupItem: (props: TCheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element | null;
-export declare const ReactHookFormCheckboxItem: ({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isReadOnly, isRequired, onChange, onBlur, value, icon, ...rest }: import("../../../../..").TDefaultComponent<import("../../../../..").TToken> & Omit<import("react-aria").AriaCheckboxGroupItemProps, "children"> & Omit<import("../../../Checkbox/Checkbox.interface").TCheckboxProps<import("../../../../..").TToken>, "children"> & {
-    rules?: RegisterOptions | undefined;
+export declare const ReactHookFormCheckboxItem: ({ name, label, rules, tokens, ariaLabel, defaultValue, themeName, isReadOnly, isRequired, onChange, onBlur, value, icon, ...rest }: TCheckboxGroupItemProps & {
+    rules?: RegisterOptions;
     name: string;
-    defaultValue?: boolean | undefined;
+    defaultValue?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxGroupItem;

package/components/fields/DatePicker/components/Wrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TWrapperProps } from '../interface';
 declare const Wrapper: import("react").ForwardRefExoticComponent<TWrapperProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Wrapper;

package/components/fields/ListBox/components/ListBoxSection.d.ts

@@ -0,0 +1,4 @@
+import type { TToken } from '../../../../providers/Theme/interface';
+import type { TListBoxSectionProps } from '../interface';
+declare const ListBoxSection: <I extends object = object, T extends TToken = TToken>({ section, state, ...props }: TListBoxSectionProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+export default ListBoxSection;

package/components/fields/ListBox/index.d.ts

@@ -0,0 +1,4 @@
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TListBoxProps } from './interface';
+declare const ListBox: <I extends object = object, T extends TToken = TToken>(props: TListBoxProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+export default ListBox;

package/components/fields/ListBox/interface.d.ts

@@ -0,0 +1,17 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { AriaListBoxProps, AriaListBoxSectionProps } from 'react-aria';
+import type { ListState } from 'react-stately';
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../../types/components';
+import type { TDefaultItemComponent, TDefaultNode } from '../../../types/react-stately';
+import type { TAnchorProps } from '../../Button/interface';
+export interface TListBoxProps<I extends object = object, T extends TToken = TToken> extends Omit<TDefaultComponent<T>, 'children'>, AriaListBoxProps<I & TDefaultItemComponent<I, T>> {
+    /**
+     * @default Anchor
+     */
+    linkElementType?: ForwardRefExoticComponent<TAnchorProps & RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
+}
+export interface TListBoxSectionProps<I extends object = object, T extends TToken = TToken> extends Omit<TDefaultComponent<T>, 'children'>, AriaListBoxSectionProps {
+    section: TDefaultNode<I>;
+    state: ListState<I>;
+}

package/components/fields/ListBox/list-box.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ListBox from '.';
+declare const meta: Meta<typeof ListBox>;
+export default meta;
+type Story = StoryObj<typeof ListBox>;
+export declare const Default: Story;
+export declare const Sections: Story;
+export declare const ComplexOptions: Story;
+export declare const Disabled: Story;
+export declare const ChildrenRenderingFunction: Story;
+export declare const Selectable: Story;
+export declare const Controlled: Story;
+export declare const LinkOptions: Story;

package/components/fields/Option/index.d.ts

@@ -0,0 +1,4 @@
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TOptionProps } from './interface';
+declare const Option: <I extends object = object, T extends TToken = TToken>({ item, state, ...props }: TOptionProps<I, T>) => import("react/jsx-runtime").JSX.Element;
+export default Option;

package/components/fields/Option/interface.d.ts

@@ -0,0 +1,15 @@
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { AriaOptionProps } from 'react-aria';
+import type { ListState } from 'react-stately';
+import type { TToken } from '../../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../../types/components';
+import type { TDefaultNode } from '../../../types/react-stately';
+import type { TAnchorProps } from '../../Button/interface';
+export interface TOptionProps<I extends object = object, T extends TToken = TToken> extends TDefaultComponent<T>, AriaOptionProps {
+    state: ListState<I>;
+    item: TDefaultNode<I>;
+    /**
+     * @default Anchor
+     */
+    linkElementType?: ForwardRefExoticComponent<TAnchorProps & RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
+}

package/components/fields/Select/Select.d.ts

@@ -2,7 +2,7 @@ import type { RegisterOptions } from 'react-hook-form';
 import type { TToken } from '../../../providers/Theme/interface';
 import type { TSelectProps } from './Select.interface';
 declare const Select: <T extends TToken>(props: TSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormSelect: ({ id, name, label, rules, tokens, defaultValue, themeName, required, onChange, options, placeholderLabel, icon, popoverMatchesWidth, value, ...rest }: TSelectProps<TToken> & {
-    rules?: RegisterOptions | undefined;
+export declare const ReactHookFormSelect: ({ id, name, label, rules, tokens, defaultValue, themeName, required, onChange, options, placeholderLabel, icon, popoverMatchesWidth, value, ...rest }: TSelectProps & {
+    rules?: RegisterOptions;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Select;

package/components/fields/TextArea/index.d.ts

@@ -2,7 +2,7 @@ import type { RegisterOptions } from 'react-hook-form';
 import type { TToken } from '../../../providers/Theme/interface';
 import type { TTextInputProps } from '../TextInputField/interface';
 declare const TextArea: <T extends TToken>(props: TTextInputProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormTextArea: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps<TToken> & {
+export declare const ReactHookFormTextArea: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps & {
     rules: RegisterOptions;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TextArea;

package/components/fields/TextInputField/index.d.ts

@@ -1,7 +1,7 @@
 import type { RegisterOptions } from 'react-hook-form';
 import type { TTextInputProps } from './interface';
 declare const TextInputField: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ReactHookFormInput: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps<import("../../..").TToken> & {
+export declare const ReactHookFormInput: ({ name, label, rules, tokens, ariaLabel, defaultValue, placeholder, themeName, isReadOnly, minLength, maxLength, required, isRequired, onChange, onBlur, children, ...rest }: TTextInputProps & {
     rules: RegisterOptions;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TextInputField;

package/examples/PageLayout/index.d.ts

@@ -0,0 +1,2 @@
+declare const PageLayoutExample: () => import("react/jsx-runtime").JSX.Element;
+export default PageLayoutExample;

package/helpers/mergeDefaultComponentProps.d.ts

@@ -9,4 +9,4 @@ import type { Nullable, TDefaultComponent } from '../types/components';
  * @param args - An array of props belonging to `TDefaultComponent`
  * @returns A merged props object
  */
-export declare function mergeDefaultComponentProps<T extends TDefaultComponent>(...args: Nullable<Partial<T>>[]): T;
+export declare function mergeDefaultComponentProps<T extends TDefaultComponent, S>(firstArg: Nullable<Partial<T>>, ...args: Nullable<Partial<S>>[]): T & S;

package/index.d.ts

@@ -44,6 +44,9 @@ export { default as TabList } from './components/TabList';
 export { TabItem } from './components/TabList/components/TabItem';
 export { default as TabPanel } from './components/TabList/components/TabPanel';
 export { default as Tab } from './components/TabList/components/Tab';
+export { default as ListBox } from './components/fields/ListBox';
+export { default as ListBoxSection } from './components/fields/ListBox/components/ListBoxSection';
+export { default as Option } from './components/fields/Option';
 export * from './components/icons';
 export { makeTheme, createThemeProvider, useTheme, ThemeContextProvider } from './providers/Theme';
 export { default as useThemeContext } from './providers/Theme/hooks';
@@ -72,6 +75,8 @@ export type { default as TSearchProps } from './components/fields/SearchField/in
 export type { TTagGroupProps, TTagItemProps, TTagProps } from './components/TagGroup/interface';
 export type { TTabListProps, TTabProps, TTabPanelProps } from './components/TabList/interface';
 export type { TDefaultNode, TDefaultItemComponent } from './types/react-stately';
+export type { TListBoxProps, TListBoxSectionProps } from './components/fields/ListBox/interface';
+export type { TOptionProps } from './components/fields/Option/interface';
 export { default as generateUtmTags } from './components/ShareButton/utils/generateUtmTags';
 export { default as useWindow } from './components/ShareButton/utils/useWindow';
 export { default as useFacebookShareUrl } from './components/ShareButton/utils/useFacebookShareUrl';

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index2.js"),b=require("./index3.js"),p=require("./index4.js"),S=require("./index5.js"),t=require("./index6.js"),R=require("./index7.js"),$=require("./index8.js"),f=require("./index9.js"),I=require("./index10.js"),F=require("./index11.js"),n=require("./index12.js"),w=require("./index13.js"),A=require("./index14.js"),B=require("./index15.js"),a=require("./index16.js"),c=require("./index17.js"),M=require("./index18.js"),H=require("./index19.js"),s=require("./index20.js"),d=require("./index21.js"),l=require("./index22.js"),D=require("./index23.js"),L=require("./index24.js"),y=require("./index25.js"),G=require("./index26.js"),q=require("./index27.js"),U=require("./index28.js"),N=require("./index29.js"),W=require("./index30.js"),x=require("./index31.js"),O=require("./index32.js"),j=require("./index33.js"),Y=require("./index34.js"),_=require("./index35.js"),z=require("./index36.js"),X=require("./index37.js"),V=require("./index38.js"),E=require("./index39.js"),J=require("./index40.js"),K=require("./index41.js"),Q=require("./index42.js"),Z=require("./index43.js"),ee=require("./index44.js"),re=require("./index45.js"),oe=require("./index46.js"),te=require("./index47.js"),ne=require("./index48.js"),ie=require("./index49.js"),ue=require("./index50.js"),ae=require("./index51.js"),ce=require("./index52.js"),se=require("./index53.js"),de=require("./index54.js"),le=require("./index55.js"),qe=require("./index56.js"),xe=require("./index57.js"),Ce=require("./index58.js"),me=require("./index59.js"),he=require("./index60.js"),Te=require("./index61.js"),ge=require("./index62.js"),Pe=require("./index63.js"),ke=require("./index64.js"),ve=require("./index65.js"),be=require("./index66.js"),pe=require("./index67.js"),Se=require("./index68.js"),Re=require("./index69.js"),$e=require("./index70.js"),fe=require("./index71.js"),i=require("./index72.js"),Ie=require("./index73.js"),C=require("./index74.js"),m=require("./index75.js"),h=require("./index76.js"),T=require("./index77.js"),g=require("./index78.js"),Fe=require("./index79.js"),P=require("./index80.js"),k=require("./index81.js"),we=require("react-hook-form"),Ae=require("./index82.js"),Be=require("./index83.js"),Me=require("./index84.js"),He=require("./index85.js"),De=require("./index86.js"),Le=require("./index87.js"),ye=require("./index88.js"),Ge=require("./index89.js"),Ue=require("./index90.js"),Ne=require("./index91.js");function We(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const Oe=We(we);exports.ThemeProvider=v;exports.Typography=b.default;exports.Accordion=p;exports.AccordionItem=S;exports.Anchor=t.Anchor;exports.Button=t.default;exports.ButtonWithForwardRef=t.ButtonWithForwardRef;exports.ShareButton=R.default;exports.SidePanel=$;exports.Lightbox=f;exports.Popover=I.default;exports.Carousel=F;exports.CarouselNavigationButton=n.CarouselNavigationButton;exports.CarouselNextNavigationButton=n.CarouselNextNavigationButton;exports.CarouselPrevNavigationButton=n.CarouselPrevNavigationButton;exports.WysiwygBlock=w;exports.Icon=A;exports.Date=B;exports.ReactHookFormSelect=a.ReactHookFormSelect;exports.Select=a.default;exports.Checkbox=c.default;exports.ReactHookFormCheckBox=c.ReactHookFormCheckBox;exports.SearchField=M;exports.CheckboxGroup=H;exports.CheckboxGroupItem=s.default;exports.ReactHookFormCheckboxItem=s.ReactHookFormCheckboxItem;exports.ReactHookFormTextArea=d.ReactHookFormTextArea;exports.TextArea=d.default;exports.ReactHookFormInput=l.ReactHookFormInput;exports.TextInputField=l.default;exports.DatePicker=D;exports.CalendarPopover=L.CalendarPopover;exports.DateField=y;exports.DateRangePicker=G;exports.Box=q.default;exports.BoxWithForwardRef=q.BoxWithForwardRef;exports.Calendar=U;exports.RangeCalendar=N;exports.Modal=W;exports.Radio=x.default;exports.ReactHookFormRadio=x.ReactHookFormRadio;exports.RadioGroup=O;exports.RenderWithSlide=j;exports.Menu=Y;exports.MenuSidePanel=_;exports.MenuItems=z;exports.TabContainer=X;exports.Alerts=V;exports.AlertsItem=E;exports.SelectItem=J;exports.Video=K;exports.TagGroup=Q;exports.TagItem=Z.TagItem;exports.TabList=ee;exports.TabItem=re.TabItem;exports.TabPanel=oe;exports.Tab=te;exports.ArrowDown=ne;exports.ArrowLeft=ie;exports.ArrowRight=ue;exports.Check=ae;exports.ChevronLeft=ce;exports.ChevronRight=se;exports.CloseBtn=de;exports.Facebook=le;exports.FacebookColored=qe;exports.FacebookRounded=xe;exports.Globe=Ce;exports.Instagram=me;exports.InstagramColored=he;exports.Link=Te;exports.LinkedIn=ge;exports.Mail=Pe;exports.Plus=ke;exports.Share=ve;exports.Twitter=be;exports.TwitterColored=pe;exports.Upload=Se;exports.X=Re;exports.YouTube=$e;exports.YouTubeColored=fe;exports.ThemeContextProvider=i.ThemeContextProvider;exports.createThemeProvider=i.createThemeProvider;exports.useTheme=i.useTheme;exports.useThemeContext=Ie;exports.IsClientContextProvider=C.IsClientContextProvider;exports.useIsClient=C.useIsClient;exports.SidePanelContextProvider=m.SidePanelContextProvider;exports.useSidePanel=m.useSidePanel;exports.MenuContextProvider=h.MenuContextProvider;exports.useMenu=h.useMenu;exports.RadioGroupProvider=T.RadioGroupProvider;exports.useRadioGroupCtx=T.useRadioGroupCtx;exports.AccordionContextProvider=g.AccordionContextProvider;exports.useAccordionCtx=g.useAccordionCtx;exports.SearchBarProvider=Fe.SearchBarProvider;exports.SwiperControllerContextProvider=P.SwiperControllerContextProvider;exports.useSwiperController=P.useSwiperController;exports.TranslationContextProvider=k.TranslationContextProvider;exports.useTranslation=k.useTranslation;exports.reactHookForm=Oe;exports.generateUtmTags=Ae;exports.useWindow=Be;exports.useFacebookShareUrl=Me;exports.useMailToShareUrl=He;exports.useTwitterShareUrl=De;exports.useAccordionState=Le;exports.mergeDefaultComponentProps=ye.mergeDefaultComponentProps;exports.useLabelledOverlay=Ge;exports.StackUILogger=Ue.logger;exports.makeTheme=Ne.makeTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index2.js"),b=require("./index3.js"),S=require("./index4.js"),p=require("./index5.js"),t=require("./index6.js"),$=require("./index7.js"),R=require("./index8.js"),f=require("./index9.js"),I=require("./index10.js"),F=require("./index11.js"),n=require("./index12.js"),w=require("./index13.js"),B=require("./index14.js"),A=require("./index15.js"),a=require("./index16.js"),c=require("./index17.js"),M=require("./index18.js"),H=require("./index19.js"),s=require("./index20.js"),d=require("./index21.js"),l=require("./index22.js"),L=require("./index23.js"),D=require("./index24.js"),y=require("./index25.js"),G=require("./index26.js"),q=require("./index27.js"),U=require("./index28.js"),N=require("./index29.js"),W=require("./index30.js"),x=require("./index31.js"),O=require("./index32.js"),j=require("./index33.js"),Y=require("./index34.js"),_=require("./index35.js"),z=require("./index36.js"),X=require("./index37.js"),V=require("./index38.js"),E=require("./index39.js"),J=require("./index40.js"),K=require("./index41.js"),Q=require("./index42.js"),Z=require("./index43.js"),ee=require("./index44.js"),re=require("./index45.js"),oe=require("./index46.js"),te=require("./index47.js"),ne=require("./index48.js"),ie=require("./index49.js"),ue=require("./index50.js"),ae=require("./index51.js"),ce=require("./index52.js"),se=require("./index53.js"),de=require("./index54.js"),le=require("./index55.js"),qe=require("./index56.js"),xe=require("./index57.js"),Ce=require("./index58.js"),me=require("./index59.js"),he=require("./index60.js"),Te=require("./index61.js"),ge=require("./index62.js"),Pe=require("./index63.js"),ke=require("./index64.js"),ve=require("./index65.js"),be=require("./index66.js"),Se=require("./index67.js"),pe=require("./index68.js"),$e=require("./index69.js"),Re=require("./index70.js"),fe=require("./index71.js"),Ie=require("./index72.js"),Fe=require("./index73.js"),we=require("./index74.js"),i=require("./index75.js"),Be=require("./index76.js"),C=require("./index77.js"),m=require("./index78.js"),h=require("./index79.js"),T=require("./index80.js"),g=require("./index81.js"),Ae=require("./index82.js"),P=require("./index83.js"),k=require("./index84.js"),Me=require("react-hook-form"),He=require("./index85.js"),Le=require("./index86.js"),De=require("./index87.js"),ye=require("./index88.js"),Ge=require("./index89.js"),Ue=require("./index90.js"),Ne=require("./index91.js"),We=require("./index92.js"),Oe=require("./index93.js"),je=require("./index94.js");function Ye(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const _e=Ye(Me);exports.ThemeProvider=v;exports.Typography=b.default;exports.Accordion=S;exports.AccordionItem=p;exports.Anchor=t.Anchor;exports.Button=t.default;exports.ButtonWithForwardRef=t.ButtonWithForwardRef;exports.ShareButton=$.default;exports.SidePanel=R;exports.Lightbox=f;exports.Popover=I.default;exports.Carousel=F;exports.CarouselNavigationButton=n.CarouselNavigationButton;exports.CarouselNextNavigationButton=n.CarouselNextNavigationButton;exports.CarouselPrevNavigationButton=n.CarouselPrevNavigationButton;exports.WysiwygBlock=w;exports.Icon=B;exports.Date=A;exports.ReactHookFormSelect=a.ReactHookFormSelect;exports.Select=a.default;exports.Checkbox=c.default;exports.ReactHookFormCheckBox=c.ReactHookFormCheckBox;exports.SearchField=M;exports.CheckboxGroup=H;exports.CheckboxGroupItem=s.default;exports.ReactHookFormCheckboxItem=s.ReactHookFormCheckboxItem;exports.ReactHookFormTextArea=d.ReactHookFormTextArea;exports.TextArea=d.default;exports.ReactHookFormInput=l.ReactHookFormInput;exports.TextInputField=l.default;exports.DatePicker=L;exports.CalendarPopover=D.CalendarPopover;exports.DateField=y;exports.DateRangePicker=G;exports.Box=q.default;exports.BoxWithForwardRef=q.BoxWithForwardRef;exports.Calendar=U;exports.RangeCalendar=N;exports.Modal=W;exports.Radio=x.default;exports.ReactHookFormRadio=x.ReactHookFormRadio;exports.RadioGroup=O;exports.RenderWithSlide=j;exports.Menu=Y;exports.MenuSidePanel=_;exports.MenuItems=z;exports.TabContainer=X;exports.Alerts=V;exports.AlertsItem=E;exports.SelectItem=J;exports.Video=K;exports.TagGroup=Q;exports.TagItem=Z.TagItem;exports.TabList=ee;exports.TabItem=re.TabItem;exports.TabPanel=oe;exports.Tab=te;exports.ListBox=ne;exports.ListBoxSection=ie;exports.Option=ue;exports.ArrowDown=ae;exports.ArrowLeft=ce;exports.ArrowRight=se;exports.Check=de;exports.ChevronLeft=le;exports.ChevronRight=qe;exports.CloseBtn=xe;exports.Facebook=Ce;exports.FacebookColored=me;exports.FacebookRounded=he;exports.Globe=Te;exports.Instagram=ge;exports.InstagramColored=Pe;exports.Link=ke;exports.LinkedIn=ve;exports.Mail=be;exports.Plus=Se;exports.Share=pe;exports.Twitter=$e;exports.TwitterColored=Re;exports.Upload=fe;exports.X=Ie;exports.YouTube=Fe;exports.YouTubeColored=we;exports.ThemeContextProvider=i.ThemeContextProvider;exports.createThemeProvider=i.createThemeProvider;exports.useTheme=i.useTheme;exports.useThemeContext=Be;exports.IsClientContextProvider=C.IsClientContextProvider;exports.useIsClient=C.useIsClient;exports.SidePanelContextProvider=m.SidePanelContextProvider;exports.useSidePanel=m.useSidePanel;exports.MenuContextProvider=h.MenuContextProvider;exports.useMenu=h.useMenu;exports.RadioGroupProvider=T.RadioGroupProvider;exports.useRadioGroupCtx=T.useRadioGroupCtx;exports.AccordionContextProvider=g.AccordionContextProvider;exports.useAccordionCtx=g.useAccordionCtx;exports.SearchBarProvider=Ae.SearchBarProvider;exports.SwiperControllerContextProvider=P.SwiperControllerContextProvider;exports.useSwiperController=P.useSwiperController;exports.TranslationContextProvider=k.TranslationContextProvider;exports.useTranslation=k.useTranslation;exports.reactHookForm=_e;exports.generateUtmTags=He;exports.useWindow=Le;exports.useFacebookShareUrl=De;exports.useMailToShareUrl=ye;exports.useTwitterShareUrl=Ge;exports.useAccordionState=Ue;exports.mergeDefaultComponentProps=Ne.mergeDefaultComponentProps;exports.useLabelledOverlay=We;exports.StackUILogger=Oe.logger;exports.makeTheme=je.makeTheme;

package/index.mjs

@@ -7,14 +7,14 @@ 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 { default as S } from "./index11.mjs";
 import { CarouselNavigationButton as b, CarouselNextNavigationButton as I, CarouselPrevNavigationButton as F } from "./index12.mjs";
-import { default as A } from "./index13.mjs";
+import { default 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 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";
@@ -30,15 +30,15 @@ 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 Re } 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 Be } from "./index36.mjs";
+import { default as Ae } from "./index37.mjs";
 import { default as Me } from "./index38.mjs";
 import { default as He } 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 { default as Oe } from "./index42.mjs";
 import { TagItem as Ve } from "./index43.mjs";
 import { default as je } from "./index44.mjs";
 import { TabItem as ze } from "./index45.mjs";
@@ -56,92 +56,98 @@ import { default as co } from "./index56.mjs";
 import { default as ho } from "./index57.mjs";
 import { default as ko } from "./index58.mjs";
 import { default as go } from "./index59.mjs";
-import { default as Ro } from "./index60.mjs";
+import { default as So } from "./index60.mjs";
 import { default as bo } from "./index61.mjs";
 import { default as Fo } from "./index62.mjs";
-import { default as Ao } from "./index63.mjs";
+import { default as wo } 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 Yo } 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 Eo } from "./index72.mjs";
+import { default as Ko } from "./index73.mjs";
+import { default as Zo } from "./index74.mjs";
+import { ThemeContextProvider as $o, createThemeProvider as er, useTheme as or } from "./index75.mjs";
+import { default as tr } from "./index76.mjs";
+import { IsClientContextProvider as fr, useIsClient as lr } from "./index77.mjs";
+import { SidePanelContextProvider as mr, useSidePanel as ur } from "./index78.mjs";
+import { MenuContextProvider as sr, useMenu as pr } from "./index79.mjs";
+import { RadioGroupProvider as ir, useRadioGroupCtx as cr } from "./index80.mjs";
+import { AccordionContextProvider as hr, useAccordionCtx as Tr } from "./index81.mjs";
+import { SearchBarProvider as Pr } from "./index82.mjs";
+import { SwiperControllerContextProvider as vr, useSwiperController as Sr } from "./index83.mjs";
+import { TranslationContextProvider as br, useTranslation as Ir } from "./index84.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 Br } from "./index85.mjs";
+import { default as Ar } from "./index86.mjs";
 import { default as Mr } from "./index87.mjs";
-import { mergeDefaultComponentProps as Hr } from "./index88.mjs";
+import { default 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 Wr } from "./index90.mjs";
+import { mergeDefaultComponentProps as Or } from "./index91.mjs";
+import { default as Vr } from "./index92.mjs";
+import { logger as jr } from "./index93.mjs";
+import { makeTheme as zr } from "./index94.mjs";
 export {
   d as Accordion,
-  sr as AccordionContextProvider,
+  hr as AccordionContextProvider,
   u as AccordionItem,
   Me as Alerts,
   He as AlertsItem,
   s as Anchor,
-  _e as ArrowDown,
-  eo as ArrowLeft,
-  ro as ArrowRight,
+  ao as ArrowDown,
+  lo as ArrowLeft,
+  uo as ArrowRight,
   me as Box,
   ue as BoxWithForwardRef,
   p as Button,
   n as ButtonWithForwardRef,
   se as Calendar,
   re as CalendarPopover,
-  R as Carousel,
+  S as Carousel,
   b as CarouselNavigationButton,
   I as CarouselNextNavigationButton,
   F as CarouselPrevNavigationButton,
-  ao as Check,
+  so as Check,
   W as Checkbox,
   X as CheckboxGroup,
   q as CheckboxGroupItem,
-  lo as ChevronLeft,
-  uo as ChevronRight,
-  so as CloseBtn,
+  no as ChevronLeft,
+  co as ChevronRight,
+  ho as CloseBtn,
   G as Date,
   ae as DateField,
   ee as DatePicker,
   le as DateRangePicker,
-  no as Facebook,
-  co as FacebookColored,
-  ho as FacebookRounded,
-  ko as Globe,
+  ko as Facebook,
+  go as FacebookColored,
+  So as FacebookRounded,
+  bo as Globe,
   L as Icon,
-  go as Instagram,
-  Ro as InstagramColored,
-  $o as IsClientContextProvider,
+  Fo as Instagram,
+  wo as InstagramColored,
+  fr as IsClientContextProvider,
   k as Lightbox,
-  bo as Link,
-  Fo as LinkedIn,
-  Ao as Mail,
-  Se as Menu,
-  fr as MenuContextProvider,
-  we as MenuItems,
+  Lo as Link,
+  Go as LinkedIn,
+  _e as ListBox,
+  eo as ListBoxSection,
+  Do as Mail,
+  Re as Menu,
+  sr as MenuContextProvider,
+  Be as MenuItems,
   Ie as MenuSidePanel,
   ce as Modal,
-  Lo as Plus,
+  ro as Option,
+  yo as Plus,
   g as Popover,
   he as Radio,
   Pe as RadioGroup,
-  mr as RadioGroupProvider,
+  ir as RadioGroupProvider,
   ne as RangeCalendar,
   N as ReactHookFormCheckBox,
   z as ReactHookFormCheckboxItem,
@@ -150,55 +156,55 @@ export {
   D as ReactHookFormSelect,
   J as ReactHookFormTextArea,
   ve as RenderWithSlide,
-  ir as SearchBarProvider,
-  O as SearchField,
+  Pr as SearchBarProvider,
+  Y as SearchField,
   U as Select,
   Ue as SelectItem,
-  Go as Share,
+  No as Share,
   c as ShareButton,
   h as SidePanel,
-  rr as SidePanelContextProvider,
-  Wr as StackUILogger,
-  Cr as SwiperControllerContextProvider,
+  mr as SidePanelContextProvider,
+  jr as StackUILogger,
+  vr as SwiperControllerContextProvider,
   Qe as Tab,
-  Be as TabContainer,
+  Ae as TabContainer,
   ze as TabItem,
   je as TabList,
   Je as TabPanel,
-  Ye as TagGroup,
+  Oe as TagGroup,
   Ve as TagItem,
   K as TextArea,
   _ as TextInputField,
-  Eo as ThemeContextProvider,
+  $o as ThemeContextProvider,
   t as ThemeProvider,
-  kr as TranslationContextProvider,
-  Do as Twitter,
-  yo as TwitterColored,
+  br as TranslationContextProvider,
+  Yo as Twitter,
+  Xo as TwitterColored,
   f as Typography,
-  No as Upload,
+  qo 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,
+  w as WysiwygBlock,
+  Eo as X,
+  Ko as YouTube,
+  Zo as YouTubeColored,
+  er as createThemeProvider,
+  Br as generateUtmTags,
+  zr as makeTheme,
+  Or 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
+  Tr as useAccordionCtx,
+  Wr as useAccordionState,
+  Mr as useFacebookShareUrl,
+  lr as useIsClient,
+  Vr as useLabelledOverlay,
+  Hr as useMailToShareUrl,
+  pr as useMenu,
+  cr as useRadioGroupCtx,
+  ur as useSidePanel,
+  Sr as useSwiperController,
+  or as useTheme,
+  tr as useThemeContext,
+  Ir as useTranslation,
+  Ur as useTwitterShareUrl,
+  Ar 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 o=require("react/jsx-runtime"),c=require("react"),e=require("react-aria"),y=require("react-stately"),R=require("./index76.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;

package/index10.mjs

@@ -3,7 +3,7 @@ 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 k from "./index76.mjs";
 import { BoxWithForwardRef as S } from "./index27.mjs";
 import { ButtonWithForwardRef as W } from "./index6.mjs";
 const _ = p.forwardRef((l, r) => {