@cloudoperators/juno-ui-components 2.33.0 → 2.35.0

package/build/CheckboxGroup.component-B_uoXPNo.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 checkboxgroupstyles=`
-  jn-mb-4
-  jn-last: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
-`,CheckboxGroupContext=createContext(void 0),CheckboxGroup=a=>{let{children:f=null,className:g="",disabled:h=!1,errortext:i="",helptext:j="",id:k="",invalid:l=!1,label:b,name:m="",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-checkboxgroup-"+useId(),s=m||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(()=>{d&&v(d)},[d]),useEffect(()=>{x(A)},[A]),useEffect(()=>{z(B)},[B]);return React__default.createElement(CheckboxGroupContext.Provider,{value:{selectedOptions:u,name:s,disabled:h,handleCheckboxChange:a=>{const b=a;u&&u.includes(a)?v(u.filter(a=>a!==b)):u&&!u.includes(a)?v(a=>[...(a||[]),b]):v([b]),c&&c(a)},updateSelectedValue:a=>{d||v(b=>[...(b||[]),a])}}},React__default.createElement("div",{className:`
-          juno-checkboxgroup 
-          ${w?"juno-checkboxgroup-valid":""} 
-          ${y?"juno-checkboxgroup-invalid":""} 
-          ${checkboxgroupstyles} 
-          ${g}
-        `,id:t,role:"group",...e},b&&q(b)?(React__default.createElement(Label,{text:b,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{CheckboxGroup as C,CheckboxGroupContext as a};

package/build/CheckboxGroup.js

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

package/build/CheckboxRow.component-DzLTV4cd.js

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

package/build/CheckboxRow.js

@@ -1 +0,0 @@
-export{C as CheckboxRow}from"./CheckboxRow.component-DzLTV4cd.js";import"react";import"./Checkbox.component-DgDvGt3W.js";import"./CheckboxGroup.component-B_uoXPNo.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/Code.component-mlP3SwWy.js

@@ -1,4 +0,0 @@
-import React__default from"react";const codeStyles=`
-  jn-bg-theme-code-block
-  jn-text-sm
-`,Code=a=>{let{content:c="",children:d=null,className:e="",...b}=a;return React__default.createElement("code",{className:`juno-code ${codeStyles} ${e}`,...b},c||d)};export{Code as C};

package/build/Code.js

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

package/build/CodeBlock.component-CZxYJPlk.js

@@ -1,45 +0,0 @@
-import React__default,{useState,useRef,useCallback}from"react";import{J as JsonViewer}from"./JsonViewer.component-lHoI-LCD.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";const wrapperStyles=`
-  jn-bg-theme-code-block
-  jn-rounded
-`,preStyles=a=>`
-    jn-p-6
-    ${a?"jn-break-words jn-break-all jn-whitespace-pre-wrap":"jn-overflow-x-auto"}
-  `,sizeStyles=a=>"small"===a?`
-        juno-codeblock-pre-small
-        jn-max-h-64
-        jn-overflow-y-auto
-      `:"medium"===a?`
-        juno-codeblock-pre-medium
-        jn-max-h-[32rem]
-        jn-overflow-y-auto
-      `:"large"===a?`
-        juno-codeblock-pre-large
-        jn-max-h-[56rem]
-        jn-overflow-y-auto
-      `:``,codeStyles=`
-  jn-bg-theme-code-block
-  jn-text-sm
-`,headingStyles=`
-  jn-text-sm
-  jn-border-b-[1px]
-  jn-border-theme-codeblock-bar 
-  jn-h-[3.4375rem]
-  jn-flex
-`,headingInnerStyles=`
-  jn-flex
-  jn-font-bold
-  jn-px-[1.5625rem]
-  jn-items-center
-`,bottomBarStyles=`
-  jn-flex 
-  jn-justify-end 
-  jn-px-3
-  jn-py-2 
-  jn-border-t-[1px]
-  jn-border-theme-codeblock-bar
-`,copyTextStyles=`
-  jn-font-bold 
-  jn-text-sm 
-  jn-mr-4 
-  jn-mt-1
-`,jsonViewStyles={fontFamily:"IBM Plex Mono",fontSize:"0.875rem",padding:"1.5rem"},jsonTheme={base00:"var(--color-syntax-highlight-base00)",base01:"var(--color-syntax-highlight-base01)",base02:"var(--color-syntax-highlight-base02)",base03:"var(--color-syntax-highlight-base03)",base04:"var(--color-syntax-highlight-base04)",base05:"var(--color-syntax-highlight-base05)",base06:"var(--color-syntax-highlight-base06)",base07:"var(--color-syntax-highlight-base07)",base08:"var(--color-syntax-highlight-base08)",base09:"var(--color-syntax-highlight-base09)",base0A:"var(--color-syntax-highlight-base0A)",base0B:"var(--color-syntax-highlight-base0B)",base0C:"var(--color-syntax-highlight-base0C)",base0D:"var(--color-syntax-highlight-base0D)",base0E:"var(--color-syntax-highlight-base0E)",base0F:"var(--color-syntax-highlight-base0F)"},CodeBlock=a=>{let{content:d="",children:e=null,heading:b,wrap:f=!0,size:g="auto",copy:h=!0,lang:i="",className:j="",...c}=a;const[k,l]=useState(!1),m=React__default.useRef(null);React__default.useEffect(()=>()=>{m.current&&clearTimeout(m.current)},[]);const n=useRef(null),o=useCallback(()=>{const a="json"===i?JSON.stringify(d||e):n.current?.textContent;a&&navigator.clipboard.writeText(a).catch(()=>{console.warn("Cannot copy text to clipboard")}),l(!0),m.current&&clearTimeout(m.current),m.current=window.setTimeout(()=>l(!1),1e3)},[d,e,i]);return React__default.createElement("div",{className:`juno-code-block ${wrapperStyles} ${i?`juno-code-block-lang-${i}`:""} ${j}`,"data-lang":i||null,...c},b&&b.length?(React__default.createElement("div",{className:`juno-codeblock-heading ${headingStyles}`},React__default.createElement("span",{className:`${headingInnerStyles}`},b))):"","json"===i?(React__default.createElement(JsonViewer,{data:d,expanded:3,theme:jsonTheme,style:jsonViewStyles})):(React__default.createElement("pre",{className:`juno-code-block-pre ${preStyles(f)} ${sizeStyles(g)}`},React__default.createElement("code",{className:`${codeStyles}`,ref:n},d||e))),h?(React__default.createElement("div",{className:`juno-codeblock-bottombar ${bottomBarStyles}`},React__default.createElement("span",{className:`${copyTextStyles}`},k?"Copied!":""),React__default.createElement(Icon,{icon:"contentCopy",onClick:o}))):"")};export{CodeBlock as C};

package/build/CodeBlock.js

@@ -1 +0,0 @@
-export{C as CodeBlock}from"./CodeBlock.component-CZxYJPlk.js";import"react";import"./JsonViewer.component-lHoI-LCD.js";import"./SearchInput.component-QwymruVn.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Stack.component-Pe-1jf3W.js";

package/build/ComboBox.component-CVfbabwk.js

@@ -1,115 +0,0 @@
-import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{L as Label}from"./Label.component-BYZfB1oK.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";import{o as offset,s as shift,f as flip,a as size}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import{createPortal}from"react-dom";import{q as qt}from"./combobox-JmdrroKh.js";const inputWrapperStyles=`
-  jn-relative
-`,labelStyles=`
-  jn-pointer-events-none
-  jn-top-2
-  jn-left-[0.9375rem]
-`,inputStyles=`
-  jn-rounded-3px
-  jn-bg-theme-textinput
-  jn-text-theme-textinput
-  jn-border
-  jn-text-base
-  jn-leading-4
-  jn-w-full
-  jn-px-4
-  jn-h-textinput
-  jn-text-left
-  jn-overflow-hidden
-  jn-text-ellipsis
-  jn-whitespace-nowrap
-  focus:jn-outline-none
-  focus:jn-ring-2
-  focus:jn-ring-theme-focus
-`,withLabelInputStyles=`
-  jn-pt-[1.125rem] 
-  jn-pb-1
-`,noLabelInputStyles=`
-  jn-py-4
-`,disabledInputStyles=`
-  jn-cursor-not-allowed
-  jn-pointer-events-none
-  jn-opacity-50
-`,defaultBorderStyles=`
-  jn-border-theme-textinput-default
-`,validStyles=`
-  jn-border-theme-success
-`,invalidStyles=`
-  jn-border-theme-error
-`,buttonStyles=`
-  jn-absolute
-  jn-top-0
-  jn-right-0
-  jn-h-textinput
-  jn-w-6
-  jn-h-4
-  jn-border-l-0
-  jn-border-y-[1px]
-  jn-border-r-[1px]
-  jn-rounded-tr
-  jn-rounded-br
-  jn-appearance-none
-  jn-bg-theme-textinput
-  jn-text-theme-textinput
-`,defaultButtonStyles=`
-  jn-border-theme-textinput-default
-`,invalidButtonStyles=`
-  jn-border-theme-error
-`,validButtonStyles=`
-  jn-border-theme-success
-`,disabledButtonStyles=`
-  jn-cursor-not-allowed
-  jn-pointer-events-none
-  jn-bg-transparent
-  jn-opacity-50
-`,menuStyles=`
-  jn-rounded
-  jn-bg-theme-background-lvl-1
-  jn-w-full
-  jn-overflow-y-auto
-`,iconContainerStyles=`
-  jn-absolute
-  jn-top-[.4rem]
-  jn-right-6
-`,centeredIconStyles=`
-  jn-absolute
-  jn-top-1/2
-  jn-left-1/2
-  jn-translate-y-[-50%]
-  jn-translate-x-[-0.75rem]
-`,ComboBoxContext=createContext(void 0),ComboBox=a=>{let{ariaLabel:b,children:c,className:k="",defaultValue:l="",disabled:m=!1,error:n=!1,errortext:o="",helptext:p="",id:q="",invalid:r=!1,loading:s=!1,label:d,name:t="",nullable:u=!0,onBlur:e,onChange:f,onFocus:g,onInputChange:h,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:A="",valueLabel:i,width:B="full",wrapperClassName:C="",...j}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=q||"juno-combobox-"+useId(),F="juno-combobox-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(""),[K,L]=useState(A),[M,N]=useState(!1),[O,P]=useState(!1),[Q,R]=useState(!1),[S,T]=useState(!1),[U,V]=useState(!1),W=useMemo(()=>r||!!(o&&D(o)),[r,o]),X=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{L(A)},[A]),useEffect(()=>{P(n)},[n]),useEffect(()=>{N(s)},[s]),useEffect(()=>{T(W)},[W]),useEffect(()=>{V(X)},[X]);const Y=usePortalRef(),Z=[offset(4),shift(),flip(),size({rootBoundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}})],$=""===I?React__default.Children.toArray(c):React__default.Children.toArray(c).filter(a=>{if(React__default.isValidElement(a)){const b=a.props.children?.toString()||a.props.label||a.props.value;return b?.toLowerCase().includes(I.toLowerCase())}return!1});return React__default.createElement(ComboBoxContext.Provider,{value:{selectedValue:K,truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c}))}}},React__default.createElement("div",{className:`
-          juno-combobox-wrapper
-          jn-relative
-          ${"auto"==B?"jn-inline-block":"jn-block"}
-          ${"auto"==B?"jn-w-auto":"jn-w-full"}
-          ${C}
-        `},React__default.createElement(qt,{defaultValue:l,disabled:m||M||O,name:t,nullable:u,onChange:a=>{L(a),f&&f(a)},value:K||l,...j},React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:Z},React__default.createElement(pr.Reference,null,React__default.createElement("div",{className:`
-                juno-combobox-input-wrapper
-                ${inputWrapperStyles}
-                ${m?"jn-cursor-not-allowed":""}
-              `},d&&D(d)&&!M&&!O?(React__default.createElement(Label,{text:d,disabled:m,required:w,htmlFor:E,className:`${labelStyles}`,floating:!0,minimized:!!(v||Q||I&&D(I)||K&&D(K))})):"",React__default.createElement(qt.Input,{autoComplete:"off","aria-label":b||d,"aria-describedby":p?F:"",id:E,onBlur:a=>{R(!1),e&&e(a)},onChange:a=>{J(a?.target?.value),h&&h(a)},onFocus:a=>{R(!0),g&&g(a)},placeholder:M||O?"":v,displayValue:a=>G.get(a)?.children?.toString()||G.get(a)?.label||i||a?.toString()||"",className:`
-                  juno-combobox-input 
-                  ${inputStyles} 
-                  ${d&&D(d)?withLabelInputStyles:noLabelInputStyles}
-                  ${m?disabledInputStyles:""}
-                  ${S?"juno-combobox-invalid "+invalidStyles:""} 
-                  ${U?"juno-combobox-valid "+validStyles:""}  
-                  ${U||S?"":defaultBorderStyles} 
-                  ${M?"juno-combobox-loading jn-cursor-not-allowed":""}
-                  ${O?"juno-combobox-error jn-cursor-not-allowed":""}
-                  ${k}
-                `}),M||O?(React__default.createElement("span",{className:`${centeredIconStyles}`},M?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})))):U||S?(React__default.createElement("span",{className:`
-                        juno-combobox-icon-container 
-                        ${iconContainerStyles} 
-                        ${m?"jn-opacity-50":""}
-                      `},React__default.createElement(Icon,{icon:U?"checkCircle":"dangerous",color:U?"jn-text-theme-success":"jn-text-theme-error"}))):"",O||M?null:(React__default.createElement(qt.Button,{className:`
-                        juno-combobox-toggle 
-                        ${buttonStyles}
-                        ${m?disabledButtonStyles:""}
-                        ${S?"juno-combobox-toggle-invalid "+invalidButtonStyles:""} 
-                        ${U?"juno-combobox-toggle-valid "+validButtonStyles:""}  
-                        ${U||S?"":defaultButtonStyles} 
-                      `},a=>{let{open:b}=a;return React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"})})))),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(qt.Options,{unmount:!1,className:`
-                    juno-combobox-options 
-                    ${menuStyles}
-                  `},$)),Y?Y:document.body))),o&&D(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",p&&D(p)?React__default.createElement(FormHint,{text:p,id:F}):""))};export{ComboBox as C,ComboBoxContext as a};

package/build/ComboBox.js

@@ -1 +0,0 @@
-export{C as ComboBox}from"./ComboBox.component-CVfbabwk.js";import"react";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./combobox-JmdrroKh.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";

package/build/ComboBoxOption.js

@@ -1,39 +0,0 @@
-import React__default,{useContext,useEffect,Fragment}from"react";import{a as ComboBoxContext}from"./ComboBox.component-CVfbabwk.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qt}from"./combobox-JmdrroKh.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.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
-`,disabledOptionLabelStyles=`
-  jn-opacity-50
-  jn-cursor-not-allowed
-`,truncateOptionStyles=`
-  jn-block
-  jn-h-6
-  jn-overflow-hidden
-  jn-text-ellipsis
-  jn-whitespace-nowrap
-`,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k&&k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",{className:`
-          juno-combobox-option 
-          ${optionStyles}
-          ${i===f?selectedOptionStyles:unselectedOptionStyles}
-          ${e?"jn-cursor-not-allowed":""}
-          ${g}
-        `,...d},i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
-            ${e?disabledOptionLabelStyles:""}
-            ${j?truncateOptionStyles:""}
-          `},b||c||f)))};export{ComboBoxOption};

package/build/Container.component-xJsCyUG8.js

@@ -1,4 +0,0 @@
-import React__default from"react";const containerStyles=(a,b)=>`
-    ${a?"jn-px-6 ":" "} 
-    ${b?" jn-py-6":""}
-  `,Container=a=>{let{px:c=!0,py:d=!1,className:e="",children:f=null,...b}=a;return React__default.createElement("div",{className:`juno-container ${containerStyles(c,d)} ${e}`,...b},f)};export{Container as C};

package/build/Container.js

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

package/build/ContentAreaToolbar.component-HPXE3xVK.js

@@ -1,8 +0,0 @@
-import React__default from"react";const baseToolbarStyles=`
-  jn-bg-theme-background-lvl-1
-  jn-py-3
-  jn-px-6
-  jn-flex
-  jn-items-center
-  jn-justify-end
-`,ContentAreaToolbar=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",{className:`juno-content-area-toolbar ${baseToolbarStyles} ${d}`,...c},b)};export{ContentAreaToolbar as C};

package/build/ContentAreaToolbar.js

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

package/build/ContentContainer.component-8A2F9nlM.js

@@ -1,8 +0,0 @@
-import React__default from"react";const baseContainerStyles=`
-  jn-flex-col
-  jn-grow
-  jn-bg-[right_top_1rem]
-  jn-bg-no-repeat
-  jn-bg-theme-content-area-bg
-  jn-relative
-`,ContentContainer=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",{className:`juno-content-container ${baseContainerStyles} ${d}`,...c},b)};export{ContentContainer as C};

package/build/ContentContainer.js

@@ -1 +0,0 @@
-export{C as ContentContainer}from"./ContentContainer.component-8A2F9nlM.js";import"react";

package/build/ContentHeading.component-iyxxB3V8.js

@@ -1,6 +0,0 @@
-import React__default from"react";const baseHeadingStyles=`
-  jn-font-bold
-  jn-text-lg
-  jn-text-theme-high
-  jn-pb-2
-`,ContentHeading=a=>{let{heading:d="",className:e="",children:b,...c}=a;return React__default.createElement("h1",{className:`juno-content-heading ${baseHeadingStyles} ${e}`,...c},b||d)};export{ContentHeading as C};

package/build/ContentHeading.js

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

package/build/ContextMenu.component-B24LaAwt.js

@@ -1,16 +0,0 @@
-import React__default,{useState,useEffect}from"react";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{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qe}from"./menu-DiwXZMR-.js";const menuStyles=`
-  jn-overflow-hidden
-  jn-flex
-  jn-flex-col
-  jn-rounded
-  jn-bg-theme-background-lvl-1
-`,toggleStyles=`
-  hover:jn-text-theme-accent
-  active:jn-text-theme-accent
-`,toggleOpenStyle=`
-  jn-text-theme-accent
-`,ContextMenu=a=>{let{children:b=null,open:c=!1}=a;const[d,e]=useState(!1);useEffect(()=>{e(c)},[c]);const f=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["top-start","top-end","bottom-start","bottom-end"]}),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()];return React__default.createElement(qe,null,React__default.createElement(pr,{middleware:f},React__default.createElement(qe.Button,{onClick:()=>{e(!d)},className:`
-            juno-contextmenu-toggle 
-            ${toggleStyles} 
-            ${d?toggleOpenStyle:""}
-          `},React__default.createElement(Icon,{icon:"moreVert"})),React__default.createElement(qe.Items,{className:`${menuStyles}`},b)))};export{ContextMenu as C};

package/build/ContextMenu.js

@@ -1 +0,0 @@
-export{C as ContextMenu}from"./ContextMenu.component-B24LaAwt.js";import"react";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";

package/build/DataGrid.component-Dt5OQxY5.js

@@ -1,4 +0,0 @@
-import React__default from"react";const dataGridStyles=`
-	jn-grid
-	jn-items-stretch
-`,gridTemplate=(a,b,c,d,e)=>{let f;if(e&&0<e.length)return f={gridTemplateColumns:e},f;let g="";if(d&&Array.isArray(d)&&0<d.length){const e=[...Array(a)];e.map((a,e)=>{g+=d.includes(e)?"min-content ":`minmax(${c}, ${b}) `})}else g=`repeat(${a}, minmax(${c}, ${b}))`;return f={gridTemplateColumns:g},f},DataGridContext=React__default.createContext({}),useDataGridContext=()=>React__default.useContext(DataGridContext),DataGrid=a=>{let{columns:e=1,columnMaxSize:f="auto",columnMinSize:g="0px",minContentColumns:b,gridColumnTemplate:c,cellVerticalAlignment:h="center",className:i="",children:j=null,...d}=a;return React__default.createElement(DataGridContext.Provider,{value:{cellVerticalAlignment:h}},React__default.createElement("div",{className:`juno-datagrid ${dataGridStyles} ${i}`,style:gridTemplate(e,f,g,b,c),role:"grid",...d},j))};export{DataGrid as D,useDataGridContext as u};

package/build/DataGrid.js

@@ -1 +0,0 @@
-export{D as DataGrid}from"./DataGrid.component-Dt5OQxY5.js";import"react";

package/build/DataGridCell.component-Gy81mVxf.js

@@ -1,13 +0,0 @@
-import React__default,{forwardRef}from"react";import{u as useDataGridContext}from"./DataGrid.component-Dt5OQxY5.js";const cellBaseStyles=(a,b)=>`
-		${a?"jn-whitespace-nowrap":""}
-		${"center"===b?`
-				jn-justify-center
-				jn-flex
-				jn-flex-col		
-			`:""}
-		jn-px-5
-		jn-py-3
-		jn-border-b
-		jn-border-theme-background-lvl-2
-		jn-h-full
-	`,cellCustomStyles=a=>{let b;return a&&(b={gridColumn:`span ${a} / span ${a}`}),b},DataGridCell=forwardRef((a,b)=>{let{colSpan:c,nowrap:e=!1,className:f="",children:g=null,...d}=a;const h=useDataGridContext()||{},i=h.cellVerticalAlignment;return React__default.createElement("div",{className:`juno-datagrid-cell ${cellBaseStyles(e,i)} ${f}`,style:cellCustomStyles(c),role:"gridcell",ref:b,...d},g)});DataGridCell.displayName="DataGridCell";export{DataGridCell as D};

package/build/DataGridCell.js

@@ -1 +0,0 @@
-export{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";import"react";import"./DataGrid.component-Dt5OQxY5.js";

package/build/DataGridCheckboxCell.js

@@ -1 +0,0 @@
-import React__default from"react";import{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";import{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";import"./CheckboxGroup.component-B_uoXPNo.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";import"./DataGrid.component-Dt5OQxY5.js";const DataGridCheckboxCell=a=>{let{selected:d=!1,disabled:e=!1,className:f="",onChange:b,...c}=a;return React__default.createElement(DataGridCell,{className:`juno-datagrid-checkbox-cell ${f}`,...c},React__default.createElement(Checkbox,{disabled:e,checked:d,onChange:b}))};export{DataGridCheckboxCell};

package/build/DataGridFoot.js

@@ -1 +0,0 @@
-import React__default from"react";const DataGridFoot=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("tfoot",{className:`juno-datagrid-foot ${c}`,...b},d)};export{DataGridFoot};

package/build/DataGridHeadCell.component-4DKn7eQ9.js

@@ -1,6 +0,0 @@
-import React__default,{forwardRef}from"react";import{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";const headCellBaseStyles=`
-	jn-font-bold
-	jn-text-theme-high
-	jn-bg-theme-background-lvl-1
-	jn-border-theme-background-lvl-0
-`,DataGridHeadCell=forwardRef((a,b)=>{let{colSpan:c,nowrap:e=!1,className:f="",children:g=null,...d}=a;return React__default.createElement(DataGridCell,{colSpan:c,nowrap:e,className:`juno-datagrid-head-cell ${headCellBaseStyles} ${f}`,role:"columnheader",ref:b,...d},g)});DataGridHeadCell.displayName="DataGridHeadCell";export{DataGridHeadCell as D};

package/build/DataGridHeadCell.js

@@ -1 +0,0 @@
-export{D as DataGridHeadCell}from"./DataGridHeadCell.component-4DKn7eQ9.js";import"react";import"./DataGridCell.component-Gy81mVxf.js";import"./DataGrid.component-Dt5OQxY5.js";

package/build/DataGridRow.component-CBEnaLYU.js

@@ -1,3 +0,0 @@
-import React__default,{forwardRef}from"react";const rowBaseStyle=`
-	jn-contents
-`,DataGridRow=forwardRef((a,b)=>{let{className:d="",children:e=null,...c}=a;return React__default.createElement("div",{className:`juno-datagrid-row ${rowBaseStyle} ${d}`,role:"row",ref:b,...c},e)});DataGridRow.displayName="DataGridRow";export{DataGridRow as D};

package/build/DataGridRow.js

@@ -1 +0,0 @@
-export{D as DataGridRow}from"./DataGridRow.component-CBEnaLYU.js";import"react";

package/build/DataGridToolbar.component-BfgKal7m.js

@@ -1,10 +0,0 @@
-import React__default from"react";const datagridtoolbarstyles=`
-	jn-flex
-	jn-items-center
-	jn-bg-theme-background-lvl-1
-	jn-py-3
-	jn-px-6
-	jn-mb-px
-`,childrenWrapperStyles=`
-	jn-ml-auto
-`,DataGridToolbar=a=>{let{search:b,className:d="",children:e=null,...c}=a;return React__default.createElement("div",{className:`juno-datagrid-toolbar ${datagridtoolbarstyles} ${d}`,...c},b&&React__default.createElement("div",null,b),React__default.createElement("div",{className:childrenWrapperStyles},e))};export{DataGridToolbar as D};

package/build/DataGridToolbar.js

@@ -1 +0,0 @@
-export{D as DataGridToolbar}from"./DataGridToolbar.component-BfgKal7m.js";import"react";

package/build/DataList.component-BYn0Gl6b.js

@@ -1 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const DataListContext=React__default.createContext(),useDataListContext=()=>React__default.useContext(DataListContext),DataList=a=>{let{selectable:c=!1,className:d="",children:e=null,...b}=a;return React__default.createElement(DataListContext.Provider,{value:{selectable:c}},React__default.createElement("div",{className:`juno-datalist-container`},React__default.createElement("ul",_extends({className:`juno-datalist ${d}`},b),e)))};DataList.propTypes={selectable:PropTypes.bool,className:PropTypes.string,children:PropTypes.node};export{DataList as D,useDataListContext as u};

package/build/DataList.js

@@ -1 +0,0 @@
-export{D as DataList}from"./DataList.component-BYn0Gl6b.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";

package/build/DataListCell.component-C67qgCtq.js

@@ -1,33 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const datalistcellbasestyles=`
-	jn-flex
-	jn-p-2
-	jn-overflow-hidden
-	jn-overflow-ellipsis
-	jn-grow-0
-	jn-shrink-0
-	jn-flex-basis-auto
-`,cols_1=`
-	jn-w-grid-col-1
-`,cols_2=`
-	jn-w-grid-col-2
-`,cols_3=`
-	jn-w-grid-col-3
-`,cols_4=`
-	jn-w-grid-col-4
-`,cols_5=`
-	jn-w-grid-col-6
-`,cols_6=`
-	jn-w-grid-col-6
-`,cols_7=`
-	jn-w-grid-col-7
-`,cols_8=`
-	jn-w-grid-col-8
-`,cols_9=`
-	jn-w-grid-col-9
-`,cols_10=`
-	jn-w-grid-col-10
-`,cols_11=`
-	jn-w-grid-col-11
-`,cols_12=`
-	jn-w-grid-col-12
-`,colsClass=a=>1===a?cols_1:2===a?cols_2:3===a?cols_3:4===a?cols_4:5===a?cols_5:6===a?cols_6:7===a?cols_7:8===a?cols_8:9===a?cols_9:10===a?cols_10:11===a?cols_11:12===a?cols_12:void 0,DataListCell=a=>{let{cols:c=null,width:d=null,auto:e=!1,className:f="",children:g=null,...b}=a;const h=d?{width:d+"%",flexGrow:"0",flexShrink:"0",flexBasis:d+"%"}:{},i=d?h:e?{flexGrow:"1",flexShrink:"0",flexBasis:"0"}:{};return React__default.createElement("div",_extends({className:`juno-datalist-cell ${datalistcellbasestyles} ${c?colsClass(c):""} ${f}`,style:i},b),g)};DataListCell.propTypes={cols:PropTypes.number,width:PropTypes.number,auto:PropTypes.bool,className:PropTypes.string,children:PropTypes.node};export{DataListCell as D};

package/build/DataListCell.js

@@ -1 +0,0 @@
-export{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";

package/build/DataListCheckboxCell.component-BXti2wK7.js

@@ -1,81 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{createContext,useContext,useState,useEffect,useMemo,useId}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";const CheckboxGroupContext=createContext(),wrapperStyles=`
-  jn-inline-flex
-  jn-items-center
-`,inputstyles=`
-  jn-w-4
-  jn-h-4
-  jn-opacity-0
-  jn-z-50
-`,mockcheckboxstyles=`
-  jn-relative
-  jn-w-4
-  jn-h-4
-  jn-rounded-sm
-  jn-bg-theme-checkbox
-  jn-cursor-pointer
-  focus:jn-outline-none
-  focus:jn-ring-2
-  focus:jn-ring-theme-focus
-`,mockfocusstyles=`
-  jn-ring-2
-  jn-ring-theme-focus
-`,mockcheckmarkstyles=`
-  jn-absolute
-  jn-top-0
-  jn-left-0
-  jn-text-theme-checkbox-checked
-  jn-fill-current
-`,mockindeterminatestyles=`
-  jn-absolute
-  jn-w-2
-  jn-h-0.5
-  jn-top-1.5
-  jn-left-[.2rem]
-  jn-inline-block
-  jn-bg-theme-focus
-`,mockdisabledstyles=`
-  jn-pointer-events-none
-  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
-`,Checkbox=a=>{let{checked:g=!1,className:h="",disabled:i=!1,errortext:j="",helptext:k="",id:l="",indeterminate:m=!1,invalid:n=!1,label:b,name:o="",onChange:c,onClick:d,required:p=!1,successtext:q="",valid:r=!1,value:e,...f}=a;const s=a=>"string"!=typeof a||0!==a.trim().length,t=useContext(CheckboxGroupContext),{selectedOptions:u,name:v,disabled:w,handleCheckboxChange:x,updateSelectedValue:y}=t||{},[z,A]=useState((()=>t?!!(u&&u.includes(e)):!!g)()),[B,C]=useState(!1),[D,E]=useState(!1),[F,G]=useState(!1),[H,I]=useState(!1);useEffect(()=>{g&&t&&y(e)},[]),useEffect(()=>{t||A(g)},[g]);const J=useMemo(()=>n||!!(j&&s(j)),[n,j]),K=useMemo(()=>r||!!(q&&s(q)),[r,q]);useEffect(()=>{C(m)},[m]),useEffect(()=>{G(J)},[J]),useEffect(()=>{I(K)},[K]);const L=()=>t?!!(u&&u.includes(e)):z,M=l||(()=>"juno-checkbox-"+useId())();return React__default.createElement("div",{className:"jn-checkbox-outer"},React__default.createElement("div",{className:`jn-checkbox-wrapper ${wrapperStyles}`},React__default.createElement("div",_extends({className:`
-            juno-checkbox 
-            ${mockcheckboxstyles} 
-            ${D?mockfocusstyles:""} 
-            ${w||i?mockdisabledstyles:""} 
-            ${F?errorstyles:""} 
-            ${H?successstyles:""} 
-            ${F||H?"":noBorderStyles}
-            ${h}
-          `},f),L()?React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${mockcheckmarkstyles}`,width:"16",height:"16",viewBox:"0 0 16 16"},React__default.createElement("polygon",{points:"5.75 11.15 2.6 8 1.55 9.05 5.75 13.25 14.75 4.25 13.7 3.2"})):"",React__default.createElement("input",{checked:L(),className:`
-              ${inputstyles} 
-              ${F?"juno-checkbox-invalid":""} 
-              ${H?"juno-checkbox-valid":""} 
-              ${w||i?"jn-cursor-not-allowed":""}
-            `,disabled:w||i,id:M,name:v||o,onBlur:()=>{E(!1)},onChange:a=>{A(!z),x&&"function"==typeof x&&x(e),c&&c(a)},onClick:a=>{d&&d(a)},onFocus:()=>{E(!0)},type:"checkbox",value:e}),B&&!L()?React__default.createElement("div",{className:`${mockindeterminatestyles}`}):""),b&&s(b)?React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{text:b,htmlFor:M,disabled:w||i,required:p,className:`${labelStyles}`}),F?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:`
-                  ${iconStyles}
-                  ${w||i?"jn-opacity-50":""}
-                `}):"",H?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:`
-                  ${iconStyles}
-                  ${i?"jn-opacity-50":""}
-                `}):""):""),j&&s(j)?React__default.createElement(FormHint,{text:j,variant:"error",className:`${hintStyles}`}):"",q&&s(q)?React__default.createElement(FormHint,{text:q,variant:"success",className:`${hintStyles}`}):"",k&&s(k)?React__default.createElement(FormHint,{text:k,className:`${hintStyles}`}):"")};Checkbox.propTypes={checked:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,indeterminate:PropTypes.bool,invalid:PropTypes.bool,label:PropTypes.string,name:PropTypes.string,onChange:PropTypes.func,onClick:PropTypes.func,required:PropTypes.bool,successtext:PropTypes.node,valid:PropTypes.bool,value:PropTypes.string};const datalistcheckboxcellbasestyles=`
-	jn-flex
-	jn-flex-col
-	jn-justify-center
-`,DataListCheckboxCell=a=>{let{selected:d=!1,disabled:e=!1,onChange:b,className:f="",...c}=a;return React__default.createElement(DataListCell,_extends({className:`juno-datalist-checkbox-cell ${datalistcheckboxcellbasestyles} ${f}`},c),React__default.createElement(Checkbox,{disabled:e,checked:d,onChange:b}))};DataListCheckboxCell.propTypes={selected:PropTypes.bool,disabled:PropTypes.bool,className:PropTypes.string,onChange:PropTypes.func};export{DataListCheckboxCell as D};

package/build/DataListCheckboxCell.js

@@ -1 +0,0 @@
-export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.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"./DataListCell.component-C67qgCtq.js";

package/build/DataListRow.component-RvjQ652d.js

@@ -1,9 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{u as useDataListContext}from"./DataList.component-BYn0Gl6b.js";import{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";const datalistrowbasestyles=`
-	jn-flex
-	jn-rounded-[3px]
-	jn-border
-	jn-border-theme-datalist-row
-	jn-mb-2
-`,rowselectedstyle=`
-	jn-bg-theme-datalistrow-selected
-`,DataListRow=a=>{let{selected:b,disabled:c,onChange:d,className:f="",children:g=null,...e}=a;const h=useDataListContext()||{},i=h.selectable,[j,k]=useState(!1);useEffect(()=>{k(b)},[b]);return React__default.createElement("li",_extends({className:`juno-datalist-row ${datalistrowbasestyles} ${i&&j?rowselectedstyle:""}${f}`},e),i?React__default.createElement(DataListCheckboxCell,{selected:b,disabled:c,onChange:a=>{k(!j),d(a)}}):null,g)};DataListRow.propTypes={className:PropTypes.string,children:PropTypes.node,selected:PropTypes.bool,disabled:PropTypes.bool,onChange:PropTypes.func};export{DataListRow as D};

package/build/DataListRow.js

@@ -1 +0,0 @@
-export{D as DataListRow}from"./DataListRow.component-RvjQ652d.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./DataList.component-BYn0Gl6b.js";import"./DataListCheckboxCell.component-BXti2wK7.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./DataListCell.component-C67qgCtq.js";