@womp/kookie-ui 0.29.2 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +86 -0
- package/dist/cjs/components/_internal/navigator-host.d.ts +21 -0
- package/dist/cjs/components/_internal/navigator-host.d.ts.map +1 -0
- package/dist/cjs/components/_internal/navigator-host.js +3 -0
- package/dist/cjs/components/_internal/navigator-host.js.map +7 -0
- package/dist/cjs/components/combobox.js +1 -1
- package/dist/cjs/components/combobox.js.map +4 -4
- package/dist/cjs/components/dialog.d.ts.map +1 -1
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +4 -4
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -2
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/navigator.d.ts +99 -0
- package/dist/cjs/components/navigator.d.ts.map +1 -0
- package/dist/cjs/components/navigator.js +3 -0
- package/dist/cjs/components/navigator.js.map +7 -0
- package/dist/cjs/components/popover.d.ts.map +1 -1
- package/dist/cjs/components/popover.js +1 -1
- package/dist/cjs/components/popover.js.map +4 -4
- package/dist/cjs/components/sheet.d.ts.map +1 -1
- package/dist/cjs/components/sheet.js +1 -1
- package/dist/cjs/components/sheet.js.map +4 -4
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +4 -4
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +4 -4
- package/dist/esm/chunk-4KBKS3ZE.js +3 -0
- package/dist/esm/chunk-4KBKS3ZE.js.map +7 -0
- package/dist/esm/chunk-5KX3RA3P.js +3 -0
- package/dist/esm/chunk-5KX3RA3P.js.map +7 -0
- package/dist/esm/chunk-6UFIS6B2.js +3 -0
- package/dist/esm/chunk-6UFIS6B2.js.map +7 -0
- package/dist/esm/chunk-CMHKCUHP.js +3 -0
- package/dist/esm/chunk-CMHKCUHP.js.map +7 -0
- package/dist/esm/{chunk-4LV37PHM.js → chunk-D74WY6UO.js} +2 -2
- package/dist/esm/chunk-E4KT72IB.js +2 -0
- package/dist/esm/chunk-EQE6QQXM.js +3 -0
- package/dist/esm/chunk-EQE6QQXM.js.map +7 -0
- package/dist/esm/{chunk-2E57H3NH.js → chunk-FRFVGYGX.js} +2 -2
- package/dist/esm/{chunk-2FYUM6TA.js → chunk-NEKIU24N.js} +2 -2
- package/dist/esm/{chunk-WAXRIARV.js → chunk-R4UKO4UK.js} +2 -2
- package/dist/esm/{chunk-AS2STDGA.js → chunk-VGJALIJ5.js} +2 -2
- package/dist/esm/{chunk-JTMLFTNZ.js → chunk-WAE4MLBN.js} +2 -2
- package/dist/esm/{chunk-MJROOEPE.js → chunk-YMRN5ESN.js} +2 -2
- package/dist/esm/{chunk-324VC67W.js → chunk-ZYQEFENG.js} +2 -2
- package/dist/esm/components/_internal/base-menu.utils.js +1 -1
- package/dist/esm/components/_internal/menu-context.js +1 -1
- package/dist/esm/components/_internal/navigator-host.d.ts +21 -0
- package/dist/esm/components/_internal/navigator-host.d.ts.map +1 -0
- package/dist/esm/components/_internal/navigator-host.js +3 -0
- package/dist/esm/components/_internal/navigator-host.js.map +7 -0
- package/dist/esm/components/_internal/pane-chrome.js +1 -1
- package/dist/esm/components/_internal/shell-sidebar.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/dialog.d.ts.map +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/navigator.d.ts +99 -0
- package/dist/esm/components/navigator.d.ts.map +1 -0
- package/dist/esm/components/navigator.js +3 -0
- package/dist/esm/components/navigator.js.map +7 -0
- package/dist/esm/components/popover.d.ts.map +1 -1
- package/dist/esm/components/popover.js +1 -1
- package/dist/esm/components/schemas/index.js +1 -1
- package/dist/esm/components/separator.js +1 -1
- package/dist/esm/components/sheet.d.ts.map +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/components/virtual-menu.js +1 -1
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/src/components/_internal/navigator-host.ts +17 -0
- package/src/components/dialog.tsx +8 -0
- package/src/components/index.css +1 -0
- package/src/components/index.tsx +14 -0
- package/src/components/navigator.css +85 -0
- package/src/components/navigator.tsx +385 -0
- package/src/components/popover.tsx +18 -1
- package/src/components/sheet.tsx +8 -0
- package/styles.css +86 -0
- package/dist/esm/chunk-5BX2YZV6.js +0 -3
- package/dist/esm/chunk-5BX2YZV6.js.map +0 -7
- package/dist/esm/chunk-HR2VHGJ5.js +0 -3
- package/dist/esm/chunk-HR2VHGJ5.js.map +0 -7
- package/dist/esm/chunk-MJKVVGGV.js +0 -3
- package/dist/esm/chunk-MJKVVGGV.js.map +0 -7
- package/dist/esm/chunk-NG54K6FL.js +0 -2
- /package/dist/esm/{chunk-4LV37PHM.js.map → chunk-D74WY6UO.js.map} +0 -0
- /package/dist/esm/{chunk-NG54K6FL.js.map → chunk-E4KT72IB.js.map} +0 -0
- /package/dist/esm/{chunk-2E57H3NH.js.map → chunk-FRFVGYGX.js.map} +0 -0
- /package/dist/esm/{chunk-2FYUM6TA.js.map → chunk-NEKIU24N.js.map} +0 -0
- /package/dist/esm/{chunk-WAXRIARV.js.map → chunk-R4UKO4UK.js.map} +0 -0
- /package/dist/esm/{chunk-AS2STDGA.js.map → chunk-VGJALIJ5.js.map} +0 -0
- /package/dist/esm/{chunk-JTMLFTNZ.js.map → chunk-WAE4MLBN.js.map} +0 -0
- /package/dist/esm/{chunk-MJROOEPE.js.map → chunk-YMRN5ESN.js.map} +0 -0
- /package/dist/esm/{chunk-324VC67W.js.map → chunk-ZYQEFENG.js.map} +0 -0
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Navigator, from v2 (2026-11-03): a stack of screens, any depth. Any screen can open another on
|
|
3
|
+
* top of it, and Back removes the top one. The first screen is the root and never goes.
|
|
4
|
+
*
|
|
5
|
+
* THE PATH IS DATA. The screens above the root are a list of values the app owns, and `screen`
|
|
6
|
+
* turns a value into a screen, so an app can keep the path in its URL, restore it, or open three
|
|
7
|
+
* levels deep from a link.
|
|
8
|
+
*
|
|
9
|
+
* IT HAS NO REGION OF ITS OWN. The host decides how a screen carries its title. In a Shell pane
|
|
10
|
+
* (Sidebar, Panel, Inspector, Bottom), the pane's band holds Back and the title, and the screens
|
|
11
|
+
* go in the pane's scroller. Anywhere else (a card, a Dialog, a Sheet, a Popover, `Shell.Content`)
|
|
12
|
+
* each screen draws its own band: Back, the title, and the overlay's close when it has one.
|
|
13
|
+
*
|
|
14
|
+
* SCREENS UNDER THE TOP STAY MOUNTED, hidden, so a list keeps its scroll and a field its draft.
|
|
15
|
+
*
|
|
16
|
+
* Focus: a pushed screen takes focus at its top; on pop, focus returns to the control that opened
|
|
17
|
+
* the screen. Escape never goes back; it belongs to whatever overlay holds this.
|
|
18
|
+
*
|
|
19
|
+
* Differs from v2 in look only: no motion, since v1 has none. v1 has no Page or Row yet, so a pane
|
|
20
|
+
* screen's title lives in the band from the start, and `NavigatorLink` is its own row.
|
|
21
|
+
*/
|
|
22
|
+
import * as React from 'react';
|
|
23
|
+
type NavigatorApi<T> = {
|
|
24
|
+
/** The values above the root, bottom first. Empty at the root. */
|
|
25
|
+
path: readonly T[];
|
|
26
|
+
/** Open a screen on top. */
|
|
27
|
+
push: (value: T) => void;
|
|
28
|
+
/** Close the top screen. Does nothing at the root. */
|
|
29
|
+
pop: () => void;
|
|
30
|
+
/** Close every screen above `depth`, where 0 is the root. */
|
|
31
|
+
popTo: (depth: number) => void;
|
|
32
|
+
/** Whether there is a screen to go back to. */
|
|
33
|
+
canGoBack: boolean;
|
|
34
|
+
};
|
|
35
|
+
interface NavigatorProps<T> {
|
|
36
|
+
/** The screens above the root, as values. Use it with `onPathChange` to control the path. */
|
|
37
|
+
path?: readonly T[];
|
|
38
|
+
/** The path to start with when the navigator controls its own path. */
|
|
39
|
+
defaultPath?: readonly T[];
|
|
40
|
+
/** Called with the new path whenever a screen opens or closes. */
|
|
41
|
+
onPathChange?: (path: T[]) => void;
|
|
42
|
+
/** Turns a value from the path into its screen, usually a `NavigatorScreen`. */
|
|
43
|
+
screen: (value: T) => React.ReactNode;
|
|
44
|
+
/** The root screen, usually a `NavigatorScreen`. It is always at the bottom and never closes. */
|
|
45
|
+
root: React.ReactNode;
|
|
46
|
+
/**
|
|
47
|
+
* The frame around the screens, when you need your own: a `Shell.PaneHeader` with actions, and
|
|
48
|
+
* a `Shell.Scroll` holding `NavigatorOutlet`. Leave it out and the navigator draws the frame: in
|
|
49
|
+
* a Shell pane, the pane's band with Back and the title, and its scroller; anywhere else, the
|
|
50
|
+
* screens on their own.
|
|
51
|
+
*/
|
|
52
|
+
children?: React.ReactNode;
|
|
53
|
+
className?: string;
|
|
54
|
+
style?: React.CSSProperties;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* A stack of screens: any screen can open another on top, and Back returns to the one below.
|
|
58
|
+
* `root` is the first screen, `screen` turns each value in the path into its screen, and
|
|
59
|
+
* `children`, when given, is the frame the screens go into through `NavigatorOutlet`.
|
|
60
|
+
*/
|
|
61
|
+
declare function Navigator<T>({ path: pathProp, defaultPath, onPathChange, screen, root, children, className, style }: NavigatorProps<T>): React.JSX.Element;
|
|
62
|
+
/** Where the screens go, inside a frame passed as the navigator's children. */
|
|
63
|
+
declare function NavigatorOutlet(): React.JSX.Element;
|
|
64
|
+
/** The navigator around this component: its path, and `push`, `pop` and `popTo`. */
|
|
65
|
+
declare function useNavigator<T = unknown>(): NavigatorApi<T>;
|
|
66
|
+
interface NavigatorBackProps {
|
|
67
|
+
/** The accessible name. The default is "Back to" and the previous screen's title. */
|
|
68
|
+
'aria-label'?: string;
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* Back, for a toolbar: a chevron that closes the top screen. It is absent at the root rather than
|
|
72
|
+
* disabled, because there is nowhere to go back to. It names the screen it returns to, so a screen
|
|
73
|
+
* reader hears "Back to Settings".
|
|
74
|
+
*/
|
|
75
|
+
declare function NavigatorBack(props: NavigatorBackProps): React.JSX.Element | null;
|
|
76
|
+
/** The top screen's title, for a toolbar in a frame of your own. */
|
|
77
|
+
declare function NavigatorTitle(): React.JSX.Element;
|
|
78
|
+
interface NavigatorScreenProps {
|
|
79
|
+
/** The screen's title. In a pane it shows in the pane's band; elsewhere in the screen's own. */
|
|
80
|
+
title: string;
|
|
81
|
+
/** The screen's content, under its title. */
|
|
82
|
+
children?: React.ReactNode;
|
|
83
|
+
className?: string;
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* One screen in a navigator. In a Shell pane the pane's band carries Back and its title, so the
|
|
87
|
+
* screen is only its content. Anywhere else it draws its own band: Back, the title, and the
|
|
88
|
+
* overlay's close when it sits in one. In a Dialog, Sheet or Popover the title names the panel.
|
|
89
|
+
*/
|
|
90
|
+
declare function NavigatorScreen({ title, children, className }: NavigatorScreenProps): React.JSX.Element;
|
|
91
|
+
interface NavigatorLinkProps<T> extends Omit<React.ComponentPropsWithoutRef<'button'>, 'value' | 'onClick'> {
|
|
92
|
+
/** The value pushed onto the path when the row is pressed. */
|
|
93
|
+
value: T;
|
|
94
|
+
}
|
|
95
|
+
/** A row that opens the next screen, with the chevron that says so. */
|
|
96
|
+
declare function NavigatorLink<T>({ value, className, children, ...props }: NavigatorLinkProps<T>): React.JSX.Element;
|
|
97
|
+
export { Navigator, NavigatorOutlet, NavigatorBack, NavigatorTitle, NavigatorScreen, NavigatorLink, useNavigator };
|
|
98
|
+
export type { NavigatorProps, NavigatorBackProps, NavigatorScreenProps, NavigatorLinkProps, NavigatorApi };
|
|
99
|
+
//# sourceMappingURL=navigator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigator.d.ts","sourceRoot":"","sources":["../../../src/components/navigator.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/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;AAwCF,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,oEAAoE;AACpE,iBAAS,cAAc,sBAGtB;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,qBA4D5E;AAED,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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";"use client";var Nn=Object.create;var Ce=Object.defineProperty;var En=Object.getOwnPropertyDescriptor;var Bn=Object.getOwnPropertyNames;var In=Object.getPrototypeOf,Ln=Object.prototype.hasOwnProperty;var zn=(e,t,o)=>t in e?Ce(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var On=(e,t)=>{for(var o in t)Ce(e,o,{get:t[o],enumerable:!0})},Ho=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Bn(t))!Ln.call(e,n)&&n!==o&&Ce(e,n,{get:()=>t[n],enumerable:!(r=En(t,n))||r.enumerable});return e};var y=(e,t,o)=>(o=e!=null?Nn(In(e)):{},Ho(t||!e||!e.__esModule?Ce(o,"default",{value:e,enumerable:!0}):o,e)),Vn=e=>Ho(Ce({},"__esModule",{value:!0}),e);var L=(e,t,o)=>zn(e,typeof t!="symbol"?t+"":t,o);var Ha={};On(Ha,{Navigator:()=>Ba,NavigatorBack:()=>Rn,NavigatorLink:()=>Va,NavigatorOutlet:()=>hn,NavigatorScreen:()=>Oa,NavigatorTitle:()=>Dn,useNavigator:()=>La});module.exports=Vn(Ha);var f=y(require("react")),je=y(require("classnames"));var Fo=y(require("react")),Tt=Fo.createContext(null);var T=y(require("react")),we=y(require("classnames"));var A=y(require("react")),Uo=y(require("classnames")),oe=require("radix-ui"),Yo=require("radix-ui/internal");var j={asChild:{type:"boolean"}};var xt=["none","small","medium","large","full"],qe={radius:{type:"enum",values:xt,default:void 0}};var Hn=["vertical","horizontal","both"],Ue={...j,...qe,scrollbars:{type:"enum",values:Hn,default:"both"},fade:{type:"boolean",default:!1}};var Ye=y(require("react"));function kt(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 Ao(e){let[t,o]=Ye.useState(null);return Ye.useEffect(()=>{if(!e||!t)return;let r=0,n=()=>{r=0;let l=kt(t),u=Math.max(0,t.scrollTop),d=Math.max(0,l.y-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${u}px`),t.style.setProperty("--scroll-overflow-end",`${d}px`);let c=Math.abs(t.scrollLeft),P=Math.max(0,l.x-c);t.style.setProperty("--scroll-overflow-x-start",`${c}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 p=typeof MutationObserver>"u"?null:new MutationObserver(s);return p?.observe(t,{childList:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",s),a?.disconnect(),p?.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 Ze=y(require("react"));function Wo(){let[e,t]=Ze.useState(null);return Ze.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 p=a.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let u=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),d=Go(e.scrollLeft,e.scrollWidth-e.offsetWidth,u-a.offsetWidth);a.style.transform=`translate3d(${d}px, 0, 0)`}else{let u=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),d=Go(e.scrollTop,e.scrollHeight-e.offsetHeight,u-a.offsetHeight);a.style.transform=`translate3d(0, ${d}px, 0)`}}},s=()=>{r||(r=requestAnimationFrame(n))};return e.addEventListener("scroll",s,{passive:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",s)}},[e]),t}function Go(e,t,o){return t<=0||o<=0?0:Math.min(Math.max(e,-t),t)/t*o}var Qe=y(require("react"));function jo(e,t){let{asChild:o,children:r}=e;if(!o)return typeof t=="function"?t(r):t;let n=Qe.Children.only(r);return Qe.cloneElement(n,{children:typeof t=="function"?t(n.props.children):t})}var qo=y(require("classnames"));var Fn=[],An=new Set;function Gn(e){let t=Object.assign({},...e),o=[],r=[],n=new Set;for(let s in t){let a=t[s],p=a.values??Fn,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:p,valueSet:p.length>0?new Set(p):An,enumValueSet:a.type==="enum"?new Set([a.default,...p]):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 Wn={children:new WeakMap};function _o(e){let t=Wn;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=Gn(e))}var jn=["initial","xs","sm","md","lg","xl"],Mt=new Set(jn);function Nt(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var _n=new Set(["initial","xs","sm","md","lg","xl"]);function se(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(_n.has(t))return!0;return!1}function Xe(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function $o({className:e,customProperties:t,...o}){let r=Et({allowArbitraryValues:!0,className:e,...o}),n=Kn({customProperties:t,...o});return[r,n]}function Et({allowArbitraryValues:e,value:t,className:o,propValues:r,propValueSet:n,parseValue:s=a=>a}){if(t){if(typeof t=="string")return Xe(r,n,t)?Ko(o,t,s):e?o:void 0;if(se(t)){let a=t,p=[];for(let l in a){if(!Nt(a,l)||!Mt.has(l))continue;let u=a[l];if(u!==void 0){if(Xe(r,n,u)){let d=Ko(o,u,s),c=l==="initial"?d:`${l}:${d}`;p.push(c)}else if(e){let d=l==="initial"?o:`${l}:${o}`;p.push(d)}}}return p.length>0?p.join(" "):""}if(e)return o}}function Ko(e,t,o){let r=e?"-":"",n=o(t),s=n?.startsWith("-"),a=s?"-":"",p=s?n?.substring(1):n;return`${a}${e}${r}${p}`}function Kn({customProperties:e,value:t,propValues:o,propValueSet:r,parseValue:n=s=>s}){if(!t||typeof t=="string"&&Xe(o,r,t))return;let s;if(typeof t=="string"){let a=n(t);s={};for(let p of e)s[p]=a;return s}if(se(t)){let a=t;for(let p in a){if(!Nt(a,p)||!Mt.has(p))continue;let l=a[p];if(l===void 0||Xe(o,r,l))continue;let u=n(l);s??(s={});for(let d of e){let c=p==="initial"?d:`${d}-${p}`;s[c]=u}}}return s??{}}function Bt(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function $n(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}=_o(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],d=s[u.key];if(d===void 0){u.hasDefault&&(s[u.key]=u.default);continue}u.enumValueSet!==void 0&&!u.enumValueSet.has(d)&&!se(d)&&(s[u.key]=u.default)}let a,p=[];for(let l=0;l<o.length;l++){let u=o[l],d=e[u.key];if(d===void 0&&u.hasDefault&&(d=u.default),u.enumValueSet!==void 0&&!u.enumValueSet.has(d)&&!se(d)&&(d=u.default),!!d){if(se(d)){if(!u.responsive)continue;d=$n(d,u)}if(u.type==="enum"){let c=Et({allowArbitraryValues:!1,value:d,className:u.className,propValues:u.values,propValueSet:u.valueSet,parseValue:u.parseValue});c&&p.push(c);continue}if(u.type==="string"||u.type==="enum | string"){let[c,P]=$o({className:u.className,customProperties:u.customProperties,propValues:u.type==="string"?[]:u.values,propValueSet:u.type==="string"?void 0:u.valueSet,parseValue:u.parseValue,value:d});P&&(a=Bt(a,P)),c&&p.push(c);continue}if(u.type==="boolean"){p.push(u.className);continue}}}return s.className=(0,qo.default)(p.length>0?p.join(" "):void 0,e.className),s.style=Bt(a,e.style),s}var te={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 Je={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 qn='[role="menu"], [role="listbox"]';function Un(e,t){A.useEffect(()=>{if(!t||!e||e.closest(qn))return;let o=0,r=()=>{o=0;let a=kt(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 ae=A.forwardRef((e,t)=>{let{asChild:o,children:r,className:n,style:s,type:a,scrollHideDelay:p=a!=="scroll"?0:void 0,dir:l,radius:u=Ue.radius.default,scrollbars:d=Ue.scrollbars.default,fade:c=Ue.fade.default,...P}=z(e,te,Je),[D,h]=A.useState(null),C=Ao(c),N=Wo(),R=(0,Yo.useComposedRefs)(t,C,N,h);Un(D,P.tabIndex===void 0);let k=P["aria-label"]!==void 0||P["aria-labelledby"]!==void 0;return A.createElement(oe.ScrollArea.Root,{type:a,scrollHideDelay:p,dir:l,className:(0,Uo.default)("kui-ScrollAreaRoot",n),"data-fade":c?"":void 0,style:s,asChild:o},jo({asChild:o,children:r},b=>A.createElement(A.Fragment,null,A.createElement(oe.ScrollArea.Viewport,{role:k?"region":void 0,...P,ref:R,className:"kui-ScrollAreaViewport"},b),A.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),d!=="vertical"?A.createElement(oe.ScrollArea.Scrollbar,{"data-radius":u,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},A.createElement(oe.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,d!=="horizontal"?A.createElement(oe.ScrollArea.Scrollbar,{"data-radius":u,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},A.createElement(oe.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,d==="both"?A.createElement(oe.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});ae.displayName="ScrollArea";var he=y(require("react")),Yn=require("radix-ui/internal");var Zo={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Qo=["initial","xs","sm","md","lg","xl"];function Xo(e){return typeof e=="object"&&e!==null}function Zn(e,t){let o={},r=null;for(let n of Qo){if(e!==void 0&&!Xo(e)){o[n]=e;continue}let s=Xo(e)?e[n]:void 0;s!==void 0&&(r={value:s}),o[n]=r?r.value:t(n)}return o}var Di=Zn("fixed",()=>"fixed");var et=he.createContext(null);var Ci=he.createContext(null);var Jo=y(require("react")),ie=Jo.createContext(void 0);var tr=y(require("react")),Qn="(max-width: 767.98px) and (pointer: coarse)",er,or=()=>er??(er=window.matchMedia(Qn));function Xn(e,t){return typeof e.addEventListener=="function"?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):(e.addListener?.(t),()=>e.removeListener?.(t))}function Jn(e){return Xn(or(),e)}function rr(){return tr.useSyncExternalStore(Jn,()=>or().matches,()=>!1)}var es=T.createContext(null);function It(){return T.useContext(es)}var nr=T.createContext("2"),Lt=T.createContext(!1),ts=T.createContext(!1);function zt(){let e=It(),t=T.useContext(nr),o=e?.size??t,r=e?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${o}`,`kui-menu-variant-${r}`]}var os={1:"2",2:"3",3:"4",4:"4"};function Ot(){let e=It(),t=T.useContext(nr);return os[e?.size??t]}function sr(){let e=T.useContext(ie),t=T.useContext(et)!==null,o=Ot();return e!==void 0?e:t?o:null}var Vt=T.forwardRef(({className:e,float:t,children:o,...r},n)=>{let s=zt(),a=Ot();return T.createElement("div",{...r,ref:n,"data-float":t||void 0,className:(0,we.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...s,e)},T.createElement(ie.Provider,{value:a},o))});Vt.displayName="Shell.PaneHeader";var rs=T.forwardRef(({className:e,float:t,children:o,...r},n)=>{let s=zt(),a=Ot();return T.createElement("div",{...r,ref:n,"data-float":t||void 0,className:(0,we.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...s,e)},T.createElement(ie.Provider,{value:a},o))});rs.displayName="Shell.PaneFooter";var Ht=T.forwardRef(({className:e,style:t,dir:o,children:r,fade:n=!1,pane:s=!1,...a},p)=>{let l=zt(),u=T.useContext(Lt),d=It(),c=u&&d===null&&!s,P=T.useContext(ts),D=rr();if(c){let h=a.tabIndex??(P&&D?-1:void 0);return T.createElement(ae,{...a,tabIndex:h,ref:p,type:"hover",fade:n,className:"kui-ShellScroll"},T.createElement("div",{style:t,dir:o,className:(0,we.default)("kui-ShellScrollContent",e)},r))}return T.createElement(ae,{...a,ref:p,type:"hover",fade:n,className:"kui-ShellScroll"},T.createElement("div",{style:t,dir:o,className:(0,we.default)("kui-BaseMenuContent","kui-SidebarContent",...l,e)},T.createElement(ie.Provider,{value:null},T.createElement("div",{className:"kui-BaseMenuViewport"},r))))});Ht.displayName="Shell.Scroll";var rt=y(require("react")),cr=y(require("classnames"));var pe=["0","1","2","3","4","5","6","7","8","9","10","11","12"],ar={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:pe,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:pe,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:pe,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:pe,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:pe,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:pe,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:pe,responsive:!0}};var Ft=["visible","hidden","clip","scroll","auto"],ns=["static","relative","absolute","fixed","sticky"],Se=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],ss=["0","1"],as=["0","1"],is=["start","center","end","baseline","stretch"],ps=["start","center","end","baseline","stretch"],tt={...ar,...te,...Je,position:{type:"enum",className:"kui-r-position",values:ns,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:Se,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:Se,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:Se,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:Se,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:Se,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:Ft,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:Ft,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:Ft,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:ss,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:as,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:is,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:ps,responsive:!0}};var le=["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"],ir={m:{type:"enum | string",values:le,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:le,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:le,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:le,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:le,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:le,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:le,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var ot=require("radix-ui"),Hi=ot.Slot.Root,pr=ot.Slot.Root,Fi=ot.Slot.Slottable;var At=["0","1","2","3","4","5","6","7","8","9","10","11","12"],lr={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:At,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:At,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:At,responsive:!0}};var ls=["div","span"],us=["none","inline-flex","flex"],cs=["row","column","row-reverse","column-reverse"],ds=["start","center","end","baseline","stretch"],ms=["start","center","end","between"],fs=["nowrap","wrap","wrap-reverse"],ur={as:{type:"enum",values:ls,default:"div"},...j,display:{type:"enum",className:"kui-r-display",values:us,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:cs,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:ds,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:ms,parseValue:Ps,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:fs,responsive:!0},...lr};function Ps(e){return e==="between"?"space-between":e}var ue=rt.forwardRef((e,t)=>{let{className:o,asChild:r,as:n="div",...s}=z(e,ur,tt,ir);return rt.createElement(r?pr:n,{...s,ref:t,className:(0,cr.default)("kui-Flex",o)})});ue.displayName="Flex";var ce=y(require("react")),Pr=require("radix-ui");var nt=["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"],dr=["auto","gray","mauve","slate","sage","olive","sand"],J={color:{type:"enum",values:nt,default:void 0}},mr={color:{type:"enum",values:nt,default:""}};var ys=["loud","medium","quiet"],st={emphasis:{type:"enum",className:"kui-emphasis",values:ys,default:void 0}};var gs=["normal","start","end","both"],at={trim:{type:"enum",className:"kui-r-lt",values:gs,responsive:!0}};var hs=["left","center","right"],it={align:{type:"enum",className:"kui-r-ta",values:hs,responsive:!0}};var vs=["wrap","nowrap","pretty","balance"],pt={wrap:{type:"enum",className:"kui-r-tw",values:vs,responsive:!0}};var lt={truncate:{type:"boolean",className:"kui-truncate"}};var bs=["sans","mono","serif"],ut={font:{type:"enum",className:"kui-r-ff",values:bs}};var Rs=["regular","medium","semibold"],ct={weight:{type:"enum",className:"kui-r-weight",values:Rs,responsive:!0}};var Ds=["h1","h2","h3","h4","h5","h6"],Cs=["1","2","3","4","5","6","7","8","9"],fr={as:{type:"enum",values:Ds,default:"h2"},...j,size:{type:"enum",className:"kui-r-size",values:Cs,default:"6",responsive:!0},...ut,...ct,...it,...at,...lt,...pt,...J,...st};var Gt=ce.memo(ce.forwardRef((e,t)=>{let{children:o,className:r,asChild:n,as:s="h2",color:a,...p}=z(e,fr),l=r?`kui-Heading ${r}`:"kui-Heading";return n?ce.createElement(Pr.Slot.Root,{"data-accent-color":a,...p,ref:t,className:l},o):ce.createElement(s,{"data-accent-color":a,...p,ref:t,className:l},o)}));Gt.displayName="Heading";var m=y(require("react")),Re=require("radix-ui/internal"),fe=y(require("classnames")),Ae=require("radix-ui");var ws=["1","2","3","4"],Ss=["horizontal","vertical"],Te={size:{type:"enum",className:"kui-r-size",values:ws,default:"2"},orientation:{type:"enum",values:Ss,default:"horizontal"}};var Be=y(require("react")),Br=y(require("classnames"));var g=y(require("react")),hr=y(require("classnames")),vr=require("radix-ui"),ft=require("radix-ui/internal");var Ts=["1","2","3","4"],xs=["raised","solid","soft","surface","outline","ghost"],Wt={...j,size:{type:"enum",className:"kui-r-size",values:Ts,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:xs,default:"solid"},...mr,...qe,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var G=y(require("react")),jt=y(require("classnames"));var yr={loading:{type:"boolean",default:!0}};var _t=G.forwardRef((e,t)=>{let{className:o,children:r,loading:n,...s}=z(e,yr);if(r===void 0&&!n)return null;let a=s["aria-label"]!==void 0||s["aria-labelledby"]!==void 0,p=G.createElement("span",{role:a?"status":void 0,"aria-hidden":a?void 0:!0,...s,ref:t,className:(0,jt.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?p: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,jt.default)("kui-SpinnerChildren",n&&"kui-SpinnerHiddenChildren")},r),n?G.createElement(ue,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},G.createElement("span",null,p)):null)});_t.displayName="Spinner";var v=y(require("react")),ks=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"})));ks.displayName="ThickDividerHorizontalIcon";var Kt=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"})));Kt.displayName="ThickCheckIcon";var $t=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"})));$t.displayName="ChevronDownIcon";var dt=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"})));dt.displayName="ThickChevronRightIcon";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:"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"})));qt.displayName="ThickChevronLeftIcon";var Ut=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"})));Ut.displayName="ThickDotIcon";var Ms=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"})));Ms.displayName="CloseIcon";var Ns=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"})));Ns.displayName="PaperclipIcon";var Es=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"})));Es.displayName="FileIcon";var Bs=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"})));Bs.displayName="FileTextIcon";var Yt=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"})));Yt.displayName="TickIcon";var xe=y(require("react"));function Zt(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 ke=xe.createContext("2");ke.displayName="ThemeSizeContext";function Qt(e,t){let o=xe.useContext(ke);return e!==void 0?e:Zt(o,t.values)}function mt(e,t){let o=xe.useContext(ke);if(e.size!==void 0)return e;let r=Zt(o,t.values);return r===t.default?e:{...e,size:r}}var eo=g.forwardRef((e,t)=>{let o=mt(e,Wt.size),{className:r,children:n,asChild:s,as:a,color:p,radius:l,disabled:u,done:d=!1,...c}=z(o,Wt),P=!!o.loading,D=o.loading!==void 0,h=!!u||P,{onClick:C,"aria-describedby":N}=c,R=g.useCallback(H=>{if(h){H.preventDefault();return}C?.(H)},[h,C]),k=g.useMemo(()=>{let H=s&&g.isValidElement(n)?n.props.children:n,Z=Jt(H),X=Y=>g.isValidElement(Y)&&(Y.type==="svg"||typeof Y.type!="string"&&Y.type!==g.Fragment&&!Ls.has(Xt(Y.type)));return{iconStart:X(Z[0]),iconEnd:X(Z[Z.length-1])}},[s,n]),[b,I]=g.useState(null),E=g.useRef(null),_=(0,ft.useComposedRefs)(t,E);(0,ft.useLayoutEffect)(()=>{let H=E.current;if(!H||P||d)return;let Z=H.querySelector(":scope > .kui-BaseButtonContent")??H,X=gr(Z,"start"),Y=gr(Z,"end");I(ee=>ee&&ee.iconStart===X&&ee.iconEnd===Y?ee:{iconStart:X,iconEnd:Y})});let{iconStart:K,iconEnd:B}=b??k,w=!!c["data-icon-only"],S=g.useMemo(()=>{if(!d)return n;let H=g.createElement(Yt,{key:"kui-done-tick",className:"kui-BaseButtonTick","aria-hidden":!0}),Z=X=>{if(w)return H;let Y=Jt(X),ee=Y.findIndex($e=>!(typeof $e=="string"&&!$e.trim())),Vo=Y[ee];return ee!==-1&&K&&(b!==null||g.isValidElement(Vo)&&Vo.type==="svg")?Y.map(($e,Mn)=>Mn===ee?H:$e):[H,...Y]};if(s&&g.isValidElement(n)){let X=n;return g.cloneElement(X,void 0,Z(X.props.children))}return Z(n)},[d,n,w,K,b,s]),U=s?vr.Slot.Root:a||"button",Ke=["button","input","textarea","select"],ye=s?g.isValidElement(n)?n.type:void 0:a||"button",ge=typeof ye=="string"&&Ke.includes(ye),{onClickCapture:De}=c,Cn=g.useCallback(H=>{if(s&&h){H.preventDefault(),H.stopPropagation();return}De?.(H)},[s,h,De]),wn=!s&&(!a||a==="button"),Sn="type"in c,Tn=g.useId(),St=P?`${Tn}-loading`:void 0,xn=g.useMemo(()=>P?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[N,St].filter(Boolean).join(" ")}:u&&(!ge||s)?{"aria-disabled":!0}:{},[P,St,N,u,ge,s]),Oo=(H,Z)=>D?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:St,"aria-hidden":!0},"Loading"),Z),g.createElement(ue,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},g.createElement("span",null,g.createElement(_t,{"aria-hidden":"true"})))):null):H,kn=s&&D&&g.isValidElement(S)?g.cloneElement(S,void 0,Oo(S.props.children,g.isValidElement(n)?n.props.children:null)):S;return g.createElement(U,{"data-accent-color":p,"data-radius":l,"data-icon-start":K||void 0,"data-icon-end":B||void 0,"data-done":d||void 0,...c,...xn,"data-disabled":h||void 0,onClick:R,onClickCapture:Cn,ref:_,className:(0,hr.default)("kui-reset","kui-BaseButton",r),...ge&&{disabled:u},...wn&&!Sn?{type:"button"}:{}},s?kn:Oo(S,n))});eo.displayName="BaseButton";var Ls=new Set(["Text","Kbd","Code","Link","Em","Strong","Quote","Badge","Trans"]);function Xt(e){if(!e||typeof e!="function"&&typeof e!="object")return"";let t=e;return t.displayName||t.name||Xt(t.render)||Xt(t.type)}function Jt(e){return g.Children.toArray(e).flatMap(t=>g.isValidElement(t)&&t.type===g.Fragment?Jt(t.props.children):[t])}function gr(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")),kr=y(require("classnames")),ne=require("radix-ui");var de=y(require("react")),Rr=require("radix-ui");var zs=["span","div","label","p"],Os=["1","2","3","4","5","6","7","8","9"],br={as:{type:"enum",values:zs,default:"span"},...j,size:{type:"enum",className:"kui-r-size",values:Os,responsive:!0},...ut,...ct,...it,...at,...lt,...pt,...J,...st};var Me=de.memo(de.forwardRef((e,t)=>{let{children:o,className:r,asChild:n,as:s="span",color:a,...p}=z(e,br),l=r?`kui-Text ${r}`:"kui-Text";return n?de.createElement(Rr.Slot.Root,{"data-accent-color":a,...p,ref:t,className:l},o):de.createElement(s,{"data-accent-color":a,...p,ref:t,className:l},o)}));Me.displayName="Text";var Ee=y(require("react"));var V=y(require("react")),wr=y(require("classnames")),Ne=require("radix-ui");function Dr(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 to=y(require("react"));function re(e){let[t,o]=to.useState(e),[r,n]=to.useState(e);return Object.is(e,r)||(n(e),o(e)),[t,o]}var Vs=["inherit","light","dark"],Cr=["sans","mono","serif"],Hs=["1","2","3","4"],O={...j,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Vs,default:"inherit"},accentColor:{type:"enum",values:nt,default:"gray"},grayColor:{type:"enum",values:dr,default:"gray"},radius:{type:"enum",values:xt,default:"full"},fontFamily:{type:"enum",values:Cr,default:"sans"},headingFontFamily:{type:"enum",values:Cr},size:{type:"enum",values:Hs,default:"2"}};var q=()=>{},Fs={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:q,onAccentColorChange:q,onGrayColorChange:q,onRadiusChange:q,onFontFamilyChange:q,onHeadingFontFamilyChange:q,onSizeChange:q},Pt=V.createContext(void 0);function Sr(){return V.useContext(Pt)??Fs}var oo=V.forwardRef((e,t)=>{let o=V.useContext(Pt),r=Ne.Direction.useDirection();return o===void 0?V.createElement(Ne.Direction.Provider,{dir:r},V.createElement(Tr,{...e,ref:t})):V.createElement(ro,{...e,ref:t})});oo.displayName="Theme";var Tr=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:p,size:l=O.size.default,hasBackground:u=O.hasBackground.default,...d}=e,[c,P]=re(o),[D,h]=re(r),[C,N]=re(n),[R,k]=re(s),[b,I]=re(a),[E,_]=re(p),[K,B]=re(l);return V.createElement(ro,{...d,ref:t,isRoot:!0,hasBackground:u,appearance:c,accentColor:D,grayColor:C,radius:R,fontFamily:b,headingFontFamily:E,size:K,onAppearanceChange:P,onAccentColorChange:h,onGrayColorChange:N,onRadiusChange:k,onFontFamilyChange:I,onHeadingFontFamilyChange:_,onSizeChange:B})});Tr.displayName="ThemeRoot";var ro=V.forwardRef((e,t)=>{let o=V.useContext(Pt),{asChild:r,isRoot:n,hasBackground:s,appearance:a=e.appearance??o?.appearance??O.appearance.default,accentColor:p=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:d=e.fontFamily??o?.fontFamily??O.fontFamily.default,headingFontFamily:c=e.headingFontFamily??o?.headingFontFamily,size:P=e.size??o?.size??O.size.default,onAppearanceChange:D=o?.onAppearanceChange??q,onAccentColorChange:h=o?.onAccentColorChange??q,onGrayColorChange:C=o?.onGrayColorChange??q,onRadiusChange:N=o?.onRadiusChange??q,onFontFamilyChange:R=o?.onFontFamilyChange??q,onHeadingFontFamilyChange:k=o?.onHeadingFontFamilyChange??q,onSizeChange:b=o?.onSizeChange??q,...I}=e,E=r?Ne.Slot.Root:"div",_=l==="auto"?Dr(p):l,K=e.appearance==="light"||e.appearance==="dark",B=s===void 0?n||K:s;return V.createElement(Pt.Provider,{value:V.useMemo(()=>({appearance:a,accentColor:p,grayColor:l,resolvedGrayColor:_,radius:u,fontFamily:d,headingFontFamily:c,size:P,onAppearanceChange:D,onAccentColorChange:h,onGrayColorChange:C,onRadiusChange:N,onFontFamilyChange:R,onHeadingFontFamilyChange:k,onSizeChange:b}),[a,p,l,_,u,d,c,P,D,h,C,N,R,k,b])},V.createElement(ke.Provider,{value:P},V.createElement(E,{"data-is-root-theme":n?"true":"false","data-accent-color":p,"data-gray-color":_,"data-has-background":B?"true":"false","data-radius":u,"data-font-family":d,"data-heading-font-family":c,ref:t,...I,className:(0,wr.default)("kui-theme",{light:a==="light",dark:a==="dark"},I.className)})))});ro.displayName="ThemeImpl";var ve=Ee.forwardRef((e,t)=>Ee.createElement(ie.Provider,{value:null},Ee.createElement(oo,{...e,ref:t})));ve.displayName="PortalTheme";var xr={content:{type:"ReactNode",required:!0},width:te.width,minWidth:te.minWidth,maxWidth:{...te.maxWidth,default:"360px"}};var Mr=200,Nr=W.createContext(!1);function As({delayDuration:e=Mr,children:t,...o}){return W.createElement(Nr.Provider,{value:!0},W.createElement(ne.Tooltip.Provider,{delayDuration:e,...o},t))}As.displayName="TooltipProvider";var no=W.forwardRef((e,t)=>{let{children:o,className:r,open:n,defaultOpen:s,onOpenChange:a,delayDuration:p,disableHoverableContent:l,content:u,container:d,forceMount:c,...P}=z(e,xr),D={open:n,defaultOpen:s,onOpenChange:a,delayDuration:p,disableHoverableContent:l},h=W.useContext(Nr),C=W.createElement(ne.Tooltip.Root,{...D},W.createElement(ne.Tooltip.Trigger,{asChild:!0},o),W.createElement(ne.Tooltip.Portal,{container:d,forceMount:c},W.createElement(ve,{asChild:!0},W.createElement(ne.Tooltip.Content,{sideOffset:4,collisionPadding:10,...P,asChild:!1,ref:t,className:(0,kr.default)("kui-TooltipContent",r)},W.createElement(Me,{as:"p",className:"kui-TooltipText",size:"1"},u),W.createElement(ne.Tooltip.Arrow,{className:"kui-TooltipArrow"})))));return h?C:W.createElement(ne.Tooltip.Provider,{delayDuration:Mr},C)});no.displayName="Tooltip";var yt=y(require("react"));function Er(e){let t=yt.useId(),o=!!e,r=yt.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:r}}var Gs={loud:"solid",medium:"raised",quiet:"ghost"};function Ws(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 Ie=Be.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:r="top",tooltipAlign:n="center",tooltipDelayDuration:s,tooltipDisableHoverableContent:a,iconOnly:p=!1,emphasis:l,variant:u,...d},c)=>{let{tooltipId:P,hasTooltip:D,accessibilityProps:h}=Er(o);p&&(Ws(d),d.fullWidth=!1);let C=l!==void 0?Gs[l]:u,N=d["aria-describedby"],R=h["aria-describedby"],k=[N,R].filter(Boolean).join(" ")||void 0,b=Be.createElement(eo,{...d,variant:C,"aria-describedby":k,ref:c,"data-icon-only":p||void 0,className:(0,Br.default)("kui-Button",e),style:t});return D?Be.createElement(no,{content:o,side:r,align:n,delayDuration:s,disableHoverableContent:a,id:P},b):b});Ie.displayName="Button";var i=y(require("react")),F=y(require("classnames")),M=require("radix-ui"),So=require("radix-ui/internal");var js=["1","2","3","4"],Ir=["cascade","drill-down"],Lr={size:{type:"enum",className:"kui-r-size",values:js,default:"2",responsive:!0},...J},Le={...Lr,submenuBehavior:{type:"enum",values:Ir,default:"cascade",responsive:!0}},gt=Lr,so={...j,...J,shortcut:{type:"string"}},ao={...J,shortcut:{type:"string"}},io={...J};var x=y(require("react"));var _s={stack:[],lastChange:null},Ks='[role^="menuitem"]:not([data-disabled])',$s="kui-DropdownMenuDrillDownBackItem";function zr(e){return e.replace(/["\\]/g,"\\$&")}var po=class{constructor(){L(this,"state",_s);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(p=>p.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="${zr(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="${zr(t.id)}"]`);if(t.modality==="keyboard"){let p=a?Array.from(a.querySelectorAll(Ks)):[];s(p.find(l=>!l.classList.contains($s))??p[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)}},Or=x.createContext(null),Q=x.createContext(!0);function ze(){return x.useContext(Or)}function Vr(){let[e]=x.useState(()=>new po);return e}var qs=e=>e.stack.length,Us=()=>0;function Hr({store:e,behavior:t,open:o,children:r}){let n=t==="drill-down",s=x.useSyncExternalStore(e.subscribe,()=>qs(e.getState()),Us),a=!n||s===0;x.useLayoutEffect(()=>{n||e.reset()},[n,e]);let p=x.useRef(o);x.useLayoutEffect(()=>{o&&!p.current&&e.reset(),p.current=o},[o,e]),x.useLayoutEffect(()=>{e.applyLastChange()},[s,e]);let l=x.useCallback(c=>e.setRootElement(c),[e]),u=x.useCallback(()=>e.setModality("keyboard"),[e]),d=x.useCallback(()=>e.setModality("pointer"),[e]);return x.createElement(Or.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?d:void 0},x.createElement(Q.Provider,{value:a},r)))}function lo(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??Ar,o,Ys)}function Fr(e,t){let o=x.useCallback(()=>e?.getState().stack.find(r=>r.id===t),[e,t]);return x.useSyncExternalStore(e?.subscribe??Ar,o,Zs)}var Ar=()=>()=>{},Ys=()=>"closed",Zs=()=>{},uo=x.createContext(null);function co(){return x.useContext(uo)}var $=y(require("react")),Xr=require("radix-ui/internal");var ho=y(require("react")),Zr=y(require("classnames"));var ht=y(require("react")),Wr=y(require("classnames")),jr=require("radix-ui");var Qs=["1","2","3","4","5","6","7","8","9"],Xs=["raised","soft"],Gr={...j,size:{type:"enum",className:"kui-r-size",values:Qs,responsive:!0},variant:{type:"enum",className:"kui-variant",values:Xs,default:"raised"}};var mo=ht.forwardRef((e,t)=>{let{asChild:o,className:r,...n}=z(e,Gr),s=o?jr.Slot.Root:"kbd";return ht.createElement(s,{...n,ref:t,className:(0,Wr.default)("kui-reset","kui-Kbd",r)})});mo.displayName="Kbd";var Ve=y(require("react"));var Js=Object.entries(Zo),fo=null,Oe=new Set,me=null;function Po(){return fo??(fo=Js.map(([e,t])=>[e,window.matchMedia(t)])),fo}function yo(){let e="initial";for(let[t,o]of Po())o.matches&&(e=t);return e}function vt(){let e=yo();e!==me&&(me=e,Oe.forEach(t=>t()))}function _r(e){if(typeof window>"u")return()=>{};if(Oe.size===0){me=yo();for(let[,t]of Po())typeof t.addEventListener=="function"?t.addEventListener("change",vt):t.addListener?.(vt)}return Oe.add(e),()=>{if(Oe.delete(e),!(Oe.size>0)){for(let[,t]of Po())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",vt):t.removeListener?.(vt)}catch{}me=null}}}function ea(){return typeof window>"u"?"initial":(me??(me=yo()),me)}function ta(){return"initial"}var oa=()=>!0,ra=()=>!1,Kr=()=>()=>{},na=()=>"initial";function $r(e=!0){let t=Ve.useSyncExternalStore(e?_r:Kr,e?ea:na,ta),o=Ve.useSyncExternalStore(e?_r:Kr,oa,ra);return Ve.useMemo(()=>({breakpoint:t,ready:o}),[t,o])}var go=["xl","lg","md","sm","xs","initial"];function sa(e,t,o){if(e==null)return o;if(typeof e!="object")return e;let r=e;for(let n=go.indexOf(t);n<go.length;n++){let s=r[go[n]];if(s!==void 0)return s}return o}function He(e,t){let o=typeof e=="object"&&e!==null,{breakpoint:r}=$r(o);return sa(e,r,t)}var qr={1:8,2:12,3:16,4:24};function Qr(e){return-(qr[e]??qr[2])}var Ur={"\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"},Yr=new Map;function vo(e){let t=Yr.get(e);if(t!==void 0)return t||void 0;let n=(e.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(s=>Ur[s]??Ur[s.toLowerCase()]??(s.length===1?s.toUpperCase():s)).join("+");return Yr.set(e,n),n||void 0}function bo({shortcut:e,className:t}){return ho.createElement("div",{"aria-hidden":!0,className:(0,Zr.default)("kui-BaseMenuShortcut",t)},ho.createElement(mo,{size:"1"},e))}var aa=$.createContext({isInsideMenu:!1}),Ro=$.createContext(null),ia={1:24,2:30,3:34,4:38};function pa(e){return ia[e]}function Do({children:e,size:t}){let o=He(t,void 0),r=o?pa(o):void 0,n=$.useMemo(()=>({isInsideMenu:!0,size:o,itemHeight:r}),[o,r]);return $.createElement(aa.Provider,{value:n},$.createElement(Ro.Provider,{value:null},e))}var la=$.createContext(void 0),Jr=la.Provider;var bt=Ro.Provider;function Co(e){let[t,o]=$.useState(null);return[e??t??void 0,o]}function en(e,t=!0){let o=$.useContext(Ro),r=$.useId(),n=e??r;return(0,Xr.useLayoutEffect)(()=>{if(!(!o||!t))return o(n),()=>o(null)},[o,n,t]),o?n:e}var Rt=y(require("react")),tn=e=>{if(!Rt.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${Rt.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var on=i.createContext(!1),To=e=>{let{open:t,defaultOpen:o=!1,onOpenChange:r}=e,[n,s]=i.useState(o),a=t??n,p=(0,So.useCallbackRef)(r),l=i.useCallback(d=>{s(d),p(d)},[p]),u=i.useCallback(()=>l(!1),[l]);return i.createElement(on.Provider,{value:a},i.createElement(Jr,{value:u},i.createElement(M.DropdownMenu.Root,{...e,open:a,onOpenChange:l})))};To.displayName="DropdownMenu.Root";var xo=i.forwardRef(({children:e,...t},o)=>i.createElement(M.DropdownMenu.Trigger,{...t,ref:o,asChild:!0},tn(e)));xo.displayName="DropdownMenu.Trigger";var wo=i.createContext({}),ua={ltr:"ArrowLeft",rtl:"ArrowRight"},ca={ltr:"ArrowRight",rtl:"ArrowLeft"};function da(e){return e instanceof HTMLElement&&(e.isContentEditable||e.tagName==="INPUT"||e.tagName==="TEXTAREA")}function rn(e){return e?.closest("[dir]")?.getAttribute("dir")==="rtl"?"rtl":"ltr"}var ko=i.forwardRef((e,t)=>{let o=mt(e,Le.size),r=Sr(),{size:n=Le.size.default}=o,{className:s,children:a,color:p,container:l,forceMount:u,submenuBehavior:d,virtualized:c=!1,onEscapeKeyDown:P,onKeyDown:D,...h}=z(o,Le),C=p||r.accentColor,N=He(d,"cascade"),R=N==="drill-down",k=i.useContext(on),b=Vr(),I=B=>{P?.(B),!(B.defaultPrevented||!R||b.getDepth()===0)&&(B.preventDefault(),b.pop("keyboard"))},E=B=>{D?.(B),!(B.defaultPrevented||!R||b.getDepth()===0)&&(da(B.target)||B.key===ua[rn(B.currentTarget)]&&(B.preventDefault(),b.pop("keyboard")))},_=i.useMemo(()=>({size:n,color:C}),[n,C]),K=i.createElement(Do,{size:n},i.createElement(wo.Provider,{value:_},i.createElement(Hr,{store:b,behavior:N,open:k},a)));return i.createElement(M.DropdownMenu.Portal,{container:l,forceMount:u},i.createElement(ve,{asChild:!0},i.createElement(M.DropdownMenu.Content,{"data-accent-color":C,align:"start",sideOffset:4,collisionPadding:10,...h,onEscapeKeyDown:I,onKeyDown:E,asChild:!1,ref:t,className:(0,F.default)("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-DropdownMenuContent",s)},c?i.createElement("div",{className:(0,F.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},K):i.createElement(ae,{type:"auto",scrollbars:"vertical"},i.createElement("div",{className:(0,F.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport")},K)))))});ko.displayName="DropdownMenu.Content";var ma=i.forwardRef(({className:e,id:t,...o},r)=>{let n=i.useContext(Q),s=en(t,n);return n?i.createElement(M.DropdownMenu.Label,{...o,id:s,asChild:!1,ref:r,className:(0,F.default)("kui-BaseMenuLabel","kui-DropdownMenuLabel",e)}):null});ma.displayName="DropdownMenu.Label";var Dt=i.forwardRef((e,t)=>{let{className:o,children:r,color:n=so.color.default,shortcut:s,...a}=e;return i.useContext(Q)?i.createElement(M.DropdownMenu.Item,{"data-accent-color":n,"aria-keyshortcuts":s?vo(s):void 0,...a,ref:t,className:(0,F.default)("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem",o)},i.createElement(M.Slot.Slottable,null,r),s&&i.createElement(bo,{shortcut:s,className:"kui-DropdownMenuShortcut"})):null});Dt.displayName="DropdownMenu.Item";var Mo=i.forwardRef(({className:e,"aria-labelledby":t,...o},r)=>{let[n,s]=Co(t),a=i.useContext(Q);return i.createElement(bt,{value:s},i.createElement(M.DropdownMenu.Group,{...a?{"aria-labelledby":n}:{role:"none"},...o,asChild:!1,ref:r,className:(0,F.default)("kui-BaseMenuGroup","kui-DropdownMenuGroup",e)}))});Mo.displayName="DropdownMenu.Group";var fa=i.forwardRef(({className:e,"aria-labelledby":t,...o},r)=>{let[n,s]=Co(t),a=i.useContext(Q);return i.createElement(bt,{value:s},i.createElement(M.DropdownMenu.RadioGroup,{...a?{"aria-labelledby":n}:{role:"none"},...o,asChild:!1,ref:r,className:(0,F.default)("kui-BaseMenuRadioGroup","kui-DropdownMenuRadioGroup",e)}))});fa.displayName="DropdownMenu.RadioGroup";var Pa=i.forwardRef((e,t)=>{let{children:o,className:r,color:n=io.color.default,...s}=e;return i.useContext(Q)?i.createElement(M.DropdownMenu.RadioItem,{...s,asChild:!1,ref:t,"data-accent-color":n,className:(0,F.default)("kui-BaseMenuItem","kui-BaseMenuRadioItem","kui-DropdownMenuItem","kui-DropdownMenuRadioItem",r)},i.createElement(M.Slot.Slottable,null,o),i.createElement(M.DropdownMenu.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},i.createElement(Ut,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"}))):null});Pa.displayName="DropdownMenu.RadioItem";var No=i.forwardRef((e,t)=>{let{children:o,className:r,shortcut:n,color:s=ao.color.default,...a}=e;return i.useContext(Q)?i.createElement(M.DropdownMenu.CheckboxItem,{"aria-keyshortcuts":n?vo(n):void 0,...a,asChild:!1,ref:t,"data-accent-color":s,className:(0,F.default)("kui-BaseMenuItem","kui-BaseMenuCheckboxItem","kui-DropdownMenuItem","kui-DropdownMenuCheckboxItem",r)},i.createElement(M.Slot.Slottable,null,o),i.createElement(M.DropdownMenu.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},i.createElement(Kt,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"})),n&&i.createElement(bo,{shortcut:n,className:"kui-DropdownMenuShortcut"})):null});No.displayName="DropdownMenu.CheckboxItem";var ya=({label:e="Back",open:t,defaultOpen:o,onOpenChange:r,children:n})=>{let s=ze(),a=i.useId(),p=i.useMemo(()=>({id:a,label:e}),[a,e]),l=lo(s,a)!=="closed",u=(0,So.useCallbackRef)(r),d=t!==void 0;i.useLayoutEffect(()=>{if(!(!s||!d))return s.setController(a,u),()=>s.setController(a,null)},[s,d,a,u]),i.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 c=i.useRef(t===void 0&&!!o);i.useLayoutEffect(()=>{s&&c.current?s.open(a):c.current=!1},[]);let P=i.useRef(l);return i.useEffect(()=>{if(!(!s||P.current===l)){if(P.current=l,l&&c.current){c.current=!1;return}t!==void 0&&t===l||u(l)}},[s,l,u,t]),i.createElement(uo.Provider,{value:p},i.createElement(M.DropdownMenu.Sub,{open:t,defaultOpen:o,onOpenChange:s?void 0:r},n))};ya.displayName="DropdownMenu.Sub";var ga=i.forwardRef((e,t)=>{let{className:o,children:r,onKeyDown:n,...s}=e,a=ze(),p=co(),l=i.useContext(Q);if(a&&p){if(!l)return null;let u=c=>{c.preventDefault(),a.push(p.id)},d=c=>{n?.(c),!(c.defaultPrevented||s.disabled)&&c.key===ca[rn(c.currentTarget)]&&(c.preventDefault(),a.push(p.id,"keyboard"))};return i.createElement(M.DropdownMenu.Item,{...s,"data-drill-down-trigger":p.id,"data-drill-down-name":s.textValue,onSelect:u,onKeyDown:d,ref:t,className:(0,F.default)("kui-reset","kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger","kui-DropdownMenuDrillDownSubTrigger",o)},r,i.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},i.createElement(dt,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))}return i.createElement(M.DropdownMenu.SubTrigger,{...s,onKeyDown:n,asChild:!1,ref:t,className:(0,F.default)("kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger",o)},r,i.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},i.createElement(dt,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))});ga.displayName="DropdownMenu.SubTrigger";var Eo=i.forwardRef(({className:e,...t},o)=>i.useContext(Q)?i.createElement(M.DropdownMenu.Separator,{...t,asChild:!1,ref:o,className:(0,F.default)("kui-BaseMenuSeparator","kui-DropdownMenuSeparator",e)}):null);Eo.displayName="DropdownMenu.Separator";function ha({label:e,name:t}){let o=ze(),r=i.useCallback(a=>{a.preventDefault(),o?.pop()},[o]),n=typeof e=="string"?e:t,s=n&&n!=="Back"?`Back from ${n}`:void 0;return i.createElement(M.DropdownMenu.Item,{"aria-label":s,textValue:n||"Back",onSelect:r,className:(0,F.default)("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem","kui-DropdownMenuDrillDownBackItem")},i.createElement(qt,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuDrillDownBackIcon"}),i.createElement("span",{className:"kui-DropdownMenuDrillDownBackLabel"},e))}function va(e){let{loop:t,onEscapeKeyDown:o,onPointerDownOutside:r,onFocusOutside:n,onInteractOutside:s,sideOffset:a,alignOffset:p,avoidCollisions:l,collisionBoundary:u,collisionPadding:d,arrowPadding:c,sticky:P,hideWhenDetached:D,updatePositionStrategy:h,...C}=e;return C}var ba=i.forwardRef((e,t)=>{let o=ze(),r=co();return o&&r?i.createElement(sn,{...e,ref:t,store:o,sub:r}):i.createElement(nn,{...e,ref:t})});ba.displayName="DropdownMenu.SubContent";var nn=i.forwardRef((e,t)=>{let o=i.useContext(wo),r=e.size??o.size,n=e.color??o.color,{className:s,children:a,container:p,forceMount:l,color:u,virtualized:d=!1,...c}=z({...e,size:r},gt),P=He(r,gt.size.default),D=i.useMemo(()=>({size:r,color:n}),[r,n]),h=i.createElement(Do,{size:r},i.createElement(wo.Provider,{value:D},a));return i.createElement(M.DropdownMenu.Portal,{container:p,forceMount:l},i.createElement(ve,{asChild:!0},i.createElement(M.DropdownMenu.SubContent,{"data-accent-color":n,alignOffset:Qr(P),sideOffset:1,collisionPadding:10,...c,asChild:!1,ref:t,className:(0,F.default)("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-BaseMenuSubContent","kui-DropdownMenuContent","kui-DropdownMenuSubContent",s)},d?i.createElement("div",{className:(0,F.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},h):i.createElement(ae,{type:"auto",scrollbars:"vertical"},i.createElement("div",{className:(0,F.default)("kui-BaseMenuViewport","kui-DropdownMenuViewport")},h)))))});nn.displayName="DropdownMenu.CascadeSubContent";var sn=i.forwardRef(({store:e,sub:t,...o},r)=>{let n=lo(e,t.id),s=Fr(e,t.id);if(n==="closed")return null;let{className:a,children:p,container:l,forceMount:u,virtualized:d,size:c,color:P,...D}=va(o),h=n==="top",C=s?.name||(typeof t.label=="string"?t.label:"");return i.createElement("div",{role:"group","aria-label":C||void 0,...D,ref:r,"data-drill-down-panel":t.id,"data-drill-down-active":h?!0:void 0,className:(0,F.default)("kui-DropdownMenuDrillDownPanel",a)},h&&i.createElement(i.Fragment,null,i.createElement(ha,{label:t.label,name:C}),i.createElement(M.DropdownMenu.Separator,{className:"kui-BaseMenuSeparator kui-DropdownMenuSeparator"})),i.createElement(bt,{value:null},i.createElement(Q.Provider,{value:h},p)))});sn.displayName="DropdownMenu.DrillDownPanel";var Ra=i.forwardRef(({className:e,...t},o)=>i.createElement($t,{...t,ref:o,className:(0,F.default)("kui-DropdownMenuTriggerIcon",e)}));Ra.displayName="DropdownMenu.TriggerIcon";var Ge=m.createContext(null),Bo=m.createContext(null),wt=m.createContext(!1);var Io=m.forwardRef((e,t)=>{let o=sr(),r=Qt(e.size??o??void 0,Te.size),n=e.orientation??Te.orientation.default,{className:s,orientation:a,backdrop:p=!1,children:l,...u}=z({...e,size:r},Te,tt),d=m.useMemo(()=>({size:r,orientation:n,backdrop:p}),[r,n,p]);return m.createElement(Ae.Toolbar.Root,{...u,ref:t,orientation:n,"data-backdrop":p||void 0,className:(0,fe.default)("kui-Toolbar",s)},m.createElement(Ge.Provider,{value:d},l))});Io.displayName="Toolbar";var pn=m.forwardRef(({className:e,disabled:t=!1,children:o,...r},n)=>{let s=m.useContext(Ge),a=m.useContext(wt),p=m.useMemo(()=>({disabled:t}),[t]);return a?m.createElement(Mo,{...r,ref:n,className:e},m.createElement(Bo.Provider,{value:p},o)):m.createElement("div",{role:"group","data-orientation":s?.orientation??"horizontal","data-disabled":t||void 0,...r,ref:n,className:(0,fe.default)("kui-ToolbarGroup",e)},m.createElement(Bo.Provider,{value:p},o))});pn.displayName="Toolbar.Group";var Ca=new Set(["id","className","style","title"]);function an(e){return e===!0||e==="true"}function wa(e){return m.isValidElement(e)&&e.type==="button"}var Pe=m.forwardRef((e,t)=>{let o=m.useContext(Ge),r=m.useContext(Bo),n=m.useContext(wt),{iconOnly:s,size:a,variant:p,emphasis:l,color:u,disabled:d,asChild:c,onKeyDown:P,...D}=e,h=d||r?.disabled||void 0;if(n){let I={};for(let E of Object.keys(D))(/^on[A-Z]/.test(E)||E.startsWith("aria-")||E.startsWith("data-")||Ca.has(E))&&(I[E]=D[E]);return P&&(I.onKeyDown=P),m.createElement(ln,{...I,ref:t,asChild:c,iconOnly:s,disabled:h,color:u,pressed:e["aria-pressed"]===void 0?void 0:an(e["aria-pressed"])},D.children)}let C=o?.orientation==="vertical"&&P?I=>{I.key==="ArrowDown"||I.key==="ArrowUp"||P(I)}:P,N=an(e["aria-pressed"]),R="data-state"in e||e["aria-pressed"]===void 0?{}:{"data-state":N?"on":"off"},k={size:a??o?.size,...l!==void 0?{emphasis:l}:{variant:p??(r?"ghost":o?.backdrop?"raised":"soft")},color:u??(p||l?void 0:"gray"),...R},b={...D,...s?{iconOnly:!0}:{},...c?{asChild:!0}:{},...C?{onKeyDown:C}:{},...k};return o?c&&!wa(D.children)?m.createElement(Ae.Toolbar.Link,{asChild:!0,ref:t},m.createElement(Ie,{...b,disabled:h})):m.createElement(Ae.Toolbar.Button,{asChild:!0,ref:t,disabled:h},m.createElement(Ie,{...b})):m.createElement(Ie,{...b,ref:t,disabled:h})});Pe.displayName="Toolbar.Button";var ln=m.forwardRef(({asChild:e,iconOnly:t,disabled:o,color:r,pressed:n,children:s,"aria-label":a,...p},l)=>{let u=t?a:void 0,d={...p,...t?{}:a?{"aria-label":a}:{},disabled:o,...r?{color:r}:{}};if(e&&m.isValidElement(s)){let c=u?m.cloneElement(s,void 0,s.props.children,m.createElement("span",null,u)):s;return m.createElement(Dt,{...d,ref:l,asChild:!0},c)}return n!==void 0?m.createElement(No,{...d,ref:l,checked:n},s,u):m.createElement(Dt,{...d,ref:l},s,u)});ln.displayName="Toolbar.OverflowItem";function Sa(){return m.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentcolor","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg"},m.createElement("circle",{cx:"3.25",cy:"8",r:"1.25"}),m.createElement("circle",{cx:"8",cy:"8",r:"1.25"}),m.createElement("circle",{cx:"12.75",cy:"8",r:"1.25"}))}var un=m.forwardRef(({label:e="More",className:t,children:o,...r},n)=>{let s=m.Children.toArray(o),a=s.length,p=m.useRef(null),l=m.useRef([]),u=m.useRef(0),[d,c]=m.useState(a),[P,D]=m.useState(0),[h,C]=m.useState(a);h!==a&&(C(a),c(a)),(0,Re.useLayoutEffect)(()=>{l.current=[]},[a]),(0,Re.useLayoutEffect)(()=>{let R=p.current;if(!R)return;let k=Array.from(R.children),b=Math.min(d,a);for(let S=0;S<b;S++){let U=k[S];U&&(l.current[S]=U.offsetWidth)}let I=k[b];I&&(u.current=I.offsetWidth);let E=Number.parseFloat(getComputedStyle(R).columnGap)||0,_=R.clientWidth,K=0,B=0;for(let S=0;S<a;S++){let U=l.current[S];if(U===void 0)return;U!==0&&(K+=U+(B>0?E:0),B+=1)}let w=a;if(K>_){let S=_-(u.current||R.clientHeight)-E,U=0,Ke=0;w=0;for(let ye=0;ye<a;ye++){let ge=l.current[ye];if(ge>0){let De=ge+(Ke>0?E:0);if(U+De>S)break;U+=De,Ke+=1}w+=1}}w!==d&&c(w)},[d,a,P]),m.useEffect(()=>{let R=p.current;if(!R||typeof ResizeObserver>"u")return;let k=new ResizeObserver(()=>D(b=>b+1));k.observe(R);for(let b of Array.from(R.children))k.observe(b);return()=>k.disconnect()},[d,a]);let N=m.useCallback(R=>{p.current=R,typeof n=="function"?n(R):n&&(n.current=R)},[n]);return m.createElement("div",{...r,ref:N,className:(0,fe.default)("kui-ToolbarOverflow",t)},s.slice(0,d).map((R,k)=>m.createElement("div",{key:k,className:"kui-ToolbarOverflowSeat"},R)),d<a?m.createElement(To,null,m.createElement(xo,null,m.createElement(Pe,{iconOnly:!0,"aria-label":e},m.createElement(Sa,null))),m.createElement(ko,{align:"end"},m.createElement(wt.Provider,{value:!0},s.slice(d)))):null)});un.displayName="Toolbar.Overflow";var Lo=[],be=new Map,Ct=new Set,Fe=new Map;function Ta(e){return Ct.add(e),()=>{Ct.delete(e)}}function xa(e,t,o){let r=be.get(e)??Lo,s=r.findIndex(a=>a.id===t)===-1?[...r,{id:t,node:o}]:r.map(a=>a.id===t?{id:t,node:o}:a);be.set(e,s),Ct.forEach(a=>a())}function ka(e,t){let o=be.get(e);if(!o)return;let r=o.filter(n=>n.id!==t);r.length===0?be.delete(e):be.set(e,r),Ct.forEach(n=>n())}function cn({name:e="default"}){(0,Re.useLayoutEffect)(()=>{let o=(Fe.get(e)??0)+1;return Fe.set(e,o),o>1,()=>{let r=(Fe.get(e)??1)-1;r>0?Fe.set(e,r):Fe.delete(e)}},[e]);let t=m.useSyncExternalStore(Ta,()=>be.get(e)??Lo,()=>Lo);return m.createElement(m.Fragment,null,t.map(o=>m.createElement(m.Fragment,{key:o.id},o.node)))}cn.displayName="Toolbar.Slot";function dn({name:e="default",children:t}){let o=m.useId();return(0,Re.useLayoutEffect)(()=>{xa(e,o,t)},[e,o,t]),(0,Re.useLayoutEffect)(()=>()=>ka(e,o),[e,o]),null}dn.displayName="Toolbar.Fill";var mn=m.forwardRef(({className:e,...t},o)=>{let r=m.useContext(Ge);return m.useContext(wt)?m.createElement(Eo,{...t,ref:o,className:e}):r?m.createElement(Ae.Toolbar.Separator,{...t,ref:o,className:(0,fe.default)("kui-ToolbarSeparator",e)}):m.createElement("div",{role:"separator","aria-orientation":"vertical","data-orientation":"vertical",...t,ref:o,className:(0,fe.default)("kui-ToolbarSeparator",e)})});mn.displayName="Toolbar.Separator";var Ma={1:"2",2:"3",3:"4",4:"5"},We=m.forwardRef(({className:e,children:t,style:o,id:r},n)=>{let s=m.useContext(Ge),a=Qt(void 0,Te.size),p=s?.size??a;return t==null||t===!1?null:m.createElement(Me,{ref:n,as:"span",size:Ma[p],weight:"medium",truncate:!0,id:r,style:o,className:(0,fe.default)("kui-ToolbarTitle",e)},t)});We.displayName="Toolbar.Title";var zo=Object.assign(Io,{Root:Io,Group:pn,Button:Pe,Separator:mn,Title:We,Overflow:un,Slot:cn,Fill:dn});var Pn=f.createContext(null),yn=f.createContext(0),gn=f.createContext(null);function Na(){let e=f.useContext(et),t=f.useContext(Lt),o=f.useContext(Tt);return e!==null&&!t&&o===null}var fn=f.Activity;function Ea({visible:e,children:t}){return fn?f.createElement(fn,{mode:e?"visible":"hidden"},t):f.createElement("div",{hidden:!e,style:{display:e?"contents":"none"}},t)}function Ba({path:e,defaultPath:t,onPathChange:o,screen:r,root:n,children:s,className:a,style:p}){let l=Na(),[u,d]=f.useState(t??[]),c=e??u,[P,D]=f.useState({path:c,direction:null}),h=P.direction;if(P.path.length!==c.length||P.path.some((w,S)=>!Object.is(w,c[S]))){let w=P.path;h=c.length<w.length?"pop":c.length>w.length||!Object.is(c[c.length-1],w[w.length-1])?"push":P.direction,D({path:c,direction:h})}let C=f.useRef([]),N=f.useRef([]),[R,k]=f.useState(0),b=f.useCallback(w=>{e===void 0&&d(w),o?.(w)},[e,o]),I=f.useMemo(()=>({path:c,canGoBack:c.length>0,push:w=>{N.current[c.length+1]=typeof document>"u"?null:document.activeElement,b([...c,w])},pop:()=>{c.length>0&&b(c.slice(0,-1))},popTo:w=>{w<c.length&&b(c.slice(0,Math.max(0,w)))},titles:C,openers:N,setTitle:(w,S)=>{C.current[w]!==S&&(C.current[w]=S,k(U=>U+1))},direction:h,inPane:l}),[c,b,R,h,l]),E=f.useRef(c.length);f.useEffect(()=>{let w=E.current;if(E.current=c.length,c.length<w){let S=N.current[w];N.current.length=c.length+1,S&&S.isConnected&&S.focus()}},[c.length]);let _=[n,...c.map(w=>r(w))],K=_.length-1,B=f.createElement("div",{className:(0,je.default)("kui-Navigator",a),style:p},_.map((w,S)=>f.createElement(Ea,{key:S===0?"root":`${S}:${String(c[S-1])}`,visible:S===K},f.createElement(yn.Provider,{value:S},f.createElement("div",{className:"kui-NavigatorLevel"},w)))));return f.createElement(Pn.Provider,{value:I},f.createElement(gn.Provider,{value:B},s??(l?f.createElement(Ia,null):B)))}function Ia(){return f.createElement(f.Fragment,null,f.createElement(Vt,null,f.createElement(zo,null,f.createElement(ue,{align:"center"},f.createElement(Rn,null),f.createElement(Dn,null)))),f.createElement(Ht,null,f.createElement(hn,null)))}function hn(){return f.createElement(f.Fragment,null,f.useContext(gn))}function _e(){let e=f.useContext(Pn);if(!e)throw new Error("Kookie: this part must be inside a <Navigator>.");return e}function La(){return _e()}function vn(){return f.createElement("svg",{className:"kui-NavigatorBackGlyph",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},f.createElement("path",{d:"m15 18-6-6 6-6",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"}))}function za(){return f.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},f.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 Rn(e){let t=_e();return t.canGoBack?f.createElement(Pe,{iconOnly:!0,"aria-label":e["aria-label"]??bn(t,t.path.length),onClick:t.pop},f.createElement(vn,null)):null}function Dn(){let e=_e();return f.createElement(We,null,e.titles.current[e.path.length])}function Oa({title:e,children:t,className:o}){let r=_e(),n=f.useContext(yn),s=f.useContext(Tt),a=f.useRef(null);if(f.useEffect(()=>{r.setTitle(n,e)},[r,n,e]),f.useEffect(()=>{if(n===0||r.direction!=="push")return;let l=a.current?.querySelector(".kui-NavigatorBar .kui-ToolbarTitle")??a.current;l&&(l.tabIndex=-1,l.focus({preventScroll:!0}))},[]),r.inPane)return f.createElement("div",{ref:a,className:(0,je.default)("kui-NavigatorScreen",o)},t);let p=f.createElement(Gt,{as:"h2",size:"4",weight:"medium",truncate:!0},e);return f.createElement("div",{ref:a,className:(0,je.default)("kui-NavigatorScreen",o)},f.createElement("div",{className:"kui-NavigatorBar"},f.createElement(zo,{"aria-label":"Navigation"},r.canGoBack&&n>0?f.createElement(Pe,{iconOnly:!0,"aria-label":bn(r,n),onClick:r.pop},f.createElement(vn,null)):null,f.createElement(We,{className:"kui-NavigatorBarTitle"},s?f.createElement(s.Title,null,p):p),s?f.createElement(s.Close,null,f.createElement(Pe,{iconOnly:!0,"aria-label":"Close"},f.createElement(za,null))):null)),f.createElement("div",{className:"kui-NavigatorBody"},t))}function Va({value:e,className:t,children:o,...r}){let n=_e();return f.createElement("button",{type:"button",...r,className:(0,je.default)("kui-reset","kui-NavigatorLink",t),onClick:()=>n.push(e)},f.createElement("span",{className:"kui-NavigatorLinkLabel"},o),f.createElement("svg",{className:"kui-NavigatorLinkGlyph",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},f.createElement("path",{d:"m9 18 6-6-6-6",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"})))}
|
|
3
|
+
//# sourceMappingURL=navigator.js.map
|