@cloudoperators/juno-ui-components 2.31.0 → 2.32.0

package/build/ModalFooter.component-BK0doJJO.js

@@ -0,0 +1,11 @@
+import React__default from"react";import{B as Button}from"./Button.component-liw0UuGT.js";import{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";const modalfooterstyles=`
+	jn-flex
+	jn-flex-row
+	jn-border-t
+	jn-border-theme-background-lvl-4
+	jn-py-2
+	jn-px-8
+`,defaultmodalfooterstyles=`
+	jn-justify-end
+	jn-gap-3.5
+`,ModalFooter=a=>{let{children:e=null,confirmButtonLabel:f="",cancelButtonLabel:g="",confirmButtonIcon:h=null,cancelButtonIcon:i=null,onConfirm:b,onCancel:c,className:j="",...d}=a;const k=a=>{c&&c(a)};return React__default.createElement("div",{className:`juno-modal-footer ${modalfooterstyles} ${e?null:defaultmodalfooterstyles} ${j} `,...d},e?e:f||b?(React__default.createElement(ButtonRow,null,React__default.createElement(Button,{variant:"primary",label:f||"Confirm",icon:h||void 0,onClick:a=>{b&&b(a)}}),React__default.createElement(Button,{variant:"subdued",label:g||"Cancel",icon:i||void 0,onClick:k}))):(React__default.createElement(ButtonRow,null,React__default.createElement(Button,{variant:"subdued",onClick:k,label:g||"Close",icon:i||void 0}))))};export{ModalFooter as M};

package/build/ModalFooter.js

@@ -1 +1 @@
-export{M as ModalFooter}from"./ModalFooter.component-vqu5JEqH.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Button.component-Ck0-XKMD.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";import"./ButtonRow.component-CgfANnke.js";import"./Stack.component-BNRLhyTo.js";
+export{M as ModalFooter}from"./ModalFooter.component-BK0doJJO.js";import"react";import"./Button.component-liw0UuGT.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./ButtonRow.component-CzhKhK_N.js";import"./Stack.component-Pe-1jf3W.js";

package/build/NativeSelect.component-BaWaK11P.js

@@ -0,0 +1,63 @@
+import React__default,{useState,useEffect}from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";const selectBaseClasses=`
+  jn-w-full
+  jn-bg-theme-select
+  jn-text-theme-high
+  jn-appearance-none
+  jn-text-base
+  jn-pl-4
+  jn-h-[2.375rem]
+  jn-rounded-3px
+  jn-bg-icon-arrow-down
+  jn-bg-right
+  jn-bg-no-repeat
+  focus:jn-outline-none
+  focus:jn-ring-2
+  focus:jn-ring-theme-focus
+  disabled:jn-opacity-50
+`,wrapperBaseClasses=`jn-relative`,iconBaseClasses=`
+  jn-absolute
+  jn-flex
+  jn-right-2
+  jn-top-1.5
+  jn-pointer-events-none
+`,iconDisabledClasses=`jn-opacity-50`,borderErrorClasses=`jn-border jn-border-theme-error`,borderSuccessClasses=`jn-border jn-border-theme-success`,stateClasses={loading:`
+    jn-absolute
+    jn-top-0
+    jn-right-0
+    jn-bottom-0
+    jn-left-0
+    jn-text-center
+    jn-bg-theme-select
+    jn-text-theme-high
+    jn-text-base
+    jn-rounded-3px
+    jn-flex
+    jn-flex-col
+    jn-justify-center
+    jn-select-none
+    jn-cursor-not-allowed
+  `,error:`
+    jn-absolute
+    jn-top-0
+    jn-right-0
+    jn-bottom-0
+    jn-left-0
+    jn-text-center
+    jn-bg-theme-select
+    jn-text-theme-high
+    jn-text-base
+    jn-rounded-3px
+    jn-flex
+    jn-flex-col
+    jn-justify-center
+    jn-select-none
+    jn-cursor-not-allowed
+  `,loadingSpinner:`jn-ml-auto jn-mr-auto`,errorIcon:`jn-ml-auto jn-mr-auto`,paddingIconRight:`jn-pr-[3.75rem]`,paddingDefaultRight:`jn-pr-9`},SelectIcons=a=>{let{isLoading:b,hasError:c,isInvalid:d,isValid:e,disabled:f}=a;return b?(React__default.createElement("div",{className:`juno-select-loading ${stateClasses.loading}`},React__default.createElement(Spinner,{className:stateClasses.loadingSpinner}))):c?(React__default.createElement("div",{className:`juno-select-error-text ${stateClasses.error}`},React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:stateClasses.errorIcon}))):(React__default.createElement("div",{className:`${iconBaseClasses} ${f?iconDisabledClasses:""}`},d&&React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}),e&&React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}),React__default.createElement(Icon,{icon:"expandMore"})))},NativeSelect=a=>{let{name:f="Unnamed Select",id:g="",children:b,className:h="",disabled:i=!1,invalid:j=!1,valid:k=!1,loading:l=!1,error:m=!1,onChange:c,onClick:d,wrapperClassName:n="",...e}=a;const[o,p]=useState(l),[q,r]=useState(k),[s,t]=useState(j),[u,v]=useState(m);useEffect(()=>p(l),[l]),useEffect(()=>r(k),[k]),useEffect(()=>t(j),[j]),useEffect(()=>v(m),[m]);const w=q||s?stateClasses.paddingIconRight:stateClasses.paddingDefaultRight;return React__default.createElement("div",{className:`juno-select-wrapper ${wrapperBaseClasses} ${n}`},React__default.createElement("select",{name:f,id:g,className:`
+          juno-select
+          ${selectBaseClasses}
+          ${s?"juno-select-invalid "+borderErrorClasses:""}
+          ${q?"juno-select-valid "+borderSuccessClasses:""}
+          ${u?"juno-select-error":""}
+          ${w}
+          ${h}
+        `,onChange:a=>c&&c(a),onClick:a=>d&&d(a),disabled:i||o||u,...e},b),React__default.createElement(SelectIcons,{isLoading:o,hasError:u,isInvalid:s,isValid:q,disabled:i}))};export{NativeSelect as N};

package/build/NativeSelect.js

@@ -1 +1 @@
-export{N as NativeSelect}from"./NativeSelect.component-BeYgemsP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";
+export{N as NativeSelect}from"./NativeSelect.component-BaWaK11P.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";

package/build/NativeSelectOption.component-BWRxjRz0.js

@@ -0,0 +1 @@
+import React__default from"react";const NativeSelectOption=a=>{let{value:b,label:c,disabled:e=!1,className:f="",...d}=a;return React__default.createElement("option",{value:b,disabled:e,className:`juno-select-option ${f}`,...d},c||b)};export{NativeSelectOption as N};

package/build/NativeSelectOption.js

@@ -1 +1 @@
-export{N as NativeSelectOption}from"./NativeSelectOption.component-CLFcWbs7.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{N as NativeSelectOption}from"./NativeSelectOption.component-BWRxjRz0.js";import"react";

package/build/NativeSelectOptionGroup.component-GFuGvLsz.js

@@ -0,0 +1 @@
+import React__default from"react";const NativeSelectOptionGroup=a=>{let{label:d="",disabled:e=!1,className:f="",children:b,...c}=a;return React__default.createElement("optgroup",{label:d,disabled:e,className:`juno-select-option-group ${f}`,...c},b)};export{NativeSelectOptionGroup as N};

package/build/NativeSelectOptionGroup.js

@@ -1 +1 @@
-export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-B9j74Fm2.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-GFuGvLsz.js";import"react";

package/build/Navigation.component-DaabNHev.js

@@ -0,0 +1,3 @@
+import React__default,{createContext,useState,useEffect}from"react";const NavigationContext=createContext(void 0),Navigation=a=>{let{activeItem:d="",ariaLabel:e="",children:f=null,className:g="",disabled:h=!1,onActiveItemChange:b,...c}=a;const[i,j]=useState(""),[k,l]=useState(new Map),m=a=>{const b=["value","children","label"],c=Array.from(k.keys());if(c.includes(a))return a;else{let d;for(const e of c){const c=k.get(e);b.forEach(b=>{c&&c[b]===a&&(d=c.id)})}return d}};useEffect(()=>{if(d){const a=m(d);j(a)}},[d]),useEffect(()=>{if(d){const a=m(d);j(a)}},[k]);return React__default.createElement(NavigationContext.Provider,{value:{activeItem:i,addItem:(a,b,c,d)=>{l(e=>new Map(e).set(a,{id:a,value:d,label:c,children:b,displayName:b||c||d}))},handleActiveItemChange:a=>{j(a),b&&b(a)},navigationDisabled:h}},React__default.createElement("ul",{"aria-disabled":!!h,"aria-label":e&&e.length?e:"",className:`juno-navigation 
+          ${h?"juno-navigation-disabled":""} 
+          ${g}`,role:"navigation",...c},f))};export{Navigation as N,NavigationContext as a};

package/build/Navigation.js

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

package/build/NavigationItem.component-DI0SMWsi.js

@@ -0,0 +1,19 @@
+import React__default,{useContext,useState,useEffect}from"react";import{a as NavigationContext}from"./Navigation.component-DaabNHev.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";const itemStyles=`
+  jn-flex
+  jn-items-center
+`,disabledStyles=`
+  jn-opacity-50
+  jn-cursor-not-allowed
+`,NavigationItem=a=>{let{active:d=!1,activeItemStyles:e="",ariaLabel:f="",children:g=null,className:h="",disabled:i=!1,icon:j=null,inactiveItemStyles:k="",label:l="",href:m="",onClick:b,value:n="",wrapperClassName:o="",...c}=a;const p=a=>"string"!=typeof a||0!==a.trim().length,q=useContext(NavigationContext),r=n||g||l,{activeItem:s,addItem:t,handleActiveItemChange:u,navigationDisabled:v,navigationRole:w}=q||{},x=()=>q?.activeItem&&p(q?.activeItem)?s===r:d,[y,z]=useState(()=>x());useEffect(()=>{t?t(r,g,l,n):void 0},[g,l,n]),useEffect(()=>s?void(s===r?z(!0):z(!1)):void z(d),[s,d]);const A=a=>{i?a.preventDefault():(!y&&u&&"function"==typeof u&&u(r),b&&b(a))};return React__default.createElement("li",{className:`juno-navigation-item-wrapper ${o}`},m&&m.length?(React__default.createElement("a",{"aria-disabled":!!(v||i)||void 0,"aria-label":f&&f.length?f:void 0,"aria-selected":!!y||void 0,className:`
+            juno-navigation-item 
+            ${itemStyles}
+            ${w?"juno-"+w.toLowerCase()+"-item "+(y?"juno-"+w.toLowerCase()+"-item-active":""):""}
+            ${y?"juno-navigation-item-active "+e:k}
+            ${v||i?"juno-navigation-item-disabled "+disabledStyles:""}
+            ${h}`,"data-value":n&&n.length?n:null,href:m,onClick:A,...c},j?React__default.createElement(Icon,{icon:j,size:"18",className:"jn-mr-2"}):"",g||l||n)):(React__default.createElement("button",{"aria-disabled":!!(v||i)||void 0,"aria-label":f&&f.length?f:void 0,"aria-selected":!!y||void 0,className:`
+            juno-navigation-item 
+            ${itemStyles}
+            ${w?"juno-"+w.toLowerCase()+"-item "+(y?"juno-"+w.toLowerCase()+"-item-active":""):""}
+            ${y?"juno-navigation-item-active "+e:k}
+            ${v||i?"juno-navigation-item-disabled "+disabledStyles:""}
+            ${h}`,"data-value":n&&n.length?n:null,disabled:v||i,onClick:A,...c},j?React__default.createElement(Icon,{icon:j,size:"18",className:"jn-mr-2"}):"",g||l||n)))};export{NavigationItem as N};

package/build/NavigationItem.js

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

package/build/PageFooter.component-CeD5DCjY.js

@@ -0,0 +1,18 @@
+import*as React from"react";import React__default from"react";var _path,_excluded=["title","titleId"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],b.includes(c)||{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(b.includes(d))continue;c[d]=a[d]}return c}var SvgCcloudShape=function(a){var b=a.title,c=a.titleId,d=_objectWithoutProperties(a,_excluded);return React.createElement("svg",_extends({width:59,height:42,viewBox:"0 0 59 42",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":c},d),b?React.createElement("title",{id:c},b):null,_path||(_path=React.createElement("path",{d:"M59.3825 11.1608C59.3545 11.1402 59.3267 11.1209 59.299 11.1029C56.8161 9.48915 53.8572 8.55235 50.6806 8.55235C49.5105 8.55235 48.3701 8.67944 47.272 8.92064C44.3685 3.66326 38.8166 0.108856 32.4447 0.108856C23.4894 0.108856 16.1537 7.12988 15.514 16.032L15.3487 16.0309L15.1066 16.0329C7.13468 16.1633 0.712036 22.728 0.712036 30.807C0.712036 35.0932 2.69502 38.9531 5.7492 41.6521H10.3029C6.42919 39.7347 3.75866 35.6852 3.75866 30.9998C3.75866 24.4639 8.95513 19.1655 15.3653 19.1655C16.2819 19.1655 17.1736 19.2738 18.0286 19.4792C17.9603 18.8925 17.9251 18.2952 17.9251 17.6896C17.9251 9.4705 24.4057 2.80763 32.4 2.80763C38.5297 2.80763 43.7695 6.72481 45.8801 12.2573C47.317 11.7139 48.8714 11.417 50.4937 11.417C53.699 11.417 56.6389 12.5758 58.9323 14.505C59.0819 14.6309 59.2321 14.8185 59.3825 15.0614V11.1608Z",fill:"#F0AB00"})))};const basePageFooter=`
+  jn-flex
+  jn-shrink-0
+  jn-grow-0
+  jn-basis-auto
+  jn-relative
+  jn-bg-theme-global-bg
+  jn-min-h-[3.25rem]
+  jn-pl-6
+  jn-pr-24
+  jn-py-5
+  jn-z-50
+`,logoStyles=`
+  jn-h-[2.625rem]
+  jn-absolute
+  jn-right-0
+  jn-bottom-0
+`,PageFooter=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",{className:`juno-pagefooter ${basePageFooter} ${c}`,role:"contentinfo",...b},d,React__default.createElement(SvgCcloudShape,{className:logoStyles,alt:"cloud shape"}))};export{PageFooter as P};

package/build/PageFooter.js

@@ -1 +1 @@
-export{P as PageFooter}from"./PageFooter.component-CrlDnfPd.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";import"react";

package/build/PageHeader.component-DqYR6Yyo.js

@@ -0,0 +1,33 @@
+import*as React from"react";import React__default from"react";var _path,_path2,_path3,_path4,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13,_path14,_path15,_path16,_path17,_path18,_defs,_excluded=["title","titleId"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],b.includes(c)||{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(b.includes(d))continue;c[d]=a[d]}return c}var SvgJunoUiLogo=function(a){var b=a.title,c=a.titleId,d=_objectWithoutProperties(a,_excluded);return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:49,height:41,fill:"none",viewBox:"0 0 49 41",alt:"Juno UI","aria-labelledby":c},d),b?React.createElement("title",{id:c},b):null,_path||(_path=React.createElement("path",{fill:"#0FA7B4",d:"M11.093 16 4 20.095l7.093 4.105 7.093-4.105L11.093 16Z"})),_path2||(_path2=React.createElement("path",{fill:"#000",fillRule:"evenodd",d:"m11.093 16.346 6.793 3.922v7.844l-6.793 3.922L4.3 28.112v-7.844l6.793-3.922ZM4 20.095 11.093 16l7.093 4.095v8.19l-7.093 4.095L4 28.285v-8.19Z",clipRule:"evenodd"})),_path3||(_path3=React.createElement("path",{fill:"#05646D",d:"M11.093 24.19v8.19l7.093-4.095v-8.19l-7.093 4.095Z"})),_path4||(_path4=React.createElement("path",{fill:"#05646D",d:"M11.093 24.19v8.19l7.093-4.095v-8.19l-7.093 4.095Z"})),_path5||(_path5=React.createElement("path",{fill:"#098590",d:"M11.093 24.19v8.19L4 28.285v-8.19l7.093 4.095Z"})),_path6||(_path6=React.createElement("path",{fill:"#15D0E0",fillRule:"evenodd",d:"M18.186 20.095 11.093 16 4 20.095v8.19l7.093 4.095 7.093-4.095v-8.19Zm-7.093-3.749 6.493 3.75-6.493 3.757L4.6 20.095l6.494-3.749Zm-.3 8.017L4.3 20.614v7.498l6.493 3.748v-7.497Zm7.093-3.749-6.493 3.749v7.497l6.492-3.748v-7.498Z",clipRule:"evenodd"})),_path7||(_path7=React.createElement("path",{fill:"#098590",d:"M24.402 36.76V20.38l-14.185-8.19v8.226l7.065 4.079v8.155l7.12 4.11Z"})),_path8||(_path8=React.createElement("path",{fill:"#0FA7B4",d:"m38.587 20.388-7.08 4.087v-8.19l7.08-4.087v-.008l-14.185 8.19v16.38l14.185-8.19v-8.182Z"})),_path9||(_path9=React.createElement("path",{fill:"#05646D",d:"M31.591 16.337v.064-8.254l-7.093 4.095 7.093 4.095Z"})),_path10||(_path10=React.createElement("path",{fill:"#02454B",d:"M31.51 16.285v8.19l7.092-4.095-7.093-4.095Z"})),_path11||(_path11=React.createElement("path",{fill:"#15D0E0",d:"M37.092 8 30 12.095v8.19l7.092 4.095 7.093-4.095v-8.19L37.092 8Z"})),_path12||(_path12=React.createElement("path",{fill:"#0FA7B4",d:"M37.092 16.19v8.19l7.093-4.095v-8.19l-7.093 4.095Z"})),_path13||(_path13=React.createElement("path",{fill:"#098590",d:"M37.092 16.19v8.19L30 20.285v-8.19l7.092 4.095Z"})),_path14||(_path14=React.createElement("path",{fill:"url(#a)",fillRule:"evenodd",d:"M44.185 12.095 37.092 8 30 12.095v8.19l7.092 4.095 7.093-4.095v-8.19Zm-7.093-3.749 6.493 3.75-6.493 3.757-6.493-3.758 6.493-3.749Zm-.3 8.017-6.493-3.749v7.497l6.493 3.75v-7.498Zm7.093-3.749-6.493 3.749v7.497l6.493-3.748v-7.498Z",clipRule:"evenodd"})),_path15||(_path15=React.createElement("path",{fill:"#0FA7B4",d:"m31.502 32.65-7.1 4.15V20.4l7.1-4.11v16.36Z"})),_path16||(_path16=React.createElement("path",{fill:"#15D0E0",d:"m24.502 12.25 7 4.04-7.1 4.11-14.2-8.2 14.2-8.2 7.2 4.15-7.1 4.1Z"})),_path17||(_path17=React.createElement("path",{fill:"url(#b)",fillRule:"evenodd",d:"M31.602 8.15 24.402 4l-14.184 8.191h-.001v.001l-.014.008.013.008v8.147l7.066 4.08v8.19l7.12 4.135V28.7v8.1l5.52-3.226 8.665-5.003v-5.054l-.3.173v4.707l-6.77 3.91.033-7.51 3.133-1.808-.3-.173-2.831 1.634v-.011h-.044v-8.154l1.19-.687v-.008l-1.203.695-6.773-3.908.006-.01-.214-.124 7.088-4.093Zm-6.9 28.127v-7.576l6.506-3.717v.011l.042-.024-.034 7.509-1.446.835-5.068 2.962Zm0-7.921 6.506-3.718v-7.84l-6.506 3.756v7.802Zm6.3-20.206-6.787 3.92-6.577-3.817 6.764-3.907 6.6 3.804Zm-7.096 4.087-6.568-3.811-6.535 3.774 6.199 3.58 6.904-3.543Zm.294.185-6.889 3.537 7.09 4.095 6.501-3.764-6.702-3.868Zm-6.618 20.055V24.26l-7.066-4.08v-7.47l13.586 7.844V36.24l-6.52-3.764Z",clipRule:"evenodd"})),_path18||(_path18=React.createElement("path",{fill:"url(#c)",d:"m34.376 14.622.007.004 4.204-2.428v-.008l-4.21 2.432Z"})),_defs||(_defs=React.createElement("defs",null,React.createElement("linearGradient",{id:"a",x1:24.093,x2:23.823,y1:36.799,y2:3.998,gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#05646D"}),React.createElement("stop",{offset:.613,stopColor:"#15D0E0"}),React.createElement("stop",{offset:1,stopColor:"#098590"})),React.createElement("linearGradient",{id:"b",x1:26.402,x2:15.344,y1:-1,y2:32.206,gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#127E88"}),React.createElement("stop",{offset:.539,stopColor:"#44F0FF"}),React.createElement("stop",{offset:1,stopColor:"#0B717A"})),React.createElement("linearGradient",{id:"c",x1:26.402,x2:15.344,y1:-1,y2:32.206,gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#127E88"}),React.createElement("stop",{offset:.539,stopColor:"#44F0FF"}),React.createElement("stop",{offset:1,stopColor:"#0B717A"})))))};const pageHeaderStyles=`
+  jn-min-h-[3.25rem]
+  jn-bg-juno-grey-blue-11
+  jn-sticky
+  jn-top-0
+  jn-px-6
+  jn-py-3
+  jn-z-50
+`,pageHeaderInnerStyles=`
+  jn-grid
+  jn-grid-cols-[minmax(0,max-content),1fr]
+  jn-gap-3
+  jn-h-7
+  jn-w-full
+  jn-items-center
+`,logoContainerStyles=`
+  jn-h-7
+  jn-max-w-xs
+  [&>*]:jn-w-min
+  [&>*]:jn-max-w-xs
+  [&>*]:jn-h-7
+  [&>*]:jn-object-contain
+`,contentContainerStyles=`
+  jn-grid
+  jn-grid-cols-[1fr,minmax(0,max-content)]
+`,optionsStyles=`
+  jn-flex
+  jn-flex-row
+  jn-items-center
+`,headingStyles=`
+  jn-text-lg
+  jn-text-theme-high
+`,PageHeader=a=>{let{heading:d=null,className:e="",children:f=null,logo:g=void 0,onClick:b,...c}=a;return React__default.createElement("div",{className:`juno-pageheader theme-dark ${pageHeaderStyles} ${e}`,role:"banner",...c},React__default.createElement("div",{className:`juno-pageheader-inner ${pageHeaderInnerStyles}`},React__default.createElement("div",{className:`juno-pageheader-logo-container ${logoContainerStyles}`},"function"==typeof g||React__default.isValidElement(g)&&g||(!0===g||g===void 0)&&React__default.createElement(SvgJunoUiLogo,{"data-testid":"default-logo",alt:""})),React__default.createElement("div",{className:`juno-pageheader-content-container ${contentContainerStyles}`},React__default.createElement("div",{className:`juno-pageheader-heading ${headingStyles} ${"function"==typeof b?"jn-cursor-pointer":""}`,onClick:b},d&&d),React__default.createElement("div",{className:`juno-pageheader-options ${optionsStyles}`},f))))};export{PageHeader as P};

package/build/PageHeader.js

@@ -1 +1 @@
-export{P as PageHeader}from"./PageHeader.component-QuQOQj_P.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import"react";

package/build/{Stack.component-fYvcWRNi.js → Pagination.component-CHvISPAw.js}

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

package/build/Pagination.js

@@ -1 +1 @@
-export{P as Pagination}from"./Pagination.component-D7vw3gPl.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Stack.component-fYvcWRNi.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Select.component-DNPTrdQs.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
+export{P as Pagination}from"./Pagination.component-CHvISPAw.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Select.component-DNPTrdQs.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";

package/build/Pill.component-BjuSYnxs.js

@@ -0,0 +1,28 @@
+import React__default from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";const pillStyles=a=>`
+    jn-inline-flex
+    jn-basis-auto
+    jn-shrink
+    jn-items-center
+    jn-flex-nowrap
+    jn-text-xs
+    jn-p-px
+    jn-border
+    jn-rounded
+    jn-border-theme-background-lvl-4
+    jn-group
+    ${a?"jn-cursor-pointer":""}
+  `,pillKeyStyles=a=>`
+    jn-bg-theme-background-lvl-4
+    jn-text-theme-high
+    ${a?"group-hover:jn-text-theme-highest":""}
+    jn-px-1
+    jn-py-0.5
+    jn-rounded-sm
+    jn-inline-block
+  `,pillValueStyles=a=>`
+    jn-px-1
+    jn-py-0.5
+    jn-text-theme-high
+    ${a?"group-hover:jn-text-theme-highest":""}
+    jn-inline-block
+  `,Pill=a=>{let{uid:c="",pillKey:d="",pillKeyLabel:e="",pillValue:f="",pillValueLabel:g="",closeable:h=!1,onClick:i=void 0,onClose:j=void 0,className:k="",...b}=a;const l=a=>{j&&j(a,c||d||f)},m=a=>{i&&i(a,c||d||f)};return React__default.createElement("div",{className:`juno-pill ${pillStyles(!!i)} ${k}`,...b},f||g?(React__default.createElement(React__default.Fragment,null,(e||d)&&(React__default.createElement("span",{className:`pill-key ${pillKeyStyles(!!i)}`,onClick:a=>m(a)},e||d)),React__default.createElement("span",{className:`pill-value ${pillValueStyles(!!i)}`,onClick:a=>m(a)},g||f))):(React__default.createElement("span",{className:`${pillValueStyles(!1)}`},"set pillValue or pillValueLabel")),h&&React__default.createElement(Icon,{icon:"close",size:18,onClick:a=>l(a)}))};export{Pill as P};

package/build/Pill.js

@@ -1 +1 @@
-export{P as Pill}from"./Pill.component-CLGgHKga.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+export{P as Pill}from"./Pill.component-BjuSYnxs.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/PortalProvider.component-CVldWJIG.js

@@ -0,0 +1 @@
+import React__default,{useContext,useState,useEffect,createContext,useRef}from"react";import{createPortal}from"react-dom";const portalStyles={position:"relative",zIndex:"1"},Portal=a=>{let{children:b=null}=a;const c=useContext(PortalContext),[d,e]=useState(!1);if(useEffect(()=>{c?.current&&e(!0)},[c]),!d)return null;const f=React__default.createElement("div",{className:`juno-portal`,style:portalStyles},b);return createPortal(f,c.current||document.body)};Portal.displayName="PortalProvider.Portal";const DEFAULT_PORTAL_ROOT_ID="juno-portal-root",PortalContext=createContext(void 0),portalRootStyles={position:"absolute",top:"0",left:"0",zIndex:"9999"};function usePortalRef(){const a=useContext(PortalContext),b=useRef(null),[c,d]=useState(!1);return useEffect(()=>{if(!a||!a?.current)return void console.warn("usePortalRef must be called inside a PortalProvider. You are probably using a component that renders a portal, e.g. Modal or Select. Make sure your app is wrapped in an AppShellProvider. Alternatively, a PortalProvider can be included manually.");const c=document.createElement("div");return c.style.position="relative",c.style.zIndex="1",c.classList.add("juno-portal"),a.current.append(c),b.current=c,d(!0),()=>{b.current&&a?.current&&(a.current.removeChild(b.current),b.current=null)}},[a]),b?.current?c?b.current:null:null}const PortalProvider=a=>{let{children:b=null,className:c="",id:d=DEFAULT_PORTAL_ROOT_ID}=a;const e=useRef(null),[f,g]=useState(!1);return useEffect(()=>{e.current&&g(!0)},[]),(React__default.createElement(PortalContext.Provider,{value:e},f&&b,React__default.createElement("div",{className:`juno-portal-root ${c}`,id:d,ref:e,style:portalRootStyles})))};PortalProvider.Portal=Portal;export{PortalContext as P,PortalProvider as a,usePortalRef as u};

package/build/PortalProvider.js

@@ -1 +1 @@
-export{P as PortalContext,a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";import"react";import"react-dom";
+export{P as PortalContext,a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import"react";import"react-dom";

package/build/Radio.component-DiZc-eBh.js

@@ -0,0 +1,67 @@
+import React__default,{useContext,useState,useMemo,useEffect,useId}from"react";import{a as RadioGroupContext}from"./RadioGroup.component-XH90kWYR.js";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-flex
+  jn-items-center
+`,inputstyles=`
+  jn-w-4
+  jn-h-4
+  jn-opacity-0
+  jn-z-50
+`,mockradiostyles=`
+  jn-relative
+  jn-w-4
+  jn-h-4
+  jn-rounded-full
+  jn-bg-theme-radio
+`,checkedstyles=`
+  jn-absolute
+  jn-block
+  jn-bg-theme-radio-checked
+  jn-rounded-full
+  jn-w-3
+  jn-h-3
+  jn-top-[1px]
+  jn-left-[1px]
+`,mockfocusradiostyles=`
+  jn-outline-none
+  jn-ring-2
+  jn-ring-theme-focus
+`,mockdisabledradiostyles=`
+  jn-opacity-50
+  jn-cursor-not-allowed
+`,noBorderStyles=`
+  jn-border
+  jn-border-transparent
+`,errorstyles=`
+  jn-border
+  jn-border-theme-error
+`,successstyles=`
+  jn-border
+  jn-border-theme-success
+`,labelStyles=`
+  jn-leading-0
+  jn-ml-2
+`,iconStyles=`
+  jn-ml-1
+`,hintStyles=`
+  jn-mt-0
+  jn-ml-6
+`,Radio=a=>{let{checked:c=!1,className:d="",disabled:e=!1,errortext:f="",helptext:g="",id:h=void 0,invalid:i=!1,label:j=void 0,name:k=void 0,onChange:l=void 0,onClick:m=void 0,required:n=!1,successtext:o="",valid:p=!1,value:q=void 0,...b}=a;const r=a=>"string"!=typeof a||0!==a.trim().length,s=useContext(RadioGroupContext),{selectedValue:t,onChange:u,name:v,updateSelectedValue:w,disabled:x}=s||{},y=()=>s?t===q:!!c,[z,A]=useState(()=>y()),[B,C]=useState(!1),[D,E]=useState(!1),[F,G]=useState(!1),H=useMemo(()=>i||!!(f&&r(f)),[i,f]),I=useMemo(()=>p||!!(o&&r(o)),[p,o]);useEffect(()=>{E(H)},[H]),useEffect(()=>{G(I)},[I]),useEffect(()=>{c&&s&&t===void 0&&w&&w(q)},[]),useEffect(()=>{t||A(c)},[c]);const J=()=>t?t===q:z,K=h||(()=>"juno-radio-"+useId())();return React__default.createElement("div",{className:`jn-radio-outer`},React__default.createElement("div",{className:`juno-radio-wrapper ${wrapperStyles}`},React__default.createElement("div",{className:`
+             juno-radio 
+             ${mockradiostyles} 
+             ${B?mockfocusradiostyles:""} 
+             ${e?mockdisabledradiostyles:""} 
+             ${D?errorstyles:""} 
+             ${F?successstyles:""} 
+             ${D||F?"":noBorderStyles}
+             ${d}
+           `,...b},React__default.createElement("input",{checked:J(),className:`
+              ${inputstyles} 
+              ${D?"juno-radio-invalid":""} 
+              ${F?"juno-radio-valid":""}
+            `,disabled:x||e,id:K,onBlur:()=>{C(!1)},onChange:()=>{A(!z),u&&"function"==typeof u&&t!==q&&u(q),l&&l(q)},onClick:a=>{m&&m(a)},onFocus:()=>{C(!0)},name:v||k,type:"radio",value:q}),J()?React__default.createElement("span",{className:`${checkedstyles}`}):""),j&&r(j)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{className:`${labelStyles}`,disabled:x||e,htmlFor:K,required:n,text:j}),D?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:`
+                    ${iconStyles}
+                    ${e?"jn-opacity-50":""}
+                  `})):"",F?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:`
+                    ${iconStyles}
+                    ${e?"jn-opacity-50":""}
+                  `})):"")):""),f&&r(f)?(React__default.createElement(FormHint,{text:f,variant:"error",className:`${hintStyles}`})):"",o&&r(o)?(React__default.createElement(FormHint,{text:o,variant:"success",className:`${hintStyles}`})):"",g&&r(g)?React__default.createElement(FormHint,{text:g,className:`${hintStyles}`}):"")};export{Radio as R};

package/build/Radio.js

@@ -1 +1 @@
-export{R as Radio}from"./Radio.component-qjlCYiuP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./RadioGroup.component-Cj0bQHOM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
+export{R as Radio}from"./Radio.component-DiZc-eBh.js";import"react";import"./RadioGroup.component-XH90kWYR.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";

package/build/RadioGroup.component-XH90kWYR.js

@@ -0,0 +1,33 @@
+import React__default,{createContext,useState,useMemo,useEffect,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 radiogroupstyles=`
+	jn-mb-4
+	last:jn-mb-0
+`,groupstyles=`
+	jn-relative
+	jn-rounded
+	jn-border
+	jn-py-1
+`,defaultgroupstyles=`
+	jn-border-transparent
+`,validgroupstyles=`
+	jn-border-theme-success
+	jn-px-2
+`,invalidgroupstyles=`
+	jn-border-theme-error
+	jn-px-2
+`,iconstyles=`
+	jn-absolute
+	jn-right-2
+	jn-top-1.5
+`,RadioGroupContext=createContext({}),RadioGroup=a=>{let{children:f=null,className:g="",disabled:h=!1,errortext:i="",helptext:j="",id:k="",invalid:l=!1,label:m="",name:b,onChange:c,required:n=!1,selected:d,successtext:o="",valid:p=!1,...e}=a;const q=a=>"string"!=typeof a||0!==a.trim().length,r=()=>"juno-radiogroup-"+useId(),s=b||r(),t=k||r(),[u,v]=useState(d),[w,x]=useState(!1),[y,z]=useState(!1),A=useMemo(()=>p||!!(o&&o.length),[p,o]),B=useMemo(()=>l||!!(i&&i.length),[l,i]);useEffect(()=>{x(A)},[A]),useEffect(()=>{z(B)},[B]),useEffect(()=>{d&&v(d)},[d]);return(React__default.createElement(RadioGroupContext.Provider,{value:{selectedValue:u,name:s,onChange:a=>{v(a),c&&c(a)},updateSelectedValue:a=>{v(a)},disabled:h}},React__default.createElement("div",{className:`
+          juno-radiogroup 
+          ${radiogroupstyles} 
+          ${w?"juno-radiogroup-valid":""} 
+          ${y?"juno-radiogroup-invalid":""} 
+          ${g}
+        `,id:t,role:"radiogroup",...e},m&&q(m)?(React__default.createElement(Label,{text:m,htmlFor:t,disabled:h,required:n})):"",React__default.createElement("div",{className:`
+            juno-checkbox-group-options 
+            ${groupstyles} 
+            ${w?validgroupstyles:""} 
+            ${y?invalidgroupstyles:""} 
+            ${w||y?"":defaultgroupstyles}
+          `},y?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:`${iconstyles}`}):"",w?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:`${iconstyles}`}):"",f),i&&q(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",o&&q(o)?React__default.createElement(FormHint,{text:o,variant:"success"}):"",j&&q(j)?React__default.createElement(FormHint,{text:j}):"")))};export{RadioGroup as R,RadioGroupContext as a};

package/build/RadioGroup.js

@@ -1 +1 @@
-export{R as RadioGroup}from"./RadioGroup.component-Cj0bQHOM.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{R as RadioGroup}from"./RadioGroup.component-XH90kWYR.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";

package/build/RadioRow.component-B-HE4xRC.js

@@ -0,0 +1 @@
+import React__default from"react";import{R as Radio}from"./Radio.component-DiZc-eBh.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-CsAFJ740.js";const RadioRow=a=>{let{value:d="",checked:e=!1,name:f=void 0,label:g=void 0,id:h=void 0,helptext:i="",className:j="",disabled:k=!1,required:l=!1,errortext:m="",valid:n=!1,invalid:b,successtext:o="",onChange:p=void 0,...c}=a;return React__default.createElement(Radio,{value:d,checked:e,name:f,label:g,id:h,helptext:i,disabled:k,required:l,invalid:b,valid:n,errortext:m,successtext:o,className:j,onChange:p,...c})};var RadioRow_component=withDeprecationWarning(RadioRow,"RadioRow is deprecated and will be removed in future versions. To be future-proof, use Radio instead.");export{RadioRow_component as R};

package/build/RadioRow.js

@@ -1 +1 @@
-export{R as RadioRow}from"./RadioRow.component-CqrB8Bvr.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Radio.component-qjlCYiuP.js";import"./RadioGroup.component-Cj0bQHOM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";import"./withDeprecationWarning.component-DQTD5UdI.js";
+export{R as RadioRow}from"./RadioRow.component-B-HE4xRC.js";import"react";import"./Radio.component-DiZc-eBh.js";import"./RadioGroup.component-XH90kWYR.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";import"./withDeprecationWarning.component-CsAFJ740.js";

package/build/SearchInput.component-QwymruVn.js

@@ -0,0 +1 @@
+import React__default,{useState,useEffect,useCallback}from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";const getWrapperStyles=a=>{return"rounded"===a?`${"jn-relative jn-inline-block jn-win-max"} jn-w-auto`:"hero"===a?`${"jn-relative jn-inline-block jn-win-max"} jn-w-full`:`${"jn-relative jn-inline-block jn-win-max"} jn-w-auto`},getSearchStyles=a=>{const b="jn-rounded-full focus:jn-rounded-full";return"rounded"===a?`${"\n    jn-bg-theme-textinput\n    jn-text-theme-high\n    jn-shadow\n    jn-w-full\n    focus:jn-outline-none\n    focus:jn-ring-2\n    focus:jn-ring-theme-focus\n    disabled:jn-cursor-not-allowed\n    disabled:jn-opacity-50\n  "} ${b} jn-text-base jn-w-auto jn-pl-3 jn-pr-16 jn-py-1`:"hero"===a?`${"\n    jn-bg-theme-textinput\n    jn-text-theme-high\n    jn-shadow\n    jn-w-full\n    focus:jn-outline-none\n    focus:jn-ring-2\n    focus:jn-ring-theme-focus\n    disabled:jn-cursor-not-allowed\n    disabled:jn-opacity-50\n  "} ${b} jn-text-lg jn-w-full jn-pl-6 jn-pr-20 jn-py-2.5`:`${"\n    jn-bg-theme-textinput\n    jn-text-theme-high\n    jn-shadow\n    jn-w-full\n    focus:jn-outline-none\n    focus:jn-ring-2\n    focus:jn-ring-theme-focus\n    disabled:jn-cursor-not-allowed\n    disabled:jn-opacity-50\n  "} jn-rounded jn-text-base jn-leading-4 jn-pl-4 jn-pr-16 jn-py-2.5`},getIconWrapperStyles=a=>"rounded"===a?"jn-absolute jn-inline-flex jn-right-3 jn-top-1":"hero"===a?"jn-absolute jn-inline-flex jn-right-5":"jn-absolute jn-inline-flex jn-right-3 jn-top-2",getClearIconStyles=a=>"hero"===a?"jn-mr-2.5":"jn-mr-2",getClearIconSize=a=>"hero"===a?"24":"18",SearchInput=a=>{let{value:h="",name:i="search",variant:j="default",disabled:k=!1,clear:l=!0,onSearch:b,onChange:c,onClick:d,onKeyPress:e,onClear:f,autoComplete:m="off",placeholder:n="Search\u2026",className:o="",...g}=a;const[p,q]=useState(h);useEffect(()=>{q(h)},[h]);const r=useCallback(a=>{q(a.target.value),c?.(a)},[c]),s=useCallback(a=>{"Enter"===a.key&&b&&b(p),e?.(a)},[b,e,p]),t=useCallback(a=>{b?.(p),d?.(a)},[b,d,p]),u=useCallback(a=>{q(""),f?.(a)},[f]);return React__default.createElement("div",{className:`juno-search-input-wrapper ${getWrapperStyles(j)} ${o}`,role:"search"},React__default.createElement(Stack,{gap:"2",alignment:"center"},React__default.createElement("input",{type:"search",name:i,placeholder:n,disabled:k,value:p,autoComplete:m,className:`juno-search-input ${getSearchStyles(j)}`,onChange:r,onKeyPress:s,...g}),React__default.createElement("div",{className:getIconWrapperStyles(j)},l&&0<p?.length&&(React__default.createElement(Icon,{icon:"close",size:getClearIconSize(j),title:"Clear",className:getClearIconStyles(j),onClick:u,disabled:k})),React__default.createElement(Icon,{icon:"search",title:"Search",onClick:t,disabled:k}))))};export{SearchInput as S};

package/build/SearchInput.js

@@ -1 +1 @@
-export{S as SearchInput}from"./SearchInput.component-CMboCbvO.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Stack.component-BNRLhyTo.js";
+export{S as SearchInput}from"./SearchInput.component-QwymruVn.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Stack.component-Pe-1jf3W.js";

package/build/SecretText.component-jsJWpOK1.js

@@ -0,0 +1,40 @@
+import React__default,{useState,useEffect,useId}from"react";import{T as Textarea}from"./Textarea.component-DgYR9jem.js";import{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";import{B as Button}from"./Button.component-liw0UuGT.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";import{L as Label}from"./Label.component-BYZfB1oK.js";const innerWrapperStyles=`
+  jn-relative
+`,labelStyles=`
+  jn-pointer-events-none
+  jn-top-2
+  jn-left-[0.9375rem]
+  jn-pr-4
+  jn-bg-theme-textinput
+  jn-z-20
+`,coverStyles=`
+  jn-absolute
+  jn-top-0
+  jn-left-0
+  jn-right-0
+  jn-bottom-0
+  jn-cursor-not-allowed
+  jn-backdrop-blur-[4px]
+  jn-bg-theme-background-lvl-2/30
+  jn-z-10
+  jn-flex
+  jn-justify-center
+  jn-items-center
+`,copyConfirmMessageStyles=`
+  jn-bg-theme-background-lvl-1
+  jn-font-bold
+  jn-px-3
+  jn-py-1
+  jn-rounded
+`,textareaStyles=`
+  jn-break-all
+  jn-min-h-[7.5rem]
+`,hintStyles=``,actionStyles=`
+  jn-h-[1.875rem]
+`,SecretText=a=>{let{autoComplete:f="off",className:g="",clear:h=!0,copy:i=!0,copyConfirmtext:j="Secret copied to clipboard.",disableClear:k=!1,disableCopy:l=!1,disabled:m=!1,disablePaste:n=!1,disableToggle:o=!1,errortext:p=void 0,helptext:q=void 0,id:r="",onBlur:s=void 0,onChange:t=void 0,onClear:u=void 0,onCopy:v=void 0,onFocus:w=void 0,onHide:x=void 0,onPaste:y=void 0,onReveal:z=void 0,onToggle:A=void 0,label:b,name:c,paste:B=!0,placeholder:C="",readOnly:D=!1,required:E=!1,reveal:F=!1,successtext:G=void 0,toggle:H=!0,valid:I=!1,invalid:d,value:J="",wrapperClassName:K="",...e}=a;const L=a=>"string"!=typeof a||0!==a.trim().length,M=r||(()=>"juno-secrettext-"+useId())(),[N,O]=useState(!1),[P,Q]=useState(""),[R,S]=useState(!1),[T,U]=useState(!1),V=React__default.useRef(null);useEffect(()=>{O(F)},[F]),useEffect(()=>{Q(J)},[J]);return React__default.createElement("div",{className:`
+        juno-secret-wrapper  
+        ${K}  
+      `},React__default.createElement("div",{className:`
+          juno-secret-wrapper-inner
+          ${innerWrapperStyles} 
+        `},b&&L(b)?(React__default.createElement(Label,{className:`${labelStyles}`,htmlFor:M,text:b,disabled:m,required:E,floating:!0,minimized:!!(C||T||P&&P.length)})):"",R||!N?(React__default.createElement("div",{className:`juno-secret-cover ${coverStyles} `},R?(React__default.createElement("span",{className:`juno-secret-copyconfirmmessage ${copyConfirmMessageStyles}`},j)):"")):"",React__default.createElement(Textarea,{autoComplete:f,className:`juno-secret-textarea jn-font-mono ${textareaStyles} ${g}`,disabled:m,id:M,invalid:d,name:c,onBlur:a=>{U(!1),s&&s(a)},onChange:a=>{Q(a.target.value),t&&t(a)},onFocus:a=>{U(!0),w&&w(a)},placeholder:C,readOnly:D,valid:I,value:P,...e})),React__default.createElement(Stack,null,React__default.createElement("div",{className:"jn-grow"},p&&L(p)?(React__default.createElement(FormHint,{text:p,variant:"error",className:`${hintStyles}`})):"",G&&L(G)?(React__default.createElement(FormHint,{text:G,variant:"success",className:`${hintStyles}`})):"",q&&L(q)?React__default.createElement(FormHint,{text:q,className:`${hintStyles}`}):""),React__default.createElement(ButtonRow,{className:"jn-secret-actions jn-justify-self-end jn-mt-2"},h&&!D?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{Q(""),u&&u()},disabled:!!(m||k||!P.length)||void 0,title:"Clear"},"Clear")):"",H?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{N?x&&x():z&&z(),O(!N),A&&A()},title:N?"Hide":"Reveal",disabled:!!(m||o)||void 0},N?"Hide":"Reveal")):"",i?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{navigator.clipboard.writeText(P||"").then(()=>{S(!0),clearTimeout(V.current||void 0),V.current=window.setTimeout(()=>S(!1),1e3),v&&v(P)}).catch(()=>{console.warn("Failed to read clipboard.")})},disabled:!!(m||l||!P.length)||void 0,title:"Copy"},"Copy")):"",B&&!D?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{navigator.clipboard.readText().then(a=>{Q(a),y&&y(a)}).catch(()=>{console.warn("Failed to read clipboard.")})},title:"Paste",disabled:!!(m||n)||void 0},"Paste")):"")))};export{SecretText as S};

package/build/SecretText.js

@@ -1,40 +1 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect,useId}from"react";import PropTypes from"prop-types";import{T as Textarea}from"./Textarea.component-4fIvQVeJ.js";import{B as ButtonRow}from"./ButtonRow.component-CnJPyZ99.js";import{S as Stack,B as Button}from"./Stack.component-fYvcWRNi.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";const innerWrapperStyles=`
-  jn-relative
-`,labelStyles=`
-  jn-pointer-events-none
-  jn-top-2
-  jn-left-[0.9375rem]
-  jn-pr-4
-  jn-bg-theme-textinput
-  jn-z-20
-`,coverStyles=`
-  jn-absolute
-  jn-top-0
-  jn-left-0
-  jn-right-0
-  jn-bottom-0
-  jn-cursor-not-allowed
-  jn-backdrop-blur-[4px]
-  jn-bg-theme-background-lvl-2/30
-  jn-z-10
-  jn-flex
-  jn-justify-center
-  jn-items-center
-`,copyConfirmMessageStyles=`
-  jn-bg-theme-background-lvl-1
-  jn-font-bold
-  jn-px-3
-  jn-py-1
-  jn-rounded
-`,textareaStyles=`
-  jn-break-all
-  jn-min-h-[7.5rem]
-`,hintStyles=``,actionStyles=`
-  jn-h-[1.875rem]
-`,SecretText=a=>{let{autoComplete:e="off",className:f="",clear:g=!0,copy:h=!0,copyConfirmtext:i="Secret copied to clipboard.",disableClear:j=!1,disableCopy:k=!1,disabled:l=!1,disablePaste:m=!1,disableToggle:n=!1,errortext:o=void 0,helptext:p=void 0,id:q="",onBlur:r=void 0,onChange:s=void 0,onClear:t=void 0,onCopy:u=void 0,onFocus:v=void 0,onHide:w=void 0,onPaste:x=void 0,onReveal:y=void 0,onToggle:z=void 0,label:b,paste:A=!0,placeholder:B="",readOnly:C=!1,required:D=!1,reveal:E=!1,successtext:F=void 0,toggle:G=!0,valid:H=!1,invalid:c,value:I="",wrapperClassName:J="",...d}=a;const K=a=>"string"!=typeof a||0!==a.trim().length,L=q||(()=>"juno-secrettext-"+useId())(),[M,N]=useState(!1),[O,P]=useState(""),[Q,R]=useState(!1),[S,T]=useState(!1),U=React__default.useRef(null);useEffect(()=>{N(E)},[E]),useEffect(()=>{P(I)},[I]);return React__default.createElement("div",{className:`
-        juno-secret-wrapper  
-        ${J}  
-      `},React__default.createElement("div",{className:`
-          juno-secret-wrapper-inner
-          ${innerWrapperStyles} 
-        `},b&&K(b)?React__default.createElement(Label,{className:`${labelStyles}`,htmlFor:L,text:b,disabled:l,required:D,floating:!0,minimized:!!(B||S||O&&O.length)}):"",Q||!M?React__default.createElement("div",{className:`juno-secret-cover ${coverStyles} `},Q?React__default.createElement("span",{className:`juno-secret-copyconfirmmessage ${copyConfirmMessageStyles}`},i):""):"",React__default.createElement(Textarea,_extends({autoComplete:e,className:`juno-secret-textarea jn-font-mono ${textareaStyles} ${f}`,disabled:l,id:L,invalid:c,name:name,onBlur:a=>{T(!1),r&&r(a)},onChange:a=>{P(a.target.value),s&&s(a)},onFocus:a=>{T(!0),v&&v(a)},placeholder:B,readOnly:C,valid:H,value:O},d))),React__default.createElement(Stack,null,React__default.createElement("div",{className:"jn-grow"},o&&K(o)?React__default.createElement(FormHint,{text:o,variant:"error",className:`${hintStyles}`}):"",F&&K(F)?React__default.createElement(FormHint,{text:F,variant:"success",className:`${hintStyles}`}):"",p&&K(p)?React__default.createElement(FormHint,{text:p,className:`${hintStyles}`}):""),React__default.createElement(ButtonRow,{className:"jn-secret-actions jn-justify-self-end jn-mt-2"},g&&!C?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{P(""),t&&t()},disabled:!!(l||j||!O.length)||null,title:"Clear"},"Clear"):"",G?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{M?w&&w():y&&y(),N(!M),z&&z()},title:M?"Hide":"Reveal",disabled:!!(l||n)||null},M?"Hide":"Reveal"):"",h?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{navigator.clipboard.writeText(O||""),R(!0),clearTimeout(U.current),U.current=setTimeout(()=>R(!1),1e3),u&&u(O)},disabled:!!(l||k||!O.length)||null,title:"Copy"},"Copy"):"",A&&!C?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{try{navigator.clipboard.readText().then(a=>{P(a),x&&x(a)})}catch(a){console.warn("Failed to read clipboard.")}},title:"Paste",disabled:!!(l||m)||null},"Paste"):"")))};SecretText.propTypes={autoComplete:PropTypes.string,className:PropTypes.string,clear:PropTypes.bool,copy:PropTypes.bool,copyConfirmtext:PropTypes.string,disableClear:PropTypes.bool,disableCopy:PropTypes.bool,disabled:PropTypes.bool,disablePaste:PropTypes.bool,disableToggle:PropTypes.bool,errortext:PropTypes.string,helptext:PropTypes.string,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,name:PropTypes.string,onBlur:PropTypes.func,onChange:PropTypes.func,onClear:PropTypes.func,onCopy:PropTypes.func,onFocus:PropTypes.func,onHide:PropTypes.func,onPaste:PropTypes.func,onReveal:PropTypes.func,onToggle:PropTypes.func,paste:PropTypes.bool,placeholder:PropTypes.string,readOnly:PropTypes.bool,required:PropTypes.bool,reveal:PropTypes.bool,successtext:PropTypes.string,toggle:PropTypes.bool,valid:PropTypes.bool,value:PropTypes.string,wrapperClassName:PropTypes.string};export{SecretText};
+export{S as SecretText}from"./SecretText.component-jsJWpOK1.js";import"react";import"./Textarea.component-DgYR9jem.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";import"./ButtonRow.component-CzhKhK_N.js";import"./Stack.component-Pe-1jf3W.js";import"./Button.component-liw0UuGT.js";import"./Spinner.component-CO095KvL.js";