@womp/kookie-ui 0.14.5 → 0.15.0

package/dist/esm/chunk-IYXR46Q6.js

@@ -0,0 +1,5 @@
+import{a as U,b as z}from"./chunk-3PT3AOD5.js";import{a as K}from"./chunk-UBSLEGQZ.js";import{a as G}from"./chunk-GSTOGDAJ.js";import{a as se}from"./chunk-OS3FCYZY.js";var ie={};se(ie,{Root:()=>J,Slot:()=>Q});import*as e from"react";import*as B from"react-dom";import _ from"classnames";import{composeRefs as Z}from"radix-ui/internal";var J=e.forwardRef((R,y)=>{let o=e.useRef(null),{children:P,className:F,color:E,radius:w,material:L,style:C,...a}=K(R,U,G),k=L,g=e.useId(),S=a.error,{"aria-describedby":v,"aria-labelledby":D}=a,M=e.useMemo(()=>{let n=[];return a.errorMessage&&n.push(g),v&&n.push(v),n.length>0?n.join(" "):void 0},[a.errorMessage,v,g]),h=e.useMemo(()=>({"aria-invalid":S,"aria-describedby":M,"aria-labelledby":D}),[S,M,D]),{error:s,errorMessage:I,required:H,"aria-describedby":O,"aria-labelledby":f,...d}=a,i=e.useCallback(n=>{let x=n.target;if(x.closest("input, button, a"))return;let p=o.current;if(!p)return;let m=x.closest(`
+        .rt-TextFieldSlot[data-side='right'],
+        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
+      `)?p.value.length:0;requestAnimationFrame(()=>{try{p.setSelectionRange(m,m)}catch{}p.focus()})},[]);return e.createElement("div",{"data-accent-color":E,"data-radius":w,"data-material":k,style:C,className:_("rt-TextFieldRoot",F,{"rt-error":S}),onPointerDown:i},e.createElement("input",{spellCheck:"false",...d,...h,ref:Z(o,y),className:"rt-reset rt-TextFieldInput"}),P,a.errorMessage&&e.createElement("div",{id:g,className:"rt-TextFieldErrorMessage",role:"alert"},a.errorMessage))});J.displayName="TextField.Root";var b=(()=>{if(typeof navigator>"u")return!1;let R=navigator.userAgent,y=/^((?!chrome|android).)*safari/i.test(R),o=/firefox/i.test(R);return y||o})(),Q=e.forwardRef((R,y)=>{let{scrub:o,scrubValue:P,scrubStep:F=1,scrubSensitivity:E=1,scrubMin:w,scrubMax:L,scrubShiftMultiplier:C=10,scrubAltMultiplier:a=.1,onScrub:k,...g}=R,{className:S,color:v,side:D,...M}=K(g,z),h=e.useRef(null),[s,I]=e.useState(!1),[H,O]=e.useState({x:0,y:0}),f=e.useRef(0),d=e.useRef(0),i=e.useRef(0),n=e.useRef(null),x=e.useRef(0),p=e.useRef({scrubValue:P,scrubStep:F,scrubSensitivity:E,scrubMin:w,scrubMax:L,scrubShiftMultiplier:C,scrubAltMultiplier:a,onScrub:k});p.current={scrubValue:P,scrubStep:F,scrubSensitivity:E,scrubMin:w,scrubMax:L,scrubShiftMultiplier:C,scrubAltMultiplier:a,onScrub:k};let Y=e.useCallback(t=>{if(!o||t.target.closest("input, button, a"))return;t.preventDefault(),f.current=0,d.current=P??0,i.current=t.clientX,O({x:t.clientX,y:t.clientY});let c=h.current;c&&(b?(n.current=t.pointerId,x.current=t.clientX,c.setPointerCapture(t.pointerId),I(!0)):c.requestPointerLock())},[o,P]);e.useEffect(()=>{if(b)return;let t=()=>{let r=document.pointerLockElement===h.current;I(r),r||(p.current.onScrub?.(0,!1),f.current=0,d.current=0)};return document.addEventListener("pointerlockchange",t),()=>{document.removeEventListener("pointerlockchange",t)}},[]);let m=e.useCallback((t,r,c,oe)=>{let l=p.current,X=window.innerWidth,A=window.innerHeight;i.current+=t,i.current>X?i.current=i.current%X:i.current<0&&(i.current=X+i.current%X),O(T=>{let u=T.y+r;return u>A?u=u%A:u<0&&(u=A+u%A),{x:i.current,y:u}}),f.current+=t;let V=f.current/l.scrubSensitivity;if(Math.abs(V)>=1){let T=1;c?T=l.scrubShiftMultiplier:oe&&(T=l.scrubAltMultiplier);let u=Math.trunc(V),j=u*l.scrubStep*T,W=j;if(l.scrubMin!==void 0||l.scrubMax!==void 0){let ne=d.current+j,q=Math.max(l.scrubMin??-1/0,Math.min(l.scrubMax??1/0,ne));W=q-d.current,d.current=q}else d.current+=j;W!==0&&l.onScrub?.(W,!0),f.current=(V-u)*l.scrubSensitivity}},[]),N=e.useCallback(()=>{p.current.onScrub?.(0,!1),f.current=0,d.current=0,n.current=null,I(!1)},[]),$=e.useCallback(t=>{if(!s||!b)return;let r=t.clientX-x.current;x.current=t.clientX,m(r,t.movementY,t.shiftKey,t.altKey)},[s,m]),ee=e.useCallback(t=>{if(!b||n.current!==t.pointerId)return;let r=h.current;r&&n.current!==null&&r.releasePointerCapture(n.current),N()},[N]),te=e.useCallback(()=>{b&&s&&N()},[s,N]);e.useEffect(()=>{if(!s||b)return;let t=c=>{m(c.movementX,c.movementY,c.shiftKey,c.altKey)},r=()=>{document.exitPointerLock()};return document.addEventListener("mousemove",t),document.addEventListener("mouseup",r),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",r),document.body.style.userSelect=""}},[s,m]),e.useEffect(()=>{if(!s||!b)return;let t=document.createElement("style");return t.textContent="* { cursor: none !important; user-select: none !important; }",document.head.appendChild(t),()=>{document.head.removeChild(t)}},[s]);let re=s?B.createPortal(e.createElement("img",{className:"rt-TextFieldSlotScrubCursor",src:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='white' stroke-width='1' d='M0 12 L5 7 L5 10 L19 10 L19 7 L24 12 L19 17 L19 14 L5 14 L5 17 Z'/%3E%3C/svg%3E",alt:"",style:{position:"fixed",left:H.x,top:H.y,transform:"translate(-50%, -50%)",pointerEvents:"none",zIndex:99999,width:24,height:24},"aria-hidden":"true"}),document.body):null;return e.createElement("div",{"data-accent-color":v,"data-side":D,"data-scrub":o||void 0,"data-scrubbing":s||void 0,...M,ref:Z(h,y),className:_("rt-TextFieldSlot",S),onPointerDown:o?Y:void 0,onPointerMove:o?$:void 0,onPointerUp:o?ee:void 0,onLostPointerCapture:o?te:void 0},M.children,re)});Q.displayName="TextField.Slot";export{J as a,Q as b,ie as c};
+//# sourceMappingURL=chunk-IYXR46Q6.js.map

package/dist/esm/chunk-IYXR46Q6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text-field.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs, type TextFieldSlotScrubProps } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?: 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<'input', NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'>;\ninterface TextFieldRootProps extends TextFieldInputProps, MarginProps, TextFieldRootOwnProps {}\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((props, forwardedRef) => {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const { children, className, color, radius, material, style, ...inputProps } = extractProps(props, textFieldRootPropDefs, marginPropDefs);\n  const effectiveMaterial = material;\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  // Determine invalid state\n  const isInvalid = inputProps.error;\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = inputProps;\n\n  // Build aria-describedby string\n  const describedBy = React.useMemo(() => {\n    const parts = [];\n    if (inputProps.errorMessage) parts.push(errorId);\n    if (ariaDescribedby) parts.push(ariaDescribedby);\n    return parts.length > 0 ? parts.join(' ') : undefined;\n  }, [inputProps.errorMessage, ariaDescribedby, errorId]);\n\n  // Build aria attributes\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-invalid': isInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, describedBy, ariaLabelledby],\n  );\n\n  // Filter out our custom props to avoid DOM warnings\n  const { error, errorMessage, required, 'aria-describedby': _ariaDescribedby, 'aria-labelledby': _ariaLabelledby, ...nativeInputProps } = inputProps;\n\n  // Memoized pointer event handler\n  const handlePointerDown = React.useCallback((event: React.PointerEvent) => {\n    const target = event.target as HTMLElement;\n    if (target.closest('input, button, a')) return;\n\n    const input = inputRef.current;\n    if (!input) return;\n\n    // Same selector as in the CSS to find the right slot\n    const isRightSlot = target.closest(`\n        .rt-TextFieldSlot[data-side='right'],\n        .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])\n      `);\n\n    const cursorPosition = isRightSlot ? input.value.length : 0;\n\n    requestAnimationFrame(() => {\n      // Only some input types support this, browsers will throw an error if not supported\n      // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n      try {\n        input.setSelectionRange(cursorPosition, cursorPosition);\n      } catch {}\n      input.focus();\n    });\n  }, []);\n\n  return (\n    <div\n      data-accent-color={color}\n      data-radius={radius}\n      data-material={effectiveMaterial}\n      style={style}\n      className={classNames('rt-TextFieldRoot', className, {\n        'rt-error': isInvalid,\n      })}\n      onPointerDown={handlePointerDown}\n    >\n      <input spellCheck=\"false\" {...nativeInputProps} {...ariaProps} ref={composeRefs(inputRef, forwardedRef)} className=\"rt-reset rt-TextFieldInput\" />\n      {children}\n      {inputProps.errorMessage && (\n        <div id={errorId} className=\"rt-TextFieldErrorMessage\" role=\"alert\">\n          {inputProps.errorMessage}\n        </div>\n      )}\n    </div>\n  );\n});\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs> & TextFieldSlotScrubProps;\ninterface TextFieldSlotProps extends ComponentPropsWithout<'div', RemovedProps>, TextFieldSlotOwnProps {}\n\n// Detect if we should use pointer capture instead of pointer lock\n// Safari and Firefox show intrusive browser warnings with pointer lock\nconst usePointerCapture = (() => {\n  if (typeof navigator === 'undefined') return false;\n  const ua = navigator.userAgent;\n  const isSafari = /^((?!chrome|android).)*safari/i.test(ua);\n  const isFirefox = /firefox/i.test(ua);\n  return isSafari || isFirefox;\n})();\n\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>((props, forwardedRef) => {\n  // Extract scrub props first (not part of PropDef system)\n  const { scrub, scrubValue, scrubStep = 1, scrubSensitivity = 1, scrubMin, scrubMax, scrubShiftMultiplier = 10, scrubAltMultiplier = 0.1, onScrub, ...restProps } = props;\n\n  // Then extract styling props\n  const { className, color, side, ...slotProps } = extractProps(restProps, textFieldSlotPropDefs);\n\n  const slotRef = React.useRef<HTMLDivElement>(null);\n  const [isScrubbing, setIsScrubbing] = React.useState(false);\n  // Virtual cursor position - X wraps around viewport, Y follows mouse\n  const [cursorPosition, setCursorPosition] = React.useState({ x: 0, y: 0 });\n\n  // Track accumulated sub-step movement for precision\n  const accumulatedMovement = React.useRef(0);\n  // Track current value for clamping (initialized to scrubValue when scrubbing starts)\n  const currentValue = React.useRef(0);\n  // Track virtual X position for wrap-around (separate from rendered position)\n  const virtualX = React.useRef(0);\n  // Track pointer ID for capture mode\n  const pointerIdRef = React.useRef<number | null>(null);\n  // Track last X position for capture mode (movementX calculation)\n  const lastXRef = React.useRef(0);\n\n  // Store scrub config in refs so document handlers can access latest values\n  const scrubConfigRef = React.useRef({\n    scrubValue,\n    scrubStep,\n    scrubSensitivity,\n    scrubMin,\n    scrubMax,\n    scrubShiftMultiplier,\n    scrubAltMultiplier,\n    onScrub,\n  });\n  scrubConfigRef.current = {\n    scrubValue,\n    scrubStep,\n    scrubSensitivity,\n    scrubMin,\n    scrubMax,\n    scrubShiftMultiplier,\n    scrubAltMultiplier,\n    onScrub,\n  };\n\n  const handlePointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!scrub) return;\n\n      // Don't start scrubbing if clicking on interactive elements\n      const target = event.target as HTMLElement;\n      if (target.closest('input, button, a')) return;\n\n      event.preventDefault();\n      accumulatedMovement.current = 0;\n      // Initialize to current value so min/max clamping works correctly\n      currentValue.current = scrubValue ?? 0;\n\n      // Initialize virtual cursor at actual mouse position\n      virtualX.current = event.clientX;\n      setCursorPosition({ x: event.clientX, y: event.clientY });\n\n      const slot = slotRef.current;\n      if (!slot) return;\n\n      if (usePointerCapture) {\n        // Safari/Firefox: Use pointer capture (no browser warning)\n        pointerIdRef.current = event.pointerId;\n        lastXRef.current = event.clientX;\n        slot.setPointerCapture(event.pointerId);\n        setIsScrubbing(true);\n      } else {\n        // Chrome: Use pointer lock for infinite movement\n        slot.requestPointerLock();\n      }\n    },\n    [scrub, scrubValue],\n  );\n\n  // Handle pointer lock state changes (Chrome only)\n  React.useEffect(() => {\n    if (usePointerCapture) return;\n\n    const handlePointerLockChange = () => {\n      const isLocked = document.pointerLockElement === slotRef.current;\n      setIsScrubbing(isLocked);\n      if (!isLocked) {\n        // Fire callback with isChanging = false when scrubbing ends\n        scrubConfigRef.current.onScrub?.(0, false);\n        accumulatedMovement.current = 0;\n        currentValue.current = 0;\n      }\n    };\n\n    document.addEventListener('pointerlockchange', handlePointerLockChange);\n    return () => {\n      document.removeEventListener('pointerlockchange', handlePointerLockChange);\n    };\n  }, []);\n\n  // Shared scrub calculation logic\n  const processScrubMovement = React.useCallback((movementX: number, movementY: number, shiftKey: boolean, altKey: boolean) => {\n    const config = scrubConfigRef.current;\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Update virtual position with wrap-around at viewport edges\n    virtualX.current += movementX;\n    if (virtualX.current > viewportWidth) {\n      virtualX.current = virtualX.current % viewportWidth;\n    } else if (virtualX.current < 0) {\n      virtualX.current = viewportWidth + (virtualX.current % viewportWidth);\n    }\n\n    // Also track Y with wrap-around\n    setCursorPosition((prev) => {\n      let newY = prev.y + movementY;\n      if (newY > viewportHeight) {\n        newY = newY % viewportHeight;\n      } else if (newY < 0) {\n        newY = viewportHeight + (newY % viewportHeight);\n      }\n      return { x: virtualX.current, y: newY };\n    });\n\n    // Accumulate movement for sensitivity calculation\n    accumulatedMovement.current += movementX;\n\n    // Calculate how many steps we've moved\n    const stepsFromMovement = accumulatedMovement.current / config.scrubSensitivity;\n\n    if (Math.abs(stepsFromMovement) >= 1) {\n      // Determine modifier multiplier\n      let multiplier = 1;\n      if (shiftKey) {\n        multiplier = config.scrubShiftMultiplier;\n      } else if (altKey) {\n        multiplier = config.scrubAltMultiplier;\n      }\n\n      // Calculate delta\n      const wholeSteps = Math.trunc(stepsFromMovement);\n      const delta = wholeSteps * config.scrubStep * multiplier;\n\n      // Apply min/max clamping if bounds are set\n      let clampedDelta = delta;\n      if (config.scrubMin !== undefined || config.scrubMax !== undefined) {\n        const newValue = currentValue.current + delta;\n        const clampedValue = Math.max(config.scrubMin ?? -Infinity, Math.min(config.scrubMax ?? Infinity, newValue));\n        clampedDelta = clampedValue - currentValue.current;\n        currentValue.current = clampedValue;\n      } else {\n        currentValue.current += delta;\n      }\n\n      // Fire callback with clamped delta (isChanging = true during drag)\n      if (clampedDelta !== 0) {\n        config.onScrub?.(clampedDelta, true);\n      }\n\n      // Keep the fractional remainder for smooth sub-pixel accumulation\n      accumulatedMovement.current = (stepsFromMovement - wholeSteps) * config.scrubSensitivity;\n    }\n  }, []);\n\n  // End scrubbing helper\n  const endScrubbing = React.useCallback(() => {\n    scrubConfigRef.current.onScrub?.(0, false);\n    accumulatedMovement.current = 0;\n    currentValue.current = 0;\n    pointerIdRef.current = null;\n    setIsScrubbing(false);\n  }, []);\n\n  // Handle pointer capture mode events (Safari/Firefox)\n  const handlePointerMove = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!isScrubbing || !usePointerCapture) return;\n\n      const movementX = event.clientX - lastXRef.current;\n      lastXRef.current = event.clientX;\n\n      processScrubMovement(movementX, event.movementY, event.shiftKey, event.altKey);\n    },\n    [isScrubbing, processScrubMovement],\n  );\n\n  const handlePointerUp = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!usePointerCapture || pointerIdRef.current !== event.pointerId) return;\n\n      const slot = slotRef.current;\n      if (slot && pointerIdRef.current !== null) {\n        slot.releasePointerCapture(pointerIdRef.current);\n      }\n      endScrubbing();\n    },\n    [endScrubbing],\n  );\n\n  const handleLostPointerCapture = React.useCallback(() => {\n    if (usePointerCapture && isScrubbing) {\n      endScrubbing();\n    }\n  }, [isScrubbing, endScrubbing]);\n\n  // Attach document-level listeners for pointer lock mode (Chrome)\n  React.useEffect(() => {\n    if (!isScrubbing || usePointerCapture) return;\n\n    const handleMouseMove = (event: MouseEvent) => {\n      processScrubMovement(event.movementX, event.movementY, event.shiftKey, event.altKey);\n    };\n\n    const handleMouseUp = () => {\n      // Exit pointer lock to end scrubbing\n      document.exitPointerLock();\n    };\n\n    // Use mousemove for pointer lock (pointermove doesn't work well with pointer lock)\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n\n    // Disable text selection during scrubbing\n    document.body.style.userSelect = 'none';\n\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n      document.body.style.userSelect = '';\n    };\n  }, [isScrubbing, processScrubMovement]);\n\n  // Hide native cursor and disable text selection during pointer capture scrubbing\n  React.useEffect(() => {\n    if (!isScrubbing || !usePointerCapture) return;\n\n    // Create a style element to hide cursor globally during scrub\n    const style = document.createElement('style');\n    style.textContent = '* { cursor: none !important; user-select: none !important; }';\n    document.head.appendChild(style);\n\n    return () => {\n      document.head.removeChild(style);\n    };\n  }, [isScrubbing]);\n\n  // Render virtual cursor via portal to body so it's not clipped\n  // Using a data URI of ew-resize cursor for a native look\n  const virtualCursor = isScrubbing\n    ? ReactDOM.createPortal(\n        <img\n          className=\"rt-TextFieldSlotScrubCursor\"\n          src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='white' stroke-width='1' d='M0 12 L5 7 L5 10 L19 10 L19 7 L24 12 L19 17 L19 14 L5 14 L5 17 Z'/%3E%3C/svg%3E\"\n          alt=\"\"\n          style={{\n            position: 'fixed',\n            left: cursorPosition.x,\n            top: cursorPosition.y,\n            transform: 'translate(-50%, -50%)',\n            pointerEvents: 'none',\n            zIndex: 99999,\n            width: 24,\n            height: 24,\n          }}\n          aria-hidden=\"true\"\n        />,\n        document.body,\n      )\n    : null;\n\n  return (\n    <div\n      data-accent-color={color}\n      data-side={side}\n      data-scrub={scrub || undefined}\n      data-scrubbing={isScrubbing || undefined}\n      {...slotProps}\n      ref={composeRefs(slotRef, forwardedRef)}\n      className={classNames('rt-TextFieldSlot', className)}\n      onPointerDown={scrub ? handlePointerDown : undefined}\n      onPointerMove={scrub ? handlePointerMove : undefined}\n      onPointerUp={scrub ? handlePointerUp : undefined}\n      onLostPointerCapture={scrub ? handleLostPointerCapture : undefined}\n    >\n      {slotProps.children}\n      {virtualCursor}\n    </div>\n  );\n});\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
+  "mappings": "wKAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,UAAYC,MAAc,YAC1B,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,oBAmB5B,IAAMC,EAAsB,aAAqD,CAACC,EAAOC,IAAiB,CACxG,IAAMC,EAAiB,SAAyB,IAAI,EAC9C,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAW,EAAIC,EAAaV,EAAOW,EAAuBC,CAAc,EAClIC,EAAoBN,EAGpBO,EAAgB,QAAM,EAGtBC,EAAYN,EAAW,MAEvB,CAAE,mBAAoBO,EAAiB,kBAAmBC,CAAe,EAAIR,EAG7ES,EAAoB,UAAQ,IAAM,CACtC,IAAMC,EAAQ,CAAC,EACf,OAAIV,EAAW,cAAcU,EAAM,KAAKL,CAAO,EAC3CE,GAAiBG,EAAM,KAAKH,CAAe,EACxCG,EAAM,OAAS,EAAIA,EAAM,KAAK,GAAG,EAAI,MAC9C,EAAG,CAACV,EAAW,aAAcO,EAAiBF,CAAO,CAAC,EAGhDM,EAAkB,UACtB,KAAO,CACL,eAAgBL,EAChB,mBAAoBG,EACpB,kBAAmBD,CACrB,GACA,CAACF,EAAWG,EAAaD,CAAc,CACzC,EAGM,CAAE,MAAAI,EAAO,aAAAC,EAAc,SAAAC,EAAU,mBAAoBC,EAAkB,kBAAmBC,EAAiB,GAAGC,CAAiB,EAAIjB,EAGnIkB,EAA0B,cAAaC,GAA8B,CACzE,IAAMC,EAASD,EAAM,OACrB,GAAIC,EAAO,QAAQ,kBAAkB,EAAG,OAExC,IAAMC,EAAQ5B,EAAS,QACvB,GAAI,CAAC4B,EAAO,OAQZ,IAAMC,EALcF,EAAO,QAAQ;AAAA;AAAA;AAAA,OAGhC,EAEkCC,EAAM,MAAM,OAAS,EAE1D,sBAAsB,IAAM,CAG1B,GAAI,CACFA,EAAM,kBAAkBC,EAAgBA,CAAc,CACxD,MAAQ,CAAC,CACTD,EAAM,MAAM,CACd,CAAC,CACH,EAAG,CAAC,CAAC,EAEL,OACE,gBAAC,OACC,oBAAmBzB,EACnB,cAAaC,EACb,gBAAeO,EACf,MAAOL,EACP,UAAWwB,EAAW,mBAAoB5B,EAAW,CACnD,WAAYW,CACd,CAAC,EACD,cAAeY,GAEf,gBAAC,SAAM,WAAW,QAAS,GAAGD,EAAmB,GAAGN,EAAW,IAAKa,EAAY/B,EAAUD,CAAY,EAAG,UAAU,6BAA6B,EAC/IE,EACAM,EAAW,cACV,gBAAC,OAAI,GAAIK,EAAS,UAAU,2BAA2B,KAAK,SACzDL,EAAW,YACd,CAEJ,CAEJ,CAAC,EACDV,EAAc,YAAc,iBAQ5B,IAAMmC,GAAqB,IAAM,CAC/B,GAAI,OAAO,UAAc,IAAa,MAAO,GAC7C,IAAMC,EAAK,UAAU,UACfC,EAAW,iCAAiC,KAAKD,CAAE,EACnDE,EAAY,WAAW,KAAKF,CAAE,EACpC,OAAOC,GAAYC,CACrB,GAAG,EAEGC,EAAsB,aAAqD,CAACtC,EAAOC,IAAiB,CAExG,GAAM,CAAE,MAAAsC,EAAO,WAAAC,EAAY,UAAAC,EAAY,EAAG,iBAAAC,EAAmB,EAAG,SAAAC,EAAU,SAAAC,EAAU,qBAAAC,EAAuB,GAAI,mBAAAC,EAAqB,GAAK,QAAAC,EAAS,GAAGC,CAAU,EAAIhD,EAG7J,CAAE,UAAAI,EAAW,MAAAC,EAAO,KAAA4C,EAAM,GAAGC,CAAU,EAAIxC,EAAasC,EAAWG,CAAqB,EAExFC,EAAgB,SAAuB,IAAI,EAC3C,CAACC,EAAaC,CAAc,EAAU,WAAS,EAAK,EAEpD,CAACvB,EAAgBwB,CAAiB,EAAU,WAAS,CAAE,EAAG,EAAG,EAAG,CAAE,CAAC,EAGnEC,EAA4B,SAAO,CAAC,EAEpCC,EAAqB,SAAO,CAAC,EAE7BC,EAAiB,SAAO,CAAC,EAEzBC,EAAqB,SAAsB,IAAI,EAE/CC,EAAiB,SAAO,CAAC,EAGzBC,EAAuB,SAAO,CAClC,WAAArB,EACA,UAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,QAAAC,CACF,CAAC,EACDc,EAAe,QAAU,CACvB,WAAArB,EACA,UAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,QAAAC,CACF,EAEA,IAAMpB,EAA0B,cAC7BC,GAA8B,CAK7B,GAJI,CAACW,GAGUX,EAAM,OACV,QAAQ,kBAAkB,EAAG,OAExCA,EAAM,eAAe,EACrB4B,EAAoB,QAAU,EAE9BC,EAAa,QAAUjB,GAAc,EAGrCkB,EAAS,QAAU9B,EAAM,QACzB2B,EAAkB,CAAE,EAAG3B,EAAM,QAAS,EAAGA,EAAM,OAAQ,CAAC,EAExD,IAAMkC,EAAOV,EAAQ,QAChBU,IAED5B,GAEFyB,EAAa,QAAU/B,EAAM,UAC7BgC,EAAS,QAAUhC,EAAM,QACzBkC,EAAK,kBAAkBlC,EAAM,SAAS,EACtC0B,EAAe,EAAI,GAGnBQ,EAAK,mBAAmB,EAE5B,EACA,CAACvB,EAAOC,CAAU,CACpB,EAGM,YAAU,IAAM,CACpB,GAAIN,EAAmB,OAEvB,IAAM6B,EAA0B,IAAM,CACpC,IAAMC,EAAW,SAAS,qBAAuBZ,EAAQ,QACzDE,EAAeU,CAAQ,EAClBA,IAEHH,EAAe,QAAQ,UAAU,EAAG,EAAK,EACzCL,EAAoB,QAAU,EAC9BC,EAAa,QAAU,EAE3B,EAEA,gBAAS,iBAAiB,oBAAqBM,CAAuB,EAC/D,IAAM,CACX,SAAS,oBAAoB,oBAAqBA,CAAuB,CAC3E,CACF,EAAG,CAAC,CAAC,EAGL,IAAME,EAA6B,cAAY,CAACC,EAAmBC,EAAmBC,EAAmBC,KAAoB,CAC3H,IAAMC,EAAST,EAAe,QACxBU,EAAgB,OAAO,WACvBC,EAAiB,OAAO,YAG9Bd,EAAS,SAAWQ,EAChBR,EAAS,QAAUa,EACrBb,EAAS,QAAUA,EAAS,QAAUa,EAC7Bb,EAAS,QAAU,IAC5BA,EAAS,QAAUa,EAAiBb,EAAS,QAAUa,GAIzDhB,EAAmBkB,GAAS,CAC1B,IAAIC,EAAOD,EAAK,EAAIN,EACpB,OAAIO,EAAOF,EACTE,EAAOA,EAAOF,EACLE,EAAO,IAChBA,EAAOF,EAAkBE,EAAOF,GAE3B,CAAE,EAAGd,EAAS,QAAS,EAAGgB,CAAK,CACxC,CAAC,EAGDlB,EAAoB,SAAWU,EAG/B,IAAMS,EAAoBnB,EAAoB,QAAUc,EAAO,iBAE/D,GAAI,KAAK,IAAIK,CAAiB,GAAK,EAAG,CAEpC,IAAIC,EAAa,EACbR,EACFQ,EAAaN,EAAO,qBACXD,KACTO,EAAaN,EAAO,oBAItB,IAAMO,EAAa,KAAK,MAAMF,CAAiB,EACzCG,EAAQD,EAAaP,EAAO,UAAYM,EAG1CG,EAAeD,EACnB,GAAIR,EAAO,WAAa,QAAaA,EAAO,WAAa,OAAW,CAClE,IAAMU,GAAWvB,EAAa,QAAUqB,EAClCG,EAAe,KAAK,IAAIX,EAAO,UAAY,KAAW,KAAK,IAAIA,EAAO,UAAY,IAAUU,EAAQ,CAAC,EAC3GD,EAAeE,EAAexB,EAAa,QAC3CA,EAAa,QAAUwB,CACzB,MACExB,EAAa,SAAWqB,EAItBC,IAAiB,GACnBT,EAAO,UAAUS,EAAc,EAAI,EAIrCvB,EAAoB,SAAWmB,EAAoBE,GAAcP,EAAO,gBAC1E,CACF,EAAG,CAAC,CAAC,EAGCY,EAAqB,cAAY,IAAM,CAC3CrB,EAAe,QAAQ,UAAU,EAAG,EAAK,EACzCL,EAAoB,QAAU,EAC9BC,EAAa,QAAU,EACvBE,EAAa,QAAU,KACvBL,EAAe,EAAK,CACtB,EAAG,CAAC,CAAC,EAGC6B,EAA0B,cAC7BvD,GAA8B,CAC7B,GAAI,CAACyB,GAAe,CAACnB,EAAmB,OAExC,IAAMgC,EAAYtC,EAAM,QAAUgC,EAAS,QAC3CA,EAAS,QAAUhC,EAAM,QAEzBqC,EAAqBC,EAAWtC,EAAM,UAAWA,EAAM,SAAUA,EAAM,MAAM,CAC/E,EACA,CAACyB,EAAaY,CAAoB,CACpC,EAEMmB,GAAwB,cAC3BxD,GAA8B,CAC7B,GAAI,CAACM,GAAqByB,EAAa,UAAY/B,EAAM,UAAW,OAEpE,IAAMkC,EAAOV,EAAQ,QACjBU,GAAQH,EAAa,UAAY,MACnCG,EAAK,sBAAsBH,EAAa,OAAO,EAEjDuB,EAAa,CACf,EACA,CAACA,CAAY,CACf,EAEMG,GAAiC,cAAY,IAAM,CACnDnD,GAAqBmB,GACvB6B,EAAa,CAEjB,EAAG,CAAC7B,EAAa6B,CAAY,CAAC,EAGxB,YAAU,IAAM,CACpB,GAAI,CAAC7B,GAAenB,EAAmB,OAEvC,IAAMoD,EAAmB1D,GAAsB,CAC7CqC,EAAqBrC,EAAM,UAAWA,EAAM,UAAWA,EAAM,SAAUA,EAAM,MAAM,CACrF,EAEM2D,EAAgB,IAAM,CAE1B,SAAS,gBAAgB,CAC3B,EAGA,gBAAS,iBAAiB,YAAaD,CAAe,EACtD,SAAS,iBAAiB,UAAWC,CAAa,EAGlD,SAAS,KAAK,MAAM,WAAa,OAE1B,IAAM,CACX,SAAS,oBAAoB,YAAaD,CAAe,EACzD,SAAS,oBAAoB,UAAWC,CAAa,EACrD,SAAS,KAAK,MAAM,WAAa,EACnC,CACF,EAAG,CAAClC,EAAaY,CAAoB,CAAC,EAGhC,YAAU,IAAM,CACpB,GAAI,CAACZ,GAAe,CAACnB,EAAmB,OAGxC,IAAM1B,EAAQ,SAAS,cAAc,OAAO,EAC5C,OAAAA,EAAM,YAAc,+DACpB,SAAS,KAAK,YAAYA,CAAK,EAExB,IAAM,CACX,SAAS,KAAK,YAAYA,CAAK,CACjC,CACF,EAAG,CAAC6C,CAAW,CAAC,EAIhB,IAAMmC,GAAgBnC,EACT,eACP,gBAAC,OACC,UAAU,8BACV,IAAI,oPACJ,IAAI,GACJ,MAAO,CACL,SAAU,QACV,KAAMtB,EAAe,EACrB,IAAKA,EAAe,EACpB,UAAW,wBACX,cAAe,OACf,OAAQ,MACR,MAAO,GACP,OAAQ,EACV,EACA,cAAY,OACd,EACA,SAAS,IACX,EACA,KAEJ,OACE,gBAAC,OACC,oBAAmB1B,EACnB,YAAW4C,EACX,aAAYV,GAAS,OACrB,iBAAgBc,GAAe,OAC9B,GAAGH,EACJ,IAAKjB,EAAYmB,EAASnD,CAAY,EACtC,UAAW+B,EAAW,mBAAoB5B,CAAS,EACnD,cAAemC,EAAQZ,EAAoB,OAC3C,cAAeY,EAAQ4C,EAAoB,OAC3C,YAAa5C,EAAQ6C,GAAkB,OACvC,qBAAsB7C,EAAQ8C,GAA2B,QAExDnC,EAAU,SACVsC,EACH,CAEJ,CAAC,EACDlD,EAAc,YAAc",
+  "names": ["text_field_exports", "__export", "TextFieldRoot", "TextFieldSlot", "React", "ReactDOM", "classNames", "composeRefs", "TextFieldRoot", "props", "forwardedRef", "inputRef", "children", "className", "color", "radius", "material", "style", "inputProps", "extractProps", "textFieldRootPropDefs", "marginPropDefs", "effectiveMaterial", "errorId", "isInvalid", "ariaDescribedby", "ariaLabelledby", "describedBy", "parts", "ariaProps", "error", "errorMessage", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeInputProps", "handlePointerDown", "event", "target", "input", "cursorPosition", "classNames", "composeRefs", "usePointerCapture", "ua", "isSafari", "isFirefox", "TextFieldSlot", "scrub", "scrubValue", "scrubStep", "scrubSensitivity", "scrubMin", "scrubMax", "scrubShiftMultiplier", "scrubAltMultiplier", "onScrub", "restProps", "side", "slotProps", "textFieldSlotPropDefs", "slotRef", "isScrubbing", "setIsScrubbing", "setCursorPosition", "accumulatedMovement", "currentValue", "virtualX", "pointerIdRef", "lastXRef", "scrubConfigRef", "slot", "handlePointerLockChange", "isLocked", "processScrubMovement", "movementX", "movementY", "shiftKey", "altKey", "config", "viewportWidth", "viewportHeight", "prev", "newY", "stepsFromMovement", "multiplier", "wholeSteps", "delta", "clampedDelta", "newValue", "clampedValue", "endScrubbing", "handlePointerMove", "handlePointerUp", "handleLostPointerCapture", "handleMouseMove", "handleMouseUp", "virtualCursor"]
+}

package/dist/esm/chunk-JGB6LNTP.js

@@ -0,0 +1,2 @@
+import{a as P}from"./chunk-BFLO4IVZ.js";import{a as p}from"./chunk-MJJ7XDIP.js";import{a as d}from"./chunk-O6K6RZXY.js";import{a as f}from"./chunk-ULSNYQOY.js";import{c as A}from"./chunk-PRRJ4WRE.js";import{a as s}from"./chunk-UBSLEGQZ.js";import{a as L}from"./chunk-OS3FCYZY.js";var q={};L(q,{Action:()=>T,Cancel:()=>E,Content:()=>u,Description:()=>v,Root:()=>C,Title:()=>R,Trigger:()=>y});import*as e from"react";import O from"classnames";import{AlertDialog as l}from"radix-ui";var C=t=>e.createElement(l.Root,{...t});C.displayName="AlertDialog.Root";var y=e.forwardRef(({children:t,...o},r)=>e.createElement(l.Trigger,{...o,ref:r,asChild:!0},p(t)));y.displayName="AlertDialog.Trigger";var{align:S,material:B,...k}=f,K={align:S},j={material:B},u=e.forwardRef(({align:t,...o},r)=>{let{className:h}=s({align:t},K),{material:N}=s({material:o.material},j),x=N,{className:b,forceMount:w,container:M,material:z,...H}=s(o,k),m=e.useRef(null),W=e.useMemo(()=>i=>{m.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]);return e.useEffect(()=>{if(typeof window>"u")return;let i=m.current;if(!i)return;let a=i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(a.length===0)return;let c=a[0],g=a[a.length-1],D=n=>{n.key==="Tab"&&(n.shiftKey?document.activeElement===c&&(n.preventDefault(),g.focus()):document.activeElement===g&&(n.preventDefault(),c.focus()))};return i.addEventListener("keydown",D),c.focus(),()=>{i.removeEventListener("keydown",D)}},[]),e.createElement(l.Portal,{container:M,forceMount:w},e.createElement(A,{asChild:!0},e.createElement(l.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},e.createElement("div",{className:`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${h}`},e.createElement(l.Content,{...H,ref:W,className:O("rt-BaseDialogContent","rt-AlertDialogContent",b),"data-material":x,tabIndex:-1,role:"alertdialog","aria-modal":"true","aria-describedby":"alert-dialog-description",onCloseAutoFocus:i=>{i.preventDefault(),document.body.style.pointerEvents=""}}),e.createElement("div",{"aria-live":"assertive","aria-atomic":"true",className:"rt-sr-only",id:"alert-dialog-announcement"}))))))});u.displayName="AlertDialog.Content";var R=e.forwardRef((t,o)=>e.createElement(l.Title,{asChild:!0},e.createElement(P,{size:"5",mb:"3",trim:"start",...t,asChild:!1,ref:o})));R.displayName="AlertDialog.Title";var v=e.forwardRef((t,o)=>e.createElement(l.Description,{asChild:!0},e.createElement(d,{as:"p",size:"3",...t,asChild:!1,ref:o})));v.displayName="AlertDialog.Description";var T=e.forwardRef(({children:t,...o},r)=>e.createElement(l.Action,{...o,ref:r,asChild:!0},p(t)));T.displayName="AlertDialog.Action";var E=e.forwardRef(({children:t,...o},r)=>e.createElement(l.Cancel,{...o,ref:r,asChild:!0},p(t)));E.displayName="AlertDialog.Cancel";export{C as a,y as b,u as c,R as d,v as e,T as f,E as g,q as h};
+//# sourceMappingURL=chunk-JGB6LNTP.js.map

package/dist/esm/chunk-JGB6LNTP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert-dialog.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\n\nimport { alertDialogContentPropDefs } from './alert-dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { AlertDialogContentOwnProps } from './alert-dialog.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface AlertDialogRootProps\n  extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root> {}\nconst AlertDialogRoot: React.FC<AlertDialogRootProps> = (props) => (\n  <AlertDialogPrimitive.Root {...props} />\n);\nAlertDialogRoot.displayName = 'AlertDialog.Root';\n\ntype AlertDialogTriggerElement = React.ElementRef<typeof AlertDialogPrimitive.Trigger>;\ninterface AlertDialogTriggerProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Trigger, RemovedProps> {}\nconst AlertDialogTrigger = React.forwardRef<AlertDialogTriggerElement, AlertDialogTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Trigger>\n  ),\n);\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger';\n\n// Split once at module scope. `extractProps` memoises on the identity of the\n// prop def objects it is handed, so rebuilding these per render would recompile\n// them on every render.\nconst {\n  align: alignPropDef,\n  material: materialPropDef,\n  ...contentPropDefs\n} = alertDialogContentPropDefs;\nconst alignPropDefs = { align: alignPropDef };\nconst materialPropDefs = { material: materialPropDef };\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ninterface AlertDialogContentProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Content, RemovedProps>,\n    AlertDialogContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal>['container'];\n}\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n  ({ align, ...props }, forwardedRef) => {\n    const { className: alignClassName } = extractProps({ align }, alignPropDefs);\n\n\n    const { material: extractedMaterial } = extractProps(\n      { material: props.material },\n      materialPropDefs,\n    );\n\n\n    const materialValue = extractedMaterial;\n\n    const {\n      className,\n      forceMount,\n      container,\n      material: __,\n      ...contentProps\n    } = extractProps(props, contentPropDefs);\n\n    // Focus management\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const combinedRef = React.useMemo(\n      () => (node: HTMLDivElement | null) => {\n        contentRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    // Focus trap effect\n    React.useEffect(() => {\n      // SSR safety - only run on client\n      if (typeof window === 'undefined') return;\n\n      const content = contentRef.current;\n      if (!content) return;\n\n      const focusableElements = content.querySelectorAll(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n      );\n\n      if (focusableElements.length === 0) return;\n\n      const firstElement = focusableElements[0] as HTMLElement;\n      const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (document.activeElement === firstElement) {\n              event.preventDefault();\n              lastElement.focus();\n            }\n          } else {\n            if (document.activeElement === lastElement) {\n              event.preventDefault();\n              firstElement.focus();\n            }\n          }\n        }\n      };\n\n      content.addEventListener('keydown', handleKeyDown);\n\n      // Focus first element when dialog opens\n      firstElement.focus();\n\n      return () => {\n        content.removeEventListener('keydown', handleKeyDown);\n      };\n    }, []);\n\n    return (\n      <AlertDialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <AlertDialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-AlertDialogOverlay\">\n            <div className=\"rt-BaseDialogScroll rt-AlertDialogScroll\">\n              <div\n                className={`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${alignClassName}`}\n              >\n                <AlertDialogPrimitive.Content\n                  {...contentProps}\n                  ref={combinedRef}\n                  className={classNames('rt-BaseDialogContent', 'rt-AlertDialogContent', className)}\n                  data-material={materialValue}\n                  tabIndex={-1}\n                  role=\"alertdialog\"\n                  aria-modal=\"true\"\n                  aria-describedby=\"alert-dialog-description\"\n                  onCloseAutoFocus={(event) => {\n                    // Prevent default focus behavior\n                    event.preventDefault();\n                    // Restore pointer-events to body (Radix UI fix for issue #1241)\n                    document.body.style.pointerEvents = '';\n                  }}\n                />\n                {/* ARIA live region for screen reader announcements */}\n                <div\n                  aria-live=\"assertive\"\n                  aria-atomic=\"true\"\n                  className=\"rt-sr-only\"\n                  id=\"alert-dialog-announcement\"\n                />\n              </div>\n            </div>\n          </AlertDialogPrimitive.Overlay>\n        </Theme>\n      </AlertDialogPrimitive.Portal>\n    );\n  },\n);\nAlertDialogContent.displayName = 'AlertDialog.Content';\n\ntype AlertDialogTitleElement = React.ElementRef<typeof Heading>;\ntype AlertDialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n  (props, forwardedRef) => (\n    <AlertDialogPrimitive.Title asChild>\n      <Heading size=\"5\" mb=\"3\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n    </AlertDialogPrimitive.Title>\n  ),\n);\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n\ntype AlertDialogDescriptionElement = HTMLParagraphElement;\ntype AlertDialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst AlertDialogDescription = React.forwardRef<\n  AlertDialogDescriptionElement,\n  AlertDialogDescriptionProps\n>((props, forwardedRef) => (\n  <AlertDialogPrimitive.Description asChild>\n    <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n  </AlertDialogPrimitive.Description>\n));\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ninterface AlertDialogActionProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Action, RemovedProps> {}\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Action {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Action>\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialog.Action';\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ninterface AlertDialogCancelProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Cancel, RemovedProps> {}\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Cancel {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Cancel>\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialog.Cancel';\n\nexport {\n  AlertDialogRoot as Root,\n  AlertDialogTrigger as Trigger,\n  AlertDialogContent as Content,\n  AlertDialogTitle as Title,\n  AlertDialogDescription as Description,\n  AlertDialogAction as Action,\n  AlertDialogCancel as Cancel,\n};\n\nexport type {\n  AlertDialogRootProps as RootProps,\n  AlertDialogTriggerProps as TriggerProps,\n  AlertDialogContentProps as ContentProps,\n  AlertDialogTitleProps as TitleProps,\n  AlertDialogDescriptionProps as DescriptionProps,\n  AlertDialogActionProps as ActionProps,\n  AlertDialogCancelProps as CancelProps,\n};\n"],
+  "mappings": "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",
+  "names": ["alert_dialog_exports", "__export", "AlertDialogAction", "AlertDialogCancel", "AlertDialogContent", "AlertDialogDescription", "AlertDialogRoot", "AlertDialogTitle", "AlertDialogTrigger", "React", "classNames", "AlertDialogPrimitive", "AlertDialogRoot", "props", "AlertDialogPrimitive", "AlertDialogTrigger", "children", "forwardedRef", "requireReactElement", "alignPropDef", "materialPropDef", "contentPropDefs", "alertDialogContentPropDefs", "alignPropDefs", "materialPropDefs", "AlertDialogContent", "align", "alignClassName", "extractProps", "extractedMaterial", "materialValue", "className", "forceMount", "container", "__", "contentProps", "contentRef", "combinedRef", "node", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "Theme", "classNames", "AlertDialogTitle", "Heading", "AlertDialogDescription", "Text", "AlertDialogAction", "AlertDialogCancel"]
+}

package/dist/esm/chunk-JLHJHYVQ.js

@@ -0,0 +1,2 @@
+import{a as v}from"./chunk-TGRRQHLQ.js";import{a as x,e as l,f as R,g as u}from"./chunk-V32EP3S7.js";import{b as P}from"./chunk-IX5HIHVI.js";import{a as f}from"./chunk-CJ4UZDW5.js";import{b as k}from"./chunk-PRRJ4WRE.js";import{a as b}from"./chunk-5GYIQIPW.js";import{a as n}from"./chunk-UBSLEGQZ.js";import{a as h}from"./chunk-GSTOGDAJ.js";import{a as D}from"./chunk-OS3FCYZY.js";var M={};D(M,{Item:()=>N,Root:()=>I});import*as o from"react";import d from"classnames";import{Context as S}from"radix-ui/internal";var y="CheckboxCards",[E]=S.createContextScope(y,[x]),G=x(),[_,g]=E(y),I=o.forwardRef((r,s)=>{let a=k(),c=r.material??a.material,{__scopeCheckboxCards:t,className:p,color:e,material:C,...i}=n(r,f,h),m=G(t);return o.createElement(_,{scope:t,size:r.size,variant:r.variant},o.createElement(v,{asChild:!0},o.createElement(l,{...m,"data-accent-color":e,"data-material":c,...i,ref:s,className:d("rt-CheckboxCardsRoot",p)})))});I.displayName="CheckboxCards.Root";var N=o.forwardRef(({__scopeCheckboxCards:r,children:s,className:a,style:c,...t},p)=>{let e=g("CheckboxCardsItem",r),C=G(r),{className:i}=n({size:e?.size,variant:e?.variant||"solid"},b),m=e?.variant?`rt-variant-${e.variant}`:void 0,z=e?.size?`rt-r-size-${e.size}`:void 0;return o.createElement("label",{className:d("rt-BaseCard","rt-CheckboxCardsItem",m,z,a),style:c},s,o.createElement(R,{...C,...t,ref:p,className:d("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",i)},o.createElement(u,{...C,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(P,null))))});N.displayName="CheckboxCards.Item";export{I as a,N as b,M as c};
+//# sourceMappingURL=chunk-JLHJHYVQ.js.map

package/dist/esm/chunk-JLHJHYVQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox-cards.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxCardsRootPropDefs } from './checkbox-cards.props.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\nimport { Grid } from './grid.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { Responsive, GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_CARD_GROUP_NAME = 'CheckboxCards';\n\ntype ScopedProps<P> = P & { __scopeCheckboxCards?: Context.Scope };\nconst [createCheckboxCardsContext] = Context.createContextScope(CHECKBOX_CARD_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxCardsContextValue = {\n  size?: Responsive<(typeof checkboxCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof checkboxCardsRootPropDefs.variant.values)[number];\n};\n\nconst [CheckboxCardsProvider, useCheckboxCardsContext] =\n  createCheckboxCardsContext<CheckboxCardsContextValue>(CHECKBOX_CARD_GROUP_NAME);\n\ntype CheckboxCardsRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsRootOwnProps = GetPropDefTypes<typeof checkboxCardsRootPropDefs>;\ninterface CheckboxCardsRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    CheckboxCardsRootOwnProps {}\nconst CheckboxCardsRoot = React.forwardRef<CheckboxCardsRootElement, CheckboxCardsRootProps>(\n  (props: ScopedProps<CheckboxCardsRootProps>, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const resolvedMaterial = props.material ?? themeContext.material;\n    const {\n      __scopeCheckboxCards,\n      className,\n      color,\n      material: _material,\n      ...rootProps\n    } = extractProps(props, checkboxCardsRootPropDefs, marginPropDefs);\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n    return (\n      <CheckboxCardsProvider\n        scope={__scopeCheckboxCards}\n        size={props.size}\n        variant={props.variant}\n      >\n        <Grid asChild>\n          <CheckboxGroupPrimitive.Root\n            {...checkboxGroupScope}\n            data-accent-color={color}\n            data-material={resolvedMaterial}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-CheckboxCardsRoot', className)}\n          />\n        </Grid>\n      </CheckboxCardsProvider>\n    );\n  },\n);\nCheckboxCardsRoot.displayName = 'CheckboxCards.Root';\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxCardsItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst CheckboxCardsItem = React.forwardRef<\n  CheckboxCardsItemElement,\n  ScopedProps<CheckboxCardsItemProps>\n>(({ __scopeCheckboxCards, children, className, style, ...props }, forwardedRef) => {\n  const context = useCheckboxCardsContext('CheckboxCardsItem', __scopeCheckboxCards);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n\n  const { className: checkboxClassName } = extractProps(\n    // Pass size and variant values from the context to generate styles\n    {\n      size: context?.size,\n      variant: context?.variant || 'solid',\n    },\n    // Pass size & variant prop defs to allow it to be extracted\n    baseCheckboxPropDefs,\n  );\n  const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n  const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n  return (\n    <label\n      className={classNames(\n        'rt-BaseCard',\n        'rt-CheckboxCardsItem',\n        variantClass,\n        sizeClass,\n        className,\n      )}\n      style={style}\n    >\n      {children}\n      <CheckboxGroupPrimitive.Item\n        {...checkboxGroupScope}\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCheckboxRoot',\n          'rt-CheckboxCardCheckbox',\n          checkboxClassName,\n        )}\n      >\n        <CheckboxGroupPrimitive.Indicator\n          {...checkboxGroupScope}\n          asChild\n          className=\"rt-BaseCheckboxIndicator\"\n        >\n          <ThickCheckIcon />\n        </CheckboxGroupPrimitive.Indicator>\n      </CheckboxGroupPrimitive.Item>\n    </label>\n  );\n});\nCheckboxCardsItem.displayName = 'CheckboxCards.Item';\n\nexport { CheckboxCardsRoot as Root, CheckboxCardsItem as Item };\nexport type { CheckboxCardsRootProps as RootProps, CheckboxCardsItemProps as ItemProps };\n"],
+  "mappings": "6XAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAgBxB,IAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAIC,EAAQ,mBAAmBF,EAA0B,CACxFG,CACF,CAAC,EACKC,EAAwBD,EAAyB,EAOjD,CAACE,EAAuBC,CAAuB,EACnDL,EAAsDD,CAAwB,EAW1EO,EAA0B,aAC9B,CAACC,EAA4CC,IAAiB,CAC5D,IAAMC,EAAeC,EAAgB,EAC/BC,EAAmBJ,EAAM,UAAYE,EAAa,SAClD,CACJ,qBAAAG,EACA,UAAAC,EACA,MAAAC,EACA,SAAUC,EACV,GAAGC,CACL,EAAIC,EAAaV,EAAOW,EAA2BC,CAAc,EAC3DC,EAAqBjB,EAAsBS,CAAoB,EACrE,OACE,gBAACR,EAAA,CACC,MAAOQ,EACP,KAAML,EAAM,KACZ,QAASA,EAAM,SAEf,gBAACc,EAAA,CAAK,QAAO,IACX,gBAAwBC,EAAvB,CACE,GAAGF,EACJ,oBAAmBN,EACnB,gBAAeH,EACd,GAAGK,EACJ,IAAKR,EACL,UAAWe,EAAW,uBAAwBV,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACAP,EAAkB,YAAc,qBAMhC,IAAMkB,EAA0B,aAG9B,CAAC,CAAE,qBAAAZ,EAAsB,SAAAa,EAAU,UAAAZ,EAAW,MAAAa,EAAO,GAAGnB,CAAM,EAAGC,IAAiB,CAClF,IAAMmB,EAAUtB,EAAwB,oBAAqBO,CAAoB,EAC3EQ,EAAqBjB,EAAsBS,CAAoB,EAE/D,CAAE,UAAWgB,CAAkB,EAAIX,EAEvC,CACE,KAAMU,GAAS,KACf,QAASA,GAAS,SAAW,OAC/B,EAEAE,CACF,EACMC,EAAeH,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEI,EAAYJ,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE,gBAAC,SACC,UAAWJ,EACT,cACA,uBACAO,EACAC,EACAlB,CACF,EACA,MAAOa,GAEND,EACD,gBAAwBO,EAAvB,CACE,GAAGZ,EACH,GAAGb,EACJ,IAAKC,EACL,UAAWe,EACT,WACA,sBACA,0BACAK,CACF,GAEA,gBAAwBK,EAAvB,CACE,GAAGb,EACJ,QAAO,GACP,UAAU,4BAEV,gBAACc,EAAA,IAAe,CAClB,CACF,CACF,CAEJ,CAAC,EACDV,EAAkB,YAAc",
+  "names": ["checkbox_cards_exports", "__export", "CheckboxCardsItem", "CheckboxCardsRoot", "React", "classNames", "Context", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "Context", "createCheckboxGroupScope", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "CheckboxCardsRoot", "props", "forwardedRef", "themeContext", "useThemeContext", "resolvedMaterial", "__scopeCheckboxCards", "className", "color", "_material", "rootProps", "extractProps", "checkboxCardsRootPropDefs", "marginPropDefs", "checkboxGroupScope", "Grid", "Root", "classNames", "CheckboxCardsItem", "children", "style", "context", "checkboxClassName", "baseCheckboxPropDefs", "variantClass", "sizeClass", "Item", "Indicator", "ThickCheckIcon"]
+}

package/dist/esm/{chunk-7FC7HF76.js → chunk-JLI7WHV6.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-4JQZUQY7.js";import{a as o}from"./chunk-6FLLFCBU.js";import*as e from"react";import a from"classnames";import{Slot as P}from"radix-ui";var E=e.forwardRef((m,r)=>{let{asChild:t,className:s,...f}=o(m,p),n=t?P.Root:"em";return e.createElement(n,{...f,ref:r,className:a("rt-Em",s)})});E.displayName="Em";export{E as a};
-//# sourceMappingURL=chunk-7FC7HF76.js.map
+import{a as p}from"./chunk-4JQZUQY7.js";import{a as o}from"./chunk-UBSLEGQZ.js";import*as e from"react";import a from"classnames";import{Slot as P}from"radix-ui";var E=e.forwardRef((m,r)=>{let{asChild:t,className:s,...f}=o(m,p),n=t?P.Root:"em";return e.createElement(n,{...f,ref:r,className:a("rt-Em",s)})});E.displayName="Em";export{E as a};
+//# sourceMappingURL=chunk-JLI7WHV6.js.map

package/dist/esm/{chunk-OW4KAIWF.js → chunk-JQURG6CB.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk-KNQBAOMV.js";import{b as t}from"./chunk-ZWZGUBL4.js";import{a as s}from"./chunk-ERGJN7FJ.js";import{c as e}from"./chunk-Z4DTHR2S.js";var o=["start","center","end","baseline","stretch"],i=["horizontal","vertical"],a=["1","2","3"],u={orientation:{type:"enum",className:"rt-r-orientation",values:i,default:"horizontal",responsive:!0},size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},trim:{...r.trim,className:"rt-r-trim"}},c={align:{type:"enum",className:"rt-r-ai",values:o,responsive:!0}},D={...s,...e,emphasis:{...t.emphasis,default:"medium"}};export{u as a,c as b,D as c};
-//# sourceMappingURL=chunk-OW4KAIWF.js.map
+import{a as r}from"./chunk-KNQBAOMV.js";import{b as t}from"./chunk-ZWZGUBL4.js";import{a as s}from"./chunk-ERGJN7FJ.js";import{c as e}from"./chunk-34KVYDF6.js";var o=["start","center","end","baseline","stretch"],i=["horizontal","vertical"],a=["1","2","3"],u={orientation:{type:"enum",className:"rt-r-orientation",values:i,default:"horizontal",responsive:!0},size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},trim:{...r.trim,className:"rt-r-trim"}},c={align:{type:"enum",className:"rt-r-ai",values:o,responsive:!0}},D={...s,...e,emphasis:{...t.emphasis,default:"medium"}};export{u as a,c as b,D as c};
+//# sourceMappingURL=chunk-JQURG6CB.js.map

package/dist/esm/{chunk-GONBMSRL.js → chunk-JZD5FHSU.js}

@@ -1,2 +1,2 @@
-import{a as d}from"./chunk-5GXFBLBJ.js";import{a as S}from"./chunk-UBOOUDS4.js";import{a as e}from"./chunk-XPRPYCII.js";import{a as f}from"./chunk-5BWLY27A.js";import{a as u}from"./chunk-PS6NEG5A.js";import{a as n}from"./chunk-E23RKOQJ.js";import{b as t}from"./chunk-JUY7CBSL.js";import*as r from"react";import a from"classnames";import{ScrollArea as o}from"radix-ui";import{useComposedRefs as E}from"radix-ui/internal";var T=r.forwardRef((P,A)=>{let{rest:v,...y}=d(P),[R,g]=S(y),{asChild:s,children:N,className:b,style:h,type:i,scrollHideDelay:w=i!=="scroll"?0:void 0,dir:M,size:p=e.size.default,radius:m=e.radius.default,scrollbars:l=e.scrollbars.default,fade:c=e.fade.default,...C}=v,z=f(c),V=E(A,z);return r.createElement(o.Root,{type:i,scrollHideDelay:w,className:a("rt-ScrollAreaRoot",R,b),"data-fade":c?"":void 0,style:n(g,h),asChild:s},u({asChild:s,children:N},D=>r.createElement(r.Fragment,null,r.createElement(o.Viewport,{...C,ref:V,className:"rt-ScrollAreaViewport"},D),r.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),l!=="vertical"?r.createElement(o.Scrollbar,{"data-radius":m,orientation:"horizontal",className:a("rt-ScrollAreaScrollbar",t({className:"rt-r-size",value:p,propValues:e.size.values}))},r.createElement(o.Thumb,{className:"rt-ScrollAreaThumb"})):null,l!=="horizontal"?r.createElement(o.Scrollbar,{"data-radius":m,orientation:"vertical",className:a("rt-ScrollAreaScrollbar",t({className:"rt-r-size",value:p,propValues:e.size.values}))},r.createElement(o.Thumb,{className:"rt-ScrollAreaThumb"})):null,l==="both"?r.createElement(o.Corner,{className:"rt-ScrollAreaCorner"}):null)))});T.displayName="ScrollArea";export{T as a};
-//# sourceMappingURL=chunk-GONBMSRL.js.map
+import{a as S}from"./chunk-AO32NT75.js";import{a as d}from"./chunk-5GXFBLBJ.js";import{a as e}from"./chunk-XPRPYCII.js";import{a as f}from"./chunk-5BWLY27A.js";import{a as u}from"./chunk-PS6NEG5A.js";import{a as n}from"./chunk-E23RKOQJ.js";import{b as t}from"./chunk-PBFSBHBS.js";import*as r from"react";import a from"classnames";import{ScrollArea as o}from"radix-ui";import{useComposedRefs as E}from"radix-ui/internal";var T=r.forwardRef((P,A)=>{let{rest:v,...y}=d(P),[R,g]=S(y),{asChild:s,children:N,className:b,style:h,type:i,scrollHideDelay:w=i!=="scroll"?0:void 0,dir:M,size:p=e.size.default,radius:m=e.radius.default,scrollbars:l=e.scrollbars.default,fade:c=e.fade.default,...C}=v,z=f(c),V=E(A,z);return r.createElement(o.Root,{type:i,scrollHideDelay:w,className:a("rt-ScrollAreaRoot",R,b),"data-fade":c?"":void 0,style:n(g,h),asChild:s},u({asChild:s,children:N},D=>r.createElement(r.Fragment,null,r.createElement(o.Viewport,{...C,ref:V,className:"rt-ScrollAreaViewport"},D),r.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),l!=="vertical"?r.createElement(o.Scrollbar,{"data-radius":m,orientation:"horizontal",className:a("rt-ScrollAreaScrollbar",t({className:"rt-r-size",value:p,propValues:e.size.values}))},r.createElement(o.Thumb,{className:"rt-ScrollAreaThumb"})):null,l!=="horizontal"?r.createElement(o.Scrollbar,{"data-radius":m,orientation:"vertical",className:a("rt-ScrollAreaScrollbar",t({className:"rt-r-size",value:p,propValues:e.size.values}))},r.createElement(o.Thumb,{className:"rt-ScrollAreaThumb"})):null,l==="both"?r.createElement(o.Corner,{className:"rt-ScrollAreaCorner"}):null)))});T.displayName="ScrollArea";export{T as a};
+//# sourceMappingURL=chunk-JZD5FHSU.js.map

package/dist/esm/{chunk-EUSMN3K7.js → chunk-K5SC3CZZ.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-FGORMEAO.js";import{b as t}from"./chunk-FWB47YCH.js";import{a as r}from"./chunk-K53W3ELO.js";import{a as p}from"./chunk-6FLLFCBU.js";import{a as s}from"./chunk-GSTOGDAJ.js";import*as o from"react";import f from"classnames";var B=o.forwardRef((m,a)=>{let{className:n,asChild:i,as:P="div",...x}=p(m,e,r,s);return o.createElement(i?t:P,{...x,ref:a,className:f("rt-Box",n)})});B.displayName="Box";export{B as a};
-//# sourceMappingURL=chunk-EUSMN3K7.js.map
+import{a as e}from"./chunk-FGORMEAO.js";import{b as t}from"./chunk-FWB47YCH.js";import{a as r}from"./chunk-K53W3ELO.js";import{a as p}from"./chunk-UBSLEGQZ.js";import{a as s}from"./chunk-GSTOGDAJ.js";import*as o from"react";import f from"classnames";var B=o.forwardRef((m,a)=>{let{className:n,asChild:i,as:P="div",...x}=p(m,e,r,s);return o.createElement(i?t:P,{...x,ref:a,className:f("rt-Box",n)})});B.displayName="Box";export{B as a};
+//# sourceMappingURL=chunk-K5SC3CZZ.js.map

package/dist/esm/{chunk-UBWRIE4C.js → chunk-K7J23OPW.js}

@@ -1,2 +1,2 @@
-import{c as e}from"./chunk-Z4DTHR2S.js";var o=["horizontal","vertical"],t=["1","2","3","4"],a={orientation:{type:"enum",className:"rt-r-orientation",values:o,default:"horizontal",responsive:!0},size:{type:"enum",className:"rt-r-size",values:t,default:"1",responsive:!0},color:{...e.color,default:"gray"},decorative:{type:"boolean",default:!0},light:{type:"boolean",className:"rt-light",default:!1}};export{a};
-//# sourceMappingURL=chunk-UBWRIE4C.js.map
+import{c as e}from"./chunk-34KVYDF6.js";var o=["horizontal","vertical"],t=["1","2","3","4"],a={orientation:{type:"enum",className:"rt-r-orientation",values:o,default:"horizontal",responsive:!0},size:{type:"enum",className:"rt-r-size",values:t,default:"1",responsive:!0},color:{...e.color,default:"gray"},decorative:{type:"boolean",default:!0},light:{type:"boolean",className:"rt-light",default:!1}};export{a};
+//# sourceMappingURL=chunk-K7J23OPW.js.map

package/dist/esm/{chunk-UTHTSYSL.js → chunk-K7XY7FLD.js}

@@ -1,2 +1,2 @@
-import{a as Oe,b as Ae}from"./chunk-ADXZNG4F.js";import{a as De}from"./chunk-2EQWBT2S.js";import{a as Ie}from"./chunk-OJSDBLP7.js";import{c as ne,d as oe,e as Re,f as ve,g as ge}from"./chunk-SQZ5O7QS.js";import{a as Ne}from"./chunk-ZQVYY7UT.js";import{a as ke}from"./chunk-62CJL5G7.js";import{a as q,b as ze,c as xe,d as He,g as we}from"./chunk-3J6AUDID.js";import{a as be,b as le}from"./chunk-HCNO7PX6.js";import{a as ie,b as ce,c as de}from"./chunk-GMHA5CFH.js";import{e as ae,f as Ce,h as Ee,i as Z,j as ye,k as re,l as se,n as Me,o as ee}from"./chunk-A2XVR7GL.js";import{a as Le,b as Te}from"./chunk-BZZXXZ3O.js";import{a as Se}from"./chunk-HWQ3NTJP.js";import{a as Pe}from"./chunk-3XSB7YIM.js";import{a as qe}from"./chunk-OS3FCYZY.js";var Qe={};qe(Qe,{Bottom:()=>Ne,Content:()=>Ke,Header:()=>Ue,Inspector:()=>ke,Left:()=>We,PaneFooter:()=>ve,PaneHeader:()=>Re,Panel:()=>me,Rail:()=>_e,Root:()=>Ve,Scroll:()=>ge,Sidebar:()=>Ie,Trigger:()=>$e,useResponsivePresentation:()=>De,useShell:()=>Ae,useSidebarMode:()=>Oe});import*as e from"react";import V from"classnames";import{useComposedRefs as fe}from"radix-ui/internal";var ue=0;function Fe(a){ue=Math.max(0,ue+a);let r=document.documentElement;ue>0?r.setAttribute("data-rt-shell-lock",""):r.removeAttribute("data-rt-shell-lock")}var pe="data-rt-shell-inert",je=30;function j(a,r){return r===null||r===a||r===a.body||r===a.documentElement}function Be(a,r,i){for(let d of a.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(d.getAttribute("aria-controls")!==r||d.closest("[inert]"))&&!(i&&!i.some(P=>P.contains(d))))return d;return null}var Ve=e.forwardRef(({className:a,children:r,height:i="full",size:d="2",style:P,onKeyDown:A,onFocus:H,...w},N)=>{let[s]=e.useState(Ce),R=e.useCallback(t=>Ee(s,t),[s]);e.useSyncExternalStore(R,()=>s.version,()=>0);let p=e.useRef(null),y=fe(N,p),[S,M]=e.useState(()=>new Set),b=e.useCallback(t=>{M(o=>o.has(t)?o:new Set(o).add(t))},[]),h=e.useCallback(t=>{M(o=>{if(!o.has(t))return o;let n=new Set(o);return n.delete(t),n})},[]),f=e.useMemo(()=>({registerInset:b,unregisterInset:h}),[b,h]),v=e.useCallback(()=>{for(let t of s.entries.values())t.overlayLive&&t.setValue("closed","dismiss")},[s]),C=e.useCallback(()=>[...s.entries.values()].filter(t=>t.overlayLive&&t.el).map(t=>({name:t.name,id:t.id,el:t.el})),[s]),g=[...s.entries.values()].filter(t=>t.overlayLive&&t.el).length,k=i!=="full"&&i!=="auto",I=e.useCallback(()=>{let t=p.current;if(!t)return;let o=C().map(n=>n.el);for(let n of t.children){if(!(n instanceof HTMLElement)||n.classList.contains("rt-ShellScrim"))continue;let c=o.some(z=>n===z||n.contains(z));o.length===0||c?n.hasAttribute(pe)&&(n.removeAttribute(pe),n.inert=!1):n.inert||(n.setAttribute(pe,""),n.inert=!0)}},[C]),O=e.useRef(null),G=e.useRef([]),X=e.useRef(null),D=e.useRef(!1),L=e.useRef(0),F=e.useCallback(()=>{L.current&&cancelAnimationFrame(L.current),L.current=0},[]),U=e.useCallback((t,o)=>{F();let n=0,c=()=>{if(L.current=0,!!t.isConnected){if(o(t.ownerDocument.activeElement)){t.focus({preventScroll:!0});return}n+=1,n<je&&(L.current=requestAnimationFrame(c))}};L.current=requestAnimationFrame(c)},[F]);e.useEffect(()=>()=>{F(),D.current&&(D.current=!1,Fe(-1))},[F]),e.useEffect(()=>{let t=p.current;if(!t)return;let o=t.ownerDocument,n=C(),c=n.map(l=>l.el),z=!k&&n.length>0;z!==D.current&&(D.current=z,Fe(z?1:-1));let _=G.current;G.current=n;let x=_.filter(l=>{if(c.includes(l.el))return!1;let u=s.entries.get(l.name);return!l.el.isConnected||!u||u.el!==l.el||u.value==="closed"}),K=l=>l!==null&&x.some(u=>u.el.contains(l));if(_.length===0&&n.length>0){let l=o.activeElement,u=l instanceof HTMLElement&&!j(o,l)&&!c.some(m=>m.contains(l))?l:null;if(u&&!t.contains(u)){let m=X.current;m&&m.isConnected&&!c.some(Y=>Y.contains(m))&&(u=m)}O.current=u}if(I(),n.length===0){let l=O.current;if(O.current=null,x.length===0)return;let m=(E=>E!==null&&E.isConnected&&!E.closest("[inert]")&&!K(E))(l)?l:null;for(let E of x)m??(m=Be(o,E.id));if(!m)return;let Y=E=>j(o,E)||K(E);Y(o.activeElement)?m.focus({preventScroll:!0}):U(m,Y);return}if(x.length>0){let l=o.activeElement;if(j(o,l)||K(l)){let u=null;for(let m of x)u??(u=Be(o,m.id,c));(u??c[c.length-1]).focus({preventScroll:!0})}}let $=c.filter(l=>!_.some(u=>u.el===l)),Q=o.activeElement;$.length>0&&!c.some(l=>l.contains(Q))&&($[0].focus({preventScroll:!0}),U($[0],l=>j(o,l)||l instanceof Element&&l.closest("[inert]")!==null))}),e.useEffect(()=>{let t=p.current;if(!t||g===0||typeof MutationObserver>"u")return;let o=new MutationObserver(I);return o.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>o.disconnect()},[g,I]);let te=t=>{A?.(t),!(t.key!=="Escape"||t.defaultPrevented||g===0)&&(v(),t.stopPropagation())};e.useEffect(()=>{let t=p.current;if(!t||g===0)return;let o=t.ownerDocument,n=c=>{c.key!=="Escape"||c.defaultPrevented||!j(o,c.target)||v()};return o.addEventListener("keydown",n),()=>o.removeEventListener("keydown",n)},[g,v]);let J=t=>{H?.(t),t.target instanceof HTMLElement&&p.current?.contains(t.target)&&(X.current=t.target)},T=s.entries.get("rail"),B=T!==void 0&&T.value!==void 0&&T.value!=="closed"?S.has("rail")?`calc(${T.size}px + 2 * var(--shell-inset-gap))`:`${T.size}px`:void 0,W=i==="full"?{}:i==="auto"?{height:"auto"}:typeof i=="number"?{height:`${i}px`}:{height:i};return e.createElement(ye.Provider,{value:s},e.createElement(ne.Provider,{value:d},e.createElement(Me.Provider,{value:f},e.createElement("div",{...w,ref:y,className:V("rt-ShellRoot",a),"data-height":i==="auto"?"auto":void 0,"data-has-inset":S.size>0||void 0,"data-overlay-live":g>0||void 0,onKeyDown:te,onFocus:J,style:{...W,...B?{"--shell-rail-offset":B}:{},...P}},r,e.createElement("div",{className:"rt-ShellScrim","aria-hidden":!0,onClick:v})))))});Ve.displayName="Shell.Root";var Ue=e.forwardRef(({className:a,height:r=64,style:i,...d},P)=>e.createElement("header",{...d,ref:P,className:V("rt-ShellHeader",a),style:{...i,"--shell-header-height":`${r}px`}}));Ue.displayName="Shell.Header";var We=e.forwardRef(({children:a},r)=>(e.useEffect(()=>{},[]),e.createElement(e.Fragment,null,a)));We.displayName="Shell.Left";var Ge={controlled:"open",default:"defaultOpen"},_e=e.forwardRef((a,r)=>{let{className:i,presentation:d,expandedSize:P=64,collapsible:A,onExpand:H,onCollapse:w,children:N,style:s,open:R,defaultOpen:p,onOpenChange:y,inset:S,id:M,...b}=a,{table:h,attributes:f}=de(d,"fixed"),v=ie({name:"rail",label:"Rail",propNames:Ge,id:M,controlled:q(R),defaultValue:q(p),presentationTable:h,builtIn:ze,onChange:(g,k)=>y?.(g!=="closed",{reason:k}),onExpand:H,onCollapse:w,size:P});ee("rail",S);let C=fe(r,v.setElement);return e.createElement("div",{...b,id:v.id,ref:C,className:V("rt-ShellPane","rt-ShellRail",i),...ce(v,f),"data-inset":S||void 0,tabIndex:v.overlaying?-1:b.tabIndex,style:{...s,"--rail-size":`${P}px`}},e.createElement(Xe,null,N))});_e.displayName="Shell.Rail";function Xe({children:a}){let r=e.useContext(ne);return e.createElement("div",{className:V("rt-ShellRailContent",`rt-r-size-${r}`)},e.createElement(oe,{presentation:"thin"},a))}var Je={controlled:"open",default:"defaultOpen"},me=e.forwardRef((a,r)=>{let{className:i,presentation:d,defaultOpen:P,open:A,onOpenChange:H,size:w,defaultSize:N,expandedSize:s=288,minSize:R=100,maxSize:p=800,resizable:y=!1,collapsible:S=!0,onExpand:M,onCollapse:b,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,children:G,style:X,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F=50,inset:U,id:te,...J}=a,T=re("Shell.Panel"),he=se(T,"rail"),B=de(d,"fixed"),W=d===void 0,t=W?he?.presentationTable??ae:B.table,o=W?{"data-presentation-follows":""}:B.attributes,n=ie({name:"panel",label:"Panel",propNames:Je,id:te,controlled:q(A),defaultValue:q(P),presentationTable:t,builtIn:xe,onChange:(Q,l)=>H?.(Q!=="closed",{reason:l}),onExpand:M,onCollapse:b,size:s});ee("panel",U),e.useEffect(()=>{(C!==void 0||k!==void 0||I!==void 0||O!==void 0)&&void 0},[C,k,I,O]);let c=e.useRef(null),z=fe(r,n.setElement,c),_=Le({name:"panel",elementId:n.id,elementRef:c,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:He,expandedSize:s,minSize:R,maxSize:p,resizable:y,collapsible:S,size:w,defaultSize:N,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,overlaying:n.overlaying,overlayingNow:()=>(W?T.entries.get("rail")?.presentationTable??ae:B.table)[Pe()]==="overlay",requestCollapse:()=>n.setValue("closed","toggle"),requestToggle:()=>n.toggle("toggle")}),{handles:x,content:K}=Te(G,le),$=y&&n.shown!==!1&&!n.overlaying?e.createElement(Se.Provider,{value:_},x.length>0?x:e.createElement(be,null)):null;return e.createElement("div",{...we(J),id:n.id,ref:z,className:V("rt-ShellPane","rt-ShellPanel",i),...ce(n,o),"data-inset":U||void 0,tabIndex:n.overlaying?-1:J.tabIndex,style:{...X,"--panel-expanded-size":`${s}px`}},e.createElement("div",{className:"rt-ShellPanelContent"},e.createElement(oe,null,K)),$)});me.displayName="Shell.Panel";me.Handle=le;var Ke=e.forwardRef(({className:a,inset:r,...i},d)=>(ee("content",r),e.createElement("main",{...i,ref:d,className:V("rt-ShellContent",a),"data-inset":r||void 0})));Ke.displayName="Shell.Content";var $e=e.forwardRef(({target:a,action:r="toggle",peekOnHover:i,onClick:d,onMouseEnter:P,onMouseLeave:A,children:H,...w},N)=>{let s=re("Shell.Trigger");e.useEffect(()=>{a==="left"&&void 0,i&&void 0},[a,i]);let R=a==="left"?"rail":a,p=se(s,R),y=p?.value===void 0?void 0:p.value!=="closed",S=h=>{if(d?.(h),h.defaultPrevented)return;let f=s.entries.get(R);f&&(s.peek===R&&Z(s,null),r==="toggle"?f.toggle("toggle"):r==="expand"?f.setValue("open","toggle"):f.setValue("closed","toggle"))},M=h=>{if(P?.(h),!i)return;let f=s.entries.get(R);f&&f.value==="closed"&&f.presentation!=="overlay"&&Z(s,R)},b=h=>{A?.(h),i&&s.peek===R&&Z(s,null)};return e.createElement("button",{type:"button","aria-controls":p?.id,"aria-expanded":y,...w,ref:N,onClick:S,onMouseEnter:M,onMouseLeave:b,"data-shell-trigger":a,"data-shell-action":r},H)});$e.displayName="Shell.Trigger";export{Ve as a,Ue as b,We as c,_e as d,me as e,Ke as f,$e as g,Qe as h};
-//# sourceMappingURL=chunk-UTHTSYSL.js.map
+import{a as Oe,b as Ae}from"./chunk-I53SGTKV.js";import{a as De}from"./chunk-MGQ4A2FI.js";import{a as Ie}from"./chunk-SHFBYYEP.js";import{c as ne,d as oe,e as Re,f as ve,g as ge}from"./chunk-BQE543O5.js";import{a as Ne}from"./chunk-672FI4OH.js";import{a as ke}from"./chunk-A2NG5NRN.js";import{a as q,b as ze,c as xe,d as He,g as we}from"./chunk-3J6AUDID.js";import{a as be,b as le}from"./chunk-HCNO7PX6.js";import{a as ie,b as ce,c as de}from"./chunk-5ROQAZ7J.js";import{e as ae,f as Ce,h as Ee,i as Z,j as ye,k as re,l as se,n as Me,o as ee}from"./chunk-3PTKPDSA.js";import{a as Le,b as Te}from"./chunk-BZZXXZ3O.js";import{a as Se}from"./chunk-HWQ3NTJP.js";import{a as Pe}from"./chunk-TBZO22XK.js";import{a as qe}from"./chunk-OS3FCYZY.js";var Qe={};qe(Qe,{Bottom:()=>Ne,Content:()=>Ke,Header:()=>Ue,Inspector:()=>ke,Left:()=>We,PaneFooter:()=>ve,PaneHeader:()=>Re,Panel:()=>me,Rail:()=>_e,Root:()=>Ve,Scroll:()=>ge,Sidebar:()=>Ie,Trigger:()=>$e,useResponsivePresentation:()=>De,useShell:()=>Ae,useSidebarMode:()=>Oe});import*as e from"react";import V from"classnames";import{useComposedRefs as fe}from"radix-ui/internal";var ue=0;function Fe(a){ue=Math.max(0,ue+a);let r=document.documentElement;ue>0?r.setAttribute("data-rt-shell-lock",""):r.removeAttribute("data-rt-shell-lock")}var pe="data-rt-shell-inert",je=30;function j(a,r){return r===null||r===a||r===a.body||r===a.documentElement}function Be(a,r,i){for(let d of a.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(d.getAttribute("aria-controls")!==r||d.closest("[inert]"))&&!(i&&!i.some(P=>P.contains(d))))return d;return null}var Ve=e.forwardRef(({className:a,children:r,height:i="full",size:d="2",style:P,onKeyDown:A,onFocus:H,...w},N)=>{let[s]=e.useState(Ce),R=e.useCallback(t=>Ee(s,t),[s]);e.useSyncExternalStore(R,()=>s.version,()=>0);let p=e.useRef(null),y=fe(N,p),[S,M]=e.useState(()=>new Set),b=e.useCallback(t=>{M(o=>o.has(t)?o:new Set(o).add(t))},[]),h=e.useCallback(t=>{M(o=>{if(!o.has(t))return o;let n=new Set(o);return n.delete(t),n})},[]),f=e.useMemo(()=>({registerInset:b,unregisterInset:h}),[b,h]),v=e.useCallback(()=>{for(let t of s.entries.values())t.overlayLive&&t.setValue("closed","dismiss")},[s]),C=e.useCallback(()=>[...s.entries.values()].filter(t=>t.overlayLive&&t.el).map(t=>({name:t.name,id:t.id,el:t.el})),[s]),g=[...s.entries.values()].filter(t=>t.overlayLive&&t.el).length,k=i!=="full"&&i!=="auto",I=e.useCallback(()=>{let t=p.current;if(!t)return;let o=C().map(n=>n.el);for(let n of t.children){if(!(n instanceof HTMLElement)||n.classList.contains("rt-ShellScrim"))continue;let c=o.some(z=>n===z||n.contains(z));o.length===0||c?n.hasAttribute(pe)&&(n.removeAttribute(pe),n.inert=!1):n.inert||(n.setAttribute(pe,""),n.inert=!0)}},[C]),O=e.useRef(null),G=e.useRef([]),X=e.useRef(null),D=e.useRef(!1),L=e.useRef(0),F=e.useCallback(()=>{L.current&&cancelAnimationFrame(L.current),L.current=0},[]),U=e.useCallback((t,o)=>{F();let n=0,c=()=>{if(L.current=0,!!t.isConnected){if(o(t.ownerDocument.activeElement)){t.focus({preventScroll:!0});return}n+=1,n<je&&(L.current=requestAnimationFrame(c))}};L.current=requestAnimationFrame(c)},[F]);e.useEffect(()=>()=>{F(),D.current&&(D.current=!1,Fe(-1))},[F]),e.useEffect(()=>{let t=p.current;if(!t)return;let o=t.ownerDocument,n=C(),c=n.map(l=>l.el),z=!k&&n.length>0;z!==D.current&&(D.current=z,Fe(z?1:-1));let _=G.current;G.current=n;let x=_.filter(l=>{if(c.includes(l.el))return!1;let u=s.entries.get(l.name);return!l.el.isConnected||!u||u.el!==l.el||u.value==="closed"}),K=l=>l!==null&&x.some(u=>u.el.contains(l));if(_.length===0&&n.length>0){let l=o.activeElement,u=l instanceof HTMLElement&&!j(o,l)&&!c.some(m=>m.contains(l))?l:null;if(u&&!t.contains(u)){let m=X.current;m&&m.isConnected&&!c.some(Y=>Y.contains(m))&&(u=m)}O.current=u}if(I(),n.length===0){let l=O.current;if(O.current=null,x.length===0)return;let m=(E=>E!==null&&E.isConnected&&!E.closest("[inert]")&&!K(E))(l)?l:null;for(let E of x)m??(m=Be(o,E.id));if(!m)return;let Y=E=>j(o,E)||K(E);Y(o.activeElement)?m.focus({preventScroll:!0}):U(m,Y);return}if(x.length>0){let l=o.activeElement;if(j(o,l)||K(l)){let u=null;for(let m of x)u??(u=Be(o,m.id,c));(u??c[c.length-1]).focus({preventScroll:!0})}}let $=c.filter(l=>!_.some(u=>u.el===l)),Q=o.activeElement;$.length>0&&!c.some(l=>l.contains(Q))&&($[0].focus({preventScroll:!0}),U($[0],l=>j(o,l)||l instanceof Element&&l.closest("[inert]")!==null))}),e.useEffect(()=>{let t=p.current;if(!t||g===0||typeof MutationObserver>"u")return;let o=new MutationObserver(I);return o.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>o.disconnect()},[g,I]);let te=t=>{A?.(t),!(t.key!=="Escape"||t.defaultPrevented||g===0)&&(v(),t.stopPropagation())};e.useEffect(()=>{let t=p.current;if(!t||g===0)return;let o=t.ownerDocument,n=c=>{c.key!=="Escape"||c.defaultPrevented||!j(o,c.target)||v()};return o.addEventListener("keydown",n),()=>o.removeEventListener("keydown",n)},[g,v]);let J=t=>{H?.(t),t.target instanceof HTMLElement&&p.current?.contains(t.target)&&(X.current=t.target)},T=s.entries.get("rail"),B=T!==void 0&&T.value!==void 0&&T.value!=="closed"?S.has("rail")?`calc(${T.size}px + 2 * var(--shell-inset-gap))`:`${T.size}px`:void 0,W=i==="full"?{}:i==="auto"?{height:"auto"}:typeof i=="number"?{height:`${i}px`}:{height:i};return e.createElement(ye.Provider,{value:s},e.createElement(ne.Provider,{value:d},e.createElement(Me.Provider,{value:f},e.createElement("div",{...w,ref:y,className:V("rt-ShellRoot",a),"data-height":i==="auto"?"auto":void 0,"data-has-inset":S.size>0||void 0,"data-overlay-live":g>0||void 0,onKeyDown:te,onFocus:J,style:{...W,...B?{"--shell-rail-offset":B}:{},...P}},r,e.createElement("div",{className:"rt-ShellScrim","aria-hidden":!0,onClick:v})))))});Ve.displayName="Shell.Root";var Ue=e.forwardRef(({className:a,height:r=64,style:i,...d},P)=>e.createElement("header",{...d,ref:P,className:V("rt-ShellHeader",a),style:{...i,"--shell-header-height":`${r}px`}}));Ue.displayName="Shell.Header";var We=e.forwardRef(({children:a},r)=>(e.useEffect(()=>{},[]),e.createElement(e.Fragment,null,a)));We.displayName="Shell.Left";var Ge={controlled:"open",default:"defaultOpen"},_e=e.forwardRef((a,r)=>{let{className:i,presentation:d,expandedSize:P=64,collapsible:A,onExpand:H,onCollapse:w,children:N,style:s,open:R,defaultOpen:p,onOpenChange:y,inset:S,id:M,...b}=a,{table:h,attributes:f}=de(d,"fixed"),v=ie({name:"rail",label:"Rail",propNames:Ge,id:M,controlled:q(R),defaultValue:q(p),presentationTable:h,builtIn:ze,onChange:(g,k)=>y?.(g!=="closed",{reason:k}),onExpand:H,onCollapse:w,size:P});ee("rail",S);let C=fe(r,v.setElement);return e.createElement("div",{...b,id:v.id,ref:C,className:V("rt-ShellPane","rt-ShellRail",i),...ce(v,f),"data-inset":S||void 0,tabIndex:v.overlaying?-1:b.tabIndex,style:{...s,"--rail-size":`${P}px`}},e.createElement(Xe,null,N))});_e.displayName="Shell.Rail";function Xe({children:a}){let r=e.useContext(ne);return e.createElement("div",{className:V("rt-ShellRailContent",`rt-r-size-${r}`)},e.createElement(oe,{presentation:"thin"},a))}var Je={controlled:"open",default:"defaultOpen"},me=e.forwardRef((a,r)=>{let{className:i,presentation:d,defaultOpen:P,open:A,onOpenChange:H,size:w,defaultSize:N,expandedSize:s=288,minSize:R=100,maxSize:p=800,resizable:y=!1,collapsible:S=!0,onExpand:M,onCollapse:b,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,children:G,style:X,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F=50,inset:U,id:te,...J}=a,T=re("Shell.Panel"),he=se(T,"rail"),B=de(d,"fixed"),W=d===void 0,t=W?he?.presentationTable??ae:B.table,o=W?{"data-presentation-follows":""}:B.attributes,n=ie({name:"panel",label:"Panel",propNames:Je,id:te,controlled:q(A),defaultValue:q(P),presentationTable:t,builtIn:xe,onChange:(Q,l)=>H?.(Q!=="closed",{reason:l}),onExpand:M,onCollapse:b,size:s});ee("panel",U),e.useEffect(()=>{(C!==void 0||k!==void 0||I!==void 0||O!==void 0)&&void 0},[C,k,I,O]);let c=e.useRef(null),z=fe(r,n.setElement,c),_=Le({name:"panel",elementId:n.id,elementRef:c,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:He,expandedSize:s,minSize:R,maxSize:p,resizable:y,collapsible:S,size:w,defaultSize:N,onSizeChange:D,sizeUpdate:L,sizeUpdateMs:F,onResize:h,onResizeStart:f,onResizeEnd:v,snapPoints:C,snapTolerance:g,collapseThreshold:k,paneId:I,persistence:O,overlaying:n.overlaying,overlayingNow:()=>(W?T.entries.get("rail")?.presentationTable??ae:B.table)[Pe()]==="overlay",requestCollapse:()=>n.setValue("closed","toggle"),requestToggle:()=>n.toggle("toggle")}),{handles:x,content:K}=Te(G,le),$=y&&n.shown!==!1&&!n.overlaying?e.createElement(Se.Provider,{value:_},x.length>0?x:e.createElement(be,null)):null;return e.createElement("div",{...we(J),id:n.id,ref:z,className:V("rt-ShellPane","rt-ShellPanel",i),...ce(n,o),"data-inset":U||void 0,tabIndex:n.overlaying?-1:J.tabIndex,style:{...X,"--panel-expanded-size":`${s}px`}},e.createElement("div",{className:"rt-ShellPanelContent"},e.createElement(oe,null,K)),$)});me.displayName="Shell.Panel";me.Handle=le;var Ke=e.forwardRef(({className:a,inset:r,...i},d)=>(ee("content",r),e.createElement("main",{...i,ref:d,className:V("rt-ShellContent",a),"data-inset":r||void 0})));Ke.displayName="Shell.Content";var $e=e.forwardRef(({target:a,action:r="toggle",peekOnHover:i,onClick:d,onMouseEnter:P,onMouseLeave:A,children:H,...w},N)=>{let s=re("Shell.Trigger");e.useEffect(()=>{a==="left"&&void 0,i&&void 0},[a,i]);let R=a==="left"?"rail":a,p=se(s,R),y=p?.value===void 0?void 0:p.value!=="closed",S=h=>{if(d?.(h),h.defaultPrevented)return;let f=s.entries.get(R);f&&(s.peek===R&&Z(s,null),r==="toggle"?f.toggle("toggle"):r==="expand"?f.setValue("open","toggle"):f.setValue("closed","toggle"))},M=h=>{if(P?.(h),!i)return;let f=s.entries.get(R);f&&f.value==="closed"&&f.presentation!=="overlay"&&Z(s,R)},b=h=>{A?.(h),i&&s.peek===R&&Z(s,null)};return e.createElement("button",{type:"button","aria-controls":p?.id,"aria-expanded":y,...w,ref:N,onClick:S,onMouseEnter:M,onMouseLeave:b,"data-shell-trigger":a,"data-shell-action":r},H)});$e.displayName="Shell.Trigger";export{Ve as a,Ue as b,We as c,_e as d,me as e,Ke as f,$e as g,Qe as h};
+//# sourceMappingURL=chunk-K7XY7FLD.js.map

package/dist/esm/chunk-K7XY7FLD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/shell.tsx"],
+  "sourcesContent": ["/**\n * Shell: the app frame.\n *\n * Since 0.8.0 the Shell is built on kookie-ui-v2's model, behind v1's API:\n *\n * - The Root is a CSS grid and renders its children as given, in JSX order.\n *   Each pane claims its own grid area, so the Root never scans or reorders\n *   children, any child renders, and a pane mounted after the Root works.\n * - State lives on each pane: `auto` (untouched), `open` or `closed`. An\n *   untouched pane follows the window, resolved by the\n *   stylesheet, so first paint needs no script and no open-state callback\n *   fires on mount or on a resize.\n * - A pane is one element at every width. `overlay` is a posture of that\n *   element, not a Sheet swapped in: crossing a breakpoint keeps its scroll\n *   position, its focus and its children's state.\n * - The Root owns what an overlay needs: one scrim, `inert` on everything\n *   else, focus moved in and returned, Escape, and a scroll lock.\n * - Nothing links panes to each other. A Rail closing no longer closes the\n *   Panel; an app that wants that writes it in `onOpenChange`.\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useComposedRefs } from 'radix-ui/internal';\nimport { PaneResizeContext } from './_internal/shell-resize.js';\nimport { PaneHandle, PanelHandle } from './_internal/shell-handles.js';\nimport { Sidebar } from './_internal/shell-sidebar.js';\nimport { Bottom } from './_internal/shell-bottom.js';\nimport { Inspector } from './_internal/shell-inspector.js';\nimport { usePane, paneAttributes, usePresentationTable } from './_internal/shell-pane.js';\nimport { splitHandles, useResizablePane } from './_internal/shell-resizable.js';\nimport {\n  FIXED_TABLE,\n  ShellInsetContext,\n  ShellStoreContext,\n  createShellStore,\n  setShellPeek,\n  subscribeShellStore,\n  useInsetRegistration,\n  usePaneEntry,\n  useShellStore,\n  warnOnce,\n  type InsetPaneId,\n} from './_internal/shell-store.js';\nimport { navigationRest, detailRest, toPaneValue, startAnchoredGrowth, withoutRemovedPaneProps } from './_internal/shell-rest.js';\nimport { useShell, useSidebarMode } from './shell.context.js';\nimport { useResponsivePresentation } from './shell.hooks.js';\nimport { readBreakpoint } from '../hooks/use-breakpoint.js';\nimport { PaneChromeScope, PaneFooter, PaneHeader, Scroll, ShellSizeContext } from './_internal/pane-chrome.js';\nimport type { PaneSize } from './_internal/pane-chrome.js';\nimport type { Breakpoint, CSSPropertiesWithVars, PaneBaseProps, PaneMode, PaneName, PaneTarget, ResponsivePresentation, SidebarMode } from './shell.types.js';\n\n/* \u2500\u2500 Root \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport interface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n  children: React.ReactNode;\n  height?: 'full' | 'auto' | string | number;\n  /** The index the panes' chrome takes: `Shell.PaneHeader`, `Shell.Scroll`, `Shell.PaneFooter` and the Sidebar rows in them. Default `2`. */\n  size?: PaneSize;\n}\n\n/**\n * Every Shell with a live overlay holds the page still, counted across Shells,\n * through an attribute the stylesheet reads. Saving and restoring the\n * document's inline `overflow` would fight any other scroll lock on the page.\n */\nlet pageLockHolders = 0;\nfunction updatePageLock(delta: 1 | -1) {\n  pageLockHolders = Math.max(0, pageLockHolders + delta);\n  const doc = document.documentElement;\n  if (pageLockHolders > 0) doc.setAttribute('data-rt-shell-lock', '');\n  else doc.removeAttribute('data-rt-shell-lock');\n}\n\n/** Marks a child the Root made inert, so closing removes only what the Root added. */\nconst INERT_MARK = 'data-rt-shell-inert';\n\n/** How many frames a focus rescue watches after an overlay opens or closes. */\nconst RESCUE_FRAMES = 30;\n\n/** Focus that is nowhere useful: the document, or nothing at all. */\nfunction isNowhere(doc: Document, el: Element | EventTarget | null): boolean {\n  return el === null || el === doc || el === doc.body || el === doc.documentElement;\n}\n\n/** A Trigger that drives the pane with this id and can take focus, optionally only inside `within`. */\nfunction triggerFor(doc: Document, id: string, within?: HTMLElement[]): HTMLElement | null {\n  for (const el of doc.querySelectorAll<HTMLElement>('[data-shell-trigger][aria-controls]')) {\n    if (el.getAttribute('aria-controls') !== id || el.closest('[inert]')) continue;\n    if (within && !within.some((pane) => pane.contains(el))) continue;\n    return el;\n  }\n  return null;\n}\n\ntype LivePane = { name: PaneName; id: string; el: HTMLElement };\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, children, height = 'full', size = '2', style, onKeyDown, onFocus, ...props }, ref) => {\n  const [store] = React.useState(createShellStore);\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  // Subscribed for the re-render, not for a value: a pane opening or closing\n  // must bring the Root back so containment and the scrim follow it.\n  React.useSyncExternalStore(\n    subscribe,\n    () => store.version,\n    () => 0,\n  );\n\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const composedRef = useComposedRefs(ref, rootRef);\n\n  // Inset: the Root paints the backdrop while any pane is inset.\n  const [insetPanes, setInsetPanes] = React.useState<ReadonlySet<InsetPaneId>>(() => new Set());\n  const registerInset = React.useCallback((id: InsetPaneId) => {\n    setInsetPanes((prev) => (prev.has(id) ? prev : new Set(prev).add(id)));\n  }, []);\n  const unregisterInset = React.useCallback((id: InsetPaneId) => {\n    setInsetPanes((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n  const insetContext = React.useMemo(() => ({ registerInset, unregisterInset }), [registerInset, unregisterInset]);\n\n  const closeOverlays = React.useCallback(() => {\n    for (const entry of store.entries.values()) {\n      if (entry.overlayLive) entry.setValue('closed', 'dismiss');\n    }\n  }, [store]);\n\n  const livePanes = React.useCallback(\n    (): LivePane[] => [...store.entries.values()].filter((entry) => entry.overlayLive && entry.el).map((entry) => ({ name: entry.name, id: entry.id, el: entry.el as HTMLElement })),\n    [store],\n  );\n  const liveCount = [...store.entries.values()].filter((entry) => entry.overlayLive && entry.el).length;\n\n  // A Shell given a height of its own sits inside a page, and its overlays\n  // cover only its box: it holds no page lock. `full` is the page, and\n  // `auto` grows with its content, so its overlays are placed on the window.\n  const contained = height !== 'full' && height !== 'auto';\n\n  /*\n   * Containment is the Root's, not the pane's. Only the Root can see every live\n   * overlay and every child at once. A per-pane effect, given two overlays,\n   * inerts the other live overlay and restores values the other effect wrote,\n   * which can leave the whole frame inert for good.\n   *\n   * Exempt are the scrim and each root child that CONTAINS a live overlay, so\n   * a pane wrapped in a plain element is not inerted with its wrapper. A child\n   * the Root inerts is marked, and closing clears only marked children, so\n   * `inert` the app sets on a child is the app's before, during and after.\n   */\n  const contain = React.useCallback(() => {\n    const rootEl = rootRef.current;\n    if (!rootEl) return;\n    const liveEls = livePanes().map((pane) => pane.el);\n    for (const child of rootEl.children) {\n      if (!(child instanceof HTMLElement) || child.classList.contains('rt-ShellScrim')) continue;\n      const holdsLive = liveEls.some((el) => child === el || child.contains(el));\n      if (liveEls.length === 0 || holdsLive) {\n        if (child.hasAttribute(INERT_MARK)) {\n          child.removeAttribute(INERT_MARK);\n          child.inert = false;\n        }\n      } else if (!child.inert) {\n        child.setAttribute(INERT_MARK, '');\n        child.inert = true;\n      }\n    }\n  }, [livePanes]);\n\n  const returnFocusTo = React.useRef<HTMLElement | null>(null);\n  const lastLive = React.useRef<LivePane[]>([]);\n  const lastFocusInRoot = React.useRef<HTMLElement | null>(null);\n  const holdsLock = React.useRef(false);\n\n  /*\n   * Focus can be taken away after the commit that moved it: a menu that\n   * opened or closed a pane restores focus to its own trigger when it\n   * finishes closing, which may be inert or hidden by then. For a few frames\n   * after an overlay opens or closes, focus that ends up nowhere useful is\n   * put back where it belongs.\n   */\n  const rescueFrame = React.useRef(0);\n  const cancelRescue = React.useCallback(() => {\n    if (rescueFrame.current) cancelAnimationFrame(rescueFrame.current);\n    rescueFrame.current = 0;\n  }, []);\n  const rescueFocus = React.useCallback(\n    (target: HTMLElement, lost: (active: Element | null) => boolean) => {\n      cancelRescue();\n      let frames = 0;\n      const tick = () => {\n        rescueFrame.current = 0;\n        if (!target.isConnected) return;\n        if (lost(target.ownerDocument.activeElement)) {\n          target.focus({ preventScroll: true });\n          return;\n        }\n        frames += 1;\n        if (frames < RESCUE_FRAMES) rescueFrame.current = requestAnimationFrame(tick);\n      };\n      rescueFrame.current = requestAnimationFrame(tick);\n    },\n    [cancelRescue],\n  );\n\n  React.useEffect(\n    () => () => {\n      cancelRescue();\n      if (holdsLock.current) {\n        holdsLock.current = false;\n        updatePageLock(-1);\n      }\n    },\n    [cancelRescue],\n  );\n\n  // No dependency array, on purpose: a pane opening or closing is a render\n  // of this component, and so is a child appearing through the Root.\n  React.useEffect(() => {\n    const rootEl = rootRef.current;\n    if (!rootEl) return;\n    const doc = rootEl.ownerDocument;\n    const live = livePanes();\n    const liveEls = live.map((pane) => pane.el);\n\n    const wantsLock = !contained && live.length > 0;\n    if (wantsLock !== holdsLock.current) {\n      holdsLock.current = wantsLock;\n      updatePageLock(wantsLock ? 1 : -1);\n    }\n\n    const previous = lastLive.current;\n    lastLive.current = live;\n    // A pane that left the live set because it closed, as opposed to one\n    // that is still open but stopped being an overlay at a breakpoint.\n    const closed = previous.filter((pane) => {\n      if (liveEls.includes(pane.el)) return false;\n      const entry = store.entries.get(pane.name);\n      return !pane.el.isConnected || !entry || entry.el !== pane.el || entry.value === 'closed';\n    });\n    const inClosed = (active: Element | null) => active !== null && closed.some((pane) => pane.el.contains(active));\n\n    // The return target is taken on the opening edge, before inerting: inerting\n    // the subtree that holds the trigger blurs it. Focus already inside the\n    // overlay (a pane that became one at a breakpoint) is no place to return\n    // to, and an opener in a portal (a menu item) goes away with its menu, so\n    // the last place focus held inside the frame stands in for it.\n    if (previous.length === 0 && live.length > 0) {\n      const active = doc.activeElement;\n      let target = active instanceof HTMLElement && !isNowhere(doc, active) && !liveEls.some((el) => el.contains(active)) ? active : null;\n      if (target && !rootEl.contains(target)) {\n        const inRoot = lastFocusInRoot.current;\n        if (inRoot && inRoot.isConnected && !liveEls.some((el) => el.contains(inRoot))) target = inRoot;\n      }\n      returnFocusTo.current = target;\n    }\n\n    contain();\n\n    if (live.length === 0) {\n      const before = returnFocusTo.current;\n      returnFocusTo.current = null;\n      // Every overlay that left only stopped being one: focus stays where it is.\n      if (closed.length === 0) return;\n      const usable = (el: HTMLElement | null) => el !== null && el.isConnected && !el.closest('[inert]') && !inClosed(el);\n      let target = usable(before) ? before : null;\n      for (const pane of closed) target ??= triggerFor(doc, pane.id);\n      if (!target) return;\n      const lost = (active: Element | null) => isNowhere(doc, active) || inClosed(active);\n      if (lost(doc.activeElement)) target.focus({ preventScroll: true });\n      else rescueFocus(target, lost);\n      return;\n    }\n\n    // Some overlays closed while others stay: focus left in a closed one goes\n    // to the Trigger that opened it, if a live pane holds it, or to the pane\n    // on top.\n    if (closed.length > 0) {\n      const active = doc.activeElement;\n      if (isNowhere(doc, active) || inClosed(active)) {\n        let target: HTMLElement | null = null;\n        for (const pane of closed) target ??= triggerFor(doc, pane.id, liveEls);\n        (target ?? liveEls[liveEls.length - 1]).focus({ preventScroll: true });\n      }\n    }\n\n    // Focus moves in on the opening edge and nowhere else, and only when it\n    // is not already somewhere the user put it inside the live set.\n    const opened = liveEls.filter((el) => !previous.some((pane) => pane.el === el));\n    const active = doc.activeElement;\n    if (opened.length > 0 && !liveEls.some((el) => el.contains(active))) {\n      opened[0].focus({ preventScroll: true });\n      rescueFocus(opened[0], (now) => isNowhere(doc, now) || (now instanceof Element && now.closest('[inert]') !== null));\n    }\n  });\n\n  // A child that appears through its own state while an overlay is live does\n  // not render the Root, so the Root watches its children while one is.\n  React.useEffect(() => {\n    const rootEl = rootRef.current;\n    if (!rootEl || liveCount === 0 || typeof MutationObserver === 'undefined') return;\n    const observer = new MutationObserver(contain);\n    observer.observe(rootEl, { childList: true, subtree: true, attributes: true, attributeFilter: ['inert'] });\n    return () => observer.disconnect();\n  }, [liveCount, contain]);\n\n  /*\n   * Escape closes the overlays. It is handled as a React event on the Root, so\n   * a component inside a pane that answers Escape in its own onKeyDown runs\n   * first, and its preventDefault() or stopPropagation() keeps the pane open.\n   * When the Root closes something it stops the event there, so a React\n   * Escape handler above the Shell does not act on it too. A layer that\n   * listens on the document in the capture phase (Radix dialogs, menus and\n   * popovers) answers first and calls preventDefault() when it closes, so an\n   * enclosing Kookie Dialog closes before a Shell inside it is asked.\n   */\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(event);\n    if (event.key !== 'Escape' || event.defaultPrevented || liveCount === 0) return;\n    closeOverlays();\n    event.stopPropagation();\n  };\n\n  // With focus on the document itself (a pane closed under it, or a menu that\n  // closed and took focus with it), the Root never sees the key. While an\n  // overlay is live the document answers that one case.\n  React.useEffect(() => {\n    const rootEl = rootRef.current;\n    if (!rootEl || liveCount === 0) return;\n    const doc = rootEl.ownerDocument;\n    const onDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape' || event.defaultPrevented || !isNowhere(doc, event.target)) return;\n      closeOverlays();\n    };\n    doc.addEventListener('keydown', onDocumentKeyDown);\n    return () => doc.removeEventListener('keydown', onDocumentKeyDown);\n  }, [liveCount, closeOverlays]);\n\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    onFocus?.(event);\n    if (event.target instanceof HTMLElement && rootRef.current?.contains(event.target)) lastFocusInRoot.current = event.target;\n  };\n\n  // A floating Panel sits beside the Rail when the Rail is showing, and\n  // beside its card when the Rail is inset.\n  const rail = store.entries.get('rail');\n  const railShown = rail !== undefined && rail.value !== undefined && rail.value !== 'closed';\n  const railOffset = railShown ? (insetPanes.has('rail') ? `calc(${rail.size}px + 2 * var(--shell-inset-gap))` : `${rail.size}px`) : undefined;\n\n  // `full` writes no inline height: the stylesheet states it as 100vh with a\n  // 100dvh override where supported, and an inline value would beat both.\n  const heightStyle: React.CSSProperties = height === 'full' ? {} : height === 'auto' ? { height: 'auto' } : typeof height === 'number' ? { height: `${height}px` } : { height };\n\n  return (\n    <ShellStoreContext.Provider value={store}>\n      <ShellSizeContext.Provider value={size}>\n      <ShellInsetContext.Provider value={insetContext}>\n        {/* The Root is not a widget: it hears Escape bubbling up from the panes,\n            after their own handlers, to close the overlays. */}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          {...props}\n          ref={composedRef}\n          className={classNames('rt-ShellRoot', className)}\n          data-height={height === 'auto' ? 'auto' : undefined}\n          data-has-inset={insetPanes.size > 0 || undefined}\n          data-overlay-live={liveCount > 0 || undefined}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          style={{ ...heightStyle, ...(railOffset ? ({ '--shell-rail-offset': railOffset } as CSSPropertiesWithVars) : {}), ...style }}\n        >\n          {children}\n          {/* Root-owned and always mounted. The stylesheet shows it while an\n              overlay is live; containment takes the rest of the frame out of\n              the accessibility tree, so the scrim itself is hidden from it. */}\n          <div className=\"rt-ShellScrim\" aria-hidden onClick={closeOverlays} />\n        </div>\n      </ShellInsetContext.Provider>\n      </ShellSizeContext.Provider>\n    </ShellStoreContext.Provider>\n  );\n});\nRoot.displayName = 'Shell.Root';\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {\n  height?: number;\n}\n\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(({ className, height = 64, style, ...props }, ref) => (\n  <header\n    {...props}\n    ref={ref}\n    className={classNames('rt-ShellHeader', className)}\n    style={\n      {\n        ...style,\n        '--shell-header-height': `${height}px`,\n      } as CSSPropertiesWithVars\n    }\n  />\n));\nHeader.displayName = 'Shell.Header';\n\n/* \u2500\u2500 Left (deprecated) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ninterface LeftProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean, meta: { reason: 'init' | 'toggle' | 'panel' | 'responsive' | 'dismiss' }) => void;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  inset?: boolean;\n}\n\n/**\n * @deprecated The Root no longer wraps the Rail and Panel in a Left\n * container: each is its own pane. `Shell.Left` renders its children and\n * ignores its own props. Removed in 1.0.\n */\nconst Left = React.forwardRef<HTMLDivElement, LeftProps>(({ children }, _ref) => {\n  React.useEffect(() => {\n    warnOnce('Shell.Left is deprecated and is removed in 1.0. Render Shell.Rail and Shell.Panel directly in Shell.Root.');\n  }, []);\n  return <>{children}</>;\n});\nLeft.displayName = 'Shell.Left';\n\n/* \u2500\u2500 Rail \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ntype RailOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' | 'panel' | 'dismiss' };\n\ntype RailControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: RailOpenChangeMeta) => void; defaultOpen?: never };\ntype RailUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: RailOpenChangeMeta) => void; open?: never };\n\ntype RailProps = React.ComponentPropsWithoutRef<'div'> & {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  collapsible?: boolean;\n  /** @deprecated Use `onOpenChange`. */\n  onExpand?: () => void;\n  /** @deprecated Use `onOpenChange`. */\n  onCollapse?: () => void;\n  /** When true, adds margin and triggers the gray backdrop on the Shell. */\n  inset?: boolean;\n} & (RailControlledProps | RailUncontrolledProps);\n\nconst RAIL_PROP_NAMES = { controlled: 'open', default: 'defaultOpen' };\n\nconst Rail = React.forwardRef<HTMLDivElement, RailProps>((props, ref) => {\n  const { className, presentation, expandedSize = 64, collapsible: _collapsible, onExpand, onCollapse, children, style, open, defaultOpen, onOpenChange, inset, id, ...domProps } = props;\n  const { table, attributes } = usePresentationTable(presentation, 'fixed');\n  const pane = usePane({\n    name: 'rail',\n    label: 'Rail',\n    propNames: RAIL_PROP_NAMES,\n    id,\n    controlled: toPaneValue(open),\n    defaultValue: toPaneValue(defaultOpen),\n    presentationTable: table,\n    builtIn: navigationRest,\n    onChange: (value, reason) => onOpenChange?.(value !== 'closed', { reason }),\n    onExpand,\n    onCollapse,\n    size: expandedSize,\n  });\n  useInsetRegistration('rail', inset);\n  const composedRef = useComposedRefs(ref, pane.setElement);\n\n  return (\n    <div\n      {...domProps}\n      id={pane.id}\n      ref={composedRef}\n      className={classNames('rt-ShellPane', 'rt-ShellRail', className)}\n      {...paneAttributes(pane, attributes)}\n      data-inset={inset || undefined}\n      tabIndex={pane.overlaying ? -1 : domProps.tabIndex}\n      style={{ ...style, '--rail-size': `${expandedSize}px` } as CSSPropertiesWithVars}\n    >\n      <RailContent>{children}</RailContent>\n    </div>\n  );\n});\nRail.displayName = 'Shell.Rail';\n\n/** The Rail's content carries the index, so the thin row styles can size themselves by it. */\nfunction RailContent({ children }: { children: React.ReactNode }) {\n  const size = React.useContext(ShellSizeContext);\n  return (\n    <div className={classNames('rt-ShellRailContent', `rt-r-size-${size}`)}>\n      <PaneChromeScope presentation=\"thin\">{children}</PaneChromeScope>\n    </div>\n  );\n}\n\n/* \u2500\u2500 Panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ntype HandleComponent = React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<HTMLDivElement>>;\n\ntype PanelOpenChangeMeta = { reason: 'toggle' | 'left' | 'init' | 'responsive' | 'dismiss' };\ntype PanelControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; defaultOpen?: never };\ntype PanelUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: PanelOpenChangeMeta) => void; open?: never };\n\ntype PanelSizeControlledProps = { size: number | string; defaultSize?: never };\ntype PanelSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\n\ntype PanelSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype PanelPublicProps = PaneBaseProps &\n  (PanelControlledProps | PanelUncontrolledProps) &\n  (PanelSizeControlledProps | PanelSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: PanelSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n    /** When true, adds margin and triggers the gray backdrop on the Shell. */\n    inset?: boolean;\n  };\ntype PanelComponent = React.ForwardRefExoticComponent<PanelPublicProps & React.RefAttributes<HTMLDivElement>> & {\n  Handle: HandleComponent;\n};\n\nconst PANEL_PROP_NAMES = { controlled: 'open', default: 'defaultOpen' };\n\n/**\n * A Panel with a `presentation` of its own uses it. One without follows the\n * Rail rendered before it, which is how 0.7 placed a Panel; the stylesheet\n * reads the Rail's attributes for the first paint and the registry carries\n * the Rail's table for the JS mirror.\n */\nconst Panel = React.forwardRef<HTMLDivElement, PanelPublicProps>((props, ref) => {\n  const {\n    className,\n    presentation,\n    defaultOpen,\n    open,\n    onOpenChange,\n    size,\n    defaultSize,\n    expandedSize = 288,\n    minSize = 100,\n    maxSize = 800,\n    resizable = false,\n    collapsible = true,\n    onExpand,\n    onCollapse,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    paneId,\n    persistence,\n    children,\n    style,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n    inset,\n    id,\n    ...domProps\n  } = props;\n  const store = useShellStore('Shell.Panel');\n  const rail = usePaneEntry(store, 'rail');\n  const own = usePresentationTable(presentation, 'fixed');\n  const followsRail = presentation === undefined;\n  const presentationTable = followsRail ? (rail?.presentationTable ?? FIXED_TABLE) : own.table;\n  const presentationAttributes = followsRail ? { 'data-presentation-follows': '' } : own.attributes;\n\n  const pane = usePane({\n    name: 'panel',\n    label: 'Panel',\n    propNames: PANEL_PROP_NAMES,\n    id,\n    controlled: toPaneValue(open),\n    defaultValue: toPaneValue(defaultOpen),\n    presentationTable,\n    builtIn: detailRest,\n    onChange: (value, reason) => onOpenChange?.(value !== 'closed', { reason }),\n    onExpand,\n    onCollapse,\n    size: expandedSize,\n  });\n  useInsetRegistration('panel', inset);\n\n  React.useEffect(() => {\n    if (snapPoints !== undefined || collapseThreshold !== undefined || paneId !== undefined || persistence !== undefined) {\n      warnOnce('Shell.Panel: `snapPoints`, `collapseThreshold`, `paneId` and `persistence` are deprecated and are removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`.');\n    }\n  }, [snapPoints, collapseThreshold, paneId, persistence]);\n\n  const elementRef = React.useRef<HTMLElement | null>(null);\n  const composedRef = useComposedRefs(ref, pane.setElement, elementRef);\n\n  const resize = useResizablePane({\n    name: 'panel',\n    elementId: pane.id,\n    elementRef,\n    cssVarName: '--panel-size',\n    orientation: 'vertical',\n    edge: 'end',\n    growth: startAnchoredGrowth,\n    expandedSize,\n    minSize,\n    maxSize,\n    resizable,\n    collapsible,\n    size,\n    defaultSize,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    paneId,\n    persistence,\n    overlaying: pane.overlaying,\n    // Asked when the effect runs: the Rail registers its table after this\n    // Panel first renders, so the render's answer can be out of date.\n    overlayingNow: () => {\n      const table = followsRail ? (store.entries.get('rail')?.presentationTable ?? FIXED_TABLE) : own.table;\n      return table[readBreakpoint()] === 'overlay';\n    },\n    requestCollapse: () => pane.setValue('closed', 'toggle'),\n    requestToggle: () => pane.toggle('toggle'),\n  });\n\n  const { handles, content } = splitHandles(children, PanelHandle);\n  const handle = resizable && pane.shown !== false && !pane.overlaying ? <PaneResizeContext.Provider value={resize}>{handles.length > 0 ? handles : <PaneHandle />}</PaneResizeContext.Provider> : null;\n\n  return (\n    <div\n      {...withoutRemovedPaneProps(domProps)}\n      id={pane.id}\n      ref={composedRef}\n      className={classNames('rt-ShellPane', 'rt-ShellPanel', className)}\n      {...paneAttributes(pane, presentationAttributes)}\n      data-inset={inset || undefined}\n      tabIndex={pane.overlaying ? -1 : domProps.tabIndex}\n      style={\n        {\n          ...style,\n          '--panel-expanded-size': `${expandedSize}px`,\n        } as CSSPropertiesWithVars\n      }\n    >\n      <div className=\"rt-ShellPanelContent\">\n        <PaneChromeScope>{content}</PaneChromeScope>\n      </div>\n      {handle}\n    </div>\n  );\n}) as PanelComponent;\nPanel.displayName = 'Shell.Panel';\nPanel.Handle = PanelHandle;\n\n/* \u2500\u2500 Content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {\n  /** When true, adds margin and triggers the gray backdrop on the Shell. */\n  inset?: boolean;\n}\n\nconst Content = React.forwardRef<HTMLElement, ShellContentProps>(({ className, inset, ...props }, ref) => {\n  useInsetRegistration('content', inset);\n  return <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} data-inset={inset || undefined} />;\n});\nContent.displayName = 'Shell.Content';\n\n/* \u2500\u2500 Trigger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ntype TriggerAction = 'toggle' | 'expand' | 'collapse';\n\ninterface TriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  target: PaneTarget;\n  action?: TriggerAction;\n  /**\n   * Whether to show a preview of the target pane on hover while it is closed\n   * and not an overlay. Defaults to false.\n   *\n   * @deprecated Removed in 1.0. A preview reachable only by mouse hover has no\n   * keyboard or touch equivalent; open the pane instead.\n   */\n  peekOnHover?: boolean;\n}\n\n/**\n * A button that drives a pane by name, through the registry. It sets\n * `aria-controls` and `aria-expanded` (left off while an untouched pane\n * cannot know its state yet), renders `type=\"button\"`, and runs the\n * consumer's `onClick` first: calling `preventDefault()` there cancels it.\n */\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(({ target, action = 'toggle', peekOnHover, onClick, onMouseEnter, onMouseLeave, children, ...props }, ref) => {\n  const store = useShellStore('Shell.Trigger');\n  React.useEffect(() => {\n    if (target === 'left') warnOnce('Shell.Trigger target=\"left\" is deprecated and is removed in 1.0. Use target=\"rail\".');\n    if (peekOnHover) warnOnce('Shell.Trigger: `peekOnHover` is deprecated and is removed in 1.0.');\n  }, [target, peekOnHover]);\n  const name: PaneName = target === 'left' ? 'rail' : target;\n  // Subscribes to its own pane only.\n  const entry = usePaneEntry(store, name);\n  const shown = entry?.value === undefined ? undefined : entry.value !== 'closed';\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    const current = store.entries.get(name);\n    if (!current) return;\n    if (store.peek === name) setShellPeek(store, null);\n    if (action === 'toggle') current.toggle('toggle');\n    else if (action === 'expand') current.setValue('open', 'toggle');\n    else current.setValue('closed', 'toggle');\n  };\n\n  const handleMouseEnter = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onMouseEnter?.(event);\n    if (!peekOnHover) return;\n    const current = store.entries.get(name);\n    if (current && current.value === 'closed' && current.presentation !== 'overlay') setShellPeek(store, name);\n  };\n\n  const handleMouseLeave = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onMouseLeave?.(event);\n    if (peekOnHover && store.peek === name) setShellPeek(store, null);\n  };\n\n  return (\n    <button\n      // A button's default type is `submit`. Stated before the spread, so a consumer's own wins.\n      type=\"button\"\n      aria-controls={entry?.id}\n      aria-expanded={shown}\n      {...props}\n      ref={ref}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      data-shell-trigger={target}\n      data-shell-action={action}\n    >\n      {children}\n    </button>\n  );\n});\nTrigger.displayName = 'Shell.Trigger';\n\n// Exports\nexport {\n  Root,\n  Header,\n  Left,\n  Rail,\n  Panel,\n  Sidebar,\n  Content,\n  Inspector,\n  Bottom,\n  Trigger,\n  PaneHeader,\n  PaneFooter,\n  Scroll,\n  useShell,\n  useSidebarMode,\n  useResponsivePresentation,\n  type PaneMode,\n  type SidebarMode,\n  type ResponsivePresentation,\n  type PaneTarget,\n  type TriggerAction,\n};\n"],
+  "mappings": "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",
+  "names": ["shell_exports", "__export", "Bottom", "Content", "Header", "Inspector", "Left", "PaneFooter", "PaneHeader", "Panel", "Rail", "Root", "Scroll", "Sidebar", "Trigger", "useResponsivePresentation", "useShell", "useSidebarMode", "React", "classNames", "useComposedRefs", "pageLockHolders", "updatePageLock", "delta", "doc", "INERT_MARK", "RESCUE_FRAMES", "isNowhere", "el", "triggerFor", "id", "within", "pane", "Root", "className", "children", "height", "size", "style", "onKeyDown", "onFocus", "props", "ref", "store", "createShellStore", "subscribe", "listener", "subscribeShellStore", "rootRef", "composedRef", "useComposedRefs", "insetPanes", "setInsetPanes", "registerInset", "prev", "unregisterInset", "next", "insetContext", "closeOverlays", "entry", "livePanes", "liveCount", "contained", "contain", "rootEl", "liveEls", "child", "holdsLive", "returnFocusTo", "lastLive", "lastFocusInRoot", "holdsLock", "rescueFrame", "cancelRescue", "rescueFocus", "target", "lost", "frames", "tick", "live", "wantsLock", "previous", "closed", "inClosed", "active", "inRoot", "before", "opened", "now", "observer", "handleKeyDown", "event", "onDocumentKeyDown", "handleFocus", "rail", "railOffset", "heightStyle", "ShellStoreContext", "ShellSizeContext", "ShellInsetContext", "classNames", "Header", "Left", "_ref", "RAIL_PROP_NAMES", "Rail", "presentation", "expandedSize", "_collapsible", "onExpand", "onCollapse", "open", "defaultOpen", "onOpenChange", "inset", "domProps", "table", "attributes", "usePresentationTable", "usePane", "toPaneValue", "navigationRest", "value", "reason", "useInsetRegistration", "paneAttributes", "RailContent", "PaneChromeScope", "PANEL_PROP_NAMES", "Panel", "defaultSize", "minSize", "maxSize", "resizable", "collapsible", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "useShellStore", "usePaneEntry", "own", "followsRail", "presentationTable", "FIXED_TABLE", "presentationAttributes", "detailRest", "elementRef", "resize", "useResizablePane", "startAnchoredGrowth", "readBreakpoint", "handles", "content", "splitHandles", "PanelHandle", "handle", "PaneResizeContext", "PaneHandle", "withoutRemovedPaneProps", "Content", "Trigger", "action", "peekOnHover", "onClick", "onMouseEnter", "onMouseLeave", "name", "shown", "handleClick", "current", "setShellPeek", "handleMouseEnter", "handleMouseLeave"]
+}

package/dist/esm/chunk-KA5XDSKH.js

@@ -0,0 +1,2 @@
+import{a as ne}from"./chunk-X3UTLDGG.js";import{b as Q,c as Z,d as z,e as ee,f as oe}from"./chunk-IX5HIHVI.js";import{a as J}from"./chunk-MJJ7XDIP.js";import{c as L}from"./chunk-2NNB4ZZ5.js";import{b as O,c as G}from"./chunk-PRRJ4WRE.js";import{a as _}from"./chunk-JZD5FHSU.js";import{b as y,c as S,d as A,e as F,f as j}from"./chunk-HI3JY3DJ.js";import{b as T,c as x,d as H,e as E,f as N}from"./chunk-FK6F6ROH.js";import{a as h}from"./chunk-UBSLEGQZ.js";import{a as P,b as I,c as U,d as Y,e as B,f as q,g as X,h as $,i as k}from"./chunk-JSW6J6RS.js";import{a as ye}from"./chunk-OS3FCYZY.js";var ke={};ye(ke,{CheckboxItem:()=>we,Content:()=>pe,Group:()=>le,Item:()=>de,Label:()=>ue,RadioGroup:()=>ce,RadioItem:()=>me,Root:()=>ae,Separator:()=>fe,Sub:()=>De,SubContent:()=>Pe,SubTrigger:()=>Me,Trigger:()=>ie,TriggerIcon:()=>ge,Virtual:()=>ne});import*as e from"react";import u from"classnames";import{DropdownMenu as p,Slot as Se}from"radix-ui";import{useCallbackRef as re}from"radix-ui/internal";var te=e.createContext(!1),ae=o=>{let{open:n,defaultOpen:r=!1,onOpenChange:s}=o,[a,t]=e.useState(r),i=n??a,d=re(s),l=e.useCallback(m=>{t(m),d(m)},[d]);return e.createElement(te.Provider,{value:i},e.createElement(p.Root,{...o,onOpenChange:l}))};ae.displayName="DropdownMenu.Root";var ie=e.forwardRef(({children:o,...n},r)=>e.createElement(p.Trigger,{...n,ref:r,asChild:!0},J(o)));ie.displayName="DropdownMenu.Trigger";var K=e.createContext({}),Te={ltr:"ArrowLeft",rtl:"ArrowRight"},xe={ltr:"ArrowRight",rtl:"ArrowLeft"};function Ee(o){return o instanceof HTMLElement&&(o.isContentEditable||o.tagName==="INPUT"||o.tagName==="TEXTAREA")}function se(o){return o?.closest("[dir]")?.getAttribute("dir")==="rtl"?"rtl":"ltr"}var pe=e.forwardRef((o,n)=>{let r=O(),s=x(o.material,r),{size:a=y.size.default}=o,{className:t,children:i,color:d,container:l,forceMount:m,material:M,submenuBehavior:c,virtualized:v=!1,onEscapeKeyDown:C,onKeyDown:g,...R}=h(o,y),w=d||r.accentColor,f=T(c,"cascade"),W=f==="drill-down",be=e.useContext(te),b=U(),Ie=D=>{C?.(D),!(D.defaultPrevented||!W||b.getDepth()===0)&&(D.preventDefault(),b.pop("keyboard"))},ve=D=>{g?.(D),!(D.defaultPrevented||!W||b.getDepth()===0)&&(Ee(D.target)||D.key===Te[se(D.currentTarget)]&&(D.preventDefault(),b.pop("keyboard")))},he=e.useMemo(()=>({size:a,color:w,material:s}),[a,w,s]),V=e.createElement(L,{size:a},e.createElement(K.Provider,{value:he},e.createElement(Y,{store:b,behavior:f,open:be},i)));return e.createElement(p.Portal,{container:l,forceMount:m},e.createElement(G,{asChild:!0},e.createElement(p.Content,{"data-accent-color":w,"data-material":s,align:"start",sideOffset:4,collisionPadding:10,...R,onEscapeKeyDown:Ie,onKeyDown:ve,asChild:!1,ref:n,className:u("rt-PopperContent","rt-BaseMenuContent","rt-variant-soft","rt-DropdownMenuContent",t)},v?e.createElement("div",{className:u("rt-BaseMenuViewport","rt-DropdownMenuViewport","rt-virtualized")},V):e.createElement(_,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:u("rt-BaseMenuViewport","rt-DropdownMenuViewport")},V)))))});pe.displayName="DropdownMenu.Content";var ue=e.forwardRef(({className:o,...n},r)=>e.useContext(P)?e.createElement(p.Label,{...n,asChild:!1,ref:r,className:u("rt-BaseMenuLabel","rt-DropdownMenuLabel",o)}):null);ue.displayName="DropdownMenu.Label";var de=e.forwardRef((o,n)=>{let{className:r,children:s,color:a=A.color.default,shortcut:t,...i}=o;return e.useContext(P)?e.createElement(p.Item,{"data-accent-color":a,"aria-keyshortcuts":t?E(t):void 0,...i,ref:n,className:u("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem",r)},e.createElement(Se.Slottable,null,s),t&&e.createElement(N,{shortcut:t,className:"rt-DropdownMenuShortcut"})):null});de.displayName="DropdownMenu.Item";var le=e.forwardRef(({className:o,...n},r)=>e.createElement(p.Group,{...n,asChild:!1,ref:r,className:u("rt-BaseMenuGroup","rt-DropdownMenuGroup",o)}));le.displayName="DropdownMenu.Group";var ce=e.forwardRef(({className:o,...n},r)=>e.createElement(p.RadioGroup,{...n,asChild:!1,ref:r,className:u("rt-BaseMenuRadioGroup","rt-DropdownMenuRadioGroup",o)}));ce.displayName="DropdownMenu.RadioGroup";var me=e.forwardRef((o,n)=>{let{children:r,className:s,color:a=j.color.default,...t}=o;return e.useContext(P)?e.createElement(p.RadioItem,{...t,asChild:!1,ref:n,"data-accent-color":a,className:u("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-DropdownMenuItem","rt-DropdownMenuRadioItem",s)},r,e.createElement(p.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(oe,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"}))):null});me.displayName="DropdownMenu.RadioItem";var we=e.forwardRef((o,n)=>{let{children:r,className:s,shortcut:a,color:t=F.color.default,...i}=o;return e.useContext(P)?e.createElement(p.CheckboxItem,{"aria-keyshortcuts":a?E(a):void 0,...i,asChild:!1,ref:n,"data-accent-color":t,className:u("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-DropdownMenuItem","rt-DropdownMenuCheckboxItem",s)},r,e.createElement(p.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(Q,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"})),a&&e.createElement(N,{shortcut:a,className:"rt-DropdownMenuShortcut"})):null});we.displayName="DropdownMenu.CheckboxItem";var De=({label:o="Back",open:n,defaultOpen:r,onOpenChange:s,children:a})=>{let t=I(),i=e.useId(),d=e.useMemo(()=>({id:i,label:o}),[i,o]),l=B(t,i)!=="closed";e.useLayoutEffect(()=>{!t||n===void 0||(n&&!t.isOpen(i)?t.push(i,null):!n&&t.isOpen(i)&&t.close(i))},[t,n,i]);let m=e.useRef(r);e.useLayoutEffect(()=>{t&&m.current&&n===void 0&&t.push(i,null)},[]);let M=re(s),c=e.useRef(l);return e.useEffect(()=>{!t||c.current===l||(c.current=l,M(l))},[t,l,M]),e.createElement($.Provider,{value:d},e.createElement(p.Sub,{open:n,defaultOpen:r,onOpenChange:t?void 0:s},a))};De.displayName="DropdownMenu.Sub";var Me=e.forwardRef((o,n)=>{let{className:r,children:s,onKeyDown:a,...t}=o,i=I(),d=k(),l=e.useContext(P);if(i&&d){if(!l)return null;let m=c=>{c.preventDefault(),i.push(d.id)},M=c=>{a?.(c),!(c.defaultPrevented||t.disabled)&&c.key===xe[se(c.currentTarget)]&&(c.preventDefault(),i.push(d.id,"keyboard"))};return e.createElement(p.Item,{"aria-haspopup":"menu",...t,"data-drill-down-trigger":d.id,"data-drill-down-name":t.textValue,onSelect:m,onKeyDown:M,ref:n,className:u("rt-reset","rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger","rt-DropdownMenuDrillDownSubTrigger",r)},s,e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(z,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubTriggerIcon"})))}return e.createElement(p.SubTrigger,{...t,onKeyDown:a,asChild:!1,ref:n,className:u("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger",r)},s,e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(z,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubTriggerIcon"})))});Me.displayName="DropdownMenu.SubTrigger";var fe=e.forwardRef(({className:o,...n},r)=>e.useContext(P)?e.createElement(p.Separator,{...n,asChild:!1,ref:r,className:u("rt-BaseMenuSeparator","rt-DropdownMenuSeparator",o)}):null);fe.displayName="DropdownMenu.Separator";function Ne({label:o,name:n}){let r=I(),s=e.useCallback(i=>{i.preventDefault(),r?.pop()},[r]),a=typeof o=="string"?o:n,t=a&&a!=="Back"?`Back from ${a}`:void 0;return e.createElement(p.Item,{"aria-label":t,textValue:a||"Back",onSelect:s,className:u("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem","rt-DropdownMenuDrillDownBackItem")},e.createElement(ee,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuDrillDownBackIcon"}),e.createElement("span",{className:"rt-DropdownMenuDrillDownBackLabel"},o))}function Be(o){let{loop:n,onEscapeKeyDown:r,onPointerDownOutside:s,onFocusOutside:a,onInteractOutside:t,sideOffset:i,alignOffset:d,avoidCollisions:l,collisionBoundary:m,collisionPadding:M,arrowPadding:c,sticky:v,hideWhenDetached:C,updatePositionStrategy:g,...R}=o;return R}var Pe=e.forwardRef((o,n)=>{let r=I(),s=k();return r&&s?e.createElement(Ce,{...o,ref:n,store:r,sub:s}):e.createElement(Re,{...o,ref:n})});Pe.displayName="DropdownMenu.SubContent";var Re=e.forwardRef((o,n)=>{let r=e.useContext(K),s=O(),a=o.size??r.size,t=o.color??r.color,i=o.material??r.material??x(void 0,s),{className:d,children:l,container:m,forceMount:M,color:c,material:v,virtualized:C=!1,...g}=h({...o,size:a},S),R=T(a,S.size.default),w=e.useMemo(()=>({size:a,color:t,material:i}),[a,t,i]),f=e.createElement(L,{size:a},e.createElement(K.Provider,{value:w},l));return e.createElement(p.Portal,{container:m,forceMount:M},e.createElement(G,{asChild:!0},e.createElement(p.SubContent,{"data-accent-color":t,"data-material":i,alignOffset:H(R,s.scaling),sideOffset:1,collisionPadding:10,...g,asChild:!1,ref:n,className:u("rt-PopperContent","rt-BaseMenuContent","rt-variant-soft","rt-BaseMenuSubContent","rt-DropdownMenuContent","rt-DropdownMenuSubContent",d)},C?e.createElement("div",{className:u("rt-BaseMenuViewport","rt-DropdownMenuViewport","rt-virtualized")},f):e.createElement(_,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:u("rt-BaseMenuViewport","rt-DropdownMenuViewport")},f)))))});Re.displayName="DropdownMenu.CascadeSubContent";var Ce=e.forwardRef(({store:o,sub:n,...r},s)=>{let a=B(o,n.id),t=q(o,n.id),i=X(a==="top"?o:null);if(a==="closed")return null;let{className:d,children:l,container:m,forceMount:M,virtualized:c,size:v,color:C,material:g,...R}=Be(r),w=a==="top",f=t?.name||(typeof n.label=="string"?n.label:"");return e.createElement("div",{role:"group","aria-label":f||void 0,...R,ref:s,"data-drill-down-panel":n.id,"data-drill-down-active":w?!0:void 0,"data-animation-direction":w?i??void 0:void 0,className:u("rt-DropdownMenuDrillDownPanel",d)},w&&e.createElement(e.Fragment,null,e.createElement(Ne,{label:n.label,name:f}),e.createElement(p.Separator,{className:"rt-BaseMenuSeparator rt-DropdownMenuSeparator"})),e.createElement(P.Provider,{value:w},l))});Ce.displayName="DropdownMenu.DrillDownPanel";var ge=e.forwardRef(({className:o,...n},r)=>e.createElement(Z,{...n,ref:r,className:u("rt-DropdownMenuTriggerIcon",o)}));ge.displayName="DropdownMenu.TriggerIcon";export{ae as a,ie as b,pe as c,ue as d,de as e,le as f,ce as g,me as h,we as i,De as j,Me as k,fe as l,Pe as m,ge as n,ke as o};
+//# sourceMappingURL=chunk-KA5XDSKH.js.map

package/dist/esm/chunk-KA5XDSKH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dropdown-menu.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { warnDeprecated } from '../helpers/warn-deprecated.js';\nimport * as React from 'react';\nimport { VirtualMenu } from './virtual-menu.js';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\nimport { useCallbackRef } from 'radix-ui/internal';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuSubContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport {\n  DrillDownLevelContext,\n  DrillDownRoot,\n  SubContext,\n  useCreateDrillDownStore,\n  useDrillDownDirection,\n  useDrillDownStore,\n  usePanelPosition,\n  useStackEntry,\n  useSubContext,\n} from './_internal/dropdown-menu-drill-down.js';\nimport { MenuProvider } from './_internal/menu-context.js';\nimport {\n  MenuShortcut,\n  getMenuAlignOffset,\n  resolveMenuMaterial,\n  toAriaKeyShortcuts,\n  useResolvedResponsiveValue,\n} from './_internal/base-menu.utils.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\n/**\n * Open state of the menu, mirrored from Root so Content can reset drill-down\n * navigation when a force-mounted menu opens again.\n */\nconst DropdownMenuOpenContext = React.createContext(false);\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => {\n  const { open: openProp, defaultOpen = false, onOpenChange } = props;\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const open = openProp ?? uncontrolledOpen;\n\n  const handleOpenChangeProp = useCallbackRef(onOpenChange);\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      handleOpenChangeProp(next);\n    },\n    [handleOpenChangeProp],\n  );\n\n  return (\n    <DropdownMenuOpenContext.Provider value={open}>\n      <DropdownMenuPrimitive.Root {...props} onOpenChange={handleOpenChange} />\n    </DropdownMenuOpenContext.Provider>\n  );\n};\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\n/** Visual props shared by Content and SubContent. */\ntype DropdownMenuSurfaceProps = GetPropDefTypes<typeof dropdownMenuSubContentPropDefs>;\n\ntype DropdownMenuContentContextValue = {\n  size?: DropdownMenuSurfaceProps['size'];\n  color?: DropdownMenuSurfaceProps['color'];\n  material?: DropdownMenuSurfaceProps['material'];\n};\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\n\n/** Keys that navigate back one drill-down level, by writing direction. */\nconst BACK_KEYS = { ltr: 'ArrowLeft', rtl: 'ArrowRight' } as const;\nconst FORWARD_KEYS = { ltr: 'ArrowRight', rtl: 'ArrowLeft' } as const;\n\nfunction isTextEntryTarget(target: EventTarget | null) {\n  return (\n    target instanceof HTMLElement &&\n    (target.isContentEditable || target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')\n  );\n}\n\nfunction getDirection(element: HTMLElement | null): 'ltr' | 'rtl' {\n  return element?.closest('[dir]')?.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';\n}\n\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior?: Responsive<SubmenuBehavior>;\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   * Use this when rendering virtualized lists inside the dropdown.\n   */\n  virtualized?: boolean;\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n\n\n    const material = resolveMenuMaterial(props.material, themeContext);\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      material: _material,\n      submenuBehavior,\n      virtualized = false,\n      onEscapeKeyDown,\n      onKeyDown,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n\n    const resolvedColor = color || themeContext.accentColor;\n    const behavior = useResolvedResponsiveValue<SubmenuBehavior>(submenuBehavior, 'cascade');\n    const isDrillDown = behavior === 'drill-down';\n    const open = React.useContext(DropdownMenuOpenContext);\n    const drillDownStore = useCreateDrillDownStore();\n\n    // Escape goes back one drill-down level before it closes the menu.\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      onEscapeKeyDown?.(event);\n      if (event.defaultPrevented || !isDrillDown || drillDownStore.getDepth() === 0) return;\n      event.preventDefault();\n      drillDownStore.pop('keyboard');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isDrillDown || drillDownStore.getDepth() === 0) return;\n      if (isTextEntryTarget(event.target)) return;\n      if (event.key === BACK_KEYS[getDirection(event.currentTarget)]) {\n        event.preventDefault();\n        drillDownStore.pop('keyboard');\n      }\n    };\n\n    const contextValue = React.useMemo(\n      () => ({ size, color: resolvedColor, material }),\n      [size, resolvedColor, material],\n    );\n\n    const contentBody = (\n      <MenuProvider size={size}>\n        <DropdownMenuContentContext.Provider value={contextValue}>\n          <DrillDownRoot store={drillDownStore} behavior={behavior} open={open}>\n            {children}\n          </DrillDownRoot>\n        </DropdownMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            data-material={material}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            onEscapeKeyDown={handleEscapeKeyDown}\n            onKeyDown={handleKeyDown}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n          'rt-variant-soft',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport', 'rt-virtualized')}>\n                {contentBody}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                  {contentBody}\n                </div>\n              </ScrollArea>\n            )}\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    if (!React.useContext(DrillDownLevelContext)) return null;\n    return (\n      <DropdownMenuPrimitive.Label\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n      />\n    );\n  },\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    // In drill-down mode, items of levels that are not on screen do not mount.\n    if (!React.useContext(DrillDownLevelContext)) return null;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <MenuShortcut shortcut={shortcut} className=\"rt-DropdownMenuShortcut\" />}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && <MenuShortcut shortcut={shortcut} className=\"rt-DropdownMenuShortcut\" />}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {\n  /**\n   * Label displayed in the back button when using drill-down mode.\n   * If not provided, defaults to \"Back\".\n   */\n  label?: React.ReactNode;\n}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = ({\n  label = 'Back',\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}) => {\n  const drillDownStore = useDrillDownStore();\n  const id = React.useId();\n  const subContextValue = React.useMemo(() => ({ id, label }), [id, label]);\n  const isOpenInDrillDown = usePanelPosition(drillDownStore, id) !== 'closed';\n\n  // Drill-down: `open` and `defaultOpen` drive the stack; the stack drives\n  // `onOpenChange`. A controlled `open` is applied when it changes.\n  React.useLayoutEffect(() => {\n    if (!drillDownStore || open === undefined) return;\n    if (open && !drillDownStore.isOpen(id)) drillDownStore.push(id, null);\n    else if (!open && drillDownStore.isOpen(id)) drillDownStore.close(id);\n  }, [drillDownStore, open, id]);\n\n  const defaultOpenRef = React.useRef(defaultOpen);\n  React.useLayoutEffect(() => {\n    if (drillDownStore && defaultOpenRef.current && open === undefined) drillDownStore.push(id, null);\n    // Only on mount, like an uncontrolled default.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleOpenChange = useCallbackRef(onOpenChange);\n  const wasOpenRef = React.useRef(isOpenInDrillDown);\n  React.useEffect(() => {\n    if (!drillDownStore || wasOpenRef.current === isOpenInDrillDown) return;\n    wasOpenRef.current = isOpenInDrillDown;\n    handleOpenChange(isOpenInDrillDown);\n  }, [drillDownStore, isOpenInDrillDown, handleOpenChange]);\n\n  // Radix Sub stays mounted in both behaviors so switching behavior does not\n  // remount the subtree. It only renders context; in drill-down its trigger\n  // and content are never rendered, so it reports no open changes of its own.\n  return (\n    <SubContext.Provider value={subContextValue}>\n      <DropdownMenuPrimitive.Sub\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={drillDownStore ? undefined : onOpenChange}\n      >\n        {children}\n      </DropdownMenuPrimitive.Sub>\n    </SubContext.Provider>\n  );\n};\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, onKeyDown, ...subTriggerProps } = props;\n  const drillDownStore = useDrillDownStore();\n  const subContext = useSubContext();\n  const isLevelVisible = React.useContext(DrillDownLevelContext);\n\n  if (drillDownStore && subContext) {\n    if (!isLevelVisible) return null;\n\n    const handleSelect = (event: Event) => {\n      // Navigating does not close the menu.\n      event.preventDefault();\n      drillDownStore.push(subContext.id);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || subTriggerProps.disabled) return;\n      if (event.key === FORWARD_KEYS[getDirection(event.currentTarget)]) {\n        event.preventDefault();\n        drillDownStore.push(subContext.id, 'keyboard');\n      }\n    };\n\n    return (\n      <DropdownMenuPrimitive.Item\n        aria-haspopup=\"menu\"\n        {...subTriggerProps}\n        data-drill-down-trigger={subContext.id}\n        data-drill-down-name={subTriggerProps.textValue}\n        onSelect={handleSelect}\n        onKeyDown={handleKeyDown}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseMenuItem',\n          'rt-BaseMenuSubTrigger',\n          'rt-DropdownMenuItem',\n          'rt-DropdownMenuSubTrigger',\n          'rt-DropdownMenuDrillDownSubTrigger',\n          className,\n        )}\n      >\n        {children}\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubTriggerIcon\" />\n        </div>\n      </DropdownMenuPrimitive.Item>\n    );\n  }\n\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      onKeyDown={onKeyDown}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubTriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n    />\n  );\n});\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/** The row at the top of a drill-down panel that returns to the parent level. */\nfunction DrillDownBackItem({ label, name }: { label: React.ReactNode; name: string }) {\n  const drillDownStore = useDrillDownStore();\n\n  const handleSelect = React.useCallback(\n    (event: Event) => {\n      // Navigating does not close the menu.\n      event.preventDefault();\n      drillDownStore?.pop();\n    },\n    [drillDownStore],\n  );\n\n  // The visible label is often the submenu title, so the accessible name says\n  // what the row does while still containing the visible text.\n  const labelText = typeof label === 'string' ? label : name;\n  const ariaLabel = labelText && labelText !== 'Back' ? `Back from ${labelText}` : undefined;\n\n  return (\n    <DropdownMenuPrimitive.Item\n      aria-label={ariaLabel}\n      textValue={labelText || 'Back'}\n      onSelect={handleSelect}\n      className={classNames(\n        'rt-reset',\n        'rt-BaseMenuItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuDrillDownBackItem',\n      )}\n    >\n      <ThickChevronLeftIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuDrillDownBackIcon\" />\n      <span className=\"rt-DropdownMenuDrillDownBackLabel\">{label}</span>\n    </DropdownMenuPrimitive.Item>\n  );\n}\n\n/** Radix positioning and layer props that have no meaning for an inline drill-down panel. */\ntype PopperOnlyProps =\n  | 'loop'\n  | 'onEscapeKeyDown'\n  | 'onPointerDownOutside'\n  | 'onFocusOutside'\n  | 'onInteractOutside'\n  | 'sideOffset'\n  | 'alignOffset'\n  | 'avoidCollisions'\n  | 'collisionBoundary'\n  | 'collisionPadding'\n  | 'arrowPadding'\n  | 'sticky'\n  | 'hideWhenDetached'\n  | 'updatePositionStrategy';\n\nfunction omitPopperProps<T extends Record<string, unknown>>(props: T): Omit<T, PopperOnlyProps> {\n  const {\n    loop: _loop,\n    onEscapeKeyDown: _onEscapeKeyDown,\n    onPointerDownOutside: _onPointerDownOutside,\n    onFocusOutside: _onFocusOutside,\n    onInteractOutside: _onInteractOutside,\n    sideOffset: _sideOffset,\n    alignOffset: _alignOffset,\n    avoidCollisions: _avoidCollisions,\n    collisionBoundary: _collisionBoundary,\n    collisionPadding: _collisionPadding,\n    arrowPadding: _arrowPadding,\n    sticky: _sticky,\n    hideWhenDetached: _hideWhenDetached,\n    updatePositionStrategy: _updatePositionStrategy,\n    ...rest\n  } = props;\n  return rest;\n}\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>,\n    DropdownMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper so a VirtualMenu can handle its own\n   * scrolling. Applies to cascade submenus; a drill-down panel scrolls with the\n   * root content.\n   */\n  virtualized?: boolean;\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  const drillDownStore = useDrillDownStore();\n  const subContext = useSubContext();\n\n  if (drillDownStore && subContext) {\n    return (\n      <DrillDownPanel {...props} ref={forwardedRef} store={drillDownStore} sub={subContext} />\n    );\n  }\n  return <CascadeSubContent {...props} ref={forwardedRef} />;\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\nconst CascadeSubContent = React.forwardRef<DropdownMenuSubContentElement, DropdownMenuSubContentProps>(\n  (props, forwardedRef) => {\n    const parent = React.useContext(DropdownMenuContentContext);\n    const themeContext = useThemeContext();\n\n\n    // A submenu inherits the parent surface, and its own props win.\n    const size = props.size ?? parent.size;\n    const color = props.color ?? parent.color;\n    const material =\n      props.material ?? parent.material ?? resolveMenuMaterial(undefined, themeContext);\n\n    const {\n      className,\n      children,\n      container,\n      forceMount,\n      color: _color,\n      material: _material,\n      virtualized = false,\n      ...subContentProps\n    } = extractProps({ ...props, size }, dropdownMenuSubContentPropDefs);\n\n    const scalarSize = useResolvedResponsiveValue(size, dropdownMenuSubContentPropDefs.size.default);\n\n    const contextValue = React.useMemo(\n      () => ({ size, color, material }),\n      [size, color, material],\n    );\n\n    const body = (\n      <MenuProvider size={size}>\n        <DropdownMenuContentContext.Provider value={contextValue}>{children}</DropdownMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.SubContent\n            data-accent-color={color}\n            data-material={material}\n            alignOffset={getMenuAlignOffset(scalarSize, themeContext.scaling)}\n            // Side offset accounts for the outer solid box-shadow\n            sideOffset={1}\n            collisionPadding={10}\n            {...subContentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n          'rt-variant-soft',\n              'rt-BaseMenuSubContent',\n              'rt-DropdownMenuContent',\n              'rt-DropdownMenuSubContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport', 'rt-virtualized')}>\n                {body}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>{body}</div>\n              </ScrollArea>\n            )}\n          </DropdownMenuPrimitive.SubContent>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nCascadeSubContent.displayName = 'DropdownMenu.CascadeSubContent';\n\ninterface DrillDownPanelProps extends DropdownMenuSubContentProps {\n  store: NonNullable<ReturnType<typeof useDrillDownStore>>;\n  sub: NonNullable<ReturnType<typeof useSubContext>>;\n}\n\n/**\n * A submenu rendered inline in drill-down mode. It mounts its children only\n * while it is on the navigation stack, and shows its own items only while it\n * is the top level; deeper panels inside it stay mounted.\n */\nconst DrillDownPanel = React.forwardRef<DropdownMenuSubContentElement, DrillDownPanelProps>(\n  ({ store, sub, ...props }, forwardedRef) => {\n    const position = usePanelPosition(store, sub.id);\n    const entry = useStackEntry(store, sub.id);\n    const direction = useDrillDownDirection(position === 'top' ? store : null);\n\n    if (position === 'closed') return null;\n\n    const {\n      className,\n      children,\n      container: _container,\n      forceMount: _forceMount,\n      virtualized: _virtualized,\n      size: _size,\n      color: _color,\n      material: _material,\n      ...panelProps\n    } = omitPopperProps(props);\n\n    const isTop = position === 'top';\n    const name = entry?.name || (typeof sub.label === 'string' ? sub.label : '');\n\n    return (\n      <div\n        role=\"group\"\n        aria-label={name || undefined}\n        {...panelProps}\n        ref={forwardedRef}\n        data-drill-down-panel={sub.id}\n        data-drill-down-active={isTop ? true : undefined}\n        data-animation-direction={isTop ? (direction ?? undefined) : undefined}\n        className={classNames('rt-DropdownMenuDrillDownPanel', className)}\n      >\n        {isTop && (\n          <>\n            <DrillDownBackItem label={sub.label} name={name} />\n            <DropdownMenuPrimitive.Separator className=\"rt-BaseMenuSeparator rt-DropdownMenuSeparator\" />\n          </>\n        )}\n        <DrillDownLevelContext.Provider value={isTop}>{children}</DrillDownLevelContext.Provider>\n      </div>\n    );\n  },\n);\nDrillDownPanel.displayName = 'DropdownMenu.DrillDownPanel';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>(({ className, ...props }, forwardedRef) => (\n  <ChevronDownIcon\n    {...props}\n    ref={forwardedRef}\n    className={classNames('rt-DropdownMenuTriggerIcon', className)}\n  />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n  VirtualMenu as Virtual,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n  SubmenuBehavior,\n};\n"],
+  "mappings": "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",
+  "names": ["dropdown_menu_exports", "__export", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuRoot", "DropdownMenuSeparator", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "DropdownMenuTriggerIcon", "VirtualMenu", "React", "classNames", "DropdownMenuPrimitive", "Slot", "useCallbackRef", "DropdownMenuOpenContext", "DropdownMenuRoot", "props", "openProp", "defaultOpen", "onOpenChange", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChangeProp", "useCallbackRef", "handleOpenChange", "next", "DropdownMenuPrimitive", "DropdownMenuTrigger", "children", "forwardedRef", "requireReactElement", "DropdownMenuContentContext", "BACK_KEYS", "FORWARD_KEYS", "isTextEntryTarget", "target", "getDirection", "element", "DropdownMenuContent", "themeContext", "useThemeContext", "material", "resolveMenuMaterial", "size", "baseMenuContentPropDefs", "className", "color", "container", "forceMount", "_material", "submenuBehavior", "virtualized", "onEscapeKeyDown", "onKeyDown", "contentProps", "extractProps", "resolvedColor", "behavior", "useResolvedResponsiveValue", "isDrillDown", "drillDownStore", "useCreateDrillDownStore", "handleEscapeKeyDown", "event", "handleKeyDown", "contextValue", "contentBody", "MenuProvider", "DrillDownRoot", "Theme", "classNames", "ScrollArea", "DropdownMenuLabel", "DrillDownLevelContext", "DropdownMenuItem", "baseMenuItemPropDefs", "shortcut", "itemProps", "toAriaKeyShortcuts", "Slot", "MenuShortcut", "DropdownMenuGroup", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "baseMenuRadioItemPropDefs", "ThickDotIcon", "DropdownMenuCheckboxItem", "baseMenuCheckboxItemPropDefs", "ThickCheckIcon", "DropdownMenuSub", "label", "useDrillDownStore", "id", "subContextValue", "isOpenInDrillDown", "usePanelPosition", "defaultOpenRef", "wasOpenRef", "SubContext", "DropdownMenuSubTrigger", "subTriggerProps", "subContext", "useSubContext", "isLevelVisible", "handleSelect", "ThickChevronRightIcon", "DropdownMenuSeparator", "DrillDownBackItem", "name", "labelText", "ariaLabel", "ThickChevronLeftIcon", "omitPopperProps", "_loop", "_onEscapeKeyDown", "_onPointerDownOutside", "_onFocusOutside", "_onInteractOutside", "_sideOffset", "_alignOffset", "_avoidCollisions", "_collisionBoundary", "_collisionPadding", "_arrowPadding", "_sticky", "_hideWhenDetached", "_updatePositionStrategy", "rest", "DropdownMenuSubContent", "DrillDownPanel", "CascadeSubContent", "parent", "_color", "subContentProps", "baseMenuSubContentPropDefs", "scalarSize", "body", "getMenuAlignOffset", "store", "sub", "position", "entry", "useStackEntry", "direction", "useDrillDownDirection", "_container", "_forceMount", "_virtualized", "_size", "panelProps", "isTop", "DropdownMenuTriggerIcon", "ChevronDownIcon"]
+}

package/dist/esm/chunk-L6M2MI7Y.js

@@ -0,0 +1,2 @@
+import{a as u}from"./chunk-VSSJTPBV.js";import{a as f}from"./chunk-PS6NEG5A.js";import{a as c}from"./chunk-UBSLEGQZ.js";import{a as v}from"./chunk-GSTOGDAJ.js";import*as a from"react";import A from"classnames";import{Avatar as m}from"radix-ui";var R=a.forwardRef((e,s)=>{let{asChild:r,children:t,className:o,style:n,color:i,radius:p,status:l,badge:d,...g}=c(e,u,v),y=r&&t!=null&&a.isValidElement(t)&&(t.props.disabled===!0||t.props["data-disabled"]===!0),b=d!==void 0||l!==void 0;return a.createElement(m.Root,{"data-accent-color":i,"data-radius":p,"data-disabled":y||void 0,"data-has-indicator":b||void 0,className:A("rt-reset","rt-AvatarRoot",o),style:n,asChild:r},f({asChild:r,children:t},a.createElement(P,{ref:s,...g})),d!==void 0?a.createElement("span",{className:"rt-AvatarBadge"},d):l!==void 0?a.createElement("span",{className:"rt-AvatarStatus","data-accent-color":l}):null)});R.displayName="Avatar";var P=a.memo(a.forwardRef(({fallback:e,onLoadingStatusChange:s,...r},t)=>{let[o,n]=a.useState("idle"),i=a.useCallback(p=>{s?.(p),n(p)},[s]);return a.createElement(a.Fragment,null,o==="idle"||o==="loading"?a.createElement("span",{className:"rt-AvatarFallback"}):null,o==="error"?a.createElement(m.Fallback,{className:A("rt-AvatarFallback",{"rt-one-letter":typeof e=="string"&&e.length===1,"rt-two-letters":typeof e=="string"&&e.length===2}),delayMs:0},e):null,a.createElement(m.Image,{ref:t,className:"rt-AvatarImage",...r,onLoadingStatusChange:i}))}));P.displayName="AvatarImpl";export{R as a};
+//# sourceMappingURL=chunk-L6M2MI7Y.js.map