@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

package/build/StyleProvider.js

@@ -1 +0,0 @@
-import React__default,{useInsertionEffect,useState,createContext,useRef,useCallback,useEffect,useMemo}from"react";import{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";import{c as css_248z,a as css_248z$1,t as tailwindTheme}from"./ibm-plex-DkmjUb78.js";import"react-dom";import"./_commonjsHelpers-BxGi5vpY.js";const STYLE_ID="juno-style-provider-golbal-fonts",Fonts=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!b&&!document.querySelector(`[id="${STYLE_ID}"]`)){const a=document.createElement("style");a.setAttribute("id",STYLE_ID),a.innerHTML=css_248z.toString(),document.head.appendChild(a)}},[]),b?React__default.createElement("style",{[`data-${STYLE_ID}`]:""},css_248z.toString()):null},styles=css_248z$1.toString(),GLOBAL_STYLE_ID="juno-style-provider-global-styles",GlobalStyles=a=>{let{inline:b}=a;return useInsertionEffect(()=>{if(!(b||document.querySelector(`[id="${GLOBAL_STYLE_ID}"]`))){const a=document.createElement("style");a.setAttribute("id",GLOBAL_STYLE_ID),a.appendChild(document.createTextNode(styles)),document.head.append(a)}},[]),b?React__default.createElement("style",{[`data-${GLOBAL_STYLE_ID}`]:""},styles):null};function useLocalStorage(a,b){const[c,d]=useState(()=>{try{const c=window.localStorage.getItem(a);return c?JSON.parse(c):b}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}});return[c,e=>{try{const b=e instanceof Function?e(c):e;d(b),window.localStorage.setItem(a,JSON.stringify(b))}catch(a){return console.log("Juno Error: useLocalStorage error: ",a),b}}]}const StylesContext=createContext(void 0),APP_BODY_CSS_CLASS_NAME="juno-app-body",DEFAULT_THEME_NAME="theme-dark",StyleProvider=a=>{let{stylesWrapper:d="inline",theme:b,children:e=null,shadowRootMode:c}=a;const f=b||DEFAULT_THEME_NAME,[g,h]=useLocalStorage("juno-theme",f),i=useRef(g),j=useRef(APP_BODY_CSS_CLASS_NAME+" "+f),k=useRef(null),l=useCallback(a=>{let{children:b}=a;return"shadowRoot"===d?React__default.createElement(ShadowRoot,{mode:c},b):b},[d,c]),m=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.add(a),j.current=k.current.className)},[]),n=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(a),j.current=k.current.className)},[]),o=useCallback(a=>{k.current&&"string"==typeof a&&(k.current.classList.remove(i.current),k.current.classList.add(a),i.current=a,j.current=k.current.className,h(a))},[k.current,i.current]);return useEffect(()=>{k.current&&o(b||DEFAULT_THEME_NAME)},[b]),useMemo(()=>(React__default.createElement(l,null,React__default.createElement(Fonts,{inline:"head"!==d}),React__default.createElement(GlobalStyles,{inline:"head"!==d}),React__default.createElement(StylesContext.Provider,{value:{styles,theme:tailwindTheme,currentTheme:i.current,setThemeClass:o,addCssClass:m,removeCssClass:n}},React__default.createElement("div",{className:j.current,ref:k},e)))),[d,e,c,j.current,o])};StyleProvider.useStyles=()=>React__default.useContext(StylesContext);export{StyleProvider};

package/build/Switch.component-1reoDymi.js

@@ -1,54 +0,0 @@
-import React__default,{useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const switchBaseStyles=`
-    jn-rounded-full
-    jn-relative
-    jn-p-0
-    jn-leading-0
-    jn-border
-    jn-g-theme-default
-    focus:jn-outline-none
-    focus:jn-ring-2
-    focus:jn-ring-theme-focus
-    disabled:jn-opacity-50
-    disabled:jn-cursor-not-allowed
-`,borderBaseStyles=`
-    jn-border-theme-switch-default
-`,switchWrapperStyles=`
-    jn-flex
-    jn-flex-row
-    jn-items-center
-`,handleBaseStyles=`
-    jn-inline-block
-    jn-absolute
-    jn-top-[1px]
-    jn-rounded-full
-    jn-bg-theme-switch-handle
-    jn-border-theme-default
-`,handleOnStyles=`
-    jn-right-[1px] 
-    jn-bg-theme-switch-handle-checked
-`,handleOffStyles=`
-    jn-left-[1px]
-`,validBaseStyles=`
-    jn-border-theme-success
-`,invalidBaseStyles=`
-    jn-border-theme-error
-`,iconBaseStyles=`
-    jn-inline-block 
-    jn-ml-1 
-    jn-leading-1
-    jn-mt-[-.2rem]
-`,hintBaseStyles=`
-    jn-mt-0
-`,isNotEmptyString=a=>"string"==typeof a&&0<a.trim().length,getSwitchSizeStyles=a=>"small"===a?"jn-w-[1.75rem] jn-h-4":"large"===a?"jn-w-[3.125rem] jn-h-[1.6875rem]":"jn-w-switch-default jn-h-switch-default",getHandleSizeStyles=a=>"small"===a?"jn-w-[0.75rem] jn-h-[0.75rem]":"large"===a?"jn-w-[1.4375rem] jn-h-[1.4375rem]":"jn-w-switch-handle-default jn-h-switch-handle-default",renderValidationIcon=(a,b,c)=>{const d=`${iconBaseStyles} ${c?"jn-opacity-50":""}`;return a?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:d}):b?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:d}):null},renderFormHint=(a,b,c)=>isNotEmptyString(a)?React__default.createElement(FormHint,{text:a,variant:"error",className:hintBaseStyles}):isNotEmptyString(b)?React__default.createElement(FormHint,{text:b,variant:"success",className:hintBaseStyles}):isNotEmptyString(c)?React__default.createElement(FormHint,{text:c,className:hintBaseStyles}):null,Switch=a=>{let{name:c="",id:d="",label:e=void 0,required:f=!1,size:g="default",on:h=!1,disabled:i=!1,invalid:j=!1,valid:k=!1,helptext:l="",errortext:m="",successtext:n="",className:o="",onChange:p=void 0,onClick:q=void 0,wrapperClassName:r="",...b}=a;const[s,t]=useState(h),[u,v]=useState(!1),[w,x]=useState(!1);useEffect(()=>{t(h)},[h]);const y=useMemo(()=>j||!!isNotEmptyString(m),[j,m]),z=useMemo(()=>k||!!isNotEmptyString(n),[k,n]);useEffect(()=>{v(y)},[y]),useEffect(()=>{x(z)},[z]);const A=d||(()=>"juno-switch-"+useId())();return React__default.createElement("div",null,React__default.createElement("span",{className:`
-          juno-switch-wrapper 
-          ${switchWrapperStyles}
-          ${r}
-        `},React__default.createElement("button",{type:"button",role:"switch",name:c,id:A,"aria-checked":s,disabled:i,onClick:a=>{t(!s),q&&q(a),p&&p(a)},className:`
-            juno-switch 
-            juno-switch-${g} 
-            ${switchBaseStyles} 
-            ${getSwitchSizeStyles(g)} 
-            ${u?"juno-switch-invalid "+invalidBaseStyles:""} 
-            ${w?"juno-switch-valid "+validBaseStyles:""} 
-            ${w||u?"":borderBaseStyles} 
-            ${o}`,...b},React__default.createElement("span",{className:`juno-switch-handle ${handleBaseStyles} ${getHandleSizeStyles(g)} ${s?handleOnStyles:handleOffStyles}`})),React__default.createElement(Label,{text:e,htmlFor:A,className:"jn-ml-2",disabled:i,required:f}),renderValidationIcon(u,w,i)),renderFormHint(m,n,l))};export{Switch as S};

package/build/Switch.js

@@ -1 +0,0 @@
-export{S as Switch}from"./Switch.component-1reoDymi.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";

package/build/SwitchRow.component-CmboUtfc.js

@@ -1,54 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const switchWrapperStyles=`
-	jn-flex
-	jn-flex-row
-	jn-items-center
-`,switchbasestyles=`
-	jn-rounded-full
-	jn-relative
-	jn-p-0
-	jn-leading-0
-	jn-border
-	jn-g-theme-default
-	focus:jn-outline-none
-	focus:jn-ring-2
-	focus:jn-ring-theme-focus
-	disabled:jn-opacity-50
-	disabled:jn-cursor-not-allowed
-`,switchsizestyles=a=>"small"===a?"jn-w-[1.75rem] jn-h-4":"large"===a?"jn-w-[3.125rem] jn-h-[1.6875rem]":"jn-w-switch-default jn-h-switch-default",handlebasestyles=`
-	jn-inline-block
-	jn-absolute
-	jn-top-[1px]
-	jn-rounded-full
-	jn-bg-theme-switch-handle
-	jn-border-theme-default
-`,handlesizestyles=a=>"small"===a?"jn-w-[0.75rem] jn-h-[0.75rem]":"large"===a?"jn-w-[1.4375rem] jn-h-[1.4375rem]":"jn-w-switch-handle-default jn-h-switch-handle-default",defaultborderstyles=`
-	jn-border-theme-switch-default
-`,invalidbasestyles=`
-	jn-border-theme-error
-`,validbasestyles=`
-	jn-border-theme-success
-`,handleonstyles=`
-	jn-right-[1px] 
-	jn-bg-theme-switch-handle-checked
-`,handleoffstyles=`
-	jn-left-[1px]
-`,iconstyles=`
-	jn-inline-block 
-	jn-ml-1 
-	jn-leading-1
-	jn-mt-[-.2rem]
-`,hintStyles=`
-	jn-mt-0
-`,Switch=a=>{let{name:c="",id:d=null,label:e=void 0,required:f=!1,size:g="default",on:h=!1,disabled:i=null,invalid:j=!1,valid:k=!1,helptext:l="",errortext:m="",successtext:n="",className:o="",onChange:p=void 0,onClick:q=void 0,wrapperClassName:r="",...b}=a;const s=a=>"string"!=typeof a||0!==a.trim().length,[t,u]=useState(h),[v,w]=useState(!1),[x,y]=useState(!1);useEffect(()=>{u(h)},[h]);const z=useMemo(()=>j||!!(m&&s(m)),[j,m]),A=useMemo(()=>k||!!(n&&s(n)),[k,n]);useEffect(()=>{w(z)},[z]),useEffect(()=>{y(A)},[A]);const B=d||(()=>"juno-switch-"+useId())();return React__default.createElement("div",null,React__default.createElement("span",{className:`
-				juno-switch-wrapper 
-				${switchWrapperStyles}
-        ${r}
-				`},React__default.createElement("button",_extends({type:"button",role:"switch",name:c,id:B,"aria-checked":t,disabled:i,onClick:a=>{u(!t),q&&q(a),p&&p(a)},className:`
-						juno-switch 
-						juno-switch-${g} 
-						${switchbasestyles} 
-						${switchsizestyles(g)} 
-						${v?"juno-switch-invalid "+invalidbasestyles:""} 
-						${x?"juno-switch-valid "+validbasestyles:""} 
-						${x||v?"":defaultborderstyles} 
-						${o}`},b),React__default.createElement("span",{className:`juno-switch-handle ${handlebasestyles} ${handlesizestyles(g)} ${t?handleonstyles:handleoffstyles}`})),React__default.createElement(Label,{text:e,htmlFor:B,className:"jn-ml-2",disabled:i,required:f}),v?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:`${iconstyles} ${i?"jn-opacity-50":""}`}):"",x?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:`${iconstyles} ${i?"jn-opacity-50":""}`}):""),m&&s(m)?React__default.createElement(FormHint,{text:m,variant:"error",className:`${hintStyles}`}):"",n&&s(n)?React__default.createElement(FormHint,{text:n,variant:"success",className:`${hintStyles}`}):"",l&&s(l)?React__default.createElement(FormHint,{text:l,className:`${hintStyles}`}):"")};Switch.propTypes={name:PropTypes.string,id:PropTypes.string,label:PropTypes.string,required:PropTypes.bool,size:PropTypes.oneOf(["small","default","large"]),on:PropTypes.bool,disabled:PropTypes.bool,invalid:PropTypes.bool,valid:PropTypes.bool,helptext:PropTypes.node,errortext:PropTypes.node,successtext:PropTypes.node,className:PropTypes.string,onChange:PropTypes.func,onClick:PropTypes.func,wrapperClassName:PropTypes.string};const SwitchRow=a=>{let{name:c=null,label:d=null,id:e=null,on:f=!1,disabled:g=null,helptext:h=null,required:i=null,invalid:j=!1,errortext:k="",valid:l=!1,successtext:m="",className:n="",onChange:o=void 0,onClick:p=void 0,...b}=a;return React__default.createElement(FormRow,null,React__default.createElement(Switch,_extends({name:c,label:d,onChange:o,onClick:p,id:e,on:f,disabled:g,invalid:j,required:i,valid:l,errortext:k,helptext:h,successtext:m,className:n},b)))};SwitchRow.propTypes={name:PropTypes.string,label:PropTypes.string,id:PropTypes.string,on:PropTypes.bool,disabled:PropTypes.bool,helptext:PropTypes.node,required:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,valid:PropTypes.bool,successtext:PropTypes.string,className:PropTypes.string,onChange:PropTypes.func,onClick:PropTypes.func};var SwitchRow_component=withDeprecationWarning(SwitchRow,"SwitchRow is deprecated and will be removed in future versions. To be future-proof, use Switch instead.");export{SwitchRow_component as S};

package/build/SwitchRow.js

@@ -1 +0,0 @@
-export{S as SwitchRow}from"./SwitchRow.component-CmboUtfc.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-OkQblu_q.js";

package/build/Tab.component-SEUcCOS8.js

@@ -1,16 +0,0 @@
-import React__default from"react";import{T as Tab$1}from"./TabPanel-B6oG_h5d.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";const tabStyles=`
-  jn-flex
-  jn-font-bold
-  jn-px-[1.5625rem]
-  jn-items-center
-  jn-cursor-pointer
-  focus:jn-outline-none 
-`,disabledTabStyles=`
-  jn-pointer-events-none
-  jn-opacity-50
-`,selectedTabStyles=`
-  jn-border-b-[3px]
-  jn-border-theme-tab-active-bottom
-`,iconStyles=`
-  jn-mr-2
-`,Tab=a=>{let{children:d=null,label:e="",icon:b,disabled:f=!1,className:g="",...c}=a;return React__default.createElement(Tab$1,{className:`juno-tab ${tabStyles} ${g}`,disabledClassName:`juno-tab-disabled ${disabledTabStyles}`,selectedClassName:`juno-tab-selected ${selectedTabStyles}`,disabled:f,...c},b?React__default.createElement(Icon,{icon:b,size:"18",className:`${iconStyles}`}):null,d||e)};Tab.tabsRole="Tab";export{Tab as T};

package/build/Tab.js

@@ -1 +0,0 @@
-export{T as Tab}from"./Tab.component-SEUcCOS8.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/TabList.component-sHDWBb5I.js

@@ -1,12 +0,0 @@
-import React__default from"react";import{a as TabList$1}from"./TabPanel-B6oG_h5d.js";import{u as useTabsContext}from"./Tabs.component-BRM3cTLV.js";const tabListStyles=`
-  jn-flex
-  jn-h-[3.4375rem]
-`,getVariantStyles=a=>"main"===a?`jn-bg-theme-tab-navigation-top`:"codeblocks"===a?`
-        jn-text-sm
-        jn-bg-theme-code-block
-        jn-border-b-[1px]
-        jn-border-theme-codeblock-bar 
-      `:`
-        jn-border-b-[1px] 
-        jn-border-theme-tab-navigation-content-bottom
-      `,TabList=a=>{let{variant:c="content",children:d=null,...b}=a;const e=useTabsContext()||{},f=e.variant||c;return React__default.createElement(TabList$1,{className:`juno-tablist juno-tablist-${f} ${tabListStyles} ${getVariantStyles(f)}`,...b},d)};TabList.tabsRole="TabList";export{TabList as T};

package/build/TabList.js

@@ -1 +0,0 @@
-export{T as TabList}from"./TabList.component-sHDWBb5I.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";import"./Tabs.component-BRM3cTLV.js";

package/build/TabNavigation.component-Cc2F9AVl.js

@@ -1,8 +0,0 @@
-import React__default,{createContext}from"react";import{N as Navigation}from"./Navigation.component-DaabNHev.js";const tabNavStyles=`
-  jn-flex
-`,TabNavigationContext=createContext(void 0),TabNavigation=a=>{let{activeItem:e="",ariaLabel:b,children:f=null,className:g="",disabled:h=!1,onActiveItemChange:c,tabStyle:i="main",...d}=a;return React__default.createElement(TabNavigationContext.Provider,{value:{tabStyle:i}},React__default.createElement(Navigation,{activeItem:e,ariaLabel:b,className:`
-          juno-tabnavigation 
-          juno-tabnavigation-${i} 
-          ${tabNavStyles} 
-          ${g}
-        `,disabled:h,onActiveItemChange:c,...d},f))};export{TabNavigation as T,TabNavigationContext as a};

package/build/TabNavigation.js

@@ -1 +0,0 @@
-export{T as TabNavigation}from"./TabNavigation.component-Cc2F9AVl.js";import"react";import"./Navigation.component-DaabNHev.js";

package/build/TabNavigationItem.component-D9KvESL0.js

@@ -1,22 +0,0 @@
-import React__default,{useContext}from"react";import{N as NavigationItem}from"./NavigationItem.component-DI0SMWsi.js";import{a as TabNavigationContext}from"./TabNavigation.component-Cc2F9AVl.js";const tabNavItemStyles=`
-  jn-flex
-  jn-items-center
-  jn-text-theme-default
-  jn-font-bold
-  jn-py-[0.875rem]
-  jn-px-[1.5625rem]
-  jn-border-b-[3px]
-  focus-visible:jn-outline-none
-  focus-visible:jn-ring-2
-  focus-visible:jn-ring-theme-focus
-`,tabNavActiveItemStyles=`
-  jn-text-theme-high
-  jn-font-bold
-  jn-border-b-[3px]
-  jn-border-theme-tab-active-bottom
-`,TabNavigationItem=a=>{let{active:g=!1,ariaLabel:b,children:h=null,className:i="",disabled:j=!1,href:c,icon:d,label:k="",onClick:e,value:l="",...f}=a;const m=useContext(TabNavigationContext),{tabStyle:n}=m||{};return React__default.createElement(NavigationItem,{active:g,activeItemStyles:tabNavActiveItemStyles,ariaLabel:b,className:`
-        juno-tabnavigation-item 
-        ${n?"juno-tabnavigation-"+n+"-item":""}
-        ${tabNavItemStyles} 
-        ${i}
-      `,disabled:j,href:c,icon:d,inactiveItemStyles:`${"content"===n?"jn-border-theme-tab-content-inactive-bottom":"jn-border-transparent"}`,label:k,onClick:e,value:l,...f},h)};export{TabNavigationItem as T};

package/build/TabNavigationItem.js

@@ -1 +0,0 @@
-export{T as TabNavigationItem}from"./TabNavigationItem.component-D9KvESL0.js";import"react";import"./NavigationItem.component-DI0SMWsi.js";import"./Navigation.component-DaabNHev.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./TabNavigation.component-Cc2F9AVl.js";

package/build/TabPanel-B6oG_h5d.js

@@ -1 +0,0 @@
-import PropTypes from"prop-types";import React__default,{Children,cloneElement,useRef,useState,useEffect}from"react";function makeTypeChecker(a){return function(b){return!!b.type&&b.type.tabsRole===a}}var isTab=makeTypeChecker("Tab"),isTabList=makeTypeChecker("TabList"),isTabPanel=makeTypeChecker("TabPanel");function _extends$5(){return _extends$5=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends$5.apply(this,arguments)}function isTabChild(a){return isTab(a)||isTabList(a)||isTabPanel(a)}function deepMap(a,b){return Children.map(a,function(a){return null===a?null:isTabChild(a)?b(a):a.props&&a.props.children&&"object"==typeof a.props.children?cloneElement(a,_extends$5({},a.props,{children:deepMap(a.props.children,b)})):a})}function deepForEach(a,b){return Children.forEach(a,function(a){null===a||(isTab(a)||isTabPanel(a)?b(a):a.props&&a.props.children&&"object"==typeof a.props.children&&(isTabList(a)&&b(a),deepForEach(a.props.children,b)))})}function childrenPropType(a,b,c){var d,e=0,f=0,g=!1,h=[],i=a[b];return deepForEach(i,function(a){isTabList(a)&&(a.props&&a.props.children&&"object"==typeof a.props.children&&deepForEach(a.props.children,function(a){return h.push(a)}),g&&(d=new Error("Found multiple 'TabList' components inside 'Tabs'. Only one is allowed.")),g=!0),isTab(a)?((!g||-1===h.indexOf(a))&&(d=new Error("Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.")),e++):isTabPanel(a)&&f++}),d||e===f||(d=new Error("There should be an equal number of 'Tab' and 'TabPanel' in `"+c+"`. "+("Received "+e+" 'Tab' and "+f+" 'TabPanel'."))),d}function onSelectPropType(a,b,c,d,e){var f=a[b],g=e||b,h=null;return f&&"function"!=typeof f?h=new Error("Invalid "+d+" `"+g+"` of type `"+typeof f+"` supplied "+("to `"+c+"`, expected `function`.")):null!=a.selectedIndex&&null==f&&(h=new Error("The "+d+" `"+g+"` is marked as required in `"+c+"`, but its value is `undefined` or `null`.\n`onSelect` is required when `selectedIndex` is also set. Not doing so will make the tabs not do anything, as `selectedIndex` indicates that you want to handle the selected tab yourself.\nIf you only want to set the inital tab replace `selectedIndex` with `defaultIndex`.")),h}function selectedIndexPropType(a,b,c,d,e){var f=a[b],g=e||b,h=null;if(null!=f&&"number"!=typeof f)h=new Error("Invalid "+d+" `"+g+"` of type `"+typeof f+"` supplied to "+("`"+c+"`, expected `number`."));else if(null!=a.defaultIndex&&null!=f)return new Error("The "+d+" `"+g+"` cannot be used together with `defaultIndex` "+("in `"+c+"`.\n")+("Either remove `"+g+"` to let `"+c+"` handle the selected tab internally or remove `defaultIndex` to handle it yourself."));return h}function r(a){var b,c,d="";if("string"==typeof a||"number"==typeof a)d+=a;else if("object"==typeof a)if(Array.isArray(a))for(b=0;b<a.length;b++)a[b]&&(c=r(a[b]))&&(d&&(d+=" "),d+=c);else for(b in a)a[b]&&(d&&(d+=" "),d+=b);return d}function clsx(){for(var a,b,c=0,d="";c<arguments.length;)(a=arguments[c++])&&(b=r(a))&&(d&&(d+=" "),d+=b);return d}var count=0;function uuid(){return"react-tabs-"+count++}function getTabsCount(a){var b=0;return deepForEach(a,function(a){isTab(a)&&b++}),b}var _excluded$3=["children","className","disabledTabClassName","domRef","focus","forceRenderTabPanel","onSelect","selectedIndex","selectedTabClassName","selectedTabPanelClassName","environment","disableUpDownKeys"];function _extends$4(){return _extends$4=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends$4.apply(this,arguments)}function _objectWithoutPropertiesLoose$3(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}function isNode(a){return a&&"getAttribute"in a}function isTabNode(a){return isNode(a)&&a.getAttribute("data-rttab")}function isTabDisabled(a){return isNode(a)&&"true"===a.getAttribute("aria-disabled")}var canUseActiveElement;function determineCanUseActiveElement(a){var b=a||("undefined"==typeof window?void 0:window);try{canUseActiveElement=!!("undefined"!=typeof b&&b.document&&b.document.activeElement)}catch(a){canUseActiveElement=!1}}var defaultProps$3={className:"react-tabs",focus:!1},propTypes$4="production"===process.env.NODE_ENV?{}:{children:childrenPropType,direction:PropTypes.oneOf(["rtl","ltr"]),className:PropTypes.oneOfType([PropTypes.string,PropTypes.array,PropTypes.object]),disabledTabClassName:PropTypes.string,disableUpDownKeys:PropTypes.bool,domRef:PropTypes.func,focus:PropTypes.bool,forceRenderTabPanel:PropTypes.bool,onSelect:PropTypes.func.isRequired,selectedIndex:PropTypes.number.isRequired,selectedTabClassName:PropTypes.string,selectedTabPanelClassName:PropTypes.string,environment:PropTypes.object},UncontrolledTabs=function(a){function b(b,c){if(!(0>b||b>=h())){var d=a.onSelect,e=a.selectedIndex;d(b,e,c)}}function c(a){for(var b=h(),c=a+1;c<b;c++)if(!isTabDisabled(j(c)))return c;for(var d=0;d<a;d++)if(!isTabDisabled(j(d)))return d;return a}function d(a){for(var b=a;b--;)if(!isTabDisabled(j(b)))return b;for(b=h();b-->a;)if(!isTabDisabled(j(b)))return b;return a}function f(){for(var a=h(),b=0;b<a;b++)if(!isTabDisabled(j(b)))return b;return null}function g(){for(var a=h();a--;)if(!isTabDisabled(j(a)))return a;return null}function h(){var b=a.children;return getTabsCount(b)}function j(a){return m.current["tabs-"+a]}function k(a){var c=a.target;do if(l(c)){if(isTabDisabled(c))return;var d=[].slice.call(c.parentNode.children).filter(isTabNode).indexOf(c);return void b(d,a)}while(null!=(c=c.parentNode))}function l(a){if(!isTabNode(a))return!1;var b=a.parentElement;do{if(b===p.current)return!0;if(b.getAttribute("data-rttabs"))break;b=b.parentElement}while(b);return!1}var m=useRef([]),n=useRef([]),o=useRef([]),p=useRef();a.children;var q=a.className;a.disabledTabClassName;var r=a.domRef;a.focus,a.forceRenderTabPanel,a.onSelect,a.selectedIndex,a.selectedTabClassName,a.selectedTabPanelClassName,a.environment,a.disableUpDownKeys;var s=_objectWithoutPropertiesLoose$3(a,_excluded$3);return React__default.createElement("div",_extends$4({},s,{className:clsx(q),onClick:k,onKeyDown:function e(h){var i=a.direction,j=a.disableUpDownKeys;if(l(h.target)){var m=a.selectedIndex,n=!1,o=!1;("Space"===h.code||32===h.keyCode||"Enter"===h.code||13===h.keyCode)&&(n=!0,o=!1,k(h)),"ArrowLeft"!==h.code&&37!==h.keyCode&&(j||38!==h.keyCode&&"ArrowUp"!==h.code)?"ArrowRight"!==h.code&&39!==h.keyCode&&(j||40!==h.keyCode&&"ArrowDown"!==h.code)?35===h.keyCode||"End"===h.code?(m=g(),n=!0,o=!0):(36===h.keyCode||"Home"===h.code)&&(m=f(),n=!0,o=!0):(m="rtl"===i?d(m):c(m),n=!0,o=!0):(m="rtl"===i?c(m):d(m),n=!0,o=!0),n&&h.preventDefault(),o&&b(m,h)}},ref:function b(a){p.current=a,r&&r(a)},"data-rttabs":!0}),function b(){var c=0,d=a.children,e=a.disabledTabClassName,f=a.focus,g=a.forceRenderTabPanel,i=a.selectedIndex,k=a.selectedTabClassName,l=a.selectedTabPanelClassName,p=a.environment;n.current=n.current||[],o.current=o.current||[];for(var q=n.current.length-h();0>q++;)n.current.push(uuid()),o.current.push(uuid());return deepMap(d,function(a){var b=a;if(isTabList(a)){var d=0,h=!1;null==canUseActiveElement&&determineCanUseActiveElement(p);var q=p||("undefined"==typeof window?void 0:window);canUseActiveElement&&q&&(h=React__default.Children.toArray(a.props.children).filter(isTab).some(function(a,b){return q.document.activeElement===j(b)})),b=cloneElement(a,{children:deepMap(a.props.children,function(a){var b="tabs-"+d,c=i===d,g={tabRef:function c(a){m.current[b]=a},id:n.current[d],panelId:o.current[d],selected:c,focus:c&&(f||h)};return k&&(g.selectedClassName=k),e&&(g.disabledClassName=e),d++,cloneElement(a,g)})})}else if(isTabPanel(a)){var r={id:o.current[c],tabId:n.current[c],selected:i===c};g&&(r.forceRender=g),l&&(r.selectedClassName=l),c++,b=cloneElement(a,r)}return b})}())};UncontrolledTabs.defaultProps=defaultProps$3,UncontrolledTabs.propTypes="production"===process.env.NODE_ENV?{}:propTypes$4;function _extends$3(){return _extends$3=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends$3.apply(this,arguments)}var MODE_CONTROLLED=0,MODE_UNCONTROLLED=1,propTypes$3="production"===process.env.NODE_ENV?{}:{children:childrenPropType,className:PropTypes.oneOfType([PropTypes.string,PropTypes.array,PropTypes.object]),defaultFocus:PropTypes.bool,defaultIndex:PropTypes.number,direction:PropTypes.oneOf(["rtl","ltr"]),disabledTabClassName:PropTypes.string,disableUpDownKeys:PropTypes.bool,domRef:PropTypes.func,environment:PropTypes.object,focusTabOnClick:PropTypes.bool,forceRenderTabPanel:PropTypes.bool,onSelect:onSelectPropType,selectedIndex:selectedIndexPropType,selectedTabClassName:PropTypes.string,selectedTabPanelClassName:PropTypes.string},defaultProps$2={defaultFocus:!1,focusTabOnClick:!0,forceRenderTabPanel:!1,selectedIndex:null,defaultIndex:null,environment:null,disableUpDownKeys:!1},getModeFromProps=function b(a){return null===a.selectedIndex?MODE_UNCONTROLLED:MODE_CONTROLLED},checkForIllegalModeChange=function c(a,b){if("production"!==process.env.NODE_ENV&&b!=null&&b!==getModeFromProps(a))throw new Error("Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`.\nFor more information about controlled and uncontrolled mode of react-tabs see https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode.")},Tabs=function b(a){var c=a.children,d=a.defaultFocus,e=a.defaultIndex,f=a.focusTabOnClick,g=a.onSelect,h=useState(d),i=h[0],j=h[1],k=useState(getModeFromProps(a)),l=k[0],m=useState(l===MODE_UNCONTROLLED?e||0:null),n=m[0],o=m[1];if(useEffect(function(){j(!1)},[]),l===MODE_UNCONTROLLED){var p=getTabsCount(c);useEffect(function(){var a=Math.min,b=Math.max;if(null!=n){var c=b(0,p-1);o(a(n,c))}},[p])}checkForIllegalModeChange(a,l);var q=function d(a,b,c){"function"==typeof g&&!1===g(a,b,c)||(f&&j(!0),l===MODE_UNCONTROLLED&&o(a))},r=_extends$3({},a);return r.focus=i,r.onSelect=q,null!=n&&(r.selectedIndex=n),delete r.defaultFocus,delete r.defaultIndex,delete r.focusTabOnClick,React__default.createElement(UncontrolledTabs,r,c)};Tabs.propTypes="production"===process.env.NODE_ENV?{}:propTypes$3,Tabs.defaultProps=defaultProps$2,Tabs.tabsRole="Tabs";var _excluded$2=["children","className"];function _extends$2(){return _extends$2=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends$2.apply(this,arguments)}function _objectWithoutPropertiesLoose$2(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}var defaultProps$1={className:"react-tabs__tab-list"},propTypes$2="production"===process.env.NODE_ENV?{}:{children:PropTypes.oneOfType([PropTypes.object,PropTypes.array]),className:PropTypes.oneOfType([PropTypes.string,PropTypes.array,PropTypes.object])},TabList=function b(a){var c=a.children,d=a.className,e=_objectWithoutPropertiesLoose$2(a,_excluded$2);return React__default.createElement("ul",_extends$2({},e,{className:clsx(d),role:"tablist"}),c)};TabList.tabsRole="TabList",TabList.propTypes="production"===process.env.NODE_ENV?{}:propTypes$2,TabList.defaultProps=defaultProps$1;var _excluded$1=["children","className","disabled","disabledClassName","focus","id","panelId","selected","selectedClassName","tabIndex","tabRef"];function _extends$1(){return _extends$1=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends$1.apply(this,arguments)}function _objectWithoutPropertiesLoose$1(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}var DEFAULT_CLASS$1="react-tabs__tab",DEFAULT_PROPS={className:"react-tabs__tab",disabledClassName:"react-tabs__tab--disabled",focus:!1,id:null,panelId:null,selected:!1,selectedClassName:"react-tabs__tab--selected"},propTypes$1="production"===process.env.NODE_ENV?{}:{children:PropTypes.oneOfType([PropTypes.array,PropTypes.object,PropTypes.string]),className:PropTypes.oneOfType([PropTypes.string,PropTypes.array,PropTypes.object]),disabled:PropTypes.bool,disabledClassName:PropTypes.string,focus:PropTypes.bool,id:PropTypes.string,panelId:PropTypes.string,selected:PropTypes.bool,selectedClassName:PropTypes.string,tabIndex:PropTypes.string,tabRef:PropTypes.func},Tab=function b(a){var c,d=useRef(),e=a.children,f=a.className,g=a.disabled,h=a.disabledClassName,i=a.focus,j=a.id,k=a.panelId,l=a.selected,m=a.selectedClassName,n=a.tabIndex,o=a.tabRef,p=_objectWithoutPropertiesLoose$1(a,_excluded$1);return useEffect(function(){l&&i&&d.current.focus()},[l,i]),React__default.createElement("li",_extends$1({},p,{className:clsx(f,(c={},c[m]=l,c[h]=g,c)),ref:function b(a){d.current=a,o&&o(a)},role:"tab",id:j,"aria-selected":l?"true":"false","aria-disabled":g?"true":"false","aria-controls":k,tabIndex:n||(l?"0":null),"data-rttab":!0}),e)};Tab.propTypes="production"===process.env.NODE_ENV?{}:propTypes$1,Tab.tabsRole="Tab",Tab.defaultProps=DEFAULT_PROPS;var _excluded=["children","className","forceRender","id","selected","selectedClassName","tabId"];function _extends(){return _extends=Object.assign||function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c,d,e={},f=Object.keys(a);for(d=0;d<f.length;d++)c=f[d],0<=b.indexOf(c)||(e[c]=a[c]);return e}var DEFAULT_CLASS="react-tabs__tab-panel",defaultProps={className:"react-tabs__tab-panel",forceRender:!1,selectedClassName:"react-tabs__tab-panel--selected"},propTypes="production"===process.env.NODE_ENV?{}:{children:PropTypes.node,className:PropTypes.oneOfType([PropTypes.string,PropTypes.array,PropTypes.object]),forceRender:PropTypes.bool,id:PropTypes.string,selected:PropTypes.bool,selectedClassName:PropTypes.string,tabId:PropTypes.string},TabPanel=function b(a){var c,d=a.children,e=a.className,f=a.forceRender,g=a.id,h=a.selected,i=a.selectedClassName,j=a.tabId,k=_objectWithoutPropertiesLoose(a,_excluded);return React__default.createElement("div",_extends({},k,{className:clsx(e,(c={},c[i]=h,c)),role:"tabpanel",id:g,"aria-labelledby":j}),f||h?d:null)};TabPanel.tabsRole="TabPanel",TabPanel.propTypes="production"===process.env.NODE_ENV?{}:propTypes,TabPanel.defaultProps=defaultProps;export{Tab as T,TabList as a,TabPanel as b,Tabs as c};

package/build/TabPanel.component-DlnS5hSa.js

@@ -1 +0,0 @@
-import React__default from"react";import{b as TabPanel$1}from"./TabPanel-B6oG_h5d.js";const TabPanel=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(TabPanel$1,{className:`juno-tabpanel ${d}`,selectedClassName:"juno-tabpanel-selected",...b},c)};TabPanel.tabsRole="TabPanel";export{TabPanel as T};

package/build/TabPanel.js

@@ -1 +0,0 @@
-export{T as TabPanel}from"./TabPanel.component-DlnS5hSa.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";

package/build/Tabs.component-BRM3cTLV.js

@@ -1 +0,0 @@
-import React__default,{useState,useEffect}from"react";import{c as Tabs$1}from"./TabPanel-B6oG_h5d.js";const TabsContext=React__default.createContext({}),useTabsContext=()=>React__default.useContext(TabsContext),Tabs=a=>{let{children:f=null,defaultIndex:b,selectedIndex:c,onSelect:d,variant:g="content",className:h="",...e}=a;const[i,j]=useState(c);useEffect(()=>{j(c)},[c]);return React__default.createElement(TabsContext.Provider,{value:{variant:g}},React__default.createElement(Tabs$1,{className:`juno-tabs juno-tabs-${g} ${h}`,defaultIndex:b,selectedIndex:i,onSelect:a=>{d&&d(a)},...e},f))};Tabs.tabsRole="Tabs";export{Tabs as T,useTabsContext as u};

package/build/Tabs.js

@@ -1 +0,0 @@
-export{T as Tabs}from"./Tabs.component-BRM3cTLV.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";

package/build/TextInput.component-AyfJ3U8z.js

@@ -1,59 +0,0 @@
-import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const textinputstyles=`
-  jn-bg-theme-textinput
-  jn-text-theme-textinput
-  jn-border
-  jn-text-base
-  jn-leading-4
-  jn-px-4
-  jn-h-textinput
-  jn-rounded-3px
-  focus:jn-outline-none
-  focus:jn-ring-2
-  focus:jn-ring-theme-focus
-  disabled:jn-opacity-50
-  autofill:jn-bg-theme-textinput-autofill
-  autofill:jn-text-theme-textinput-autofill
-  peer
-`,defaultborderstyles=`
-  jn-border-theme-textinput-default
-`,invalidstyles=`
-  jn-border-theme-error
-`,validstyles=`
-  jn-border-theme-success
-`,withLabelStyles=`
-  jn-pt-[1.125rem] 
-  jn-pb-1
-`,noLabelStyles=`
-  jn-py-4
-`,wrapperStyles=`
-  jn-inline-block
-  jn-relative
-`,labelStyles=`
-  peer-autofill:jn-text-theme-textinput-autofill-label
-  jn-pointer-events-none
-  jn-top-2
-  jn-left-[0.9375rem]
-`,iconcontainerstyles=`
-  jn-inline-flex
-  jn-absolute
-  jn-top-[.4rem]
-  jn-right-3
-`,disablediconstyles=`
-  jn-opacity-50
-`,hintStyles=`
-  jn-mt-0
-`,TextInput=a=>{let{value:c="",id:d="",name:e=void 0,placeholder:f="",disabled:g=!1,readOnly:h=!1,required:i=!1,invalid:j=!1,valid:k=!1,autoFocus:l=!1,className:m="",autoComplete:n="off",helptext:o="",successtext:p="",errortext:q="",onChange:r=void 0,onFocus:s=void 0,onBlur:t=void 0,type:u=void 0,label:v=void 0,width:w="full",wrapperClassName:x="",...b}=a;const y=a=>"string"!=typeof a||0!==a.trim().length,z=useRef(null),[A,B]=useState(""),[C,D]=useState(!1),[E,F]=useState(!1),[G,H]=useState(!1);useEffect(()=>{document.hasFocus()&&z.current.contains(document.activeElement)&&D(!0)},[]),useEffect(()=>{B(c)},[c]);const I=useMemo(()=>j||!!(q&&y(q)),[j,q]),J=useMemo(()=>k||!!(p&&y(p)),[k,p]);useEffect(()=>{F(I)},[I]),useEffect(()=>{H(J)},[J]);const K=d||(()=>"juno-textinput-"+useId())();return React__default.createElement("div",null,React__default.createElement("span",{className:`
-          juno-textinput-wrapper 
-          ${wrapperStyles}
-          ${"auto"==w?"jn-inline-block":"jn-block"}
-          ${"auto"==w?"jn-w-auto":"jn-w-full"}
-          ${x}
-          `},React__default.createElement("input",{type:u,name:e,autoComplete:n,value:A,id:K,ref:z,placeholder:f,disabled:g,readOnly:h,autoFocus:l,onChange:a=>{B(a.target.value),r&&r(a)},onFocus:a=>{D(!0),s&&s(a)},onBlur:a=>{D(!1),t&&t(a)},className:`juno-textinput 
-            ${textinputstyles}
-            ${v?withLabelStyles:noLabelStyles}
-            ${E?"juno-textinput-invalid "+invalidstyles:""} 
-            ${G?"juno-textinput-valid "+validstyles:""}  
-            ${G||E?"":defaultborderstyles} 
-            ${"auto"==w?"jn-w-auto":"jn-w-full"}
-            ${m}
-          `,...b}),v&&v.length?(React__default.createElement(Label,{text:v,htmlFor:K,className:`${labelStyles}`,disabled:g,required:i,floating:!0,minimized:!!(f||C||A&&y(A))})):"",React__default.createElement(a=>{let{disabled:b}=a;return G||E?(React__default.createElement("div",{className:`juno-textinput-row-icon-container ${iconcontainerstyles} ${b?disablediconstyles:""}`},E?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,G?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null)):""},{disabled:g})),q&&y(q)?(React__default.createElement(FormHint,{text:q,variant:"error",className:`${hintStyles}`})):"",p&&y(p)?(React__default.createElement(FormHint,{text:p,variant:"success",className:`${hintStyles}`})):"",o&&y(o)?React__default.createElement(FormHint,{text:o,className:`${hintStyles}`}):"")};export{TextInput as T};

package/build/TextInput.component-CkNlIlj0.js

@@ -1,59 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const textinputstyles=`
-	jn-bg-theme-textinput
-	jn-text-theme-textinput
-  jn-border
-	jn-text-base
-	jn-leading-4
-	jn-px-4
-	jn-h-textinput
-	jn-rounded-3px
-	focus:jn-outline-none
-	focus:jn-ring-2
-	focus:jn-ring-theme-focus
-	disabled:jn-opacity-50
-  autofill:jn-bg-theme-textinput-autofill
-  autofill:jn-text-theme-textinput-autofill
-  peer
-`,defaultborderstyles=`
-	jn-border-theme-textinput-default
-`,invalidstyles=`
-	jn-border-theme-error
-`,validstyles=`
-	jn-border-theme-success
-`,withLabelStyles=`
-  jn-pt-[1.125rem] 
-  jn-pb-1
-`,noLabelStyles=`
-  jn-py-4
-`,wrapperStyles=`
-  jn-inline-block
-  jn-relative
-`,labelStyles=`
-  peer-autofill:jn-text-theme-textinput-autofill-label
-  jn-pointer-events-none
-  jn-top-2
-  jn-left-[0.9375rem]
-`,iconcontainerstyles=`
-  jn-inline-flex
-  jn-absolute
-  jn-top-[.4rem]
-  jn-right-3
-`,disablediconstyles=`
-  jn-opacity-50
-`,hintStyles=`
-  jn-mt-0
-`,TextInput=a=>{let{value:c="",id:d="",placeholder:e="",disabled:f=!1,readOnly:g=!1,required:h=!1,invalid:i=!1,valid:j=!1,autoFocus:k=!1,className:l="",autoComplete:m="off",helptext:n="",successtext:o="",errortext:p="",onChange:q=void 0,onFocus:r=void 0,onBlur:s=void 0,type:t=null,label:u=void 0,width:v="full",wrapperClassName:w="",...b}=a;const x=a=>"string"!=typeof a||0!==a.trim().length,y=useRef(),[z,A]=useState(""),[B,C]=useState(!1),[D,E]=useState(!1),[F,G]=useState(!1);useEffect(()=>{document.hasFocus()&&y.current.contains(document.activeElement)&&C(!0)},[]),useEffect(()=>{A(c)},[c]);const H=useMemo(()=>i||!!(p&&x(p)),[i,p]),I=useMemo(()=>j||!!(o&&x(o)),[j,o]);useEffect(()=>{E(H)},[H]),useEffect(()=>{G(I)},[I]);const J=d||(()=>"juno-textinput-"+useId())();return React__default.createElement("div",null,React__default.createElement("span",{className:`
-          juno-textinput-wrapper 
-          ${wrapperStyles}
-          ${"auto"==v?"jn-inline-block":"jn-block"}
-          ${"auto"==v?"jn-w-auto":"jn-w-full"}
-          ${w}
-          `},React__default.createElement("input",_extends({type:t,name:name,autoComplete:m,value:z,id:J,ref:y,placeholder:e,disabled:f,readOnly:g,autoFocus:k,onChange:a=>{A(a.target.value),q&&q(a)},onFocus:a=>{C(!0),r&&r(a)},onBlur:a=>{C(!1),s&&s(a)},className:`juno-textinput 
-            ${textinputstyles}
-            ${u?withLabelStyles:noLabelStyles}
-            ${D?"juno-textinput-invalid "+invalidstyles:""} 
-            ${F?"juno-textinput-valid "+validstyles:""}  
-            ${F||D?"":defaultborderstyles} 
-            ${"auto"==v?"jn-w-auto":"jn-w-full"}
-            ${l}
-          `},b)),u&&u.length?React__default.createElement(Label,{text:u,htmlFor:J,className:`${labelStyles}`,disabled:f,required:h,floating:!0,minimized:!!(e||B||z&&z.length)}):"",React__default.createElement(a=>{let{disabled:b}=a;return F||D?React__default.createElement("div",{className:`juno-textinput-row-icon-container ${iconcontainerstyles} ${b?disablediconstyles:""}`},D?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,F?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null):""},{disabled:f})),p&&x(p)?React__default.createElement(FormHint,{text:p,variant:"error",className:`${hintStyles}`}):"",o&&x(o)?React__default.createElement(FormHint,{text:o,variant:"success",className:`${hintStyles}`}):"",n&&x(n)?React__default.createElement(FormHint,{text:n,className:`${hintStyles}`}):"")};TextInput.propTypes={name:PropTypes.string,value:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),id:PropTypes.string,placeholder:PropTypes.string,disabled:PropTypes.bool,readOnly:PropTypes.bool,required:PropTypes.bool,invalid:PropTypes.bool,valid:PropTypes.bool,autoFocus:PropTypes.bool,className:PropTypes.string,autoComplete:PropTypes.string,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func,type:PropTypes.oneOf(["text","email","password","tel","url","number"]),label:PropTypes.string,helptext:PropTypes.node,successtext:PropTypes.node,errortext:PropTypes.node,width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};export{TextInput as T};

package/build/TextInput.js

@@ -1 +0,0 @@
-export{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";

package/build/TextInputRow.component-fXXdeFjF.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{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.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};

package/build/TextInputRow.js

@@ -1 +0,0 @@
-export{T as TextInputRow}from"./TextInputRow.component-fXXdeFjF.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-OkQblu_q.js";

package/build/Textarea.component-DgYR9jem.js

@@ -1,58 +0,0 @@
-import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const wrapperStyles=`
-  jn-inline-block
-  jn-relative
-`,textareastyles=`
-  jn-bg-theme-textinput
-  jn-text-theme-textinput
-  jn-border
-  jn-text-base
-  jn-leading-4
-  jn-px-4
-  jn-rounded-3px
-  jn-align-top
-  focus:jn-outline-none
-  focus:jn-ring-2
-  focus:jn-ring-theme-focus
-  disabled:jn-opacity-50
-  disabled:jn-cursor-not-allowed
-`,defaultborderstyles=`
-  jn-border-theme-textinput-default
-`,invalidstyles=`
-  jn-border-theme-error
-`,validstyles=`
-  jn-border-theme-success
-`,withLabelStyles=`
-  jn-pt-[1.125rem] 
-  jn-pb-1
-`,noLabelStyles=`
-  jn-py-4
-`,labelStyles=`
-  jn-pointer-events-none
-  jn-top-2
-  jn-left-[0.9375rem]
-  jn-pr-4
-  jn-bg-theme-textinput
-`,iconcontainerstyles=`
-  jn-inline-flex
-  jn-absolute
-  jn-top-[.4rem]
-  jn-right-3
-`,disablediconstyles=`
-  jn-opacity-50
-`,hintStyles=`
-  jn-mt-0
-`,Textarea=a=>{let{name:b,value:d="",id:e="",placeholder:f="",disabled:g=!1,readOnly:h=!1,required:i=!1,invalid:j=!1,valid:k=!1,autoFocus:l=!1,className:m="",autoComplete:n="off",helptext:o="",successtext:p="",errortext:q="",onChange:r=void 0,onFocus:s=void 0,onBlur:t=void 0,label:u=void 0,width:v="full",wrapperClassName:w="",...c}=a;const x=a=>"string"!=typeof a||0!==a.trim().length,y=useRef(null),[z,A]=useState(""),[B,C]=useState(!1),[D,E]=useState(!1),[F,G]=useState(!1);useEffect(()=>{document.hasFocus()&&y.current&&y.current.contains(document.activeElement)&&C(!0)},[]),useEffect(()=>{A(d.toString())},[d]);const H=useMemo(()=>j||!!(q&&x(q)),[j,q]),I=useMemo(()=>k||!!(p&&x(p)),[k,p]);useEffect(()=>{E(H)},[H]),useEffect(()=>{G(I)},[I]);const J=e||(()=>"juno-textarea-"+useId())();return React__default.createElement("div",null,React__default.createElement("div",{className:`
-          juno-textarea-wrapper 
-          ${wrapperStyles}
-          ${"auto"==v?"jn-inline-block":"jn-block"}
-          ${"auto"==v?"jn-w-auto":"jn-w-full"}
-          ${w}
-        `},u&&u.length?(React__default.createElement(Label,{text:u,htmlFor:J,className:`${labelStyles}`,disabled:g,required:i,floating:!0,minimized:!!(f||B||z&&z.length)})):"",React__default.createElement("textarea",{name:b,autoComplete:n,value:z,id:J,ref:y,placeholder:f,disabled:g,readOnly:h,autoFocus:l,onChange:a=>{A(a.target.value),r&&r(a)},onFocus:a=>{C(!0),s&&s(a)},onBlur:a=>{C(!1),t&&t(a)},className:`juno-textarea 
-            ${textareastyles}
-            ${u?withLabelStyles:noLabelStyles}
-            ${D?"juno-textarea-invalid "+invalidstyles:""} 
-            ${F?"juno-textarea-valid "+validstyles:""}  
-            ${F||D?"":defaultborderstyles} 
-            ${"auto"==v?"jn-w-auto":"jn-w-full"}
-            ${m}
-          `,...c}),React__default.createElement(a=>{let{disabled:b}=a;return F||D?(React__default.createElement("div",{className:`juno-textinput-row-icon-container ${iconcontainerstyles} ${b?disablediconstyles:""}`},D?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,F?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null)):""},{disabled:g})),q&&x(q)?(React__default.createElement(FormHint,{text:q,variant:"error",className:`${hintStyles}`})):"",p&&x(p)?(React__default.createElement(FormHint,{text:p,variant:"success",className:`${hintStyles}`})):"",o&&x(o)?React__default.createElement(FormHint,{text:o,className:`${hintStyles}`}):"")};export{Textarea as T};

package/build/Textarea.js

@@ -1 +0,0 @@
-export{T as Textarea}from"./Textarea.component-DgYR9jem.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";

package/build/TextareaRow.component-DcyMqrAg.js

@@ -1,58 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const wrapperStyles=`
-  jn-inline-block
-  jn-relative
-`,textareastyles=`
-  jn-bg-theme-textinput
-  jn-text-theme-textinput
-  jn-border
-  jn-text-base
-  jn-leading-4
-  jn-px-4
-  jn-rounded-3px
-  jn-align-top
-  focus:jn-outline-none
-  focus:jn-ring-2
-  focus:jn-ring-theme-focus
-  disabled:jn-opacity-50
-  disabled:jn-cursor-not-allowed
-`,defaultborderstyles=`
-  jn-border-theme-textinput-default
-`,invalidstyles=`
-  jn-border-theme-error
-`,validstyles=`
-  jn-border-theme-success
-`,withLabelStyles=`
-  jn-pt-[1.125rem] 
-  jn-pb-1
-`,noLabelStyles=`
-  jn-py-4
-`,labelStyles=`
-  jn-pointer-events-none
-  jn-top-2
-  jn-left-[0.9375rem]
-  jn-pr-4
-  jn-bg-theme-textinput
-`,iconcontainerstyles=`
-  jn-inline-flex
-  jn-absolute
-  jn-top-[.4rem]
-  jn-right-3
-`,disablediconstyles=`
-  jn-opacity-50
-`,hintStyles=`
-  jn-mt-0
-`,Textarea=a=>{let{value:c="",id:d="",placeholder:e="",disabled:f=!1,readOnly:g=!1,required:h=!1,invalid:i=!1,valid:j=!1,autoFocus:k=!1,className:l="",autoComplete:m="off",helptext:n="",successtext:o="",errortext:p="",onChange:q=void 0,onFocus:r=void 0,onBlur:s=void 0,label:t=void 0,width:u="full",wrapperClassName:v="",...b}=a;const w=a=>"string"!=typeof a||0!==a.trim().length,x=useRef(),[y,z]=useState(""),[A,B]=useState(!1),[C,D]=useState(!1),[E,F]=useState(!1);useEffect(()=>{document.hasFocus()&&x.current.contains(document.activeElement)&&B(!0)},[]),useEffect(()=>{z(c)},[c]);const G=useMemo(()=>i||!!(p&&w(p)),[i,p]),H=useMemo(()=>j||!!(o&&w(o)),[j,o]);useEffect(()=>{D(G)},[G]),useEffect(()=>{F(H)},[H]);const I=d||(()=>"juno-textarea-"+useId())();return React__default.createElement("div",null,React__default.createElement("div",{className:`
-          juno-textarea-wrapper 
-          ${wrapperStyles}
-          ${"auto"==u?"jn-inline-block":"jn-block"}
-          ${"auto"==u?"jn-w-auto":"jn-w-full"}
-          ${v}
-        `},t&&t.length?React__default.createElement(Label,{text:t,htmlFor:I,className:`${labelStyles}`,disabled:f,required:h,floating:!0,minimized:!!(e||A||y&&y.length)}):"",React__default.createElement("textarea",_extends({name:name,autoComplete:m,value:y,id:I,ref:x,placeholder:e,disabled:f,readOnly:g,autoFocus:k,onChange:a=>{z(a.target.value),q&&q(a)},onFocus:a=>{B(!0),r&&r(a)},onBlur:a=>{B(!1),s&&s(a)},className:`juno-textarea 
-            ${textareastyles}
-            ${t?withLabelStyles:noLabelStyles}
-            ${C?"juno-textarea-invalid "+invalidstyles:""} 
-            ${E?"juno-textarea-valid "+validstyles:""}  
-            ${E||C?"":defaultborderstyles} 
-            ${"auto"==u?"jn-w-auto":"jn-w-full"}
-            ${l}
-          `},b)),React__default.createElement(a=>{let{disabled:b}=a;return E||C?React__default.createElement("div",{className:`juno-textinput-row-icon-container ${iconcontainerstyles} ${b?disablediconstyles:""}`},C?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,E?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null):""},{disabled:f})),p&&w(p)?React__default.createElement(FormHint,{text:p,variant:"error",className:`${hintStyles}`}):"",o&&w(o)?React__default.createElement(FormHint,{text:o,variant:"success",className:`${hintStyles}`}):"",n&&w(n)?React__default.createElement(FormHint,{text:n,className:`${hintStyles}`}):"")};Textarea.propTypes={name:PropTypes.string,label:PropTypes.string,value:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),id:PropTypes.string,placeholder:PropTypes.string,disabled:PropTypes.bool,readOnly:PropTypes.bool,required:PropTypes.bool,invalid:PropTypes.bool,valid:PropTypes.bool,autoFocus:PropTypes.bool,className:PropTypes.string,autoComplete:PropTypes.string,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func,helptext:PropTypes.node,successtext:PropTypes.node,errortext:PropTypes.node,width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const TextareaRow=a=>{let{value:c="",name:d=null,label:e=null,id:f=null,placeholder:g=null,required:h=null,invalid:i=!1,errortext:j="",valid:k=!1,successtext:l="",helptext:m=null,className:n="",disabled:o=null,onChange:p=void 0,...b}=a;return React__default.createElement(FormRow,null,React__default.createElement(Textarea,_extends({value:c,name:d,id:f,label:e,required:h,placeholder:g,disabled:o,invalid:i,valid:k,onChange:p,errortext:j,helptext:m,successtext:l,className:n},b)))};TextareaRow.propTypes={value:PropTypes.string,name:PropTypes.string,label:PropTypes.string,id:PropTypes.string,helptext:PropTypes.node,placeholder:PropTypes.string,required:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,valid:PropTypes.bool,successtext:PropTypes.string,className:PropTypes.string,disabled:PropTypes.bool,onChange:PropTypes.func};var TextareaRow_component=withDeprecationWarning(TextareaRow,"TextareaRow is deprecated and will be removed in future versions. To be future-proof, use Textarea instead.");export{TextareaRow_component as T};

package/build/TextareaRow.js

@@ -1 +0,0 @@
-export{T as TextareaRow}from"./TextareaRow.component-DcyMqrAg.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-OkQblu_q.js";

package/build/ThemeToggle.component-C15TCL63.js

@@ -1,17 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{a as StyleProvider}from"./StyleProvider.component-CqbWBDF7.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const toggleStyles=`
-  jn-inline-flex 
-  jn-justify-center 
-  jn-items-center
-  jn-rounded
-  jn-py-[0.4375rem]
-  jn-px-[0.625rem]
-  hover:jn-text-theme-accent
-  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
-  active:jn-bg-theme-background-lvl-4
-`,ThemeToggle=a=>{let{className:f="",disabled:g=!1,id:b,name:c,onToggleTheme:d,...e}=a;const h=StyleProvider.useStyles();h||console.warn("Juno ThemeToggle requires a StyleProvider context in order to work. Use ThemeToggle in a Juno AppShell or include StyleProvider manually.");const{currentTheme:i,setThemeClass:j}=h||{};return React__default.createElement(Icon,_extends({className:`juno-theme-toggle ${toggleStyles} ${f}`,disabled:g,icon:"theme-light"===i?"nightsStay":"wbSunny",id:b,name:c,onClick:()=>{const a="theme-dark"===i?"theme-light":"theme-dark";j&&j(a),d&&d(a)}},e))};ThemeToggle.propTypes={className:PropTypes.string,disabled:PropTypes.bool,id:PropTypes.string,name:PropTypes.string,onToggleTheme:PropTypes.func};export{ThemeToggle as T};

package/build/ThemeToggle.js

@@ -1 +0,0 @@
-export{T as ThemeToggle}from"./ThemeToggle.component-C15TCL63.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./StyleProvider.component-CqbWBDF7.js";import"react-dom";import"./ibm-plex-DkmjUb78.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";

package/build/Toast.component-x0WA9szy.js

@@ -1,12 +0,0 @@
-import React__default,{useState,useEffect}from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";const toastStyles=`
-    jn-bg-theme-background-lvl-1
-    jn-text-theme-high 
-    jn-inline-flex	
-    jn-items-start
-    jn-p-2
-    jn-mb-8
-    jn-rounded
-`,toastStylesText=`
-    jn-mx-4
-    jn-max-w-full
-`,getMuiIcon=a=>"error"===a?"dangerous":a,Toast=a=>{let{variant:d="info",children:e=null,text:f="",autoDismiss:g=!1,autoDismissTimeout:h=1e4,onDismiss:b,className:i="",...c}=a;const[j,k]=useState(!0),l=React__default.useRef(setTimeout(()=>m(),h));React__default.useEffect(()=>()=>clearTimeout(l.current),[]),useEffect(()=>{g&&(clearTimeout(l.current),l.current=setTimeout(()=>m(),h))},[g,h]);const m=()=>{k(!1),b&&b()};return React__default.createElement(React__default.Fragment,null,j&&(React__default.createElement("div",{className:`juno-toast juno-toast-${d} ${toastStyles} ${i}`,...c},React__default.createElement(Icon,{icon:getMuiIcon(d),color:"jn-text-theme-"+d,className:"jn-shrink-0"}),React__default.createElement("div",{className:`juno-toast-text ${toastStylesText}`},e?e:f),React__default.createElement(Icon,{icon:"close",onClick:m,className:"juno-message-close-button jn-opacity-50 hover:jn-opacity-100 jn-shrink-0"}))))};export{Toast as T};

package/build/Toast.js

@@ -1 +0,0 @@
-export{T as Toast}from"./Toast.component-x0WA9szy.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";