@cloudoperators/juno-ui-components 2.31.0 → 2.32.0

package/build/Tooltip.component-AWJGzfXT.js

@@ -0,0 +1 @@
+import*as React from"react";import React__default,{useLayoutEffect,useEffect,useRef,useState}from"react";import{g as getOverflowAncestors,u as useFloating$1,c as autoUpdate,o as offset,f as flip,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";function getNodeName(a){return isNode(a)?(a.nodeName||"").toLowerCase():"#document"}function getWindow(a){var b;return(null==a||null==(b=a.ownerDocument)?void 0:b.defaultView)||window}function getDocumentElement(a){var b;return null==(b=(isNode(a)?a.ownerDocument:a.document)||window.document)?void 0:b.documentElement}function isNode(a){return a instanceof Node||a instanceof getWindow(a).Node}function isElement(a){return a instanceof Element||a instanceof getWindow(a).Element}function isHTMLElement(a){return a instanceof HTMLElement||a instanceof getWindow(a).HTMLElement}function isShadowRoot(a){return"undefined"!=typeof ShadowRoot&&(a instanceof ShadowRoot||a instanceof getWindow(a).ShadowRoot)}function isLastTraversableNode(a){return["html","body","#document"].includes(getNodeName(a))}function getComputedStyle(a){return getWindow(a).getComputedStyle(a)}function getParentNode(a){if("html"===getNodeName(a))return a;const b=a.assignedSlot||a.parentNode||isShadowRoot(a)&&a.host||getDocumentElement(a);return isShadowRoot(b)?b.host:b}function activeElement(a){let b=a.activeElement;for(;null!=(null==(c=b)||null==(d=c.shadowRoot)?void 0:d.activeElement);){var c,d;b=b.shadowRoot.activeElement}return b}function contains(a,b){if(!a||!b)return!1;const c=b.getRootNode&&b.getRootNode();if(a.contains(b))return!0;if(c&&isShadowRoot(c))for(let c=b;c;){if(a===c)return!0;c=c.parentNode||c.host}return!1}function getPlatform(){const a=navigator.userAgentData;return null!=a&&a.platform?a.platform:navigator.platform}function getUserAgent(){const a=navigator.userAgentData;return a&&Array.isArray(a.brands)?a.brands.map(a=>{let{brand:b,version:c}=a;return b+"/"+c}).join(" "):navigator.userAgent}function isVirtualClick(a){if(0===a.mozInputSource&&a.isTrusted)return!0;const b=/Android/i;return(b.test(getPlatform())||b.test(getUserAgent()))&&a.pointerType?"click"===a.type&&1===a.buttons:0===a.detail&&!a.pointerType}function isVirtualPointerEvent(a){return 0===a.width&&0===a.height||1===a.width&&1===a.height&&0===a.pressure&&0===a.detail&&"mouse"!==a.pointerType||1>a.width&&1>a.height&&0===a.pressure&&0===a.detail}function isMouseLikePointerType(a,b){const c=["mouse","pen"];return b||c.push("",void 0),c.includes(a)}function isReactEvent(a){return"nativeEvent"in a}function isRootElement(a){return a.matches("html,body")}function getDocument(a){return(null==a?void 0:a.ownerDocument)||document}function isEventTargetWithin(a,b){if(null==b)return!1;if("composedPath"in a)return a.composedPath().includes(b);const c=a;return null!=c.target&&b.contains(c.target)}function getTarget(a){return"composedPath"in a?a.composedPath()[0]:a.target}const TYPEABLE_SELECTOR="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function isTypeableElement(a){return isHTMLElement(a)&&a.matches(TYPEABLE_SELECTOR)}function useMergeRefs(a){return React.useMemo(()=>a.every(a=>null==a)?null:b=>{a.forEach(a=>{"function"==typeof a?a(b):null!=a&&(a.current=b)})},a)}var index="undefined"==typeof document?useEffect:useLayoutEffect;let serverHandoffComplete=!1,count=0;const genId=()=>"floating-ui-"+count++;function useFloatingId(){const[a,b]=React.useState(()=>serverHandoffComplete?genId():void 0);return index(()=>{null==a&&b(genId())},[]),React.useEffect(()=>{serverHandoffComplete||(serverHandoffComplete=!0)},[]),a}const useReactId=React["useId".toString()],useId=useReactId||useFloatingId;function createPubSub(){const a=new Map;return{emit(b,c){var d;null==(d=a.get(b))?void 0:d.forEach(a=>a(c))},on(b,c){a.set(b,[...(a.get(b)||[]),c])},off(b,c){var d;a.set(b,(null==(d=a.get(b))?void 0:d.filter(a=>a!==c))||[])}}}const FloatingNodeContext=React.createContext(null),FloatingTreeContext=React.createContext(null),useFloatingParentNodeId=()=>{var a;return(null==(a=React.useContext(FloatingNodeContext))?void 0:a.id)||null},useFloatingTree=()=>React.useContext(FloatingTreeContext);function createAttribute(a){return"data-floating-ui-"+a}function useLatestRef(a){const b=useRef(a);return index(()=>{b.current=a}),b}const safePolygonIdentifier=createAttribute("safe-polygon");function getDelay(a,b,c){return c&&!isMouseLikePointerType(c)?0:"number"==typeof a?a:null==a?void 0:a[b]}function useHover(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,events:f,elements:{domReference:h,floating:i},refs:g}=a,{enabled:j=!0,delay:k=0,handleClose:l=null,mouseOnly:m=!1,restMs:n=0,move:o=!0}=b,p=useFloatingTree(),q=useFloatingParentNodeId(),r=useLatestRef(l),s=useLatestRef(k),t=React.useRef(),u=React.useRef(),v=React.useRef(),w=React.useRef(),x=React.useRef(!0),y=React.useRef(!1),z=React.useRef(()=>{}),A=React.useCallback(()=>{var a;const b=null==(a=e.current.openEvent)?void 0:a.type;return(null==b?void 0:b.includes("mouse"))&&"mousedown"!==b},[e]);React.useEffect(()=>{function a(){clearTimeout(u.current),clearTimeout(w.current),x.current=!0}if(j)return f.on("dismiss",a),()=>{f.off("dismiss",a)}},[j,f]),React.useEffect(()=>{function a(a){A()&&d(!1,a)}if(!j||!r.current||!c)return;const b=getDocument(i).documentElement;return b.addEventListener("mouseleave",a),()=>{b.removeEventListener("mouseleave",a)}},[i,c,d,j,r,e,A]);const B=React.useCallback(function(a,b){void 0===b&&(b=!0);const c=getDelay(s.current,"close",t.current);c&&!v.current?(clearTimeout(u.current),u.current=setTimeout(()=>d(!1,a),c)):b&&(clearTimeout(u.current),d(!1,a))},[s,d]),C=React.useCallback(()=>{z.current(),v.current=void 0},[]),D=React.useCallback(()=>{if(y.current){const a=getDocument(g.floating.current).body;a.style.pointerEvents="",a.removeAttribute(safePolygonIdentifier),y.current=!1}},[g]);return React.useEffect(()=>{function b(){return!!e.current.openEvent&&["click","mousedown"].includes(e.current.openEvent.type)}function f(a){if(clearTimeout(u.current),x.current=!1,!(m&&!isMouseLikePointerType(t.current)||0<n&&0===getDelay(s.current,"open"))){const b=getDelay(s.current,"open",t.current);b?u.current=setTimeout(()=>{d(!0,a)},b):d(!0,a)}}function g(d){if(b())return;z.current();const e=getDocument(i);if(clearTimeout(w.current),r.current){c||clearTimeout(u.current),v.current=r.current({...a,tree:p,x:d.clientX,y:d.clientY,onClose(){D(),C(),B(d)}});const b=v.current;return e.addEventListener("mousemove",b),void(z.current=()=>{e.removeEventListener("mousemove",b)})}const f="touch"!==t.current||!contains(i,d.relatedTarget);f&&B(d)}function k(c){b()||(null==r.current?void 0:r.current({...a,tree:p,x:c.clientX,y:c.clientY,onClose(){D(),C(),B(c)}})(c))}if(j&&isElement(h)){const a=h;return c&&a.addEventListener("mouseleave",k),null==i?void 0:i.addEventListener("mouseleave",k),o&&a.addEventListener("mousemove",f,{once:!0}),a.addEventListener("mouseenter",f),a.addEventListener("mouseleave",g),()=>{c&&a.removeEventListener("mouseleave",k),null==i?void 0:i.removeEventListener("mouseleave",k),o&&a.removeEventListener("mousemove",f),a.removeEventListener("mouseenter",f),a.removeEventListener("mouseleave",g)}}},[h,i,j,a,m,n,o,B,C,D,d,c,p,s,r,e]),index(()=>{var a;if(j&&c&&null!=(a=r.current)&&a.__options.blockPointerEvents&&A()){const a=getDocument(i).body;if(a.setAttribute(safePolygonIdentifier,""),a.style.pointerEvents="none",y.current=!0,isElement(h)&&i){var b,d;const a=h,c=null==p||null==(b=p.nodesRef.current.find(a=>a.id===q))||null==(d=b.context)?void 0:d.elements.floating;return c&&(c.style.pointerEvents=""),a.style.pointerEvents="auto",i.style.pointerEvents="auto",()=>{a.style.pointerEvents="",i.style.pointerEvents=""}}}},[j,c,q,i,h,p,r,e,A]),index(()=>{c||(t.current=void 0,C(),D())},[c,C,D]),React.useEffect(()=>()=>{C(),clearTimeout(u.current),clearTimeout(w.current),D()},[j,h,C,D]),React.useMemo(()=>{function a(a){t.current=a.pointerType}return j?{reference:{onPointerDown:a,onPointerEnter:a,onMouseMove(a){c||0===n||(clearTimeout(w.current),w.current=setTimeout(()=>{x.current||d(!0,a.nativeEvent)},n))}},floating:{onMouseEnter(){clearTimeout(u.current)},onMouseLeave(a){f.emit("dismiss",{type:"mouseLeave",data:{returnFocus:!1}}),B(a.nativeEvent,!1)}}}:{}},[f,j,n,c,d,B])}function getChildren(a,b){let c=a.filter(a=>{var c;return a.parentId===b&&(null==(c=a.context)?void 0:c.open)}),d=c;for(;d.length;)d=a.filter(a=>{var b;return null==(b=d)?void 0:b.some(b=>{var c;return a.parentId===b.id&&(null==(c=a.context)?void 0:c.open)})}),c=c.concat(d);return c}function isButtonTarget(a){return isHTMLElement(a.target)&&"BUTTON"===a.target.tagName}function isSpaceIgnored(a){return isTypeableElement(a)}function useClick(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,elements:{domReference:f}}=a,{enabled:g=!0,event:h="click",toggle:i=!0,ignoreMouse:j=!1,keyboardHandlers:k=!0}=b,l=React.useRef(),m=React.useRef(!1);return React.useMemo(()=>g?{reference:{onPointerDown(a){l.current=a.pointerType},onMouseDown(a){0!==a.button||isMouseLikePointerType(l.current,!0)&&j||"click"===h||(c&&i&&(!e.current.openEvent||"mousedown"===e.current.openEvent.type)?d(!1,a.nativeEvent):(a.preventDefault(),d(!0,a.nativeEvent)))},onClick(a){return"mousedown"===h&&l.current?void(l.current=void 0):void(isMouseLikePointerType(l.current,!0)&&j||(c&&i&&(!e.current.openEvent||"click"===e.current.openEvent.type)?d(!1,a.nativeEvent):d(!0,a.nativeEvent)))},onKeyDown(a){l.current=void 0,a.defaultPrevented||!k||isButtonTarget(a)||(" "===a.key&&!isSpaceIgnored(f)&&(a.preventDefault(),m.current=!0),"Enter"===a.key&&(c&&i?d(!1,a.nativeEvent):d(!0,a.nativeEvent)))},onKeyUp(a){a.defaultPrevented||!k||isButtonTarget(a)||isSpaceIgnored(f)||" "===a.key&&m.current&&(m.current=!1,c&&i?d(!1,a.nativeEvent):d(!0,a.nativeEvent))}}}:{},[g,e,h,j,k,f,i,c,d])}const useInsertionEffect=React["useInsertionEffect".toString()],useSafeInsertionEffect=useInsertionEffect||(a=>a());function useEffectEvent(a){const b=React.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return useSafeInsertionEffect(()=>{b.current=a}),React.useCallback(function(){for(var a=arguments.length,c=Array(a),d=0;d<a;d++)c[d]=arguments[d];return null==b.current?void 0:b.current(...c)},[])}const bubbleHandlerKeys={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},captureHandlerKeys={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},normalizeBubblesProp=a=>{var b,c;return{escapeKeyBubbles:"boolean"==typeof a?a:null!=(b=null==a?void 0:a.escapeKey)&&b,outsidePressBubbles:"boolean"==typeof a?a:!(null!=(c=null==a?void 0:a.outsidePress))||c}};function useDismiss(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,events:e,nodeId:f,elements:{reference:h,domReference:i,floating:j},dataRef:g}=a,{enabled:l=!0,escapeKey:m=!0,outsidePress:n=!0,outsidePressEvent:o="pointerdown",referencePress:p=!1,referencePressEvent:q="pointerdown",ancestorScroll:r=!1,bubbles:k}=b,s=useFloatingTree(),t=null!=useFloatingParentNodeId(),u=useEffectEvent("function"==typeof n?n:()=>!1),v="function"==typeof n?u:n,w=React.useRef(!1),{escapeKeyBubbles:x,outsidePressBubbles:y}=normalizeBubblesProp(k),z=useEffectEvent(a=>{if(c&&l&&m&&"Escape"===a.key){const b=s?getChildren(s.nodesRef.current,f):[];if(!x&&(a.stopPropagation(),0<b.length)){let a=!0;if(b.forEach(b=>{var c;if(null!=(c=b.context)&&c.open&&!b.context.dataRef.current.__escapeKeyBubbles)return void(a=!1)}),!a)return}e.emit("dismiss",{type:"escapeKey",data:{returnFocus:{preventScroll:!1}}}),d(!1,isReactEvent(a)?a.nativeEvent:a)}}),A=useEffectEvent(a=>{const b=w.current;if(w.current=!1,b)return;if("function"==typeof v&&!v(a))return;const c=getTarget(a),g="["+createAttribute("inert")+"]",h=getDocument(j).querySelectorAll(g);let k=isElement(c)?c:null;for(;k&&!isLastTraversableNode(k);){const a=getParentNode(k);if(a===getDocument(j).body||!isElement(a))break;else k=a}if(!(h.length&&isElement(c)&&!isRootElement(c)&&!contains(c,j)&&Array.from(h).every(a=>!contains(k,a)))){if(isHTMLElement(c)&&j){const b=0<c.clientWidth&&c.scrollWidth>c.clientWidth,d=0<c.clientHeight&&c.scrollHeight>c.clientHeight;let e=d&&a.offsetX>c.clientWidth;if(d){const b="rtl"===getComputedStyle(c).direction;b&&(e=a.offsetX<=c.offsetWidth-c.clientWidth)}if(e||b&&a.offsetY>c.clientHeight)return}const b=s&&getChildren(s.nodesRef.current,f).some(b=>{var c;return isEventTargetWithin(a,null==(c=b.context)?void 0:c.elements.floating)});if(!(isEventTargetWithin(a,j)||isEventTargetWithin(a,i)||b)){const b=s?getChildren(s.nodesRef.current,f):[];if(0<b.length){let a=!0;if(b.forEach(b=>{var c;if(null!=(c=b.context)&&c.open&&!b.context.dataRef.current.__outsidePressBubbles)return void(a=!1)}),!a)return}e.emit("dismiss",{type:"outsidePress",data:{returnFocus:t?{preventScroll:!0}:isVirtualClick(a)||isVirtualPointerEvent(a)}}),d(!1,a)}}});return React.useEffect(()=>{function a(a){d(!1,a)}if(!c||!l)return;g.current.__escapeKeyBubbles=x,g.current.__outsidePressBubbles=y;const b=getDocument(j);m&&b.addEventListener("keydown",z),v&&b.addEventListener(o,A);let e=[];return r&&(isElement(i)&&(e=getOverflowAncestors(i)),isElement(j)&&(e=e.concat(getOverflowAncestors(j))),!isElement(h)&&h&&h.contextElement&&(e=e.concat(getOverflowAncestors(h.contextElement)))),e=e.filter(a=>{var c;return a!==(null==(c=b.defaultView)?void 0:c.visualViewport)}),e.forEach(b=>{b.addEventListener("scroll",a,{passive:!0})}),()=>{m&&b.removeEventListener("keydown",z),v&&b.removeEventListener(o,A),e.forEach(b=>{b.removeEventListener("scroll",a)})}},[g,j,i,h,m,v,o,c,d,r,l,x,y,z,A]),React.useEffect(()=>{w.current=!1},[v,o]),React.useMemo(()=>l?{reference:{onKeyDown:z,[bubbleHandlerKeys[q]]:a=>{p&&(e.emit("dismiss",{type:"referencePress",data:{returnFocus:!1}}),d(!1,a.nativeEvent))}},floating:{onKeyDown:z,[captureHandlerKeys[o]]:()=>{w.current=!0}}}:{},[l,e,p,o,q,d,z])}let devMessageSet;"production"!==process.env.NODE_ENV&&(devMessageSet=new Set);function useFloating(a){var b;void 0===a&&(a={});const{open:e=!1,onOpenChange:c,nodeId:d}=a;if("production"!==process.env.NODE_ENV){var f;const b="Floating UI: Cannot pass a virtual element to the `elements.reference` option, as it must be a real DOM element. Use `refs.setPositionReference` instead.";if(null!=(f=a.elements)&&f.reference&&!isElement(a.elements.reference)){var g;if(!(null!=(g=devMessageSet)&&g.has(b))){var h;null==(h=devMessageSet)?void 0:h.add(b),console.error(b)}}}const[i,j]=React.useState(null),k=(null==(b=a.elements)?void 0:b.reference)||i,l=useFloating$1(a),m=useFloatingTree(),n=useEffectEvent((a,b)=>{a&&(p.current.openEvent=b),null==c?void 0:c(a,b)}),o=React.useRef(null),p=React.useRef({}),q=React.useState(()=>createPubSub())[0],r=useId(),s=React.useCallback(a=>{const b=isElement(a)?{getBoundingClientRect:()=>a.getBoundingClientRect(),contextElement:a}:a;l.refs.setReference(b)},[l.refs]),t=React.useCallback(a=>{(isElement(a)||null===a)&&(o.current=a,j(a)),(isElement(l.refs.reference.current)||null===l.refs.reference.current||null!==a&&!isElement(a))&&l.refs.setReference(a)},[l.refs]),u=React.useMemo(()=>({...l.refs,setReference:t,setPositionReference:s,domReference:o}),[l.refs,t,s]),v=React.useMemo(()=>({...l.elements,domReference:k}),[l.elements,k]),w=React.useMemo(()=>({...l,refs:u,elements:v,dataRef:p,nodeId:d,floatingId:r,events:q,open:e,onOpenChange:n}),[l,d,r,q,e,n,u,v]);return index(()=>{const a=null==m?void 0:m.nodesRef.current.find(a=>a.id===d);a&&(a.context=w)}),React.useMemo(()=>({...l,context:w,refs:u,elements:v}),[l,u,v,w])}function useFocus(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,events:f,refs:g,elements:{floating:h,domReference:i}}=a,{enabled:j=!0,keyboardOnly:k=!0}=b,l=React.useRef(""),m=React.useRef(!1),n=React.useRef();return React.useEffect(()=>{function a(){!c&&isHTMLElement(i)&&i===activeElement(getDocument(i))&&(m.current=!0)}if(!j)return;const b=getDocument(h),d=b.defaultView||window;return d.addEventListener("blur",a),()=>{d.removeEventListener("blur",a)}},[h,i,c,j]),React.useEffect(()=>{function a(a){("referencePress"===a.type||"escapeKey"===a.type)&&(m.current=!0)}if(j)return f.on("dismiss",a),()=>{f.off("dismiss",a)}},[f,j]),React.useEffect(()=>()=>{clearTimeout(n.current)},[]),React.useMemo(()=>j?{reference:{onPointerDown(a){let{pointerType:b}=a;l.current=b,m.current=!!(b&&k)},onMouseLeave(){m.current=!1},onFocus(a){var b;m.current||"focus"===a.type&&"mousedown"===(null==(b=e.current.openEvent)?void 0:b.type)&&isEventTargetWithin(e.current.openEvent,i)||d(!0,a.nativeEvent)},onBlur(a){m.current=!1;const b=a.relatedTarget,c=isElement(b)&&b.hasAttribute(createAttribute("focus-guard"))&&"outside"===b.getAttribute("data-type");n.current=setTimeout(()=>{contains(g.floating.current,b)||contains(i,b)||c||d(!1,a.nativeEvent)})}}}:{},[j,k,i,g,e,d])}function mergeProps(a,b,c){const d=new Map;return{...("floating"===c&&{tabIndex:-1}),...a,...b.map(a=>a?a[c]:null).concat(a).reduce((a,b)=>b?(Object.entries(b).forEach(b=>{let[c,e]=b;if(0!==c.indexOf("on"))a[c]=e;else if(d.has(c)||d.set(c,[]),"function"==typeof e){var f;null==(f=d.get(c))?void 0:f.push(e),a[c]=function(){for(var a,b=arguments.length,e=Array(b),f=0;f<b;f++)e[f]=arguments[f];return null==(a=d.get(c))?void 0:a.map(a=>a(...e)).find(a=>void 0!==a)}}}),a):a,{})}}function useInteractions(a){void 0===a&&(a=[]);const b=a,c=React.useCallback(b=>mergeProps(b,a,"reference"),b),d=React.useCallback(b=>mergeProps(b,a,"floating"),b),e=React.useCallback(b=>mergeProps(b,a,"item"),a.map(a=>null==a?void 0:a.item));return React.useMemo(()=>({getReferenceProps:c,getFloatingProps:d,getItemProps:e}),[c,d,e])}function useRole(a,b){void 0===b&&(b={});const{open:c,floatingId:d}=a,{enabled:e=!0,role:f="dialog"}=b,g=useId();return React.useMemo(()=>{const a={id:d,role:f};return e?"tooltip"===f?{reference:{"aria-describedby":c?d:void 0},floating:a}:{reference:{"aria-expanded":c?"true":"false","aria-haspopup":"alertdialog"===f?"dialog":f,"aria-controls":c?d:void 0,...("listbox"===f&&{role:"combobox"}),...("menu"===f&&{id:g})},floating:{...a,...("menu"===f&&{"aria-labelledby":g})}}:{}},[e,f,c,d,g])}const useTooltip=function(){let{initialOpen:d=!1,variant:a,placement:e="top",triggerEvent:f="click",open:b,onOpenChange:c,disabled:g=!1}=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};const[h,i]=useState(d),j=b??h,k=c??i,l=useFloating({placement:e,open:j,onOpenChange:k,whileElementsMounted:autoUpdate,middleware:[offset(5),flip(),shift()]}),m=l.context,n=useClick(m,{enabled:null==b&&!1===g&&"click"===f}),o=useHover(m,{move:!1,enabled:null==b&&!1===g&&"hover"===f}),p=useFocus(m,{enabled:null==b}),q=useDismiss(m),r=useRole(m,{role:"tooltip"}),s=useInteractions([n,o,p,q,r]);return React__default.useMemo(()=>({open:j,setOpen:k,variant:a,disabled:g,...s,...l}),[j,k,a,g,s,l])},TooltipContext=React__default.createContext(null),useTooltipState=()=>{const a=React__default.useContext(TooltipContext);if(null==a)throw new Error("Tooltip components must be wrapped in <Tooltip />");return a};function Tooltip(a){let{initialOpen:e=!1,placement:f="top",variant:b,open:c,triggerEvent:g="click",disabled:h=!1,children:i=null,...d}=a;const j=useTooltip({initialOpen:e,placement:f,variant:b,open:c,triggerEvent:g,disabled:h,props:d});return React__default.createElement(TooltipContext.Provider,{value:j},i)}export{Tooltip as T,useMergeRefs as a,useTooltipState as u};

package/build/Tooltip.js

@@ -1 +1 @@
-export{T as Tooltip}from"./Tooltip.component-pZQW88UK.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";
+export{T as Tooltip}from"./Tooltip.component-AWJGzfXT.js";import"react";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";

package/build/TooltipContent.component-Go8u2Bz4.js

@@ -0,0 +1,14 @@
+import React__default from"react";import{u as useTooltipState,a as useMergeRefs}from"./Tooltip.component-AWJGzfXT.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";const popoverStyles=`
+    jn-bg-theme-background-lvl-1
+    jn-text-theme-high 
+    jn-inline-flex	
+  jn-items-center
+    jn-p-2
+    jn-rounded
+    jn-drop-shadow-[0_0_4px_rgba(0,0,0,0.15)]
+`,popoverTextStyles=`
+    jn-mx-4
+    jn-max-w-full
+`,popoverIconStyles=`
+    jn-shrink-0
+`,getIcon=a=>"error"===a?"dangerous":a,TooltipContent=React__default.forwardRef(function(a,b){let{className:d="",children:e=null,...c}=a;const f=useTooltipState(),g=useMergeRefs([f.refs.setFloating,b]),h=f.variant;return React__default.createElement(React__default.Fragment,null,f.open&&(React__default.createElement("div",{className:`juno-tooltip juno-tooltip-${h} ${popoverStyles} ${d}`,ref:g,style:{...f.floatingStyles},...f.getFloatingProps(c)},h&&(React__default.createElement(Icon,{icon:getIcon(h),color:`jn-text-theme-${h}`,className:`juno-tooltip-popover-icon ${popoverIconStyles}`})),React__default.createElement("p",{className:`${popoverTextStyles}`},e))))});export{TooltipContent as T};

package/build/TooltipContent.js

@@ -1 +1 @@
-export{T as TooltipContent}from"./TooltipContent.component-Cfo0dBzg.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Tooltip.component-pZQW88UK.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
+export{T as TooltipContent}from"./TooltipContent.component-Go8u2Bz4.js";import"react";import"./Tooltip.component-AWJGzfXT.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";

package/build/TooltipTrigger.component-CYpGzL4I.js

@@ -0,0 +1 @@
+import React__default from"react";import{u as useTooltipState,a as useMergeRefs}from"./Tooltip.component-AWJGzfXT.js";const TooltipTrigger=React__default.forwardRef(function(a,b){let{children:d=null,asChild:e=!1,className:f="",...c}=a;const g=useTooltipState(),h=useMergeRefs([g.refs.setReference,b]);if(e&&React__default.isValidElement(d)){const a=d.props,e=a.ref,f=useMergeRefs([g.refs.setReference,b,e]),h={ref:f,...c,...a,"data-state":g.open?"open":"closed",className:a.className+`${g.disabled&&" jn-cursor-default"}`},i=g.getReferenceProps(h);return React__default.cloneElement(d,i)}return React__default.createElement("button",{ref:h,"data-state":g.open?"open":"closed",...g.getReferenceProps(c),className:`${f} ${g.disabled&&" jn-cursor-default"}`},d)});export{TooltipTrigger as T};

package/build/TooltipTrigger.js

@@ -1 +1 @@
-export{T as TooltipTrigger}from"./TooltipTrigger.component-Cp9J4Mh7.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Tooltip.component-pZQW88UK.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";
+export{T as TooltipTrigger}from"./TooltipTrigger.component-CYpGzL4I.js";import"react";import"./Tooltip.component-AWJGzfXT.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";

package/build/TopNavigation.component-CkGidYsu.js

@@ -0,0 +1,5 @@
+import React__default from"react";import{N as Navigation}from"./Navigation.component-DaabNHev.js";const topNavStyles=`
+  jn-flex
+  jn-bg-theme-background-lvl-1
+  jn-gap-0
+`,TopNavigation=a=>{let{activeItem:e="",ariaLabel:b,children:f=null,className:g="",disabled:h=!1,onActiveItemChange:c,...d}=a;return React__default.createElement(Navigation,{activeItem:e,ariaLabel:b,className:`juno-topnavigation ${topNavStyles} ${g}`,disabled:h,onActiveItemChange:c,...d},f)};export{TopNavigation as T};

package/build/TopNavigation.js

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

package/build/TopNavigationItem.component-CqIlCTjB.js

@@ -0,0 +1,26 @@
+import React__default from"react";import{N as NavigationItem}from"./NavigationItem.component-DI0SMWsi.js";const topNavItemStyles=`
+  jn-flex
+  jn-items-center
+  jn-grow-0
+  jn-box-border
+  jn-justify-start
+  jn-text-theme-default
+  jn-font-bold
+  jn-leading-6
+  jn-py-[0.875rem]
+  jn-px-[1.9rem]
+  jn-text-theme-default
+  jn-bg-theme-topnavigation-item
+  hover:jn-text-theme-high
+  hover:jn-bg-theme-topnavigation-item-active
+  active:jn-text-theme-high
+  active:jn-bg-theme-topnavigation-item-active
+  focus-visible:jn-outline-none
+  focus-visible:jn-ring-2
+  focus-visible:jn-ring-theme-focus
+`,topNavActiveItemStyles=`
+  jn-font-bold
+  jn-text-theme-high
+  jn-bg-theme-topnavigation-item-active
+  jn-border-b-[3px]
+`,TopNavigationItem=a=>{let{active:d=!1,ariaLabel:b,children:e=null,className:f="",disabled:g=!1,href:h="",icon:i=null,label:j="",onClick:k=void 0,value:l="",...c}=a;return React__default.createElement(NavigationItem,{active:d,activeItemStyles:topNavActiveItemStyles,ariaLabel:b,className:`juno-topnavigation-item ${topNavItemStyles} ${f}`,disabled:g,icon:i,label:j,href:h,onClick:k,value:l,...c},e)};export{TopNavigationItem as T};

package/build/TopNavigationItem.js

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

package/build/components/SecretText/SecretText.component.d.ts

@@ -0,0 +1,78 @@
+import React from "react";
+/** A component to hold a secret text, e.g. an SSH key, and conceal or reveal as needed. */
+export declare const SecretText: React.FC<SecretTextProps>;
+type ValueChangeHandler = (value: string) => void;
+export interface SecretTextProps extends Omit<React.HTMLAttributes<HTMLTextAreaElement>, "onCopy" | "onPaste"> {
+    /** Whether the secret field should autocomplete. */
+    autoComplete?: string;
+    /** Pass a custom className to the Secret input field. */
+    className?: string;
+    /** Whether the Clear button is rendered. */
+    clear?: boolean;
+    /** Whether the Copy button is rendered. */
+    copy?: boolean;
+    /** A small text to display for a second to confirm the secret's content was copied to the clipboard. */
+    copyConfirmtext?: string;
+    /** Disable the Clear button */
+    disableClear?: boolean;
+    /** Disable the Copy button */
+    disableCopy?: boolean;
+    /** Whether the Secret's input is disabled. */
+    disabled?: boolean;
+    /** Disable the Paste button */
+    disablePaste?: boolean;
+    /** Disable the Hide/Reveal button */
+    disableToggle?: boolean;
+    /** A small text to display information regarding any errors in the context of the Secret. */
+    errortext?: string;
+    /** A small text to display giving more information and context about the Secret. */
+    helptext?: string;
+    /** Pass an id  */
+    id?: string;
+    /** Whether the Secret's content is invalid. */
+    invalid?: boolean;
+    /** A label to display above the SecretText's textarea. */
+    label?: string;
+    /** The name of the SecretText's textarea. */
+    name?: string;
+    /** A handler to execute when the Secret's input area looses focus. */
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the Secret's content changes. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the user clears the Secret's content using the Clear button. */
+    onClear?: () => void;
+    /** A handler to execute when the user copies the Secret's content to the clipboard. */
+    onCopy?: ValueChangeHandler;
+    /** A handler to execute when the SecretText textarea receives focus */
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** A handler to execute when the user hides the Secret's content. */
+    onHide?: () => void;
+    /** A handler to execute when the user pastes text from the clipboard into the SecretText. */
+    onPaste?: ValueChangeHandler;
+    /** A handler to execute when the user reveals the Secret's content. */
+    onReveal?: () => void;
+    /** A handler to execute when the visibility of the SecretText's content is toggled, i.e. this will be run when the content is revealed and when it is hidden. */
+    onToggle?: () => void;
+    /** Whether a button to paste text content even in hidden mode is rendered. */
+    paste?: boolean;
+    /** Pass a placeholder to the SecretText's textarea */
+    placeholder?: string;
+    /** Whether the SecretText content is read only, i.e. can not be edited..*/
+    readOnly?: boolean;
+    /** Whether the SecretText is required. Passing `true` will render a small required marker to the label. This will only have an effect when a label is passed, too.  */
+    required?: boolean;
+    /** Whether the secret's content is revealed / legible. */
+    reveal?: boolean;
+    /** A small text to display giving information in the context of the secret, e.g. when it was successfully validated or matches specific requirements, etc.  */
+    successtext?: string;
+    /** Whether a button to toggle visibility of the SecretText's content should be rendered. */
+    toggle?: boolean;
+    /** Whether the Secret's content was successfully validated. */
+    valid?: boolean;
+    /** The value of the SecretText, i.e. the Secret's content.  */
+    value?: string;
+    /** Pass a className to the outer wrapper element */
+    wrapperClassName?: string;
+}
+export {};
+//# sourceMappingURL=SecretText.component.d.ts.map

package/build/components/SecretText/SecretText.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecretText.component.d.ts","sourceRoot":"","sources":["../../../src/components/SecretText/SecretText.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAuDzD,2FAA2F;AAC3F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgPhD,CAAA;AAGD,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAEjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5G,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wGAAwG;IACxG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IACxD,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,uEAAuE;IACvE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACtD,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,iKAAiK;IACjK,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uKAAuK;IACvK,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+JAA+J;IAC/J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/build/components/SecretText/index.d.ts

@@ -0,0 +1,2 @@
+export { SecretText } from "./SecretText.component";
+//# sourceMappingURL=index.d.ts.map

package/build/components/SecretText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SecretText/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA"}

package/build/hooks/useEndlessScrollList.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface UseEndlessScrollListOptions {
+    delay?: number;
+    showLoading?: boolean;
+    loadingObject?: React.ReactNode;
+    showRef?: boolean;
+    refFunction?: RefFunction;
+}
+type RefFunction = (node: Element) => void;
+export declare const useEndlessScrollList: (items: unknown[], options?: UseEndlessScrollListOptions) => {
+    scrollListItems: unknown[] | undefined;
+    iterator: {
+        map: (elements: (value: unknown, index: number, array: unknown[]) => React.JSX.Element) => React.JSX.Element;
+    };
+};
+export {};
+//# sourceMappingURL=useEndlessScrollList.d.ts.map

package/build/hooks/useEndlessScrollList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEndlessScrollList.d.ts","sourceRoot":"","sources":["../src/hooks/useEndlessScrollList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuE,MAAM,OAAO,CAAA;AAgB3F,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AACD,KAAK,WAAW,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;AAE1C,eAAO,MAAM,oBAAoB,UAAW,OAAO,EAAE,YAAW,2BAA2B;;;wBA4CrE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;CA0B3F,CAAA"}

package/build/hooks/useEndlessScrollList.js

@@ -0,0 +1,60 @@
+import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+
+/*
+ * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const useEndlessScrollList = (items, options = {}) => {
+    const [visibleAmount, setVisibleAmount] = useState(20);
+    const [isAddingItems, setIsAddingItems] = useState(false);
+    const timeoutRef = useRef(null);
+    const observer = useRef();
+    useEffect(() => {
+        // clear when component is unmounted
+        // fix type issue
+        return () => clearTimeout(timeoutRef.current);
+    }, []);
+    // recalculate if items change
+    const scrollListItems = useMemo(() => {
+        if (items) {
+            return items.slice(0, visibleAmount);
+        }
+    }, [items, visibleAmount]);
+    // recalculate if items change
+    const lastLisItemRef = useCallback((node) => {
+        // skip if already adding items
+        if (isAddingItems)
+            return;
+        // disconnect previous observer
+        if (observer.current)
+            observer.current.disconnect();
+        // create new observer
+        observer.current = new IntersectionObserver((entries) => {
+            // if the last element is intersecting and there are still items to show
+            if (entries[0].isIntersecting && visibleAmount <= items.length) {
+                clearTimeout(timeoutRef.current);
+                setIsAddingItems(true);
+                timeoutRef.current = setTimeout(() => {
+                    setIsAddingItems(false);
+                    setVisibleAmount((prev) => prev + 10);
+                }, options?.delay || 500);
+            }
+        });
+        if (node)
+            return observer.current.observe(node);
+    }, [items, isAddingItems]);
+    const iterator = useMemo(() => {
+        return {
+            map: (elements) => {
+                const content = scrollListItems?.map(elements);
+                return (React.createElement(React.Fragment, null,
+                    content,
+                    isAddingItems && options?.showLoading !== false && (React.createElement(React.Fragment, null, options?.loadingObject ? options.loadingObject : React.createElement("span", { id: "endlessScrollListLoading" }, "Loading..."))),
+                    options?.showRef !== false && (React.createElement(React.Fragment, null, options?.refFunction ? (options.refFunction(lastLisItemRef)) : (React.createElement("span", { id: "endlessScrollListLastItemRef", ref: lastLisItemRef }))))));
+            },
+        };
+    }, [scrollListItems, lastLisItemRef]);
+    return { scrollListItems, iterator };
+};
+
+export { useEndlessScrollList };

package/build/hooks/useLocalStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACpD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3D;;;;;;;EAOE;AACF,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CA0BnF;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACpD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;AAE3D;;;;;;;EAOE;AACF,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CA0BnF;AAED,eAAe,eAAe,CAAA"}

package/build/index.js

@@ -1,4 +1,4 @@
-export{A as AppBody}from"./AppBody.component-DMNphrA9.js";export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";export{A as AppShell}from"./AppShell.component-kPo9ejh-.js";export{A as AppShellProvider}from"./AppShellProvider.component-CoGCOuox.js";export{B as Badge}from"./Badge.component-Bw_Sw1Jl.js";export{B as Box}from"./Box.component-B-zlG37z.js";export{B as Breadcrumb}from"./Breadcrumb.component-DmLZCJ80.js";export{B as BreadcrumbItem}from"./BreadcrumbItem.component-himz8R38.js";export{B as Button}from"./Button.component-Ck0-XKMD.js";export{B as ButtonRow}from"./ButtonRow.component-CgfANnke.js";export{C as Checkbox}from"./Checkbox.component-DxULmNji.js";export{C as CheckboxRow}from"./CheckboxRow.component-CrN2DXEm.js";export{C as CheckboxGroup}from"./CheckboxGroup.component-DJN7waSM.js";export{C as Code}from"./Code.component-CIzbcpEn.js";export{C as CodeBlock}from"./CodeBlock.component-CXDUnHIb.js";import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext,useContext,Fragment,useRef}from"react";import PropTypes from"prop-types";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon,k as knownIcons}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.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-B2hXHP-c.js";import{createPortal}from"react-dom";import{q as qt}from"./combobox-JmdrroKh.js";export{C as ContentArea}from"./ContentArea.component-VS-3jOgO.js";export{C as ContentHeading}from"./ContentHeading.component-Io-M-spm.js";export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-Cr9XddQc.js";export{C as ContentAreaWrapper}from"./ContentAreaWrapper.component-D6yksmzo.js";export{C as ContentContainer}from"./ContentContainer.component-rfZz78lB.js";export{C as Container}from"./Container.component-B8M3UgGG.js";export{C as ContextMenu}from"./ContextMenu.component-DH-m8O-z.js";export{D as DataList}from"./DataList.component-BYn0Gl6b.js";export{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";export{D as DataListRow}from"./DataListRow.component-RvjQ652d.js";export{D as DataGrid}from"./DataGrid.component-BBT0bs34.js";export{D as DataGridCell}from"./DataGridCell.component-DTZCr2iq.js";export{D as DataGridHeadCell}from"./DataGridHeadCell.component-Ce2yeOu8.js";export{D as DataGridRow}from"./DataGridRow.component-D0MKrB0t.js";export{D as DataGridToolbar}from"./DataGridToolbar.component-BxGtUy7D.js";export{D as DateTimePicker}from"./DateTimePicker.component-BMkIzxY0.js";export{F as FilterInput}from"./FilterInput.component-CBfEzQ3x.js";export{F as FilterPill}from"./FilterPill.component-C9YwMkKe.js";export{F as Filters}from"./Filters.component-Cu8sV-IL.js";export{F as Form}from"./Form.component-D-BE29tV.js";export{F as FormattedText}from"./FormattedText.component-Dv5KRlOH.js";export{F as FormRow}from"./FormRow.component--LSv8Yz8.js";export{F as FormSection}from"./FormSection.component-D-txM2wI.js";export{G as Grid}from"./Grid.component-DhdNobry.js";export{G as GridRow}from"./GridRow.component-DP4HP_Ai.js";export{G as GridColumn}from"./GridColumn.component-Dn_zRSnd.js";export{I as Icon}from"./Icon.component-7-ap-6Ys.js";export{I as InputGroup}from"./InputGroup.component-BKBRJie5.js";export{I as IntroBox}from"./IntroBox.component-BuW5vo-r.js";export{J as JsonViewer}from"./JsonViewer.component-i75ln2HG.js";export{L as Label}from"./Label.component-TbF3yilt.js";export{L as LoadingIndicator}from"./LoadingIndicator.component-CjUcoOtA.js";export{M as MainContainer}from"./MainContainer.component-beO5Qib0.js";export{M as MainContainerInner}from"./MainContainerInner.component-Dp6YCm8D.js";export{M as MainTabs}from"./MainTabs.component-C4jnzeW8.js";export{M as Menu}from"./Menu.component-B2zPLmdP.js";export{M as MenuItem}from"./MenuItem.component-2A91klk9.js";export{M as MenuSection}from"./MenuSection.component-CXCYKlVr.js";export{M as Message}from"./Message.component-COHT30fL.js";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";import{B as Button}from"./Stack.component-fYvcWRNi.js";import{B as ButtonRow}from"./ButtonRow.component-CnJPyZ99.js";export{N as NativeSelect}from"./NativeSelect.component-BeYgemsP.js";export{N as NativeSelectOption}from"./NativeSelectOption.component-CLFcWbs7.js";export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-B9j74Fm2.js";export{P as Panel}from"./Panel.component-DW6z1JGn.js";export{P as PanelBody}from"./PanelBody.component-ejsCohbW.js";export{P as PanelFooter}from"./PanelFooter.component-B3HXAhmg.js";export{P as PageFooter}from"./PageFooter.component-CrlDnfPd.js";export{P as PageHeader}from"./PageHeader.component-QuQOQj_P.js";export{P as Pagination,S as SelectOption}from"./Pagination.component-D7vw3gPl.js";export{P as Pill}from"./Pill.component-CLGgHKga.js";export{a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";export{R as Radio}from"./Radio.component-qjlCYiuP.js";export{R as RadioGroup}from"./RadioGroup.component-Cj0bQHOM.js";export{R as RadioRow}from"./RadioRow.component-CqrB8Bvr.js";export{S as SearchInput}from"./SearchInput.component-CMboCbvO.js";export{S as Select}from"./Select.component-DNPTrdQs.js";export{S as SelectRow}from"./SelectRow.component-D0F2VY1t.js";export{S as ShadowRoot}from"./ShadowRoot.component-DZn4gLKB.js";export{S as SideNavigation}from"./SideNavigation.component-D9A0_YjX.js";export{S as SideNavigationItem}from"./SideNavigationItem.component-EiOe7rV_.js";export{S as Spinner}from"./Spinner.component-B_OKKh5D.js";export{S as Stack}from"./Stack.component-BNRLhyTo.js";export{a as StyleProvider}from"./StyleProvider.component-DpOVgdlo.js";export{S as Switch}from"./Switch.component-BxCFYGD_.js";export{S as SwitchRow}from"./SwitchRow.component-BNceFC47.js";export{T as Tab}from"./Tab.component-o-IJCaGX.js";export{T as TabList}from"./TabList.component-DeI4QJVH.js";export{T as TabNavigation}from"./TabNavigation.component-DlfET9Dg.js";export{T as TabNavigationItem}from"./TabNavigationItem.component-CgTEvAMf.js";export{T as TabPanel}from"./TabPanel.component-CSMpnrRv.js";export{T as Textarea}from"./Textarea.component-BrJM-k2b.js";export{T as Tabs}from"./Tabs.component-NQTjUypo.js";export{T as TextareaRow}from"./TextareaRow.component-DfVYxpvo.js";export{T as TextInput}from"./TextInput.component-D1qpmHfA.js";export{T as TextInputRow}from"./TextInputRow.component-DEWfa_NF.js";export{T as ThemeToggle}from"./ThemeToggle.component-CNb4Nbso.js";export{T as Toast}from"./Toast.component-Ck1OSJRg.js";export{T as Tooltip}from"./Tooltip.component-pZQW88UK.js";export{T as TooltipContent}from"./TooltipContent.component-Cfo0dBzg.js";export{T as TooltipTrigger}from"./TooltipTrigger.component-Cp9J4Mh7.js";export{T as TopNavigation}from"./TopNavigation.component-gPpoiPKf.js";export{T as TopNavigationItem}from"./TopNavigationItem.component-C99GMBgq.js";import"./tslib.es6-bjGg6Bxl.js";import"./FormHint.component-B30ehV71.js";import"./withDeprecationWarning.component-DQTD5UdI.js";import"./keyboard-D0PLkOsr.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";import"./withDeprecationWarning.component-fIFVSC34.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./TextInput.component-CkNlIlj0.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./listbox-CbPsJ3A1.js";import"./FormRow.component-5oxVn9c0.js";import"./Navigation.component-Q2fi8-qR.js";import"./NavigationItem.component-DcH7SF-F.js";import"./ibm-plex-BfDpQmIi.js";import"./TabPanel-B6oG_h5d.js";import"./Textarea.component-4fIvQVeJ.js";const inputWrapperStyles=`
+export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}from"./AppIntro.component-BnwrDrke.js";export{A as AppShell}from"./AppShell.component-BNckh29Y.js";export{A as AppShellProvider}from"./AppShellProvider.component-CoGCOuox.js";export{B as Badge}from"./Badge.component-CLaF9Up0.js";export{B as Box}from"./Box.component-V4TDnAgb.js";export{B as Breadcrumb}from"./Breadcrumb.component-BSGoKK2S.js";export{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";export{B as Button}from"./Button.component-liw0UuGT.js";export{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";export{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";export{C as CheckboxRow}from"./CheckboxRow.component-DzLTV4cd.js";export{C as CheckboxGroup}from"./CheckboxGroup.component-B_uoXPNo.js";export{C as Code}from"./Code.component-mlP3SwWy.js";export{C as CodeBlock}from"./CodeBlock.component-CZxYJPlk.js";import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext,useContext,Fragment,useRef,useCallback}from"react";import PropTypes from"prop-types";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon,k as knownIcons}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.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-B2hXHP-c.js";import{createPortal}from"react-dom";import{q as qt}from"./combobox-JmdrroKh.js";export{C as ContentArea}from"./ContentArea.component-VS-3jOgO.js";export{C as ContentHeading}from"./ContentHeading.component-bhh41uEk.js";export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-Cr9XddQc.js";export{C as ContentAreaWrapper}from"./ContentAreaWrapper.component-D6yksmzo.js";export{C as ContentContainer}from"./ContentContainer.component-wLeOohOT.js";export{C as Container}from"./Container.component-xJsCyUG8.js";export{C as ContextMenu}from"./ContextMenu.component-B24LaAwt.js";export{D as DataList}from"./DataList.component-BYn0Gl6b.js";export{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-BXti2wK7.js";export{D as DataListRow}from"./DataListRow.component-RvjQ652d.js";export{D as DataGrid}from"./DataGrid.component-Dt5OQxY5.js";export{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";export{D as DataGridHeadCell}from"./DataGridHeadCell.component-4DKn7eQ9.js";export{D as DataGridRow}from"./DataGridRow.component-CBEnaLYU.js";export{D as DataGridToolbar}from"./DataGridToolbar.component-BfgKal7m.js";export{D as DateTimePicker}from"./DateTimePicker.component-BMkIzxY0.js";export{F as FilterInput}from"./FilterInput.component-CBfEzQ3x.js";export{F as FilterPill}from"./FilterPill.component-C9YwMkKe.js";export{F as Filters}from"./Filters.component-Cu8sV-IL.js";export{F as Form}from"./Form.component-C-FIXwo-.js";export{F as FormattedText}from"./FormattedText.component-Oc4b8IPi.js";export{F as FormRow}from"./FormRow.component-CbFLRaDK.js";export{F as FormSection}from"./FormSection.component-DDGHfPV5.js";export{G as Grid}from"./Grid.component-BG4AMsb5.js";export{G as GridRow}from"./GridRow.component-Cf7FxOjh.js";export{G as GridColumn}from"./GridColumn.component-BmzNy9N0.js";export{I as Icon}from"./Icon.component-ClhnejN0.js";export{I as InputGroup}from"./InputGroup.component-Cjl_JYFs.js";export{I as IntroBox}from"./IntroBox.component-BmoEq45u.js";export{J as JsonViewer}from"./JsonViewer.component-lHoI-LCD.js";export{L as Label}from"./Label.component-BYZfB1oK.js";export{L as LoadingIndicator}from"./LoadingIndicator.component-CsNzFwe2.js";export{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";export{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";export{M as MainTabs}from"./MainTabs.component-DtTHcxTg.js";export{M as Menu}from"./Menu.component-vFmV6jCc.js";export{M as MenuItem}from"./MenuItem.component-ddsy5_so.js";export{M as MenuSection}from"./MenuSection.component-CteHwLJX.js";export{M as Message}from"./Message.component-A7V1Flcl.js";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";import{S as Stack,B as Button}from"./Pagination.component-CHvISPAw.js";export{P as Pagination,a as SelectOption}from"./Pagination.component-CHvISPAw.js";export{N as NativeSelect}from"./NativeSelect.component-BaWaK11P.js";export{N as NativeSelectOption}from"./NativeSelectOption.component-BWRxjRz0.js";export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-GFuGvLsz.js";export{P as Panel}from"./Panel.component-DW6z1JGn.js";export{P as PanelBody}from"./PanelBody.component-ejsCohbW.js";export{P as PanelFooter}from"./PanelFooter.component-B3HXAhmg.js";export{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";export{P as Pill}from"./Pill.component-BjuSYnxs.js";export{a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";export{R as Radio}from"./Radio.component-DiZc-eBh.js";export{R as RadioGroup}from"./RadioGroup.component-XH90kWYR.js";export{R as RadioRow}from"./RadioRow.component-B-HE4xRC.js";export{S as SearchInput}from"./SearchInput.component-QwymruVn.js";export{S as SecretText}from"./SecretText.component-jsJWpOK1.js";export{S as Select}from"./Select.component-DNPTrdQs.js";export{S as SelectRow}from"./SelectRow.component-D0F2VY1t.js";export{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";export{S as SideNavigation}from"./SideNavigation.component-D9IErRcv.js";export{S as SideNavigationItem}from"./SideNavigationItem.component-5ChkLMgz.js";export{S as Spinner}from"./Spinner.component-CO095KvL.js";export{S as Stack}from"./Stack.component-Pe-1jf3W.js";export{a as StyleProvider}from"./StyleProvider.component-DpOVgdlo.js";export{S as Switch}from"./Switch.component-1reoDymi.js";export{S as SwitchRow}from"./SwitchRow.component-BNceFC47.js";export{T as Tab}from"./Tab.component-SEUcCOS8.js";export{T as TabList}from"./TabList.component-sHDWBb5I.js";export{T as TabNavigation}from"./TabNavigation.component-Cc2F9AVl.js";export{T as TabNavigationItem}from"./TabNavigationItem.component-D9KvESL0.js";export{T as TabPanel}from"./TabPanel.component-DlnS5hSa.js";export{T as Textarea}from"./Textarea.component-DgYR9jem.js";export{T as Tabs}from"./Tabs.component-BRM3cTLV.js";export{T as TextareaRow}from"./TextareaRow.component-DSJ_PFIw.js";export{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";export{T as TextInputRow}from"./TextInputRow.component-DEWfa_NF.js";export{T as ThemeToggle}from"./ThemeToggle.component-CNb4Nbso.js";export{T as Toast}from"./Toast.component-x0WA9szy.js";export{T as Tooltip}from"./Tooltip.component-AWJGzfXT.js";export{T as TooltipContent}from"./TooltipContent.component-Go8u2Bz4.js";export{T as TooltipTrigger}from"./TooltipTrigger.component-CYpGzL4I.js";export{T as TopNavigation}from"./TopNavigation.component-CkGidYsu.js";export{T as TopNavigationItem}from"./TopNavigationItem.component-CqIlCTjB.js";import"./FormHint.component-C7TZlbwG.js";import"./withDeprecationWarning.component-CsAFJ740.js";import"./keyboard-D0PLkOsr.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";import"./withDeprecationWarning.component-fIFVSC34.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./TextInput.component-CkNlIlj0.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./listbox-CbPsJ3A1.js";import"./FormRow.component-5oxVn9c0.js";import"./Navigation.component-DaabNHev.js";import"./NavigationItem.component-DI0SMWsi.js";import"./ibm-plex-BfDpQmIi.js";import"./TabPanel-B6oG_h5d.js";const inputWrapperStyles=`
   jn-relative
 `,labelStyles=`
   jn-pointer-events-none
@@ -150,7 +150,7 @@ export{A as AppBody}from"./AppBody.component-DMNphrA9.js";export{A as AppIntro}f
         `},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)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};const modalfooterstyles=`
+          `},b||c||f)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,_extends({gap:"2",distribution:"end",className:`juno-button-row ${d}`},b),c)};ButtonRow.propTypes={className:PropTypes.string,children:PropTypes.node};const modalfooterstyles=`
 	jn-flex
 	jn-flex-row
 	jn-border-t
@@ -194,4 +194,4 @@ export{A as AppBody}from"./AppBody.component-DMNphrA9.js";export{A as AppIntro}f
   jn-h-px 
   jn-w-full
   jn-bg-theme-background-lvl-3
-`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",_extends({className:`juno-select-divider ${dividerStyles} ${d}`,ref:b},c))});SelectDivider.displayName="SelectDivider",SelectDivider.propTypes={className:PropTypes.string};export{ComboBox,ComboBoxOption,Modal,ModalFooter,SelectDivider};
+`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",_extends({className:`juno-select-divider ${dividerStyles} ${d}`,ref:b},c))});SelectDivider.displayName="SelectDivider",SelectDivider.propTypes={className:PropTypes.string};const useEndlessScrollList=function(a){let b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};const[c,d]=useState(20),[e,f]=useState(!1),g=useRef(null),h=useRef();useEffect(()=>()=>clearTimeout(g.current),[]);const i=useMemo(()=>{if(a)return a.slice(0,c)},[a,c]),j=useCallback(i=>{if(!e&&(h.current&&h.current.disconnect(),h.current=new IntersectionObserver(e=>{e[0].isIntersecting&&c<=a.length&&(clearTimeout(g.current),f(!0),g.current=setTimeout(()=>{f(!1),d(a=>a+10)},b?.delay||500))}),i))return h.current.observe(i)},[a,e]),k=useMemo(()=>({map:a=>{const c=i?.map(a);return React__default.createElement(React__default.Fragment,null,c,e&&!1!==b?.showLoading&&(React__default.createElement(React__default.Fragment,null,b?.loadingObject?b.loadingObject:React__default.createElement("span",{id:"endlessScrollListLoading"},"Loading..."))),!1!==b?.showRef&&(React__default.createElement(React__default.Fragment,null,b?.refFunction?b.refFunction(j):(React__default.createElement("span",{id:"endlessScrollListLastItemRef",ref:j})))))}}),[i,j]);return{scrollListItems:i,iterator:k}};export{ComboBox,ComboBoxOption,Modal,ModalFooter,SelectDivider,useEndlessScrollList};

package/build/withDeprecationWarning.component-CsAFJ740.js

@@ -0,0 +1 @@
+import React__default,{useEffect}from"react";function withDeprecationWarning(a,b){return c=>(useEffect(()=>{console.warn(b)},[]),React__default.createElement(a,{...c}))}export{withDeprecationWarning as w};

package/build/withDeprecationWarning.js

@@ -1 +1 @@
-export{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
+export{w as withDeprecationWarning}from"./withDeprecationWarning.component-CsAFJ740.js";import"react";

package/package.json

@@ -5,7 +5,7 @@
   "module": "build/index.js",
   "source": "src/index.js",
   "style": "build/lib/variables.css",
-  "version": "2.31.0",
+  "version": "2.32.0",
   "files": [
     "build/*",
     "src/colors.css",

package/build/AppBody.component-DMNphrA9.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var containerStyles="\n  jn-flex\n  jn-flex-col\n  jn-h-full\n",AppBody=function(a){var b=a.className,c=void 0===b?"":b,d=a.children,e=__rest(a,["className","children"]);return React__default.createElement("div",__assign({className:"juno-body ".concat(containerStyles," ").concat(c)},e),d)};export{AppBody as A};

package/build/AppShell.component-kPo9ejh-.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{A as AppBody}from"./AppBody.component-DMNphrA9.js";import{P as PageHeader}from"./PageHeader.component-QuQOQj_P.js";import{M as MainContainer}from"./MainContainer.component-beO5Qib0.js";import{M as MainContainerInner}from"./MainContainerInner.component-Dp6YCm8D.js";import{C as ContentContainer}from"./ContentContainer.component-rfZz78lB.js";import{P as PageFooter}from"./PageFooter.component-CrlDnfPd.js";var AppShell=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=a.contentHeading,f=void 0===e?"":e,g=a.embedded,h=a.fullWidthContent,i=a.pageHeader,j=void 0===i?React__default.createElement(PageHeader,null):i,k=a.pageFooter,l=void 0===k?React__default.createElement(PageFooter,null):k,m=a.sideNavigation,n=a.topNavigation,o=__rest(a,["children","className","contentHeading","embedded","fullWidthContent","pageHeader","pageFooter","sideNavigation","topNavigation"]);return f&&f.length&&console.warn("AppShell: The contentHeading prop is obsolete and will be removed in a future version. In order to render a content heading, use a ContentHeading element as a child in your main content."),(React__default.createElement(AppBody,__assign({className:d},o),f||"",void 0!==g&&g?(React__default.createElement(React__default.Fragment,null,n&&n,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!1!==h,hasSideNav:!!m,className:"".concat(n?"jn-mt-[3.875rem]":"")},m&&m,React__default.createElement(ContentContainer,null,b))))):(React__default.createElement(React__default.Fragment,null,j&&("string"==typeof j||j instanceof String)?(React__default.createElement(PageHeader,{heading:j})):j,n&&n,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!0===h,hasSideNav:!!m,className:"jn-mt-[3.875rem]"},m&&m,React__default.createElement(ContentContainer,{className:m?"":"jn-ml-8"},b))),l?l:React__default.createElement(PageFooter,null)))))};export{AppShell as A};

package/build/Badge.component-Bw_Sw1Jl.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{I as Icon,K as KnownIconsEnum}from"./Icon.component-7-ap-6Ys.js";var badgeBaseStyles="\n  jn-rounded\n  jn-text-sm\n  jn-text-theme-default\n  jn-py-0.5\n  jn-px-1\n  jn-justify-center\n  jn-items-center\n",badgeVariantStyles={default:"jn-bg-theme-badge-default",info:"jn-bg-theme-info/25",success:"jn-bg-theme-success/25",warning:"jn-bg-theme-warning/25",danger:"jn-bg-theme-danger/25",error:"jn-bg-theme-error/25"},iconStyles="jn-mr-1 jn-items-center",getVariantStyle=function(a){return badgeVariantStyles[a]||badgeVariantStyles.default},getIcon=function(a,b){return"string"==typeof a&&isValidIcon(a)?a:!0===a?b:void 0},getIconColor=function(a,b){return!0===a?"jn-text-theme-".concat(b):void 0},isValidIcon=function(a){var b=new Set(Object.values(KnownIconsEnum));return b.has(a)},Badge=function(a){var b=a.variant,c=void 0===b?"default":b,d=a.icon,e=void 0!==d&&d,f=a.text,g=void 0===f?"":f,h=a.className,i=void 0===h?"":h,j=a.children,k=void 0===j?null:j,l=__rest(a,["variant","icon","text","className","children"]),m=getIcon(e,c),n=getIconColor(e,c);return React__default.createElement("span",__assign({className:"\n        juno-badge \n        juno-badge-".concat(c," \n        ").concat(badgeBaseStyles," \n        ").concat(getVariantStyle(c)," \n        ").concat(e?"jn-inline-flex":""," \n        ").concat(i)},l),m&&React__default.createElement(Icon,{icon:m,size:"1.125rem",className:iconStyles,color:n}),k||g)};export{Badge as B};

package/build/Box.component-B-zlG37z.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var boxStyles="\n  jn-text-sm\n  jn-rounded\n  jn-bg-theme-box-default\n  jn-border\n  jn-border-theme-box-default\n",boxPadding="\n  jn-py-1\n  jn-px-2\n",Box=function(a){var b=a.children,c=void 0===b?null:b,d=a.unpad,e=a.className,f=void 0===e?"":e,g=__rest(a,["children","unpad","className"]),h="juno-box ".concat(boxStyles," ").concat(void 0!==d&&d?"":boxPadding," ").concat(f);return React__default.createElement("div",__assign({className:h},g),c)};export{Box as B};

package/build/Breadcrumb.component-DmLZCJ80.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{Children}from"react";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Stack}from"./Stack.component-BNRLhyTo.js";import{B as BreadcrumbItem}from"./BreadcrumbItem.component-himz8R38.js";var Breadcrumb=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=__rest(a,["children","className"]),g=Children.toArray(c).filter(React__default.isValidElement),h=g.map(function(a,b){return React__default.createElement(React__default.Fragment,{key:b},React__default.createElement(BreadcrumbItem,__assign({},a.props)),b<g.length-1&&React__default.createElement(Icon,{icon:"chevronRight"}))});return React__default.createElement(Stack,__assign({className:"juno-breadcrumb ".concat(e),gap:"1"},f),h)};export{Breadcrumb as B};

package/build/BreadcrumbItem.component-himz8R38.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";var breadcrumbItemBaseStyles="\n  jn-text-sm\n  jn-text-theme-high\n  jn-flex\n  jn-gap-1\n  jn-items-center\n",breadcrumbLinkBaseStyles="\n  jn-text-theme-high\n  jn-inline-flex\n",BreadcrumbItem=function(a){var b=a.icon,c=void 0===b?null:b,d=a.href,e=void 0===d?"#":d,f=a.label,g=void 0===f?"Item":f,h=a.ariaLabel,i=void 0===h?"":h,j=a.active,k=void 0!==j&&j,l=a.children,m=void 0===l?null:l,n=a.onClick,o=a.disabled,p=void 0!==o&&o,q=a.className,r=void 0===q?"":q,s=__rest(a,["icon","href","label","ariaLabel","active","children","onClick","disabled","className"]);if(m)return React__default.createElement(React__default.Fragment,null,m);var t=c?(React__default.createElement(Icon,{icon:c,size:"18",color:"jn-text-theme-default",className:g?"jn-mr-1":""})):null,u="juno-breadcrumb-item \n    ".concat(breadcrumbItemBaseStyles," \n    ").concat(p?"juno-breadcrumb-item-disabled":""," \n    ").concat(k?"juno-breadcrumb-item-active":""," \n    ").concat(r);if(k||p)return React__default.createElement("span",__assign({className:u},s),t,g);return React__default.createElement("span",__assign({className:u},s),React__default.createElement("a",{href:e,className:breadcrumbLinkBaseStyles,"aria-label":i||g,onClick:function(a){n&&!p&&n(a)}},t,g))};export{BreadcrumbItem as B};

package/build/Button.component-Ck0-XKMD.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Spinner}from"./Spinner.component-B_OKKh5D.js";var btnBase="\n  jn-font-bold\n  jn-inline-flex \n  jn-justify-center \n  jn-items-center\n  jn-rounded\n  jn-shadow-sm \n  jn-w-auto\n  focus:jn-outline-none \n  focus-visible:jn-ring-2\n  focus-visible:jn-ring-theme-focus\n  focus-visible:jn-ring-offset-1\n  focus-visible:jn-ring-offset-theme-focus\n  disabled:jn-opacity-50\n  disabled:jn-cursor-not-allowed\n  disabled:jn-pointer-events-none\n",btnSmallBase="\n  jn-text-sm\n  jn-leading-5\n",btnDefaultBase="\n  jn-text-base\n  jn-leading-6\n",btnSmallDefaultPadding="\n  jn-py-[0.3125rem]\n  jn-px-[0.5rem]\n",btnSmallSubduedPadding="\n  jn-py-[0.25rem]\n  jn-px-[0.4375rem]\n",btnDefaultPadding="\n  jn-py-[0.4375rem]\n  jn-px-[0.625rem] \n",btnDefaultSubduedPadding="\n  jn-py-[0.375rem]\n  jn-px-[0.5625rem]\n",getButtonPadding=function(a,b){return"small"===a?"subdued"===b?"".concat(btnSmallSubduedPadding):"".concat(btnSmallDefaultPadding):"subdued"===b?"".concat(btnDefaultSubduedPadding):"".concat(btnDefaultPadding)},btnIconSmall="\n  jn-mr-2\n",btnIconDefault="\n  jn-mr-2\n",iconClasses=function(a){return"small"===a?"".concat(btnIconSmall):"".concat(btnIconDefault)},progressClass=function(a){var b=a?"in-progress":"";return b},spinnerColorClass=function(a){return"default"===a?"jn-text-theme-accent":"primary"===a?"jn-text-white":"primary-danger"===a?"jn-text-white":""},Button=React__default.forwardRef(function(a,b){var c=a.label,d=a.title,e=void 0===d?null:d,f=a.variant,g=a.size,h=void 0===g?"default":g,i=a.disabled,j=void 0===i?null:i,k=a.href,l=void 0===k?null:k,m=a.icon,n=void 0===m?null:m,o=a.className,p=void 0===o?"":o,q=a.onClick,r=a.children,s=a.progress,t=void 0!==s&&s,u=a.progressLabel,v=void 0===u?"":u,w=__rest(a,["label","title","variant","size","disabled","href","icon","className","onClick","children","progress","progressLabel"]),x=f||"default",y=e||c||"",z=t?(React__default.createElement(Spinner,{size:"small"===h?"1.125rem":"1.5rem",color:"".concat(spinnerColorClass(x))})):n?(React__default.createElement(Icon,{icon:n,title:y,className:"juno-button-icon ".concat(c||r?iconClasses(h):""," "),size:"small"===h?"1.125rem":"1.5rem"})):null,A=t&&v?v:c||r,B=React__default.createElement("button",__assign({className:"\n          juno-button \n          juno-button-".concat(x," \n          juno-button-").concat(h,"-size \n          ").concat(btnBase," \n          ").concat("small"===h?btnSmallBase:btnDefaultBase," \n          ").concat(getButtonPadding(h,f),"\n          ").concat(progressClass(t)," \n          ").concat(p),disabled:j||void 0,onClick:function(a){q&&q(a)},ref:b},w,{type:"button",title:y}),z,A),C=React__default.createElement("a",__assign({href:l||void 0,role:"button",className:"\n          juno-button \n          juno-button-".concat(x," \n          juno-button-").concat(h,"-size \n          ").concat(btnBase," \n          ").concat("small"===h?btnSmallBase:btnDefaultBase,"\n          ").concat(getButtonPadding(h,f),"\n          ").concat(progressClass(t)," \n          ").concat(p,"\n        "),disabled:j,onClick:q,ref:b},w,{title:y}),z,A);return l?C:B});Button.displayName="Button";export{Button as B};

package/build/ButtonRow.component-CgfANnke.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{S as Stack}from"./Stack.component-BNRLhyTo.js";var ButtonRow=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=__rest(a,["children","className"]);return React__default.createElement(Stack,__assign({gap:"2",distribution:"end",className:"juno-button-row ".concat(e)},f),c)};export{ButtonRow as B};

package/build/ButtonRow.component-CnJPyZ99.js

@@ -1 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{S as Stack}from"./Stack.component-fYvcWRNi.js";const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,_extends({gap:"2",distribution:"end",className:`juno-button-row ${d}`},b),c)};ButtonRow.propTypes={className:PropTypes.string,children:PropTypes.node};export{ButtonRow as B};

package/build/Checkbox.component-DxULmNji.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useState,useEffect,useMemo,useId}from"react";import{a as CheckboxGroupContext}from"./CheckboxGroup.component-DJN7waSM.js";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var wrapperStyles="\n  jn-inline-flex\n  jn-items-center\n",inputstyles="\n  jn-w-4\n  jn-h-4\n  jn-opacity-0\n  jn-z-50\n",mockcheckboxstyles="\n  jn-relative\n  jn-w-4\n  jn-h-4\n  jn-rounded-sm\n  jn-bg-theme-checkbox\n  jn-cursor-pointer\n  focus:jn-outline-none\n  focus:jn-ring-2\n  focus:jn-ring-theme-focus\n",mockfocusstyles="\n  jn-ring-2\n  jn-ring-theme-focus\n",mockcheckmarkstyles="\n  jn-absolute\n  jn-top-0\n  jn-left-0\n  jn-text-theme-checkbox-checked\n  jn-fill-current\n",mockindeterminatestyles="\n  jn-absolute\n  jn-w-2\n  jn-h-0.5\n  jn-top-1.5\n  jn-left-[.2rem]\n  jn-inline-block\n  jn-bg-theme-focus\n",mockdisabledstyles="\n  jn-pointer-events-none\n  jn-opacity-50\n  jn-cursor-not-allowed\n",noBorderStyles="\n  jn-border\n  jn-border-transparent\n",errorstyles="\n  jn-border\n  jn-border-theme-error\n",successstyles="\n  jn-border\n  jn-border-theme-success\n",labelStyles="\n  jn-leading-0\n  jn-ml-2\n",iconStyles="\n  jn-ml-1\n",hintStyles="\n  jn-mt-0\n  jn-ml-6\n",Checkbox=function(a){var b=a.checked,c=void 0!==b&&b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.indeterminate,o=void 0!==n&&n,p=a.invalid,q=void 0!==p&&p,r=a.label,s=a.name,t=void 0===s?"":s,u=a.onChange,v=a.onClick,w=a.required,x=a.successtext,y=void 0===x?"":x,z=a.valid,A=void 0!==z&&z,B=a.value,C=__rest(a,["checked","className","disabled","errortext","helptext","id","indeterminate","invalid","label","name","onChange","onClick","required","successtext","valid","value"]),D=function(a){return"string"!=typeof a||0!==a.trim().length},E=useContext(CheckboxGroupContext),F=E||{},G=F.selectedOptions,H=F.name,I=F.disabled,J=F.handleCheckboxChange,K=F.updateSelectedValue,L=useState(function(){return E?!!(G&&G.includes(B)):!!c}()),M=L[0],N=L[1],O=useState(!1),P=O[0],Q=O[1],R=useState(!1),S=R[0],T=R[1],U=useState(!1),V=U[0],W=U[1],X=useState(!1),Y=X[0],Z=X[1];useEffect(function(){c&&E&&K&&K(B)},[]),useEffect(function(){E||N(c)},[c]);var $=useMemo(function(){return q||!!(i&&D(i))},[q,i]),_=useMemo(function(){return A||!!(y&&D(y))},[A,y]);useEffect(function(){Q(o)},[o]),useEffect(function(){W($)},[$]),useEffect(function(){Z(_)},[_]);var aa=function(){return E?!!(G&&G.includes(B)):M},ba=m||function(){return"juno-checkbox-"+useId()}();return React__default.createElement("div",{className:"jn-checkbox-outer"},React__default.createElement("div",{className:"jn-checkbox-wrapper ".concat(wrapperStyles)},React__default.createElement("div",__assign({className:"\n            juno-checkbox \n            ".concat(mockcheckboxstyles," \n            ").concat(S?mockfocusstyles:""," \n            ").concat(I||g?mockdisabledstyles:""," \n            ").concat(V?errorstyles:""," \n            ").concat(Y?successstyles:""," \n            ").concat(V||Y?"":noBorderStyles,"\n            ").concat(e,"\n          ")},C),aa()?(React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"".concat(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:aa(),className:"\n              ".concat(inputstyles," \n              ").concat(V?"juno-checkbox-invalid":""," \n              ").concat(Y?"juno-checkbox-valid":""," \n              ").concat(I||g?"jn-cursor-not-allowed":"","\n            "),disabled:I||g,id:ba,name:H||t,onBlur:function(){T(!1)},onChange:function(a){N(!M),J&&"function"==typeof J&&J(B),u&&u(a)},onClick:function(a){v&&v(a)},onFocus:function(){T(!0)},type:"checkbox",value:B}),P&&!aa()?React__default.createElement("div",{className:"".concat(mockindeterminatestyles)}):""),r&&D(r)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{text:r,htmlFor:ba,disabled:I||g,required:void 0!==w&&w,className:"".concat(labelStyles)}),V?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:"\n                  ".concat(iconStyles,"\n                  ").concat(I||g?"jn-opacity-50":"","\n                ")})):"",Y?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:"\n                  ".concat(iconStyles,"\n                  ").concat(g?"jn-opacity-50":"","\n                ")})):"")):""),i&&D(i)?(React__default.createElement(FormHint,{text:i,variant:"error",className:"".concat(hintStyles)})):"",y&&D(y)?(React__default.createElement(FormHint,{text:y,variant:"success",className:"".concat(hintStyles)})):"",k&&D(k)?React__default.createElement(FormHint,{text:k,className:"".concat(hintStyles)}):"")};export{Checkbox as C};

package/build/CheckboxGroup.component-DJN7waSM.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign,b as __spreadArray}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var checkboxgroupstyles="\n  jn-mb-4\n  jn-last:mb-0\n",groupstyles="\n  jn-relative\n  jn-rounded\n  jn-border\n  jn-py-1\n",defaultgroupstyles="\n  jn-border-transparent\n",validgroupstyles="\n  jn-border-theme-success\n  jn-px-2\n",invalidgroupstyles="\n  jn-border-theme-error\n  jn-px-2\n",iconstyles="\n  jn-absolute\n  jn-right-2\n  jn-top-1.5\n",CheckboxGroupContext=createContext(void 0),CheckboxGroup=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=a.name,r=void 0===q?"":q,s=a.onChange,t=a.required,u=a.selected,v=a.successtext,w=void 0===v?"":v,x=a.valid,y=void 0!==x&&x,z=__rest(a,["children","className","disabled","errortext","helptext","id","invalid","label","name","onChange","required","selected","successtext","valid"]),A=function(a){return"string"!=typeof a||0!==a.trim().length},B=function(){return"juno-checkboxgroup-"+useId()},C=r||B(),D=m||B(),E=useState(u),F=E[0],G=E[1],H=useState(!1),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useMemo(function(){return y||!!(w&&w.length)},[y,w]),O=useMemo(function(){return o||!!(i&&i.length)},[o,i]);useEffect(function(){u&&G(u)},[u]),useEffect(function(){J(N)},[N]),useEffect(function(){M(O)},[O]);return React__default.createElement(CheckboxGroupContext.Provider,{value:{selectedOptions:F,name:C,disabled:g,handleCheckboxChange:function(a){var b=a;F&&F.includes(a)?G(F.filter(function(a){return a!==b})):F&&!F.includes(a)?G(function(a){return __spreadArray(__spreadArray([],a||[],!0),[b],!1)}):G([b]),s&&s(a)},updateSelectedValue:function(a){u||G(function(b){return __spreadArray(__spreadArray([],b||[],!0),[a],!1)})}}},React__default.createElement("div",__assign({className:"\n          juno-checkboxgroup \n          ".concat(I?"juno-checkboxgroup-valid":""," \n          ").concat(L?"juno-checkboxgroup-invalid":""," \n          ").concat(checkboxgroupstyles," \n          ").concat(e,"\n        "),id:D,role:"group"},z),p&&A(p)?(React__default.createElement(Label,{text:p,htmlFor:D,disabled:g,required:void 0!==t&&t})):"",React__default.createElement("div",{className:"\n            juno-checkbox-group-options \n            ".concat(groupstyles," \n            ").concat(I?validgroupstyles:""," \n            ").concat(L?invalidgroupstyles:""," \n            ").concat(I||L?"":defaultgroupstyles,"\n          ")},L?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:"".concat(iconstyles)}):"",I?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:"".concat(iconstyles)}):"",c),i&&A(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",w&&A(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",k&&A(k)?React__default.createElement(FormHint,{text:k}):""))};export{CheckboxGroup as C,CheckboxGroupContext as a};

package/build/CheckboxRow.component-CrN2DXEm.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{C as Checkbox}from"./Checkbox.component-DxULmNji.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";var CheckboxRow=function(a){var b=a.value,c=void 0===b?"":b,d=a.checked,e=a.indeterminate,f=a.name,g=void 0===f?void 0:f,h=a.label,i=void 0===h?void 0:h,j=a.id,k=void 0===j?void 0:j,l=a.helptext,m=void 0===l?void 0:l,n=a.required,o=void 0===n?void 0:n,p=a.disabled,q=a.invalid,r=a.errortext,s=void 0===r?"":r,t=a.valid,u=a.successtext,v=void 0===u?"":u,w=a.className,x=void 0===w?"":w,y=a.onChange,z=__rest(a,["value","checked","indeterminate","name","label","id","helptext","required","disabled","invalid","errortext","valid","successtext","className","onChange"]);return React__default.createElement(Checkbox,__assign({value:c,checked:void 0!==d&&d,indeterminate:void 0!==e&&e,name:g,label:i,id:k,helptext:m,disabled:void 0!==p&&p,required:o,invalid:void 0!==q&&q,valid:void 0!==t&&t,errortext:s,successtext:v,className:x,onChange:y},z))},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/Code.component-CIzbcpEn.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var codeStyles="\n  jn-bg-theme-code-block\n  jn-text-sm\n",Code=function(a){var b=a.content,c=void 0===b?"":b,d=a.children,e=void 0===d?null:d,f=a.className,g=void 0===f?"":f,h=__rest(a,["content","children","className"]);return React__default.createElement("code",__assign({className:"juno-code ".concat(codeStyles," ").concat(g)},h),c||e)};export{Code as C};

package/build/CodeBlock.component-CXDUnHIb.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useRef,useCallback}from"react";import{J as JsonViewer}from"./JsonViewer.component-i75ln2HG.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";var wrapperStyles="\n  jn-bg-theme-code-block\n  jn-rounded\n",preStyles=function(a){return"\n    jn-p-6\n    ".concat(a?"jn-break-words jn-break-all jn-whitespace-pre-wrap":"jn-overflow-x-auto","\n  ")},sizeStyles=function(a){return"small"===a?"\n        juno-codeblock-pre-small\n        jn-max-h-64\n        jn-overflow-y-auto\n      ":"medium"===a?"\n        juno-codeblock-pre-medium\n        jn-max-h-[32rem]\n        jn-overflow-y-auto\n      ":"large"===a?"\n        juno-codeblock-pre-large\n        jn-max-h-[56rem]\n        jn-overflow-y-auto\n      ":""},codeStyles="\n  jn-bg-theme-code-block\n  jn-text-sm\n",headingStyles="\n  jn-text-sm\n  jn-border-b-[1px]\n  jn-border-theme-codeblock-bar \n  jn-h-[3.4375rem]\n  jn-flex\n",headingInnerStyles="\n  jn-flex\n  jn-font-bold\n  jn-px-[1.5625rem]\n  jn-items-center\n",bottomBarStyles="\n  jn-flex \n  jn-justify-end \n  jn-px-3\n  jn-py-2 \n  jn-border-t-[1px]\n  jn-border-theme-codeblock-bar\n",copyTextStyles="\n  jn-font-bold \n  jn-text-sm \n  jn-mr-4 \n  jn-mt-1\n",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=function(a){var b=a.content,c=void 0===b?"":b,d=a.children,e=void 0===d?null:d,f=a.heading,g=a.wrap,h=a.size,i=void 0===h?"auto":h,j=a.copy,k=a.lang,l=void 0===k?"":k,m=a.className,n=void 0===m?"":m,o=__rest(a,["content","children","heading","wrap","size","copy","lang","className"]),p=useState(!1),q=p[0],r=p[1],s=React__default.useRef(null);React__default.useEffect(function(){return function(){s.current&&clearTimeout(s.current)}},[]);var t=useRef(null),u=useCallback(function(){var a,b="json"===l?JSON.stringify(c||e):null===(a=t.current)||void 0===a?void 0:a.textContent;b&&navigator.clipboard.writeText(b).catch(function(){console.warn("Cannot copy text to clipboard")}),r(!0),s.current&&clearTimeout(s.current),s.current=window.setTimeout(function(){return r(!1)},1e3)},[c,e,l]);return React__default.createElement("div",__assign({className:"juno-code-block ".concat(wrapperStyles," ").concat(l?"juno-code-block-lang-".concat(l):""," ").concat(n),"data-lang":l||null},o),f&&f.length?(React__default.createElement("div",{className:"juno-codeblock-heading ".concat(headingStyles)},React__default.createElement("span",{className:"".concat(headingInnerStyles)},f))):"","json"===l?(React__default.createElement(JsonViewer,{data:c,expanded:3,theme:jsonTheme,style:jsonViewStyles})):(React__default.createElement("pre",{className:"juno-code-block-pre ".concat(preStyles(!(void 0!==g)||g)," ").concat(sizeStyles(i))},React__default.createElement("code",{className:"".concat(codeStyles),ref:t},c||e))),!(void 0!==j)||j?(React__default.createElement("div",{className:"juno-codeblock-bottombar ".concat(bottomBarStyles)},React__default.createElement("span",{className:"".concat(copyTextStyles)},q?"Copied!":""),React__default.createElement(Icon,{icon:"contentCopy",onClick:u}))):"")};export{CodeBlock as C};

package/build/ComboBox.component-Bv_9h8jb.js

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

package/build/Container.component-B8M3UgGG.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var containerStyles=function(a,b){return"\n    ".concat(a?"jn-px-6 ":" "," \n    ").concat(b?" jn-py-6":"","\n  ")},Container=function(a){var b=a.px,c=a.py,d=a.className,e=void 0===d?"":d,f=a.children,g=void 0===f?null:f,h=__rest(a,["px","py","className","children"]);return React__default.createElement("div",__assign({className:"juno-container ".concat(containerStyles(!(void 0!==b)||b,void 0!==c&&c)," ").concat(e)},h),g)};export{Container as C};

package/build/ContentContainer.component-rfZz78lB.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var containerStyles="\n  jn-flex-col\n  jn-grow\n  jn-bg-[right_top_1rem]\n  jn-bg-no-repeat\n  jn-bg-theme-content-area-bg\n  jn-relative\n",ContentContainer=function(a){var b=a.className,c=void 0===b?"":b,d=a.children,e=void 0===d?null:d,f=__rest(a,["className","children"]);return React__default.createElement("div",__assign({className:"juno-content-container ".concat(containerStyles," ").concat(c)},f),e)};export{ContentContainer as C};

package/build/ContentHeading.component-Io-M-spm.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var headingStyles="\n  jn-font-bold\n  jn-text-lg\n  jn-text-theme-high\n  jn-pb-2\n",ContentHeading=function(a){var b=a.heading,c=void 0===b?"":b,d=a.className,e=void 0===d?"":d,f=a.children,g=void 0===f?null:f,h=__rest(a,["heading","className","children"]);return React__default.createElement("h1",__assign({className:"juno-content-heading ".concat(headingStyles," ").concat(e)},h),g||c)};export{ContentHeading as C};

package/build/ContextMenu.component-DH-m8O-z.js

@@ -1 +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-7-ap-6Ys.js";import{q as qe}from"./menu-DiwXZMR-.js";var menuStyles="\n  jn-overflow-hidden\n  jn-flex\n  jn-flex-col\n  jn-rounded\n  jn-bg-theme-background-lvl-1\n",toggleStyles="\n  hover:jn-text-theme-accent\n  active:jn-text-theme-accent\n",toggleOpenStyle="\n  jn-text-theme-accent\n",ContextMenu=function(a){var b=a.children,c=void 0===b?null:b,d=a.open,e=void 0!==d&&d,f=useState(!1),g=f[0],h=f[1];useEffect(function(){h(e)},[e]);var i=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["top-start","top-end","bottom-start","bottom-end"]}),size({boundary:"viewport",apply:function(a){var b=a.availableWidth,c=a.availableHeight,d=a.elements;Object.assign(d.floating.style,{maxWidth:"".concat(b,"px"),maxHeight:"".concat(c,"px"),overflowY:"auto"})}}),shift()];return React__default.createElement(qe,null,React__default.createElement(pr,{middleware:i},React__default.createElement(qe.Button,{onClick:function(){h(!g)},className:"\n            juno-contextmenu-toggle \n            ".concat(toggleStyles," \n            ").concat(g?toggleOpenStyle:"","\n          ")},React__default.createElement(Icon,{icon:"moreVert"})),React__default.createElement(qe.Items,{className:"".concat(menuStyles)},c)))};export{ContextMenu as C};

package/build/DataGrid.component-BBT0bs34.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign,b as __spreadArray}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var dataGridStyles="\n\tjn-grid\n\tjn-items-stretch\n",gridTemplate=function(a,b,c,d,e){var f;if(e&&0<e.length)return f={gridTemplateColumns:e},f;var g="";if(d&&Array.isArray(d)&&0<d.length){var h=__spreadArray([],Array(a),!0);h.map(function(a,e){g+=d.includes(e)?"min-content ":"minmax(".concat(c,", ").concat(b,") ")})}else g="repeat(".concat(a,", minmax(").concat(c,", ").concat(b,"))");return f={gridTemplateColumns:g},f},DataGridContext=React__default.createContext({}),useDataGridContext=function(){return React__default.useContext(DataGridContext)},DataGrid=function(a){var b=a.columns,c=void 0===b?1:b,d=a.columnMaxSize,e=void 0===d?"auto":d,f=a.columnMinSize,g=void 0===f?"0px":f,h=a.minContentColumns,i=a.gridColumnTemplate,j=a.cellVerticalAlignment,k=void 0===j?"center":j,l=a.className,m=void 0===l?"":l,n=a.children,o=void 0===n?null:n,p=__rest(a,["columns","columnMaxSize","columnMinSize","minContentColumns","gridColumnTemplate","cellVerticalAlignment","className","children"]);return React__default.createElement(DataGridContext.Provider,{value:{cellVerticalAlignment:k}},React__default.createElement("div",__assign({className:"juno-datagrid ".concat(dataGridStyles," ").concat(m),style:gridTemplate(c,e,g,h,i),role:"grid"},p),o))};export{DataGrid as D,useDataGridContext as u};

package/build/DataGridCell.component-DTZCr2iq.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{forwardRef}from"react";import{u as useDataGridContext}from"./DataGrid.component-BBT0bs34.js";var cellBaseStyles=function(a,b){return"\n\t\t".concat(a?"jn-whitespace-nowrap":"","\n\t\t").concat("center"===b?"\n\t\t\t\tjn-justify-center\n\t\t\t\tjn-flex\n\t\t\t\tjn-flex-col\t\t\n\t\t\t":"","\n\t\tjn-px-5\n\t\tjn-py-3\n\t\tjn-border-b\n\t\tjn-border-theme-background-lvl-2\n\t\tjn-h-full\n\t")},cellCustomStyles=function(a){var b;return a&&(b={gridColumn:"span ".concat(a," / span ").concat(a)}),b},DataGridCell=forwardRef(function(a,b){var c=a.colSpan,d=a.nowrap,e=a.className,f=void 0===e?"":e,g=a.children,h=void 0===g?null:g,i=__rest(a,["colSpan","nowrap","className","children"]),j=useDataGridContext()||{},k=j.cellVerticalAlignment;return React__default.createElement("div",__assign({className:"juno-datagrid-cell ".concat(cellBaseStyles(void 0!==d&&d,k)," ").concat(f),style:cellCustomStyles(c),role:"gridcell",ref:b},i),h)});DataGridCell.displayName="DataGridCell";export{DataGridCell as D};

package/build/DataGridHeadCell.component-Ce2yeOu8.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{forwardRef}from"react";import{D as DataGridCell}from"./DataGridCell.component-DTZCr2iq.js";var headCellBaseStyles="\n\tjn-font-bold\n\tjn-text-theme-high\n\tjn-bg-theme-background-lvl-1\n\tjn-border-theme-background-lvl-0\n",DataGridHeadCell=forwardRef(function(a,b){var c=a.colSpan,d=a.nowrap,e=a.className,f=void 0===e?"":e,g=a.children,h=void 0===g?null:g,i=__rest(a,["colSpan","nowrap","className","children"]);return React__default.createElement(DataGridCell,__assign({colSpan:c,nowrap:void 0!==d&&d,className:"juno-datagrid-head-cell ".concat(headCellBaseStyles," ").concat(f),role:"columnheader",ref:b},i),h)});DataGridHeadCell.displayName="DataGridHeadCell";export{DataGridHeadCell as D};

package/build/DataGridRow.component-D0MKrB0t.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{forwardRef}from"react";var rowBaseStyle="\n\tjn-contents\n",DataGridRow=forwardRef(function(a,b){var c=a.className,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=__rest(a,["className","children"]);return React__default.createElement("div",__assign({className:"juno-datagrid-row ".concat(rowBaseStyle," ").concat(d),role:"row",ref:b},g),f)});DataGridRow.displayName="DataGridRow";export{DataGridRow as D};

package/build/DataGridToolbar.component-BxGtUy7D.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var datagridtoolbarstyles="\n\tjn-flex\n\tjn-items-center\n\tjn-bg-theme-background-lvl-1\n\tjn-py-3\n\tjn-px-6\n\tjn-mb-px\n",childrenWrapperStyles="\n\tjn-ml-auto\n",DataGridToolbar=function(a){var b=a.search,c=a.className,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=__rest(a,["search","className","children"]);return React__default.createElement("div",__assign({className:"juno-datagrid-toolbar ".concat(datagridtoolbarstyles," ").concat(d)},g),b&&React__default.createElement("div",null,b),React__default.createElement("div",{className:childrenWrapperStyles},f))};export{DataGridToolbar as D};