@okam/stack-ui 1.42.4 → 1.43.0

package/index.mjs

@@ -2,258 +2,264 @@ import { default as t } from "./index2.mjs";
 import { default as f } from "./index3.mjs";
 import { default as l } from "./index4.mjs";
 import { default as m } from "./index5.mjs";
-import { Anchor as d, default as p, ButtonWithForwardRef as n } from "./index6.mjs";
+import { Anchor as d, default as p, ButtonWithForwardRef as i } from "./index6.mjs";
 import { default as C } from "./index7.mjs";
-import { default as g } from "./index8.mjs";
-import { default as v } from "./index9.mjs";
-import { default as k } from "./index10.mjs";
-import { Popover as B } from "./index11.mjs";
-import { default as b } from "./index12.mjs";
-import { default as R } from "./index13.mjs";
+import { Main as g, default as P } from "./index8.mjs";
+import { default as h } from "./index9.mjs";
+import { default as B } from "./index10.mjs";
+import { default as S } from "./index11.mjs";
+import { Popover as F } from "./index12.mjs";
+import { default as L } from "./index13.mjs";
 import { default as A } from "./index14.mjs";
-import { LegacyCarouselNavigationButton as N, LegacyCarouselNextNavigationButton as w, LegacyCarouselPrevNavigationButton as y } from "./index15.mjs";
-import { default as M } from "./index16.mjs";
-import { default as G } from "./index17.mjs";
-import { default as W } from "./index18.mjs";
-import { default as X } from "./index19.mjs";
-import { default as V } from "./index20.mjs";
-import { default as q } from "./index21.mjs";
-import { default as E } from "./index22.mjs";
-import { default as K } from "./index23.mjs";
-import { default as Z } from "./index24.mjs";
-import { ReactHookFormSelect as $, default as ee } from "./index25.mjs";
-import { default as re, ReactHookFormCheckBox as te } from "./index26.mjs";
-import { default as fe } from "./index27.mjs";
-import { default as le } from "./index28.mjs";
-import { default as me, ReactHookFormCheckboxItem as xe } from "./index29.mjs";
-import { ReactHookFormTextArea as pe, default as ne } from "./index30.mjs";
-import { ReactHookFormInput as Ce, default as ce } from "./index31.mjs";
-import { default as Pe } from "./index32.mjs";
-import { CalendarPopover as he } from "./index33.mjs";
-import { default as Te } from "./index34.mjs";
-import { default as Se } from "./index35.mjs";
-import { default as Fe, BoxWithForwardRef as Re } from "./index36.mjs";
-import { default as Ae } from "./index37.mjs";
-import { default as Ne } from "./index38.mjs";
-import { default as ye } from "./index39.mjs";
-import { default as Me, ReactHookFormRadio as De } from "./index40.mjs";
-import { default as Ue } from "./index41.mjs";
-import { default as Oe } from "./index42.mjs";
-import { default as Ye } from "./index43.mjs";
-import { default as je } from "./index44.mjs";
-import { default as ze } from "./index45.mjs";
-import { default as Je } from "./index46.mjs";
-import { default as Qe } from "./index47.mjs";
-import { default as _e } from "./index48.mjs";
-import { default as eo } from "./index49.mjs";
-import { default as ro } from "./index50.mjs";
-import { default as ao } from "./index51.mjs";
-import { TagItem as uo } from "./index52.mjs";
-import { default as so } from "./index53.mjs";
-import { TabItem as xo } from "./index54.mjs";
-import { default as no } from "./index55.mjs";
-import { default as Co } from "./index56.mjs";
-import { default as go, default as Po } from "./index57.mjs";
-import { default as ho } from "./index58.mjs";
-import { default as To } from "./index59.mjs";
-import { default as So } from "./index60.mjs";
-import { Node as Fo } from "./index61.mjs";
-import { default as Io } from "./index62.mjs";
-import { default as Lo } from "./index63.mjs";
-import { default as wo } from "./index64.mjs";
-import { default as Ho } from "./index65.mjs";
-import { default as Do } from "./index66.mjs";
-import { default as Uo } from "./index67.mjs";
-import { default as Oo } from "./index68.mjs";
-import { default as Yo } from "./index69.mjs";
-import { default as jo } from "./index70.mjs";
-import { default as zo } from "./index71.mjs";
-import { default as Jo } from "./index72.mjs";
-import { default as Qo } from "./index73.mjs";
-import { default as _o } from "./index74.mjs";
-import { default as er } from "./index75.mjs";
-import { default as rr } from "./index76.mjs";
-import { default as ar } from "./index77.mjs";
-import { default as ur } from "./index78.mjs";
-import { default as sr } from "./index79.mjs";
-import { default as xr } from "./index80.mjs";
-import { default as pr } from "./index81.mjs";
-import { default as ir } from "./index82.mjs";
-import { default as cr } from "./index83.mjs";
-import { default as Pr } from "./index84.mjs";
-import { default as hr } from "./index85.mjs";
-import { default as Tr } from "./index86.mjs";
-import { ThemeContextProvider as Sr, createThemeProvider as br, useTheme as Fr } from "./index87.mjs";
-import { default as Ir } from "./index88.mjs";
-import { IsClientContextProvider as Lr, useIsClient as Nr } from "./index89.mjs";
-import { SidePanelContextProvider as yr, useSidePanel as Hr } from "./index90.mjs";
-import { MenuContextProvider as Dr, useMenu as Gr } from "./index91.mjs";
-import { RadioGroupProvider as Wr, useRadioGroupCtx as Or } from "./index92.mjs";
-import { AccordionContextProvider as Yr, useAccordionCtx as Vr } from "./index93.mjs";
-import { SearchBarProvider as qr } from "./index94.mjs";
-import { CarouselContextProvider as Er, SwiperControllerContextProvider as Jr, useCarousel as Kr, useSwiperController as Qr } from "./index95.mjs";
-import { TranslationContextProvider as _r, useTranslation as $r } from "./index96.mjs";
-import * as e from "react-hook-form";
-import { default as ot } from "./index97.mjs";
-import { default as tt } from "./index98.mjs";
-import { default as ft } from "./index99.mjs";
-import { default as lt } from "./index100.mjs";
-import { default as mt } from "./index101.mjs";
-import { default as dt } from "./index102.mjs";
-import { default as nt } from "./index103.mjs";
-import { mergeDefaultComponentProps as Ct } from "./index104.mjs";
-import { default as gt } from "./index105.mjs";
-import { useCarouselSwiper as vt } from "./index106.mjs";
-import { useCarouselSlide as kt } from "./index107.mjs";
-import { useCarouselPagination as Bt } from "./index108.mjs";
-import { useCarouselPaginationBullet as bt } from "./index109.mjs";
-import { useCarouselPaginationFraction as Rt } from "./index110.mjs";
-import { useCarouselNextNavigation as At } from "./index111.mjs";
-import { useCarouselPrevNavigation as Nt } from "./index112.mjs";
-import { useCarouselA11yAnnouncer as yt } from "./index113.mjs";
-import { useDebounce as Mt } from "./index114.mjs";
-import { useComboBoxFiltering as Gt } from "./index115.mjs";
-import { logger as Wt } from "./index116.mjs";
-import { makeTheme as Xt } from "./index117.mjs";
+import { default as w } from "./index15.mjs";
+import { LegacyCarouselNavigationButton as H, LegacyCarouselNextNavigationButton as M, LegacyCarouselPrevNavigationButton as D } from "./index16.mjs";
+import { default as U } from "./index17.mjs";
+import { default as O } from "./index18.mjs";
+import { default as Y } from "./index19.mjs";
+import { default as j } from "./index20.mjs";
+import { default as z } from "./index21.mjs";
+import { default as J } from "./index22.mjs";
+import { default as Q } from "./index23.mjs";
+import { default as _ } from "./index24.mjs";
+import { default as oo } from "./index25.mjs";
+import { ReactHookFormSelect as ro, default as to } from "./index26.mjs";
+import { default as fo, ReactHookFormCheckBox as uo } from "./index27.mjs";
+import { default as so } from "./index28.mjs";
+import { default as xo } from "./index29.mjs";
+import { default as io, ReactHookFormCheckboxItem as no } from "./index30.mjs";
+import { ReactHookFormTextArea as co, default as go } from "./index31.mjs";
+import { ReactHookFormInput as vo, default as ho } from "./index32.mjs";
+import { default as Bo } from "./index33.mjs";
+import { CalendarPopover as So } from "./index34.mjs";
+import { default as Fo } from "./index35.mjs";
+import { default as Lo } from "./index36.mjs";
+import { default as Ao, BoxWithForwardRef as No } from "./index37.mjs";
+import { default as yo } from "./index38.mjs";
+import { default as Mo } from "./index39.mjs";
+import { default as Go } from "./index40.mjs";
+import { default as Wo, ReactHookFormRadio as Oo } from "./index41.mjs";
+import { default as Yo } from "./index42.mjs";
+import { default as jo } from "./index43.mjs";
+import { default as zo } from "./index44.mjs";
+import { default as Jo } from "./index45.mjs";
+import { default as Qo } from "./index46.mjs";
+import { default as _o } from "./index47.mjs";
+import { default as oe } from "./index48.mjs";
+import { default as re } from "./index49.mjs";
+import { default as ae } from "./index50.mjs";
+import { default as ue } from "./index51.mjs";
+import { default as se } from "./index52.mjs";
+import { TagItem as xe } from "./index53.mjs";
+import { default as pe } from "./index54.mjs";
+import { TabItem as ne } from "./index55.mjs";
+import { default as ce } from "./index56.mjs";
+import { default as Pe } from "./index57.mjs";
+import { ControlledListBox as he, ControlledReactHookFormListBox as ke, default as Be, ReactHookFormListBox as Te } from "./index58.mjs";
+import { default as be, default as Fe } from "./index59.mjs";
+import { default as Le } from "./index60.mjs";
+import { default as Ae } from "./index61.mjs";
+import { Node as we } from "./index62.mjs";
+import { default as He } from "./index63.mjs";
+import { default as De } from "./index64.mjs";
+import { default as Ue } from "./index65.mjs";
+import { default as Oe } from "./index66.mjs";
+import { default as Ye } from "./index67.mjs";
+import { default as je } from "./index68.mjs";
+import { default as ze } from "./index69.mjs";
+import { default as Je } from "./index70.mjs";
+import { default as Qe } from "./index71.mjs";
+import { default as _e } from "./index72.mjs";
+import { default as or } from "./index73.mjs";
+import { default as rr } from "./index74.mjs";
+import { default as ar } from "./index75.mjs";
+import { default as ur } from "./index76.mjs";
+import { default as sr } from "./index77.mjs";
+import { default as xr } from "./index78.mjs";
+import { default as pr } from "./index79.mjs";
+import { default as nr } from "./index80.mjs";
+import { default as cr } from "./index81.mjs";
+import { default as Pr } from "./index82.mjs";
+import { default as hr } from "./index83.mjs";
+import { default as Br } from "./index84.mjs";
+import { default as Sr } from "./index85.mjs";
+import { default as Fr } from "./index86.mjs";
+import { default as Lr } from "./index87.mjs";
+import { ThemeContextProvider as Ar, createThemeProvider as Nr, useTheme as wr } from "./index88.mjs";
+import { default as Hr } from "./index89.mjs";
+import { IsClientContextProvider as Dr, useIsClient as Gr } from "./index90.mjs";
+import { SidePanelContextProvider as Wr, useSidePanel as Or } from "./index91.mjs";
+import { MenuContextProvider as Yr, useMenu as Vr } from "./index92.mjs";
+import { RadioGroupProvider as qr, useRadioGroupCtx as zr } from "./index93.mjs";
+import { AccordionContextProvider as Jr, useAccordionCtx as Kr } from "./index94.mjs";
+import { SearchBarProvider as Zr } from "./index95.mjs";
+import { CarouselContextProvider as $r, SwiperControllerContextProvider as ot, useCarousel as et, useSwiperController as rt } from "./index96.mjs";
+import { TranslationContextProvider as at, useTranslation as ft } from "./index97.mjs";
+import * as o from "react-hook-form";
+import { default as lt } from "./index98.mjs";
+import { default as mt } from "./index99.mjs";
+import { default as dt } from "./index100.mjs";
+import { default as it } from "./index101.mjs";
+import { default as Ct } from "./index102.mjs";
+import { default as gt } from "./index103.mjs";
+import { default as vt } from "./index104.mjs";
+import { mergeDefaultComponentProps as kt } from "./index105.mjs";
+import { default as Tt } from "./index106.mjs";
+import { useCarouselSwiper as bt } from "./index107.mjs";
+import { useCarouselSlide as Rt } from "./index108.mjs";
+import { useCarouselPagination as It } from "./index109.mjs";
+import { useCarouselPaginationBullet as Nt } from "./index110.mjs";
+import { useCarouselPaginationFraction as yt } from "./index111.mjs";
+import { useCarouselNextNavigation as Mt } from "./index112.mjs";
+import { useCarouselPrevNavigation as Gt } from "./index113.mjs";
+import { useCarouselA11yAnnouncer as Wt } from "./index114.mjs";
+import { useDebounce as Xt } from "./index115.mjs";
+import { useComboBoxFiltering as Vt } from "./index116.mjs";
+import { logger as qt } from "./index117.mjs";
+import { makeTheme as Et } from "./index118.mjs";
 export {
   l as Accordion,
-  Yr as AccordionContextProvider,
+  Jr as AccordionContextProvider,
   m as AccordionItem,
-  Qe as Alerts,
-  _e as AlertsItem,
+  oe as Alerts,
+  re as AlertsItem,
   d as Anchor,
-  Io as ArrowDown,
-  Lo as ArrowLeft,
-  wo as ArrowRight,
-  Fe as Box,
-  Re as BoxWithForwardRef,
+  He as ArrowDown,
+  De as ArrowLeft,
+  Ue as ArrowRight,
+  Ao as Box,
+  No as BoxWithForwardRef,
   p as Button,
-  n as ButtonWithForwardRef,
-  Ae as Calendar,
-  he as CalendarPopover,
-  R as Carousel,
-  Er as CarouselContextProvider,
-  N as CarouselNavigationButton,
-  M as CarouselNextNavigation,
-  w as CarouselNextNavigationButton,
-  W as CarouselPagination,
-  X as CarouselPaginationBullet,
-  V as CarouselPaginationFraction,
-  G as CarouselPrevNavigation,
-  y as CarouselPrevNavigationButton,
-  q as CarouselSwiper,
-  Ho as Check,
-  re as Checkbox,
-  le as CheckboxGroup,
-  me as CheckboxGroupItem,
-  Do as ChevronLeft,
-  Uo as ChevronRight,
-  Oo as CloseBtn,
-  go as ComboBox,
-  Z as Date,
-  Te as DateField,
-  Pe as DatePicker,
-  Se as DateRangePicker,
-  Yo as Facebook,
-  jo as FacebookColored,
-  zo as FacebookRounded,
-  Jo as Globe,
-  K as Icon,
-  Qo as Instagram,
-  _o as InstagramColored,
-  Lr as IsClientContextProvider,
-  A as LegacyCarousel,
-  k as Lightbox,
-  er as Link,
-  rr as LinkedIn,
-  ho as ListBox,
-  To as ListBoxSection,
-  ar as Mail,
-  Ye as Menu,
-  Dr as MenuContextProvider,
-  ze as MenuItems,
-  je as MenuSidePanel,
-  ye as Modal,
-  Fo as Node,
-  So as Option,
-  ur as Plus,
-  B as Popover,
-  b as PopoverButton,
-  sr as Print,
+  i as ButtonWithForwardRef,
+  yo as Calendar,
+  So as CalendarPopover,
+  A as Carousel,
+  $r as CarouselContextProvider,
+  H as CarouselNavigationButton,
+  U as CarouselNextNavigation,
+  M as CarouselNextNavigationButton,
+  Y as CarouselPagination,
+  j as CarouselPaginationBullet,
+  z as CarouselPaginationFraction,
+  O as CarouselPrevNavigation,
+  D as CarouselPrevNavigationButton,
+  J as CarouselSwiper,
+  Oe as Check,
+  fo as Checkbox,
+  xo as CheckboxGroup,
+  io as CheckboxGroupItem,
+  Ye as ChevronLeft,
+  je as ChevronRight,
+  ze as CloseBtn,
+  be as ComboBox,
+  he as ControlledListBox,
+  ke as ControlledReactHookFormListBox,
+  oo as Date,
+  Fo as DateField,
+  Bo as DatePicker,
+  Lo as DateRangePicker,
+  Je as Facebook,
+  Qe as FacebookColored,
+  _e as FacebookRounded,
+  or as Globe,
+  _ as Icon,
+  rr as Instagram,
+  ar as InstagramColored,
+  Dr as IsClientContextProvider,
+  w as LegacyCarousel,
+  S as Lightbox,
+  ur as Link,
+  sr as LinkedIn,
+  Be as ListBox,
+  Le as ListBoxSection,
+  xr as Mail,
+  g as Main,
+  zo as Menu,
+  Yr as MenuContextProvider,
+  Qo as MenuItems,
+  Jo as MenuSidePanel,
+  Go as Modal,
+  we as Node,
+  Ae as Option,
+  pr as Plus,
+  F as Popover,
+  L as PopoverButton,
+  nr as Print,
   C as PrintButton,
-  Me as Radio,
-  Ue as RadioGroup,
-  Wr as RadioGroupProvider,
-  Ne as RangeCalendar,
-  te as ReactHookFormCheckBox,
-  xe as ReactHookFormCheckboxItem,
-  Po as ReactHookFormComboBox,
-  Ce as ReactHookFormInput,
-  De as ReactHookFormRadio,
-  $ as ReactHookFormSelect,
-  pe as ReactHookFormTextArea,
-  Oe as RenderWithSlide,
-  qr as SearchBarProvider,
-  fe as SearchField,
-  ee as Select,
-  eo as SelectItem,
-  xr as Share,
-  g as ShareButton,
-  v as SidePanel,
-  yr as SidePanelContextProvider,
-  Wt as StackUILogger,
-  Jr as SwiperControllerContextProvider,
-  Co as Tab,
-  Je as TabContainer,
-  xo as TabItem,
-  so as TabList,
-  no as TabPanel,
-  ao as TagGroup,
-  uo as TagItem,
-  ne as TextArea,
-  ce as TextInputField,
-  Sr as ThemeContextProvider,
+  Wo as Radio,
+  Yo as RadioGroup,
+  qr as RadioGroupProvider,
+  Mo as RangeCalendar,
+  uo as ReactHookFormCheckBox,
+  no as ReactHookFormCheckboxItem,
+  Fe as ReactHookFormComboBox,
+  vo as ReactHookFormInput,
+  Te as ReactHookFormListBox,
+  Oo as ReactHookFormRadio,
+  ro as ReactHookFormSelect,
+  co as ReactHookFormTextArea,
+  jo as RenderWithSlide,
+  Zr as SearchBarProvider,
+  so as SearchField,
+  to as Select,
+  ae as SelectItem,
+  cr as Share,
+  h as ShareButton,
+  B as SidePanel,
+  Wr as SidePanelContextProvider,
+  P as SkipToMain,
+  qt as StackUILogger,
+  ot as SwiperControllerContextProvider,
+  Pe as Tab,
+  _o as TabContainer,
+  ne as TabItem,
+  pe as TabList,
+  ce as TabPanel,
+  se as TagGroup,
+  xe as TagItem,
+  go as TextArea,
+  ho as TextInputField,
+  Ar as ThemeContextProvider,
   t as ThemeProvider,
-  _r as TranslationContextProvider,
-  pr as Twitter,
-  ir as TwitterColored,
+  at as TranslationContextProvider,
+  Pr as Twitter,
+  hr as TwitterColored,
   f as Typography,
-  cr as Upload,
-  ro as Video,
-  E as WysiwygBlock,
-  Pr as X,
-  hr as YouTube,
-  Tr as YouTubeColored,
-  br as createThemeProvider,
-  ot as generateUtmTags,
-  Xt as makeTheme,
-  Ct as mergeDefaultComponentProps,
-  e as reactHookForm,
-  Vr as useAccordionCtx,
-  nt as useAccordionState,
-  Kr as useCarousel,
-  yt as useCarouselA11yAnnouncer,
-  At as useCarouselNextNavigation,
-  Bt as useCarouselPagination,
-  bt as useCarouselPaginationBullet,
-  Rt as useCarouselPaginationFraction,
-  Nt as useCarouselPrevNavigation,
-  kt as useCarouselSlide,
-  vt as useCarouselSwiper,
-  Gt as useComboBoxFiltering,
-  Mt as useDebounce,
-  ft as useFacebookShareUrl,
-  Nr as useIsClient,
-  gt as useLabelledOverlay,
-  dt as useLinkedinShareUrl,
-  lt as useMailToShareUrl,
-  Gr as useMenu,
-  Or as useRadioGroupCtx,
-  Hr as useSidePanel,
-  Qr as useSwiperController,
-  Fr as useTheme,
-  Ir as useThemeContext,
-  $r as useTranslation,
-  tt as useWindow,
-  mt as useXShareUrl
+  Br as Upload,
+  ue as Video,
+  Q as WysiwygBlock,
+  Sr as X,
+  Fr as YouTube,
+  Lr as YouTubeColored,
+  Nr as createThemeProvider,
+  lt as generateUtmTags,
+  Et as makeTheme,
+  kt as mergeDefaultComponentProps,
+  o as reactHookForm,
+  Kr as useAccordionCtx,
+  vt as useAccordionState,
+  et as useCarousel,
+  Wt as useCarouselA11yAnnouncer,
+  Mt as useCarouselNextNavigation,
+  It as useCarouselPagination,
+  Nt as useCarouselPaginationBullet,
+  yt as useCarouselPaginationFraction,
+  Gt as useCarouselPrevNavigation,
+  Rt as useCarouselSlide,
+  bt as useCarouselSwiper,
+  Vt as useComboBoxFiltering,
+  Xt as useDebounce,
+  dt as useFacebookShareUrl,
+  Gr as useIsClient,
+  Tt as useLabelledOverlay,
+  gt as useLinkedinShareUrl,
+  it as useMailToShareUrl,
+  Vr as useMenu,
+  zr as useRadioGroupCtx,
+  Or as useSidePanel,
+  rt as useSwiperController,
+  wr as useTheme,
+  Hr as useThemeContext,
+  ft as useTranslation,
+  mt as useWindow,
+  Ct as useXShareUrl
 };

package/index10.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),q=require("@react-aria/focus"),B=require("react-stately"),b=require("./index105.js"),f=require("./index36.js"),a=require("./index6.js"),C=require("./index23.js"),N=require("./index39.js"),p=require("./index3.js"),w=n=>{const{themeName:s,tokens:o,children:i,...t}=n;return e.jsx(a.default,{themeName:s,tokens:o,...t,children:e.jsx(C,{icon:"CloseBtn"})})},y=n=>{const{children:s,thumbnailContent:o,label:i,themeName:t="lightBox",tokens:r,closeButton:c=w,closeButtonAriaLabel:u,transitionComponent:h,showTriggerButton:d=!0,showCloseButton:x=!0}=n,l=B.useOverlayTriggerState(n),{openTriggerProps:m,triggerProps:g,overlayProps:j,labelProps:$}=b({...n,type:"dialog"},l);return e.jsxs(e.Fragment,{children:[d&&e.jsx(q.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs(a.default,{themeName:`${t}.wrapper`,tokens:r,...m,children:[i&&e.jsx(p.default,{themeName:`${t}.label`,tokens:r,...$,children:i}),o]})}),e.jsxs(N,{themeName:`${t}.modal`,tokens:r,state:l,...j,transitionComponent:h,children:[x&&e.jsx(c,{themeName:`${t}.closeBtn`,tokens:r,"aria-label":u,...g}),e.jsx(f.default,{themeName:`${t}.container`,tokens:r,children:s})]})]})};module.exports=y;
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),N=require("react-div-100vh"),S=require("./index91.js"),T=require("./index43.js"),b=require("./index146.js"),o=require("./index37.js"),v=require("./index40.js"),D=d=>{const{children:l,closeBtnRender:a,themeName:e="sidePanel",tokens:u,TransitionAnimation:m=T,PanelTransition:h=b,onOpenChange:i,customTheme:x,isDismissable:q=!0,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P=!1,onCloseCallBack:r,title:j,...k}=d,{overlayState:c,overlayProps:$}=S.useSidePanel(),{isOpen:n}=c;p.useEffect(()=>{i==null||i(n),n||r==null||r()},[n,i,r]);const s={isOpen:n,...u};return t.jsx(v,{themeName:e,tokens:s,customTheme:x,state:c,...$,transitionComponent:h,isDismissable:q,shouldCloseOnInteractOutside:f,isKeyboardDismissDisabled:P,title:j,...k,children:t.jsxs(o.default,{as:N,themeName:`${e}.wrapper`,tokens:s,children:[a&&a(),t.jsx(m,{themeName:`${e}.transitionAnimation`,tokens:s,isVisible:n,children:t.jsx(o.default,{themeName:`${e}.container`,tokens:s,children:t.jsx(o.default,{themeName:`${e}.innerContainer`,tokens:s,children:l})})})]})})};module.exports=D;

package/index10.mjs

@@ -1,60 +1,56 @@
 "use client";
-import { jsxs as l, Fragment as C, jsx as t } from "react/jsx-runtime";
-import { FocusRing as x } from "@react-aria/focus";
-import { useOverlayTriggerState as N } from "react-stately";
-import y from "./index105.mjs";
-import $ from "./index36.mjs";
-import s from "./index6.mjs";
-import w from "./index23.mjs";
-import L from "./index39.mjs";
-import P from "./index3.mjs";
-const T = (o) => {
-  const { themeName: n, tokens: i, children: m, ...e } = o;
-  return /* @__PURE__ */ t(s, { themeName: n, tokens: i, ...e, children: /* @__PURE__ */ t(w, { icon: "CloseBtn" }) });
-}, M = (o) => {
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import { useEffect as v } from "react";
+import x from "react-div-100vh";
+import { useSidePanel as D } from "./index91.mjs";
+import $ from "./index43.mjs";
+import y from "./index146.mjs";
+import r from "./index37.mjs";
+import j from "./index40.mjs";
+const M = (l) => {
   const {
-    children: n,
-    thumbnailContent: i,
-    label: m,
-    themeName: e = "lightBox",
-    tokens: r,
-    closeButton: h = T,
-    closeButtonAriaLabel: c,
-    transitionComponent: p,
-    showTriggerButton: u = !0,
-    showCloseButton: g = !0
-  } = o, a = N(o), { openTriggerProps: d, triggerProps: f, overlayProps: B, labelProps: b } = y(
-    { ...o, type: "dialog" },
-    a
+    children: d,
+    closeBtnRender: m,
+    themeName: e = "sidePanel",
+    tokens: c,
+    TransitionAnimation: f = $,
+    PanelTransition: h = y,
+    onOpenChange: n,
+    customTheme: p,
+    isDismissable: u = !0,
+    shouldCloseOnInteractOutside: P,
+    isKeyboardDismissDisabled: k = !1,
+    onCloseCallBack: o,
+    title: N,
+    ...S
+  } = l, { overlayState: a, overlayProps: T } = D(), { isOpen: t } = a;
+  v(() => {
+    n == null || n(t), t || o == null || o();
+  }, [t, n, o]);
+  const i = {
+    isOpen: t,
+    ...c
+  };
+  return /* @__PURE__ */ s(
+    j,
+    {
+      themeName: e,
+      tokens: i,
+      customTheme: p,
+      state: a,
+      ...T,
+      transitionComponent: h,
+      isDismissable: u,
+      shouldCloseOnInteractOutside: P,
+      isKeyboardDismissDisabled: k,
+      title: N,
+      ...S,
+      children: /* @__PURE__ */ b(r, { as: x, themeName: `${e}.wrapper`, tokens: i, children: [
+        m && m(),
+        /* @__PURE__ */ s(f, { themeName: `${e}.transitionAnimation`, tokens: i, isVisible: t, children: /* @__PURE__ */ s(r, { themeName: `${e}.container`, tokens: i, children: /* @__PURE__ */ s(r, { themeName: `${e}.innerContainer`, tokens: i, children: d }) }) })
+      ] })
+    }
   );
-  return /* @__PURE__ */ l(C, { children: [
-    u && /* @__PURE__ */ t(x, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ l(s, { themeName: `${e}.wrapper`, tokens: r, ...d, children: [
-      m && /* @__PURE__ */ t(P, { themeName: `${e}.label`, tokens: r, ...b, children: m }),
-      i
-    ] }) }),
-    /* @__PURE__ */ l(
-      L,
-      {
-        themeName: `${e}.modal`,
-        tokens: r,
-        state: a,
-        ...B,
-        transitionComponent: p,
-        children: [
-          g && /* @__PURE__ */ t(
-            h,
-            {
-              themeName: `${e}.closeBtn`,
-              tokens: r,
-              "aria-label": c,
-              ...f
-            }
-          ),
-          /* @__PURE__ */ t($, { themeName: `${e}.container`, tokens: r, children: n })
-        ]
-      }
-    )
-  ] });
 };
 export {
   M as default

package/index100.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const u=require("./index97.js"),l=require("./index98.js"),a=(t,o,e)=>{const{windowLocation:n,windowTitle:r}=l(),s=e||n,c=u(t,o),i=`${s}${c}`;return`mailto:?to=&body=${r}%20${i}`};module.exports=a;
+"use strict";const u=require("./index98.js"),i=require("./index99.js"),l=(t,e,o)=>{const{windowLocation:r,windowTitle:s}=i(),n=o||r,c=u(t,e);return`https://www.facebook.com/sharer.php?u=${`${n}${c}`}&t=${s}`};module.exports=l;