@womp/kookie-ui 0.3.22

package/dist/cjs/components/_internal/shell-handles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/_internal/shell-handles.tsx", "../../../../src/components/_internal/shell-resize.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { usePaneResize } from './shell-resize.js';\n\nexport const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(({ className, children, ...props }, ref) => {\n  const {\n    containerRef,\n    cssVarName,\n    minSize,\n    maxSize,\n    defaultSize,\n    orientation,\n    edge,\n    computeNext,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    collapsible,\n    target,\n    requestCollapse,\n    requestToggle,\n  } = usePaneResize();\n\n  const activeCleanupRef = React.useRef<(() => void) | null>(null);\n  React.useEffect(\n    () => () => {\n      try {\n        activeCleanupRef.current?.();\n      } catch {}\n      activeCleanupRef.current = null;\n    },\n    [],\n  );\n\n  const ariaOrientation = orientation;\n\n  // Generate accessible label from target\n  const targetLabel = target.charAt(0).toUpperCase() + target.slice(1);\n  const ariaLabel = `Resize ${targetLabel} pane`;\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-ShellResizer', className)}\n      data-orientation={orientation}\n      data-edge={edge}\n      role=\"slider\"\n      aria-label={ariaLabel}\n      aria-orientation={ariaOrientation}\n      aria-valuemin={minSize}\n      aria-valuemax={maxSize}\n      aria-valuenow={defaultSize}\n      tabIndex={0}\n      onPointerDown={(e) => {\n        if (!containerRef.current) return;\n        e.preventDefault();\n        const container = containerRef.current;\n        const handleEl = e.currentTarget as HTMLElement;\n        const pointerId = e.pointerId;\n        try {\n          activeCleanupRef.current?.();\n        } catch {}\n        container.setAttribute('data-resizing', '');\n        try {\n          handleEl.setPointerCapture(pointerId);\n        } catch {}\n        const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n        const startSize = parseFloat(getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`);\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n        const body = document.body;\n        const prevCursor = body.style.cursor;\n        const prevUserSelect = body.style.userSelect;\n        body.style.cursor = orientation === 'vertical' ? 'col-resize' : 'row-resize';\n        body.style.userSelect = 'none';\n        onResizeStart?.(startSize);\n        const handleMove = (ev: PointerEvent) => {\n          const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n          const next = clamp(computeNext(client, startClient, startSize));\n          container.style.setProperty(cssVarName, `${next}px`);\n          handleEl.setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n        };\n        const cleanup = () => {\n          try {\n            handleEl.releasePointerCapture(pointerId);\n          } catch {}\n          window.removeEventListener('pointermove', handleMove as EventListener);\n          document.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('mousemove', handleMove as EventListener);\n          document.removeEventListener('mousemove', handleMove as EventListener);\n          handleEl.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('pointerup', handleUp as EventListener);\n          document.removeEventListener('pointerup', handleUp as EventListener);\n          window.removeEventListener('mouseup', handleUp as EventListener);\n          document.removeEventListener('mouseup', handleUp as EventListener);\n          window.removeEventListener('pointercancel', handleUp as EventListener);\n          document.removeEventListener('pointercancel', handleUp as EventListener);\n          window.removeEventListener('keydown', handleKey as EventListener);\n          handleEl.removeEventListener('lostpointercapture', handleUp as EventListener);\n          container.removeAttribute('data-resizing');\n          body.style.cursor = prevCursor;\n          body.style.userSelect = prevUserSelect;\n          activeCleanupRef.current = null;\n        };\n        const handleUp = () => {\n          const finalSize = parseFloat(getComputedStyle(container).getPropertyValue(cssVarName) || `${defaultSize}`);\n          let snapped = finalSize;\n          if (snapPoints && snapPoints.length) {\n            const nearest = snapPoints.reduce((acc, p) => (Math.abs(p - finalSize) < Math.abs(acc - finalSize) ? p : acc), snapPoints[0]);\n            if (Math.abs(nearest - finalSize) <= (snapTolerance ?? 8)) {\n              snapped = nearest;\n              container.style.setProperty(cssVarName, `${snapped}px`);\n              handleEl.setAttribute('aria-valuenow', String(snapped));\n              onResize?.(snapped);\n            }\n          }\n          if (collapsible && typeof collapseThreshold === 'number' && finalSize <= collapseThreshold) {\n            requestCollapse?.();\n          }\n          onResizeEnd?.(snapped);\n          cleanup();\n        };\n        const handleKey = (kev: KeyboardEvent) => {\n          if (kev.key === 'Escape') {\n            container.style.setProperty(cssVarName, `${startSize}px`);\n            handleEl.setAttribute('aria-valuenow', String(startSize));\n            onResizeEnd?.(startSize);\n            cleanup();\n          }\n        };\n        window.addEventListener('pointermove', handleMove as EventListener);\n        document.addEventListener('pointermove', handleMove as EventListener);\n        // Fallbacks for environments that don't fully support PointerEvent on window\n        window.addEventListener('mousemove', handleMove as EventListener);\n        document.addEventListener('mousemove', handleMove as EventListener);\n        handleEl.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('pointerup', handleUp as EventListener);\n        document.addEventListener('pointerup', handleUp as EventListener);\n        window.addEventListener('mouseup', handleUp as EventListener);\n        document.addEventListener('mouseup', handleUp as EventListener);\n        window.addEventListener('pointercancel', handleUp as EventListener);\n        document.addEventListener('pointercancel', handleUp as EventListener);\n        window.addEventListener('keydown', handleKey as EventListener);\n        handleEl.addEventListener('lostpointercapture', handleUp as EventListener);\n        activeCleanupRef.current = cleanup;\n      }}\n      onDoubleClick={() => {\n        if (collapsible) requestToggle?.();\n      }}\n      onKeyDown={(e) => {\n        if (!containerRef.current) return;\n        const container = containerRef.current;\n        const rawCurrent = getComputedStyle(container).getPropertyValue(cssVarName);\n        const parsedCurrent = Number.parseFloat(rawCurrent.trim());\n        const current = Number.isFinite(parsedCurrent) ? parsedCurrent : defaultSize;\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), maxSize);\n        const step = e.shiftKey ? 32 : 8;\n        let delta = 0;\n        if (orientation === 'vertical') {\n          const docDir = typeof document !== 'undefined' ? document.dir : undefined;\n          const cssDir = getComputedStyle(container).direction;\n          const hasRtlAncestor = !!(container.closest && container.closest('[dir=\"rtl\"]'));\n          const isRtl = docDir === 'rtl' || cssDir === 'rtl' || hasRtlAncestor;\n          if (e.key === 'ArrowRight')\n            delta = isRtl ? -step : step; // inline-end\n          else if (e.key === 'ArrowLeft') delta = isRtl ? step : -step; // inline-start\n        } else {\n          if (e.key === 'ArrowDown') delta = step;\n          else if (e.key === 'ArrowUp') delta = -step;\n        }\n        if (e.key === 'Home') {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const next = clamp(minSize);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n          return;\n        }\n        if (e.key === 'End') {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const next = clamp(maxSize);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n          return;\n        }\n        if (delta !== 0) {\n          e.preventDefault();\n          onResizeStart?.(current);\n          const signedDelta = orientation === 'vertical' ? (edge === 'start' ? -delta : delta) : delta;\n          const next = clamp(current + signedDelta);\n          container.style.setProperty(cssVarName, `${next}px`);\n          (e.currentTarget as HTMLElement).setAttribute('aria-valuenow', String(next));\n          onResize?.(next);\n          onResizeEnd?.(next);\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n});\nPaneHandle.displayName = 'Shell.Handle';\n\nexport const PanelHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nPanelHandle.displayName = 'Shell.Panel.Handle';\n\nexport const SidebarHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nSidebarHandle.displayName = 'Shell.Sidebar.Handle';\n\nexport const InspectorHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nInspectorHandle.displayName = 'Shell.Inspector.Handle';\n\nexport const BottomHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nBottomHandle.displayName = 'Shell.Bottom.Handle';\n", "import * as React from 'react';\n\nexport interface PaneResizeContextValue {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  cssVarName: string;\n  minSize: number;\n  maxSize: number;\n  defaultSize: number;\n  orientation: 'vertical' | 'horizontal';\n  edge: 'start' | 'end';\n  computeNext: (clientPos: number, startClientPos: number, startSize: number) => number;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  target: 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n  collapsible: boolean;\n  snapPoints?: number[];\n  snapTolerance: number;\n  collapseThreshold?: number;\n  requestCollapse?: () => void;\n  requestToggle?: () => void;\n}\n\nexport const PaneResizeContext = React.createContext<PaneResizeContextValue | null>(null);\n\nexport function usePaneResize() {\n  const ctx = React.useContext(PaneResizeContext);\n  if (!ctx) throw new Error('Shell.Handle must be used within a resizable pane');\n  return ctx;\n}\n"],
+  "mappings": "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",
+  "names": ["shell_handles_exports", "__export", "BottomHandle", "InspectorHandle", "PaneHandle", "PanelHandle", "SidebarHandle", "__toCommonJS", "React", "import_classnames", "React", "PaneResizeContext", "usePaneResize", "ctx", "PaneHandle", "className", "children", "props", "ref", "containerRef", "cssVarName", "minSize", "maxSize", "defaultSize", "orientation", "edge", "computeNext", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "collapsible", "target", "requestCollapse", "requestToggle", "usePaneResize", "activeCleanupRef", "ariaOrientation", "ariaLabel", "classNames", "e", "container", "handleEl", "pointerId", "startClient", "startSize", "clamp", "v", "body", "prevCursor", "prevUserSelect", "handleMove", "ev", "client", "next", "cleanup", "handleUp", "handleKey", "finalSize", "snapped", "nearest", "acc", "p", "kev", "rawCurrent", "parsedCurrent", "current", "step", "delta", "docDir", "cssDir", "hasRtlAncestor", "isRtl", "signedDelta", "PanelHandle", "SidebarHandle", "InspectorHandle", "BottomHandle"]
+}

package/dist/cjs/components/_internal/shell-inspector.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { InspectorHandle } from './shell-handles.js';
+import type { Breakpoint, PaneBaseProps } from '../shell.types.js';
+type InspectorOpenChangeMeta = {
+    reason: 'init' | 'toggle' | 'responsive';
+};
+type InspectorControlledProps = {
+    open: boolean | Partial<Record<Breakpoint, boolean>>;
+    onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void;
+    defaultOpen?: never;
+};
+type InspectorUncontrolledProps = {
+    defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>;
+    onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void;
+    open?: never;
+};
+type InspectorSizeChangeMeta = {
+    reason: 'init' | 'resize' | 'controlled';
+};
+type InspectorSizeControlledProps = {
+    size: number | string;
+    defaultSize?: never;
+};
+type InspectorSizeUncontrolledProps = {
+    defaultSize?: number | string;
+    size?: never;
+};
+type InspectorPublicProps = PaneBaseProps & (InspectorControlledProps | InspectorUncontrolledProps) & (InspectorSizeControlledProps | InspectorSizeUncontrolledProps) & {
+    onSizeChange?: (size: number, meta: InspectorSizeChangeMeta) => void;
+    sizeUpdate?: 'throttle' | 'debounce';
+    sizeUpdateMs?: number;
+    /** When true, adds margin and triggers gray backdrop on Shell. */
+    inset?: boolean;
+};
+type InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & {
+    Handle: typeof InspectorHandle;
+};
+export declare const Inspector: InspectorComponent;
+export {};
+//# sourceMappingURL=shell-inspector.d.ts.map

package/dist/cjs/components/_internal/shell-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-inspector.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-inspector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAiC,aAAa,EAAyB,MAAM,mBAAmB,CAAC;AAIzH,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,wBAAwB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrL,KAAK,0BAA0B,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACxL,KAAK,uBAAuB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AAC5E,KAAK,4BAA4B,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,8BAA8B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACtF,KAAK,oBAAoB,GAAG,aAAa,GACvC,CAAC,wBAAwB,GAAG,0BAA0B,CAAC,GACvD,CAAC,4BAA4B,GAAG,8BAA8B,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,KAAK,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,eAAe,CAAA;CAAE,CAAC;AAiB3J,eAAO,MAAM,SAAS,EAsXhB,kBAAkB,CAAC"}

package/dist/cjs/components/_internal/shell-inspector.js

@@ -0,0 +1,2 @@
+"use strict";var Jt=Object.create;var Ce=Object.defineProperty;var Qt=Object.getOwnPropertyDescriptor;var Zt=Object.getOwnPropertyNames;var eo=Object.getPrototypeOf,to=Object.prototype.hasOwnProperty;var oo=(e,t)=>{for(var o in t)Ce(e,o,{get:t[o],enumerable:!0})},ft=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Zt(t))!to.call(e,r)&&r!==o&&Ce(e,r,{get:()=>t[r],enumerable:!(p=Qt(t,r))||p.enumerable});return e};var L=(e,t,o)=>(o=e!=null?Jt(eo(e)):{},ft(t||!e||!e.__esModule?Ce(o,"default",{value:e,enumerable:!0}):o,e)),no=e=>ft(Ce({},"__esModule",{value:!0}),e);var Ko={};oo(Ko,{Inspector:()=>st});module.exports=no(Ko);var c=L(require("react")),Ut=L(require("classnames"));var y=L(require("react")),Nt=L(require("classnames")),te=require("radix-ui");var ne={asChild:{type:"boolean"}};var Te={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var Pt={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var ro=["1","2","3","4"],so=["solid","translucent"],ao=["solid","translucent"],yt={...ne,align:{type:"enum",className:"rt-r-align",values:["start","center"],default:"center"},size:{type:"enum",className:"rt-r-size",values:ro,default:"3",responsive:!0},panelBackground:{type:"enum",values:so,default:void 0},material:{type:"enum",values:ao,default:void 0},width:Te.width,minWidth:Te.minWidth,maxWidth:{...Te.maxWidth,default:"600px"},...Pt};var u=L(require("react")),Rt=L(require("classnames")),ue=require("radix-ui");function gt(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 je=["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"],ht=["auto","gray","mauve","slate","sage","olive","sand"],Se={color:{type:"enum",values:je,default:void 0}};var vt=["none","small","medium","large","full"];var io=["inherit","light","dark"],po=["solid","translucent"],lo=["solid","translucent"],co=["90%","95%","100%","105%","110%"],uo=["sans","mono","serif"],f={...ne,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:io,default:"inherit"},accentColor:{type:"enum",values:je,default:"blue"},grayColor:{type:"enum",values:ht,default:"slate"},material:{type:"enum",values:lo,default:"translucent"},panelBackground:{type:"enum",values:po,default:"translucent"},radius:{type:"enum",values:vt,default:"medium"},scaling:{type:"enum",values:co,default:"100%"},fontFamily:{type:"enum",values:uo,default:"sans"}};var H=()=>{},ln={appearance:f.appearance.default,accentColor:f.accentColor.default,grayColor:f.grayColor.default,resolvedGrayColor:f.grayColor.default,material:f.material.default,panelBackground:f.panelBackground.default,radius:f.radius.default,scaling:f.scaling.default,fontFamily:f.fontFamily.default,onAppearanceChange:H,onAccentColorChange:H,onGrayColorChange:H,onMaterialChange:H,onPanelBackgroundChange:H,onRadiusChange:H,onScalingChange:H,onFontFamilyChange:H},We=u.createContext(void 0);var Fe=u.forwardRef((e,t)=>u.useContext(We)===void 0?u.createElement(ue.Tooltip.Provider,{delayDuration:200},u.createElement(ue.Direction.Provider,{dir:"ltr"},u.createElement(bt,{...e,ref:t}))):u.createElement(Ge,{...e,ref:t}));Fe.displayName="Theme";var bt=u.forwardRef((e,t)=>{let{appearance:o=f.appearance.default,accentColor:p=f.accentColor.default,grayColor:r=f.grayColor.default,material:s=f.material.default,panelBackground:l=f.panelBackground.default,radius:a=f.radius.default,scaling:n=f.scaling.default,fontFamily:d=f.fontFamily.default,hasBackground:h=f.hasBackground.default,...g}=e;u.useEffect(()=>{e.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[e.panelBackground]);let[b,D]=u.useState(o);u.useEffect(()=>D(o),[o]);let[C,E]=u.useState(p);u.useEffect(()=>E(p),[p]);let[_,A]=u.useState(r);u.useEffect(()=>A(r),[r]);let B=s!==f.material.default?s:l,[j,K]=u.useState(B);u.useEffect(()=>K(B),[B]);let[q,W]=u.useState(l);u.useEffect(()=>W(j),[j]);let[J,$]=u.useState(a);u.useEffect(()=>$(a),[a]);let[w,m]=u.useState(n);u.useEffect(()=>m(n),[n]);let[P,v]=u.useState(d);return u.useEffect(()=>v(d),[d]),u.createElement(Ge,{...g,ref:t,isRoot:!0,hasBackground:h,appearance:b,accentColor:C,grayColor:_,material:j,panelBackground:q,radius:J,scaling:w,fontFamily:P,onAppearanceChange:D,onAccentColorChange:E,onGrayColorChange:A,onMaterialChange:K,onPanelBackgroundChange:W,onRadiusChange:$,onScalingChange:m,onFontFamilyChange:v})});bt.displayName="ThemeRoot";function mo(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var Ge=u.forwardRef((e,t)=>{let o=u.useContext(We),{asChild:p,isRoot:r,hasBackground:s,appearance:l=e.appearance??o?.appearance??f.appearance.default,accentColor:a=e.accentColor??o?.accentColor??f.accentColor.default,grayColor:n=e.grayColor??o?.resolvedGrayColor??f.grayColor.default,material:d=e.material??o?.material??f.material.default,panelBackground:h=e.panelBackground??o?.panelBackground??f.panelBackground.default,radius:g=e.radius??o?.radius??f.radius.default,scaling:b=e.scaling??o?.scaling??f.scaling.default,fontFamily:D=e.fontFamily??o?.fontFamily??f.fontFamily.default,onAppearanceChange:C=H,onAccentColorChange:E=H,onGrayColorChange:_=H,onMaterialChange:A=H,onPanelBackgroundChange:B=H,onRadiusChange:j=H,onScalingChange:K=H,onFontFamilyChange:q=H,...W}=e,J=p?ue.Slot.Root:"div",$=n==="auto"?gt(a):n,w=e.appearance==="light"||e.appearance==="dark",m=s===void 0?r||w:s,[P,v]=u.useState(void 0);return u.useEffect(()=>{r&&v(mo())},[r]),u.createElement(We.Provider,{value:u.useMemo(()=>({appearance:l,accentColor:a,grayColor:n,resolvedGrayColor:$,material:d,panelBackground:h,radius:g,scaling:b,fontFamily:D,onAppearanceChange:C,onAccentColorChange:E,onGrayColorChange:_,onMaterialChange:A,onPanelBackgroundChange:B,onRadiusChange:j,onScalingChange:K,onFontFamilyChange:q}),[l,a,n,$,d,h,g,b,D,C,E,_,A,B,j,K,q])},u.createElement(J,{"data-is-root-theme":r?"true":"false","data-accent-color":a,"data-gray-color":$,"data-has-background":m?"true":"false","data-material":d,"data-panel-background":h,"data-radius":g,"data-scaling":b,"data-font-family":D,"data-os":r?P:void 0,ref:t,...W,className:(0,Rt.default)("radix-themes",{light:l==="light",dark:l==="dark"},W.className)}))});Ge.displayName="ThemeImpl";var le=L(require("react")),St=require("radix-ui");var De={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var fo=["normal","start","end","both"],Ee={trim:{type:"enum",className:"rt-r-lt",values:fo,responsive:!0}};var Po=["left","center","right"],we={align:{type:"enum",className:"rt-r-ta",values:Po,responsive:!0}};var yo=["wrap","nowrap","pretty","balance"],Me={wrap:{type:"enum",className:"rt-r-tw",values:yo,responsive:!0}};var ke={truncate:{type:"boolean",className:"rt-truncate"}};var go=["sans","mono","serif"],Ne={font:{type:"enum",className:"rt-r-ff",values:go}};var ho=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],ze={weight:{type:"enum",className:"rt-r-weight",values:ho,responsive:!0}};var vo=["h1","h2","h3","h4","h5","h6"],Ro=["0","1","2","3","4","5","6","7","8","9","10","11","12"],xt={as:{type:"enum",values:vo,default:"h1"},...ne,size:{type:"enum",className:"rt-r-size",values:Ro,default:"6",responsive:!0},...Ne,...ze,...we,...Ee,...ke,...Me,...Se,...De};var ye=L(require("classnames"));var bo=["initial","xs","sm","md","lg","xl"],Ke=new Set(bo);function $e(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var xo=new Set(["initial","xs","sm","md","lg","xl"]);function ae(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(xo.has(t))return!0;return!1}function Tt({className:e,customProperties:t,...o}){let p=Ue({allowArbitraryValues:!0,className:e,...o}),r=Co({customProperties:t,...o});return[p,r]}function Ue({allowArbitraryValues:e,value:t,className:o,propValues:p,parseValue:r=s=>s}){let s=[];if(t){if(typeof t=="string"&&p.includes(t))return Ct(o,t,r);if(ae(t)){let l=t;for(let a in l){if(!$e(l,a)||!Ke.has(a))continue;let n=l[a];if(n!==void 0){if(p.includes(n)){let d=Ct(o,n,r),h=a==="initial"?d:`${a}:${d}`;s.push(h)}else if(e){let d=a==="initial"?o:`${a}:${o}`;s.push(d)}}}return s.join(" ")}if(e)return o}}function Ct(e,t,o){let p=e?"-":"",r=o(t),s=r?.startsWith("-"),l=s?"-":"",a=s?r?.substring(1):r;return`${l}${e}${p}${a}`}function Co({customProperties:e,value:t,propValues:o,parseValue:p=r=>r}){let r={};if(!(!t||typeof t=="string"&&o.includes(t))){if(typeof t=="string"&&(r=Object.fromEntries(e.map(s=>[s,t]))),ae(t)){let s=t;for(let l in s){if(!$e(s,l)||!Ke.has(l))continue;let a=s[l];if(!o.includes(a))for(let n of e){let d=l==="initial"?n:`${n}-${l}`;r[d]=a}}}for(let s in r){let l=r[s];l!==void 0&&(r[s]=p(l))}return r}}function _e(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function To(...e){return Object.assign({},...e)}function ie(e,...t){let o,p,r={...e},s=To(...t);for(let l in s){let a=r[l],n=s[l];if(n.default!==void 0&&a===void 0&&(a=n.default),n.type==="enum"&&![n.default,...n.values].includes(a)&&!ae(a)&&(a=n.default),r[l]=a,"className"in n&&n.className){delete r[l];let d="responsive"in n;if(!a||ae(a)&&!d)continue;if(ae(a)&&(n.default!==void 0&&a.initial===void 0&&(a.initial=n.default),n.type==="enum"&&([n.default,...n.values].includes(a.initial)||(a.initial=n.default))),n.type==="enum"){let h=Ue({allowArbitraryValues:!1,value:a,className:n.className,propValues:n.values,parseValue:n.parseValue});o=(0,ye.default)(o,h);continue}if(n.type==="string"||n.type==="enum | string"){let h=n.type==="string"?[]:n.values,[g,b]=Tt({className:n.className,customProperties:n.customProperties,propValues:h,parseValue:n.parseValue,value:a});p=_e(p,b),o=(0,ye.default)(o,g);continue}if(n.type==="boolean"&&a){o=(0,ye.default)(o,n.className);continue}}}return r.className=(0,ye.default)(o,e.className),r.style=_e(p,e.style),r}var pe=["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"],Ie={m:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var So={...xt,...Ie},qe=le.memo(le.forwardRef((e,t)=>{let{children:o,className:p,asChild:r,as:s="h1",color:l,...a}=ie(e,So),n=p?`rt-Heading ${p}`:"rt-Heading";return r?le.createElement(St.Slot.Root,{"data-accent-color":l,...a,ref:t,className:n},o):le.createElement(s,{"data-accent-color":l,...a,ref:t,className:n},o)}));qe.displayName="Heading";var ce=L(require("react")),Et=require("radix-ui");var Do=["span","div","label","p"],Eo=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Dt={as:{type:"enum",values:Do,default:"span"},...ne,size:{type:"enum",className:"rt-r-size",values:Eo,responsive:!0},...Ne,...ze,...we,...Ee,...ke,...Me,...Se,...De};var wo={...Dt,...Ie},Ye=ce.memo(ce.forwardRef((e,t)=>{let{children:o,className:p,asChild:r,as:s="span",color:l,...a}=ie(e,wo),n=p?`rt-Text ${p}`:"rt-Text";return r?ce.createElement(Et.Slot.Root,{"data-accent-color":l,...a,ref:t,className:n},o):ce.createElement(s,{"data-accent-color":l,...a,ref:t,className:n},o)}));Ye.displayName="Text";var Be=L(require("react")),Xe=e=>{if(!Be.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${Be.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var Mt=L(require("react")),wt=!1;function kt(){Mt.useEffect(()=>{if(typeof document>"u"||wt)return;wt=!0;let e=()=>{let n=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),d=!!document.querySelector('[data-radix-popper-content-wrapper], [data-state="open"]');return n||d},t=()=>{document.body.style.pointerEvents==="none"&&(console.log("[KookieUI] Force cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="",document.body.removeAttribute("data-scroll-locked"),document.body.removeAttribute("data-remove-scroll"),document.body.classList.remove("ReactModal__Body--open"))},o=()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Safe cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},p=n=>{let d=n.target;d&&!d.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&setTimeout(t,100)},r=n=>{n.key==="Escape"&&setTimeout(t,200)},s=()=>{setTimeout(o,50)};document.addEventListener("click",p,!0),document.addEventListener("keydown",r,!0),document.addEventListener("pointerup",s,!0),document.addEventListener("transitionend",s,!0),document.addEventListener("animationend",s,!0),new MutationObserver(()=>{setTimeout(o,0)}).observe(document.body,{childList:!0,subtree:!0,attributes:!0});let a=setInterval(()=>{document.body.style.pointerEvents==="none"&&!e()&&(console.log("[KookieUI] Periodic cleanup of stuck pointer-events"),document.body.style.pointerEvents="")},1e3);return setTimeout(o,100),()=>{clearInterval(a)}},[])}var Je=e=>y.createElement(te.Dialog.Root,{...e,modal:!0});Je.displayName="Sheet.Root";var Mo=y.forwardRef(({children:e,...t},o)=>y.createElement(te.Dialog.Trigger,{...t,ref:o,asChild:!0},Xe(e)));Mo.displayName="Sheet.Trigger";var Qe=y.forwardRef((e,t)=>{let{side:o="start",forceMount:p,container:r,className:s,panelBackground:l,material:a,...n}=e,h={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[o],{align:g,panelBackground:b,material:D,...C}=yt,{panelBackground:E,material:_}=ie({panelBackground:l,material:a},{panelBackground:b,material:D}),A=y.useMemo(()=>_??E,[_,E]),{default:B,...j}=C.maxWidth,K={...C,maxWidth:j},{className:q,...W}=ie(n,K),J=y.useRef(null),$=y.useMemo(()=>w=>{J.current=w,typeof t=="function"?t(w):t&&(t.current=w)},[t]);return kt(),y.useEffect(()=>{if(typeof window>"u")return;let w=J.current;if(!w)return;let m=w.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(m.length===0)return;let P=m[0],v=m[m.length-1],Y=U=>{U.key==="Tab"&&(U.shiftKey?document.activeElement===P&&(U.preventDefault(),v.focus()):document.activeElement===v&&(U.preventDefault(),P.focus()))};return w.addEventListener("keydown",Y),P.focus(),()=>{w.removeEventListener("keydown",Y)}},[]),y.createElement(te.Dialog.Portal,{container:r,forceMount:p},y.createElement(Fe,{asChild:!0},y.createElement(te.Dialog.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},y.createElement(te.Dialog.Content,{...W,ref:$,className:(0,Nt.default)("rt-BaseDialogContent","rt-SheetContent",s,q),"data-side":h,"data-material":A,"data-panel-background":A,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});Qe.displayName="Sheet.Content";var Ze=y.forwardRef(({size:e="4",weight:t="medium",...o},p)=>y.createElement(te.Dialog.Title,{asChild:!0},y.createElement(qe,{ref:p,size:e,weight:t,...o})));Ze.displayName="Sheet.Title";var ko=y.forwardRef(({size:e="2",color:t="gray",...o},p)=>y.createElement(te.Dialog.Description,{asChild:!0},y.createElement(Ye,{ref:p,size:e,color:t,...o})));ko.displayName="Sheet.Description";var No=y.forwardRef(({children:e,...t},o)=>y.createElement(te.Dialog.Close,{...t,ref:o,asChild:!0},Xe(e)));No.displayName="Sheet.Close";var et=require("radix-ui"),zt=et.VisuallyHidden.Root,fr=et.VisuallyHidden.Root;var S=L(require("react")),Io=S.createContext(null);function tt(){let e=S.useContext(Io);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}var yr=S.createContext(null);var gr=S.createContext(null);var hr=S.createContext(null);var Bo=S.createContext(null);function It(){let e=S.useContext(Bo);if(!e)throw new Error("useInspectorMode must be used within Shell.Root");return e}var vr=S.createContext(null);var Lo=S.createContext(null);function Bt(){let e=S.useContext(Lo);if(!e)throw new Error("usePresentation must be used within Shell.Root");return e}var Ho=S.createContext(null);function Lt(){let e=S.useContext(Ho);if(!e)throw new Error("usePeek must be used within Shell.Root");return e}var Oo=S.createContext(null);function Ht(){let e=S.useContext(Oo);if(!e)throw new Error("useShellActions must be used within Shell.Root");return e}var Rr=S.createContext(null);var Vo=S.createContext(null);function Ot(){let e=S.useContext(Vo);if(!e)throw new Error("useInset must be used within Shell.Root");return e}var O=L(require("react"));var ot={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};function At(e){let{currentBreakpoint:t}=tt();return O.useMemo(()=>{if(typeof e=="string")return e;if(e[t])return e[t];let p=[...Object.keys(ot)].reverse().concat("initial"),r=p.indexOf(t);for(let s=r+1;s<p.length;s++){let l=p[s];if(e[l])return e[l]}return"fixed"},[e,t])}function Vt(e){let{currentBreakpoint:t}=tt();return O.useMemo(()=>{if(e==null)return;if(typeof e!="object")return e;let o=e;if(o[t]!==void 0)return o[t];let r=[...Object.keys(ot)].reverse().concat("initial"),s=r.indexOf(t);for(let l=s+1;l<r.length;l++){let a=r[l];if(o[a]!==void 0)return o[a]}},[e,t])}function jt({controlledValue:e,defaultValue:t,currentValue:o,setValue:p,breakpointReady:r,onInit:s,onResponsiveChange:l,controlledIsResponsive:a=!1}){let n=Vt(e),d=Vt(t),h=O.useRef(void 0),g=O.useRef(null),b=O.useRef(n),D=O.useRef(o),C=O.useRef(p);O.useLayoutEffect(()=>{b.current=n,D.current=o,C.current=p}),O.useEffect(()=>{if(n===void 0)return;let A=h.current!==n;if(h.current=n,o===n){g.current&&(clearTimeout(g.current),g.current=null),a&&l?.(n);return}if(A){g.current&&(clearTimeout(g.current),g.current=null),p(n),a&&l?.(n);return}g.current||(g.current=setTimeout(()=>{g.current=null;let B=b.current,j=D.current;B!==void 0&&j!==B&&C.current(B)},0))},[n,o,p,l,a]),O.useEffect(()=>()=>{g.current&&(clearTimeout(g.current),g.current=null)},[]);let E=O.useRef(!1);return O.useEffect(()=>{E.current||r&&(typeof e<"u"||d!==void 0&&(E.current=!0,o!==d&&p(d),s?.(d)))},[r,e,d,o,p,s]),{resolvedControlled:n,resolvedDefault:d}}var Le=L(require("react")),nt=Le.createContext(null);function Wt(){let e=Le.useContext(nt);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var V=L(require("react")),Ft=L(require("classnames"));var de=V.forwardRef(({className:e,children:t,...o},p)=>{let{containerRef:r,cssVarName:s,minSize:l,maxSize:a,defaultSize:n,orientation:d,edge:h,computeNext:g,onResize:b,onResizeStart:D,onResizeEnd:C,snapPoints:E,snapTolerance:_,collapseThreshold:A,collapsible:B,target:j,requestCollapse:K,requestToggle:q}=Wt(),W=V.useRef(null);V.useEffect(()=>()=>{try{W.current?.()}catch{}W.current=null},[]);let J=d,w=`Resize ${j.charAt(0).toUpperCase()+j.slice(1)} pane`;return V.createElement("div",{...o,ref:p,className:(0,Ft.default)("rt-ShellResizer",e),"data-orientation":d,"data-edge":h,role:"slider","aria-label":w,"aria-orientation":J,"aria-valuemin":l,"aria-valuemax":a,"aria-valuenow":n,tabIndex:0,onPointerDown:m=>{if(!r.current)return;m.preventDefault();let P=r.current,v=m.currentTarget,Y=m.pointerId;try{W.current?.()}catch{}P.setAttribute("data-resizing","");try{v.setPointerCapture(Y)}catch{}let U=d==="vertical"?m.clientX:m.clientY,T=parseFloat(getComputedStyle(P).getPropertyValue(s)||`${n}`),X=G=>Math.min(Math.max(G,l),a),x=document.body,M=x.style.cursor,Q=x.style.userSelect;x.style.cursor=d==="vertical"?"col-resize":"row-resize",x.style.userSelect="none",D?.(T);let F=G=>{let z=d==="vertical"?G.clientX:G.clientY,oe=X(g(z,U,T));P.style.setProperty(s,`${oe}px`),v.setAttribute("aria-valuenow",String(oe)),b?.(oe)},Z=()=>{try{v.releasePointerCapture(Y)}catch{}window.removeEventListener("pointermove",F),document.removeEventListener("pointermove",F),window.removeEventListener("mousemove",F),document.removeEventListener("mousemove",F),v.removeEventListener("pointermove",F),window.removeEventListener("pointerup",N),document.removeEventListener("pointerup",N),window.removeEventListener("mouseup",N),document.removeEventListener("mouseup",N),window.removeEventListener("pointercancel",N),document.removeEventListener("pointercancel",N),window.removeEventListener("keydown",re),v.removeEventListener("lostpointercapture",N),P.removeAttribute("data-resizing"),x.style.cursor=M,x.style.userSelect=Q,W.current=null},N=()=>{let G=parseFloat(getComputedStyle(P).getPropertyValue(s)||`${n}`),z=G;if(E&&E.length){let oe=E.reduce((me,fe)=>Math.abs(fe-G)<Math.abs(me-G)?fe:me,E[0]);Math.abs(oe-G)<=(_??8)&&(z=oe,P.style.setProperty(s,`${z}px`),v.setAttribute("aria-valuenow",String(z)),b?.(z))}B&&typeof A=="number"&&G<=A&&K?.(),C?.(z),Z()},re=G=>{G.key==="Escape"&&(P.style.setProperty(s,`${T}px`),v.setAttribute("aria-valuenow",String(T)),C?.(T),Z())};window.addEventListener("pointermove",F),document.addEventListener("pointermove",F),window.addEventListener("mousemove",F),document.addEventListener("mousemove",F),v.addEventListener("pointermove",F),window.addEventListener("pointerup",N),document.addEventListener("pointerup",N),window.addEventListener("mouseup",N),document.addEventListener("mouseup",N),window.addEventListener("pointercancel",N),document.addEventListener("pointercancel",N),window.addEventListener("keydown",re),v.addEventListener("lostpointercapture",N),W.current=Z},onDoubleClick:()=>{B&&q?.()},onKeyDown:m=>{if(!r.current)return;let P=r.current,v=getComputedStyle(P).getPropertyValue(s),Y=Number.parseFloat(v.trim()),U=Number.isFinite(Y)?Y:n,T=M=>Math.min(Math.max(M,l),a),X=m.shiftKey?32:8,x=0;if(d==="vertical"){let M=typeof document<"u"?document.dir:void 0,Q=getComputedStyle(P).direction,F=!!(P.closest&&P.closest('[dir="rtl"]')),Z=M==="rtl"||Q==="rtl"||F;m.key==="ArrowRight"?x=Z?-X:X:m.key==="ArrowLeft"&&(x=Z?X:-X)}else m.key==="ArrowDown"?x=X:m.key==="ArrowUp"&&(x=-X);if(m.key==="Home"){m.preventDefault(),D?.(U);let M=T(l);P.style.setProperty(s,`${M}px`),m.currentTarget.setAttribute("aria-valuenow",String(M)),b?.(M),C?.(M);return}if(m.key==="End"){m.preventDefault(),D?.(U);let M=T(a);P.style.setProperty(s,`${M}px`),m.currentTarget.setAttribute("aria-valuenow",String(M)),b?.(M),C?.(M);return}if(x!==0){m.preventDefault(),D?.(U);let M=d==="vertical"&&h==="start"?-x:x,Q=T(U+M);P.style.setProperty(s,`${Q}px`),m.currentTarget.setAttribute("aria-valuenow",String(Q)),b?.(Q),C?.(Q)}}},t)});de.displayName="Shell.Handle";var Ao=V.forwardRef((e,t)=>V.createElement(de,{...e,ref:t}));Ao.displayName="Shell.Panel.Handle";var jo=V.forwardRef((e,t)=>V.createElement(de,{...e,ref:t}));jo.displayName="Shell.Sidebar.Handle";var ge=V.forwardRef((e,t)=>V.createElement(de,{...e,ref:t}));ge.displayName="Shell.Inspector.Handle";var Wo=V.forwardRef((e,t)=>V.createElement(de,{...e,ref:t}));Wo.displayName="Shell.Bottom.Handle";function Fo(e,t){let o=new Set(t),p={};return Object.keys(e).forEach(r=>{o.has(r)||(p[r]=e[r])}),p}var Gt=["presentation","expandedSize","minSize","maxSize","resizable","collapsible","onExpand","onCollapse","onResize","resizer","onResizeStart","onResizeEnd","snapPoints","snapTolerance","collapseThreshold","paneId","persistence","inset"];function Kt(e,t){let o=t?[...Gt,...t]:[...Gt];return Fo(e,o)}function rt(e){if(e!=null){if(typeof e=="object"){let t={};return Object.entries(e).forEach(([o,p])=>{typeof p=="boolean"&&(t[o]=p?"expanded":"collapsed")}),t}return e?"expanded":"collapsed"}}function $t(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let o=String(e).trim();if(!o)return;if(o.endsWith("px"))return Number.parseFloat(o);if(o.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(o)*r}if(o.endsWith("%")){let r=Number.parseFloat(o),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*s}let p=Number.parseFloat(o);return Number.isFinite(p)?p:void 0}var Go=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],st=c.forwardRef((e,t)=>{let{className:o,presentation:p={initial:"overlay",lg:"fixed"},defaultOpen:r,open:s,onOpenChange:l,expandedSize:a=320,minSize:n=200,maxSize:d=500,resizable:h=!1,collapsible:g=!0,onExpand:b,onCollapse:D,onResize:C,onResizeStart:E,onResizeEnd:_,snapPoints:A,snapTolerance:B,collapseThreshold:j,paneId:K,persistence:q,children:W,style:J,onSizeChange:$,sizeUpdate:w,sizeUpdateMs:m=50,size:P,defaultSize:v,inset:Y}=e,U=Kt(e,Go),{inspectorMode:T,setInspectorMode:X}=It(),{currentBreakpointReady:x}=Bt(),{peekTarget:M}=Lt(),{togglePane:Q}=Ht(),{registerInset:F,unregisterInset:Z}=Ot();c.useLayoutEffect(()=>{if(Y)return F("inspector"),()=>Z("inspector")},[Y,F,Z]);let N=At(p),re=N==="overlay",G=N==="stacked",z=c.useRef(null),oe=c.useCallback(i=>{z.current=i,typeof t=="function"?t(i):t&&(t.current=i)},[t]),me=c.Children.toArray(W),fe=me.filter(i=>c.isValidElement(i)&&i.type===ge),at=me.filter(i=>!(c.isValidElement(i)&&i.type===ge)),he=c.useRef(l),He=c.useRef(s);c.useLayoutEffect(()=>{he.current=l,He.current=s});let _t=c.useMemo(()=>rt(s),[s]),qt=c.useMemo(()=>rt(r),[r]),Yt=typeof s=="object"&&s!==null,{resolvedControlled:Pe}=jt({controlledValue:_t,defaultValue:qt,currentValue:T,setValue:X,breakpointReady:x,controlledIsResponsive:Yt,onResponsiveChange:i=>he.current?.(i==="expanded",{reason:"responsive"}),onInit:i=>{typeof He.current>"u"&&he.current?.(i==="expanded",{reason:"init"})}}),se=c.useRef(null);c.useEffect(()=>()=>{se.current&&(clearTimeout(se.current),se.current=null)},[$,w,m]);let ve=c.useMemo(()=>{let i=$,k=w,I=m??50;if(!i)return()=>{};if(k==="debounce")return(R,ee)=>{se.current&&clearTimeout(se.current),se.current=setTimeout(()=>{i(R,ee),se.current=null},I)};if(k==="throttle"){let R=0;return(ee,ut)=>{let mt=Date.now();mt-R>=I&&(R=mt,i(ee,ut))}}return(R,ee)=>i(R,ee)},[$,w,m]),Re=c.useRef(null);c.useEffect(()=>{let i=typeof s<"u";if(Re.current===null){Re.current=i;return}Re.current!==i&&(console.warn("Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported."),Re.current=i)},[s]);let it=c.useRef(null),pt=c.useRef(void 0);c.useEffect(()=>{let i=it.current,I=pt.current!==Pe;if(i!==null&&i!==T){let R=T==="expanded";(!(typeof He.current<"u")||!I&&R!==(Pe===void 0?void 0:Pe==="expanded"))&&he.current?.(R,{reason:"toggle"})}it.current=T,pt.current=Pe},[T,Pe]);let lt=c.useRef(b),ct=c.useRef(D);c.useLayoutEffect(()=>{lt.current=b,ct.current=D});let be=c.useRef(null),dt=c.useRef(!1);c.useEffect(()=>{let i=T;if(!x){be.current=i;return}if(!dt.current){dt.current=!0,be.current=i;return}let k=be.current;k!==null&&k!==i&&(i==="expanded"?lt.current?.():i==="collapsed"&&ct.current?.(),be.current=i)},[T,x]);let Oe=T==="expanded",xe=c.useMemo(()=>{if(!K||q)return q;let i=`kookie-ui:shell:inspector:${K}`;return{load:()=>{if(!(typeof window>"u"))try{let I=window.localStorage.getItem(i);return I?Number(I):void 0}catch{return}},save:I=>{if(!(typeof window>"u"))try{window.localStorage.setItem(i,String(I))}catch{}}}},[K,q]);c.useEffect(()=>{let i=!0;if(!h||!xe?.load||re)return;let k=xe.load(),I=R=>{!i||typeof R!="number"||!z.current||(z.current.style.setProperty("--inspector-size",`${R}px`),C?.(R))};return k instanceof Promise?k.then(I).catch(R=>{}):I(k),()=>{i=!1}},[h,xe,C,re]);let Xt=h&&!re&&Oe?c.createElement(nt.Provider,{value:{containerRef:z,cssVarName:"--inspector-size",minSize:n,maxSize:d,defaultSize:a,orientation:"vertical",edge:"start",computeNext:(i,k,I)=>{let R=getComputedStyle(z.current).direction==="rtl",ee=i-k;return I+(R?ee:-ee)},onResize:C,onResizeStart:E,onResizeEnd:i=>{_?.(i),ve(i,{reason:"resize"}),xe?.save?.(i)},target:"inspector",collapsible:g,snapPoints:A,snapTolerance:B??8,collapseThreshold:j,requestCollapse:()=>X("collapsed"),requestToggle:()=>Q("inspector")}},fe.length>0?fe.map((i,k)=>c.cloneElement(i,{key:i.key??k})):c.createElement(de,null)):null,Ve=c.useCallback(i=>$t(i,"horizontal"),[]);c.useEffect(()=>{if(z.current&&typeof P>"u"&&typeof v<"u"){let i=Ve(v);if(typeof i=="number"&&Number.isFinite(i)){let R=Math.min((typeof d=="number"?d:void 0)??i,Math.max((typeof n=="number"?n:void 0)??i,i));z.current.style.setProperty("--inspector-size",`${R}px`),ve(R,{reason:"init"})}}},[]);let Ae=P;return c.useEffect(()=>{if(!z.current||typeof Ae>"u")return;let i=Ve(Ae);if(typeof i=="number"&&Number.isFinite(i)){let R=Math.min((typeof d=="number"?d:void 0)??i,Math.max((typeof n=="number"?n:void 0)??i,i));z.current.style.setProperty("--inspector-size",`${R}px`),ve(R,{reason:"controlled"})}},[Ae,n,d,Ve,ve]),re?c.createElement(Je,{open:T==="expanded",onOpenChange:k=>X(k?"expanded":"collapsed")},c.createElement(Qe,{side:"end",style:{padding:0},"aria-label":"Inspector","aria-describedby":void 0,width:{initial:`${a}px`}},c.createElement(zt,null,c.createElement(Ze,null,"Inspector")),at)):c.createElement("div",{...U,ref:oe,className:(0,Ut.default)("rt-ShellInspector",o),"data-mode":T,"data-peek":M==="inspector"||void 0,"data-presentation":x?N:void 0,"data-open":x&&G&&Oe||void 0,"data-inset":Y||void 0,style:{...J,"--inspector-size":`${a}px`,"--inspector-min-size":`${n}px`,"--inspector-max-size":`${d}px`}},c.createElement("div",{className:"rt-ShellInspectorContent","data-visible":Oe||void 0},at),Xt)});st.displayName="Shell.Inspector";st.Handle=ge;
+//# sourceMappingURL=shell-inspector.js.map