@okam/stack-ui 1.37.0 → 1.38.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 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/Dialog/interface.d.ts

@@ -1,7 +1,9 @@
-/// <reference types="react" />
+import type { ReactNode } from 'react';
 import type { AriaDialogProps } from 'react-aria';
 import type { TDefaultComponent } from '../../types/components';
-export interface TDialogProps extends AriaDialogProps, TDefaultComponent {
-    title?: React.ReactNode;
+export interface TDialogAria extends AriaDialogProps {
+    title?: ReactNode;
+}
+export interface TDialogProps extends TDialogAria, TDefaultComponent {
     children: React.ReactNode;
 }

package/components/Modal/interface.d.ts

@@ -1,10 +1,13 @@
 import type { OverlayTriggerState } from '@react-stately/overlays';
 import type React from 'react';
 import type { FunctionComponent } from 'react';
-import type { AriaDialogProps, AriaModalOverlayProps } from 'react-aria';
+import type { AriaModalOverlayProps } from 'react-aria';
 import type { TToken } from '../../providers/Theme/interface';
 import type { TDefaultComponent, TTransition } from '../../types/components';
-export interface TModalProps<T = TToken> extends AriaModalOverlayProps, TDefaultComponent<T> {
+import type { TDialogAria, TDialogProps } from '../Dialog/interface';
+export interface TModalAria extends TDialogAria, AriaModalOverlayProps {
+}
+export interface TModalProps<T = TToken> extends TModalAria, TDefaultComponent<T> {
     state: OverlayTriggerState;
     children: React.ReactNode;
     transitionComponent?: FunctionComponent<TTransition>;
@@ -13,6 +16,5 @@ export interface TModalOverlayProps extends AriaModalOverlayProps, TDefaultCompo
     children: React.ReactNode;
     state: OverlayTriggerState;
 }
-export interface TModalDialogProps extends AriaDialogProps, TDefaultComponent {
-    children: React.ReactNode;
+export interface TModalDialogProps extends TDialogProps {
 }

package/components/SidePanel/interface.d.ts

@@ -1,13 +1,16 @@
-import type { HTMLAttributes } from 'react';
-import type React from 'react';
+import type { ReactNode } from 'react';
 import type { TToken } from '../../providers/Theme/interface';
 import type { TDefaultComponent, TTransition } from '../../types/components';
-export interface ISidePanelProps extends HTMLAttributes<HTMLElement> {
+import type { TModalAria } from '../Modal/interface';
+export interface TSidePanelProps<T extends TToken> extends TDefaultComponent<T>, TModalAria {
     id: string;
-    children?: React.ReactNode;
-    closeBtnRender?: () => React.ReactNode;
+    children?: ReactNode;
+    closeBtnRender?: () => ReactNode;
     TransitionAnimation?: (props: TTransition) => JSX.Element;
     PanelTransition?: (props: TTransition) => JSX.Element;
+    /**
+     * @deprecated Use `onOpenChange` instead
+     */
     onCloseCallBack?: () => void;
+    onOpenChange?: (isOpen: boolean) => void;
 }
-export type TSidePanelProps<T = TToken> = ISidePanelProps & TDefaultComponent<T>;

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/hooks/useLabelledOverlay/index.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+import type { OverlayTriggerProps } from 'react-aria';
+import type { OverlayTriggerState } from 'react-stately';
+import type { TLabelledOverlayAria } from './interface';
+/**
+ * Wrapper for react aria `useOverlayTrigger` that adds label props and reformats press events to work with `TButtonProps`
+ */
+declare function useLabelledOverlay(props: OverlayTriggerProps, state: OverlayTriggerState, ref?: RefObject<Element>): TLabelledOverlayAria;
+export default useLabelledOverlay;

package/hooks/useLabelledOverlay/interface.d.ts

@@ -0,0 +1,14 @@
+import type { AriaLabelingProps, DOMProps } from '@react-types/shared';
+import type { AriaButtonProps } from 'react-aria';
+import type { TButtonProps } from '../../components/Button/interface';
+type TTriggerProps = Omit<AriaButtonProps, 'onPress'> & Pick<TButtonProps, 'handlePress'>;
+export interface TLabelledOverlayAria {
+    triggerProps: TTriggerProps;
+    /**
+     * @deprecated Use `triggerProps` instead
+     */
+    openTriggerProps: TTriggerProps;
+    labelProps: DOMProps;
+    overlayProps: DOMProps & Pick<AriaLabelingProps, 'aria-labelledby'>;
+}
+export {};

package/index.d.ts

@@ -60,7 +60,7 @@ export type { TButtonProps, TAnchorProps } from './components/Button/interface';
 export type { TTypographyProps } from './components/Typography/interface';
 export type { TTheme, TToken, TCustomTheme, TStyle, TDefaultTheme, TStyleCollection, TStyleValue, } from './providers/Theme/interface';
 export type { TMenuProps, TMenuItemProps } from './components/Menu/interface';
-export type { TDefaultComponent, Nullable } from './types/components';
+export type { TDefaultComponent, Nullable, TTransition, TReactHookForm } from './types/components';
 export type { TTextInputProps } from './components/fields/TextInputField/interface';
 export type { TCheckboxProps } from './components/fields/Checkbox/Checkbox.interface';
 export type { TSelectProps } from './components/fields/Select/Select.interface';
@@ -79,4 +79,5 @@ export { default as useMailToShareUrl } from './components/ShareButton/utils/use
 export { default as useTwitterShareUrl } from './components/ShareButton/utils/useTwitterShareUrl';
 export { default as useAccordionState } from './components/Accordion/hooks/useAccordionState';
 export { mergeDefaultComponentProps } from './helpers/mergeDefaultComponentProps';
+export { default as useLabelledOverlay } from './hooks/useLabelledOverlay';
 export { logger as StackUILogger } from './logger';

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"),G=require("./index24.js"),L=require("./index25.js"),U=require("./index26.js"),q=require("./index27.js"),y=require("./index28.js"),N=require("./index29.js"),W=require("./index30.js"),x=require("./index31.js"),j=require("./index32.js"),O=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"),Ge=require("./index87.js"),Le=require("./index88.js"),Ue=require("./index89.js"),ye=require("./index90.js");function Ne(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 We=Ne(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=G.CalendarPopover;exports.DateField=L;exports.DateRangePicker=U;exports.Box=q.default;exports.BoxWithForwardRef=q.BoxWithForwardRef;exports.Calendar=y;exports.RangeCalendar=N;exports.Modal=W;exports.Radio=x.default;exports.ReactHookFormRadio=x.ReactHookFormRadio;exports.RadioGroup=j;exports.RenderWithSlide=O;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=We;exports.generateUtmTags=Ae;exports.useWindow=Be;exports.useFacebookShareUrl=Me;exports.useMailToShareUrl=He;exports.useTwitterShareUrl=De;exports.useAccordionState=Ge;exports.mergeDefaultComponentProps=Le.mergeDefaultComponentProps;exports.StackUILogger=Ue.logger;exports.makeTheme=ye.makeTheme;
+"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;