@cloudoperators/juno-ui-components 2.31.0 → 2.32.0

package/build/Select.component-CwIj9-lM.js

@@ -0,0 +1,64 @@
+import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";const labelStyles=`
+  jn-no-wrap
+  jn-pointer-events-none
+  jn-top-2
+  jn-left-4
+`,toggleStyles=`
+  jn-appearance-none
+  jn-h-[2.375rem]
+  jn-inline-flex
+  jn-items-center
+  jn-px-4
+  jn-rounded-3px
+  jn-select-none
+  jn-text-base
+  focus:jn-outline-none
+  focus:jn-ring-2
+  focus:jn-ring-theme-focus
+`,validToggleStyles=`
+  jn-border
+  jn-border-theme-success
+`,invalidToggleStyles=`
+  jn-border
+  jn-border-theme-error
+`,centeredIconStyles=`
+  jn-absolute
+  jn-top-1/2
+  jn-left-1/2
+  jn-translate-y-[-50%]
+  jn-translate-x-[-0.75rem]
+`,menuStyles=`
+  jn-rounded
+  jn-bg-theme-background-lvl-1
+  jn-w-full
+  jn-overflow-y-auto
+`,truncateStyles=`
+  jn-block
+  jn-h-6
+  jn-overflow-hidden
+  jn-text-ellipsis
+  jn-whitespace-nowrap
+`,SelectContext=createContext(void 0),Select=a=>{function b(a){if(u)return U(a)||i||a.join(", ")||v;else{const b=G.get(a);return b?b.displayName||i||a||v:i||a||v}}let{ariaLabel:k="",children:l=null,className:m="",defaultValue:c,disabled:n=!1,error:o=!1,errortext:p="",helptext:q="",id:r="",invalid:s=!1,label:d,loading:t=!1,multiple:u=!1,name:e,onChange:f,onValueChange:g,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:h,valueLabel:i,variant:A="default",width:B="full",wrapperClassName:C="",...j}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=r||(()=>"juno-select-"+useId())(),F="juno-select-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(!1),[K,L]=useState(!1),[M,N]=useState(!1),[O,P]=useState(!1),Q=useMemo(()=>s||!!(p&&D(p)),[s,p]),R=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{J(o)},[o]),useEffect(()=>{L(Q)},[Q]),useEffect(()=>{N(R)},[R]),useEffect(()=>{P(t)},[t]);const S=usePortalRef(),T=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["bottom","top"]}),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"})}}),shift()],U=a=>{const b=a=>{const b=G.get(a);if(b)return b.displayName?.length?b.displayName:null},c=a.map(a=>b(a)).filter(a=>a&&0<a.toString().trim().length);return c.join(", ")};return React__default.createElement(SelectContext.Provider,{value:{truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c,displayName:c||b||a}))}}},React__default.createElement("div",{className:`
+          juno-select-wrapper 
+          jn-relative
+          ${"auto"==B?"jn-inline-block":"jn-block"}
+          ${"auto"==B?"jn-w-auto":"jn-w-full"}
+          ${C}
+        `},React__default.createElement(It,{disabled:n||O||I,multiple:u,name:e,onChange:a=>{f&&f(a||""),g&&g(a||"")},value:h,defaultValue:c},d&&D(d)?(React__default.createElement(It.Label,{as:Label,htmlFor:E,text:d,className:`${labelStyles}`,disabled:n||O||I,required:w,floating:!0,minimized:!0})):"",React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:T},React__default.createElement(pr.Reference,null,React__default.createElement(It.Button,{"aria-describedby":q?F:"","aria-label":k||d,as:"button",id:E,className:`
+                    juno-select-toggle
+                    ${A&&A.length?"juno-select-toggle-"+A:"juno-select-toggle-default"}
+                    ${"auto"==B?"jn-w-auto":"jn-w-full"}
+                    ${toggleStyles}
+                    ${d&&D(d)?"jn-pt-[0.4rem]":""}
+                    ${n?"juno-select-disabled jn-opacity-50 jn-cursor-not-allowed":""}
+                    ${O||I?"jn-justify-center":"jn-justify-between"}
+                    ${K?"juno-select-invalid "+invalidToggleStyles:""} 
+                    ${M?"juno-select-valid "+validToggleStyles:""}  
+                    
+                    ${O?"juno-select-loading jn-cursor-not-allowed":""}
+                    ${I?"juno-select-error jn-cursor-not-allowed":""}
+                    ${m}
+                  `,...j},a=>{let{open:c,value:d}=a;return I||O?(React__default.createElement("span",{className:`${centeredIconStyles}`},I?(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):O?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):"")):(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:`${truncateStyles}`},b(d)),React__default.createElement("span",{className:"jn-flex"},M?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",K?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:c?"expandLess":"expandMore"})))))})),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:`
+                        juno-select-menu
+                        ${menuStyles}
+                      `},l)),S?S:document.body))),p&&D(p)?React__default.createElement(FormHint,{text:p,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",q&&D(q)?React__default.createElement(FormHint,{text:q,id:F}):""))};export{Select as S,SelectContext as a};

package/build/Select.js

@@ -1 +1 @@
-export{S as Select}from"./Select.component-zF_9SDqa.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-B30ehV71.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-nShveTMU.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
+export{S as Select}from"./Select.component-CwIj9-lM.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";

package/build/SelectOption.js

@@ -1 +1,42 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-zF_9SDqa.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{I as It}from"./listbox-CbPsJ3A1.js";import"./Label.component-TbF3yilt.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-B30ehV71.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-nShveTMU.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";var optionStyles="\n  jn-flex\n  jn-pt-[0.6875rem]\n  jn-pb-[0.5rem]\n  jn-pr-[0.875rem]\n  jn-select-none\n  data-[headlessui-state=active]:jn-outline-none\n  data-[headlessui-state=active]:jn-ring-2\n  data-[headlessui-state=active]:jn-ring-inset\n  data-[headlessui-state=active]:jn-ring-theme-focus\n  data-[headlessui-state=active]:jn-bg-theme-background-lvl-3\n",unselectedOptionStyles="\n  jn-text-theme-default\n  jn-pl-[2.375rem]\n",selectedOptionStyles="\n  jn-text-theme-accent\n  jn-pl-3.5\n",selectedIconStyles="\n  jn-inline-block\n  jn-mr-1.5\n  jn-overflow-auto\n",disabledOptionLabelStyles="\n  jn-opacity-50\n  jn-cursor-not-allowed\n",truncateOptionStyles="\n  jn-block\n  jn-h-6\n  jn-overflow-hidden\n  jn-text-ellipsis\n  jn-whitespace-nowrap\n",SelectOption=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=a.disabled,f=void 0!==e&&e,g=a.value,h=void 0===g?"":g,i=a.label,j=__rest(a,["children","className","disabled","value","label"]),k=useContext(SelectContext),l=k||{truncateOptions:!1,addOptionValueAndLabel:function(){}},m=l.truncateOptions,n=l.addOptionValueAndLabel;return useEffect(function(){n(h,i,b)},[h,i,b]),(React__default.createElement(It.Option,{as:Fragment,disabled:f,value:h||b},function(a){var c=a.selected;return React__default.createElement("li",__assign({className:"\n          juno-select-option \n          jn-min-h-[2.5rem]\n          ".concat(optionStyles,"\n          ").concat(c?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles,"\n          ").concat(f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n          ").concat(m?"juno-select-option-truncate":"","\n          ").concat(d,"\n        ")},j),c?React__default.createElement(Icon,{icon:"check",size:"18",className:selectedIconStyles}):"",React__default.createElement("span",{className:"\n            ".concat(f?disabledOptionLabelStyles:"","\n            ").concat(m?truncateOptionStyles:"","\n          ")},b||i||h))}))};export{SelectOption};
+import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-CwIj9-lM.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{I as It}from"./listbox-CbPsJ3A1.js";import"./Label.component-BYZfB1oK.js";import"./Spinner.component-CO095KvL.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";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||{truncateOptions:!1,addOptionValueAndLabel:()=>{}};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",{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))}))};export{SelectOption};

package/build/ShadowRoot.component-DU_Ra-K3.js

@@ -0,0 +1 @@
+import ReactDOM__default from"react-dom";import React__default,{useRef,useState}from"react";const ShadowRoot=a=>{let{mode:b="open",delegatesFocus:c=!1,children:d=null}=a;const e=useRef(null),[f,g]=useState();return React__default.useEffect(()=>{e.current&&g(e.current.attachShadow({delegatesFocus:c,mode:b}))},[]),(React__default.createElement("div",{ref:e,"data-shadow-host":"true",style:{height:"100%"}},f&&ReactDOM__default.createPortal(d,f)))};export{ShadowRoot as S};

package/build/ShadowRoot.js

@@ -1 +1 @@
-export{S as ShadowRoot}from"./ShadowRoot.component-DZn4gLKB.js";import"react-dom";import"react";
+export{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";import"react-dom";import"react";

package/build/SideNavigation.component-D9IErRcv.js

@@ -0,0 +1,4 @@
+import React__default from"react";import{N as Navigation}from"./Navigation.component-DaabNHev.js";const sideNavStyles=`
+  jn-min-w-[7.5rem]
+  jn-max-w-[20rem]
+`,SideNavigation=a=>{let{activeItem:e="",ariaLabel:b,children:f=null,className:g="",disabled:h=!1,onActiveItemChange:c,...d}=a;return React__default.createElement(Navigation,{activeItem:e,ariaLabel:b,className:`juno-sidenavigation ${sideNavStyles} ${g}`,disabled:h,onActiveItemChange:c,...d},f)};export{SideNavigation as S};

package/build/SideNavigation.js

@@ -1 +1 @@
-export{S as SideNavigation}from"./SideNavigation.component-D9A0_YjX.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Navigation.component-Q2fi8-qR.js";
+export{S as SideNavigation}from"./SideNavigation.component-D9IErRcv.js";import"react";import"./Navigation.component-DaabNHev.js";

package/build/SideNavigationItem.component-5ChkLMgz.js

@@ -0,0 +1,17 @@
+import React__default from"react";import{N as NavigationItem}from"./NavigationItem.component-DI0SMWsi.js";const sideNavItemStyles=`
+  jn-flex
+  jn-items-center
+  jn-w-full
+  jn-py-1.5
+  jn-px-8
+  jn-text-theme-default
+  jn-font-bold
+  jn-cursor-pointer
+  focus-visible:jn-outline-none
+  focus-visible:jn-ring-2
+  focus-visible:jn-ring-theme-focus
+`,sideNavActiveItemStyles=`
+  jn-font-bold
+  jn-text-theme-sidenavigation-item-active
+  jn-bg-theme-sidenavigation-item-active
+`,SideNavigationItem=a=>{let{active:e=!1,ariaLabel:f="",children:b,className:g="",disabled:h=!1,icon:i=null,label:j="",href:k="",onClick:c,value:l="",...d}=a;return React__default.createElement(NavigationItem,{active:e,activeItemStyles:sideNavActiveItemStyles,ariaLabel:f,className:`juno-sidenavigation-item ${sideNavItemStyles} ${g}`,disabled:h,icon:i,label:j,href:k,onClick:c,value:l,...d},b)};export{SideNavigationItem as S};

package/build/SideNavigationItem.js

@@ -1 +1 @@
-export{S as SideNavigationItem}from"./SideNavigationItem.component-EiOe7rV_.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./NavigationItem.component-DcH7SF-F.js";import"./Navigation.component-Q2fi8-qR.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+export{S as SideNavigationItem}from"./SideNavigationItem.component-5ChkLMgz.js";import"react";import"./NavigationItem.component-DI0SMWsi.js";import"./Navigation.component-DaabNHev.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/Spinner.component-CO095KvL.js

@@ -0,0 +1,16 @@
+import React__default from"react";const spinnerBaseStyles=`
+  jn-animate-spin 
+  jn-mr-3 
+  jn-h-5 
+  jn-w-5 
+`,primary=`
+  jn-text-theme-accent
+`,danger=`
+  jn-text-theme-danger 
+`,success=`
+  jn-text-theme-success
+`,warning=`
+  jn-text-theme-warning  
+`,defaultColor=`
+  jn-text-theme-on-default
+`,Spinner=a=>{let{variant:c="default",size:d=null,className:e="",color:f="",...b}=a;const g=a=>"small"===a?"1rem":"large"===a?"3rem":a,h=d?{width:g(d),height:g(d)}:{};return React__default.createElement("svg",{className:`juno-spinner ${spinnerBaseStyles} ${f?f:(()=>"primary"===c?primary:"danger"===c?danger:"success"===c?success:"warning"===c?warning:defaultColor)()} ${e}`,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",style:h,role:"progressbar",...b},React__default.createElement("circle",{className:"jn-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),React__default.createElement("path",{className:"jn-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"}))};export{Spinner as S};

package/build/Spinner.js

@@ -1 +1 @@
-export{S as Spinner}from"./Spinner.component-B_OKKh5D.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{S as Spinner}from"./Spinner.component-CO095KvL.js";import"react";

package/build/Stack.component-Pe-1jf3W.js

@@ -0,0 +1,5 @@
+import React__default from"react";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",{className:`juno-stack ${baseStack(c,d,g)} ${alignItems(e)} ${justifyItems(f)} ${h||""}`,...b},i)};export{Stack as S};

package/build/Stack.js

@@ -1 +1 @@
-export{S as Stack}from"./Stack.component-BNRLhyTo.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{S as Stack}from"./Stack.component-Pe-1jf3W.js";import"react";

package/build/StyleProvider.js

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

@@ -0,0 +1,54 @@
+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 +1 @@
-export{S as Switch}from"./Switch.component-BxCFYGD_.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
+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/Tab.component-SEUcCOS8.js

@@ -0,0 +1,16 @@
+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 +1 @@
-export{T as Tab}from"./Tab.component-o-IJCaGX.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+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

@@ -0,0 +1,12 @@
+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 +1 @@
-export{T as TabList}from"./TabList.component-DeI4QJVH.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";import"./Tabs.component-NQTjUypo.js";
+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

@@ -0,0 +1,8 @@
+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 +1 @@
-export{T as TabNavigation}from"./TabNavigation.component-DlfET9Dg.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Navigation.component-Q2fi8-qR.js";
+export{T as TabNavigation}from"./TabNavigation.component-Cc2F9AVl.js";import"react";import"./Navigation.component-DaabNHev.js";

package/build/TabNavigationItem.component-D9KvESL0.js

@@ -0,0 +1,22 @@
+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 +1 @@
-export{T as TabNavigationItem}from"./TabNavigationItem.component-CgTEvAMf.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./NavigationItem.component-DcH7SF-F.js";import"./Navigation.component-Q2fi8-qR.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./TabNavigation.component-DlfET9Dg.js";
+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.component-DlnS5hSa.js

@@ -0,0 +1 @@
+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 +1 @@
-export{T as TabPanel}from"./TabPanel.component-CSMpnrRv.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";
+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

@@ -0,0 +1 @@
+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 +1 @@
-export{T as Tabs}from"./Tabs.component-NQTjUypo.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./TabPanel-B6oG_h5d.js";import"prop-types";
+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

@@ -0,0 +1,59 @@
+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.js

@@ -1 +1 @@
-export{T as TextInput}from"./TextInput.component-D1qpmHfA.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
+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/Textarea.component-DgYR9jem.js

@@ -0,0 +1,58 @@
+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 +1 @@
-export{T as Textarea}from"./Textarea.component-BrJM-k2b.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
+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/{Textarea.component-4fIvQVeJ.js → TextareaRow.component-DSJ_PFIw.js}

@@ -1,4 +1,4 @@
-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 wrapperStyles=`
+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{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const wrapperStyles=`
   jn-inline-block
   jn-relative
 `,textareastyles=`
@@ -55,4 +55,4 @@ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React_
             ${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};export{Textarea as T};
+          `},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 +1 @@
-export{T as TextareaRow}from"./TextareaRow.component-DfVYxpvo.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Textarea.component-4fIvQVeJ.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
+export{T as TextareaRow}from"./TextareaRow.component-DSJ_PFIw.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-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";

package/build/Toast.component-x0WA9szy.js

@@ -0,0 +1,12 @@
+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 +1 @@
-export{T as Toast}from"./Toast.component-Ck1OSJRg.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+export{T as Toast}from"./Toast.component-x0WA9szy.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";