@cloudoperators/juno-ui-components 2.34.0 → 2.35.1

package/build/PageFooter.component-CeD5DCjY.js

@@ -1,18 +0,0 @@
-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 +0,0 @@
-export{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";import"react";

package/build/PageHeader.component-DqYR6Yyo.js

@@ -1,33 +0,0 @@
-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 +0,0 @@
-export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import"react";

package/build/Pagination.component-D5sXkuw6.js

@@ -1,5 +0,0 @@
-import React__default,{useState,useEffect}from"react";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";import{B as Button}from"./Button.component-liw0UuGT.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";import{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";import{S as Select}from"./Select.component-BlpCRnuM.js";import{S as SelectOption}from"./SelectOption.component-C7NysL8S.js";const paginationStyles=`
-  jn-flex
-  jn-gap-[0.375rem]
-  jn-items-center
-`,spinnerStyles=`jn-ml-3`,inputStyles=`justify-normal`,Pagination=a=>{let{variant:n="default",currentPage:b,totalPages:c,pages:d,disabled:o=!1,isFirstPage:e,isLastPage:f,onPressPrevious:g,onPressNext:h,onSelectChange:i,onInputChange:j,onKeyPress:k,onBlur:l,progress:p=!1,className:q="",...m}=a;const[r,s]=useState(b),[t,u]=useState(d?d:c);useEffect(()=>{s(b),d?u(d):u(c),r!==void 0&&t!==void 0&&r>t&&s(t)},[b,c,d]);const v=a=>{if(void 0===a)return;let b="string"==typeof a||Array.isArray(a)?parseInt(Array.isArray(a)?a[0]:a,10):a;void 0===b||isNaN(b)||(s(b),i?.(b))},w=a=>{let b=a.target.value?parseInt(a.target.value,10):void 0;b!==void 0&&(1>b?b=1:t!==void 0&&b>t&&(b=t)),s(b),j&&j(b)},x=a=>{"Enter"===a.key&&r!==void 0&&k&&k(r)},y=()=>{l&&l(r)},z=()=>{let a=r===void 0||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",{className:`juno-pagination juno-pagination-${n||"default"} ${paginationStyles} ${q}`,...m},React__default.createElement(Button,{icon:"chevronLeft",disabled:!!e||!!o||!!p||1===r,onClick:()=>{let a;r!==void 0&&1<r&&(a=r-1,s(a)),g&&g(a)},title:"Previous Page"}),p?React__default.createElement(Spinner,{size:"small",color:"default",className:spinnerStyles}):"",n&&!p?(()=>"number"===n?void 0===r?"":React__default.createElement("div",{className:"page-value"}," ",r):"select"===n?(React__default.createElement(Select,{name:"totalPages",width:"auto",value:r?.toString(),onChange:v,disabled:o},(()=>{const a=[];if(void 0!==t)for(let b=0;b<t;b++){const c=(b+1).toString();a.push(React__default.createElement(SelectOption,{value:c,label:c,key:c}))}return a})())):"input"===n?(React__default.createElement(Stack,{gap:"2",alignment:"center"},React__default.createElement("div",{className:`juno-pagination-wrapper`,style:z()},React__default.createElement(TextInput,{value:void 0===r?"":r,onChange:w,onBlur:y,onKeyPress:x,disabled:!!o,className:inputStyles,maxLength:6})),void 0===t?"":React__default.createElement("span",null,"of ",t))):"")():"",React__default.createElement(Button,{icon:"chevronRight",disabled:!!f||!!o||!!p||r!==void 0&&t!==void 0&&r===t,onClick:()=>{let a;r!==void 0&&(t===void 0||r<t)&&(a=r+1,s(a)),h&&h(a)},title:"Next Page"}))};export{Pagination as P};

package/build/Pagination.js

@@ -1 +0,0 @@
-export{P as Pagination}from"./Pagination.component-D5sXkuw6.js";import"react";import"./Stack.component-Pe-1jf3W.js";import"./Button.component-liw0UuGT.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./TextInput.component-AyfJ3U8z.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Select.component-BlpCRnuM.js";import"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./SelectOption.component-C7NysL8S.js";

package/build/Panel.component-Z0UKil-U.js

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

package/build/Panel.js

@@ -1 +0,0 @@
-export{P as Panel}from"./Panel.component-Z0UKil-U.js";import"react";import"react-dom";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./PortalProvider.component-CVldWJIG.js";

package/build/PanelBody.component-CbwJTG-C.js

@@ -1,4 +0,0 @@
-import React__default from"react";const bodyContentStyles=`
-  jn-px-8
-  jn-py-4
-`,PanelBody=a=>{let{className:e="",footer:b,children:c,...d}=a;return React__default.createElement("div",{className:`juno-panel-body ${e}`,...d},React__default.createElement("div",{className:`juno-panel-body-content ${bodyContentStyles}`},c),b)};export{PanelBody as P};

package/build/PanelBody.js

@@ -1 +0,0 @@
-export{P as PanelBody}from"./PanelBody.component-CbwJTG-C.js";import"react";

package/build/PanelFooter.component-C5-ea5YD.js

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

package/build/PanelFooter.js

@@ -1 +0,0 @@
-export{P as PanelFooter}from"./PanelFooter.component-C5-ea5YD.js";import"react";

package/build/Pill.component-BjuSYnxs.js

@@ -1,28 +0,0 @@
-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 +0,0 @@
-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

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

@@ -1,67 +0,0 @@
-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 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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 +0,0 @@
-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

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

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

@@ -1,40 +0,0 @@
-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 +0,0 @@
-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";

package/build/Select.component-BlpCRnuM.js

@@ -1,64 +0,0 @@
-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{S as Sr}from"./headlessui-float-n1IxyQhp.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DFre3-Br.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(Sr,{composable:!0,adaptiveWidth:!0,middleware:T},React__default.createElement(Sr.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(Sr.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 +0,0 @@
-export{S as Select}from"./Select.component-BlpCRnuM.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-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";

package/build/SelectOption.component-C7NysL8S.js

@@ -1,42 +0,0 @@
-import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-BlpCRnuM.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{I as It}from"./listbox-CbPsJ3A1.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 as S};

package/build/SelectOption.js

@@ -1 +0,0 @@
-export{S as SelectOption}from"./SelectOption.component-C7NysL8S.js";import"react";import"./Select.component-BlpCRnuM.js";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-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";

package/build/SelectRow.component-DhPz6KOs.js

@@ -1,64 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useState,useEffect,useRef,createContext,useId,useMemo}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-DGyhPa1P.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{S as Sr}from"./headlessui-float-n1IxyQhp.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DFre3-Br.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const DEFAULT_PORTAL_ROOT_ID="juno-portal-root",PortalContext=createContext(),portalRootStyles={position:"absolute",top:"0",left:"0",zIndex:"9999"},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.propTypes={children:PropTypes.node};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(),[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,Portal.displayName="PortalProvider.Portal",PortalProvider.propTypes={className:PropTypes.string,id:PropTypes.string,children:PropTypes.node},PortalProvider.Portal.propTypes={children:PropTypes.node};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(),Select=a=>{let{ariaLabel:j="",children:k=null,className:l="",defaultValue:b,disabled:m=!1,error:n=!1,errortext:o="",helptext:p="",id:q="",invalid:r=!1,label:c,loading:s=!1,multiple:t=!1,name:d,onChange:e,onValueChange:f,placeholder:u="Select\u2026",required:v=!1,successtext:w="",truncateOptions:x=!1,valid:y=!1,value:g,valueLabel:h,variant:z="default",width:A="full",wrapperClassName:B="",...i}=a;const C=a=>"string"!=typeof a||0!==a.trim().length,D=q||(()=>"juno-select-"+useId())(),E="juno-select-helptext-"+useId(),[F,G]=useState(new Map),[H,I]=useState(!1),[J,K]=useState(!1),[L,M]=useState(!1),[N,O]=useState(!1),P=useMemo(()=>r||!!(o&&C(o)),[r,o]),Q=useMemo(()=>y||!!(w&&C(w)),[y,w]);useEffect(()=>{I(n)},[n]),useEffect(()=>{K(P)},[P]),useEffect(()=>{M(Q)},[Q]),useEffect(()=>{O(s)},[s]);const R=usePortalRef(),S=[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()],T=a=>{const b=a=>{const b=F.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:x,addOptionValueAndLabel:(a,b,c)=>{G(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"==A?"jn-inline-block":"jn-block"}
-          ${"auto"==A?"jn-w-auto":"jn-w-full"}
-          ${B}
-        `},React__default.createElement(It,{disabled:m||N||H,multiple:t,name:d,onChange:a=>{e&&e(a||""),f&&f(a||"")},value:g,defaultValue:b},c&&C(c)?React__default.createElement(It.Label,{as:Label,htmlFor:D,text:c,className:`${labelStyles}`,disabled:m||N||H,required:v,floating:!0,minimized:!0}):"",React__default.createElement(Sr,{composable:!0,adaptiveWidth:!0,middleware:S},React__default.createElement(Sr.Reference,null,React__default.createElement(It.Button,_extends({"aria-describedby":p?E:"","aria-label":j||c,as:"button",id:D,className:`
-                    juno-select-toggle
-                    ${z&&z.length?"juno-select-toggle-"+z:"juno-select-toggle-default"}
-                    ${"auto"==A?"jn-w-auto":"jn-w-full"}
-                    ${toggleStyles}
-                    ${c&&C(c)?"jn-pt-[0.4rem]":""}
-                    ${m?"juno-select-disabled jn-opacity-50 jn-cursor-not-allowed":""}
-                    ${N||H?"jn-justify-center":"jn-justify-between"}
-                    ${J?"juno-select-invalid "+invalidToggleStyles:""} 
-                    ${L?"juno-select-valid "+validToggleStyles:""}  
-                    
-                    ${N?"juno-select-loading jn-cursor-not-allowed":""}
-                    ${H?"juno-select-error jn-cursor-not-allowed":""}
-                    ${l}
-                  `},i),a=>{let{open:b,value:c}=a;return H||N?React__default.createElement("span",{className:`${centeredIconStyles}`},H?React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"}):N?React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"}):""):React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:`${truncateStyles}`},t?T(c)||h||c.join(", ")||u:F.get(c)?.displayName||h||c||u),React__default.createElement("span",{className:"jn-flex"},L?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",J?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"}))))})),createPortal(React__default.createElement(Sr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:`
-                        juno-select-menu
-                        ${menuStyles}
-                      `},k)),R?R:document.body))),o&&C(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",w&&C(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",p&&C(p)?React__default.createElement(FormHint,{text:p,id:E}):""))},valuePropType=a=>{const{multiple:b,value:c}=a;if(c){if(b&&!Array.isArray(c))return new Error("Invalid prop value supplied to Select component: Pass an array when using as a multi-select.");if(!b&&"string"!=typeof c)return new Error("Invalid prop value supplied to Select component: Pass a string when using as single select.")}};Select.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,multiple:PropTypes.bool,name:PropTypes.string,onChange:PropTypes.func,onValueChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:valuePropType,valueLabel:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const SelectRow=a=>{let{name:n=null,variant:b,label:o=null,id:p=null,helptext:q=null,required:r=null,className:s="",disabled:t=null,invalid:u=!1,errortext:v="",valid:c,placeholder:w="Select\u2026",successtext:d,children:e,value:f,onValueChange:g,onChange:h,defaultValue:i,open:j,error:k,loading:l,...m}=a;return React__default.createElement(FormRow,null,React__default.createElement(Select,_extends({name:n,id:p,label:o,required:r,placeholder:w,onChange:g||h,disabled:t,invalid:u,valid:c,value:f,variant:b,defaultValue:i,open:j,error:k,loading:l,errortext:v,helptext:q,successtext:d,className:s},m),e))};SelectRow.propTypes={name:PropTypes.string,label:PropTypes.string,placeholder:PropTypes.string,id:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,children:PropTypes.node,valid:PropTypes.bool,value:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),onValueChange:PropTypes.func,onChange:PropTypes.func,onOpenChange:PropTypes.func,defaultValue:PropTypes.string,open:PropTypes.bool,error:PropTypes.bool,loading:PropTypes.bool,successtext:PropTypes.string};var SelectRow_component=withDeprecationWarning(SelectRow,"SelectRow is deprecated and will be removed in future versions. To be future-proof, use Select instead.");export{SelectRow_component as S};

package/build/SelectRow.js

@@ -1 +0,0 @@
-export{S as SelectRow}from"./SelectRow.component-DhPz6KOs.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-DGyhPa1P.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-OkQblu_q.js";

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

@@ -1 +0,0 @@
-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 +0,0 @@
-export{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";import"react-dom";import"react";

package/build/SideNavigation.component-D9IErRcv.js

@@ -1,4 +0,0 @@
-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 +0,0 @@
-export{S as SideNavigation}from"./SideNavigation.component-D9IErRcv.js";import"react";import"./Navigation.component-DaabNHev.js";