@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

package/build/Pagination.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-B61pnCf7.js";import{S as SelectOption}from"./SelectOption.component-GxWRy28M.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";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};

package/build/Panel.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";import"./widgets-njngpHa5.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};

package/build/PanelBody.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};

package/build/PanelFooter.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};

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-B2hXHP-c.js

@@ -1 +0,0 @@
-import React__default,{useContext,useState,useEffect,useRef,createContext}from"react";import PropTypes from"prop-types";import{createPortal}from"react-dom";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};export{PortalProvider as P,usePortalRef as u};

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

package/build/Select.js

@@ -1 +0,0 @@
-export{S as Select}from"./Select.component-B61pnCf7.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";

package/build/SelectOption.component-GxWRy28M.js

@@ -1,42 +0,0 @@
-import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-B61pnCf7.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-GxWRy28M.js";import"react";import"./Select.component-B61pnCf7.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-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";

package/build/SelectRow.component-DKK8MJOk.js

@@ -1,64 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.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 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(pr,{composable:!0,adaptiveWidth:!0,middleware:S},React__default.createElement(pr.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(pr.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,SelectContext as a,Select as b};

package/build/SelectRow.js

@@ -1 +0,0 @@
-export{S as SelectRow}from"./SelectRow.component-DKK8MJOk.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.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";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";

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

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

package/build/SideNavigationItem.js

@@ -1 +0,0 @@
-export{S as SideNavigationItem}from"./SideNavigationItem.component-5ChkLMgz.js";import"react";import"./NavigationItem.component-DI0SMWsi.js";import"./Navigation.component-DaabNHev.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/Spinner.component-3BfGSLKB.js

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

package/build/Spinner.component-CO095KvL.js

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

package/build/Spinner.js

@@ -1 +0,0 @@
-export{S as Spinner}from"./Spinner.component-CO095KvL.js";import"react";

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

@@ -1,5 +0,0 @@
-import React__default from"react";const gapSize=a=>"0"===a?"jn-gap-0":"px"===a?"jn-gap-px":"0.5"===a?"jn-gap-0.5":"1"===a?"jn-gap-1":"1.5"===a?"jn-gap-1.5":"2"===a?"jn-gap-2":"2.5"===a?"jn-gap-2.5":"3"===a?"jn-gap-3":"3.5"===a?"jn-gap-3.5":"4"===a?"jn-gap-4":"5"===a?"jn-gap-5":"6"===a?"jn-gap-6":"7"===a?"jn-gap-7":"8"===a?"jn-gap-8":"9"===a?"jn-gap-9":"10"===a?"jn-gap-10":"11"===a?"jn-gap-11":"12"===a?"jn-gap-12":"14"===a?"jn-gap-14":"16"===a?"jn-gap-16":"20"===a?"jn-gap-20":"24"===a?"jn-gap-24":"28"===a?"jn-gap-28":"32"===a?"jn-gap-32":"36"===a?"jn-gap-36":"40"===a?"jn-gap-40":"44"===a?"jn-gap-44":"48"===a?"jn-gap-48":"52"===a?"jn-gap-52":"56"===a?"jn-gap-56":"60"===a?"jn-gap-60":"64"===a?"jn-gap-64":"72"===a?"jn-gap-72":"80"===a?"jn-gap-80":"96"===a?"jn-gap-96":"jn-gap-0",baseStack=(a,b,c)=>`
-      ${"vertical"===a?"jn-flex jn-flex-col":"jn-flex jn-flex-row"}
-      ${c&&"jn-flex-wrap"}
-      ${gapSize(b)}
-    `,alignItems=a=>"start"===a?"jn-items-start":"end"===a?"jn-items-end":"center"===a?"jn-items-center":"baseline"===a?"jn-items-baseline":"stretch"===a?"jn-items-stretch":"",justifyItems=a=>"start"===a?"jn-justify-start":"end"===a?"jn-justify-end":"center"===a?"jn-justify-center":"between"===a?"jn-justify-between":"around"===a?"jn-justify-around":"evenly"===a?"jn-justify-evenly":"",Stack=a=>{let{direction:c="horizontal",gap:d="0",alignment:e="stretch",distribution:f="start",wrap:g=!1,className:h="",children:i=null,...b}=a;return React__default.createElement("div",{className:`juno-stack ${baseStack(c,d,g)} ${alignItems(e)} ${justifyItems(f)} ${h||""}`,...b},i)};export{Stack as S};

package/build/Stack.js

@@ -1 +0,0 @@
-export{S as Stack}from"./Stack.component-Pe-1jf3W.js";import"react";

package/build/StyleProvider.component-CqbWBDF7.js

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