@cloudoperators/juno-ui-components 2.32.0 → 2.33.0

package/build/index.js

@@ -1,10 +1,10 @@
-export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";export{A as AppShell}from"./AppShell.component-BNckh29Y.js";export{A as AppShellProvider}from"./AppShellProvider.component-CoGCOuox.js";export{B as Badge}from"./Badge.component-CLaF9Up0.js";export{B as Box}from"./Box.component-V4TDnAgb.js";export{B as Breadcrumb}from"./Breadcrumb.component-BSGoKK2S.js";export{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";export{B as Button}from"./Button.component-liw0UuGT.js";export{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";export{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";export{C as CheckboxRow}from"./CheckboxRow.component-DzLTV4cd.js";export{C as CheckboxGroup}from"./CheckboxGroup.component-B_uoXPNo.js";export{C as Code}from"./Code.component-mlP3SwWy.js";export{C as CodeBlock}from"./CodeBlock.component-CZxYJPlk.js";import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext,useContext,Fragment,useRef,useCallback}from"react";import PropTypes from"prop-types";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon,k as knownIcons}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{o as offset,s as shift,f as flip,a as size}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{q as qt}from"./combobox-JmdrroKh.js";export{C as ContentArea}from"./ContentArea.component-VS-3jOgO.js";export{C as ContentHeading}from"./ContentHeading.component-bhh41uEk.js";export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-Cr9XddQc.js";export{C as ContentAreaWrapper}from"./ContentAreaWrapper.component-D6yksmzo.js";export{C as ContentContainer}from"./ContentContainer.component-wLeOohOT.js";export{C as Container}from"./Container.component-xJsCyUG8.js";export{C as ContextMenu}from"./ContextMenu.component-B24LaAwt.js";export{D as DataList}from"./DataList.component-BYn0Gl6b.js";export{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";export{D as DataListRow}from"./DataListRow.component-RvjQ652d.js";export{D as DataGrid}from"./DataGrid.component-Dt5OQxY5.js";export{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";export{D as DataGridHeadCell}from"./DataGridHeadCell.component-4DKn7eQ9.js";export{D as DataGridRow}from"./DataGridRow.component-CBEnaLYU.js";export{D as DataGridToolbar}from"./DataGridToolbar.component-BfgKal7m.js";export{D as DateTimePicker}from"./DateTimePicker.component-BMkIzxY0.js";export{F as FilterInput}from"./FilterInput.component-CBfEzQ3x.js";export{F as FilterPill}from"./FilterPill.component-C9YwMkKe.js";export{F as Filters}from"./Filters.component-Cu8sV-IL.js";export{F as Form}from"./Form.component-C-FIXwo-.js";export{F as FormattedText}from"./FormattedText.component-Oc4b8IPi.js";export{F as FormRow}from"./FormRow.component-CbFLRaDK.js";export{F as FormSection}from"./FormSection.component-DDGHfPV5.js";export{G as Grid}from"./Grid.component-BG4AMsb5.js";export{G as GridRow}from"./GridRow.component-Cf7FxOjh.js";export{G as GridColumn}from"./GridColumn.component-BmzNy9N0.js";export{I as Icon}from"./Icon.component-ClhnejN0.js";export{I as InputGroup}from"./InputGroup.component-Cjl_JYFs.js";export{I as IntroBox}from"./IntroBox.component-BmoEq45u.js";export{J as JsonViewer}from"./JsonViewer.component-lHoI-LCD.js";export{L as Label}from"./Label.component-BYZfB1oK.js";export{L as LoadingIndicator}from"./LoadingIndicator.component-CsNzFwe2.js";export{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";export{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";export{M as MainTabs}from"./MainTabs.component-DtTHcxTg.js";export{M as Menu}from"./Menu.component-vFmV6jCc.js";export{M as MenuItem}from"./MenuItem.component-ddsy5_so.js";export{M as MenuSection}from"./MenuSection.component-CteHwLJX.js";export{M as Message}from"./Message.component-A7V1Flcl.js";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";import{S as Stack,B as Button}from"./Pagination.component-CHvISPAw.js";export{P as Pagination,a as SelectOption}from"./Pagination.component-CHvISPAw.js";export{N as NativeSelect}from"./NativeSelect.component-BaWaK11P.js";export{N as NativeSelectOption}from"./NativeSelectOption.component-BWRxjRz0.js";export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-GFuGvLsz.js";export{P as Panel}from"./Panel.component-DW6z1JGn.js";export{P as PanelBody}from"./PanelBody.component-ejsCohbW.js";export{P as PanelFooter}from"./PanelFooter.component-B3HXAhmg.js";export{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";export{P as Pill}from"./Pill.component-BjuSYnxs.js";export{a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";export{R as Radio}from"./Radio.component-DiZc-eBh.js";export{R as RadioGroup}from"./RadioGroup.component-XH90kWYR.js";export{R as RadioRow}from"./RadioRow.component-B-HE4xRC.js";export{S as SearchInput}from"./SearchInput.component-QwymruVn.js";export{S as SecretText}from"./SecretText.component-jsJWpOK1.js";export{S as Select}from"./Select.component-DNPTrdQs.js";export{S as SelectRow}from"./SelectRow.component-D0F2VY1t.js";export{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";export{S as SideNavigation}from"./SideNavigation.component-D9IErRcv.js";export{S as SideNavigationItem}from"./SideNavigationItem.component-5ChkLMgz.js";export{S as Spinner}from"./Spinner.component-CO095KvL.js";export{S as Stack}from"./Stack.component-Pe-1jf3W.js";export{a as StyleProvider}from"./StyleProvider.component-DpOVgdlo.js";export{S as Switch}from"./Switch.component-1reoDymi.js";export{S as SwitchRow}from"./SwitchRow.component-BNceFC47.js";export{T as Tab}from"./Tab.component-SEUcCOS8.js";export{T as TabList}from"./TabList.component-sHDWBb5I.js";export{T as TabNavigation}from"./TabNavigation.component-Cc2F9AVl.js";export{T as TabNavigationItem}from"./TabNavigationItem.component-D9KvESL0.js";export{T as TabPanel}from"./TabPanel.component-DlnS5hSa.js";export{T as Textarea}from"./Textarea.component-DgYR9jem.js";export{T as Tabs}from"./Tabs.component-BRM3cTLV.js";export{T as TextareaRow}from"./TextareaRow.component-DSJ_PFIw.js";export{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";export{T as TextInputRow}from"./TextInputRow.component-DEWfa_NF.js";export{T as ThemeToggle}from"./ThemeToggle.component-CNb4Nbso.js";export{T as Toast}from"./Toast.component-x0WA9szy.js";export{T as Tooltip}from"./Tooltip.component-AWJGzfXT.js";export{T as TooltipContent}from"./TooltipContent.component-Go8u2Bz4.js";export{T as TooltipTrigger}from"./TooltipTrigger.component-CYpGzL4I.js";export{T as TopNavigation}from"./TopNavigation.component-CkGidYsu.js";export{T as TopNavigationItem}from"./TopNavigationItem.component-CqIlCTjB.js";import"./FormHint.component-C7TZlbwG.js";import"./withDeprecationWarning.component-CsAFJ740.js";import"./keyboard-D0PLkOsr.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";import"./withDeprecationWarning.component-fIFVSC34.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./TextInput.component-CkNlIlj0.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./listbox-CbPsJ3A1.js";import"./FormRow.component-5oxVn9c0.js";import"./Navigation.component-DaabNHev.js";import"./NavigationItem.component-DI0SMWsi.js";import"./ibm-plex-BfDpQmIi.js";import"./TabPanel-B6oG_h5d.js";const inputWrapperStyles=`
+export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";export{A as AppShell}from"./AppShell.component-Hk_XAW1E.js";export{A as AppShellProvider}from"./AppShellProvider.component-Be1Q5mjZ.js";export{B as Badge}from"./Badge.component-CLaF9Up0.js";export{B as Box}from"./Box.component-V4TDnAgb.js";export{B as Breadcrumb}from"./Breadcrumb.component-BSGoKK2S.js";export{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";export{B as Button}from"./Button.component-liw0UuGT.js";export{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";export{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";export{C as CheckboxRow}from"./CheckboxRow.component-DzLTV4cd.js";export{C as CheckboxGroup}from"./CheckboxGroup.component-B_uoXPNo.js";export{C as Code}from"./Code.component-mlP3SwWy.js";export{C as CodeBlock}from"./CodeBlock.component-CZxYJPlk.js";import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext,useContext,Fragment,useRef,useCallback}from"react";import PropTypes from"prop-types";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon,k as knownIcons}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{o as offset,s as shift,f as flip,a as size}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{q as qt}from"./combobox-JmdrroKh.js";export{C as ContentHeading}from"./ContentHeading.component-iyxxB3V8.js";export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-HPXE3xVK.js";export{C as ContentContainer}from"./ContentContainer.component-8A2F9nlM.js";export{C as Container}from"./Container.component-xJsCyUG8.js";export{C as ContextMenu}from"./ContextMenu.component-B24LaAwt.js";export{D as DataList}from"./DataList.component-BYn0Gl6b.js";export{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";export{D as DataListRow}from"./DataListRow.component-RvjQ652d.js";export{D as DataGrid}from"./DataGrid.component-Dt5OQxY5.js";export{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";export{D as DataGridHeadCell}from"./DataGridHeadCell.component-4DKn7eQ9.js";export{D as DataGridRow}from"./DataGridRow.component-CBEnaLYU.js";export{D as DataGridToolbar}from"./DataGridToolbar.component-BfgKal7m.js";export{D as DateTimePicker}from"./DateTimePicker.component-BysBjc0a.js";export{F as FilterInput}from"./FilterInput.component-CBfEzQ3x.js";export{F as FilterPill}from"./FilterPill.component-C9YwMkKe.js";export{F as Filters}from"./Filters.component-Cu8sV-IL.js";export{F as Form}from"./Form.component-C-FIXwo-.js";export{F as FormattedText}from"./FormattedText.component-Oc4b8IPi.js";export{F as FormRow}from"./FormRow.component-CbFLRaDK.js";export{F as FormSection}from"./FormSection.component-DDGHfPV5.js";export{G as Grid}from"./Grid.component-BG4AMsb5.js";export{G as GridRow}from"./GridRow.component-Cf7FxOjh.js";export{G as GridColumn}from"./GridColumn.component-BmzNy9N0.js";export{H as HeaderContainer}from"./HeaderContainer.component-CWj3SLQY.js";export{I as Icon}from"./Icon.component-ClhnejN0.js";export{I as InputGroup}from"./InputGroup.component-Cjl_JYFs.js";export{I as IntroBox}from"./IntroBox.component-BmoEq45u.js";export{J as JsonViewer}from"./JsonViewer.component-lHoI-LCD.js";export{L as Label}from"./Label.component-BYZfB1oK.js";export{L as LoadingIndicator}from"./LoadingIndicator.component-CsNzFwe2.js";export{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";export{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";export{M as MainTabs}from"./MainTabs.component-DtTHcxTg.js";export{M as Menu}from"./Menu.component-vFmV6jCc.js";export{M as MenuItem}from"./MenuItem.component-ddsy5_so.js";export{M as MenuSection}from"./MenuSection.component-CteHwLJX.js";export{M as Message}from"./Message.component-A7V1Flcl.js";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";export{N as NativeSelect}from"./NativeSelect.component-BaWaK11P.js";export{N as NativeSelectOption}from"./NativeSelectOption.component-BWRxjRz0.js";export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-GFuGvLsz.js";export{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{a as SelectContext,b as Select}from"./SelectRow.component-DKK8MJOk.js";export{S as SelectRow}from"./SelectRow.component-DKK8MJOk.js";import{I as It}from"./listbox-CbPsJ3A1.js";export{P as Pill}from"./Pill.component-BjuSYnxs.js";export{a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";export{R as Radio}from"./Radio.component-DiZc-eBh.js";export{R as RadioGroup}from"./RadioGroup.component-XH90kWYR.js";export{R as RadioRow}from"./RadioRow.component-B-HE4xRC.js";export{S as SearchInput}from"./SearchInput.component-QwymruVn.js";export{S as SecretText}from"./SecretText.component-jsJWpOK1.js";export{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";export{S as SideNavigation}from"./SideNavigation.component-D9IErRcv.js";export{S as SideNavigationItem}from"./SideNavigationItem.component-5ChkLMgz.js";export{S as Spinner}from"./Spinner.component-CO095KvL.js";export{S as Stack}from"./Stack.component-Pe-1jf3W.js";export{a as StyleProvider}from"./StyleProvider.component-CqbWBDF7.js";export{S as Switch}from"./Switch.component-1reoDymi.js";export{S as SwitchRow}from"./SwitchRow.component-CmboUtfc.js";export{T as Tab}from"./Tab.component-SEUcCOS8.js";export{T as TabList}from"./TabList.component-sHDWBb5I.js";export{T as TabNavigation}from"./TabNavigation.component-Cc2F9AVl.js";export{T as TabNavigationItem}from"./TabNavigationItem.component-D9KvESL0.js";export{T as TabPanel}from"./TabPanel.component-DlnS5hSa.js";export{T as Textarea}from"./Textarea.component-DgYR9jem.js";export{T as Tabs}from"./Tabs.component-BRM3cTLV.js";export{T as TextareaRow}from"./TextareaRow.component-DcyMqrAg.js";export{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";export{T as TextInputRow}from"./TextInputRow.component-fXXdeFjF.js";export{T as ThemeToggle}from"./ThemeToggle.component-C15TCL63.js";export{T as Toast}from"./Toast.component-x0WA9szy.js";export{T as Tooltip}from"./Tooltip.component-AWJGzfXT.js";export{T as TooltipContent}from"./TooltipContent.component-Go8u2Bz4.js";export{T as TooltipTrigger}from"./TooltipTrigger.component-CYpGzL4I.js";export{T as TopNavigation}from"./TopNavigation.component-CkGidYsu.js";export{T as TopNavigationItem}from"./TopNavigationItem.component-CqIlCTjB.js";import"./FormHint.component-C7TZlbwG.js";import"./withDeprecationWarning.component-CsAFJ740.js";import"./keyboard-D0PLkOsr.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./FormRow.component-OkQblu_q.js";import"./Navigation.component-DaabNHev.js";import"./NavigationItem.component-DI0SMWsi.js";import"./ibm-plex-DkmjUb78.js";import"./TabPanel-B6oG_h5d.js";const inputWrapperStyles=`
   jn-relative
 `,labelStyles=`
   jn-pointer-events-none
   jn-top-2
   jn-left-[0.9375rem]
-`,inputStyles=`
+`,inputStyles$1=`
   jn-rounded-3px
   jn-bg-theme-textinput
   jn-text-theme-textinput
@@ -89,7 +89,7 @@ export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}f
                 ${m?"jn-cursor-not-allowed":""}
               `},c&&D(c)&&!M&&!O?React__default.createElement(Label,{text:c,disabled:m,required:w,htmlFor:E,className:`${labelStyles}`,floating:!0,minimized:!!(v||Q||I&&D(I)||K&&D(K))}):"",React__default.createElement(qt.Input,{autoComplete:"off","aria-label":b||c,"aria-describedby":p?F:"",disabled:m||M||O,id:E,onBlur:a=>{R(!1),d&&d(a)},onChange:a=>{J(a?.target?.value),g&&g(a)},onFocus:a=>{R(!0),f&&f(a)},placeholder:M||O?"":v,displayValue:a=>G.get(a)?.children||G.get(a)?.label||h||a,className:`
                   juno-combobox-input 
-                  ${inputStyles} 
+                  ${inputStyles$1} 
                   ${c&&D(c)?withLabelInputStyles:noLabelInputStyles}
                   ${m?disabledInputStyles:""}
                   ${S?"juno-combobox-invalid "+invalidStyles:""} 
@@ -112,7 +112,7 @@ export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}f
                       `},a=>{let{open:b}=a;return React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"})}))),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(qt.Options,{unmount:!1,className:`
                     juno-combobox-options 
                     ${menuStyles}
-                  `},$)),Y?Y:document.body))),o&&D(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",p&&D(p)?React__default.createElement(FormHint,{text:p,id:F}):""))};ComboBox.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,name:PropTypes.string,nullable:PropTypes.bool,onBlur:PropTypes.func,onChange:PropTypes.func,onFocus:PropTypes.func,onInputChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:PropTypes.string,valueLabel:PropTypes.string,width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const optionStyles=`
+                  `},$)),Y?Y:document.body))),o&&D(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",p&&D(p)?React__default.createElement(FormHint,{text:p,id:F}):""))};ComboBox.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,name:PropTypes.string,nullable:PropTypes.bool,onBlur:PropTypes.func,onChange:PropTypes.func,onFocus:PropTypes.func,onInputChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:PropTypes.string,valueLabel:PropTypes.string,width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const optionStyles$1=`
   jn-flex
   jn-pt-[0.6875rem]
   jn-pb-[0.5rem]
@@ -123,19 +123,19 @@ export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}f
   data-[headlessui-state=active]:jn-ring-inset
   data-[headlessui-state=active]:jn-ring-theme-focus
   data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
-`,unselectedOptionStyles=`
+`,unselectedOptionStyles$1=`
   jn-text-theme-default
   jn-pl-[2.375rem]
-`,selectedOptionStyles=`
+`,selectedOptionStyles$1=`
   jn-text-theme-accent
   jn-pl-3.5
-`,selectedIconStyles=`
+`,selectedIconStyles$1=`
   jn-inline-block
   jn-mr-1.5
-`,disabledOptionLabelStyles=`
+`,disabledOptionLabelStyles$1=`
   jn-opacity-50
   jn-cursor-not-allowed
-`,truncateOptionStyles=`
+`,truncateOptionStyles$1=`
   jn-block
   jn-h-6
   jn-overflow-hidden
@@ -143,14 +143,83 @@ export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}f
   jn-whitespace-nowrap
 `,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",_extends({className:`
           juno-combobox-option 
-          ${optionStyles}
-          ${i===f?selectedOptionStyles:unselectedOptionStyles}
+          ${optionStyles$1}
+          ${i===f?selectedOptionStyles$1:unselectedOptionStyles$1}
           ${e?"jn-cursor-not-allowed":""}
           ${g}
-        `},d),i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
-            ${e?disabledOptionLabelStyles:""}
-            ${j?truncateOptionStyles:""}
-          `},b||c||f)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,_extends({gap:"2",distribution:"end",className:`juno-button-row ${d}`},b),c)};ButtonRow.propTypes={className:PropTypes.string,children:PropTypes.node};const modalfooterstyles=`
+        `},d),i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles$1}`}):"",React__default.createElement("span",{className:`
+            ${e?disabledOptionLabelStyles$1:""}
+            ${j?truncateOptionStyles$1:""}
+          `},b||c||f)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};const containerStyles$1=`
+  jn-bg-theme-content-area-bg
+  jn-relative
+  jn-grow
+`,ContentArea=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-content-area ${containerStyles$1} ${c}`},b),d)};ContentArea.propTypes={className:PropTypes.string,children:PropTypes.node};const containerStyles=`
+  jn-relative
+  jn-grow
+  jn-flex
+  jn-flex-col
+  jn-overflow-hidden
+`,ContentAreaWrapper=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-content-area-wrapper ${containerStyles} ${c}`},b),d)};ContentAreaWrapper.propTypes={className:PropTypes.string,children:PropTypes.node};const btnBase=`
+  jn-font-bold
+  jn-inline-flex 
+  jn-justify-center 
+  jn-items-center
+  jn-rounded
+  jn-shadow-sm 
+  jn-w-auto
+  focus:jn-outline-none 
+  focus-visible:jn-ring-2
+  focus-visible:jn-ring-theme-focus
+  focus-visible:jn-ring-offset-1
+  focus-visible:jn-ring-offset-theme-focus
+  disabled:jn-opacity-50
+  disabled:jn-cursor-not-allowed
+  disabled:jn-pointer-events-none
+`,btnSmallBase=`
+  jn-text-sm
+  jn-leading-5
+`,btnDefaultBase=`
+  jn-text-base
+  jn-leading-6
+`,btnSmallDefaultPadding=`
+  jn-py-[0.3125rem]
+  jn-px-[0.5rem]
+`,btnSmallSubduedPadding=`
+  jn-py-[0.25rem]
+  jn-px-[0.4375rem]
+`,btnDefaultPadding=`
+  jn-py-[0.4375rem]
+  jn-px-[0.625rem] 
+`,btnDefaultSubduedPadding=`
+  jn-py-[0.375rem]
+  jn-px-[0.5625rem]
+`,getButtonPadding=(a,b)=>"small"===a?"subdued"===b?`${btnSmallSubduedPadding}`:`${btnSmallDefaultPadding}`:"subdued"===b?`${btnDefaultSubduedPadding}`:`${btnDefaultPadding}`,btnIconSmall=`
+  jn-mr-2
+`,btnIconDefault=`
+  jn-mr-2
+`,iconClasses=a=>"small"===a?`${btnIconSmall}`:`${btnIconDefault}`,progressClass=a=>{const b=a?`in-progress`:``;return b},spinnerColorClass=a=>"default"===a?"jn-text-theme-accent":"primary"===a?"jn-text-white":"primary-danger"===a?"jn-text-white":"",Button=React__default.forwardRef((a,b)=>{let{label:c,title:h=null,variant:d,size:i="default",disabled:j=null,href:k=null,icon:l=null,className:m="",onClick:e,children:f,progress:n=!1,progressLabel:o="",...g}=a;const p=d||"default",q=h||c||"",r=n?React__default.createElement(Spinner,{size:"small"===i?"1.125rem":"1.5rem",color:`${spinnerColorClass(p)}`}):l?React__default.createElement(Icon,{icon:l,title:q,className:`juno-button-icon ${c||f?iconClasses(i):""} `,size:"small"===i?"1.125rem":"1.5rem"}):null,s=n&&o?o:c||f,t=React__default.createElement("button",_extends({type:"button",className:`
+          juno-button 
+          juno-button-${p} 
+          juno-button-${i}-size 
+          ${btnBase} 
+          ${"small"===i?btnSmallBase:btnDefaultBase} 
+          ${getButtonPadding(i,d)}
+          ${progressClass(n)} 
+          ${m}`,disabled:j,onClick:a=>{e&&e(a)},title:q,ref:b},g),r,s),u=React__default.createElement("a",_extends({href:k,role:"button",className:`
+          juno-button 
+          juno-button-${p} 
+          juno-button-${i}-size 
+          ${btnBase} 
+          ${"small"===i?btnSmallBase:btnDefaultBase}
+          ${getButtonPadding(i,d)}
+          ${progressClass(n)} 
+          ${m}
+        `,disabled:j,onClick:e,title:q,ref:b},g),r,s);return k?u:t});Button.displayName="Button",Button.propTypes={children:PropTypes.any,variant:PropTypes.oneOf(["primary","primary-danger","default","subdued"]),size:PropTypes.oneOf(["small","default"]),disabled:PropTypes.bool,href:PropTypes.string,label:PropTypes.string,title:PropTypes.string,icon:PropTypes.oneOf(knownIcons),className:PropTypes.string,onClick:PropTypes.func,progress:PropTypes.bool,progressLabel:PropTypes.string};const gapSize=a=>"0"===a?"jn-gap-0":"px"===a?"jn-gap-px":"0.5"===a?"jn-gap-0.5":"1"===a?"jn-gap-1":"1.5"===a?"jn-gap-1.5":"2"===a?"jn-gap-2":"2.5"===a?"jn-gap-2.5":"3"===a?"jn-gap-3":"3.5"===a?"jn-gap-3.5":"4"===a?"jn-gap-4":"5"===a?"jn-gap-5":"6"===a?"jn-gap-6":"7"===a?"jn-gap-7":"8"===a?"jn-gap-8":"9"===a?"jn-gap-9":"10"===a?"jn-gap-10":"11"===a?"jn-gap-11":"12"===a?"jn-gap-12":"14"===a?"jn-gap-14":"16"===a?"jn-gap-16":"20"===a?"jn-gap-20":"24"===a?"jn-gap-24":"28"===a?"jn-gap-28":"32"===a?"jn-gap-32":"36"===a?"jn-gap-36":"40"===a?"jn-gap-40":"44"===a?"jn-gap-44":"48"===a?"jn-gap-48":"52"===a?"jn-gap-52":"56"===a?"jn-gap-56":"60"===a?"jn-gap-60":"64"===a?"jn-gap-64":"72"===a?"jn-gap-72":"80"===a?"jn-gap-80":"96"===a?"jn-gap-96":"jn-gap-0",baseStack=(a,b,c)=>`
+      ${"vertical"===a?"jn-flex jn-flex-col":"jn-flex jn-flex-row"}
+      ${c&&"jn-flex-wrap"}
+      ${gapSize(b)}
+    `,alignItems=a=>"start"===a?"jn-items-start":"end"===a?"jn-items-end":"center"===a?"jn-items-center":"baseline"===a?"jn-items-baseline":"stretch"===a?"jn-items-stretch":"",justifyItems=a=>"start"===a?"jn-justify-start":"end"===a?"jn-justify-end":"center"===a?"jn-justify-center":"between"===a?"jn-justify-between":"around"===a?"jn-justify-around":"evenly"===a?"jn-justify-evenly":"",Stack=a=>{let{direction:c="horizontal",gap:d="0",alignment:e="stretch",distribution:f="start",wrap:g=!1,className:h="",children:i=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-stack ${baseStack(c,d,g)} ${alignItems(e)} ${justifyItems(f)} ${h||""}`},b),i)};Stack.propTypes={children:PropTypes.node,className:PropTypes.string,direction:PropTypes.oneOf(["horizontal","vertical"]),alignment:PropTypes.oneOf(["start","end","center","baseline","stretch"]),distribution:PropTypes.oneOf(["start","end","center","between","around","evenly"]),wrap:PropTypes.bool,gap:PropTypes.oneOf(["0","px","0.5","1","1.5","2","2.5","3","3.5","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96"])};const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,_extends({gap:"2",distribution:"end",className:`juno-button-row ${d}`},b),c)};ButtonRow.propTypes={className:PropTypes.string,children:PropTypes.node};const modalfooterstyles=`
 	jn-flex
 	jn-flex-row
 	jn-border-t
@@ -190,8 +259,106 @@ export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}f
 `,contentpaddingstyles=`
 	jn-py-4
 	jn-px-8
-`,sizeClass=a=>"large"===a?`jn-w-[40rem]`:`jn-w-[33.625rem]`,Modal=a=>{let{ariaLabel:b,cancelButtonIcon:g=null,cancelButtonLabel:h="",confirmButtonIcon:i=null,confirmButtonLabel:j="",children:k=null,closeable:l=!0,closeOnBackdropClick:m=!1,closeOnEsc:n=!0,heading:o="",initialFocus:c,modalFooter:p=null,onConfirm:d,onCancel:e,open:q=!1,size:r="small",title:s="",unpad:t=!1,className:u="",...f}=a;const[v,w]=useState(q),[x,y]=useState(l),[z,A]=useState(m),[B,C]=useState(n);useEffect(()=>{w(q)},[q]),useEffect(()=>{y(l)},[l]),useEffect(()=>{A(m)},[m]),useEffect(()=>{C(n)},[n]);const D=a=>{w(!1),e&&e(a)},E=a=>{x&&B&&(w(!1),e&&e(a))},F=usePortalRef(),G=useRef(null),H=s||o,I=(()=>"juno-modal-"+useId())();return React__default.createElement(React__default.Fragment,null,v&&createPortal(React__default.createElement("div",{className:`juno-modal-container ${modalcontainerstyles}`,onClick:a=>{z?(w(!1),e&&e(a)):a.stopPropagation()}},React__default.createElement(FocusTrap,{focusTrapOptions:{initialFocus:c,clickOutsideDeactivates:z,fallbackFocus:()=>G.current,allowOutsideClick:!0,escapeDeactivates:()=>{E()}}},React__default.createElement("div",_extends({className:`juno-modal ${sizeClass(r)} ${modalstyles} ${u}`,role:"dialog",ref:G},f,{"aria-labelledby":H&&H.length?I:null,"aria-label":b}),React__default.createElement("div",{className:`juno-modal-header ${headerstyles} ${H&&H.length?`jn-justify-between`:`jn-justify-end`}`},s||o?React__default.createElement("h1",{className:`juno-modal-title ${titlestyles}`,id:I},s||o):"",x?React__default.createElement(Icon,{icon:"close",onClick:D}):""),React__default.createElement("div",{className:`juno-modal-content ${contentstyles} ${t?"":contentpaddingstyles}`},k),x?p?p:React__default.createElement(ModalFooter,{confirmButtonLabel:j,cancelButtonLabel:h,confirmButtonIcon:i,cancelButtonIcon:g,onConfirm:d?a=>{d&&d(a)}:null,onCancel:D}):null))),F?F:document.body))};Modal.propTypes={ariaLabel:PropTypes.string,title:PropTypes.string,heading:PropTypes.string,size:PropTypes.oneOf(["small","large"]),confirmButtonLabel:PropTypes.string,cancelButtonLabel:PropTypes.string,confirmButtonIcon:PropTypes.oneOf(knownIcons),cancelButtonIcon:PropTypes.oneOf(knownIcons),open:PropTypes.bool,children:PropTypes.node,modalFooter:PropTypes.element,closeable:PropTypes.bool,unpad:PropTypes.bool,className:PropTypes.string,onConfirm:PropTypes.func,onCancel:PropTypes.func,closeOnBackdropClick:PropTypes.bool,closeOnEsc:PropTypes.bool,initialFocus:PropTypes.oneOfType([PropTypes.element,PropTypes.string])};const dividerStyles=`
+`,sizeClass=a=>"large"===a?`jn-w-[40rem]`:`jn-w-[33.625rem]`,Modal=a=>{let{ariaLabel:b,cancelButtonIcon:g=null,cancelButtonLabel:h="",confirmButtonIcon:i=null,confirmButtonLabel:j="",children:k=null,closeable:l=!0,closeOnBackdropClick:m=!1,closeOnEsc:n=!0,heading:o="",initialFocus:c,modalFooter:p=null,onConfirm:d,onCancel:e,open:q=!1,size:r="small",title:s="",unpad:t=!1,className:u="",...f}=a;const[v,w]=useState(q),[x,y]=useState(l),[z,A]=useState(m),[B,C]=useState(n);useEffect(()=>{w(q)},[q]),useEffect(()=>{y(l)},[l]),useEffect(()=>{A(m)},[m]),useEffect(()=>{C(n)},[n]);const D=a=>{w(!1),e&&e(a)},E=a=>{x&&B&&(w(!1),e&&e(a))},F=usePortalRef(),G=useRef(null),H=s||o,I=(()=>"juno-modal-"+useId())();return React__default.createElement(React__default.Fragment,null,v&&createPortal(React__default.createElement("div",{className:`juno-modal-container ${modalcontainerstyles}`,onClick:a=>{z?(w(!1),e&&e(a)):a.stopPropagation()}},React__default.createElement(FocusTrap,{focusTrapOptions:{initialFocus:c,clickOutsideDeactivates:z,fallbackFocus:()=>G.current,allowOutsideClick:!0,escapeDeactivates:()=>{E()}}},React__default.createElement("div",_extends({className:`juno-modal ${sizeClass(r)} ${modalstyles} ${u}`,role:"dialog",ref:G},f,{"aria-labelledby":H&&H.length?I:null,"aria-label":b}),React__default.createElement("div",{className:`juno-modal-header ${headerstyles} ${H&&H.length?`jn-justify-between`:`jn-justify-end`}`},s||o?React__default.createElement("h1",{className:`juno-modal-title ${titlestyles}`,id:I},s||o):"",x?React__default.createElement(Icon,{icon:"close",onClick:D}):""),React__default.createElement("div",{className:`juno-modal-content ${contentstyles} ${t?"":contentpaddingstyles}`},k),x?p?p:React__default.createElement(ModalFooter,{confirmButtonLabel:j,cancelButtonLabel:h,confirmButtonIcon:i,cancelButtonIcon:g,onConfirm:d?a=>{d&&d(a)}:null,onCancel:D}):null))),F?F:document.body))};Modal.propTypes={ariaLabel:PropTypes.string,title:PropTypes.string,heading:PropTypes.string,size:PropTypes.oneOf(["small","large"]),confirmButtonLabel:PropTypes.string,cancelButtonLabel:PropTypes.string,confirmButtonIcon:PropTypes.oneOf(knownIcons),cancelButtonIcon:PropTypes.oneOf(knownIcons),open:PropTypes.bool,children:PropTypes.node,modalFooter:PropTypes.element,closeable:PropTypes.bool,unpad:PropTypes.bool,className:PropTypes.string,onConfirm:PropTypes.func,onCancel:PropTypes.func,closeOnBackdropClick:PropTypes.bool,closeOnEsc:PropTypes.bool,initialFocus:PropTypes.oneOfType([PropTypes.element,PropTypes.string])};const panelClasses=(a,b,c)=>`
+      jn-fixed
+      jn-right-0
+      jn-transition-transform
+      jn-ease-out
+      jn-duration-300
+      jn-inset-y-0
+      jn-z-[9989]
+      jn-grid
+      jn-grid-rows-[auto_1fr]
+      jn-bg-theme-panel
+      jn-backdrop-blur
+      jn-backdrop-saturate-150     
+      jn-shadow-md
+      ${"large"===c?`
+          jn-w-[90%]
+          xl:jn-w-[80%]
+          2xl:jn-w-[1228px]`:`
+          jn-w-[75%]
+          xl:jn-w-[55%]
+          2xl:jn-w-[844px]`}
+			${a?"":`jn-translate-x-[100%]`}
+			${a||b?"":`jn-invisible`}
+		`.replace(/\n/g," ").replace(/\s+/g," "),contentWrapperClasses=`
+  jn-overflow-auto
+`,panelHeaderClasses=`
+  jn-flex
+  jn-items-center
+  jn-py-4
+  jn-px-8
+`,panelTitleClasses=`
+  jn-text-theme-high
+  jn-text-lg
+  jn-font-bold
+`,Panel=a=>{let{heading:f="",size:b,className:g="",opened:h=!1,closeable:i=!0,onClose:c,children:d,...e}=a;const[j,k]=useState(h),[l,m]=useState(i),[n,o]=useState(!1);useEffect(()=>{k(h)},[h]),useEffect(()=>{m(i)},[i]);const p=React__default.useRef(null);React__default.useEffect(()=>()=>clearTimeout(p.current),[]),useEffect(()=>{j||(o(!0),clearTimeout(p.current),p.current=setTimeout(()=>o(!1),500))},[j]);const q=usePortalRef();return createPortal(React__default.createElement("div",_extends({className:`juno-panel ${panelClasses(j,n,b)} ${g}`,role:"dialog","aria-labelledby":"juno-panel-title"},e),React__default.createElement("div",{className:`juno-panel-header ${panelHeaderClasses}`},React__default.createElement("div",{className:`juno-panel-title ${panelTitleClasses}`,id:"juno-panel-title"},f),l&&React__default.createElement(Icon,{icon:"close",onClick:a=>{k(!1),c&&c(a)},className:"juno-panel-close jn-ml-auto"})),React__default.createElement("div",{className:`juno-panel-content-wrapper ${contentWrapperClasses}`},d)),q?q:document.body)};Panel.propTypes={heading:PropTypes.node,size:PropTypes.oneOf(["default","large"]),opened:PropTypes.bool,closeable:PropTypes.bool,onClose:PropTypes.func,className:PropTypes.string,children:PropTypes.node};const panelBodyClasses=`
+  
+`,bodyContentClasses=`
+  jn-px-8
+  jn-py-4
+`,PanelBody=a=>{let{className:e="",footer:b,children:c,...d}=a;return React__default.createElement("div",_extends({className:`juno-panel-body ${panelBodyClasses}  ${e}`},d),React__default.createElement("div",{className:`juno-panel-body-content ${bodyContentClasses}`},c),b)};PanelBody.propTypes={className:PropTypes.string,children:PropTypes.any,footer:PropTypes.element};const panelFooterClasses=`
+  jn-border-t
+  jn-border-t-theme-background-lvl-2
+  jn-px-8
+  jn-py-4
+  jn-flex
+  jn-items-center
+  jn-justify-end
+  jn-gap-3
+  jn-w-full
+`,PanelFooter=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",_extends({className:`juno-panel-footer ${panelFooterClasses}  ${d}`},c),b)};PanelFooter.propTypes={className:PropTypes.string,children:PropTypes.any};const optionStyles=`
+  jn-flex
+  jn-pt-[0.6875rem]
+  jn-pb-[0.5rem]
+  jn-pr-[0.875rem]
+  jn-select-none
+  data-[headlessui-state=active]:jn-outline-none
+  data-[headlessui-state=active]:jn-ring-2
+  data-[headlessui-state=active]:jn-ring-inset
+  data-[headlessui-state=active]:jn-ring-theme-focus
+  data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
+`,unselectedOptionStyles=`
+  jn-text-theme-default
+  jn-pl-[2.375rem]
+`,selectedOptionStyles=`
+  jn-text-theme-accent
+  jn-pl-3.5
+`,selectedIconStyles=`
+  jn-inline-block
+  jn-mr-1.5
+  jn-overflow-auto
+`,disabledOptionLabelStyles=`
+  jn-opacity-50
+  jn-cursor-not-allowed
+`,truncateOptionStyles=`
+  jn-block
+  jn-h-6
+  jn-overflow-hidden
+  jn-text-ellipsis
+  jn-whitespace-nowrap
+`,SelectOption=a=>{let{children:b,className:e="",disabled:f=!1,value:g="",label:c,...d}=a;const h=useContext(SelectContext),{truncateOptions:i,addOptionValueAndLabel:j}=h||{};return useEffect(()=>{j(g,c,b)},[g,c,b]),React__default.createElement(It.Option,{as:Fragment,disabled:f,value:g||b},a=>{let{selected:h}=a;return React__default.createElement("li",_extends({className:`
+          juno-select-option 
+          jn-min-h-[2.5rem]
+          ${optionStyles}
+          ${h?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles}
+          ${f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":""}
+          ${i?"juno-select-option-truncate":""}
+          ${e}
+        `},d),h?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
+            ${f?disabledOptionLabelStyles:""}
+            ${i?truncateOptionStyles:""}
+          `},b||c||g))})};SelectOption.propTypes={children:PropTypes.string,className:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string};const paginationStyles=`
+  jn-flex
+  jn-gap-[0.375rem]
+  jn-items-center
+`,spinnerStyles=`
+  jn-ml-3
+`,inputStyles=`
+  justify-normal
+`,Pagination=a=>{let{variant:c="default",currentPage:d=void 0,totalPages:e=void 0,pages:f=void 0,disabled:g=!1,isFirstPage:h=void 0,isLastPage:i=void 0,onPressPrevious:j=void 0,onPressNext:k=void 0,onSelectChange:l=void 0,onInputChange:m=void 0,onKeyPress:n=void 0,onBlur:o=void 0,progress:p=!1,className:q="",...b}=a;const[r,t]=useState(d),[u,v]=useState(f?f:e);useEffect(()=>{t(d),f?v(f):v(e),r>u&&t(u)},[d,e,f]);const w=a=>{const b=parseInt(a);t(b),l&&l(b)},x=a=>{let b=a?.target.value?parseInt(a?.target.value):void 0;1>b?b=1:b>u&&(b=u),t(b),m&&m(b)},y=a=>{"Enter"===a.key&&n&&n(r)},z=()=>{o&&o(r)},A=()=>{let a=isNaN(r)?1:r?.toString().length;a=5<a?5:a;const b=`${(.6*a+2.1).toFixed(1)}rem`;return{width:b}};return React__default.createElement("div",_extends({className:`juno-pagination juno-pagination-${c||"default"} ${paginationStyles} ${q}`},b),React__default.createElement(Button,{icon:"chevronLeft",disabled:!!h||!!g||!!p||!(1!==r),onClick:()=>{let a;r&&1<r&&(a=r-1,t(a)),j&&j(a)},title:"Previous Page"}),p?React__default.createElement(Spinner,{size:"small",color:"default",className:spinnerStyles}):"",c&&!p?(()=>"number"===c?r?React__default.createElement("div",{className:"page-value"}," ",r||""):"":"select"===c?React__default.createElement(Select,{name:"totalPages",width:"auto",value:r?.toString(),onChange:w,disabled:g},(()=>{let a=[];if(u)for(let b=0;b<u;b++){const c=(b+1).toString();a.push(React__default.createElement(SelectOption,{value:c,label:c,key:c}))}return a})()):"input"===c?React__default.createElement(Stack,{gap:"2",alignment:"center"},React__default.createElement("div",{className:`juno-pagination-wrapper`,style:A()},React__default.createElement(TextInput,{value:r?r:"",onChange:x,onBlur:z,onKeyPress:y,disabled:!!g,className:inputStyles,maxLength:"6"})),u?React__default.createElement("span",null,"of ",u):""):"")():"",React__default.createElement(Button,{icon:"chevronRight",disabled:!!i||!!g||!!p||!!(r&&r===u),onClick:()=>{let a;r&&(r<u||!u)&&(a=r+1,t(a)),k&&k(a)},title:"Next Page"}))};Pagination.propTypes={variant:PropTypes.oneOf(["default","number","select","input"]),currentPage:PropTypes.number,totalPages:PropTypes.number,pages:PropTypes.number,disabled:PropTypes.bool,isFirstPage:PropTypes.bool,isLastPage:PropTypes.bool,onPressPrevious:PropTypes.func,onPressNext:PropTypes.func,onSelectChange:PropTypes.func,onInputChange:PropTypes.func,onKeyPress:PropTypes.func,onBlur:PropTypes.func,progress:PropTypes.bool,className:PropTypes.string};const dividerStyles=`
   jn-h-px 
   jn-w-full
   jn-bg-theme-background-lvl-3
-`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",_extends({className:`juno-select-divider ${dividerStyles} ${d}`,ref:b},c))});SelectDivider.displayName="SelectDivider",SelectDivider.propTypes={className:PropTypes.string};const useEndlessScrollList=function(a){let b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};const[c,d]=useState(20),[e,f]=useState(!1),g=useRef(null),h=useRef();useEffect(()=>()=>clearTimeout(g.current),[]);const i=useMemo(()=>{if(a)return a.slice(0,c)},[a,c]),j=useCallback(i=>{if(!e&&(h.current&&h.current.disconnect(),h.current=new IntersectionObserver(e=>{e[0].isIntersecting&&c<=a.length&&(clearTimeout(g.current),f(!0),g.current=setTimeout(()=>{f(!1),d(a=>a+10)},b?.delay||500))}),i))return h.current.observe(i)},[a,e]),k=useMemo(()=>({map:a=>{const c=i?.map(a);return React__default.createElement(React__default.Fragment,null,c,e&&!1!==b?.showLoading&&(React__default.createElement(React__default.Fragment,null,b?.loadingObject?b.loadingObject:React__default.createElement("span",{id:"endlessScrollListLoading"},"Loading..."))),!1!==b?.showRef&&(React__default.createElement(React__default.Fragment,null,b?.refFunction?b.refFunction(j):(React__default.createElement("span",{id:"endlessScrollListLastItemRef",ref:j})))))}}),[i,j]);return{scrollListItems:i,iterator:k}};export{ComboBox,ComboBoxOption,Modal,ModalFooter,SelectDivider,useEndlessScrollList};
+`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",_extends({className:`juno-select-divider ${dividerStyles} ${d}`,ref:b},c))});SelectDivider.displayName="SelectDivider",SelectDivider.propTypes={className:PropTypes.string};const useEndlessScrollList=function(a){let b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};const[c,d]=useState(20),[e,f]=useState(!1),g=useRef(null),h=useRef();useEffect(()=>()=>clearTimeout(g.current),[]);const i=useMemo(()=>{if(a)return a.slice(0,c)},[a,c]),j=useCallback(i=>{if(!e&&(h.current&&h.current.disconnect(),h.current=new IntersectionObserver(e=>{e[0].isIntersecting&&c<=a.length&&(clearTimeout(g.current),f(!0),g.current=setTimeout(()=>{f(!1),d(a=>a+10)},b?.delay||500))}),i))return h.current.observe(i)},[a,e]),k=useMemo(()=>({map:a=>{const c=i?.map(a);return React__default.createElement(React__default.Fragment,null,c,e&&!1!==b?.showLoading&&(React__default.createElement(React__default.Fragment,null,b?.loadingObject?b.loadingObject:React__default.createElement("span",{id:"endlessScrollListLoading"},"Loading..."))),!1!==b?.showRef&&(React__default.createElement(React__default.Fragment,null,b?.refFunction?b.refFunction(j):(React__default.createElement("span",{id:"endlessScrollListLastItemRef",ref:j})))))}}),[i,j]);return{scrollListItems:i,iterator:k}};export{ComboBox,ComboBoxOption,ContentArea,ContentAreaWrapper,Modal,ModalFooter,Pagination,Panel,PanelBody,PanelFooter,Select,SelectDivider,SelectOption,useEndlessScrollList};

package/package.json

@@ -5,7 +5,7 @@
   "module": "build/index.js",
   "source": "src/index.js",
   "style": "build/lib/variables.css",
-  "version": "2.32.0",
+  "version": "2.33.0",
   "files": [
     "build/*",
     "src/colors.css",

package/build/AppShell.component-BNckh29Y.js

@@ -1 +0,0 @@
-import React__default from"react";import{A as AppBody}from"./AppBody.component-C9lIZEeC.js";import{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";import{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";import{C as ContentContainer}from"./ContentContainer.component-wLeOohOT.js";import{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";const AppShell=a=>{let{children:b,className:g="",contentHeading:h="",embedded:i=!1,fullWidthContent:c,pageHeader:j=React__default.createElement(PageHeader,null),pageFooter:k=React__default.createElement(PageFooter,null),sideNavigation:d,topNavigation:e,...f}=a;return h&&h.length&&console.warn("AppShell: The contentHeading prop is obsolete and will be removed in a future version. In order to render a content heading, use a ContentHeading element as a child in your main content."),(React__default.createElement(AppBody,{className:g,...f},h||"",i?(React__default.createElement(React__default.Fragment,null,e&&e,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!1!==c,hasSideNav:!!d,className:`${e?"jn-mt-[3.875rem]":""}`},d&&d,React__default.createElement(ContentContainer,null,b))))):(React__default.createElement(React__default.Fragment,null,j&&("string"==typeof j||j instanceof String)?(React__default.createElement(PageHeader,{heading:j})):j,e&&e,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!0===c,hasSideNav:!!d,className:"jn-mt-[3.875rem]"},d&&d,React__default.createElement(ContentContainer,{className:d?"":"jn-ml-8"},b))),k?k:React__default.createElement(PageFooter,null)))))};export{AppShell as A};

package/build/ContentArea.component-VS-3jOgO.js

@@ -1,5 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const containerStyles=`
-  jn-bg-theme-content-area-bg
-  jn-relative
-  jn-grow
-`,ContentArea=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-content-area ${containerStyles} ${c}`},b),d)};ContentArea.propTypes={className:PropTypes.string,children:PropTypes.node};var ContentArea_component=withDeprecationWarning(ContentArea,"ContentArea is deprecated and will be removed in future versions. To be future-proof, use AppShell to scaffold an app layout.");export{ContentArea_component as C};

package/build/ContentArea.js

@@ -1 +0,0 @@
-export{C as ContentArea}from"./ContentArea.component-VS-3jOgO.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./withDeprecationWarning.component-fIFVSC34.js";

package/build/ContentAreaToolbar.component-Cr9XddQc.js

@@ -1,8 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const toolbarStyles=`
-  jn-bg-theme-background-lvl-1
-  jn-py-3
-  jn-px-6
-  jn-flex
-  jn-items-center
-  jn-justify-end
-`,ContentAreaToolbar=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-content-area-toolbar ${toolbarStyles} ${c}`},b),d)};ContentAreaToolbar.propTypes={className:PropTypes.string,children:PropTypes.node};export{ContentAreaToolbar as C};

package/build/ContentAreaWrapper.component-D6yksmzo.js

@@ -1,7 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const containerStyles=`
-  jn-relative
-  jn-grow
-  jn-flex
-  jn-flex-col
-  jn-overflow-hidden
-`,ContentAreaWrapper=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-content-area-wrapper ${containerStyles} ${c}`},b),d)};ContentAreaWrapper.propTypes={className:PropTypes.string,children:PropTypes.node};export{ContentAreaWrapper as C};

package/build/ContentAreaWrapper.js

@@ -1 +0,0 @@
-export{C as ContentAreaWrapper}from"./ContentAreaWrapper.component-D6yksmzo.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";

package/build/ContentContainer.component-wLeOohOT.js

@@ -1,8 +0,0 @@
-import React__default from"react";const containerStyles=`
-  jn-flex-col
-  jn-grow
-  jn-bg-[right_top_1rem]
-  jn-bg-no-repeat
-  jn-bg-theme-content-area-bg
-  jn-relative
-`,ContentContainer=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",{className:`juno-content-container ${containerStyles} ${c}`,...b},d)};export{ContentContainer as C};

package/build/ContentHeading.component-bhh41uEk.js

@@ -1,6 +0,0 @@
-import React__default from"react";const headingStyles=`
-  jn-font-bold
-  jn-text-lg
-  jn-text-theme-high
-  jn-pb-2
-`,ContentHeading=a=>{let{heading:c="",className:d="",children:e=null,...b}=a;return React__default.createElement("h1",{className:`juno-content-heading ${headingStyles} ${d}`,...b},e||c)};export{ContentHeading as C};

package/build/FormRow.component-5oxVn9c0.js

@@ -1,3 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const formRowStyles=`
-  jn-mb-2
-`,FormRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement("div",_extends({className:`juno-form-row ${formRowStyles} ${d}`},b),c)};FormRow.propTypes={children:PropTypes.node,className:PropTypes.string};export{FormRow as F};

package/build/Pagination.component-CHvISPAw.js

@@ -1,109 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useEffect,Fragment,useState}from"react";import PropTypes from"prop-types";import{k as knownIcons,I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{a as SelectContext,S as Select}from"./Select.component-DNPTrdQs.js";import{I as It}from"./listbox-CbPsJ3A1.js";const btnBase=`
-  jn-font-bold
-  jn-inline-flex 
-  jn-justify-center 
-  jn-items-center
-  jn-rounded
-  jn-shadow-sm 
-  jn-w-auto
-  focus:jn-outline-none 
-  focus-visible:jn-ring-2
-  focus-visible:jn-ring-theme-focus
-  focus-visible:jn-ring-offset-1
-  focus-visible:jn-ring-offset-theme-focus
-  disabled:jn-opacity-50
-  disabled:jn-cursor-not-allowed
-  disabled:jn-pointer-events-none
-`,btnSmallBase=`
-  jn-text-sm
-  jn-leading-5
-`,btnDefaultBase=`
-  jn-text-base
-  jn-leading-6
-`,btnSmallDefaultPadding=`
-  jn-py-[0.3125rem]
-  jn-px-[0.5rem]
-`,btnSmallSubduedPadding=`
-  jn-py-[0.25rem]
-  jn-px-[0.4375rem]
-`,btnDefaultPadding=`
-  jn-py-[0.4375rem]
-  jn-px-[0.625rem] 
-`,btnDefaultSubduedPadding=`
-  jn-py-[0.375rem]
-  jn-px-[0.5625rem]
-`,getButtonPadding=(a,b)=>"small"===a?"subdued"===b?`${btnSmallSubduedPadding}`:`${btnSmallDefaultPadding}`:"subdued"===b?`${btnDefaultSubduedPadding}`:`${btnDefaultPadding}`,btnIconSmall=`
-  jn-mr-2
-`,btnIconDefault=`
-  jn-mr-2
-`,iconClasses=a=>"small"===a?`${btnIconSmall}`:`${btnIconDefault}`,progressClass=a=>{const b=a?`in-progress`:``;return b},spinnerColorClass=a=>"default"===a?"jn-text-theme-accent":"primary"===a?"jn-text-white":"primary-danger"===a?"jn-text-white":"",Button=React__default.forwardRef((a,b)=>{let{label:c,title:h=null,variant:d,size:i="default",disabled:j=null,href:k=null,icon:l=null,className:m="",onClick:e,children:f,progress:n=!1,progressLabel:o="",...g}=a;const p=d||"default",q=h||c||"",r=n?React__default.createElement(Spinner,{size:"small"===i?"1.125rem":"1.5rem",color:`${spinnerColorClass(p)}`}):l?React__default.createElement(Icon,{icon:l,title:q,className:`juno-button-icon ${c||f?iconClasses(i):""} `,size:"small"===i?"1.125rem":"1.5rem"}):null,s=n&&o?o:c||f,t=React__default.createElement("button",_extends({type:"button",className:`
-          juno-button 
-          juno-button-${p} 
-          juno-button-${i}-size 
-          ${btnBase} 
-          ${"small"===i?btnSmallBase:btnDefaultBase} 
-          ${getButtonPadding(i,d)}
-          ${progressClass(n)} 
-          ${m}`,disabled:j,onClick:a=>{e&&e(a)},title:q,ref:b},g),r,s),u=React__default.createElement("a",_extends({href:k,role:"button",className:`
-          juno-button 
-          juno-button-${p} 
-          juno-button-${i}-size 
-          ${btnBase} 
-          ${"small"===i?btnSmallBase:btnDefaultBase}
-          ${getButtonPadding(i,d)}
-          ${progressClass(n)} 
-          ${m}
-        `,disabled:j,onClick:e,title:q,ref:b},g),r,s);return k?u:t});Button.displayName="Button",Button.propTypes={children:PropTypes.any,variant:PropTypes.oneOf(["primary","primary-danger","default","subdued"]),size:PropTypes.oneOf(["small","default"]),disabled:PropTypes.bool,href:PropTypes.string,label:PropTypes.string,title:PropTypes.string,icon:PropTypes.oneOf(knownIcons),className:PropTypes.string,onClick:PropTypes.func,progress:PropTypes.bool,progressLabel:PropTypes.string};const gapSize=a=>"0"===a?"jn-gap-0":"px"===a?"jn-gap-px":"0.5"===a?"jn-gap-0.5":"1"===a?"jn-gap-1":"1.5"===a?"jn-gap-1.5":"2"===a?"jn-gap-2":"2.5"===a?"jn-gap-2.5":"3"===a?"jn-gap-3":"3.5"===a?"jn-gap-3.5":"4"===a?"jn-gap-4":"5"===a?"jn-gap-5":"6"===a?"jn-gap-6":"7"===a?"jn-gap-7":"8"===a?"jn-gap-8":"9"===a?"jn-gap-9":"10"===a?"jn-gap-10":"11"===a?"jn-gap-11":"12"===a?"jn-gap-12":"14"===a?"jn-gap-14":"16"===a?"jn-gap-16":"20"===a?"jn-gap-20":"24"===a?"jn-gap-24":"28"===a?"jn-gap-28":"32"===a?"jn-gap-32":"36"===a?"jn-gap-36":"40"===a?"jn-gap-40":"44"===a?"jn-gap-44":"48"===a?"jn-gap-48":"52"===a?"jn-gap-52":"56"===a?"jn-gap-56":"60"===a?"jn-gap-60":"64"===a?"jn-gap-64":"72"===a?"jn-gap-72":"80"===a?"jn-gap-80":"96"===a?"jn-gap-96":"jn-gap-0",baseStack=(a,b,c)=>`
-      ${"vertical"===a?"jn-flex jn-flex-col":"jn-flex jn-flex-row"}
-      ${c&&"jn-flex-wrap"}
-      ${gapSize(b)}
-    `,alignItems=a=>"start"===a?"jn-items-start":"end"===a?"jn-items-end":"center"===a?"jn-items-center":"baseline"===a?"jn-items-baseline":"stretch"===a?"jn-items-stretch":"",justifyItems=a=>"start"===a?"jn-justify-start":"end"===a?"jn-justify-end":"center"===a?"jn-justify-center":"between"===a?"jn-justify-between":"around"===a?"jn-justify-around":"evenly"===a?"jn-justify-evenly":"",Stack=a=>{let{direction:c="horizontal",gap:d="0",alignment:e="stretch",distribution:f="start",wrap:g=!1,className:h="",children:i=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-stack ${baseStack(c,d,g)} ${alignItems(e)} ${justifyItems(f)} ${h||""}`},b),i)};Stack.propTypes={children:PropTypes.node,className:PropTypes.string,direction:PropTypes.oneOf(["horizontal","vertical"]),alignment:PropTypes.oneOf(["start","end","center","baseline","stretch"]),distribution:PropTypes.oneOf(["start","end","center","between","around","evenly"]),wrap:PropTypes.bool,gap:PropTypes.oneOf(["0","px","0.5","1","1.5","2","2.5","3","3.5","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96"])};const optionStyles=`
-  jn-flex
-  jn-pt-[0.6875rem]
-  jn-pb-[0.5rem]
-  jn-pr-[0.875rem]
-  jn-select-none
-  data-[headlessui-state=active]:jn-outline-none
-  data-[headlessui-state=active]:jn-ring-2
-  data-[headlessui-state=active]:jn-ring-inset
-  data-[headlessui-state=active]:jn-ring-theme-focus
-  data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
-`,unselectedOptionStyles=`
-  jn-text-theme-default
-  jn-pl-[2.375rem]
-`,selectedOptionStyles=`
-  jn-text-theme-accent
-  jn-pl-3.5
-`,selectedIconStyles=`
-  jn-inline-block
-  jn-mr-1.5
-  jn-overflow-auto
-`,disabledOptionLabelStyles=`
-  jn-opacity-50
-  jn-cursor-not-allowed
-`,truncateOptionStyles=`
-  jn-block
-  jn-h-6
-  jn-overflow-hidden
-  jn-text-ellipsis
-  jn-whitespace-nowrap
-`,SelectOption=a=>{let{children:b,className:e="",disabled:f=!1,value:g="",label:c,...d}=a;const h=useContext(SelectContext),{truncateOptions:i,addOptionValueAndLabel:j}=h||{};return useEffect(()=>{j(g,c,b)},[g,c,b]),React__default.createElement(It.Option,{as:Fragment,disabled:f,value:g||b},a=>{let{selected:h}=a;return React__default.createElement("li",_extends({className:`
-          juno-select-option 
-          jn-min-h-[2.5rem]
-          ${optionStyles}
-          ${h?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles}
-          ${f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":""}
-          ${i?"juno-select-option-truncate":""}
-          ${e}
-        `},d),h?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
-            ${f?disabledOptionLabelStyles:""}
-            ${i?truncateOptionStyles:""}
-          `},b||c||g))})};SelectOption.propTypes={children:PropTypes.string,className:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string};const paginationStyles=`
-  jn-flex
-  jn-gap-[0.375rem]
-  jn-items-center
-`,spinnerStyles=`
-  jn-ml-3
-`,inputStyles=`
-  justify-normal
-`,Pagination=a=>{let{variant:c="default",currentPage:d=void 0,totalPages:e=void 0,pages:f=void 0,disabled:g=!1,isFirstPage:h=void 0,isLastPage:i=void 0,onPressPrevious:j=void 0,onPressNext:k=void 0,onSelectChange:l=void 0,onInputChange:m=void 0,onKeyPress:n=void 0,onBlur:o=void 0,progress:p=!1,className:q="",...b}=a;const[r,t]=useState(d),[u,v]=useState(f?f:e);useEffect(()=>{t(d),f?v(f):v(e),r>u&&t(u)},[d,e,f]);const w=a=>{const b=parseInt(a);t(b),l&&l(b)},x=a=>{let b=a?.target.value?parseInt(a?.target.value):void 0;1>b?b=1:b>u&&(b=u),t(b),m&&m(b)},y=a=>{"Enter"===a.key&&n&&n(r)},z=()=>{o&&o(r)},A=()=>{let a=isNaN(r)?1:r?.toString().length;a=5<a?5:a;const b=`${(.6*a+2.1).toFixed(1)}rem`;return{width:b}};return React__default.createElement("div",_extends({className:`juno-pagination juno-pagination-${c||"default"} ${paginationStyles} ${q}`},b),React__default.createElement(Button,{icon:"chevronLeft",disabled:!!h||!!g||!!p||!(1!==r),onClick:()=>{let a;r&&1<r&&(a=r-1,t(a)),j&&j(a)},title:"Previous Page"}),p?React__default.createElement(Spinner,{size:"small",color:"default",className:spinnerStyles}):"",c&&!p?(()=>"number"===c?r?React__default.createElement("div",{className:"page-value"}," ",r||""):"":"select"===c?React__default.createElement(Select,{name:"totalPages",width:"auto",value:r?.toString(),onChange:w,disabled:g},(()=>{let a=[];if(u)for(let b=0;b<u;b++){const c=(b+1).toString();a.push(React__default.createElement(SelectOption,{value:c,label:c,key:c}))}return a})()):"input"===c?React__default.createElement(Stack,{gap:"2",alignment:"center"},React__default.createElement("div",{className:`juno-pagination-wrapper`,style:A()},React__default.createElement(TextInput,{value:r?r:"",onChange:x,onBlur:z,onKeyPress:y,disabled:!!g,className:inputStyles,maxLength:"6"})),u?React__default.createElement("span",null,"of ",u):""):"")():"",React__default.createElement(Button,{icon:"chevronRight",disabled:!!i||!!g||!!p||!!(r&&r===u),onClick:()=>{let a;r&&(r<u||!u)&&(a=r+1,t(a)),k&&k(a)},title:"Next Page"}))};Pagination.propTypes={variant:PropTypes.oneOf(["default","number","select","input"]),currentPage:PropTypes.number,totalPages:PropTypes.number,pages:PropTypes.number,disabled:PropTypes.bool,isFirstPage:PropTypes.bool,isLastPage:PropTypes.bool,onPressPrevious:PropTypes.func,onPressNext:PropTypes.func,onSelectChange:PropTypes.func,onInputChange:PropTypes.func,onKeyPress:PropTypes.func,onBlur:PropTypes.func,progress:PropTypes.bool,className:PropTypes.string};export{Button as B,Pagination as P,Stack as S,SelectOption as a};

package/build/Panel.component-DW6z1JGn.js

@@ -1,35 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import{createPortal}from"react-dom";import PropTypes from"prop-types";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";const panelClasses=(a,b,c)=>`
-      jn-fixed
-      jn-right-0
-      jn-transition-transform
-      jn-ease-out
-      jn-duration-300
-      jn-inset-y-0
-      jn-z-[9989]
-      jn-grid
-      jn-grid-rows-[auto_1fr]
-      jn-bg-theme-panel
-      jn-backdrop-blur
-      jn-backdrop-saturate-150     
-      jn-shadow-md
-      ${"large"===c?`
-          jn-w-[90%]
-          xl:jn-w-[80%]
-          2xl:jn-w-[1228px]`:`
-          jn-w-[75%]
-          xl:jn-w-[55%]
-          2xl:jn-w-[844px]`}
-			${a?"":`jn-translate-x-[100%]`}
-			${a||b?"":`jn-invisible`}
-		`.replace(/\n/g," ").replace(/\s+/g," "),contentWrapperClasses=`
-  jn-overflow-auto
-`,panelHeaderClasses=`
-  jn-flex
-  jn-items-center
-  jn-py-4
-  jn-px-8
-`,panelTitleClasses=`
-  jn-text-theme-high
-  jn-text-lg
-  jn-font-bold
-`,Panel=a=>{let{heading:f="",size:b,className:g="",opened:h=!1,closeable:i=!0,onClose:c,children:d,...e}=a;const[j,k]=useState(h),[l,m]=useState(i),[n,o]=useState(!1);useEffect(()=>{k(h)},[h]),useEffect(()=>{m(i)},[i]);const p=React__default.useRef(null);React__default.useEffect(()=>()=>clearTimeout(p.current),[]),useEffect(()=>{j||(o(!0),clearTimeout(p.current),p.current=setTimeout(()=>o(!1),500))},[j]);const q=usePortalRef();return createPortal(React__default.createElement("div",_extends({className:`juno-panel ${panelClasses(j,n,b)} ${g}`,role:"dialog","aria-labelledby":"juno-panel-title"},e),React__default.createElement("div",{className:`juno-panel-header ${panelHeaderClasses}`},React__default.createElement("div",{className:`juno-panel-title ${panelTitleClasses}`,id:"juno-panel-title"},f),l&&React__default.createElement(Icon,{icon:"close",onClick:a=>{k(!1),c&&c(a)},className:"juno-panel-close jn-ml-auto"})),React__default.createElement("div",{className:`juno-panel-content-wrapper ${contentWrapperClasses}`},d)),q?q:document.body)};Panel.propTypes={heading:PropTypes.node,size:PropTypes.oneOf(["default","large"]),opened:PropTypes.bool,closeable:PropTypes.bool,onClose:PropTypes.func,className:PropTypes.string,children:PropTypes.node};export{Panel as P};

package/build/PanelBody.component-ejsCohbW.js

@@ -1,6 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const panelBodyClasses=`
-  
-`,bodyContentClasses=`
-  jn-px-8
-  jn-py-4
-`,PanelBody=a=>{let{className:e="",footer:b,children:c,...d}=a;return React__default.createElement("div",_extends({className:`juno-panel-body ${panelBodyClasses}  ${e}`},d),React__default.createElement("div",{className:`juno-panel-body-content ${bodyContentClasses}`},c),b)};PanelBody.propTypes={className:PropTypes.string,children:PropTypes.any,footer:PropTypes.element};export{PanelBody as P};

package/build/PanelFooter.component-B3HXAhmg.js

@@ -1,11 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const panelFooterClasses=`
-  jn-border-t
-  jn-border-t-theme-background-lvl-2
-  jn-px-8
-  jn-py-4
-  jn-flex
-  jn-items-center
-  jn-justify-end
-  jn-gap-3
-  jn-w-full
-`,PanelFooter=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",_extends({className:`juno-panel-footer ${panelFooterClasses}  ${d}`},c),b)};PanelFooter.propTypes={className:PropTypes.string,children:PropTypes.any};export{PanelFooter as P};

package/build/SelectRow.component-D0F2VY1t.js

@@ -1 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{S as Select}from"./Select.component-DNPTrdQs.js";import{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const SelectRow=a=>{let{name:n=null,variant:b,label:o=null,id:p=null,helptext:q=null,required:r=null,className:s="",disabled:t=null,invalid:u=!1,errortext:v="",valid:c,placeholder:w="Select\u2026",successtext:d,children:e,value:f,onValueChange:g,onChange:h,defaultValue:i,open:j,error:k,loading:l,...m}=a;return React__default.createElement(FormRow,null,React__default.createElement(Select,_extends({name:n,id:p,label:o,required:r,placeholder:w,onChange:g||h,disabled:t,invalid:u,valid:c,value:f,variant:b,defaultValue:i,open:j,error:k,loading:l,errortext:v,helptext:q,successtext:d,className:s},m),e))};SelectRow.propTypes={name:PropTypes.string,label:PropTypes.string,placeholder:PropTypes.string,id:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,children:PropTypes.node,valid:PropTypes.bool,value:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),onValueChange:PropTypes.func,onChange:PropTypes.func,onOpenChange:PropTypes.func,defaultValue:PropTypes.string,open:PropTypes.bool,error:PropTypes.bool,loading:PropTypes.bool,successtext:PropTypes.string};var SelectRow_component=withDeprecationWarning(SelectRow,"SelectRow is deprecated and will be removed in future versions. To be future-proof, use Select instead.");export{SelectRow_component as S};

package/build/TextInputRow.component-DEWfa_NF.js

@@ -1 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const TextInputRow=a=>{let{type:c=null,value:d="",name:e="",label:f="",id:g="",placeholder:h="",helptext:i="",required:j=!1,invalid:k=!1,errortext:l="",valid:m=!1,successtext:n="",autoFocus:o=!1,className:p="",disabled:q=!1,onChange:r=void 0,onFocus:s=void 0,onBlur:t=void 0,...b}=a;return React__default.createElement(FormRow,null,React__default.createElement(TextInput,_extends({type:c,value:d,name:e,id:g,label:f,required:j,placeholder:h,disabled:q,invalid:k,valid:m,autoFocus:o,onChange:r,errortext:l,helptext:i,successtext:n,className:p,onFocus:s,onBlur:t},b)))};TextInputRow.propTypes={type:PropTypes.oneOf(["text","password","email","tel","url","number"]),value:PropTypes.string,name:PropTypes.string,label:PropTypes.string,id:PropTypes.string,placeholder:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,valid:PropTypes.bool,successtext:PropTypes.string,autoFocus:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func};var TextInputRow_component=withDeprecationWarning(TextInputRow,"TextInputRow is deprecated and will be removed in future versions. To be future-proof, use TextInput instead.");export{TextInputRow_component as T};