@okam/stack-ui 1.35.3 → 1.35.4

package/components/TagGroup/components/Tag.d.ts

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

package/components/TagGroup/components/TagItem.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'react';
+import type { TTagItemProps } from '../interface';
+declare const _TagItem: <T extends object>(props: TTagItemProps<T>) => JSX.Element;
+export { _TagItem as TagItem };

package/components/TagGroup/index.d.ts

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

package/components/TagGroup/interface.d.ts

@@ -0,0 +1,32 @@
+import type { CollectionElement, ItemProps, Node } from '@react-types/shared';
+import type { ReactElement } from 'react';
+import type { AriaTagGroupProps, AriaTagProps } from 'react-aria';
+import type { ListState } from 'react-stately';
+import type { TToken } from '../../providers/Theme/interface';
+import type { TDefaultComponent } from '../../types/components';
+import type { TButtonProps } from '../Button/interface';
+type TTagCollectionElement<I extends object> = CollectionElement<I> & {
+    removeButtonProps?: TButtonProps;
+};
+export type TTagItem<I extends object> = I & {
+    removeButtonProps?: TButtonProps;
+    href?: string;
+};
+type TTagNode<I extends object> = Omit<Node<I>, 'props'> & {
+    props?: TTagItem<I> & ItemProps<I>;
+};
+export interface TTagGroupProps<I extends object, T = TToken> extends Omit<TDefaultComponent<T>, 'children'>, Omit<AriaTagGroupProps<TTagItem<I>>, 'children'> {
+    children: TTagCollectionElement<I> | TTagCollectionElement<I>[] | ((item: TTagItem<I>) => TTagCollectionElement<I>);
+    /**
+     * Acts as a default for the remove button of all tags. Individual tags `props.item.props.removeButtonProps` take precedence.
+     * @default {children: '❌'}
+     */
+    removeButtonProps?: TButtonProps;
+}
+export interface TTagProps<I extends object, T = TToken> extends Omit<TDefaultComponent<T>, 'children'>, Omit<AriaTagProps<TTagItem<I>>, 'item'> {
+    state: ListState<TTagItem<I>>;
+    item: TTagNode<I>;
+}
+export type TTagItemProps<I extends object, T = TToken> = Omit<TDefaultComponent<T>, 'children'> & ItemProps<I> & TTagItem<I>;
+export type TTagElement<I extends object> = ReactElement<TTagItemProps<I>>;
+export {};

package/index.d.ts

@@ -38,6 +38,8 @@ export { default as Alerts } from './components/Alerts';
 export { default as AlertsItem } from './components/Alerts/components/AlertsItem';
 export { default as SelectItem } from './components/fields/SelectItem/SelectItem';
 export { default as Video } from './components/Video';
+export { default as TagGroup } from './components/TagGroup';
+export { TagItem } from './components/TagGroup/components/TagItem';
 export * from './components/icons';
 export { makeTheme, createThemeProvider, useTheme, ThemeContextProvider } from './providers/Theme';
 export { default as useThemeContext } from './providers/Theme/hooks';
@@ -63,6 +65,7 @@ export type { TDatePickerProps } from './components/fields/DatePicker/interface'
 export type { TDateProps } from './components/Date/interface';
 export type { TSidePanelButtons, TSidePanelButtonProps, TSidePanelContext } from './providers/SidePanel/interface';
 export type { default as TSearchProps } from './components/fields/SearchField/interface';
+export type { TTagGroupProps, TTagItemProps, TTagProps } from './components/TagGroup/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 S=require("./index2.js"),R=require("./index3.js"),T=require("./index4.js"),$=require("./index5.js"),t=require("./index6.js"),b=require("./index7.js"),p=require("./index8.js"),F=require("./index9.js"),f=require("./index10.js"),w=require("./index11.js"),n=require("./index12.js"),I=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"),U=require("./index23.js"),D=require("./index24.js"),G=require("./index25.js"),L=require("./index26.js"),q=require("./index27.js"),N=require("./index28.js"),y=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"),X=require("./index36.js"),z=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"),he=require("./index59.js"),me=require("./index60.js"),ke=require("./index61.js"),Pe=require("./index62.js"),ve=require("./index63.js"),ge=require("./index64.js"),Se=require("./index65.js"),i=require("./index66.js"),Re=require("./index67.js"),C=require("./index68.js"),h=require("./index69.js"),m=require("./index70.js"),k=require("./index71.js"),P=require("./index72.js"),Te=require("./index73.js"),v=require("./index74.js"),g=require("./index75.js"),$e=require("react-hook-form"),be=require("./index76.js"),pe=require("./index77.js"),Fe=require("./index78.js"),fe=require("./index79.js"),we=require("./index80.js"),Ie=require("./index81.js"),Ae=require("./index82.js"),Be=require("./index83.js");function Me(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 He=Me($e);exports.ThemeProvider=S;exports.Typography=R.default;exports.Accordion=T;exports.AccordionItem=$;exports.Anchor=t.Anchor;exports.Button=t.default;exports.ButtonWithForwardRef=t.ButtonWithForwardRef;exports.ShareButton=b.default;exports.SidePanel=p;exports.Lightbox=F;exports.Popover=f.default;exports.Carousel=w;exports.CarouselNavigationButton=n.CarouselNavigationButton;exports.CarouselNextNavigationButton=n.CarouselNextNavigationButton;exports.CarouselPrevNavigationButton=n.CarouselPrevNavigationButton;exports.WysiwygBlock=I;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=U;exports.CalendarPopover=D.CalendarPopover;exports.DateField=G;exports.DateRangePicker=L;exports.Box=q.default;exports.BoxWithForwardRef=q.BoxWithForwardRef;exports.Calendar=N;exports.RangeCalendar=y;exports.Modal=W;exports.Radio=x.default;exports.ReactHookFormRadio=x.ReactHookFormRadio;exports.RadioGroup=j;exports.RenderWithSlide=O;exports.Menu=Y;exports.MenuSidePanel=_;exports.MenuItems=X;exports.TabContainer=z;exports.Alerts=V;exports.AlertsItem=E;exports.SelectItem=J;exports.Video=K;exports.ArrowDown=Q;exports.ArrowLeft=Z;exports.ArrowRight=ee;exports.Check=re;exports.ChevronLeft=oe;exports.ChevronRight=te;exports.CloseBtn=ne;exports.Facebook=ie;exports.FacebookColored=ue;exports.FacebookRounded=ae;exports.Globe=ce;exports.Instagram=se;exports.InstagramColored=de;exports.Link=le;exports.LinkedIn=qe;exports.Mail=xe;exports.Plus=Ce;exports.Share=he;exports.Twitter=me;exports.TwitterColored=ke;exports.Upload=Pe;exports.X=ve;exports.YouTube=ge;exports.YouTubeColored=Se;exports.ThemeContextProvider=i.ThemeContextProvider;exports.createThemeProvider=i.createThemeProvider;exports.useTheme=i.useTheme;exports.useThemeContext=Re;exports.IsClientContextProvider=C.IsClientContextProvider;exports.useIsClient=C.useIsClient;exports.SidePanelContextProvider=h.SidePanelContextProvider;exports.useSidePanel=h.useSidePanel;exports.MenuContextProvider=m.MenuContextProvider;exports.useMenu=m.useMenu;exports.RadioGroupProvider=k.RadioGroupProvider;exports.useRadioGroupCtx=k.useRadioGroupCtx;exports.AccordionContextProvider=P.AccordionContextProvider;exports.useAccordionCtx=P.useAccordionCtx;exports.SearchBarProvider=Te.SearchBarProvider;exports.SwiperControllerContextProvider=v.SwiperControllerContextProvider;exports.useSwiperController=v.useSwiperController;exports.TranslationContextProvider=g.TranslationContextProvider;exports.useTranslation=g.useTranslation;exports.reactHookForm=He;exports.generateUtmTags=be;exports.useWindow=pe;exports.useFacebookShareUrl=Fe;exports.useMailToShareUrl=fe;exports.useTwitterShareUrl=we;exports.useAccordionState=Ie;exports.StackUILogger=Ae.logger;exports.makeTheme=Be.makeTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./index2.js"),S=require("./index3.js"),R=require("./index4.js"),$=require("./index5.js"),t=require("./index6.js"),p=require("./index7.js"),b=require("./index8.js"),F=require("./index9.js"),f=require("./index10.js"),I=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"),G=require("./index23.js"),U=require("./index24.js"),y=require("./index25.js"),D=require("./index26.js"),q=require("./index27.js"),L=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"),X=require("./index36.js"),z=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"),ke=require("./index61.js"),ge=require("./index62.js"),Pe=require("./index63.js"),ve=require("./index64.js"),Te=require("./index65.js"),Se=require("./index66.js"),Re=require("./index67.js"),i=require("./index68.js"),$e=require("./index69.js"),C=require("./index70.js"),m=require("./index71.js"),h=require("./index72.js"),k=require("./index73.js"),g=require("./index74.js"),pe=require("./index75.js"),P=require("./index76.js"),v=require("./index77.js"),be=require("react-hook-form"),Fe=require("./index78.js"),fe=require("./index79.js"),Ie=require("./index80.js"),we=require("./index81.js"),Ae=require("./index82.js"),Be=require("./index83.js"),Me=require("./index84.js"),He=require("./index85.js");function Ge(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 Ue=Ge(be);exports.ThemeProvider=T;exports.Typography=S.default;exports.Accordion=R;exports.AccordionItem=$;exports.Anchor=t.Anchor;exports.Button=t.default;exports.ButtonWithForwardRef=t.ButtonWithForwardRef;exports.ShareButton=p.default;exports.SidePanel=b;exports.Lightbox=F;exports.Popover=f.default;exports.Carousel=I;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=G;exports.CalendarPopover=U.CalendarPopover;exports.DateField=y;exports.DateRangePicker=D;exports.Box=q.default;exports.BoxWithForwardRef=q.BoxWithForwardRef;exports.Calendar=L;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=X;exports.TabContainer=z;exports.Alerts=V;exports.AlertsItem=E;exports.SelectItem=J;exports.Video=K;exports.TagGroup=Q;exports.TagItem=Z.TagItem;exports.ArrowDown=ee;exports.ArrowLeft=re;exports.ArrowRight=oe;exports.Check=te;exports.ChevronLeft=ne;exports.ChevronRight=ie;exports.CloseBtn=ue;exports.Facebook=ae;exports.FacebookColored=ce;exports.FacebookRounded=se;exports.Globe=de;exports.Instagram=le;exports.InstagramColored=qe;exports.Link=xe;exports.LinkedIn=Ce;exports.Mail=me;exports.Plus=he;exports.Share=ke;exports.Twitter=ge;exports.TwitterColored=Pe;exports.Upload=ve;exports.X=Te;exports.YouTube=Se;exports.YouTubeColored=Re;exports.ThemeContextProvider=i.ThemeContextProvider;exports.createThemeProvider=i.createThemeProvider;exports.useTheme=i.useTheme;exports.useThemeContext=$e;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=k.RadioGroupProvider;exports.useRadioGroupCtx=k.useRadioGroupCtx;exports.AccordionContextProvider=g.AccordionContextProvider;exports.useAccordionCtx=g.useAccordionCtx;exports.SearchBarProvider=pe.SearchBarProvider;exports.SwiperControllerContextProvider=P.SwiperControllerContextProvider;exports.useSwiperController=P.useSwiperController;exports.TranslationContextProvider=v.TranslationContextProvider;exports.useTranslation=v.useTranslation;exports.reactHookForm=Ue;exports.generateUtmTags=Fe;exports.useWindow=fe;exports.useFacebookShareUrl=Ie;exports.useMailToShareUrl=we;exports.useTwitterShareUrl=Ae;exports.useAccordionState=Be;exports.StackUILogger=Me.logger;exports.makeTheme=He.makeTheme;

package/index.mjs

@@ -5,13 +5,13 @@ import { default as m } from "./index5.mjs";
 import { Anchor as s, default as p, ButtonWithForwardRef as n } from "./index6.mjs";
 import { default as c } from "./index7.mjs";
 import { default as h } from "./index8.mjs";
-import { default as P } from "./index9.mjs";
-import { default as v } from "./index10.mjs";
-import { default as S } from "./index11.mjs";
+import { default as T } from "./index9.mjs";
+import { default as g } from "./index10.mjs";
+import { default as R } from "./index11.mjs";
 import { CarouselNavigationButton as F, CarouselNextNavigationButton as I, CarouselPrevNavigationButton as b } from "./index12.mjs";
 import { default as A } from "./index13.mjs";
 import { default as M } from "./index14.mjs";
-import { default as G } from "./index15.mjs";
+import { default as H } from "./index15.mjs";
 import { ReactHookFormSelect as U, default as D } from "./index16.mjs";
 import { default as y, ReactHookFormCheckBox as N } from "./index17.mjs";
 import { default as V } from "./index18.mjs";
@@ -28,18 +28,18 @@ import { default as se } from "./index28.mjs";
 import { default as ne } from "./index29.mjs";
 import { default as ce } from "./index30.mjs";
 import { default as he, ReactHookFormRadio as ke } from "./index31.mjs";
-import { default as Te } from "./index32.mjs";
-import { default as Re } from "./index33.mjs";
-import { default as ge } from "./index34.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 He } from "./index38.mjs";
+import { default as Ge } from "./index38.mjs";
 import { default as Le } from "./index39.mjs";
 import { default as De } from "./index40.mjs";
 import { default as ye } from "./index41.mjs";
 import { default as Ye } from "./index42.mjs";
-import { default as Xe } from "./index43.mjs";
+import { TagItem as Xe } from "./index43.mjs";
 import { default as qe } from "./index44.mjs";
 import { default as Ee } from "./index45.mjs";
 import { default as Ke } from "./index46.mjs";
@@ -54,86 +54,88 @@ 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 Po } from "./index58.mjs";
-import { default as vo } from "./index59.mjs";
-import { default as So } from "./index60.mjs";
+import { default as To } from "./index58.mjs";
+import { default as go } from "./index59.mjs";
+import { default as Ro } from "./index60.mjs";
 import { default as Fo } from "./index61.mjs";
 import { default as bo } from "./index62.mjs";
 import { default as Ao } from "./index63.mjs";
 import { default as Mo } from "./index64.mjs";
-import { default as Go } from "./index65.mjs";
-import { ThemeContextProvider as Uo, createThemeProvider as Do, useTheme as Wo } from "./index66.mjs";
-import { default as No } from "./index67.mjs";
-import { IsClientContextProvider as Vo, useIsClient as Xo } from "./index68.mjs";
-import { SidePanelContextProvider as qo, useSidePanel as zo } from "./index69.mjs";
-import { MenuContextProvider as Jo, useMenu as Ko } from "./index70.mjs";
-import { RadioGroupProvider as Qo, useRadioGroupCtx as Zo } from "./index71.mjs";
-import { AccordionContextProvider as $o, useAccordionCtx as er } from "./index72.mjs";
-import { SearchBarProvider as rr } from "./index73.mjs";
-import { SwiperControllerContextProvider as ar, useSwiperController as fr } from "./index74.mjs";
-import { TranslationContextProvider as lr, useTranslation as ur } from "./index75.mjs";
+import { default as Ho } from "./index65.mjs";
+import { default as Uo } from "./index66.mjs";
+import { default as Wo } from "./index67.mjs";
+import { ThemeContextProvider as No, createThemeProvider as Yo, useTheme as Vo } from "./index68.mjs";
+import { default as jo } from "./index69.mjs";
+import { IsClientContextProvider as zo, useIsClient as Eo } from "./index70.mjs";
+import { SidePanelContextProvider as Ko, useSidePanel as Oo } from "./index71.mjs";
+import { MenuContextProvider as Zo, useMenu as _o } from "./index72.mjs";
+import { RadioGroupProvider as er, useRadioGroupCtx as or } from "./index73.mjs";
+import { AccordionContextProvider as tr, useAccordionCtx as ar } from "./index74.mjs";
+import { SearchBarProvider as dr } from "./index75.mjs";
+import { SwiperControllerContextProvider as ur, useSwiperController as mr } from "./index76.mjs";
+import { TranslationContextProvider as sr, useTranslation as pr } from "./index77.mjs";
 import * as e from "react-hook-form";
-import { default as xr } from "./index76.mjs";
-import { default as pr } from "./index77.mjs";
 import { default as ir } from "./index78.mjs";
 import { default as Cr } from "./index79.mjs";
 import { default as kr } from "./index80.mjs";
-import { default as Tr } from "./index81.mjs";
-import { logger as Rr } from "./index82.mjs";
-import { makeTheme as gr } from "./index83.mjs";
+import { default as Pr } from "./index81.mjs";
+import { default as vr } from "./index82.mjs";
+import { default as Sr } from "./index83.mjs";
+import { logger as Ir } from "./index84.mjs";
+import { makeTheme as wr } from "./index85.mjs";
 export {
   l as Accordion,
-  $o as AccordionContextProvider,
+  tr as AccordionContextProvider,
   m as AccordionItem,
-  He as Alerts,
+  Ge as Alerts,
   Le as AlertsItem,
   s as Anchor,
-  Ye as ArrowDown,
-  Xe as ArrowLeft,
-  qe as ArrowRight,
+  qe as ArrowDown,
+  Ee as ArrowLeft,
+  Ke as ArrowRight,
   ue as Box,
   me as BoxWithForwardRef,
   p as Button,
   n as ButtonWithForwardRef,
   se as Calendar,
   re as CalendarPopover,
-  S as Carousel,
+  R as Carousel,
   F as CarouselNavigationButton,
   I as CarouselNextNavigationButton,
   b as CarouselPrevNavigationButton,
-  Ee as Check,
+  Qe as Check,
   y as Checkbox,
   j as CheckboxGroup,
   z as CheckboxGroupItem,
-  Ke as ChevronLeft,
-  Qe as ChevronRight,
-  _e as CloseBtn,
-  G as Date,
+  _e as ChevronLeft,
+  eo as ChevronRight,
+  ro as CloseBtn,
+  H as Date,
   ae as DateField,
   ee as DatePicker,
   de as DateRangePicker,
-  eo as Facebook,
-  ro as FacebookColored,
-  ao as FacebookRounded,
-  lo as Globe,
+  ao as Facebook,
+  lo as FacebookColored,
+  mo as FacebookRounded,
+  so as Globe,
   M as Icon,
-  mo as Instagram,
-  so as InstagramColored,
-  Vo as IsClientContextProvider,
-  P as Lightbox,
-  no as Link,
-  co as LinkedIn,
-  ho as Mail,
-  ge as Menu,
-  Jo as MenuContextProvider,
+  no as Instagram,
+  co as InstagramColored,
+  zo as IsClientContextProvider,
+  T as Lightbox,
+  ho as Link,
+  To as LinkedIn,
+  go as Mail,
+  Se as Menu,
+  Zo as MenuContextProvider,
   we as MenuItems,
   Ie as MenuSidePanel,
   ce as Modal,
-  Po as Plus,
-  v as Popover,
+  Ro as Plus,
+  g as Popover,
   he as Radio,
-  Te as RadioGroup,
-  Qo as RadioGroupProvider,
+  Pe as RadioGroup,
+  er as RadioGroupProvider,
   ne as RangeCalendar,
   N as ReactHookFormCheckBox,
   E as ReactHookFormCheckboxItem,
@@ -141,48 +143,50 @@ export {
   ke as ReactHookFormRadio,
   U as ReactHookFormSelect,
   K as ReactHookFormTextArea,
-  Re as RenderWithSlide,
-  rr as SearchBarProvider,
+  ve as RenderWithSlide,
+  dr as SearchBarProvider,
   V as SearchField,
   D as Select,
   De as SelectItem,
-  vo as Share,
+  Fo as Share,
   c as ShareButton,
   h as SidePanel,
-  qo as SidePanelContextProvider,
-  Rr as StackUILogger,
-  ar as SwiperControllerContextProvider,
+  Ko as SidePanelContextProvider,
+  Ir as StackUILogger,
+  ur as SwiperControllerContextProvider,
   Be as TabContainer,
+  Ye as TagGroup,
+  Xe as TagItem,
   O as TextArea,
   _ as TextInputField,
-  Uo as ThemeContextProvider,
+  No as ThemeContextProvider,
   t as ThemeProvider,
-  lr as TranslationContextProvider,
-  So as Twitter,
-  Fo as TwitterColored,
+  sr as TranslationContextProvider,
+  bo as Twitter,
+  Ao as TwitterColored,
   f as Typography,
-  bo as Upload,
+  Mo as Upload,
   ye as Video,
   A as WysiwygBlock,
-  Ao as X,
-  Mo as YouTube,
-  Go as YouTubeColored,
-  Do as createThemeProvider,
-  xr as generateUtmTags,
-  gr as makeTheme,
+  Ho as X,
+  Uo as YouTube,
+  Wo as YouTubeColored,
+  Yo as createThemeProvider,
+  ir as generateUtmTags,
+  wr as makeTheme,
   e as reactHookForm,
-  er as useAccordionCtx,
-  Tr as useAccordionState,
-  ir as useFacebookShareUrl,
-  Xo as useIsClient,
-  Cr as useMailToShareUrl,
-  Ko as useMenu,
-  Zo as useRadioGroupCtx,
-  zo as useSidePanel,
-  fr as useSwiperController,
-  Wo as useTheme,
-  No as useThemeContext,
-  ur as useTranslation,
-  kr as useTwitterShareUrl,
-  pr as useWindow
+  ar as useAccordionCtx,
+  Sr as useAccordionState,
+  kr as useFacebookShareUrl,
+  Eo as useIsClient,
+  Pr as useMailToShareUrl,
+  _o as useMenu,
+  or as useRadioGroupCtx,
+  Oo as useSidePanel,
+  mr as useSwiperController,
+  Vo as useTheme,
+  jo as useThemeContext,
+  pr as useTranslation,
+  vr as useTwitterShareUrl,
+  Cr 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("./index67.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("./index69.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 "./index67.mjs";
+import k from "./index69.mjs";
 import { BoxWithForwardRef as S } from "./index27.mjs";
 import { ButtonWithForwardRef as W } from "./index6.mjs";
 const _ = p.forwardRef((l, r) => {

package/index100.js

@@ -1,47 +1,15 @@
-"use strict";const e=require("tailwind-variants"),t=require("./index102.js"),r=e.tv({base:`
-    flex
-    flex-col
-    gap-4
-  `}),o=e.tv({base:`
-    w-full
-    flex
-    flex-wrap
-    gap-2
-  `}),a=e.tv({extend:t,defaultVariants:{size:"h4"}}),s=e.tv({extend:t,defaultVariants:{size:"paragraph"}}),i=e.tv({extend:t,defaultVariants:{size:"paragraph",isError:!0}}),n=e.tv({base:`
-    focus-visible:outline
-    focus-visible:outline-offset-2
-    focus-visible:outline-2
-    focus-visible:outline-black
-    cursor-pointer
-    transition-all
-    duration-200
-  `,variants:{isSelected:{true:"bg-color-1-800 text-white"},isDisabled:{true:"opacity-50 pointer-events-none"},isLink:{true:`
-        border-b
-        border-color-1-300
-        px-2
-        py-0.5
-        mx-2
-        text-color-1-500
-        hover:text-color-1-700
-        hover:border-color-1-700
-        active:text-color-1-900
-        active:border-color-1-900
-      `,false:`
-        p-2
-        bg-color-1-200
-        rounded-full
-        hover:bg-color-1-300
-        active:bg-color-1-400
-        active:text-white
-      `}},defaultVariants:{isLink:!1}}),l=e.tv({base:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),e=t.tv({base:"flex print:hidden relative",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row",column:"flex-col"}}}),o=t.tv({base:"relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",variants:{isOpen:{true:"",false:""}}}),r=t.tv({base:"!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"flex-row pl-14 h-16 left-0",column:"flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"},isOpen:{true:"opacity-100 visible",false:""}}}),n=t.tv({base:`
     flex
     items-center
-    gap-2
-  `}),c=e.tv({base:`
-    aspect-square
-    rounded-full
-    bg-black/30
-    p-1
-    h-auto
-    w-8
-  `}),u={wrapper:r,tags:o,label:a,description:s,errorMessage:i,tag:{wrapper:n,container:l,removeButton:c}};module.exports=u;
+    justify-center
+    cursor-pointer
+    bg-color-1-200
+    hover:bg-color-1-300
+    w-full
+    text-color-1-500
+    rounded-none
+    p-2
+    focus-ring-black
+    z-10
+    has-focus-ring:z-20
+  `,defaultVariants:{listDirection:"row"},variants:{listDirection:{row:"last:rounded-r-full h-full",column:"last:rounded-b-full"}}}),i=t.tv({base:"text-white"}),s=t.tv({base:""});exports.shareButton=o;exports.shareButtonContainer=e;exports.shareButtonIcon=i;exports.shareButtonLink=n;exports.shareButtonLinkIcons=s;exports.shareButtonLinksList=r;

package/index100.mjs

@@ -1,104 +1,73 @@
-import { tv as e } from "tailwind-variants";
-import t from "./index102.mjs";
-const o = e({
-  base: `
-    flex
-    flex-col
-    gap-4
-  `
-}), r = e({
-  base: `
-    w-full
-    flex
-    flex-wrap
-    gap-2
-  `
-}), a = e({
-  extend: t,
+import { tv as t } from "tailwind-variants";
+const o = t({
+  base: "flex print:hidden relative",
   defaultVariants: {
-    size: "h4"
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "flex-row",
+      column: "flex-col"
+    }
   }
-}), s = e({
-  extend: t,
-  defaultVariants: {
-    size: "paragraph"
+}), r = t({
+  base: "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black",
+  variants: {
+    isOpen: {
+      true: "",
+      false: ""
+    }
   }
-}), i = e({
-  extend: t,
+}), i = t({
+  base: "!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full",
   defaultVariants: {
-    size: "paragraph",
-    isError: !0
-  }
-}), l = e({
-  base: `
-    focus-visible:outline
-    focus-visible:outline-offset-2
-    focus-visible:outline-2
-    focus-visible:outline-black
-    cursor-pointer
-    transition-all
-    duration-200
-  `,
+    listDirection: "row"
+  },
   variants: {
-    isSelected: {
-      true: "bg-color-1-800 text-white"
+    listDirection: {
+      row: "flex-row pl-14 h-16 left-0",
+      column: "flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0"
     },
-    isDisabled: {
-      true: "opacity-50 pointer-events-none"
-    },
-    isLink: {
-      true: `
-        border-b
-        border-color-1-300
-        px-2
-        py-0.5
-        mx-2
-        text-color-1-500
-        hover:text-color-1-700
-        hover:border-color-1-700
-        active:text-color-1-900
-        active:border-color-1-900
-      `,
-      false: `
-        p-2
-        bg-color-1-200
-        rounded-full
-        hover:bg-color-1-300
-        active:bg-color-1-400
-        active:text-white
-      `
+    isOpen: {
+      true: "opacity-100 visible",
+      false: ""
     }
-  },
-  defaultVariants: {
-    isLink: !1
   }
-}), n = e({
+}), n = t({
   base: `
     flex
     items-center
-    gap-2
-  `
-}), p = e({
-  base: `
-    aspect-square
-    rounded-full
-    bg-black/30
-    p-1
-    h-auto
-    w-8
-  `
-}), g = {
-  wrapper: o,
-  tags: r,
-  label: a,
-  description: s,
-  errorMessage: i,
-  tag: {
-    wrapper: l,
-    container: n,
-    removeButton: p
+    justify-center
+    cursor-pointer
+    bg-color-1-200
+    hover:bg-color-1-300
+    w-full
+    text-color-1-500
+    rounded-none
+    p-2
+    focus-ring-black
+    z-10
+    has-focus-ring:z-20
+  `,
+  defaultVariants: {
+    listDirection: "row"
+  },
+  variants: {
+    listDirection: {
+      row: "last:rounded-r-full h-full",
+      column: "last:rounded-b-full"
+    }
   }
-};
+}), l = t({
+  base: "text-white"
+}), s = t({
+  base: ""
+});
 export {
-  g as default
+  r as shareButton,
+  o as shareButtonContainer,
+  l as shareButtonIcon,
+  n as shareButtonLink,
+  s as shareButtonLinkIcons,
+  i as shareButtonLinksList
 };

package/index101.js

@@ -1,16 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("tailwind-variants"),e=r.tv({base:`
-    w-full
-    min-h-32
-    rounded-2xl
-    px-6
-    h-12
-    border-2
-    border-solid
-    transition
-    duration-300
-    ease-in-out
-    text-gray-2
-    placeholder:text-gray-2
-    focus-ring-black
-    
-  `,variants:{isError:{true:"border-red-500"}}});exports.textArea=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),n=e.tv({base:"m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"}),t=e.tv({base:"h-full w-full flex justify-end"}),l=e.tv({base:"bg-black h-full w-full overflow-y-auto"});exports.sidePanelContainer=t;exports.sidePanelInnerContainer=l;exports.sidePanelWrapper=n;