@cloudoperators/juno-ui-components 2.30.0 → 2.32.0

package/build/IntroBox.component-BmoEq45u.js

@@ -0,0 +1,31 @@
+import React__default from"react";const introbox=(a,b)=>`
+            jn-bg-theme-introbox
+            jn-text-theme-default
+            jn-flex
+            jn-rounded-l
+            jn-overflow-hidden
+            jn-mb-8
+
+            ${"hero"===a&&b?`
+                    jn-bg-right-top
+                    jn-bg-no-repeat
+                `:""}
+        `,introboxBorder=`
+    jn-border-l-4
+    jn-border-theme-introbox
+`,introboxContent=(a,b)=>`
+        ${b?`jn-pl-4 jn-pr-56`:`jn-px-4`}
+
+        ${"hero"===a?`
+            jn-text-xl
+            jn-min-h-[8rem]
+            jn-py-4
+            jn-flex
+            jn-flex-col
+            jn-justify-center
+        `:`
+            jn-py-3
+        `}
+    `,introboxHeading=`
+    jn-font-bold
+`,IntroBox=a=>{let{title:d=null,text:e=null,variant:f="default",heroImage:g=null,className:h="",children:b,...c}=a;const i=React__default.useMemo(()=>g&&"hero"===f,[f,g]);return React__default.createElement("div",{className:`juno-introbox ${introbox(f,g)} ${h}`,style:i?{backgroundImage:`${g}`}:{},...c},React__default.createElement("div",{className:`${introboxBorder}`}),React__default.createElement("div",{className:`${introboxContent(f,g)}`},d?React__default.createElement("h1",{className:`${introboxHeading}`},d):"",b?b:React__default.createElement("p",null,e)))};export{IntroBox as I};

package/build/IntroBox.js

@@ -1 +1 @@
-export{I as IntroBox}from"./IntroBox.component-BuW5vo-r.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{I as IntroBox}from"./IntroBox.component-BmoEq45u.js";import"react";

package/build/JsonViewer.component-lHoI-LCD.js

@@ -0,0 +1 @@
+import React__default,{useContext,useLayoutEffect}from"react";import{S as SearchInput}from"./SearchInput.component-QwymruVn.js";const dark={base00:"rgb(39, 40, 34)",base01:"rgb(245, 245, 245)",base02:"rgb(73, 72, 62)",base03:"#93a1a1",base04:"rgb(165, 159, 133)",base05:"rgb(248, 248, 242)",base06:"#073642",base07:"rgb(249, 248, 245)",base08:"rgb(249, 38, 114)",base09:"rgb(253, 151, 31)",base0A:"rgb(244, 191, 117)",base0B:"rgb(166, 226, 46)",base0C:"rgb(161, 239, 228)",base0D:"rgb(102, 217, 239)",base0E:"rgb(174, 129, 255)",base0F:"rgb(204, 102, 51)"},light={base00:"#fff",base01:"rgb(245, 245, 245)",base02:"rgb(235, 235, 235)",base03:"#93a1a1",base04:"rgba(0, 0, 0, 0.3)",base05:"#586e75",base06:"#073642",base07:"#002b36",base08:"#d33682",base09:"#cb4b16",base0A:"#dc322f",base0B:"#859900",base0C:"#6c71c4",base0D:"#586e75",base0E:"#2aa198",base0F:"#268bd2"};var themes=Object.freeze({__proto__:null,dark:dark,light:light});const DEFAULT_INDENT_WIDTH$1=4,DEFAULT_EXPANDED$1=1,DEFAULT_THEME={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)"},colorMap=a=>({background:a.base00,ellipsis:a.base09,brace:a.base07,key:a.base07,index:a.base0C,size:a.base04,border:a.base02,highlight:{foreground:a.base06,background:a.base02},toolbar:{border:a.base01,background:a.base01,foreground:a.base07},icon:{expanded:a.base0D,collapsed:a.base0E,expandAll:a.base0E},dataType:{boolean:a.base0E,date:a.base0D,float:a.base0B,function:a.base0D,integer:a.base0F,string:a.base09,nan:a.base08,null:a.base0A,undefined:a.base05,regexp:a.base0A,background:a.base02}}),ThemeContext=React__default.createContext({colors:colorMap(DEFAULT_THEME),indentWidth:4,expanded:DEFAULT_EXPANDED$1}),ExpandAllIcon=()=>{const{colors:a}=useContext(ThemeContext);return React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:a.icon.expandAll,role:"img"},React__default.createElement("title",null,"Expand All"),React__default.createElement("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"}))},CollapseAllIcon=()=>{const{colors:a}=useContext(ThemeContext);return React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:a.icon.expandAll,role:"img"},React__default.createElement("title",null,"Collapse All"),React__default.createElement("path",{d:"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}))},INDENTATION_SIZE=5,DEFAULT_TRUNCATE_LENGTH=100,DEFAULT_INDENT_WIDTH=4,DEFAULT_EXPANDED=1;function getValueTypeFromObject(a){return null===a?"null":Array.isArray(a)?"array":a instanceof RegExp?"regexp":a instanceof Date?"date":"object"}function getValueTypeFromNumber(a){var b=Number.isNaN;return b(a)?"nan":Number.isInteger(a)?"integer":"float"}const getTypeOfTheValue=a=>{switch(typeof a){case"object":return getValueTypeFromObject(a);case"number":return getValueTypeFromNumber(a);case"boolean":return"boolean";case"string":return"string";case"undefined":return"undefined";case"function":return"function";default:return"background"}},ExpandIcon=a=>{let{expanded:b}=a;const{colors:c}=useContext(ThemeContext);return React__default.createElement("svg",{fill:b?c.icon.expanded:c.icon.collapsed,width:"1em",height:"1em",viewBox:"0 0 1792 1792",style:{verticalAlign:"middle",color:"var(--color-syntax-highlight-base0E)",height:"1em",width:"1em"}},React__default.createElement("title",null,"Expand/Collapse"),b?(React__default.createElement("path",{d:"M1344 800v64q0 14-9 23t-23 9h-832q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h832q14 0 23 9t9 23zm128 448v-832q0-66-47-113t-113-47h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113zm128-832v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z"})):(React__default.createElement("path",{d:"M1344 800v64q0 14-9 23t-23 9h-352v352q0 14-9 23t-23 9h-64q-14 0-23-9t-9-23v-352h-352q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h352v-352q0-14 9-23t23-9h64q14 0 23 9t9 23v352h352q14 0 23 9t9 23zm128 448v-832q0-66-47-113t-113-47h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113zm128-832v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z"})))},StringWithHighlight=a=>{let{value:b}=a;const{colors:c,searchTerm:d}=useContext(ThemeContext),e=React__default.useMemo(()=>{if(b===void 0||null===b||!d||""===d)return null;try{const a=b.toString().toLowerCase().indexOf(d.toLowerCase());return 0>a?null:{start:a,end:a+d.length}}catch(a){return console.debug("JsonViewer:",a),null}},[d]);return e?(React__default.createElement(React__default.Fragment,null,b.slice(0,e.start),React__default.createElement("span",{style:{backgroundColor:c.highlight.background,color:c.highlight.foreground}},b.slice(e.start,e.end)),b.slice(e.end))):b},NameLabel=a=>{let{name:b}=a;const{colors:c}=useContext(ThemeContext),d="number"==typeof b,e=d?c.index:c.key,f=d?`${b}`:`"${b}"`;return React__default.createElement("span",{style:{color:e}}," ",React__default.createElement("span",{style:{opacity:.85}},React__default.createElement(StringWithHighlight,{value:f}))," : ")},TypeValueLabel=a=>{let{type:b,value:c}=a;const{colors:d,truncate:e}=useContext(ThemeContext),f=["nan","null","undefined"].includes(b);let g="string"===b?`"${c}"`:`${c}`;if(e){const a=!0===e?DEFAULT_TRUNCATE_LENGTH:e;g.length>a&&(g=g.slice(0,a-3)+"...")}return React__default.createElement("span",{style:{color:d.dataType[b],backgroundColor:f?d.dataType.background:void 0,borderRadius:3,padding:f?"2px 5px":0}},!f&&(React__default.createElement("span",{style:{opacity:.8,fontSize:"small",margin:"0 4px"}},b)),React__default.createElement("span",null,React__default.createElement(StringWithHighlight,{value:g})))},Toolbar=()=>{const{colors:a,onExpandAll:b,onSearch:c}=useContext(ThemeContext);return React__default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",borderBottom:`1px solid ${a.toolbar?.border}`,padding:"3px 0 5px 0"}},React__default.createElement("span",{style:{display:"flex"}},React__default.createElement("span",{style:{cursor:"pointer"},onClick:()=>b&&b(!0)},React__default.createElement(ExpandAllIcon,null)),React__default.createElement("span",{style:{cursor:"pointer"},onClick:()=>b&&b(!1)},React__default.createElement(CollapseAllIcon,null))),React__default.createElement(SearchInput,{className:"jn-me-1",style:{backgroundColor:a.toolbar.background,color:a.toolbar.foreground},onChange:a=>c&&c(a.target.value),clear:!0,onClear:()=>c&&c(null)}))},ExpandButton=a=>{let{children:b,isExpanded:c,setIsExpanded:d}=a;return React__default.createElement("span",{style:{cursor:"pointer",display:"inline-block"},onClick:()=>{d(!c)}},b)},JsonData=a=>{let{name:b,value:c,nestedLevel:d=0}=a;const{colors:e,expanded:f,searchTerm:g,indentWidth:h,expandAll:i}=useContext(ThemeContext),[j,k]=React__default.useState(!0===f||!1!==f&&f>d);useLayoutEffect(()=>{i&&k(i.expanded)},[i]),useLayoutEffect(()=>{if(c&&g)try{0<JSON.stringify(c).indexOf(g)&&k(!0)}catch(a){}},[g]);const l=React__default.useMemo(()=>getTypeOfTheValue(c),[c]),m=React__default.useMemo(()=>"array"===l?c.map((a,b)=>({name:b,value:a})):"object"===l?Object.keys(c).map(a=>({name:a,value:c[a]})):null,[l,c]);return React__default.createElement("div",{"data-json-viewer":b},React__default.createElement("div",{style:{letterSpacing:.5,padding:"3px 0"}},m&&(React__default.createElement(React__default.Fragment,null,React__default.createElement(ExpandButton,{isExpanded:j,setIsExpanded:k},React__default.createElement(ExpandIcon,{expanded:j}))," ")),(b||0===b)&&React__default.createElement(NameLabel,{name:b}),m?(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{style:{color:e.brace}},"array"===l?"[":"{"),!j&&(React__default.createElement(React__default.Fragment,null,React__default.createElement(ExpandButton,{isExpanded:j,setIsExpanded:k},React__default.createElement("span",{style:{color:e.ellipsis}},"...")),React__default.createElement("span",{style:{color:e.brace}},"array"===l?"]":"}"))),React__default.createElement("span",{style:{color:e.size,opacity:.85,fontStyle:"italic",fontSize:"smaller"}}," ",m?.length," ",1===m?.length?"item":"items"),j&&(React__default.createElement(React__default.Fragment,null,React__default.createElement("div",{"data-body":b,style:{paddingLeft:INDENTATION_SIZE*h,marginLeft:8,borderLeft:`1px solid ${e.border}`}},m?.map((a,b)=>(React__default.createElement(JsonData,{key:b,name:a.name,value:a.value,nestedLevel:d+1})))),React__default.createElement("span",{style:{color:e.key,marginLeft:6}},"array"===l?"]":"}"))))):(React__default.createElement(TypeValueLabel,{type:l,value:c}))))},JsonViewer=a=>{let{data:e={},showRoot:f=!1,toolbar:g=!1,theme:h=null,expanded:i=DEFAULT_EXPANDED,indentWidth:j=DEFAULT_INDENT_WIDTH,style:b,truncate:k=!1,className:c,...d}=a;const l="string"==typeof h?themes[h]:{...DEFAULT_THEME,...h},m=colorMap(l),[n,o]=React__default.useState(""),[p,q]=React__default.useState(null);return React__default.createElement(ThemeContext.Provider,{value:{colors:m,expanded:i,expandAll:p,searchTerm:n,indentWidth:j,truncate:k,onExpandAll:a=>q({expanded:a,timestamp:Date.now()}),onSearch:a=>o(a)}},React__default.createElement("div",{"data-json-viewer":!0,className:`juno-json-viewer ${c}`,style:{backgroundColor:m.background,fontFamily:"monospace",overflow:"auto",...b},...d},g&&React__default.createElement(Toolbar,null),React__default.createElement(JsonData,{name:!!f&&"root",value:e})))};export{JsonViewer as J};

package/build/JsonViewer.js

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

package/build/Label.component-BYZfB1oK.js

@@ -0,0 +1,37 @@
+import React__default from"react";const labelstyles=`
+  jn-text-theme-high
+  jn-text-base
+  jn-transform 
+  jn-origin-top-left 
+  jn-transition-all 
+  jn-duration-100 
+  jn-ease-in-out
+  jn-z-10
+`,floatingStyles=`
+  jn-absolute
+`,minimizedStyles=`
+  jn-scale-75
+  -jn-translate-y-[0.4375rem]
+`,requiredstyles=`
+  jn-inline-block
+  jn-w-1
+  jn-h-1
+  jn-rounded-full
+  jn-align-top
+  jn-ml-1
+  jn-mt-2
+  jn-bg-theme-required
+`,disabledstyles=`
+  jn-opacity-50
+  jn-cursor-not-allowed
+`,Label=React__default.forwardRef((a,b)=>{let{text:d="",htmlFor:e=void 0,required:f=!1,className:g="",disabled:h=!1,floating:i=!1,minimized:j=!1,...c}=a;return React__default.createElement("label",{className:`
+        juno-label 
+        ${labelstyles} 
+        ${i?"juno-label-floating "+floatingStyles:""}
+        ${j?"juno-label-minimized "+minimizedStyles:""}
+        ${h?"juno-label-disabled "+disabledstyles:""} 
+        ${g}
+      `,htmlFor:e,ref:b,...c},d,f?(React__default.createElement("span",{className:`
+          juno-required 
+          ${requiredstyles}
+          `})):"")});Label.displayName="Label";export{Label as L};

package/build/Label.js

@@ -1 +1 @@
-export{L as Label}from"./Label.component-TbF3yilt.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{L as Label}from"./Label.component-BYZfB1oK.js";import"react";

package/build/LoadingIndicator.component-CsNzFwe2.js

@@ -0,0 +1 @@
+import*as React from"react";import React__default from"react";var _style,_g,_excluded=["title","titleId"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],b.includes(c)||{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(b.includes(d))continue;c[d]=a[d]}return c}var SvgLoadingIndicator=function(a){var b=a.title,c=a.titleId,d=_objectWithoutProperties(a,_excluded);return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 210 210",height:210,width:210,"aria-labelledby":c},d),b?React.createElement("title",{id:c},b):null,_style||(_style=React.createElement("style",null,"\n\t@keyframes a0_t { 0% { transform: translate(59.3px,59.3px) scale(1,1) translate(-19px,-19px); } 82.5% { transform: translate(59.3px,59.3px) scale(1,1) translate(-19px,-19px); animation-timing-function: cubic-bezier(0,0,.6,1); } 87.5% { transform: translate(59.3px,59.3px) scale(1.1,1.1) translate(-19px,-19px); } 100% { transform: translate(59.3px,59.3px) scale(1.1,1.1) translate(-19px,-19px); } }\n\t@keyframes a0_o { 0% { opacity: 1; } 82.5% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 87.5% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a1_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 20% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a2_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 39.16% { visibility: visible; animation-timing-function: steps(1); } 59.16% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a2_do { 0% { stroke-dashoffset: 0px; } 39.16% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 50.84% { stroke-dashoffset: 75.7px; animation-timing-function: cubic-bezier(.3,.5,.7,1); } 59.16% { stroke-dashoffset: 75.7px; } 100% { stroke-dashoffset: 75.7px; } }\n\t@keyframes a3_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 20% { visibility: visible; animation-timing-function: steps(1); } 40% { visibility: hidden; animation-timing-function: steps(1); } 100% { visibility: hidden; animation-timing-function: steps(1); } }\n\t@keyframes a3_do { 0% { stroke-dashoffset: 118.5px; } 20% { stroke-dashoffset: 118.5px; animation-timing-function: cubic-bezier(.4,0,1,1); } 40% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n\t@keyframes a4_v { 0% { visibility: visible; animation-timing-function: steps(1); } 21.66% { visibility: hidden; animation-timing-function: steps(1); } 100% { visibility: hidden; animation-timing-function: steps(1); } }\n\t@keyframes a5_do { 0% { stroke-dashoffset: 0px; } 1.66% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 21.66% { stroke-dashoffset: 118.5px; } 100% { stroke-dashoffset: 118.5px; } }\n\t@keyframes a7_t { 0% { transform: translate(61.4px,61.4px) rotate(-210deg); } 30% { transform: translate(61.4px,61.4px) rotate(-210deg); animation-timing-function: cubic-bezier(.4,0,.6,1); } 40% { transform: translate(61.4px,61.4px) rotate(0deg); } 100% { transform: translate(61.4px,61.4px) rotate(0deg); } }\n\t@keyframes a6_t { 0% { transform: scale(1,1) translate(-42.7px,-42.7px); } 78.34% { transform: scale(1,1) translate(-42.7px,-42.7px); animation-timing-function: cubic-bezier(0,0,.6,1); } 84.16% { transform: scale(1.1,1.1) translate(-42.7px,-42.7px); } 100% { transform: scale(1.1,1.1) translate(-42.7px,-42.7px); } }\n\t@keyframes a6_o { 0% { opacity: 1; } 78.34% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 84.16% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a8_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 11.66% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a8_da { 0% { stroke-dasharray: 185.96px 185.96px; } 11.66% { stroke-dasharray: 185.96px 185.96px; animation-timing-function: cubic-bezier(.4,0,1,1); } 30% { stroke-dasharray: 185.96px 185.96px; } 100% { stroke-dasharray: 185.96px 185.96px; } }\n\t@keyframes a8_do { 0% { stroke-dashoffset: 186px; } 11.66% { stroke-dashoffset: 186px; animation-timing-function: cubic-bezier(.4,0,1,1); } 30% { stroke-dashoffset: 0px; } 46.66% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 59.16% { stroke-dashoffset: 110px; } 100% { stroke-dashoffset: 110px; } }\n\t@keyframes a9_do { 0% { stroke-dashoffset: 27.4px; animation-timing-function: cubic-bezier(.4,0,1,1); } 10.84% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n\t@keyframes a11_t { 0% { transform: translate(61.4px,61.4px) rotate(170deg); animation-timing-function: cubic-bezier(.4,0,.6,1); } 30% { transform: translate(61.4px,61.4px) rotate(170deg); animation-timing-function: cubic-bezier(.4,0,.6,1); } 40% { transform: translate(61.4px,61.4px) rotate(0deg); } 100% { transform: translate(61.4px,61.4px) rotate(0deg); } }\n\t@keyframes a10_t { 0% { transform: scale(1,1) translate(-53px,-53px); } 75.84% { transform: scale(1,1) translate(-53px,-53px); animation-timing-function: cubic-bezier(0,0,.6,1); } 80% { transform: scale(1.1,1.1) translate(-53px,-53px); } 100% { transform: scale(1.1,1.1) translate(-53px,-53px); } }\n\t@keyframes a10_o { 0% { opacity: 1; } 75.84% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 80% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a12_t { 0% { transform: translate(53.5px,53.5px) scale(1,1) translate(-0.5px,-0.5px); } 100% { transform: translate(53.5px,53.5px) scale(1,1) translate(-0.5px,-0.5px); } }\n\t@keyframes a12_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 5% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a12_do { 0% { stroke-dashoffset: 266.7px; } 5% { stroke-dashoffset: 266.7px; animation-timing-function: cubic-bezier(.4,0,.6,1); } 36.66% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 59.16% { stroke-dashoffset: 136px; } 100% { stroke-dashoffset: 136px; } }\n\t@keyframes a13_da { 0% { stroke-dasharray: 27.35px 27.35px; } 100% { stroke-dasharray: 27.35px 27.35px; } }\n\t@keyframes a13_do { 0% { stroke-dashoffset: 27.4px; animation-timing-function: cubic-bezier(.4,0,1,1); } 5% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n\t@keyframes a14_t { 0% { transform: translate(51.4px,122.3px) scale(1,1); } 85.84% { transform: translate(51.4px,122.3px) scale(1,1); animation-timing-function: cubic-bezier(0,0,.6,1); } 91.66% { transform: translate(51.4px,122.3px) scale(1.1,1.1); } 100% { transform: translate(51.4px,122.3px) scale(1.1,1.1); } }\n\t@keyframes a14_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 53.34% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a14_o { 0% { opacity: 1; } 85.84% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 91.66% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a14_do { 0% { stroke-dashoffset: 427px; } 53.34% { stroke-dashoffset: 427px; animation-timing-function: cubic-bezier(.4,0,.6,1); } 67.5% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n")),_g||(_g=React.createElement("g",{transform:"translate(101.9,25.7)"})),React.createElement("g",{transform:"translate(86.5,8.5)"},React.createElement("g",{transform:"translate(59.3,59.3) translate(-19,-19)",style:{animation:"5s linear infinite both a0_t, 5s linear infinite both a0_o"}},React.createElement("g",{visibility:"hidden",transform:"translate(21.1,21.1) rotate(97) scale(1,-1) translate(-19,-19)",style:{animation:"5s linear infinite forwards a1_v"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-12.5-14.3c-0.1 .2-3 2.8-4.8 6.4c-1.1 2.4-1.7 5.1-1.7 7.9c0 10.5 8.5 19 19 19c10.5 0 19-8.5 19-19c0-10.5-8.5-19-19-19c-2.3 0-4.5 .4-6.6 1.2c-2.2 .8-4.2 2-5.9 3.5",strokeDasharray:"118.5 118.5",visibility:"hidden",transform:"translate(19,19)",style:{animation:"5s linear infinite forwards a2_v, 5s linear infinite both a2_do"}}),React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-12.5-14.3c1.7-1.5 3.7-2.7 5.9-3.5c2.1-0.8 4.3-1.2 6.6-1.2c10.5 0 19 8.5 19 19c0 10.5-8.5 19-19 19c-10.5 0-19-8.5-19-19c0-2.8 .6-5.5 1.7-7.9c1.8-3.6 4.7-6.2 4.8-6.4",strokeDasharray:"118.5 118.5",strokeDashoffset:118.5,visibility:"hidden",transform:"translate(19,19)",style:{animation:"5s linear infinite forwards a3_v, 5s linear infinite both a3_do"}})),React.createElement("g",{opacity:0,visibility:"visible",transform:"translate(2.2,2.2)",style:{animation:"5s linear infinite forwards a4_v"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-12.5-14.3c3.3-2.9 7.7-4.7 12.5-4.7c10.5 0 19 8.5 19 19c0 10.5-8.5 19-19 19c-10.5 0-19-8.5-19-19c0-2.8 .6-5.5 1.7-7.9c1.8-3.6 4.7-6.2 4.8-6.4",strokeDasharray:"118.5 118.5",transform:"translate(19,19)",style:{animation:"5s linear infinite both a5_do"}}))),React.createElement("g",{style:{animation:"5s linear infinite both a7_t"}},React.createElement("g",{transform:"translate(61.4,61.4) rotate(-210) translate(-42.7,-42.7)",style:{animation:"5s linear infinite both a6_t, 5s linear infinite both a6_o"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-17.4-26.9c.7-0.4 1.4-0.9 2.2-1.3c2.5-1.4 5.3-2.4 8.2-3.1c2.2-0.5 4.6-0.7 7-0.7c17.7 0 32 14.3 32 32c0 17.7-14.3 32-32 32c-17.7 0-32-14.3-32-32c0-5.9 1.6-11.4 4.3-16.1",strokeDasharray:"186 186",strokeDashoffset:186,visibility:"hidden",transform:"translate(42.7,42.7)",style:{animation:"5s linear infinite forwards a8_v, 5s linear infinite both a8_da, 5s linear infinite both a8_do"}}),React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:1,strokeWidth:3.5,d:"M4.5 0c0 1.1-0.4 2.1-1.1 2.8c-0.8 1-2 1.7-3.4 1.7c-2.5 0-4.5-2-4.5-4.5c0-2.5 2-4.5 4.5-4.5c2.5 0 4.5 2 4.5 4.5Z",strokeDasharray:"27.4 27.4",strokeDashoffset:27.3,transform:"translate(19.4,18.6) rotate(-26) scale(1.08,1.08) translate(1.1,1.1)",style:{animation:"5s linear infinite both a9_do"}}))),React.createElement("g",{style:{animation:"5s linear infinite both a11_t"}},React.createElement("g",{transform:"translate(61.4,61.4) rotate(170) translate(-53,-53)",style:{animation:"5s linear infinite both a10_t, 5s linear infinite both a10_o"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M41.8 16.7m.2-0.5c1.9-5 3-10.5 3-16.2c0-8.9-2.6-17.1-7-24.1c-8-12.5-22-20.9-38-20.9c-24.8 0-45 20.2-45 45c0 24.8 20.2 45 45 45c13.6 0 25.7-6 34-15.6",strokeDasharray:"266.7 266.7",strokeDashoffset:266.7,visibility:"hidden",transform:"translate(53.5,53.5) translate(-0.5,-0.5)",style:{animation:"5s linear infinite both a12_t, 5s linear infinite forwards a12_v, 5s linear infinite both a12_do"}}),React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:1,strokeWidth:3.5,d:"M3.5-2.7c.6 .7 1 1.7 1 2.7c0 2.5-2 4.5-4.5 4.5c-2.5 0-4.5-2-4.5-4.5c0-2.5 2-4.5 4.5-4.5c1.4 0 2.7 .7 3.5 1.8Z",strokeDasharray:"27.3 27.3",strokeDashoffset:27.3,transform:"translate(91.7,74) rotate(-26) scale(1.08,1.08) translate(1.1,1.1)",style:{animation:"5s linear infinite both a13_da, 5s linear infinite both a13_do"}})))),React.createElement("path",{fill:"none",stroke:"currentcolor",d:"M123.3-21.9c1.6 4.3 2.5 8.9 2.5 13.8c0 21.4-16.9 38.8-38.1 39.7v.1h-1.7h-11.4h-75.2c-17.2-0.4-31.1-14.4-31.1-31.7c0-17.5 14.2-31.7 31.7-31.7c1.7 0 3.4 .2 5 .4c0-0.1 0-0.2 0-0.4c0-20.8 16.9-37.7 37.7-37.7c15.5 0 28.7 9.2 34.6 22.5c2.8-0.6 5.7-0.9 8.7-0.9c17.1 0 31.7 10.7 37.3 25.9Z",strokeDasharray:"427 427",strokeDashoffset:427,strokeWidth:6,strokeLinecap:"round",visibility:"hidden",transform:"translate(51.4,122.3)",style:{animation:"5s linear infinite both a14_t, 5s linear infinite forwards a14_v, 5s linear infinite both a14_o, 5s linear infinite both a14_do"}}))};const defaultSize=96,LoadingIndicator=a=>{let{size:c=defaultSize,color:d="",className:e="",...b}=a;const f="number"==typeof c?c:parseInt(c),g=isNaN(f)||0>=f?defaultSize:f;return React__default.createElement(SvgLoadingIndicator,{width:g,height:g,className:`${e} ${d}`,role:"progressbar",alt:"Loading indicator",...b})};export{LoadingIndicator as L};

package/build/LoadingIndicator.js

@@ -1 +1 @@
-export{L as LoadingIndicator}from"./LoadingIndicator.component-CjUcoOtA.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{L as LoadingIndicator}from"./LoadingIndicator.component-CsNzFwe2.js";import"react";

package/build/MainContainer.component-DV_tQlek.js

@@ -0,0 +1,5 @@
+import React__default from"react";const mainStyles=`
+  jn-flex
+  jn-grow
+  jn-bg-theme-global-bg
+`,MainContainer=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("main",{className:`juno-main ${mainStyles} ${c}`,...b},d)};export{MainContainer as M};

package/build/MainContainer.js

@@ -1 +1 @@
-export{M as MainContainer}from"./MainContainer.component-beO5Qib0.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";import"react";

package/build/MainContainerInner.component-DhiRjgBx.js

@@ -0,0 +1,14 @@
+import React__default from"react";const mainInnerStyles=`
+  jn-flex
+  jn-grow
+`,constrainStyles=`
+  2xl:jn-container
+  2xl:jn-mx-auto
+`,constrainWithSideNavStyles=`
+  3xl:jn-container
+  3xl:jn-mx-auto
+`,MainContainerInner=a=>{let{children:c=null,fullWidth:d=!1,hasSideNav:e=!1,className:f="",...b}=a;return React__default.createElement("div",{className:`
+        juno-main-inner
+         ${mainInnerStyles}
+         ${d?"juno-main-inner-fullwidth":e?constrainWithSideNavStyles:constrainStyles}
+         ${f}`,...b},c)};export{MainContainerInner as M};

package/build/MainContainerInner.js

@@ -1 +1 @@
-export{M as MainContainerInner}from"./MainContainerInner.component-Dp6YCm8D.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";import"react";

package/build/MainTabs.component-DtTHcxTg.js

@@ -0,0 +1 @@
+import React__default from"react";import{T as Tabs}from"./Tabs.component-BRM3cTLV.js";const MainTabs=a=>{let{children:f=null,defaultIndex:b,selectedIndex:c,onSelect:d,className:g="",...e}=a;return React__default.createElement(Tabs,{defaultIndex:b,selectedIndex:c,onSelect:d,className:g,variant:"main",...e},f)};export{MainTabs as M};

package/build/MainTabs.js

@@ -1 +1 @@
-export{M as MainTabs}from"./MainTabs.component-C4jnzeW8.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Tabs.component-NQTjUypo.js";import"./TabPanel-B6oG_h5d.js";import"prop-types";
+export{M as MainTabs}from"./MainTabs.component-DtTHcxTg.js";import"react";import"./Tabs.component-BRM3cTLV.js";import"./TabPanel-B6oG_h5d.js";import"prop-types";

package/build/Menu.component-vFmV6jCc.js

@@ -0,0 +1,17 @@
+import React__default,{createContext}from"react";import{q as qe}from"./menu-DiwXZMR-.js";const baseStyles=`
+	jn-overflow-hidden
+	jn-flex
+	jn-flex-col
+	jn-rounded
+	jn-bg-theme-background-lvl-1
+`,smallStyles=`
+	jn-text-sm
+`,normalStyles=`
+	jn-text-base
+`,MenuContext=createContext(void 0),Menu=a=>{let{children:c=null,variant:d="normal",className:e="",...b}=a;return React__default.createElement(MenuContext.Provider,{value:{variant:d}},React__default.createElement(qe,null,React__default.createElement("div",{className:`
+					juno-menu 
+					juno-menu-${d} 
+					${baseStyles} 
+					${"small"===d?smallStyles:normalStyles} 
+					${e}
+				`,role:"menu",...b},c)))};export{Menu as M,MenuContext as a};

package/build/Menu.js

@@ -1 +1 @@
-export{M as Menu}from"./Menu.component-B2zPLmdP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
+export{M as Menu}from"./Menu.component-vFmV6jCc.js";import"react";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";

package/build/MenuItem.component-ddsy5_so.js

@@ -0,0 +1,32 @@
+import React__default,{useContext}from"react";import{a as MenuContext}from"./Menu.component-vFmV6jCc.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qe}from"./menu-DiwXZMR-.js";const itemStyles=`
+   jn-text-theme-default
+   jn-flex
+   jn-items-center
+   jn-w-full
+   bg-clip-padding
+   jn-truncate
+   jn-text-left
+   jn-bg-theme-background-lvl-1
+   disabled:jn-cursor-not-allowed
+   data-[headlessui-state="disabled"]:jn-cursor-not-allowed
+ `,smallStyles=`
+   jn-text-sm
+   jn-p-2
+ `,normalStyles=`
+   jn-text-base
+   jn-pt-[0.6875rem]
+   jn-pb-[0.5rem]
+   jn-px-[0.875rem]
+ `,actionableItemStyles=`
+   hover:jn-bg-theme-background-lvl-3
+   cursor-pointer
+   data-[headlessui-state="disabled"]:jn-bg-theme-background-lvl-3
+ `,MenuItem=a=>{let{children:c=null,className:d="",disabled:e=!1,href:f="",icon:g=null,label:h="",onClick:i=void 0,...b}=a;const j=useContext(MenuContext),k=j?.variant??"normal",l=f?"a":c?"div":i?"button":"div";return React__default.createElement(qe.Item,{as:l,...(f&&!e&&"a"===l?{href:f}:{}),onClick:i&&"button"===l&&!e?a=>{i&&i(a)}:void 0,disabled:e,className:`
+         juno-menu-item
+         juno-menu-item-${l}
+         ${itemStyles} 
+         ${"div"===l?"":actionableItemStyles}
+         ${"small"===k?smallStyles:normalStyles}
+         ${e?"jn-cursor-not-allowed":""}
+         ${d}
+       `,...b},React__default.createElement("span",{className:`${e?"jn-opacity-50":""}`},g&&React__default.createElement(Icon,{icon:g,size:"18",className:"jn-inline-block jn-mr-2"}),c||h))};export{MenuItem as M};

package/build/MenuItem.js

@@ -1 +1 @@
-export{M as MenuItem}from"./MenuItem.component-2A91klk9.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Menu.component-B2zPLmdP.js";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+export{M as MenuItem}from"./MenuItem.component-ddsy5_so.js";import"react";import"./Menu.component-vFmV6jCc.js";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/MenuSection.component-CteHwLJX.js

@@ -0,0 +1,11 @@
+import React__default from"react";const sectionStyles=`
+	jn-bg-theme-background-lvl-1
+	jn-flex
+	jn-flex-col
+	jn-border-b
+	jn-border-theme-background-lvl-3
+	last:jn-border-b-0
+`,titleStyles=`
+	jn-text-xs
+	jn-p-2
+`,MenuSection=a=>{let{title:c="",children:d=null,className:e="",...b}=a;return React__default.createElement("div",{className:`juno-menu-section ${sectionStyles} ${e}`,...b},c?React__default.createElement("div",{className:`juno-menu-section-title ${titleStyles}`},c):"",d)};export{MenuSection as M};

package/build/MenuSection.js

@@ -1 +1 @@
-export{M as MenuSection}from"./MenuSection.component-CXCYKlVr.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{M as MenuSection}from"./MenuSection.component-CteHwLJX.js";import"react";

package/build/Message.component-A7V1Flcl.js

@@ -0,0 +1,27 @@
+import React__default,{useState,useRef,useEffect}from"react";import{I as Icon,K as KnownIconsEnum}from"./Icon.component-ClhnejN0.js";const messageBaseStyles=`
+    jn-text-theme-high
+    jn-flex
+    jn-rounded
+    jn-leading-5
+    jn-overflow-hidden
+    jn-items-center
+`,messageHeadingStyles=`
+    jn-font-bold
+`,messageContentStyles=`
+    jn-py-3
+    jn-pr-4
+    jn-ml-7
+`,messageBorderStyles=`
+    jn-w-[4px]
+    jn-self-stretch
+    jn-border-l-4
+    jn-mr-6
+    jn-shrink-0
+`,dismissButtonStyles=`
+    jn-ml-auto
+    jn-self-stretch
+    jn-flex
+    jn-flex-col
+    jn-py-2.5
+    jn-pr-2.5
+`,messageVariantStyles={default:`jn-border-theme-message-default`,defaultBg:`jn-bg-theme-message-default`,error:`jn-border-theme-message-error`,errorBg:`jn-bg-theme-message-error`,warning:`jn-border-theme-message-warning`,warningBg:`jn-bg-theme-message-warning`,danger:`jn-border-theme-message-danger`,dangerBg:`jn-bg-theme-message-danger`,success:`jn-border-theme-message-success`,successBg:`jn-bg-theme-message-success`},getBackgroundStyle=a=>"error"===a?messageVariantStyles.errorBg:"warning"===a?messageVariantStyles.warningBg:"success"===a?messageVariantStyles.successBg:"info"===a?messageVariantStyles.defaultBg:"danger"===a?messageVariantStyles.dangerBg:messageVariantStyles.defaultBg,getVariantStyle=a=>"error"===a?messageVariantStyles.error:"warning"===a?messageVariantStyles.warning:"success"===a?messageVariantStyles.success:"info"===a?messageVariantStyles.default:"danger"===a?messageVariantStyles.danger:messageVariantStyles.default,isValidIcon=a=>{const b=new Set(Object.values(KnownIconsEnum));return b.has(a)},getIcon=a=>"error"===a?"dangerous":isValidIcon(a)?a:"default",initiateAutoDismiss=(a,b,c,d)=>{!a||1>b||(null!==d.current&&clearTimeout(d.current),d.current=window.setTimeout(()=>{c()},b))},clearAutoDismissTimeout=a=>{null!==a.current&&(clearTimeout(a.current),a.current=null)},Message=a=>{let{title:e=null,text:f=null,variant:g="info",dismissible:h=!1,autoDismiss:i=!1,autoDismissTimeout:j=1e4,onDismiss:b,className:k="",children:c,...d}=a;const[l,m]=useState(!0),n=useRef(null),o=()=>{m(!1),b&&b()};if(useEffect(()=>()=>{clearAutoDismissTimeout(n)},[]),useEffect(()=>{initiateAutoDismiss(i,j,o,n)},[i,j]),!l)return null;const p=getIcon(g),q=getBackgroundStyle(g),r=getVariantStyle(g);return React__default.createElement("div",{className:`juno-message juno-message-${g} ${messageBaseStyles} ${q} ${k}`,...d},React__default.createElement("div",{className:`juno-message-border ${messageBorderStyles} ${r}`}),React__default.createElement(Icon,{icon:p,color:`jn-text-theme-${g}`,className:"jn-shrink-0"}),React__default.createElement("div",{className:`juno-message-content ${messageContentStyles}`},e&&React__default.createElement("h1",{className:messageHeadingStyles},e),React__default.createElement("div",null,c||f)),h&&(React__default.createElement("div",{className:dismissButtonStyles},React__default.createElement(Icon,{icon:"close",onClick:o,className:"juno-message-close-button jn-opacity-50 hover:jn-opacity-100"}))))};export{Message as M};

package/build/Message.js

@@ -1 +1 @@
-export{M as Message}from"./Message.component-COHT30fL.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+export{M as Message}from"./Message.component-A7V1Flcl.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/Modal.js

@@ -1 +1,31 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useEffect,useRef,useId}from"react";import{createPortal}from"react-dom";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";import{M as ModalFooter}from"./ModalFooter.component-vqu5JEqH.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";import"./_commonjsHelpers-BxGi5vpY.js";import"prop-types";import"./Button.component-Ck0-XKMD.js";import"./Spinner.component-B_OKKh5D.js";import"./ButtonRow.component-CgfANnke.js";import"./Stack.component-BNRLhyTo.js";import"./widgets-njngpHa5.js";var modalcontainerstyles="\n\tjn-fixed\n\tjn-inset-0\n\tjn-flex\n\tjn-items-center\n\tjn-bg-theme-modal-backdrop\n\tjn-backdrop-blur-[2px]\n\tjn-z-[9990]\n",modalstyles="\n\tjn-bg-theme-background-lvl-0\n\tjn-relative\n\tjn-rounded\n\tjn-m-auto\n\tjn-overflow-y-auto\n\tjn-max-h-[90%]\n",headerstyles="\n\tjn-flex\n\tjn-py-2\n\tjn-px-8\n\tjn-border-b\n\tjn-border-theme-background-lvl-4\n\tjn-h-[2.8125rem]\n",titlestyles="\n\tjn-text-xl\n\tjn-font-bold\n",contentstyles="\n\tjn-min-h-[5rem]\n",contentpaddingstyles="\n\tjn-py-4\n\tjn-px-8\n",sizeClass=function(a){return"large"===a?"jn-w-[40rem]":"jn-w-[33.625rem]"},Modal=function(a){var b=a.ariaLabel,c=a.cancelButtonIcon,d=void 0===c?null:c,e=a.cancelButtonLabel,f=void 0===e?"":e,g=a.confirmButtonIcon,h=void 0===g?null:g,i=a.confirmButtonLabel,j=void 0===i?"":i,k=a.children,l=void 0===k?null:k,m=a.closeable,n=!(void 0!==m)||m,o=a.closeOnBackdropClick,p=void 0!==o&&o,q=a.closeOnEsc,r=!(void 0!==q)||q,s=a.heading,t=void 0===s?"":s,u=a.initialFocus,v=a.modalFooter,w=void 0===v?null:v,x=a.onConfirm,y=a.onCancel,z=a.open,A=void 0!==z&&z,B=a.size,C=void 0===B?"small":B,D=a.title,E=void 0===D?"":D,F=a.unpad,G=a.className,H=void 0===G?"":G,I=__rest(a,["ariaLabel","cancelButtonIcon","cancelButtonLabel","confirmButtonIcon","confirmButtonLabel","children","closeable","closeOnBackdropClick","closeOnEsc","heading","initialFocus","modalFooter","onConfirm","onCancel","open","size","title","unpad","className"]),J=useState(A),K=J[0],L=J[1],M=useState(n),N=M[0],O=M[1],P=useState(p),Q=P[0],R=P[1],S=useState(r),T=S[0],U=S[1];useEffect(function(){L(A)},[A]),useEffect(function(){O(n)},[n]),useEffect(function(){R(p)},[p]),useEffect(function(){U(r)},[r]);var V=function(a){L(!1),y&&y(a)},W=function(a){N&&T&&(L(!1),y&&y(a))},X=usePortalRef(),Y=useRef(null),Z=E||t,$=function(){return"juno-modal-"+useId()}();return React__default.createElement(React__default.Fragment,null,K&&createPortal(React__default.createElement("div",{className:"juno-modal-container ".concat(modalcontainerstyles),onClick:function(a){Q?(L(!1),y&&y(a)):a.stopPropagation()}},React__default.createElement(FocusTrap,{focusTrapOptions:{initialFocus:u,clickOutsideDeactivates:Q,fallbackFocus:function(){return Y.current},allowOutsideClick:!0,escapeDeactivates:function(a){return W(a),!1}}},React__default.createElement("div",__assign({className:"juno-modal ".concat(sizeClass(C)," ").concat(modalstyles," ").concat(H),role:"dialog",ref:Y},I,{"aria-labelledby":Z&&Z.length?$:void 0,"aria-label":b}),React__default.createElement("div",{className:"juno-modal-header ".concat(headerstyles," ").concat(Z&&Z.length?"jn-justify-between":"jn-justify-end")},E||t?(React__default.createElement("h1",{className:"juno-modal-title ".concat(titlestyles),id:$},E||t)):"",N?React__default.createElement(Icon,{icon:"close",onClick:V}):""),React__default.createElement("div",{className:"juno-modal-content ".concat(contentstyles," ").concat(void 0!==F&&F?"":contentpaddingstyles)},l),N?w?w:(React__default.createElement(ModalFooter,{confirmButtonLabel:j,cancelButtonLabel:f,confirmButtonIcon:h,cancelButtonIcon:d,onConfirm:x?function(a){x&&x(a)}:null,onCancel:V})):null))),X?X:document.body))};export{Modal};
+import React__default,{useState,useEffect,useRef,useId}from"react";import{createPortal}from"react-dom";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";import{M as ModalFooter}from"./ModalFooter.component-BK0doJJO.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import"./_commonjsHelpers-BxGi5vpY.js";import"prop-types";import"./Button.component-liw0UuGT.js";import"./Spinner.component-CO095KvL.js";import"./ButtonRow.component-CzhKhK_N.js";import"./Stack.component-Pe-1jf3W.js";import"./widgets-njngpHa5.js";const modalcontainerstyles=`
+	jn-fixed
+	jn-inset-0
+	jn-flex
+	jn-items-center
+	jn-bg-theme-modal-backdrop
+	jn-backdrop-blur-[2px]
+	jn-z-[9990]
+`,modalstyles=`
+	jn-bg-theme-background-lvl-0
+	jn-relative
+	jn-rounded
+	jn-m-auto
+	jn-overflow-y-auto
+	jn-max-h-[90%]
+`,headerstyles=`
+	jn-flex
+	jn-py-2
+	jn-px-8
+	jn-border-b
+	jn-border-theme-background-lvl-4
+	jn-h-[2.8125rem]
+`,titlestyles=`
+	jn-text-xl
+	jn-font-bold
+`,contentstyles=`
+	jn-min-h-[5rem]
+`,contentpaddingstyles=`
+	jn-py-4
+	jn-px-8
+`,sizeClass=a=>"large"===a?`jn-w-[40rem]`:`jn-w-[33.625rem]`,Modal=a=>{let{ariaLabel:b,cancelButtonIcon:g=null,cancelButtonLabel:h="",confirmButtonIcon:i=null,confirmButtonLabel:j="",children:k=null,closeable:l=!0,closeOnBackdropClick:m=!1,closeOnEsc:n=!0,heading:o="",initialFocus:c,modalFooter:p=null,onConfirm:d,onCancel:e,open:q=!1,size:r="small",title:s="",unpad:t=!1,className:u="",...f}=a;const[v,w]=useState(q),[x,y]=useState(l),[z,A]=useState(m),[B,C]=useState(n);useEffect(()=>{w(q)},[q]),useEffect(()=>{y(l)},[l]),useEffect(()=>{A(m)},[m]),useEffect(()=>{C(n)},[n]);const D=a=>{w(!1),e&&e(a)},E=a=>{x&&B&&(w(!1),e&&e(a))},F=usePortalRef(),G=useRef(null),H=s||o,I=(()=>"juno-modal-"+useId())();return React__default.createElement(React__default.Fragment,null,v&&createPortal(React__default.createElement("div",{className:`juno-modal-container ${modalcontainerstyles}`,onClick:a=>{z?(w(!1),e&&e(a)):a.stopPropagation()}},React__default.createElement(FocusTrap,{focusTrapOptions:{initialFocus:c,clickOutsideDeactivates:z,fallbackFocus:()=>G.current,allowOutsideClick:!0,escapeDeactivates:a=>(E(a),!1)}},React__default.createElement("div",{className:`juno-modal ${sizeClass(r)} ${modalstyles} ${u}`,role:"dialog",ref:G,...f,"aria-labelledby":H&&H.length?I:void 0,"aria-label":b},React__default.createElement("div",{className:`juno-modal-header ${headerstyles} ${H&&H.length?`jn-justify-between`:`jn-justify-end`}`},s||o?(React__default.createElement("h1",{className:`juno-modal-title ${titlestyles}`,id:I},s||o)):"",x?React__default.createElement(Icon,{icon:"close",onClick:D}):""),React__default.createElement("div",{className:`juno-modal-content ${contentstyles} ${t?"":contentpaddingstyles}`},k),x?p?p:(React__default.createElement(ModalFooter,{confirmButtonLabel:j,cancelButtonLabel:h,confirmButtonIcon:i,cancelButtonIcon:g,onConfirm:d?a=>{d&&d(a)}:null,onCancel:D})):null))),F?F:document.body))};export{Modal};

package/build/ModalFooter.component-BK0doJJO.js

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

package/build/ModalFooter.js

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

package/build/NativeSelect.component-BaWaK11P.js

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

package/build/NativeSelect.js

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

package/build/NativeSelectOption.component-BWRxjRz0.js

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

package/build/NativeSelectOption.js

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

package/build/NativeSelectOptionGroup.component-GFuGvLsz.js

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

package/build/NativeSelectOptionGroup.js

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

package/build/Navigation.component-DaabNHev.js

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

package/build/Navigation.js

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

package/build/NavigationItem.component-DI0SMWsi.js

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

package/build/NavigationItem.js

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

package/build/PageFooter.component-CeD5DCjY.js

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

package/build/PageFooter.js

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

package/build/PageHeader.component-DqYR6Yyo.js

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

package/build/PageHeader.js

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