@cloudoperators/juno-ui-components 2.33.0 → 2.34.0

package/build/index.js

@@ -1,156 +1,4 @@
-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$1=`
-  jn-rounded-3px
-  jn-bg-theme-textinput
-  jn-text-theme-textinput
-  jn-border
-  jn-text-base
-  jn-leading-4
-  jn-w-full
-  jn-px-4
-  jn-h-textinput
-  jn-text-left
-  jn-overflow-hidden
-  jn-text-ellipsis
-  jn-whitespace-nowrap
-  focus:jn-outline-none
-  focus:jn-ring-2
-  focus:jn-ring-theme-focus
-`,withLabelInputStyles=`
-  jn-pt-[1.125rem] 
-  jn-pb-1
-`,noLabelInputStyles=`
-  jn-py-4
-`,disabledInputStyles=`
-  jn-cursor-not-allowed
-  jn-pointer-events-none
-  jn-opacity-50
-`,defaultBorderStyles=`
-  jn-border-theme-textinput-default
-`,validStyles=`
-  jn-border-theme-success
-`,invalidStyles=`
-  jn-border-theme-error
-`,buttonStyles=`
-  jn-absolute
-  jn-top-0
-  jn-right-0
-  jn-h-textinput
-  jn-w-6
-  jn-h-4
-  jn-border-l-0
-  jn-border-y-[1px]
-  jn-border-r-[1px]
-  jn-rounded-tr
-  jn-rounded-br
-  jn-appearance-none
-  jn-bg-theme-textinput
-  jn-text-theme-textinput
-`,defaultButtonStyles=`
-  jn-border-theme-textinput-default
-`,invalidButtonStyles=`
-  jn-border-theme-error
-`,validButtonStyles=`
-  jn-border-theme-success
-`,disabledButtonStyles=`
-  jn-cursor-not-allowed
-  jn-pointer-events-none
-  jn-bg-transparent
-  jn-opacity-50
-`,menuStyles=`
-  jn-rounded
-  jn-bg-theme-background-lvl-1
-  jn-w-full
-  jn-overflow-y-auto
-`,iconContainerStyles=`
-  jn-absolute
-  jn-top-[.4rem]
-  jn-right-6
-`,centeredIconStyles=`
-  jn-absolute
-  jn-top-1/2
-  jn-left-1/2
-  jn-translate-y-[-50%]
-  jn-translate-x-[-0.75rem]
-`,ComboBoxContext=createContext(),ComboBox=a=>{let{ariaLabel:b,children:j=null,className:k="",defaultValue:l="",disabled:m=!1,error:n=!1,errortext:o="",helptext:p="",id:q="",invalid:r=!1,loading:s=!1,label:c,name:t="",nullable:u=!0,onBlur:d,onChange:e,onFocus:f,onInputChange:g,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:A="",valueLabel:h,width:B="full",wrapperClassName:C="",...i}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=q||"juno-combobox-"+useId(),F="juno-combobox-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(""),[K,L]=useState(A),[M,N]=useState(!1),[O,P]=useState(!1),[Q,R]=useState(!1),[S,T]=useState(!1),[U,V]=useState(!1),W=useMemo(()=>r||!!(o&&D(o)),[r,o]),X=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{L(A)},[A]),useEffect(()=>{P(n)},[n]),useEffect(()=>{N(s)},[s]),useEffect(()=>{T(W)},[W]),useEffect(()=>{V(X)},[X]);const Y=usePortalRef(),Z=[offset(4),shift(),flip(),size({boundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}})],$=""===I?j:j.filter(a=>{const b=a.props.children?.toString()||a.props.label||a.props.value;return b?.toLowerCase().includes(I.toLowerCase())});return React__default.createElement(ComboBoxContext.Provider,{value:{selectedValue:K,truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c}))}}},React__default.createElement("div",{className:`
-          juno-combobox-wrapper
-          jn-relative
-          ${"auto"==B?"jn-inline-block":"jn-block"}
-          ${"auto"==B?"jn-w-auto":"jn-w-full"}
-          ${C}
-        `},React__default.createElement(qt,_extends({defaultValue:l,disabled:m||M||O,name:t,nullable:u,onChange:a=>{L(a),e&&e(a)},value:K||l},i),React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:Z},React__default.createElement(pr.Reference,null,React__default.createElement("div",{className:`
-                juno-combobox-input-wrapper
-                ${inputWrapperStyles}
-                ${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$1} 
-                  ${c&&D(c)?withLabelInputStyles:noLabelInputStyles}
-                  ${m?disabledInputStyles:""}
-                  ${S?"juno-combobox-invalid "+invalidStyles:""} 
-                  ${U?"juno-combobox-valid "+validStyles:""}  
-                  ${U||S?"":defaultBorderStyles} 
-                  ${M?"juno-combobox-loading jn-cursor-not-allowed":""}
-                  ${O?"juno-combobox-error jn-cursor-not-allowed":""}
-                  ${k}
-                `}),M||O?React__default.createElement("span",{className:`${centeredIconStyles}`},M?React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"}):React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):U||S?React__default.createElement("span",{className:`
-                        juno-combobox-icon-container 
-                        ${iconContainerStyles} 
-                        ${m?"jn-opacity-50":""}
-                      `},React__default.createElement(Icon,{icon:U?"checkCircle":"dangerous",color:U?"jn-text-theme-success":"jn-text-theme-error"})):"",O||M?"":React__default.createElement(qt.Button,{disabled:m,className:`
-                        juno-combobox-toggle 
-                        ${buttonStyles}
-                        ${m?disabledButtonStyles:""}
-                        ${S?"juno-combobox-toggle-invalid "+invalidButtonStyles:""} 
-                        ${U?"juno-combobox-toggle-valid "+validButtonStyles:""}  
-                        ${U||S?"":defaultButtonStyles} 
-                      `},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$1=`
-  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$1=`
-  jn-text-theme-default
-  jn-pl-[2.375rem]
-`,selectedOptionStyles$1=`
-  jn-text-theme-accent
-  jn-pl-3.5
-`,selectedIconStyles$1=`
-  jn-inline-block
-  jn-mr-1.5
-`,disabledOptionLabelStyles$1=`
-  jn-opacity-50
-  jn-cursor-not-allowed
-`,truncateOptionStyles$1=`
-  jn-block
-  jn-h-6
-  jn-overflow-hidden
-  jn-text-ellipsis
-  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$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$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=`
+export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}from"./AppIntro.component-91Jmkg84.js";export{A as AppShell}from"./AppShell.component-Hk_XAW1E.js";export{A as AppShellProvider}from"./AppShellProvider.component-BjmVKqm3.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";export{C as ComboBox}from"./ComboBox.component-C_o5JV1E.js";export{C as ComboBoxOption}from"./ComboBoxOption.component-eoxGAIUR.js";export{C as ContentHeading}from"./ContentHeading.component-PfFZgbyn.js";export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-HPXE3xVK.js";import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useRef,useEffect,useMemo,useCallback}from"react";import PropTypes from"prop-types";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-DlJ1uBM8.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-DW-8rAEg.js";export{D as DataListRow}from"./DataListRow.component-D1aTHdBf.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-7SGTFaqc.js";export{F as FilterInput}from"./FilterInput.component-QgiC1wRg.js";export{F as FilterPill}from"./FilterPill.component-SegGevVb.js";export{F as Filters}from"./Filters.component-CfG9WSqS.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";export{M as Modal}from"./Modal.component-B7pUHHA6.js";export{M as ModalFooter}from"./ModalFooter.component-BK0doJJO.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-Z0UKil-U.js";export{P as PanelBody}from"./PanelBody.component-CbwJTG-C.js";export{P as PanelFooter}from"./PanelFooter.component-C5-ea5YD.js";export{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";export{P as Pagination}from"./Pagination.component-D5sXkuw6.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-BlpCRnuM.js";export{S as SelectOption}from"./SelectOption.component-C7NysL8S.js";export{S as SelectRow}from"./SelectRow.component-DhPz6KOs.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{S as StyleProvider}from"./StyleProvider.component-bYqFN-bx.js";export{S as Switch}from"./Switch.component-1reoDymi.js";export{S as SwitchRow}from"./SwitchRow.component-BeG5g1_U.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-ClRuP_M4.js";export{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";export{T as TextInputRow}from"./TextInputRow.component-D7NCrZz7.js";export{T as ThemeToggle}from"./ThemeToggle.component-BqqY9D8j.js";export{T as Toast}from"./Toast.component-x0WA9szy.js";export{T as Tooltip}from"./Tooltip.component-Bjg6qJkQ.js";export{T as TooltipContent}from"./TooltipContent.component-CU4HX5GI.js";export{T as TooltipTrigger}from"./TooltipTrigger.component-Bs5zgkGw.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"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-DGyhPa1P.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-Bh7t1tSB.js";import"./_commonjsHelpers-BXRXMh56.js";import"./listbox-CbPsJ3A1.js";import"./FormRow.component-OkQblu_q.js";import"./Navigation.component-DaabNHev.js";import"./NavigationItem.component-DI0SMWsi.js";import"./TabPanel-B6oG_h5d.js";const containerStyles$1=`
   jn-bg-theme-content-area-bg
   jn-relative
   jn-grow
@@ -160,205 +8,8 @@ export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}f
   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
-	jn-border-theme-background-lvl-4
-	jn-py-2
-	jn-px-8
-`,defaultmodalfooterstyles=`
-	jn-justify-end
-	jn-gap-3.5
-`,ModalFooter=a=>{let{children:e=null,confirmButtonLabel:f="",cancelButtonLabel:g="",confirmButtonIcon:h=null,cancelButtonIcon:i=null,onConfirm:b,onCancel:c,className:j="",...d}=a;const k=a=>{c&&c(a)};return React__default.createElement("div",_extends({className:`juno-modal-footer ${modalfooterstyles} ${e?null:defaultmodalfooterstyles} ${j} `},d),e?e:f||b?React__default.createElement(ButtonRow,null,React__default.createElement(Button,{variant:"primary",label:f||"Confirm",icon:h,onClick:a=>{b&&b(a)}}),React__default.createElement(Button,{variant:"subdued",label:g||"Cancel",icon:i,onClick:k})):React__default.createElement(ButtonRow,null,React__default.createElement(Button,{variant:"subdued",onClick:k,label:g||"Close",icon:i})))};ModalFooter.propTypes={children:PropTypes.node,confirmButtonLabel:PropTypes.string,cancelButtonLabel:PropTypes.string,confirmButtonIcon:PropTypes.oneOf(knownIcons),cancelButtonIcon:PropTypes.oneOf(knownIcons),className:PropTypes.string,onConfirm:PropTypes.func,onCancel:PropTypes.func};const modalcontainerstyles=`
-	jn-fixed
-	jn-inset-0
-	jn-flex
-	jn-items-center
-	jn-bg-theme-modal-backdrop
-	jn-backdrop-blur-[2px]
-	jn-z-[9990]
-`,modalstyles=`
-	jn-bg-theme-background-lvl-0
-	jn-relative
-	jn-rounded
-	jn-m-auto
-	jn-overflow-y-auto
-	jn-max-h-[90%]
-`,headerstyles=`
-	jn-flex
-	jn-py-2
-	jn-px-8
-	jn-border-b
-	jn-border-theme-background-lvl-4
-	jn-h-[2.8125rem]
-`,titlestyles=`
-	jn-text-xl
-	jn-font-bold
-`,contentstyles=`
-	jn-min-h-[5rem]
-`,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 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=`
+`,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 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,ContentArea,ContentAreaWrapper,Modal,ModalFooter,Pagination,Panel,PanelBody,PanelFooter,Select,SelectDivider,SelectOption,useEndlessScrollList};
+`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",{className:`juno-select-divider ${dividerStyles} ${d}`,ref:b,...c})});SelectDivider.displayName="SelectDivider";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=>{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&&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)??null:(React__default.createElement("span",{id:"endlessScrollListLastItemRef",ref:j})))))}}),[i,j]);return{scrollListItems:i,iterator:k}};export{ContentArea,ContentAreaWrapper,SelectDivider,useEndlessScrollList};

package/package.json

@@ -5,7 +5,7 @@
   "module": "build/index.js",
   "source": "src/index.js",
   "style": "build/lib/variables.css",
-  "version": "2.33.0",
+  "version": "2.34.0",
   "files": [
     "build/*",
     "src/colors.css",
@@ -23,76 +23,76 @@
     "npm": ">=10.0.0 <11.0.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-parameters": "^7.22.15",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/plugin-transform-parameters": "7.25.9",
+    "@babel/preset-env": "7.26.0",
+    "@babel/preset-react": "7.25.9",
     "@cloudoperators/juno-config": "*",
-    "@floating-ui/react": "^0.25.4",
-    "@headlessui-float/react": "^0.11.4",
-    "@headlessui/react": "^1.7.19",
-    "@material-design-icons/svg": "^0.14.13",
-    "@mdx-js/react": "^2.0.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-node-resolve": "^15.1.3",
+    "@floating-ui/react": "0.25.4",
+    "@headlessui-float/react": "0.15.0",
+    "@headlessui/react": "1.7.19",
+    "@material-design-icons/svg": "0.14.13",
+    "@mdx-js/react": "2.3.0",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "24.1.0",
+    "@rollup/plugin-node-resolve": "15.3.0",
     "@rollup/plugin-typescript": "11.1.6",
-    "@storybook/addon-docs": "^8.2.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/manager-api": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-webpack5": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@svgr/rollup": "^6.2.1",
-    "@svgr/webpack": "^6.5.1",
-    "@testing-library/dom": "^10.3.2",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.12",
-    "@vitejs/plugin-react": "^4.3.3",
-    "add": "^2.0.6",
-    "autoprefixer": "^10.4.20",
-    "babel-jest": "^29.3.1",
-    "babel-loader": "^8.2.5",
-    "css-loader": "^6.11.0",
+    "@storybook/addon-docs": "8.4.6",
+    "@storybook/addon-essentials": "8.4.6",
+    "@storybook/addon-interactions": "8.4.6",
+    "@storybook/addon-links": "8.4.6",
+    "@storybook/addon-mdx-gfm": "8.4.6",
+    "@storybook/addon-webpack5-compiler-babel": "3.0.3",
+    "@storybook/blocks": "8.4.6",
+    "@storybook/manager-api": "8.4.6",
+    "@storybook/react": "8.4.6",
+    "@storybook/react-webpack5": "8.4.6",
+    "@storybook/test": "8.4.6",
+    "@svgr/rollup": "6.5.1",
+    "@svgr/webpack": "6.5.1",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/react": "18.3.12",
+    "@vitejs/plugin-react": "4.3.4",
+    "add": "2.0.6",
+    "autoprefixer": "10.4.20",
+    "babel-jest": "29.7.0",
+    "babel-loader": "8.4.1",
+    "css-loader": "6.11.0",
     "flatpickr": "4.6.13",
-    "focus-trap-react": "^10.2.3",
-    "glob": "^8.1.0",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "jsdom": "^24.1.3",
-    "node-sass-glob-importer": "^3.0.2",
-    "postcss": "^8.4.47",
-    "postcss-loader": "^8.1.1",
-    "postcss-url": "^10.1.3",
-    "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-jss": "^10.8.2",
-    "react-tabs": "^4.2.1",
-    "react-test-renderer": "^18.2.0",
-    "regenerator-runtime": "^0.13.11",
-    "rollup": "^4.0.2",
-    "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-babel-minify": "^10.0.0",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-includepaths": "^0.2.4",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.49.11",
-    "sass-loader": "^12.6.0",
-    "storybook": "^8.2.9",
-    "style-loader": "^3.3.4",
-    "tailwindcss": "^3.3.7",
-    "ts-loader": "^9.5.1",
-    "typescript": "^5.5.4",
-    "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^2.0.5"
+    "focus-trap-react": "10.3.1",
+    "glob": "8.1.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jsdom": "24.1.3",
+    "node-sass-glob-importer": "3.0.2",
+    "postcss": "8.4.49",
+    "postcss-loader": "8.1.1",
+    "postcss-url": "10.1.3",
+    "prop-types": "15.8.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-jss": "10.10.0",
+    "react-tabs": "4.3.0",
+    "react-test-renderer": "18.3.1",
+    "regenerator-runtime": "0.14.1",
+    "rollup": "4.28.0",
+    "rollup-plugin-analyzer": "4.0.0",
+    "rollup-plugin-babel-minify": "10.0.0",
+    "rollup-plugin-delete": "2.1.0",
+    "rollup-plugin-includepaths": "0.2.4",
+    "rollup-plugin-node-resolve": "5.2.0",
+    "rollup-plugin-postcss": "4.0.2",
+    "sass": "1.81.1",
+    "sass-loader": "12.6.0",
+    "storybook": "8.4.6",
+    "style-loader": "3.3.4",
+    "tailwindcss": "3.4.15",
+    "ts-loader": "9.5.1",
+    "typescript": "5.7.2",
+    "vite-plugin-svgr": "4.3.0",
+    "vitest": "2.1.8"
   },
   "peerDependencies": {
     "prop-types": "15.8.1",

package/build/AppIntro.component-BnwrDrke.js

@@ -1,6 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const introStyles=`
-  jn-pt-16
-  jn-pb-14
-  jn-text-xl
-  in-pr-[45%]
-`,AppIntro=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",_extends({className:`juno-app-intro ${introStyles} ${d}`},c),b)};AppIntro.propTypes={className:PropTypes.string,children:PropTypes.any};export{AppIntro as A};

package/build/AppShellProvider.component-Be1Q5mjZ.js

@@ -1 +0,0 @@
-import React__default from"react";import PropTypes from"prop-types";import{S as ShadowRoot,a as StyleProvider}from"./StyleProvider.component-CqbWBDF7.js";import{P as PortalProvider}from"./PortalProvider.component-B2hXHP-c.js";const AppShellProvider=a=>{let{shadowRoot:c=!0,shadowRootMode:d="open",stylesWrapper:e="inline",theme:f=null,children:b}=a;const g=React__default.useCallback(a=>{let{children:b}=a;return c?React__default.createElement(ShadowRoot,{mode:d},b):b},[c,d]);return React__default.createElement(g,null,React__default.createElement(StyleProvider,{theme:f,stylesWrapper:c?"inline":e},React__default.createElement(PortalProvider,null,b)))};AppShellProvider.propTypes={shadowRoot:PropTypes.bool,shadowRootMode:PropTypes.oneOf(["open","closed"]),stylesWrapper:PropTypes.oneOf(["head","inline"]),theme:PropTypes.string,children:PropTypes.any};export{AppShellProvider as A};