@womp/kookie-ui 0.29.2 → 0.31.0

package/dist/cjs/components/navigator.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Navigator, from v2 (2026-11-03): a stack of screens, any depth. Any screen can open another on
+ * top of it, and Back removes the top one. The first screen is the root and never goes.
+ *
+ * THE PATH IS DATA. The screens above the root are a list of values the app owns, and `screen`
+ * turns a value into a screen, so an app can keep the path in its URL, restore it, or open three
+ * levels deep from a link.
+ *
+ * IT HAS NO REGION OF ITS OWN. The host decides how a screen carries its title. In
+ * `Shell.Content` a screen is a `Page`, whose large title collapses into the band with Back. In a
+ * side pane (Sidebar, Panel, Inspector, Bottom) the band holds Back and the title from the start.
+ * Anywhere else (a card, a Dialog, a Sheet, a Popover) each screen draws its own band: Back, the
+ * title, and the overlay's close when it has one.
+ *
+ * SCREENS UNDER THE TOP STAY MOUNTED, hidden, so a list keeps its scroll and a field its draft.
+ *
+ * Focus: a pushed screen takes focus at its top; on pop, focus returns to the control that opened
+ * the screen. Escape never goes back; it belongs to whatever overlay holds this.
+ *
+ * Differs from v2 in look only: no motion, since v1 has none. v1 has no Row yet, so
+ * `NavigatorLink` is its own row.
+ */
+import * as React from 'react';
+type NavigatorApi<T> = {
+    /** The values above the root, bottom first. Empty at the root. */
+    path: readonly T[];
+    /** Open a screen on top. */
+    push: (value: T) => void;
+    /** Close the top screen. Does nothing at the root. */
+    pop: () => void;
+    /** Close every screen above `depth`, where 0 is the root. */
+    popTo: (depth: number) => void;
+    /** Whether there is a screen to go back to. */
+    canGoBack: boolean;
+};
+interface NavigatorProps<T> {
+    /** The screens above the root, as values. Use it with `onPathChange` to control the path. */
+    path?: readonly T[];
+    /** The path to start with when the navigator controls its own path. */
+    defaultPath?: readonly T[];
+    /** Called with the new path whenever a screen opens or closes. */
+    onPathChange?: (path: T[]) => void;
+    /** Turns a value from the path into its screen, usually a `NavigatorScreen`. */
+    screen: (value: T) => React.ReactNode;
+    /** The root screen, usually a `NavigatorScreen`. It is always at the bottom and never closes. */
+    root: React.ReactNode;
+    /**
+     * The frame around the screens, when you need your own: a `Shell.PaneHeader` with actions, and
+     * a `Shell.Scroll` holding `NavigatorOutlet`. Leave it out and the navigator draws the frame: in
+     * a Shell pane, the pane's band with Back and the title, and its scroller; anywhere else, the
+     * screens on their own.
+     */
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * A stack of screens: any screen can open another on top, and Back returns to the one below.
+ * `root` is the first screen, `screen` turns each value in the path into its screen, and
+ * `children`, when given, is the frame the screens go into through `NavigatorOutlet`.
+ */
+declare function Navigator<T>({ path: pathProp, defaultPath, onPathChange, screen, root, children, className, style }: NavigatorProps<T>): React.JSX.Element;
+/** Where the screens go, inside a frame passed as the navigator's children. */
+declare function NavigatorOutlet(): React.JSX.Element;
+/** The navigator around this component: its path, and `push`, `pop` and `popTo`. */
+declare function useNavigator<T = unknown>(): NavigatorApi<T>;
+interface NavigatorBackProps {
+    /** The accessible name. The default is "Back to" and the previous screen's title. */
+    'aria-label'?: string;
+}
+/**
+ * Back, for a toolbar: a chevron that closes the top screen. It is absent at the root rather than
+ * disabled, because there is nowhere to go back to. It names the screen it returns to, so a screen
+ * reader hears "Back to Settings".
+ */
+declare function NavigatorBack(props: NavigatorBackProps): React.JSX.Element | null;
+/**
+ * The top screen's title, for a toolbar in a frame of your own. In a pane it is the band's
+ * mirroring `Toolbar.Title`, which shows once the page's large title has scrolled away.
+ */
+declare function NavigatorTitle(): React.JSX.Element;
+interface NavigatorScreenProps {
+    /** The screen's title. In a pane it shows in the pane's band; elsewhere in the screen's own. */
+    title: string;
+    /** The screen's content, under its title. */
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * One screen in a navigator. In a Shell pane the pane's band carries Back and its title, so the
+ * screen is only its content. Anywhere else it draws its own band: Back, the title, and the
+ * overlay's close when it sits in one. In a Dialog, Sheet or Popover the title names the panel.
+ */
+declare function NavigatorScreen({ title, children, className }: NavigatorScreenProps): React.JSX.Element;
+interface NavigatorLinkProps<T> extends Omit<React.ComponentPropsWithoutRef<'button'>, 'value' | 'onClick'> {
+    /** The value pushed onto the path when the row is pressed. */
+    value: T;
+}
+/** A row that opens the next screen, with the chevron that says so. */
+declare function NavigatorLink<T>({ value, className, children, ...props }: NavigatorLinkProps<T>): React.JSX.Element;
+export { Navigator, NavigatorOutlet, NavigatorBack, NavigatorTitle, NavigatorScreen, NavigatorLink, useNavigator };
+export type { NavigatorProps, NavigatorBackProps, NavigatorScreenProps, NavigatorLinkProps, NavigatorApi };
+//# sourceMappingURL=navigator.d.ts.map

package/dist/cjs/components/navigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigator.d.ts","sourceRoot":"","sources":["../../../src/components/navigator.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,YAAY,CAAC,CAAC,IAAI;IACrB,kEAAkE;IAClE,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB,4BAA4B;IAC5B,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,sDAAsD;IACtD,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,6DAA6D;IAC7D,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAuCF,UAAU,cAAc,CAAC,CAAC;IACxB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,uEAAuE;IACvE,WAAW,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC3B,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACnC,gFAAgF;IAChF,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,iGAAiG;IACjG,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,qBAwF/H;AA2BD,+EAA+E;AAC/E,iBAAS,eAAe,sBAEvB;AAQD,oFAAoF;AACpF,iBAAS,YAAY,CAAC,CAAC,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,CAEpD;AAuBD,UAAU,kBAAkB;IAC1B,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAQ/C;AAED;;;GAGG;AACH,iBAAS,cAAc,sBAItB;AAED,UAAU,oBAAoB;IAC5B,gGAAgG;IAChG,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,qBA0E5E;AAaD,UAAU,kBAAkB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACzG,8DAA8D;IAC9D,KAAK,EAAE,CAAC,CAAC;CACV;AAED,uEAAuE;AACvE,iBAAS,aAAa,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAUxF;AAED,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACnH,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,YAAY,EAAE,CAAC"}

package/dist/cjs/components/navigator.js

@@ -0,0 +1,3 @@
+"use client";
+"use strict";"use client";var Gn=Object.create;var Ee=Object.defineProperty;var Wn=Object.getOwnPropertyDescriptor;var jn=Object.getOwnPropertyNames;var _n=Object.getPrototypeOf,Kn=Object.prototype.hasOwnProperty;var $n=(e,t,o)=>t in e?Ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var qn=(e,t)=>{for(var o in t)Ee(e,o,{get:t[o],enumerable:!0})},_o=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of jn(t))!Kn.call(e,n)&&n!==o&&Ee(e,n,{get:()=>t[n],enumerable:!(r=Wn(t,n))||r.enumerable});return e};var y=(e,t,o)=>(o=e!=null?Gn(_n(e)):{},_o(t||!e||!e.__esModule?Ee(o,"default",{value:e,enumerable:!0}):o,e)),Un=e=>_o(Ee({},"__esModule",{value:!0}),e);var L=(e,t,o)=>$n(e,typeof t!="symbol"?t+"":t,o);var Qa={};qn(Qa,{Navigator:()=>ja,NavigatorBack:()=>In,NavigatorLink:()=>Za,NavigatorOutlet:()=>Nn,NavigatorScreen:()=>Ua,NavigatorTitle:()=>qa,useNavigator:()=>Ka});module.exports=Un(Qa);var m=y(require("react")),Me=y(require("classnames"));var Ko=y(require("react")),Bt=Ko.createContext(null);var T=y(require("react")),Be=y(require("classnames"));var F=y(require("react")),er=y(require("classnames")),ne=require("radix-ui"),tr=require("radix-ui/internal");var j={asChild:{type:"boolean"}};var It=["none","small","medium","large","full"],Xe={radius:{type:"enum",values:It,default:void 0}};var Yn=["vertical","horizontal","both"],Je={...j,...Xe,scrollbars:{type:"enum",values:Yn,default:"both"},fade:{type:"boolean",default:!1}};var et=y(require("react"));function Lt(e){let t=getComputedStyle(e);return{x:t.overflowX==="hidden"?0:Math.max(0,e.scrollWidth-e.clientWidth),y:t.overflowY==="hidden"?0:Math.max(0,e.scrollHeight-e.clientHeight)}}function $o(e){let[t,o]=et.useState(null);return et.useEffect(()=>{if(!e||!t)return;let r=0,n=()=>{r=0;let l=Lt(t),u=Math.max(0,t.scrollTop),c=Math.max(0,l.y-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${u}px`),t.style.setProperty("--scroll-overflow-end",`${c}px`);let d=Math.abs(t.scrollLeft),P=Math.max(0,l.x-d);t.style.setProperty("--scroll-overflow-x-start",`${d}px`),t.style.setProperty("--scroll-overflow-x-end",`${P}px`)},s=()=>{r||(r=requestAnimationFrame(n))};n(),t.addEventListener("scroll",s,{passive:!0});let a=typeof ResizeObserver>"u"?null:new ResizeObserver(s);a?.observe(t);for(let l of Array.from(t.children))a?.observe(l);let i=typeof MutationObserver>"u"?null:new MutationObserver(s);return i?.observe(t,{childList:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",s),a?.disconnect(),i?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end"),t.style.removeProperty("--scroll-overflow-x-start"),t.style.removeProperty("--scroll-overflow-x-end")}},[e,t]),o}var tt=y(require("react"));function Uo(){let[e,t]=tt.useState(null);return tt.useEffect(()=>{let o=e?.parentElement;if(!e||!o)return;let r=0,n=()=>{r=0;for(let a of o.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let i=a.parentElement,l=getComputedStyle(i);if(i.dataset.orientation==="horizontal"){let u=i.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),c=qo(e.scrollLeft,e.scrollWidth-e.offsetWidth,u-a.offsetWidth);a.style.transform=`translate3d(${c}px, 0, 0)`}else{let u=i.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),c=qo(e.scrollTop,e.scrollHeight-e.offsetHeight,u-a.offsetHeight);a.style.transform=`translate3d(0, ${c}px, 0)`}}},s=()=>{r||(r=requestAnimationFrame(n))};return e.addEventListener("scroll",s,{passive:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",s)}},[e]),t}function qo(e,t,o){return t<=0||o<=0?0:Math.min(Math.max(e,-t),t)/t*o}var ot=y(require("react"));function Yo(e,t){let{asChild:o,children:r}=e;if(!o)return typeof t=="function"?t(r):t;let n=ot.Children.only(r);return ot.cloneElement(n,{children:typeof t=="function"?t(n.props.children):t})}var Jo=y(require("classnames"));var Zn=[],Qn=new Set;function Xn(e){let t=Object.assign({},...e),o=[],r=[],n=new Set;for(let s in t){let a=t[s],i=a.values??Zn,l={key:s,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:i,valueSet:i.length>0?new Set(i):Qn,enumValueSet:a.type==="enum"?new Set([a.default,...i]):void 0};a.className?(o.push(l),n.add(s)):(l.hasDefault||a.type==="enum")&&r.push(l)}return{styling:o,passthrough:r,stylingKeys:n}}var Jn={children:new WeakMap};function Zo(e){let t=Jn;for(let o=0;o<e.length;o++){let r=e[o],n=t.children.get(r);n===void 0&&(n={children:new WeakMap},t.children.set(r,n)),t=n}return t.compiled??(t.compiled=Xn(e))}var es=["initial","xs","sm","md","lg","xl"],zt=new Set(es);function Ot(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var ts=new Set(["initial","xs","sm","md","lg","xl"]);function le(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(ts.has(t))return!0;return!1}function rt(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Xo({className:e,customProperties:t,...o}){let r=Vt({allowArbitraryValues:!0,className:e,...o}),n=os({customProperties:t,...o});return[r,n]}function Vt({allowArbitraryValues:e,value:t,className:o,propValues:r,propValueSet:n,parseValue:s=a=>a}){if(t){if(typeof t=="string")return rt(r,n,t)?Qo(o,t,s):e?o:void 0;if(le(t)){let a=t,i=[];for(let l in a){if(!Ot(a,l)||!zt.has(l))continue;let u=a[l];if(u!==void 0){if(rt(r,n,u)){let c=Qo(o,u,s),d=l==="initial"?c:`${l}:${c}`;i.push(d)}else if(e){let c=l==="initial"?o:`${l}:${o}`;i.push(c)}}}return i.length>0?i.join(" "):""}if(e)return o}}function Qo(e,t,o){let r=e?"-":"",n=o(t),s=n?.startsWith("-"),a=s?"-":"",i=s?n?.substring(1):n;return`${a}${e}${r}${i}`}function os({customProperties:e,value:t,propValues:o,propValueSet:r,parseValue:n=s=>s}){if(!t||typeof t=="string"&&rt(o,r,t))return;let s;if(typeof t=="string"){let a=n(t);s={};for(let i of e)s[i]=a;return s}if(le(t)){let a=t;for(let i in a){if(!Ot(a,i)||!zt.has(i))continue;let l=a[i];if(l===void 0||rt(o,r,l))continue;let u=n(l);s??(s={});for(let c of e){let d=i==="initial"?c:`${c}-${i}`;s[d]=u}}}return s??{}}function Ht(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function rs(e,t){let o=e.initial,r=!1;return t.hasDefault&&o===void 0&&(o=t.default,r=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,r=!0),r?{...e,initial:o}:e}function z(e,...t){let{styling:o,passthrough:r,stylingKeys:n}=Zo(t),s={};for(let l in e)n.has(l)||(s[l]=e[l]);for(let l=0;l<r.length;l++){let u=r[l],c=s[u.key];if(c===void 0){u.hasDefault&&(s[u.key]=u.default);continue}u.enumValueSet!==void 0&&!u.enumValueSet.has(c)&&!le(c)&&(s[u.key]=u.default)}let a,i=[];for(let l=0;l<o.length;l++){let u=o[l],c=e[u.key];if(c===void 0&&u.hasDefault&&(c=u.default),u.enumValueSet!==void 0&&!u.enumValueSet.has(c)&&!le(c)&&(c=u.default),!!c){if(le(c)){if(!u.responsive)continue;c=rs(c,u)}if(u.type==="enum"){let d=Vt({allowArbitraryValues:!1,value:c,className:u.className,propValues:u.values,propValueSet:u.valueSet,parseValue:u.parseValue});d&&i.push(d);continue}if(u.type==="string"||u.type==="enum | string"){let[d,P]=Xo({className:u.className,customProperties:u.customProperties,propValues:u.type==="string"?[]:u.values,propValueSet:u.type==="string"?void 0:u.valueSet,parseValue:u.parseValue,value:c});P&&(a=Ht(a,P)),d&&i.push(d);continue}if(u.type==="boolean"){i.push(u.className);continue}}}return s.className=(0,Jo.default)(i.length>0?i.join(" "):void 0,e.className),s.style=Ht(a,e.style),s}var re={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var nt={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var ns='[role="menu"], [role="listbox"]';function ss(e,t){F.useEffect(()=>{if(!t||!e||e.closest(ns))return;let o=0,r=()=>{o=0;let a=Lt(e);a.x>0||a.y>0?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")},n=()=>{o||(o=requestAnimationFrame(r))};r();let s=typeof ResizeObserver>"u"?null:new ResizeObserver(n);s?.observe(e);for(let a of Array.from(e.children))s?.observe(a);return()=>{o&&cancelAnimationFrame(o),s?.disconnect()}},[e,t])}var pe=F.forwardRef((e,t)=>{let{asChild:o,children:r,className:n,style:s,type:a,scrollHideDelay:i=a!=="scroll"?0:void 0,dir:l,radius:u=Je.radius.default,scrollbars:c=Je.scrollbars.default,fade:d=Je.fade.default,...P}=z(e,re,nt),[b,h]=F.useState(null),R=$o(d),k=Uo(),C=(0,tr.useComposedRefs)(t,R,k,h);ss(b,P.tabIndex===void 0);let M=P["aria-label"]!==void 0||P["aria-labelledby"]!==void 0;return F.createElement(ne.ScrollArea.Root,{type:a,scrollHideDelay:i,dir:l,className:(0,er.default)("kui-ScrollAreaRoot",n),"data-fade":d?"":void 0,style:s,asChild:o},Yo({asChild:o,children:r},D=>F.createElement(F.Fragment,null,F.createElement(ne.ScrollArea.Viewport,{role:M?"region":void 0,...P,ref:C,className:"kui-ScrollAreaViewport"},D),F.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),c!=="vertical"?F.createElement(ne.ScrollArea.Scrollbar,{"data-radius":u,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},F.createElement(ne.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c!=="horizontal"?F.createElement(ne.ScrollArea.Scrollbar,{"data-radius":u,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},F.createElement(ne.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c==="both"?F.createElement(ne.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});pe.displayName="ScrollArea";var we=y(require("react")),as=require("radix-ui/internal");var or={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},rr=["initial","xs","sm","md","lg","xl"];function nr(e){return typeof e=="object"&&e!==null}function is(e,t){let o={},r=null;for(let n of rr){if(e!==void 0&&!nr(e)){o[n]=e;continue}let s=nr(e)?e[n]:void 0;s!==void 0&&(r={value:s}),o[n]=r?r.value:t(n)}return o}var zi=is("fixed",()=>"fixed");var sr=we.createContext(null);var Oi=we.createContext(null);var ar=y(require("react")),ue=ar.createContext(void 0);var lr=y(require("react")),ls="(max-width: 767.98px) and (pointer: coarse)",ir,pr=()=>ir??(ir=window.matchMedia(ls));function ps(e,t){return typeof e.addEventListener=="function"?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):(e.addListener?.(t),()=>e.removeListener?.(t))}function us(e){return ps(pr(),e)}function st(){return lr.useSyncExternalStore(us,()=>pr().matches,()=>!1)}var cs=T.createContext(null);function At(){return T.useContext(cs)}var ur=T.createContext("2"),Ft=T.createContext(!1),ds=T.createContext(!1);function Gt(){let e=At(),t=T.useContext(ur),o=e?.size??t,r=e?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${o}`,`kui-menu-variant-${r}`]}var fs={1:"2",2:"3",3:"4",4:"4"};function Wt(){let e=At(),t=T.useContext(ur);return fs[e?.size??t]}function cr(){let e=T.useContext(ue),t=T.useContext(sr)!==null,o=Wt();return e!==void 0?e:t?o:null}var jt=T.forwardRef(({className:e,float:t,children:o,...r},n)=>{let s=Gt(),a=Wt();return T.createElement("div",{...r,ref:n,"data-float":t||void 0,className:(0,Be.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...s,e)},T.createElement(ue.Provider,{value:a},o))});jt.displayName="Shell.PaneHeader";var ms=T.forwardRef(({className:e,float:t,children:o,...r},n)=>{let s=Gt(),a=Wt();return T.createElement("div",{...r,ref:n,"data-float":t||void 0,className:(0,Be.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...s,e)},T.createElement(ue.Provider,{value:a},o))});ms.displayName="Shell.PaneFooter";var _t=T.forwardRef(({className:e,style:t,dir:o,children:r,fade:n=!1,pane:s=!1,...a},i)=>{let l=Gt(),u=T.useContext(Ft),c=At(),d=u&&c===null&&!s,P=T.useContext(ds),b=st();if(d){let h=a.tabIndex??(P&&b?-1:void 0);return T.createElement(pe,{...a,tabIndex:h,ref:i,type:"hover",fade:n,className:"kui-ShellScroll"},T.createElement("div",{style:t,dir:o,className:(0,Be.default)("kui-ShellScrollContent",e)},r))}return T.createElement(pe,{...a,ref:i,type:"hover",fade:n,className:"kui-ShellScroll"},T.createElement("div",{style:t,dir:o,className:(0,Be.default)("kui-BaseMenuContent","kui-SidebarContent",...l,e)},T.createElement(ue.Provider,{value:null},T.createElement("div",{className:"kui-BaseMenuViewport"},r))))});_t.displayName="Shell.Scroll";var _=y(require("react")),fr=_.createContext(null);function dr(e){e.version+=1;for(let t of e.listeners)t()}function Se(e,t){if(e.collapsed!==t){e.collapsed=t;for(let o of e.mirrors)t?o.setAttribute("data-collapsed",""):o.removeAttribute("data-collapsed")}}function mr({children:e}){return _.createElement(fr.Provider,{value:null},e)}function ce(){return _.useContext(fr)}function at(e,t){_.useEffect(()=>{if(e)return e.title=t,dr(e),()=>{e.title===t&&(e.title=null,dr(e))}},[e,t])}function Pr(e){let t=_.useCallback(o=>e?(e.listeners.add(o),()=>{e.listeners.delete(o)}):()=>{},[e]);return _.useSyncExternalStore(t,()=>e?.version??0,()=>0),e?.title??null}function yr(e){let t=_.useRef(null);return _.useCallback(o=>{e&&(t.current&&e.mirrors.delete(t.current),t.current=o,o&&(e.mirrors.add(o),e.collapsed?o.setAttribute("data-collapsed",""):o.removeAttribute("data-collapsed")))},[e])}var pt=y(require("react")),Dr=y(require("classnames"));var de=["0","1","2","3","4","5","6","7","8","9","10","11","12"],gr={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:de,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:de,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:de,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:de,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:de,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:de,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:de,responsive:!0}};var Kt=["visible","hidden","clip","scroll","auto"],Ps=["static","relative","absolute","fixed","sticky"],Ie=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],ys=["0","1"],gs=["0","1"],hs=["start","center","end","baseline","stretch"],vs=["start","center","end","baseline","stretch"],it={...gr,...re,...nt,position:{type:"enum",className:"kui-r-position",values:Ps,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:Ie,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:Ie,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:Ie,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:Ie,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:Ie,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:Kt,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:Kt,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:Kt,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:ys,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:gs,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:hs,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:vs,responsive:!0}};var fe=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12","bleed"],hr={m:{type:"enum | string",values:fe,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:fe,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:fe,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:fe,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:fe,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:fe,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:fe,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var lt=require("radix-ui"),Xi=lt.Slot.Root,vr=lt.Slot.Root,Ji=lt.Slot.Slottable;var $t=["0","1","2","3","4","5","6","7","8","9","10","11","12"],br={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:$t,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:$t,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:$t,responsive:!0}};var bs=["div","span"],Rs=["none","inline-flex","flex"],Ds=["row","column","row-reverse","column-reverse"],Cs=["start","center","end","baseline","stretch"],ws=["start","center","end","between"],Ss=["nowrap","wrap","wrap-reverse"],Rr={as:{type:"enum",values:bs,default:"div"},...j,display:{type:"enum",className:"kui-r-display",values:Rs,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:Ds,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:Cs,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:ws,parseValue:Ts,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:Ss,responsive:!0},...br};function Ts(e){return e==="between"?"space-between":e}var me=pt.forwardRef((e,t)=>{let{className:o,asChild:r,as:n="div",...s}=z(e,Rr,it,hr);return pt.createElement(r?vr:n,{...s,ref:t,className:(0,Dr.default)("kui-Flex",o)})});me.displayName="Flex";var Pe=y(require("react")),Tr=require("radix-ui");var ut=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Cr=["auto","gray","mauve","slate","sage","olive","sand"],te={color:{type:"enum",values:ut,default:void 0}},wr={color:{type:"enum",values:ut,default:""}};var xs=["loud","medium","quiet"],ct={emphasis:{type:"enum",className:"kui-emphasis",values:xs,default:void 0}};var ks=["normal","start","end","both"],dt={trim:{type:"enum",className:"kui-r-lt",values:ks,responsive:!0}};var Ms=["left","center","right"],ft={align:{type:"enum",className:"kui-r-ta",values:Ms,responsive:!0}};var Ns=["wrap","nowrap","pretty","balance"],mt={wrap:{type:"enum",className:"kui-r-tw",values:Ns,responsive:!0}};var Pt={truncate:{type:"boolean",className:"kui-truncate"}};var Es=["sans","mono","serif"],yt={font:{type:"enum",className:"kui-r-ff",values:Es}};var Bs=["regular","medium","semibold"],gt={weight:{type:"enum",className:"kui-r-weight",values:Bs,responsive:!0}};var Is=["h1","h2","h3","h4","h5","h6"],Ls=["1","2","3","4","5","6","7","8","9"],Sr={as:{type:"enum",values:Is,default:"h2"},...j,size:{type:"enum",className:"kui-r-size",values:Ls,default:"6",responsive:!0},...yt,...gt,...ft,...dt,...Pt,...mt,...te,...ct};var Le=Pe.memo(Pe.forwardRef((e,t)=>{let{children:o,className:r,asChild:n,as:s="h2",color:a,...i}=z(e,Sr),l=r?`kui-Heading ${r}`:"kui-Heading";return n?Pe.createElement(Tr.Slot.Root,{"data-accent-color":a,...i,ref:t,className:l},o):Pe.createElement(s,{"data-accent-color":a,...i,ref:t,className:l},o)}));Le.displayName="Heading";var Q=y(require("react")),Mr=y(require("classnames"));var ye=y(require("react")),kr=require("radix-ui");var zs=["span","div","label","p"],Os=["1","2","3","4","5","6","7","8","9"],xr={as:{type:"enum",values:zs,default:"span"},...j,size:{type:"enum",className:"kui-r-size",values:Os,responsive:!0},...yt,...gt,...ft,...dt,...Pt,...mt,...te,...ct};var ge=ye.memo(ye.forwardRef((e,t)=>{let{children:o,className:r,asChild:n,as:s="span",color:a,...i}=z(e,xr),l=r?`kui-Text ${r}`:"kui-Text";return n?ye.createElement(kr.Slot.Root,{"data-accent-color":a,...i,ref:t,className:l},o):ye.createElement(s,{"data-accent-color":a,...i,ref:t,className:l},o)}));ge.displayName="Text";var qt=Q.forwardRef(({title:e,description:t,mark:o,className:r,children:n,...s},a)=>{let i=ce(),l=Q.useRef(null);at(i,e);let u=st();return Q.useEffect(()=>{let c=l.current;if(!c||!i)return;let d=c.closest(".kui-ScrollAreaViewport"),P=d!==null&&!/^(visible|clip)$/.test(getComputedStyle(d).overflowY),b=new IntersectionObserver(h=>{let R=h[h.length-1];if(!R)return;let k=R.rootBounds?.top;Se(i,!R.isIntersecting&&(k===void 0||R.boundingClientRect.top<=k))},{root:P?d:null,threshold:0});return b.observe(c),()=>{b.disconnect(),Se(i,!1)}},[i,u]),Q.createElement("div",{...s,ref:a,className:(0,Mr.default)("kui-Page",r)},Q.createElement("div",{className:"kui-PageHeader"},o==null?null:Q.createElement("div",{className:"kui-PageMark"},o),Q.createElement(Le,{as:"h1",size:"9",weight:"medium"},e),t==null?null:Q.createElement(ge,{as:"p",size:"4"},t),Q.createElement("div",{ref:l,className:"kui-PageMarker","aria-hidden":"true"})),n)});qt.displayName="Page";var f=y(require("react")),ie=require("radix-ui/internal"),ve=y(require("classnames")),qe=require("radix-ui");var Vs=["1","2","3","4"],Hs=["horizontal","vertical"],ze={size:{type:"enum",className:"kui-r-size",values:Vs,default:"2"},orientation:{type:"enum",values:Hs,default:"horizontal"}};var Ae=y(require("react")),_r=y(require("classnames"));var g=y(require("react")),Br=y(require("classnames")),Ir=require("radix-ui"),bt=require("radix-ui/internal");var As=["1","2","3","4"],Fs=["raised","solid","soft","surface","outline","ghost"],Ut={...j,size:{type:"enum",className:"kui-r-size",values:As,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:Fs,default:"solid"},...wr,...Xe,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var G=y(require("react")),Yt=y(require("classnames"));var Nr={loading:{type:"boolean",default:!0}};var Zt=G.forwardRef((e,t)=>{let{className:o,children:r,loading:n,...s}=z(e,Nr);if(r===void 0&&!n)return null;let a=s["aria-label"]!==void 0||s["aria-labelledby"]!==void 0,i=G.createElement("span",{role:a?"status":void 0,"aria-hidden":a?void 0:!0,...s,ref:t,className:(0,Yt.default)("kui-Spinner",o)},G.createElement("span",{className:"kui-SpinnerWheel"},G.createElement("span",{className:"kui-SpinnerLeaf"}),G.createElement("span",{className:"kui-SpinnerLeaf"}),G.createElement("span",{className:"kui-SpinnerLeaf"}),G.createElement("span",{className:"kui-SpinnerLeaf"}),G.createElement("span",{className:"kui-SpinnerLeaf"}),G.createElement("span",{className:"kui-SpinnerLeaf"}),G.createElement("span",{className:"kui-SpinnerLeaf"}),G.createElement("span",{className:"kui-SpinnerLeaf"})),typeof s["aria-label"]=="string"?G.createElement("span",{className:"kui-sr-only"},s["aria-label"]):null);return r===void 0?i:G.createElement("span",{className:"kui-SpinnerHost","data-loading":n||void 0,"aria-busy":n||void 0},G.createElement("span",{"aria-hidden":n||void 0,className:(0,Yt.default)("kui-SpinnerChildren",n&&"kui-SpinnerHiddenChildren")},r),n?G.createElement(me,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},G.createElement("span",null,i)):null)});Zt.displayName="Spinner";var v=y(require("react")),Gs=v.default.forwardRef((e,t)=>v.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},v.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"})));Gs.displayName="ThickDividerHorizontalIcon";var Qt=v.default.forwardRef((e,t)=>v.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},v.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"})));Qt.displayName="ThickCheckIcon";var Xt=v.default.forwardRef((e,t)=>v.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},v.default.createElement("path",{d:"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z"})));Xt.displayName="ChevronDownIcon";var ht=v.default.forwardRef((e,t)=>v.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},v.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z"})));ht.displayName="ThickChevronRightIcon";var Jt=v.default.forwardRef((e,t)=>v.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},v.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.76174 0.201711C5.45892 -0.0809141 4.98433 -0.0645489 4.70171 0.238264L1.20171 3.98826C0.932757 4.27642 0.932757 4.72359 1.20171 5.01174L4.70171 8.76174C4.98433 9.06455 5.45892 9.08092 5.76174 8.79829C6.06455 8.51567 6.08091 8.04108 5.79829 7.73826L2.77591 4.5L5.79829 1.26174C6.08091 0.958928 6.06455 0.484337 5.76174 0.201711Z"})));Jt.displayName="ThickChevronLeftIcon";var eo=v.default.forwardRef((e,t)=>v.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},v.default.createElement("circle",{cx:"4.5",cy:"4.5",r:"2"})));eo.displayName="ThickDotIcon";var Ws=v.default.forwardRef((e,t)=>v.default.createElement("svg",{...e,ref:t,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},v.default.createElement("path",{d:"M18 6 6 18"}),v.default.createElement("path",{d:"m6 6 12 12"})));Ws.displayName="CloseIcon";var js=v.default.forwardRef((e,t)=>v.default.createElement("svg",{...e,ref:t,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},v.default.createElement("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})));js.displayName="PaperclipIcon";var _s=v.default.forwardRef((e,t)=>v.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},v.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),v.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"})));_s.displayName="FileIcon";var Ks=v.default.forwardRef((e,t)=>v.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},v.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),v.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"}),v.default.createElement("path",{d:"M10 9H8"}),v.default.createElement("path",{d:"M16 13H8"}),v.default.createElement("path",{d:"M16 17H8"})));Ks.displayName="FileTextIcon";var to=v.default.forwardRef((e,t)=>v.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},v.default.createElement("path",{d:"M5 12.75L9.5 17.25L19 7.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})));to.displayName="TickIcon";var Oe=y(require("react"));function oo(e,t){if(t.includes(e))return e;let o=Number(e),r=t[0],n=1/0;for(let s=0;s<t.length;s++){let a=Math.abs(Number(t[s])-o);a<n&&(n=a,r=t[s])}return r}var Ve=Oe.createContext("2");Ve.displayName="ThemeSizeContext";function ro(e,t){let o=Oe.useContext(Ve);return e!==void 0?e:oo(o,t.values)}function vt(e,t){let o=Oe.useContext(Ve);if(e.size!==void 0)return e;let r=oo(o,t.values);return r===t.default?e:{...e,size:r}}var ao=g.forwardRef((e,t)=>{let o=vt(e,Ut.size),{className:r,children:n,asChild:s,as:a,color:i,radius:l,disabled:u,done:c=!1,...d}=z(o,Ut),P=!!o.loading,b=o.loading!==void 0,h=!!u||P,{onClick:R,"aria-describedby":k}=d,C=g.useCallback(H=>{if(h){H.preventDefault();return}R?.(H)},[h,R]),M=g.useMemo(()=>{let H=s&&g.isValidElement(n)?n.props.children:n,X=so(H),ee=Z=>g.isValidElement(Z)&&(Z.type==="svg"||typeof Z.type!="string"&&Z.type!==g.Fragment&&!qs.has(no(Z.type)));return{iconStart:ee(X[0]),iconEnd:ee(X[X.length-1])}},[s,n]),[D,I]=g.useState(null),E=g.useRef(null),K=(0,bt.useComposedRefs)(t,E);(0,bt.useLayoutEffect)(()=>{let H=E.current;if(!H||P||c)return;let X=H.querySelector(":scope > .kui-BaseButtonContent")??H,ee=Er(X,"start"),Z=Er(X,"end");I(oe=>oe&&oe.iconStart===ee&&oe.iconEnd===Z?oe:{iconStart:ee,iconEnd:Z})});let{iconStart:$,iconEnd:B}=D??M,w=!!d["data-icon-only"],S=g.useMemo(()=>{if(!c)return n;let H=g.createElement(to,{key:"kui-done-tick",className:"kui-BaseButtonTick","aria-hidden":!0}),X=ee=>{if(w)return H;let Z=so(ee),oe=Z.findIndex(Qe=>!(typeof Qe=="string"&&!Qe.trim())),jo=Z[oe];return oe!==-1&&$&&(D!==null||g.isValidElement(jo)&&jo.type==="svg")?Z.map((Qe,Fn)=>Fn===oe?H:Qe):[H,...Z]};if(s&&g.isValidElement(n)){let ee=n;return g.cloneElement(ee,void 0,X(ee.props.children))}return X(n)},[c,n,w,$,D,s]),Y=s?Ir.Slot.Root:a||"button",Ze=["button","input","textarea","select"],De=s?g.isValidElement(n)?n.type:void 0:a||"button",Ce=typeof De=="string"&&Ze.includes(De),{onClickCapture:Ne}=d,Ln=g.useCallback(H=>{if(s&&h){H.preventDefault(),H.stopPropagation();return}Ne?.(H)},[s,h,Ne]),zn=!s&&(!a||a==="button"),On="type"in d,Vn=g.useId(),Et=P?`${Vn}-loading`:void 0,Hn=g.useMemo(()=>P?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[k,Et].filter(Boolean).join(" ")}:u&&(!Ce||s)?{"aria-disabled":!0}:{},[P,Et,k,u,Ce,s]),Wo=(H,X)=>b?g.createElement(g.Fragment,null,g.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":P||void 0},H),P?g.createElement(g.Fragment,null,g.createElement("span",{className:"kui-sr-only"},g.createElement("span",{id:Et,"aria-hidden":!0},"Loading"),X),g.createElement(me,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},g.createElement("span",null,g.createElement(Zt,{"aria-hidden":"true"})))):null):H,An=s&&b&&g.isValidElement(S)?g.cloneElement(S,void 0,Wo(S.props.children,g.isValidElement(n)?n.props.children:null)):S;return g.createElement(Y,{"data-accent-color":i,"data-radius":l,"data-icon-start":$||void 0,"data-icon-end":B||void 0,"data-done":c||void 0,...d,...Hn,"data-disabled":h||void 0,onClick:C,onClickCapture:Ln,ref:K,className:(0,Br.default)("kui-reset","kui-BaseButton",r),...Ce&&{disabled:u},...zn&&!On?{type:"button"}:{}},s?An:Wo(S,n))});ao.displayName="BaseButton";var qs=new Set(["Text","Kbd","Code","Link","Em","Strong","Quote","Badge","Trans"]);function no(e){if(!e||typeof e!="function"&&typeof e!="object")return"";let t=e;return t.displayName||t.name||no(t.render)||no(t.type)}function so(e){return g.Children.toArray(e).flatMap(t=>g.isValidElement(t)&&t.type===g.Fragment?so(t.props.children):[t])}function Er(e,t){let o=t==="start"?e.firstChild:e.lastChild;for(;o&&(o.nodeType===Node.COMMENT_NODE||o.nodeType===Node.TEXT_NODE&&!o.textContent?.trim());)o=t==="start"?o.nextSibling:o.previousSibling;return o?.nodeType===Node.ELEMENT_NODE&&o.localName==="svg"}var W=y(require("react")),Fr=y(require("classnames")),ae=require("radix-ui");var Te=y(require("react"));var V=y(require("react")),Or=y(require("classnames")),He=require("radix-ui");function Lr(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var io=y(require("react"));function se(e){let[t,o]=io.useState(e),[r,n]=io.useState(e);return Object.is(e,r)||(n(e),o(e)),[t,o]}var Us=["inherit","light","dark"],zr=["sans","mono","serif"],Ys=["1","2","3","4"],O={...j,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Us,default:"inherit"},accentColor:{type:"enum",values:ut,default:"gray"},grayColor:{type:"enum",values:Cr,default:"gray"},radius:{type:"enum",values:It,default:"full"},fontFamily:{type:"enum",values:zr,default:"sans"},headingFontFamily:{type:"enum",values:zr},size:{type:"enum",values:Ys,default:"2"}};var U=()=>{},Zs={appearance:O.appearance.default,accentColor:O.accentColor.default,grayColor:O.grayColor.default,resolvedGrayColor:O.grayColor.default,radius:O.radius.default,fontFamily:O.fontFamily.default,headingFontFamily:void 0,size:O.size.default,onAppearanceChange:U,onAccentColorChange:U,onGrayColorChange:U,onRadiusChange:U,onFontFamilyChange:U,onHeadingFontFamilyChange:U,onSizeChange:U},Rt=V.createContext(void 0);function Vr(){return V.useContext(Rt)??Zs}var lo=V.forwardRef((e,t)=>{let o=V.useContext(Rt),r=He.Direction.useDirection();return o===void 0?V.createElement(He.Direction.Provider,{dir:r},V.createElement(Hr,{...e,ref:t})):V.createElement(po,{...e,ref:t})});lo.displayName="Theme";var Hr=V.forwardRef((e,t)=>{let{appearance:o=O.appearance.default,accentColor:r=O.accentColor.default,grayColor:n=O.grayColor.default,radius:s=O.radius.default,fontFamily:a=O.fontFamily.default,headingFontFamily:i,size:l=O.size.default,hasBackground:u=O.hasBackground.default,...c}=e,[d,P]=se(o),[b,h]=se(r),[R,k]=se(n),[C,M]=se(s),[D,I]=se(a),[E,K]=se(i),[$,B]=se(l);return V.createElement(po,{...c,ref:t,isRoot:!0,hasBackground:u,appearance:d,accentColor:b,grayColor:R,radius:C,fontFamily:D,headingFontFamily:E,size:$,onAppearanceChange:P,onAccentColorChange:h,onGrayColorChange:k,onRadiusChange:M,onFontFamilyChange:I,onHeadingFontFamilyChange:K,onSizeChange:B})});Hr.displayName="ThemeRoot";var po=V.forwardRef((e,t)=>{let o=V.useContext(Rt),{asChild:r,isRoot:n,hasBackground:s,appearance:a=e.appearance??o?.appearance??O.appearance.default,accentColor:i=e.accentColor??o?.accentColor??O.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??O.grayColor.default,radius:u=e.radius??o?.radius??O.radius.default,fontFamily:c=e.fontFamily??o?.fontFamily??O.fontFamily.default,headingFontFamily:d=e.headingFontFamily??o?.headingFontFamily,size:P=e.size??o?.size??O.size.default,onAppearanceChange:b=o?.onAppearanceChange??U,onAccentColorChange:h=o?.onAccentColorChange??U,onGrayColorChange:R=o?.onGrayColorChange??U,onRadiusChange:k=o?.onRadiusChange??U,onFontFamilyChange:C=o?.onFontFamilyChange??U,onHeadingFontFamilyChange:M=o?.onHeadingFontFamilyChange??U,onSizeChange:D=o?.onSizeChange??U,...I}=e,E=r?He.Slot.Root:"div",K=l==="auto"?Lr(i):l,$=e.appearance==="light"||e.appearance==="dark",B=s===void 0?n||$:s;return V.createElement(Rt.Provider,{value:V.useMemo(()=>({appearance:a,accentColor:i,grayColor:l,resolvedGrayColor:K,radius:u,fontFamily:c,headingFontFamily:d,size:P,onAppearanceChange:b,onAccentColorChange:h,onGrayColorChange:R,onRadiusChange:k,onFontFamilyChange:C,onHeadingFontFamilyChange:M,onSizeChange:D}),[a,i,l,K,u,c,d,P,b,h,R,k,C,M,D])},V.createElement(Ve.Provider,{value:P},V.createElement(E,{"data-is-root-theme":n?"true":"false","data-accent-color":i,"data-gray-color":K,"data-has-background":B?"true":"false","data-radius":u,"data-font-family":c,"data-heading-font-family":d,ref:t,...I,className:(0,Or.default)("kui-theme",{light:a==="light",dark:a==="dark"},I.className)})))});po.displayName="ThemeImpl";var xe=Te.forwardRef((e,t)=>Te.createElement(ue.Provider,{value:null},Te.createElement(mr,null,Te.createElement(lo,{...e,ref:t}))));xe.displayName="PortalTheme";var Ar={content:{type:"ReactNode",required:!0},width:re.width,minWidth:re.minWidth,maxWidth:{...re.maxWidth,default:"360px"}};var Gr=200,Wr=W.createContext(!1);function Qs({delayDuration:e=Gr,children:t,...o}){return W.createElement(Wr.Provider,{value:!0},W.createElement(ae.Tooltip.Provider,{delayDuration:e,...o},t))}Qs.displayName="TooltipProvider";var uo=W.forwardRef((e,t)=>{let{children:o,className:r,open:n,defaultOpen:s,onOpenChange:a,delayDuration:i,disableHoverableContent:l,content:u,container:c,forceMount:d,...P}=z(e,Ar),b={open:n,defaultOpen:s,onOpenChange:a,delayDuration:i,disableHoverableContent:l},h=W.useContext(Wr),R=W.createElement(ae.Tooltip.Root,{...b},W.createElement(ae.Tooltip.Trigger,{asChild:!0},o),W.createElement(ae.Tooltip.Portal,{container:c,forceMount:d},W.createElement(xe,{asChild:!0},W.createElement(ae.Tooltip.Content,{sideOffset:4,collisionPadding:10,...P,asChild:!1,ref:t,className:(0,Fr.default)("kui-TooltipContent",r)},W.createElement(ge,{as:"p",className:"kui-TooltipText",size:"1"},u),W.createElement(ae.Tooltip.Arrow,{className:"kui-TooltipArrow"})))));return h?R:W.createElement(ae.Tooltip.Provider,{delayDuration:Gr},R)});uo.displayName="Tooltip";var Dt=y(require("react"));function jr(e){let t=Dt.useId(),o=!!e,r=Dt.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:r}}var Xs={loud:"solid",medium:"raised",quiet:"ghost"};function Js(e){if(e["aria-label"]||e["aria-labelledby"])return;console.error("Button: an `iconOnly` button must have an accessible name. Pass `aria-label`, or `aria-labelledby` referencing a label element.")}var Fe=Ae.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:r="top",tooltipAlign:n="center",tooltipDelayDuration:s,tooltipDisableHoverableContent:a,iconOnly:i=!1,emphasis:l,variant:u,...c},d)=>{let{tooltipId:P,hasTooltip:b,accessibilityProps:h}=jr(o);i&&(Js(c),c.fullWidth=!1);let R=l!==void 0?Xs[l]:u,k=c["aria-describedby"],C=h["aria-describedby"],M=[k,C].filter(Boolean).join(" ")||void 0,D=Ae.createElement(ao,{...c,variant:R,"aria-describedby":M,ref:d,"data-icon-only":i||void 0,className:(0,_r.default)("kui-Button",e),style:t});return b?Ae.createElement(uo,{content:o,side:r,align:n,delayDuration:s,disableHoverableContent:a,id:P},D):D});Fe.displayName="Button";var p=y(require("react")),A=y(require("classnames")),N=require("radix-ui"),Eo=require("radix-ui/internal");var ea=["1","2","3","4"],Kr=["cascade","drill-down"],$r={size:{type:"enum",className:"kui-r-size",values:ea,default:"2",responsive:!0},...te},Ge={...$r,submenuBehavior:{type:"enum",values:Kr,default:"cascade",responsive:!0}},Ct=$r,co={...j,...te,shortcut:{type:"string"}},fo={...te,shortcut:{type:"string"}},mo={...te};var x=y(require("react"));var ta={stack:[],lastChange:null},oa='[role^="menuitem"]:not([data-disabled])',ra="kui-DropdownMenuDrillDownBackItem";function qr(e){return e.replace(/["\\]/g,"\\$&")}var Po=class{constructor(){L(this,"state",ta);L(this,"listeners",new Set);L(this,"modality","keyboard");L(this,"controllers",new Map);L(this,"pendingModality",new Map);L(this,"rootElement",null);L(this,"setRootElement",t=>{this.rootElement=t});L(this,"getState",()=>this.state);L(this,"subscribe",t=>(this.listeners.add(t),()=>{this.listeners.delete(t)}));L(this,"setModality",t=>{this.modality=t});L(this,"getModality",()=>this.modality);L(this,"getDepth",()=>this.state.stack.length);L(this,"isOpen",t=>this.state.stack.some(o=>o.id===t));L(this,"setController",(t,o)=>{o?this.controllers.set(t,o):this.controllers.delete(t)});L(this,"takePendingModality",t=>{let o=this.pendingModality.get(t)??null;return this.pendingModality.delete(t),o});L(this,"push",(t,o=this.modality)=>{let{stack:r}=this.state;r.some(n=>n.id===t)||this.request(t,!0,o)||this.open(t,o)});L(this,"open",(t,o=null)=>{let{stack:r}=this.state;if(r.some(i=>i.id===t))return;let n=this.getTrigger(t),s=(n?.dataset.drillDownName??n?.textContent??"").trim(),a=this.getScrollContainer()?.scrollTop??0;this.setState({stack:[...r,{id:t,name:s,scrollTop:a}],lastChange:{type:"push",id:t,modality:o}})});L(this,"pop",(t=this.modality)=>{let{stack:o}=this.state,r=o[o.length-1];r&&(this.request(r.id,!1,t)||this.setState({stack:o.slice(0,-1),lastChange:{type:"pop",id:r.id,modality:t,scrollTop:r.scrollTop}}))});L(this,"close",(t,o=null)=>{let{stack:r}=this.state,n=r.findIndex(s=>s.id===t);n!==-1&&this.setState({stack:r.slice(0,n),lastChange:{type:"pop",id:t,modality:o,scrollTop:r[n].scrollTop}})});L(this,"reset",()=>{this.state.stack.length!==0&&this.setState({stack:[],lastChange:{type:"reset"}})})}setState(t){this.state=t,this.listeners.forEach(o=>o())}request(t,o,r){let n=this.controllers.get(t);return n?(this.pendingModality.set(t,r),n(o),!0):!1}getScrollContainer(){let t=this.rootElement;return t?t.closest(".kui-ScrollAreaViewport")??t.closest(".kui-BaseMenuViewport"):null}getTrigger(t){return this.rootElement?.querySelector(`[data-drill-down-trigger="${qr(t)}"]`)}applyLastChange(){let t=this.state.lastChange,o=this.rootElement;if(!t||!o)return;this.state={...this.state,lastChange:null};let r=o.closest('[role="menu"]'),n=this.getScrollContainer(),s=a=>a?.focus({preventScroll:!0});if(t.type==="push"){n&&(n.scrollTop=0);let a=o.querySelector(`[data-drill-down-panel="${qr(t.id)}"]`);if(t.modality==="keyboard"){let i=a?Array.from(a.querySelectorAll(oa)):[];s(i.find(l=>!l.classList.contains(ra))??i[0]??r)}else(t.modality==="pointer"||!o.contains(document.activeElement))&&s(r);return}if(t.type==="pop"){n&&(n.scrollTop=t.scrollTop);let a=this.getTrigger(t.id);t.modality==="keyboard"?s(a??r):(t.modality==="pointer"||!o.contains(document.activeElement))&&s(r);return}n&&(n.scrollTop=0)}},Ur=x.createContext(null),J=x.createContext(!0);function We(){return x.useContext(Ur)}function Yr(){let[e]=x.useState(()=>new Po);return e}var na=e=>e.stack.length,sa=()=>0;function Zr({store:e,behavior:t,open:o,children:r}){let n=t==="drill-down",s=x.useSyncExternalStore(e.subscribe,()=>na(e.getState()),sa),a=!n||s===0;x.useLayoutEffect(()=>{n||e.reset()},[n,e]);let i=x.useRef(o);x.useLayoutEffect(()=>{o&&!i.current&&e.reset(),i.current=o},[o,e]),x.useLayoutEffect(()=>{e.applyLastChange()},[s,e]);let l=x.useCallback(d=>e.setRootElement(d),[e]),u=x.useCallback(()=>e.setModality("keyboard"),[e]),c=x.useCallback(()=>e.setModality("pointer"),[e]);return x.createElement(Ur.Provider,{value:n?e:null},x.createElement("div",{ref:l,className:"kui-DropdownMenuDrillDownRoot","data-submenu-behavior":t,"data-drill-down-active":a?void 0:!0,onKeyDownCapture:n?u:void 0,onPointerDownCapture:n?c:void 0},x.createElement(J.Provider,{value:a},r)))}function yo(e,t){let o=x.useCallback(()=>{if(!e)return"closed";let{stack:r}=e.getState();return r.length>0&&r[r.length-1].id===t?"top":r.some(n=>n.id===t)?"open":"closed"},[e,t]);return x.useSyncExternalStore(e?.subscribe??Xr,o,aa)}function Qr(e,t){let o=x.useCallback(()=>e?.getState().stack.find(r=>r.id===t),[e,t]);return x.useSyncExternalStore(e?.subscribe??Xr,o,ia)}var Xr=()=>()=>{},aa=()=>"closed",ia=()=>{},go=x.createContext(null);function ho(){return x.useContext(go)}var q=y(require("react")),cn=require("radix-ui/internal");var wo=y(require("react")),pn=y(require("classnames"));var wt=y(require("react")),en=y(require("classnames")),tn=require("radix-ui");var la=["1","2","3","4","5","6","7","8","9"],pa=["raised","soft"],Jr={...j,size:{type:"enum",className:"kui-r-size",values:la,responsive:!0},variant:{type:"enum",className:"kui-variant",values:pa,default:"raised"}};var vo=wt.forwardRef((e,t)=>{let{asChild:o,className:r,...n}=z(e,Jr),s=o?tn.Slot.Root:"kbd";return wt.createElement(s,{...n,ref:t,className:(0,en.default)("kui-reset","kui-Kbd",r)})});vo.displayName="Kbd";var _e=y(require("react"));var ua=Object.entries(or),bo=null,je=new Set,he=null;function Ro(){return bo??(bo=ua.map(([e,t])=>[e,window.matchMedia(t)])),bo}function Do(){let e="initial";for(let[t,o]of Ro())o.matches&&(e=t);return e}function St(){let e=Do();e!==he&&(he=e,je.forEach(t=>t()))}function on(e){if(typeof window>"u")return()=>{};if(je.size===0){he=Do();for(let[,t]of Ro())typeof t.addEventListener=="function"?t.addEventListener("change",St):t.addListener?.(St)}return je.add(e),()=>{if(je.delete(e),!(je.size>0)){for(let[,t]of Ro())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",St):t.removeListener?.(St)}catch{}he=null}}}function ca(){return typeof window>"u"?"initial":(he??(he=Do()),he)}function da(){return"initial"}var fa=()=>!0,ma=()=>!1,rn=()=>()=>{},Pa=()=>"initial";function nn(e=!0){let t=_e.useSyncExternalStore(e?on:rn,e?ca:Pa,da),o=_e.useSyncExternalStore(e?on:rn,fa,ma);return _e.useMemo(()=>({breakpoint:t,ready:o}),[t,o])}var Co=["xl","lg","md","sm","xs","initial"];function ya(e,t,o){if(e==null)return o;if(typeof e!="object")return e;let r=e;for(let n=Co.indexOf(t);n<Co.length;n++){let s=r[Co[n]];if(s!==void 0)return s}return o}function Ke(e,t){let o=typeof e=="object"&&e!==null,{breakpoint:r}=nn(o);return ya(e,r,t)}var sn={1:8,2:12,3:16,4:24};function un(e){return-(sn[e]??sn[2])}var an={"\u2318":"Meta",cmd:"Meta",command:"Meta",meta:"Meta","\u2325":"Alt",option:"Alt",opt:"Alt",alt:"Alt","\u21E7":"Shift",shift:"Shift","\u2303":"Control",ctrl:"Control",control:"Control","\u232B":"Backspace","\u2326":"Delete","\u23CE":"Enter","\u21B5":"Enter","\u238B":"Escape",esc:"Escape","\u21E5":"Tab","\u2191":"ArrowUp","\u2193":"ArrowDown","\u2190":"ArrowLeft","\u2192":"ArrowRight"},ln=new Map;function So(e){let t=ln.get(e);if(t!==void 0)return t||void 0;let n=(e.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(s=>an[s]??an[s.toLowerCase()]??(s.length===1?s.toUpperCase():s)).join("+");return ln.set(e,n),n||void 0}function To({shortcut:e,className:t}){return wo.createElement("div",{"aria-hidden":!0,className:(0,pn.default)("kui-BaseMenuShortcut",t)},wo.createElement(vo,{size:"1"},e))}var ga=q.createContext({isInsideMenu:!1}),xo=q.createContext(null),ha={1:24,2:30,3:34,4:38};function va(e){return ha[e]}function ko({children:e,size:t}){let o=Ke(t,void 0),r=o?va(o):void 0,n=q.useMemo(()=>({isInsideMenu:!0,size:o,itemHeight:r}),[o,r]);return q.createElement(ga.Provider,{value:n},q.createElement(xo.Provider,{value:null},e))}var ba=q.createContext(void 0),dn=ba.Provider;var Tt=xo.Provider;function Mo(e){let[t,o]=q.useState(null);return[e??t??void 0,o]}function fn(e,t=!0){let o=q.useContext(xo),r=q.useId(),n=e??r;return(0,cn.useLayoutEffect)(()=>{if(!(!o||!t))return o(n),()=>o(null)},[o,n,t]),o?n:e}var xt=y(require("react")),mn=e=>{if(!xt.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${xt.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var Pn=p.createContext(!1),Bo=e=>{let{open:t,defaultOpen:o=!1,onOpenChange:r}=e,[n,s]=p.useState(o),a=t??n,i=(0,Eo.useCallbackRef)(r),l=p.useCallback(c=>{s(c),i(c)},[i]),u=p.useCallback(()=>l(!1),[l]);return p.createElement(Pn.Provider,{value:a},p.createElement(dn,{value:u},p.createElement(N.DropdownMenu.Root,{...e,open:a,onOpenChange:l})))};Bo.displayName="DropdownMenu.Root";var Io=p.forwardRef(({children:e,...t},o)=>p.createElement(N.DropdownMenu.Trigger,{...t,ref:o,asChild:!0},mn(e)));Io.displayName="DropdownMenu.Trigger";var No=p.createContext({}),Ra={ltr:"ArrowLeft",rtl:"ArrowRight"},Da={ltr:"ArrowRight",rtl:"ArrowLeft"};function Ca(e){return e instanceof HTMLElement&&(e.isContentEditable||e.tagName==="INPUT"||e.tagName==="TEXTAREA")}function yn(e){return e?.closest("[dir]")?.getAttribute("dir")==="rtl"?"rtl":"ltr"}var Lo=p.forwardRef((e,t)=>{let o=vt(e,Ge.size),r=Vr(),{size:n=Ge.size.default}=o,{className:s,children:a,color:i,container:l,forceMount:u,submenuBehavior:c,virtualized:d=!1,onEscapeKeyDown:P,onKeyDown:b,...h}=z(o,Ge),R=i||r.accentColor,k=Ke(c,"cascade"),C=k==="drill-down",M=p.useContext(Pn),D=Yr(),I=B=>{P?.(B),!(B.defaultPrevented||!C||D.getDepth()===0)&&(B.preventDefault(),D.pop("keyboard"))},E=B=>{b?.(B),!(B.defaultPrevented||!C||D.getDepth()===0)&&(Ca(B.target)||B.key===Ra[yn(B.currentTarget)]&&(B.preventDefault(),D.pop("keyboard")))},K=p.useMemo(()=>({size:n,color:R}),[n,R]),$=p.createElement(ko,{size:n},p.createElement(No.Provider,{value:K},p.createElement(Zr,{store:D,behavior:k,open:M},a)));return p.createElement(N.DropdownMenu.Portal,{container:l,forceMount:u},p.createElement(xe,{asChild:!0},p.createElement(N.DropdownMenu.Content,{"data-accent-color":R,align:"start",sideOffset:4,collisionPadding:10,...h,onEscapeKeyDown:I,onKeyDown:E,asChild:!1,ref:t,className:(0,A.default)("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-DropdownMenuContent",s)},d?p.createElement("div",{className:(0,A.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},$):p.createElement(pe,{type:"auto",scrollbars:"vertical"},p.createElement("div",{className:(0,A.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport")},$)))))});Lo.displayName="DropdownMenu.Content";var wa=p.forwardRef(({className:e,id:t,...o},r)=>{let n=p.useContext(J),s=fn(t,n);return n?p.createElement(N.DropdownMenu.Label,{...o,id:s,asChild:!1,ref:r,className:(0,A.default)("kui-BaseMenuLabel","kui-DropdownMenuLabel",e)}):null});wa.displayName="DropdownMenu.Label";var kt=p.forwardRef((e,t)=>{let{className:o,children:r,color:n=co.color.default,shortcut:s,...a}=e;return p.useContext(J)?p.createElement(N.DropdownMenu.Item,{"data-accent-color":n,"aria-keyshortcuts":s?So(s):void 0,...a,ref:t,className:(0,A.default)("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem",o)},p.createElement(N.Slot.Slottable,null,r),s&&p.createElement(To,{shortcut:s,className:"kui-DropdownMenuShortcut"})):null});kt.displayName="DropdownMenu.Item";var zo=p.forwardRef(({className:e,"aria-labelledby":t,...o},r)=>{let[n,s]=Mo(t),a=p.useContext(J);return p.createElement(Tt,{value:s},p.createElement(N.DropdownMenu.Group,{...a?{"aria-labelledby":n}:{role:"none"},...o,asChild:!1,ref:r,className:(0,A.default)("kui-BaseMenuGroup","kui-DropdownMenuGroup",e)}))});zo.displayName="DropdownMenu.Group";var Sa=p.forwardRef(({className:e,"aria-labelledby":t,...o},r)=>{let[n,s]=Mo(t),a=p.useContext(J);return p.createElement(Tt,{value:s},p.createElement(N.DropdownMenu.RadioGroup,{...a?{"aria-labelledby":n}:{role:"none"},...o,asChild:!1,ref:r,className:(0,A.default)("kui-BaseMenuRadioGroup","kui-DropdownMenuRadioGroup",e)}))});Sa.displayName="DropdownMenu.RadioGroup";var Ta=p.forwardRef((e,t)=>{let{children:o,className:r,color:n=mo.color.default,...s}=e;return p.useContext(J)?p.createElement(N.DropdownMenu.RadioItem,{...s,asChild:!1,ref:t,"data-accent-color":n,className:(0,A.default)("kui-BaseMenuItem","kui-BaseMenuRadioItem","kui-DropdownMenuItem","kui-DropdownMenuRadioItem",r)},p.createElement(N.Slot.Slottable,null,o),p.createElement(N.DropdownMenu.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},p.createElement(eo,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"}))):null});Ta.displayName="DropdownMenu.RadioItem";var Oo=p.forwardRef((e,t)=>{let{children:o,className:r,shortcut:n,color:s=fo.color.default,...a}=e;return p.useContext(J)?p.createElement(N.DropdownMenu.CheckboxItem,{"aria-keyshortcuts":n?So(n):void 0,...a,asChild:!1,ref:t,"data-accent-color":s,className:(0,A.default)("kui-BaseMenuItem","kui-BaseMenuCheckboxItem","kui-DropdownMenuItem","kui-DropdownMenuCheckboxItem",r)},p.createElement(N.Slot.Slottable,null,o),p.createElement(N.DropdownMenu.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},p.createElement(Qt,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"})),n&&p.createElement(To,{shortcut:n,className:"kui-DropdownMenuShortcut"})):null});Oo.displayName="DropdownMenu.CheckboxItem";var xa=({label:e="Back",open:t,defaultOpen:o,onOpenChange:r,children:n})=>{let s=We(),a=p.useId(),i=p.useMemo(()=>({id:a,label:e}),[a,e]),l=yo(s,a)!=="closed",u=(0,Eo.useCallbackRef)(r),c=t!==void 0;p.useLayoutEffect(()=>{if(!(!s||!c))return s.setController(a,u),()=>s.setController(a,null)},[s,c,a,u]),p.useLayoutEffect(()=>{!s||t===void 0||(t&&!s.isOpen(a)?s.open(a,s.takePendingModality(a)):!t&&s.isOpen(a)&&s.close(a,s.takePendingModality(a)))},[s,t,a]);let d=p.useRef(t===void 0&&!!o);p.useLayoutEffect(()=>{s&&d.current?s.open(a):d.current=!1},[]);let P=p.useRef(l);return p.useEffect(()=>{if(!(!s||P.current===l)){if(P.current=l,l&&d.current){d.current=!1;return}t!==void 0&&t===l||u(l)}},[s,l,u,t]),p.createElement(go.Provider,{value:i},p.createElement(N.DropdownMenu.Sub,{open:t,defaultOpen:o,onOpenChange:s?void 0:r},n))};xa.displayName="DropdownMenu.Sub";var ka=p.forwardRef((e,t)=>{let{className:o,children:r,onKeyDown:n,...s}=e,a=We(),i=ho(),l=p.useContext(J);if(a&&i){if(!l)return null;let u=d=>{d.preventDefault(),a.push(i.id)},c=d=>{n?.(d),!(d.defaultPrevented||s.disabled)&&d.key===Da[yn(d.currentTarget)]&&(d.preventDefault(),a.push(i.id,"keyboard"))};return p.createElement(N.DropdownMenu.Item,{...s,"data-drill-down-trigger":i.id,"data-drill-down-name":s.textValue,onSelect:u,onKeyDown:c,ref:t,className:(0,A.default)("kui-reset","kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger","kui-DropdownMenuDrillDownSubTrigger",o)},r,p.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},p.createElement(ht,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))}return p.createElement(N.DropdownMenu.SubTrigger,{...s,onKeyDown:n,asChild:!1,ref:t,className:(0,A.default)("kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger",o)},r,p.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},p.createElement(ht,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))});ka.displayName="DropdownMenu.SubTrigger";var Vo=p.forwardRef(({className:e,...t},o)=>p.useContext(J)?p.createElement(N.DropdownMenu.Separator,{...t,asChild:!1,ref:o,className:(0,A.default)("kui-BaseMenuSeparator","kui-DropdownMenuSeparator",e)}):null);Vo.displayName="DropdownMenu.Separator";function Ma({label:e,name:t}){let o=We(),r=p.useCallback(a=>{a.preventDefault(),o?.pop()},[o]),n=typeof e=="string"?e:t,s=n&&n!=="Back"?`Back from ${n}`:void 0;return p.createElement(N.DropdownMenu.Item,{"aria-label":s,textValue:n||"Back",onSelect:r,className:(0,A.default)("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem","kui-DropdownMenuDrillDownBackItem")},p.createElement(Jt,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuDrillDownBackIcon"}),p.createElement("span",{className:"kui-DropdownMenuDrillDownBackLabel"},e))}function Na(e){let{loop:t,onEscapeKeyDown:o,onPointerDownOutside:r,onFocusOutside:n,onInteractOutside:s,sideOffset:a,alignOffset:i,avoidCollisions:l,collisionBoundary:u,collisionPadding:c,arrowPadding:d,sticky:P,hideWhenDetached:b,updatePositionStrategy:h,...R}=e;return R}var Ea=p.forwardRef((e,t)=>{let o=We(),r=ho();return o&&r?p.createElement(hn,{...e,ref:t,store:o,sub:r}):p.createElement(gn,{...e,ref:t})});Ea.displayName="DropdownMenu.SubContent";var gn=p.forwardRef((e,t)=>{let o=p.useContext(No),r=e.size??o.size,n=e.color??o.color,{className:s,children:a,container:i,forceMount:l,color:u,virtualized:c=!1,...d}=z({...e,size:r},Ct),P=Ke(r,Ct.size.default),b=p.useMemo(()=>({size:r,color:n}),[r,n]),h=p.createElement(ko,{size:r},p.createElement(No.Provider,{value:b},a));return p.createElement(N.DropdownMenu.Portal,{container:i,forceMount:l},p.createElement(xe,{asChild:!0},p.createElement(N.DropdownMenu.SubContent,{"data-accent-color":n,alignOffset:un(P),sideOffset:1,collisionPadding:10,...d,asChild:!1,ref:t,className:(0,A.default)("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-BaseMenuSubContent","kui-DropdownMenuContent","kui-DropdownMenuSubContent",s)},c?p.createElement("div",{className:(0,A.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},h):p.createElement(pe,{type:"auto",scrollbars:"vertical"},p.createElement("div",{className:(0,A.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport")},h)))))});gn.displayName="DropdownMenu.CascadeSubContent";var hn=p.forwardRef(({store:e,sub:t,...o},r)=>{let n=yo(e,t.id),s=Qr(e,t.id);if(n==="closed")return null;let{className:a,children:i,container:l,forceMount:u,virtualized:c,size:d,color:P,...b}=Na(o),h=n==="top",R=s?.name||(typeof t.label=="string"?t.label:"");return p.createElement("div",{role:"group","aria-label":R||void 0,...b,ref:r,"data-drill-down-panel":t.id,"data-drill-down-active":h?!0:void 0,className:(0,A.default)("kui-DropdownMenuDrillDownPanel",a)},h&&p.createElement(p.Fragment,null,p.createElement(Ma,{label:t.label,name:R}),p.createElement(N.DropdownMenu.Separator,{className:"kui-BaseMenuSeparator kui-DropdownMenuSeparator"})),p.createElement(Tt,{value:null},p.createElement(J.Provider,{value:h},i)))});hn.displayName="DropdownMenu.DrillDownPanel";var Ba=p.forwardRef(({className:e,...t},o)=>p.createElement(Xt,{...t,ref:o,className:(0,A.default)("kui-DropdownMenuTriggerIcon",e)}));Ba.displayName="DropdownMenu.TriggerIcon";var Ue=f.createContext(null),Ho=f.createContext(null),Nt=f.createContext(!1);var Ao=f.forwardRef((e,t)=>{let o=cr(),r=ro(e.size??o??void 0,ze.size),n=e.orientation??ze.orientation.default,{className:s,orientation:a,backdrop:i=!1,children:l,...u}=z({...e,size:r},ze,it),c=f.useMemo(()=>({size:r,orientation:n,backdrop:i}),[r,n,i]);return f.createElement(qe.Toolbar.Root,{...u,ref:t,orientation:n,"data-backdrop":i||void 0,className:(0,ve.default)("kui-Toolbar",s)},f.createElement(Ue.Provider,{value:c},l))});Ao.displayName="Toolbar";var bn=f.forwardRef(({className:e,disabled:t=!1,children:o,...r},n)=>{let s=f.useContext(Ue),a=f.useContext(Nt),i=f.useMemo(()=>({disabled:t}),[t]);return a?f.createElement(zo,{...r,ref:n,className:e},f.createElement(Ho.Provider,{value:i},o)):f.createElement("div",{role:"group","data-orientation":s?.orientation??"horizontal","data-disabled":t||void 0,...r,ref:n,className:(0,ve.default)("kui-ToolbarGroup",e)},f.createElement(Ho.Provider,{value:i},o))});bn.displayName="Toolbar.Group";var La=new Set(["id","className","style","title"]);function vn(e){return e===!0||e==="true"}function za(e){return f.isValidElement(e)&&e.type==="button"}var be=f.forwardRef((e,t)=>{let o=f.useContext(Ue),r=f.useContext(Ho),n=f.useContext(Nt),{iconOnly:s,size:a,variant:i,emphasis:l,color:u,disabled:c,asChild:d,onKeyDown:P,...b}=e,h=c||r?.disabled||void 0;if(n){let I={};for(let E of Object.keys(b))(/^on[A-Z]/.test(E)||E.startsWith("aria-")||E.startsWith("data-")||La.has(E))&&(I[E]=b[E]);return P&&(I.onKeyDown=P),f.createElement(Rn,{...I,ref:t,asChild:d,iconOnly:s,disabled:h,color:u,pressed:e["aria-pressed"]===void 0?void 0:vn(e["aria-pressed"])},b.children)}let R=o?.orientation==="vertical"&&P?I=>{I.key==="ArrowDown"||I.key==="ArrowUp"||P(I)}:P,k=vn(e["aria-pressed"]),C="data-state"in e||e["aria-pressed"]===void 0?{}:{"data-state":k?"on":"off"},M={size:a??o?.size,...l!==void 0?{emphasis:l}:{variant:i??(r?"ghost":o?.backdrop?"raised":"soft")},color:u??(i||l?void 0:"gray"),...C},D={...b,...s?{iconOnly:!0}:{},...d?{asChild:!0}:{},...R?{onKeyDown:R}:{},...M};return o?d&&!za(b.children)?f.createElement(qe.Toolbar.Link,{asChild:!0,ref:t},f.createElement(Fe,{...D,disabled:h})):f.createElement(qe.Toolbar.Button,{asChild:!0,ref:t,disabled:h},f.createElement(Fe,{...D})):f.createElement(Fe,{...D,ref:t,disabled:h})});be.displayName="Toolbar.Button";var Rn=f.forwardRef(({asChild:e,iconOnly:t,disabled:o,color:r,pressed:n,children:s,"aria-label":a,...i},l)=>{let u=t?a:void 0,c={...i,...t?{}:a?{"aria-label":a}:{},disabled:o,...r?{color:r}:{}};if(e&&f.isValidElement(s)){let d=u?f.cloneElement(s,void 0,s.props.children,f.createElement("span",null,u)):s;return f.createElement(kt,{...c,ref:l,asChild:!0},d)}return n!==void 0?f.createElement(Oo,{...c,ref:l,checked:n},s,u):f.createElement(kt,{...c,ref:l},s,u)});Rn.displayName="Toolbar.OverflowItem";function Oa(){return f.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentcolor","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg"},f.createElement("circle",{cx:"3.25",cy:"8",r:"1.25"}),f.createElement("circle",{cx:"8",cy:"8",r:"1.25"}),f.createElement("circle",{cx:"12.75",cy:"8",r:"1.25"}))}var Dn=f.forwardRef(({label:e="More",className:t,children:o,...r},n)=>{let s=f.Children.toArray(o),a=s.length,i=f.useRef(null),l=f.useRef([]),u=f.useRef(0),[c,d]=f.useState(a),[P,b]=f.useState(0),[h,R]=f.useState(a);h!==a&&(R(a),d(a)),(0,ie.useLayoutEffect)(()=>{l.current=[]},[a]),(0,ie.useLayoutEffect)(()=>{let C=i.current;if(!C)return;let M=Array.from(C.children),D=Math.min(c,a);for(let S=0;S<D;S++){let Y=M[S];Y&&(l.current[S]=Y.offsetWidth)}let I=M[D];I&&(u.current=I.offsetWidth);let E=Number.parseFloat(getComputedStyle(C).columnGap)||0,K=C.clientWidth,$=0,B=0;for(let S=0;S<a;S++){let Y=l.current[S];if(Y===void 0)return;Y!==0&&($+=Y+(B>0?E:0),B+=1)}let w=a;if($>K){let S=K-(u.current||C.clientHeight)-E,Y=0,Ze=0;w=0;for(let De=0;De<a;De++){let Ce=l.current[De];if(Ce>0){let Ne=Ce+(Ze>0?E:0);if(Y+Ne>S)break;Y+=Ne,Ze+=1}w+=1}}w!==c&&d(w)},[c,a,P]),f.useEffect(()=>{let C=i.current;if(!C||typeof ResizeObserver>"u")return;let M=new ResizeObserver(()=>b(D=>D+1));M.observe(C);for(let D of Array.from(C.children))M.observe(D);return()=>M.disconnect()},[c,a]);let k=f.useCallback(C=>{i.current=C,typeof n=="function"?n(C):n&&(n.current=C)},[n]);return f.createElement("div",{...r,ref:k,className:(0,ve.default)("kui-ToolbarOverflow",t)},s.slice(0,c).map((C,M)=>f.createElement("div",{key:M,className:"kui-ToolbarOverflowSeat"},C)),c<a?f.createElement(Bo,null,f.createElement(Io,null,f.createElement(be,{iconOnly:!0,"aria-label":e},f.createElement(Oa,null))),f.createElement(Lo,{align:"end"},f.createElement(Nt.Provider,{value:!0},s.slice(c)))):null)});Dn.displayName="Toolbar.Overflow";var Fo=[],ke=new Map,Mt=new Set,$e=new Map;function Va(e){return Mt.add(e),()=>{Mt.delete(e)}}function Ha(e,t,o){let r=ke.get(e)??Fo,s=r.findIndex(a=>a.id===t)===-1?[...r,{id:t,node:o}]:r.map(a=>a.id===t?{id:t,node:o}:a);ke.set(e,s),Mt.forEach(a=>a())}function Aa(e,t){let o=ke.get(e);if(!o)return;let r=o.filter(n=>n.id!==t);r.length===0?ke.delete(e):ke.set(e,r),Mt.forEach(n=>n())}function Cn({name:e="default"}){(0,ie.useLayoutEffect)(()=>{let o=($e.get(e)??0)+1;return $e.set(e,o),o>1,()=>{let r=($e.get(e)??1)-1;r>0?$e.set(e,r):$e.delete(e)}},[e]);let t=f.useSyncExternalStore(Va,()=>ke.get(e)??Fo,()=>Fo);return f.createElement(f.Fragment,null,t.map(o=>f.createElement(f.Fragment,{key:o.id},o.node)))}Cn.displayName="Toolbar.Slot";function wn({name:e="default",children:t}){let o=f.useId();return(0,ie.useLayoutEffect)(()=>{Ha(e,o,t)},[e,o,t]),(0,ie.useLayoutEffect)(()=>()=>Aa(e,o),[e,o]),null}wn.displayName="Toolbar.Fill";var Sn=f.forwardRef(({className:e,...t},o)=>{let r=f.useContext(Ue);return f.useContext(Nt)?f.createElement(Vo,{...t,ref:o,className:e}):r?f.createElement(qe.Toolbar.Separator,{...t,ref:o,className:(0,ve.default)("kui-ToolbarSeparator",e)}):f.createElement("div",{role:"separator","aria-orientation":"vertical","data-orientation":"vertical",...t,ref:o,className:(0,ve.default)("kui-ToolbarSeparator",e)})});Sn.displayName="Toolbar.Separator";var Fa={1:"2",2:"3",3:"4",4:"5"},Re=f.forwardRef(({className:e,children:t,style:o,id:r},n)=>{let s=f.useContext(Ue),a=ro(void 0,ze.size),i=s?.size??a,l=ce(),u=Pr(l),c=yr(l),d=t==null||t===!1,P=d?u:t,b=(0,ie.useComposedRefs)(n,d?c:void 0);return P==null?null:f.createElement(ge,{ref:b,as:"span",size:Fa[i],weight:"medium",truncate:!0,id:r,style:o,className:(0,ve.default)("kui-ToolbarTitle",e),"data-mirror":d||void 0},P)});Re.displayName="Toolbar.Title";var Go=Object.assign(Ao,{Root:Ao,Group:bn,Button:be,Separator:Sn,Title:Re,Overflow:Dn,Slot:Cn,Fill:wn});var xn=m.createContext(null),kn=m.createContext(0),Mn=m.createContext(null);function Ga(){let e=ce(),t=m.useContext(Bt);return e!==null&&t===null}var Tn=m.Activity;function Wa({visible:e,children:t}){return Tn?m.createElement(Tn,{mode:e?"visible":"hidden"},t):m.createElement("div",{hidden:!e,style:{display:e?"contents":"none"}},t)}function ja({path:e,defaultPath:t,onPathChange:o,screen:r,root:n,children:s,className:a,style:i}){let l=Ga(),[u,c]=m.useState(t??[]),d=e??u,[P,b]=m.useState({path:d,direction:null}),h=P.direction;if(P.path.length!==d.length||P.path.some((w,S)=>!Object.is(w,d[S]))){let w=P.path;h=d.length<w.length?"pop":d.length>w.length||!Object.is(d[d.length-1],w[w.length-1])?"push":P.direction,b({path:d,direction:h})}let R=m.useRef([]),k=m.useRef([]),[C,M]=m.useState(0),D=m.useCallback(w=>{e===void 0&&c(w),o?.(w)},[e,o]),I=m.useMemo(()=>({path:d,canGoBack:d.length>0,push:w=>{k.current[d.length+1]=typeof document>"u"?null:document.activeElement,D([...d,w])},pop:()=>{d.length>0&&D(d.slice(0,-1))},popTo:w=>{w<d.length&&D(d.slice(0,Math.max(0,w)))},titles:R,openers:k,setTitle:(w,S)=>{R.current[w]!==S&&(R.current[w]=S,M(Y=>Y+1))},direction:h,inPane:l}),[d,D,C,h,l]),E=m.useRef(d.length);m.useEffect(()=>{let w=E.current;if(E.current=d.length,d.length<w){let S=k.current[w];k.current.length=d.length+1,S&&S.isConnected&&S.focus()}},[d.length]);let K=[n,...d.map(w=>r(w))],$=K.length-1,B=m.createElement("div",{className:(0,Me.default)("kui-Navigator",a),style:i},K.map((w,S)=>m.createElement(Wa,{key:S===0?"root":`${S}:${String(d[S-1])}`,visible:S===$},m.createElement(kn.Provider,{value:S},m.createElement("div",{className:"kui-NavigatorLevel"},w)))));return m.createElement(xn.Provider,{value:I},m.createElement(Mn.Provider,{value:B},s??(l?m.createElement(_a,null):B)))}function _a(){return m.createElement(m.Fragment,null,m.createElement(jt,null,m.createElement(Go,null,m.createElement(me,{align:"center"},m.createElement(In,null),m.createElement(Re,null)))),m.createElement(_t,null,m.createElement(Nn,null)))}function Nn(){return m.createElement(m.Fragment,null,m.useContext(Mn))}function Ye(){let e=m.useContext(xn);if(!e)throw new Error("Kookie: this part must be inside a <Navigator>.");return e}function Ka(){return Ye()}function En(){return m.createElement("svg",{className:"kui-NavigatorBackGlyph",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},m.createElement("path",{d:"m15 18-6-6 6-6",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"}))}function $a(){return m.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},m.createElement("path",{d:"M18 6 6 18M6 6l12 12",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round"}))}function Bn(e,t){let o=t>0?e.titles.current[t-1]:void 0;return o?`Back to ${o}`:"Back"}function In(e){let t=Ye();return t.canGoBack?m.createElement(be,{iconOnly:!0,"aria-label":e["aria-label"]??Bn(t,t.path.length),onClick:t.pop},m.createElement(En,null)):null}function qa(){let e=Ye();return e.inPane?m.createElement(Re,null):m.createElement(Re,null,e.titles.current[e.path.length])}function Ua({title:e,children:t,className:o}){let r=Ye(),n=m.useContext(kn),s=m.useContext(Bt),a=m.useContext(Ft),i=m.useRef(null);if(m.useEffect(()=>{r.setTitle(n,e)},[r,n,e]),m.useEffect(()=>{if(n===0||r.direction!=="push")return;let c=i.current?.querySelector(".kui-NavigatorBar .kui-ToolbarTitle, h1")??i.current;c&&(c.tabIndex=-1,c.focus({preventScroll:!0}))},[]),r.inPane&&a)return m.createElement("div",{ref:i,className:(0,Me.default)("kui-NavigatorScreen",o)},m.createElement(qt,{title:e},t));if(r.inPane)return m.createElement("div",{ref:i,className:(0,Me.default)("kui-NavigatorScreen",o)},m.createElement(Ya,{title:e}),t);let l=n===r.path.length,u=m.createElement(Le,{as:"h2",size:"4",weight:"medium",truncate:!0},e);return m.createElement("div",{ref:i,className:(0,Me.default)("kui-NavigatorScreen",o)},m.createElement("div",{className:"kui-NavigatorBar"},m.createElement(Go,{"aria-label":"Navigation"},r.canGoBack&&n>0?m.createElement(be,{iconOnly:!0,"aria-label":Bn(r,n),onClick:r.pop},m.createElement(En,null)):null,m.createElement(Re,{className:"kui-NavigatorBarTitle"},s&&l?m.createElement(s.Title,null,u):u),s?m.createElement(s.Close,null,m.createElement(be,{iconOnly:!0,"aria-label":"Close"},m.createElement($a,null))):null)),m.createElement("div",{className:"kui-NavigatorBody"},t))}function Ya({title:e}){let t=ce();return at(t,e),m.useEffect(()=>{if(t)return Se(t,!0),()=>Se(t,!1)},[t]),null}function Za({value:e,className:t,children:o,...r}){let n=Ye();return m.createElement("button",{type:"button",...r,className:(0,Me.default)("kui-reset","kui-NavigatorLink",t),onClick:()=>n.push(e)},m.createElement("span",{className:"kui-NavigatorLinkLabel"},o),m.createElement("svg",{className:"kui-NavigatorLinkGlyph",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},m.createElement("path",{d:"m9 18 6-6-6-6",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"})))}
+//# sourceMappingURL=navigator.js.map