@womp/kookie-ui 0.17.0 → 0.19.0

package/dist/esm/chunk-7SS6EIE5.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 { useThemeSizeProps } from '../helpers/theme-size.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>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, textFieldRootPropDefs.size);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const { children, className, color, radius, style, ...inputProps } = extractProps(props, textFieldRootPropDefs, marginPropDefs);\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, 'aria-invalid': ariaInvalid } = inputProps;\n\n  // Invalid when `error` is set or the caller passes aria-invalid; the CSS keys on aria-invalid only.\n  const isInvalid = Boolean(inputProps.error) || ariaInvalid === true || ariaInvalid === 'true';\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 ? true : ariaInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, ariaInvalid, 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      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": "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",
+  "names": ["text_field_exports", "__export", "TextFieldRoot", "TextFieldSlot", "React", "ReactDOM", "classNames", "composeRefs", "TextFieldRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "textFieldRootPropDefs", "inputRef", "children", "className", "color", "radius", "style", "inputProps", "extractProps", "marginPropDefs", "errorId", "ariaDescribedby", "ariaLabelledby", "ariaInvalid", "isInvalid", "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-7UV4FYYL.js

@@ -0,0 +1,2 @@
+import{a as g}from"./chunk-NETIWKIR.js";import{a as P}from"./chunk-OXYHRNJA.js";import{a as C}from"./chunk-AGAQC4HH.js";import{e as E}from"./chunk-3YLYGKFB.js";import{a as m}from"./chunk-NCDOMH5I.js";import{a as b}from"./chunk-6FLLFCBU.js";import{a as h}from"./chunk-2FPJ6Q2N.js";import*as e from"react";import z from"classnames";import{Slot as G}from"radix-ui";var L=e.forwardRef((x,M)=>{let o=E(x,m.size),{className:N,children:t,asChild:a,as:s,color:T,radius:k,flush:v,disabled:f,...d}=b(o,m,h),r=!!o.loading,D=!!f||r,{onClick:y}=d,w=e.useCallback(i=>{if(r){i.preventDefault();return}y?.(i)},[r,y]),{iconStart:V,iconEnd:H}=e.useMemo(()=>{let i=a&&e.isValidElement(t)?t.props.children:t,B=n=>e.Children.toArray(n).flatMap(p=>e.isValidElement(p)&&p.type===e.Fragment?B(p.props.children):[p]),u=B(i),R=n=>e.isValidElement(n)&&(n.type==="svg"||typeof n.type!="string");return{iconStart:R(u[0]),iconEnd:R(u[u.length-1])}},[a,t]),S=a?G.Root:s||"button",j=a||!s||["button","input","textarea","select"].includes(s),I=!a&&(!s||s==="button"),A="type"in d,F=e.useId(),l=r?`${F}-loading`:void 0,c=e.useMemo(()=>typeof t=="string"?t:e.isValidElement(t)&&typeof t.props?.children=="string"?t.props.children:"button",[t]),O=e.useMemo(()=>o.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":l,"aria-label":`${c} (loading)`}:{},[o.loading,l,c]);return e.createElement(S,{"data-accent-color":T,"data-radius":k,"data-flush":v?"true":void 0,"data-icon-start":V||void 0,"data-icon-end":H||void 0,...d,...O,"data-disabled":D||void 0,onClick:w,ref:M,className:z("rt-reset","rt-BaseButton",N),...j&&{disabled:f},...I&&!A?{type:"button"}:{}},o.loading?e.createElement(e.Fragment,null,e.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},t),e.createElement(C,null,e.createElement("span",{id:l},c," is loading, please wait..."),t),e.createElement(P,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,e.createElement(g,{"aria-hidden":"true"})))):t)});L.displayName="BaseButton";export{L as a};
+//# sourceMappingURL=chunk-7UV4FYYL.js.map

package/dist/esm/chunk-7UV4FYYL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/base-button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { extractProps } from '../../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../../helpers/theme-size.js';\nimport { marginPropDefs } from '../../props/margin.props.js';\n\nimport type { MarginProps } from '../../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../../props/prop-def.js';\n\ntype BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n/**\n * Polymorphic BaseButton props that support rendering as different HTML elements\n * Uses the proper ComponentPropsWithout pattern for type safety\n * @template C - The element type to render as (defaults to 'button')\n */\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & BaseButtonOwnProps &\n  MarginProps &\n  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | keyof MarginProps | 'as'>;\n\n/**\n * BaseButton props interface that combines all available props\n */\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\n/**\n * BaseButton component that provides the core button functionality\n *\n * This is the foundational button component that handles all the complex logic\n * including loading states, accessibility, performance optimizations, and\n * polymorphic rendering. It's used by Button, IconButton, and other button\n * variants to ensure consistent behavior across the design system.\n *\n * Key features:\n * - Loading state with spinner and accessibility announcements\n * - Comprehensive accessibility support\n * - Polymorphic rendering support\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BaseButton>Click me</BaseButton>\n *\n * // With loading state\n * <BaseButton loading>Processing...</BaseButton>\n *\n * // Polymorphic rendering\n * <BaseButton as=\"a\" href=\"/link\">Link Button</BaseButton>\n * ```\n */\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, baseButtonPropDefs.size);\n\n  // Extract button-specific props from the combined props object\n  const {\n    className,\n    children,\n    asChild,\n    as,\n    color,\n    radius,\n    flush,\n    disabled: nativeDisabled,\n    ...baseButtonProps\n  } = extractProps(props, baseButtonPropDefs, marginPropDefs);\n\n  // Loading blocks activation but keeps the native `disabled` off, so the button keeps focus\n  // and its place in the tab order (aria-disabled carries the state). An explicit `disabled`\n  // stays native.\n  const loading = Boolean(props.loading);\n  const disabled = Boolean(nativeDisabled) || loading;\n  const { onClick } = baseButtonProps as { onClick?: React.MouseEventHandler<HTMLElement> };\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (loading) {\n        event.preventDefault();\n        return;\n      }\n      onClick?.(event);\n    },\n    [loading, onClick],\n  );\n\n  // Which edges start or end with an icon. A bare edge pads wider under a full radius; an edge\n  // holding an icon keeps the plain padding (the icon already stands between text and curve).\n  const { iconStart, iconEnd } = React.useMemo(() => {\n    const content =\n      asChild && React.isValidElement(children) ? (children.props as { children?: React.ReactNode }).children : children;\n    // Fragments are see-through: their own first and last children are the edges.\n    const flatten = (nodes: React.ReactNode): React.ReactNode[] =>\n      React.Children.toArray(nodes).flatMap((node) =>\n        React.isValidElement(node) && node.type === React.Fragment\n          ? flatten((node.props as { children?: React.ReactNode }).children)\n          : [node],\n      );\n    const items = flatten(content);\n    const isIcon = (node: React.ReactNode) =>\n      React.isValidElement(node) && (node.type === 'svg' || typeof node.type !== 'string');\n    return { iconStart: isIcon(items[0]), iconEnd: isIcon(items[items.length - 1]) };\n  }, [asChild, children]);\n\n\n  // asChild takes precedence over as prop for Radix Slot integration\n  // When asChild is true, we use Slot.Root to merge props onto the child element\n  // When asChild is false, we render as the specified element (or button by default)\n  const Comp = asChild ? Slot.Root : (as || 'button');\n\n  // Only pass disabled for elements that support it\n  // This prevents invalid HTML attributes on unsupported elements\n  const shouldPassDisabled = asChild || !as || ['button', 'input', 'textarea', 'select'].includes(as);\n\n  // Determine if we are rendering a real <button> element so we can set a safe\n  // default type. Native <button> defaults to type=\"submit\" which can cause\n  // accidental form submissions. We default to type=\"button\" unless the user\n  // explicitly provided a type or we're using asChild (unknown underlying node).\n  const isNativeButtonElement = !asChild && (!as || as === 'button');\n  const hasExplicitTypeAttribute = 'type' in (baseButtonProps as Record<string, unknown>);\n\n  // Generate unique ID for loading announcements\n  const loadingId = React.useId();\n  const describedById = loading ? `${loadingId}-loading` : undefined;\n\n  // Extract button text for accessibility announcements\n  const buttonText = React.useMemo(() => {\n    if (typeof children === 'string') return children;\n    if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n      return (children.props as any).children;\n    }\n    return 'button';\n  }, [children]);\n\n  // Enhanced accessibility props for loading state\n  // These ensure screen readers announce the loading state properly\n  const accessibilityProps = React.useMemo(() => {\n    if (props.loading) {\n      return {\n        'aria-busy': true,\n        'aria-disabled': true,\n        'aria-describedby': describedById,\n        'aria-label': `${buttonText} (loading)`,\n      };\n    }\n    return {};\n  }, [props.loading, describedById, buttonText]);\n\n  return (\n    <Comp\n      data-accent-color={color}\n      data-radius={radius}\n      data-flush={flush ? 'true' : undefined}\n      data-icon-start={iconStart || undefined}\n      data-icon-end={iconEnd || undefined}\n      {...baseButtonProps}\n      {...accessibilityProps}\n      // After the spread: `data-disabled` styles `<Button asChild disabled>`, and a wrapping\n      // Radix Toggle (asChild) passes `data-disabled={undefined}` that must not erase it.\n      data-disabled={disabled || undefined}\n      onClick={handleClick}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseButton', className)}\n      {...(shouldPassDisabled && { disabled: nativeDisabled })}\n      {...(isNativeButtonElement && !hasExplicitTypeAttribute ? { type: 'button' } : {})}\n    >\n      {props.loading ? (\n        <>\n          {/**\n           * We need a wrapper to set `visibility: hidden` to hide the button content whilst we show the `Spinner`.\n           * The button is a flex container with a `gap`, so we use `display: contents` to ensure the correct flex layout.\n           *\n           * However, `display: contents` removes the content from the accessibility tree in some browsers,\n           * so we force remove it with `aria-hidden` and re-add it in the tree with `VisuallyHidden`\n           */}\n          <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n            {children}\n          </span>\n\n          {/* Enhanced accessibility for loading state */}\n          <VisuallyHidden>\n            <span id={describedById}>{buttonText} is loading, please wait...</span>\n            {children}\n          </VisuallyHidden>\n\n          {/* Centered spinner overlay during loading state */}\n          <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n            <span>\n              <Spinner aria-hidden=\"true\" />\n            </span>\n          </Flex>\n        </>\n      ) : (\n        children\n      )}\n    </Comp>\n  );\n});\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Slot", "BaseButton", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "baseButtonPropDefs", "className", "children", "asChild", "as", "color", "radius", "flush", "nativeDisabled", "baseButtonProps", "extractProps", "marginPropDefs", "loading", "disabled", "onClick", "handleClick", "event", "iconStart", "iconEnd", "content", "flatten", "nodes", "node", "items", "isIcon", "Comp", "Slot", "shouldPassDisabled", "isNativeButtonElement", "hasExplicitTypeAttribute", "loadingId", "describedById", "buttonText", "accessibilityProps", "classNames", "VisuallyHidden", "Flex", "Spinner"]
+}

package/dist/esm/chunk-ABS275QZ.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk-STMTXK7U.js";import{a as o}from"./chunk-NZJGC6ZW.js";var f={...o,...r};export{f as a};
+//# sourceMappingURL=chunk-ABS275QZ.js.map

package/dist/esm/{chunk-TPHNDGSV.js → chunk-AI6UQ5VD.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-IBF5U4QW.js";import{a as n}from"./chunk-L6UXAITB.js";import{a as t}from"./chunk-UBSLEGQZ.js";import{a as r}from"./chunk-GSTOGDAJ.js";import*as e from"react";import P from"classnames";import{Slot as d}from"radix-ui";var c=e.forwardRef((s,m)=>{let{children:o,className:a,loading:i,...l}=t(s,n,r);if(!i)return o;let f=e.isValidElement(o)?d.Root:"span";return e.createElement(f,{ref:m,"aria-hidden":!0,className:P("rt-Skeleton",a),"data-inline-skeleton":e.isValidElement(o)?void 0:!0,tabIndex:-1,inert:p,...l},o)});c.displayName="Skeleton";export{c as a};
-//# sourceMappingURL=chunk-TPHNDGSV.js.map
+import{a as p}from"./chunk-IBF5U4QW.js";import{a as n}from"./chunk-L6UXAITB.js";import{a as t}from"./chunk-6FLLFCBU.js";import{a as r}from"./chunk-2FPJ6Q2N.js";import*as e from"react";import P from"classnames";import{Slot as d}from"radix-ui";var c=e.forwardRef((s,m)=>{let{children:o,className:a,loading:i,...l}=t(s,n,r);if(!i)return o;let f=e.isValidElement(o)?d.Root:"span";return e.createElement(f,{ref:m,"aria-hidden":!0,className:P("rt-Skeleton",a),"data-inline-skeleton":e.isValidElement(o)?void 0:!0,tabIndex:-1,inert:p,...l},o)});c.displayName="Skeleton";export{c as a};
+//# sourceMappingURL=chunk-AI6UQ5VD.js.map

package/dist/esm/chunk-BINUV3ME.js

@@ -0,0 +1,2 @@
+import{a as P}from"./chunk-IXNJFV4O.js";import{a as s}from"./chunk-MJJ7XDIP.js";import{c as C}from"./chunk-6AZV4VFW.js";import{a as d}from"./chunk-BUBV3C6C.js";import{a as f}from"./chunk-QWLKMVZY.js";import{e as A}from"./chunk-3YLYGKFB.js";import{a as c}from"./chunk-6FLLFCBU.js";import{a as O}from"./chunk-OS3FCYZY.js";var k={};O(k,{Action:()=>h,Cancel:()=>N,Content:()=>v,Description:()=>E,Root:()=>u,Title:()=>T,Trigger:()=>R});import*as e from"react";import S from"classnames";import{AlertDialog as l}from"radix-ui";var u=t=>e.createElement(l.Root,{...t});u.displayName="AlertDialog.Root";var R=e.forwardRef(({children:t,...o},r)=>e.createElement(l.Trigger,{...o,ref:r,asChild:!0},s(t)));R.displayName="AlertDialog.Trigger";var{align:z,...y}=f,B={align:z},v=e.forwardRef(({align:t,...o},r)=>{let x=A(o,y.size),{className:b}=c({align:t},B),{className:w,forceMount:H,container:M,...W}=c(x,y),g=e.useRef(null),L=e.useMemo(()=>i=>{g.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]);return e.useEffect(()=>{if(typeof window>"u")return;let i=g.current;if(!i)return;let a=i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(a.length===0)return;let p=a[0],m=a[a.length-1],D=n=>{n.key==="Tab"&&(n.shiftKey?document.activeElement===p&&(n.preventDefault(),m.focus()):document.activeElement===m&&(n.preventDefault(),p.focus()))};return i.addEventListener("keydown",D),p.focus(),()=>{i.removeEventListener("keydown",D)}},[]),e.createElement(l.Portal,{container:M,forceMount:H},e.createElement(C,{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 ${b}`},e.createElement(l.Content,{...W,ref:L,className:S("rt-BaseDialogContent","rt-AlertDialogContent",w),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"}))))))});v.displayName="AlertDialog.Content";var T=e.forwardRef((t,o)=>e.createElement(l.Title,{asChild:!0},e.createElement(P,{size:"5",mb:"4",trim:"start",...t,asChild:!1,ref:o})));T.displayName="AlertDialog.Title";var E=e.forwardRef((t,o)=>e.createElement(l.Description,{asChild:!0},e.createElement(d,{as:"p",size:"3",...t,asChild:!1,ref:o})));E.displayName="AlertDialog.Description";var h=e.forwardRef(({children:t,...o},r)=>e.createElement(l.Action,{...o,ref:r,asChild:!0},s(t)));h.displayName="AlertDialog.Action";var N=e.forwardRef(({children:t,...o},r)=>e.createElement(l.Cancel,{...o,ref:r,asChild:!0},s(t)));N.displayName="AlertDialog.Cancel";export{u as a,R as b,v as c,T as d,E as e,h as f,N as g,k as h};
+//# sourceMappingURL=chunk-BINUV3ME.js.map

package/dist/esm/chunk-BINUV3ME.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 { useThemeSizeProps } from '../helpers/theme-size.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  ...contentPropDefs\n} = alertDialogContentPropDefs;\nconst alignPropDefs = { align: alignPropDef };\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, ...ownProps }, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, contentPropDefs.size);\n    const { className: alignClassName } = extractProps({ align }, alignPropDefs);\n\n    const {\n      className,\n      forceMount,\n      container,\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                  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=\"4\" 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", "contentPropDefs", "alertDialogContentPropDefs", "alignPropDefs", "AlertDialogContent", "align", "ownProps", "useThemeSizeProps", "alignClassName", "extractProps", "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-BQS6XXJR.js

@@ -0,0 +1,2 @@
+import{a as p}from"./chunk-Q7S5LQBQ.js";import{e as c}from"./chunk-3YLYGKFB.js";import{a as l}from"./chunk-6FLLFCBU.js";import{a as m}from"./chunk-2FPJ6Q2N.js";import*as e from"react";import v from"classnames";var R=e.forwardRef((f,x)=>{let y=c(f,p.size),{className:u,color:b,radius:P,style:A,...r}=l(y,p,m),o=e.useId(),{"aria-describedby":s,"aria-labelledby":n,"aria-invalid":a}=r,i=!!r.error||a===!0||a==="true",d=e.useMemo(()=>{let t=[];return r.errorMessage&&t.push(o),s&&t.push(s),t.length>0?t.join(" "):void 0},[r.errorMessage,s,o]),T=e.useMemo(()=>({"aria-invalid":i?!0:a,"aria-describedby":d,"aria-labelledby":n}),[i,a,d,n]),{error:M,errorMessage:h,required:D,"aria-describedby":N,"aria-labelledby":I,...g}=r;return e.createElement("div",{"data-accent-color":b,"data-radius":P,className:v("rt-TextAreaRoot",u,{"rt-error":i}),style:A},e.createElement("textarea",{className:"rt-reset rt-TextAreaInput",ref:x,...g,...T}),r.errorMessage&&e.createElement("div",{id:o,className:"rt-TextAreaErrorMessage",role:"alert"},r.errorMessage))});R.displayName="TextArea";export{R as a};
+//# sourceMappingURL=chunk-BQS6XXJR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text-area.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { textAreaPropDefs } from './text-area.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextAreaElement = React.ElementRef<'textarea'>;\ntype TextAreaOwnProps = GetPropDefTypes<typeof textAreaPropDefs> & {\n  defaultValue?: string;\n  value?: string;\n};\ninterface TextAreaProps\n  extends ComponentPropsWithout<'textarea', RemovedProps | 'size' | 'value'>,\n    MarginProps,\n    TextAreaOwnProps {}\n\nconst TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, textAreaPropDefs.size);\n  const { className, color, radius, style, ...textAreaProps } =\n    extractProps(props, textAreaPropDefs, marginPropDefs);\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, 'aria-invalid': ariaInvalid } = textAreaProps;\n\n  // Invalid when `error` is set or the caller passes aria-invalid; the CSS keys on aria-invalid only.\n  const isInvalid = Boolean(textAreaProps.error) || ariaInvalid === true || ariaInvalid === 'true';\n\n  // Build aria-describedby string\n  const describedBy = React.useMemo(() => {\n    const parts = [];\n    if (textAreaProps.errorMessage) parts.push(errorId);\n    if (ariaDescribedby) parts.push(ariaDescribedby);\n    return parts.length > 0 ? parts.join(' ') : undefined;\n  }, [textAreaProps.errorMessage, ariaDescribedby, errorId]);\n\n  // Build aria attributes\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-invalid': isInvalid ? true : ariaInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, ariaInvalid, describedBy, ariaLabelledby],\n  );\n\n  // Filter out our custom props to avoid DOM warnings\n  const {\n    error,\n    errorMessage,\n   \n    required,\n    'aria-describedby': _ariaDescribedby,\n    'aria-labelledby': _ariaLabelledby,\n    ...nativeTextAreaProps\n  } = textAreaProps;\n\n  return (\n    <div\n      data-accent-color={color}\n      data-radius={radius}\n      className={classNames('rt-TextAreaRoot', className, {\n        'rt-error': isInvalid,\n      })}\n      style={style}\n    >\n      <textarea\n        className=\"rt-reset rt-TextAreaInput\"\n        ref={forwardedRef}\n        {...nativeTextAreaProps}\n        {...ariaProps}\n      />\n      {textAreaProps.errorMessage && (\n        <div id={errorId} className=\"rt-TextAreaErrorMessage\" role=\"alert\">\n          {textAreaProps.errorMessage}\n        </div>\n      )}\n    </div>\n  );\n});\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],
+  "mappings": "gKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAqBvB,IAAMC,EAAiB,aAA2C,CAACC,EAAUC,IAAiB,CAC5F,IAAMC,EAAQC,EAAkBH,EAAUI,EAAiB,IAAI,EACzD,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,CAAc,EACxDC,EAAaR,EAAOE,EAAkBO,CAAc,EAGhDC,EAAgB,QAAM,EAEtB,CAAE,mBAAoBC,EAAiB,kBAAmBC,EAAgB,eAAgBC,CAAY,EAAIN,EAG1GO,EAAY,EAAQP,EAAc,OAAUM,IAAgB,IAAQA,IAAgB,OAGpFE,EAAoB,UAAQ,IAAM,CACtC,IAAMC,EAAQ,CAAC,EACf,OAAIT,EAAc,cAAcS,EAAM,KAAKN,CAAO,EAC9CC,GAAiBK,EAAM,KAAKL,CAAe,EACxCK,EAAM,OAAS,EAAIA,EAAM,KAAK,GAAG,EAAI,MAC9C,EAAG,CAACT,EAAc,aAAcI,EAAiBD,CAAO,CAAC,EAGnDO,EAAkB,UACtB,KAAO,CACL,eAAgBH,EAAY,GAAOD,EACnC,mBAAoBE,EACpB,kBAAmBH,CACrB,GACA,CAACE,EAAWD,EAAaE,EAAaH,CAAc,CACtD,EAGM,CACJ,MAAAM,EACA,aAAAC,EAEA,SAAAC,EACA,mBAAoBC,EACpB,kBAAmBC,EACnB,GAAGC,CACL,EAAIhB,EAEJ,OACE,gBAAC,OACC,oBAAmBH,EACnB,cAAaC,EACb,UAAWmB,EAAW,kBAAmBrB,EAAW,CAClD,WAAYW,CACd,CAAC,EACD,MAAOR,GAEP,gBAAC,YACC,UAAU,4BACV,IAAKP,EACJ,GAAGwB,EACH,GAAGN,EACN,EACCV,EAAc,cACb,gBAAC,OAAI,GAAIG,EAAS,UAAU,0BAA0B,KAAK,SACxDH,EAAc,YACjB,CAEJ,CAEJ,CAAC,EAEDV,EAAS,YAAc",
+  "names": ["React", "classNames", "TextArea", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "textAreaPropDefs", "className", "color", "radius", "style", "textAreaProps", "extractProps", "marginPropDefs", "errorId", "ariaDescribedby", "ariaLabelledby", "ariaInvalid", "isInvalid", "describedBy", "parts", "ariaProps", "error", "errorMessage", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeTextAreaProps", "classNames"]
+}

package/dist/esm/{chunk-O6K6RZXY.js → chunk-BUBV3C6C.js}

@@ -1,2 +1,2 @@
-import{a as P}from"./chunk-PDBVZAUJ.js";import{a as m}from"./chunk-UBSLEGQZ.js";import{a as n}from"./chunk-GSTOGDAJ.js";import*as e from"react";import{Slot as c}from"radix-ui";var l={...P,...n},f=e.memo(e.forwardRef((i,o)=>{let{children:t,className:p,asChild:x,as:T="span",color:r,...s}=m(i,l),a=p?`rt-Text ${p}`:"rt-Text";return x?e.createElement(c.Root,{"data-accent-color":r,...s,ref:o,className:a},t):e.createElement(T,{"data-accent-color":r,...s,ref:o,className:a},t)}));f.displayName="Text";export{f as a};
-//# sourceMappingURL=chunk-O6K6RZXY.js.map
+import{a as P}from"./chunk-PDBVZAUJ.js";import{a as m}from"./chunk-6FLLFCBU.js";import{a as n}from"./chunk-2FPJ6Q2N.js";import*as e from"react";import{Slot as c}from"radix-ui";var l={...P,...n},f=e.memo(e.forwardRef((i,o)=>{let{children:t,className:p,asChild:x,as:T="span",color:r,...s}=m(i,l),a=p?`rt-Text ${p}`:"rt-Text";return x?e.createElement(c.Root,{"data-accent-color":r,...s,ref:o,className:a},t):e.createElement(T,{"data-accent-color":r,...s,ref:o,className:a},t)}));f.displayName="Text";export{f as a};
+//# sourceMappingURL=chunk-BUBV3C6C.js.map

package/dist/esm/{chunk-AO32NT75.js → chunk-CLEH57SW.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-GSTOGDAJ.js";import{a}from"./chunk-E23RKOQJ.js";import{a as i}from"./chunk-PBFSBHBS.js";var l=n.m.values,f=new Set(l),p=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function S(g){let e,r;for(let t=0;t<p.length;t++){let{key:c,className:u,customProperties:y}=p[t],s=g[c];if(s===void 0)continue;let[o,m]=i({className:u,customProperties:y,propValues:l,propValueSet:f,value:s});o&&(e??(e=[])).push(o),m&&(r=a(r,m))}return[e!==void 0?e.join(" "):"",r]}export{S as a};
-//# sourceMappingURL=chunk-AO32NT75.js.map
+import{a as n}from"./chunk-2FPJ6Q2N.js";import{a}from"./chunk-E23RKOQJ.js";import{a as i}from"./chunk-JUY7CBSL.js";var l=n.m.values,f=new Set(l),p=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function S(g){let e,r;for(let t=0;t<p.length;t++){let{key:c,className:u,customProperties:y}=p[t],s=g[c];if(s===void 0)continue;let[o,m]=i({className:u,customProperties:y,propValues:l,propValueSet:f,value:s});o&&(e??(e=[])).push(o),m&&(r=a(r,m))}return[e!==void 0?e.join(" "):"",r]}export{S as a};
+//# sourceMappingURL=chunk-CLEH57SW.js.map

package/dist/esm/chunk-CR2BSCFM.js

@@ -0,0 +1,2 @@
+import{a as y}from"./chunk-MHANZINI.js";import{a as d}from"./chunk-IXNJFV4O.js";import{a as m}from"./chunk-MJJ7XDIP.js";import{c as u}from"./chunk-6AZV4VFW.js";import{a as C}from"./chunk-BUBV3C6C.js";import{a as P}from"./chunk-4ITIXBIP.js";import{e as f}from"./chunk-3YLYGKFB.js";import{a as p}from"./chunk-6FLLFCBU.js";import{a as S}from"./chunk-OS3FCYZY.js";var k={};S(k,{Close:()=>x,Content:()=>E,Description:()=>N,Root:()=>R,Title:()=>h,Trigger:()=>T});import*as e from"react";import B from"classnames";import{Dialog as a}from"radix-ui";var R=o=>e.createElement(a.Root,{...o,modal:!0});R.displayName="Dialog.Root";var T=e.forwardRef(({children:o,...i},r)=>e.createElement(a.Trigger,{...i,ref:r,asChild:!0},m(o)));T.displayName="Dialog.Trigger";var{align:z,...v}=P,A={align:z},E=e.forwardRef(({align:o,...i},r)=>{let b=f(i,v.size),{className:w}=p({align:o},A),{className:H,forceMount:M,container:L,...W}=p(b,v),g=e.useRef(null),O=e.useMemo(()=>t=>{g.current=t,typeof r=="function"?r(t):r&&(r.current=t)},[r]);return y(),e.useEffect(()=>{if(typeof window>"u")return;let t=g.current;if(!t)return;let l=t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(l.length===0)return;let s=l[0],c=l[l.length-1],D=n=>{n.key==="Tab"&&(n.shiftKey?document.activeElement===s&&(n.preventDefault(),c.focus()):document.activeElement===c&&(n.preventDefault(),s.focus()))};return t.addEventListener("keydown",D),s.focus(),()=>{t.removeEventListener("keydown",D)}},[]),e.createElement(a.Portal,{container:L,forceMount:M},e.createElement(u,{asChild:!0},e.createElement(a.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-DialogScroll"},e.createElement("div",{className:`rt-BaseDialogScrollPadding rt-DialogScrollPadding ${w}`},e.createElement(a.Content,{...W,ref:O,className:B("rt-BaseDialogContent","rt-DialogContent",H),tabIndex:-1,role:"dialog","aria-modal":"true",onCloseAutoFocus:t=>{t.preventDefault(),document.body.style.pointerEvents=""}}),e.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"rt-sr-only",id:"dialog-announcement"}))))))});E.displayName="Dialog.Content";var h=e.forwardRef((o,i)=>e.createElement(a.Title,{asChild:!0},e.createElement(d,{size:"5",mb:"4",trim:"start",...o,asChild:!1,ref:i})));h.displayName="Dialog.Title";var N=e.forwardRef((o,i)=>e.createElement(a.Description,{asChild:!0},e.createElement(C,{as:"p",size:"3",...o,asChild:!1,ref:i})));N.displayName="Dialog.Description";var x=e.forwardRef(({children:o,...i},r)=>e.createElement(a.Close,{...i,ref:r,asChild:!0},m(o)));x.displayName="Dialog.Close";export{R as a,T as b,E as c,h as d,N as e,x as f,k as g};
+//# sourceMappingURL=chunk-CR2BSCFM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dialog.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './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 { useThemeSizeProps } from '../helpers/theme-size.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { useBodyPointerEventsCleanup } from '../hooks/use-body-pointer-events-cleanup.js';\n\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface DialogRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst DialogRoot: React.FC<DialogRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nDialogRoot.displayName = 'Dialog.Root';\n\ntype DialogTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\ninterface DialogTriggerProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst DialogTrigger = React.forwardRef<DialogTriggerElement, DialogTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Trigger>\n  ),\n);\nDialogTrigger.displayName = 'Dialog.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  ...contentPropDefs\n} = dialogContentPropDefs;\nconst alignPropDefs = { align: alignPropDef };\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface DialogContentProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n    DialogContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  ({ align, ...ownProps }, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, contentPropDefs.size);\n    const { className: alignClassName } = extractProps({ align }, alignPropDefs);\n\n    const {\n      className,\n      forceMount,\n      container,\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    // Cleanup stuck pointer-events on body\n    useBodyPointerEventsCleanup();\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      <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-DialogOverlay\">\n            <div className=\"rt-BaseDialogScroll rt-DialogScroll\">\n              <div\n                className={`rt-BaseDialogScrollPadding rt-DialogScrollPadding ${alignClassName}`}\n              >\n                <DialogPrimitive.Content\n                  {...contentProps}\n                  ref={combinedRef}\n                  className={classNames('rt-BaseDialogContent', 'rt-DialogContent', className)}\n                  tabIndex={-1}\n                  role=\"dialog\"\n                  aria-modal=\"true\"\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=\"polite\"\n                  aria-atomic=\"true\"\n                  className=\"rt-sr-only\"\n                  id=\"dialog-announcement\"\n                />\n              </div>\n            </div>\n          </DialogPrimitive.Overlay>\n        </Theme>\n      </DialogPrimitive.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\ntype DialogTitleElement = React.ElementRef<typeof Heading>;\ntype DialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n  (props, forwardedRef) => (\n    <DialogPrimitive.Title asChild>\n      <Heading size=\"5\" mb=\"4\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n    </DialogPrimitive.Title>\n  ),\n);\nDialogTitle.displayName = 'Dialog.Title';\n\ntype DialogDescriptionElement = HTMLParagraphElement;\ntype DialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  (props, forwardedRef) => (\n    <DialogPrimitive.Description asChild>\n      <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n    </DialogPrimitive.Description>\n  ),\n);\nDialogDescription.displayName = 'Dialog.Description';\n\ntype DialogCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface DialogCloseProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DialogPrimitive.Close {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Close>\n  ),\n);\nDialogClose.displayName = 'Dialog.Close';\n\nexport {\n  DialogRoot as Root,\n  DialogTrigger as Trigger,\n  DialogContent as Content,\n  DialogTitle as Title,\n  DialogDescription as Description,\n  DialogClose as Close,\n};\n\nexport type {\n  DialogRootProps as RootProps,\n  DialogTriggerProps as TriggerProps,\n  DialogContentProps as ContentProps,\n  DialogTitleProps as TitleProps,\n  DialogDescriptionProps as DescriptionProps,\n  DialogCloseProps as CloseProps,\n};\n"],
+  "mappings": "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",
+  "names": ["dialog_exports", "__export", "DialogClose", "DialogContent", "DialogDescription", "DialogRoot", "DialogTitle", "DialogTrigger", "React", "classNames", "DialogPrimitive", "DialogRoot", "props", "DialogPrimitive", "DialogTrigger", "children", "forwardedRef", "requireReactElement", "alignPropDef", "contentPropDefs", "dialogContentPropDefs", "alignPropDefs", "DialogContent", "align", "ownProps", "useThemeSizeProps", "alignClassName", "extractProps", "className", "forceMount", "container", "contentProps", "contentRef", "combinedRef", "node", "useBodyPointerEventsCleanup", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "Theme", "classNames", "DialogTitle", "Heading", "DialogDescription", "Text", "DialogClose"]
+}

package/dist/esm/chunk-D2ZHYCTG.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-HAGKI7NA.js";import{a as s}from"./chunk-E4KCVRBQ.js";import{a as r}from"./chunk-NZJGC6ZW.js";import{c as o}from"./chunk-34KVYDF6.js";var a=["1","2","3","4"],p=s.variant.values,n={...r,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:p,default:"raised"},...o,columns:{...e.columns,default:"repeat(auto-fit, minmax(200px, 1fr))"},gap:{...e.gap,default:"4"}};export{n as a};
+//# sourceMappingURL=chunk-D2ZHYCTG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox-cards.props.tsx"],
+  "sourcesContent": ["import { cardPropDefs } from './card.props.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\n// The same list as Card: a selectable card looks like any other card.\nconst variants = cardPropDefs.variant.values;\n\nconst checkboxCardsRootPropDefs = {\n  ...asChildPropDef,\n  /** The Card surface ladder: padding --surface-p-N, corner --radius-surface-N. Unset, it follows the Theme size. */\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  ...colorPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(200px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { checkboxCardsRootPropDefs };\n"],
+  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAWC,EAAa,QAAQ,OAEhCC,EAA4B,CAChC,GAAGC,EAEH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,GAAGI,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
+  "names": ["sizes", "variants", "cardPropDefs", "checkboxCardsRootPropDefs", "asChildPropDef", "colorPropDef", "gridPropDefs"]
+}

package/dist/esm/{chunk-XHKL4PG7.js → chunk-DIR22XIX.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-ABQHBDM4.js";import{a as r}from"./chunk-UBSLEGQZ.js";import{a as p}from"./chunk-GSTOGDAJ.js";import*as o from"react";import a from"classnames";import{Slot as i}from"radix-ui";var P=o.forwardRef((t,s)=>{let{asChild:m,className:d,...f}=r(t,e,p),n=m?i.Root:"kbd";return o.createElement(n,{...f,ref:s,className:a("rt-reset","rt-Kbd",d)})});P.displayName="Kbd";export{P as a};
-//# sourceMappingURL=chunk-XHKL4PG7.js.map
+import{a as e}from"./chunk-ABQHBDM4.js";import{a as r}from"./chunk-6FLLFCBU.js";import{a as p}from"./chunk-2FPJ6Q2N.js";import*as o from"react";import a from"classnames";import{Slot as i}from"radix-ui";var P=o.forwardRef((t,s)=>{let{asChild:m,className:d,...f}=r(t,e,p),n=m?i.Root:"kbd";return o.createElement(n,{...f,ref:s,className:a("rt-reset","rt-Kbd",d)})});P.displayName="Kbd";export{P as a};
+//# sourceMappingURL=chunk-DIR22XIX.js.map

package/dist/esm/{chunk-TGRRQHLQ.js → chunk-DMWLY6ZP.js}

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

package/dist/esm/chunk-E453PYTG.js

@@ -0,0 +1,2 @@
+import{a as m}from"./chunk-7ZOGH5NT.js";import{a as N}from"./chunk-OXYHRNJA.js";import{b as v}from"./chunk-FWB47YCH.js";import{e as f}from"./chunk-3YLYGKFB.js";import{a as c}from"./chunk-6FLLFCBU.js";import{a as g}from"./chunk-OS3FCYZY.js";var y={};g(y,{Actions:()=>R,Logo:()=>b,Navigation:()=>P,Root:()=>l});import*as o from"react";import p from"classnames";var l=o.forwardRef((s,i)=>{let e=f(s,m.size),{children:n,className:a,...r}=c(e,m),t=e.position??"fixed",d=e.size??"2";return o.createElement("header",{...r,ref:i,className:p("rt-NavbarRoot",a),"data-position":t,"data-size":d},o.createElement("div",{className:"rt-NavbarContainer"},n))});l.displayName="Navbar.Root";var b=o.forwardRef(({asChild:s,gap:i="2",align:e="center",justify:n="start",className:a,...r},t)=>s?o.createElement(v,{ref:t,className:p("rt-NavbarLogo",a),...r}):o.createElement(N,{ref:t,gap:i,align:e,justify:n,className:p("rt-NavbarLogo",a),...r}));b.displayName="Navbar.Logo";var P=o.forwardRef(({asChild:s,gap:i="4",align:e="center",justify:n="center",className:a,...r},t)=>s?o.createElement(v,{ref:t,className:p("rt-NavbarNavigation",a),role:"navigation",...r}):o.createElement(N,{ref:t,gap:i,align:e,justify:n,className:p("rt-NavbarNavigation",a),role:"navigation",...r}));P.displayName="Navbar.Navigation";var R=o.forwardRef(({asChild:s,gap:i="4",align:e="center",justify:n="end",className:a,...r},t)=>s?o.createElement(v,{ref:t,className:p("rt-NavbarActions",a),...r}):o.createElement(N,{ref:t,gap:i,align:e,justify:n,className:p("rt-NavbarActions",a),...r}));R.displayName="Navbar.Actions";export{l as a,b,P as c,R as d,y as e};
+//# sourceMappingURL=chunk-E453PYTG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/navbar.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Flex } from './flex.js';\nimport { Slot } from './slot.js';\n\nimport type { FlexProps } from './flex.js';\n\nimport { navbarRootPropDefs } from './navbar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\n/**\n * Navbar Component\n *\n * A horizontal navigation bar component with semantic slots for organizing\n * content. Follows the Shell and Sidebar compound component patterns.\n *\n * @example\n * <Navbar.Root>\n *   <Navbar.Logo>Brand/logo content</Navbar.Logo>\n *   <Navbar.Navigation>Navigation links</Navbar.Navigation>\n *   <Navbar.Actions>CTAs, user menu, etc</Navbar.Actions>\n * </Navbar.Root>\n */\n\n// Root Component\ntype NavbarRootElement = React.ElementRef<'header'>;\ntype NavbarRootOwnProps = GetPropDefTypes<typeof navbarRootPropDefs>;\ninterface NavbarRootProps\n  extends ComponentPropsWithout<'header', RemovedProps>,\n    NavbarRootOwnProps {}\n\nconst NavbarRoot = React.forwardRef<NavbarRootElement, NavbarRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, navbarRootPropDefs.size);\n    const { children, className, ...rootProps } = extractProps(\n      props,\n      navbarRootPropDefs,\n    );\n\n    const position = props.position ?? 'fixed';\n    const size = props.size ?? '2';\n\n    return (\n      <header\n        {...rootProps}\n        ref={forwardedRef}\n        className={classNames('rt-NavbarRoot', className)}\n        data-position={position}\n        data-size={size}\n      >\n        <div className=\"rt-NavbarContainer\">{children}</div>\n      </header>\n    );\n  },\n);\nNavbarRoot.displayName = 'Navbar.Root';\n\n// Logo Slot - extends FlexProps\ntype NavbarLogoProps = FlexProps & {\n  asChild?: boolean;\n};\n\nconst NavbarLogo = React.forwardRef<HTMLDivElement, NavbarLogoProps>(\n  ({ asChild, gap = '2', align = 'center', justify = 'start', className, ...props }, ref) => {\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          className={classNames('rt-NavbarLogo', className)}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <Flex\n        ref={ref}\n        gap={gap}\n        align={align}\n        justify={justify}\n        className={classNames('rt-NavbarLogo', className)}\n        {...props}\n      />\n    );\n  }\n);\nNavbarLogo.displayName = 'Navbar.Logo';\n\n// Navigation Slot - extends FlexProps\ntype NavbarNavigationProps = FlexProps & {\n  asChild?: boolean;\n};\n\nconst NavbarNavigation = React.forwardRef<HTMLDivElement, NavbarNavigationProps>(\n  ({ asChild, gap = '4', align = 'center', justify = 'center', className, ...props }, ref) => {\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          className={classNames('rt-NavbarNavigation', className)}\n          role=\"navigation\"\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <Flex\n        ref={ref}\n        gap={gap}\n        align={align}\n        justify={justify}\n        className={classNames('rt-NavbarNavigation', className)}\n        role=\"navigation\"\n        {...props}\n      />\n    );\n  }\n);\nNavbarNavigation.displayName = 'Navbar.Navigation';\n\n// Actions Slot - extends FlexProps\ntype NavbarActionsProps = FlexProps & {\n  asChild?: boolean;\n};\n\nconst NavbarActions = React.forwardRef<HTMLDivElement, NavbarActionsProps>(\n  ({ asChild, gap = '4', align = 'center', justify = 'end', className, ...props }, ref) => {\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          className={classNames('rt-NavbarActions', className)}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <Flex\n        ref={ref}\n        gap={gap}\n        align={align}\n        justify={justify}\n        className={classNames('rt-NavbarActions', className)}\n        {...props}\n      />\n    );\n  }\n);\nNavbarActions.displayName = 'Navbar.Actions';\n\nexport {\n  NavbarRoot as Root,\n  NavbarLogo as Logo,\n  NavbarNavigation as Navigation,\n  NavbarActions as Actions,\n};\n\nexport type {\n  NavbarRootProps as RootProps,\n  NavbarLogoProps as LogoProps,\n  NavbarNavigationProps as NavigationProps,\n  NavbarActionsProps as ActionsProps,\n};\n"],
+  "mappings": "gPAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,eAAAC,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aAkCvB,IAAMC,EAAmB,aACvB,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAAmB,IAAI,EAC3D,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAU,EAAIC,EAC5CN,EACAE,CACF,EAEMK,EAAWP,EAAM,UAAY,QAC7BQ,EAAOR,EAAM,MAAQ,IAE3B,OACE,gBAAC,UACE,GAAGK,EACJ,IAAKN,EACL,UAAWU,EAAW,gBAAiBL,CAAS,EAChD,gBAAeG,EACf,YAAWC,GAEX,gBAAC,OAAI,UAAU,sBAAsBL,CAAS,CAChD,CAEJ,CACF,EACAN,EAAW,YAAc,cAOzB,IAAMa,EAAmB,aACvB,CAAC,CAAE,QAAAC,EAAS,IAAAC,EAAM,IAAK,MAAAC,EAAQ,SAAU,QAAAC,EAAU,QAAS,UAAAV,EAAW,GAAGJ,CAAM,EAAGe,IAC7EJ,EAEA,gBAACK,EAAA,CACC,IAAKD,EACL,UAAWN,EAAW,gBAAiBL,CAAS,EAC/C,GAAGJ,EACN,EAKF,gBAACiB,EAAA,CACC,IAAKF,EACL,IAAKH,EACL,MAAOC,EACP,QAASC,EACT,UAAWL,EAAW,gBAAiBL,CAAS,EAC/C,GAAGJ,EACN,CAGN,EACAU,EAAW,YAAc,cAOzB,IAAMQ,EAAyB,aAC7B,CAAC,CAAE,QAAAP,EAAS,IAAAC,EAAM,IAAK,MAAAC,EAAQ,SAAU,QAAAC,EAAU,SAAU,UAAAV,EAAW,GAAGJ,CAAM,EAAGe,IAC9EJ,EAEA,gBAACK,EAAA,CACC,IAAKD,EACL,UAAWN,EAAW,sBAAuBL,CAAS,EACtD,KAAK,aACJ,GAAGJ,EACN,EAKF,gBAACiB,EAAA,CACC,IAAKF,EACL,IAAKH,EACL,MAAOC,EACP,QAASC,EACT,UAAWL,EAAW,sBAAuBL,CAAS,EACtD,KAAK,aACJ,GAAGJ,EACN,CAGN,EACAkB,EAAiB,YAAc,oBAO/B,IAAMC,EAAsB,aAC1B,CAAC,CAAE,QAAAR,EAAS,IAAAC,EAAM,IAAK,MAAAC,EAAQ,SAAU,QAAAC,EAAU,MAAO,UAAAV,EAAW,GAAGJ,CAAM,EAAGe,IAC3EJ,EAEA,gBAACK,EAAA,CACC,IAAKD,EACL,UAAWN,EAAW,mBAAoBL,CAAS,EAClD,GAAGJ,EACN,EAKF,gBAACiB,EAAA,CACC,IAAKF,EACL,IAAKH,EACL,MAAOC,EACP,QAASC,EACT,UAAWL,EAAW,mBAAoBL,CAAS,EAClD,GAAGJ,EACN,CAGN,EACAmB,EAAc,YAAc",
+  "names": ["navbar_exports", "__export", "NavbarActions", "NavbarLogo", "NavbarNavigation", "NavbarRoot", "React", "classNames", "NavbarRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "navbarRootPropDefs", "children", "className", "rootProps", "extractProps", "position", "size", "classNames", "NavbarLogo", "asChild", "gap", "align", "justify", "ref", "Slot", "Flex", "NavbarNavigation", "NavbarActions"]
+}

package/dist/esm/chunk-E4KCVRBQ.js

@@ -0,0 +1,2 @@
+import{a as s}from"./chunk-NZJGC6ZW.js";var e=["1","2","3","4"],r=["raised","surface","outline","ghost","soft"],a={...s,size:{type:"enum",className:"rt-r-size",values:e,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:r,default:"raised"}};export{a};
+//# sourceMappingURL=chunk-E4KCVRBQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'surface', 'outline', 'ghost', 'soft'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  /** Padding --surface-p-N and corner --radius-surface-N. Unset, it follows the Theme size. */\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { cardPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,UAAW,UAAW,QAAS,MAAM,EAE3DC,EAAe,CACnB,GAAGC,EAEH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,CACxF",
+  "names": ["sizes", "variants", "cardPropDefs", "asChildPropDef"]
+}

package/dist/esm/chunk-F2UUKVBM.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-F2UUKVBM.js.map

package/dist/esm/chunk-FNRKTMNN.js

@@ -0,0 +1,2 @@
+import{a as A,b as g,c as R,d as u,e as y}from"./chunk-QOPRXQGR.js";import{e as f}from"./chunk-3YLYGKFB.js";import{a as i}from"./chunk-6FLLFCBU.js";import{a as w}from"./chunk-OS3FCYZY.js";var x={};w(x,{Content:()=>H,Header:()=>v,Item:()=>T,Root:()=>C,Trigger:()=>E});import*as o from"react";import p from"classnames";import{Accordion as m}from"radix-ui";var C=o.forwardRef((r,t)=>{let e=f(r,A.size),{className:c,flush:s,radius:P,color:a,...I}=i(e,A),n=I;n.type==="single"&&n.collapsible===void 0&&(n.collapsible=!0);let N=o.useCallback(d=>{if(n.type==="multiple"){let l=d.currentTarget.querySelectorAll("[data-radix-accordion-item]");d.key==="Home"?(d.preventDefault(),l[0]?.querySelector("[data-radix-accordion-trigger]")?.focus()):d.key==="End"&&(d.preventDefault(),l[l.length-1]?.querySelector("[data-radix-accordion-trigger]")?.focus())}},[n.type]);return o.createElement(m.Root,{...n,ref:t,className:p("rt-AccordionRoot",c),"data-accent-color":a,"data-flush":s||void 0,"data-radius":P,onKeyDown:N})});C.displayName="Accordion.Root";var T=o.forwardRef((r,t)=>{let{className:e,...c}=i(r,g);return o.createElement(m.Item,{...c,ref:t,className:p("rt-AccordionItem",e)})});T.displayName="Accordion.Item";var v=o.forwardRef((r,t)=>{let{className:e,...c}=i(r,R);return o.createElement(m.Header,{...c,ref:t,className:p("rt-AccordionHeader",e)})});v.displayName="Accordion.Header";var E=o.forwardRef(({children:r,...t},e)=>{let{className:c,...s}=i(t,u),P=o.useRef(null);return o.createElement(m.Trigger,{...s,ref:a=>{P.current=a,typeof e=="function"?e(a):e&&(e.current=a)},className:p("rt-AccordionTrigger",c)},r)});E.displayName="Accordion.Trigger";var H=o.forwardRef((r,t)=>{let{className:e,children:c,...s}=i(r,y);return o.createElement(m.Content,{...s,ref:t,className:p("rt-AccordionContent",e),"aria-live":"polite"},o.createElement("div",{className:"rt-AccordionContentInner"},c))});H.displayName="Accordion.Content";export{C as a,T as b,v as c,E as d,H as e,x as f};
+//# sourceMappingURL=chunk-FNRKTMNN.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/accordion.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\n\nimport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n} from './accordion.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\n\nimport type {\n  AccordionRootOwnProps,\n  AccordionItemOwnProps,\n  AccordionHeaderOwnProps,\n  AccordionTriggerOwnProps,\n  AccordionContentOwnProps,\n} from './accordion.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// Root component\ntype AccordionRootElement = React.ElementRef<typeof AccordionPrimitive.Root>;\ninterface AccordionRootProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Root, RemovedProps>,\n    AccordionRootOwnProps {}\n\nconst AccordionRoot = React.forwardRef<AccordionRootElement, AccordionRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, accordionRootPropDefs.size);\n    const { className, flush, radius, color, ...extractedRadixProps } =\n      extractProps(props, accordionRootPropDefs);\n\n    const radixProps = extractedRadixProps as React.ComponentPropsWithoutRef<\n      typeof AccordionPrimitive.Root\n    >;\n\n\n    // Ensure single accordions can collapse by default unless explicitly set\n    if (radixProps.type === 'single' && radixProps.collapsible === undefined) {\n      radixProps.collapsible = true;\n    }\n\n    // Handle Home/End key navigation for multi-item accordions\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent) => {\n        if (radixProps.type === 'multiple') {\n          const items = event.currentTarget.querySelectorAll('[data-radix-accordion-item]');\n\n          if (event.key === 'Home') {\n            event.preventDefault();\n            const firstTrigger = items[0]?.querySelector(\n              '[data-radix-accordion-trigger]',\n            ) as HTMLElement;\n            firstTrigger?.focus();\n          } else if (event.key === 'End') {\n            event.preventDefault();\n            const lastTrigger = items[items.length - 1]?.querySelector(\n              '[data-radix-accordion-trigger]',\n            ) as HTMLElement;\n            lastTrigger?.focus();\n          }\n        }\n      },\n      [radixProps.type],\n    );\n\n    return (\n      <AccordionPrimitive.Root\n        {...radixProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionRoot', className)}\n        data-accent-color={color}\n        data-flush={flush || undefined}\n        data-radius={radius}\n        onKeyDown={handleKeyDown}\n      />\n    );\n  },\n);\nAccordionRoot.displayName = 'Accordion.Root';\n\n// Item component\ntype AccordionItemElement = React.ElementRef<typeof AccordionPrimitive.Item>;\ninterface AccordionItemProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Item, RemovedProps>,\n    AccordionItemOwnProps {}\n\nconst AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(\n  (props, forwardedRef) => {\n    const { className, ...itemProps } = extractProps(props, accordionItemPropDefs);\n\n    return (\n      <AccordionPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionItem', className)}\n      />\n    );\n  },\n);\nAccordionItem.displayName = 'Accordion.Item';\n\n// Header component\ntype AccordionHeaderElement = React.ElementRef<typeof AccordionPrimitive.Header>;\ninterface AccordionHeaderProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Header, RemovedProps>,\n    AccordionHeaderOwnProps {}\n\nconst AccordionHeader = React.forwardRef<AccordionHeaderElement, AccordionHeaderProps>(\n  (props, forwardedRef) => {\n    const { className, ...headerProps } = extractProps(props, accordionHeaderPropDefs);\n\n    return (\n      <AccordionPrimitive.Header\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionHeader', className)}\n      />\n    );\n  },\n);\nAccordionHeader.displayName = 'Accordion.Header';\n\n// Trigger component\ntype AccordionTriggerElement = React.ElementRef<typeof AccordionPrimitive.Trigger>;\ninterface AccordionTriggerProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Trigger, RemovedProps>,\n    AccordionTriggerOwnProps {}\n\nconst AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { className, ...triggerProps } = extractProps(props, accordionTriggerPropDefs);\n\n    // Radix UI handles focus management automatically\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n    return (\n      <AccordionPrimitive.Trigger\n        {...triggerProps}\n        ref={(node) => {\n          triggerRef.current = node;\n          if (typeof forwardedRef === 'function') {\n            forwardedRef(node);\n          } else if (forwardedRef) {\n            forwardedRef.current = node;\n          }\n        }}\n        className={classNames('rt-AccordionTrigger', className)}\n      >\n        {children}\n      </AccordionPrimitive.Trigger>\n    );\n  },\n);\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\n// Content component\ntype AccordionContentElement = React.ElementRef<typeof AccordionPrimitive.Content>;\ninterface AccordionContentProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Content, RemovedProps>,\n    AccordionContentOwnProps {}\n\nconst AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(\n  (props, forwardedRef) => {\n    const { className, children, ...contentProps } = extractProps(props, accordionContentPropDefs);\n\n    return (\n      <AccordionPrimitive.Content\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionContent', className)}\n        aria-live=\"polite\"\n      >\n        <div className=\"rt-AccordionContentInner\">{children}</div>\n      </AccordionPrimitive.Content>\n    );\n  },\n);\nAccordionContent.displayName = 'Accordion.Content';\n\nexport {\n  AccordionRoot as Root,\n  AccordionItem as Item,\n  AccordionHeader as Header,\n  AccordionTrigger as Trigger,\n  AccordionContent as Content,\n};\n\nexport type {\n  AccordionRootProps as RootProps,\n  AccordionItemProps as ItemProps,\n  AccordionHeaderProps as HeaderProps,\n  AccordionTriggerProps as TriggerProps,\n  AccordionContentProps as ContentProps,\n};\n"],
+  "mappings": "4LAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,WAAAC,EAAA,SAAAC,EAAA,SAAAC,EAAA,YAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,aAAaC,MAA0B,WA2BhD,IAAMC,EAAsB,aAC1B,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAAsB,IAAI,EAC9D,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAO,GAAGC,CAAoB,EAC9DC,EAAaR,EAAOE,CAAqB,EAErCO,EAAaF,EAMfE,EAAW,OAAS,UAAYA,EAAW,cAAgB,SAC7DA,EAAW,YAAc,IAI3B,IAAMC,EAAsB,cACzBC,GAA+B,CAC9B,GAAIF,EAAW,OAAS,WAAY,CAClC,IAAMG,EAAQD,EAAM,cAAc,iBAAiB,6BAA6B,EAE5EA,EAAM,MAAQ,QAChBA,EAAM,eAAe,EACAC,EAAM,CAAC,GAAG,cAC7B,gCACF,GACc,MAAM,GACXD,EAAM,MAAQ,QACvBA,EAAM,eAAe,EACDC,EAAMA,EAAM,OAAS,CAAC,GAAG,cAC3C,gCACF,GACa,MAAM,EAEvB,CACF,EACA,CAACH,EAAW,IAAI,CAClB,EAEA,OACE,gBAACI,EAAmB,KAAnB,CACE,GAAGJ,EACJ,IAAKV,EACL,UAAWe,EAAW,mBAAoBX,CAAS,EACnD,oBAAmBG,EACnB,aAAYF,GAAS,OACrB,cAAaC,EACb,UAAWK,EACb,CAEJ,CACF,EACAb,EAAc,YAAc,iBAQ5B,IAAMkB,EAAsB,aAC1B,CAACf,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGa,CAAU,EAAIR,EAAaR,EAAOiB,CAAqB,EAE7E,OACE,gBAACJ,EAAmB,KAAnB,CACE,GAAGG,EACJ,IAAKjB,EACL,UAAWe,EAAW,mBAAoBX,CAAS,EACrD,CAEJ,CACF,EACAY,EAAc,YAAc,iBAQ5B,IAAMG,EAAwB,aAC5B,CAAClB,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGgB,CAAY,EAAIX,EAAaR,EAAOoB,CAAuB,EAEjF,OACE,gBAACP,EAAmB,OAAnB,CACE,GAAGM,EACJ,IAAKpB,EACL,UAAWe,EAAW,qBAAsBX,CAAS,EACvD,CAEJ,CACF,EACAe,EAAgB,YAAc,mBAQ9B,IAAMG,EAAyB,aAC7B,CAAC,CAAE,SAAAC,EAAU,GAAGtB,CAAM,EAAGD,IAAiB,CACxC,GAAM,CAAE,UAAAI,EAAW,GAAGoB,CAAa,EAAIf,EAAaR,EAAOwB,CAAwB,EAG7EC,EAAmB,SAA0B,IAAI,EAEvD,OACE,gBAACZ,EAAmB,QAAnB,CACE,GAAGU,EACJ,IAAMG,GAAS,CACbD,EAAW,QAAUC,EACjB,OAAO3B,GAAiB,WAC1BA,EAAa2B,CAAI,EACR3B,IACTA,EAAa,QAAU2B,EAE3B,EACA,UAAWZ,EAAW,sBAAuBX,CAAS,GAErDmB,CACH,CAEJ,CACF,EACAD,EAAiB,YAAc,oBAQ/B,IAAMM,EAAyB,aAC7B,CAAC3B,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,SAAAmB,EAAU,GAAGM,CAAa,EAAIpB,EAAaR,EAAO6B,CAAwB,EAE7F,OACE,gBAAChB,EAAmB,QAAnB,CACE,GAAGe,EACJ,IAAK7B,EACL,UAAWe,EAAW,sBAAuBX,CAAS,EACtD,YAAU,UAEV,gBAAC,OAAI,UAAU,4BAA4BmB,CAAS,CACtD,CAEJ,CACF,EACAK,EAAiB,YAAc",
+  "names": ["accordion_exports", "__export", "AccordionContent", "AccordionHeader", "AccordionItem", "AccordionRoot", "AccordionTrigger", "React", "classNames", "AccordionPrimitive", "AccordionRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "accordionRootPropDefs", "className", "flush", "radius", "color", "extractedRadixProps", "extractProps", "radixProps", "handleKeyDown", "event", "items", "AccordionPrimitive", "classNames", "AccordionItem", "itemProps", "accordionItemPropDefs", "AccordionHeader", "headerProps", "accordionHeaderPropDefs", "AccordionTrigger", "children", "triggerProps", "accordionTriggerPropDefs", "triggerRef", "node", "AccordionContent", "contentProps", "accordionContentPropDefs"]
+}

package/dist/esm/{chunk-WKMJIWFP.js → chunk-FTGD2SZ6.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-XHKL4PG7.js";import{b as p}from"./chunk-TBZO22XK.js";import*as a from"react";import l from"classnames";var i=["xl","lg","md","sm","xs","initial"];function m(e,t,o){if(e==null)return o;if(typeof e!="object")return e;let s=e;for(let r=i.indexOf(t);r<i.length;r++){let n=s[i[r]];if(n!==void 0)return n}return o}function A(e,t){let o=typeof e=="object"&&e!==null,{breakpoint:s}=p(o);return m(e,s,t)}var d={1:8,2:12,3:12};function B(e){return-(d[e]??d[2])}var f={"\u2318":"Meta",cmd:"Meta",command:"Meta",meta:"Meta","\u2325":"Alt",option:"Alt",opt:"Alt",alt:"Alt","\u21E7":"Shift",shift:"Shift","\u2303":"Control",ctrl:"Control",control:"Control","\u232B":"Backspace","\u2326":"Delete","\u23CE":"Enter","\u21B5":"Enter","\u238B":"Escape",esc:"Escape","\u21E5":"Tab","\u2191":"ArrowUp","\u2193":"ArrowDown","\u2190":"ArrowLeft","\u2192":"ArrowRight"},u=new Map;function S(e){let t=u.get(e);if(t!==void 0)return t||void 0;let r=(e.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(n=>f[n]??f[n.toLowerCase()]??(n.length===1?n.toUpperCase():n)).join("+");return u.set(e,r),r||void 0}function k({shortcut:e,className:t}){return a.createElement("div",{"aria-hidden":!0,className:l("rt-BaseMenuShortcut",t)},a.createElement(c,{size:"1"},e))}export{m as a,A as b,B as c,S as d,k as e};
-//# sourceMappingURL=chunk-WKMJIWFP.js.map
+import{a as c}from"./chunk-DIR22XIX.js";import{b as p}from"./chunk-TBZO22XK.js";import*as a from"react";import l from"classnames";var i=["xl","lg","md","sm","xs","initial"];function m(e,t,o){if(e==null)return o;if(typeof e!="object")return e;let s=e;for(let r=i.indexOf(t);r<i.length;r++){let n=s[i[r]];if(n!==void 0)return n}return o}function A(e,t){let o=typeof e=="object"&&e!==null,{breakpoint:s}=p(o);return m(e,s,t)}var d={1:8,2:12,3:12};function B(e){return-(d[e]??d[2])}var f={"\u2318":"Meta",cmd:"Meta",command:"Meta",meta:"Meta","\u2325":"Alt",option:"Alt",opt:"Alt",alt:"Alt","\u21E7":"Shift",shift:"Shift","\u2303":"Control",ctrl:"Control",control:"Control","\u232B":"Backspace","\u2326":"Delete","\u23CE":"Enter","\u21B5":"Enter","\u238B":"Escape",esc:"Escape","\u21E5":"Tab","\u2191":"ArrowUp","\u2193":"ArrowDown","\u2190":"ArrowLeft","\u2192":"ArrowRight"},u=new Map;function S(e){let t=u.get(e);if(t!==void 0)return t||void 0;let r=(e.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(n=>f[n]??f[n.toLowerCase()]??(n.length===1?n.toUpperCase():n)).join("+");return u.set(e,r),r||void 0}function k({shortcut:e,className:t}){return a.createElement("div",{"aria-hidden":!0,className:l("rt-BaseMenuShortcut",t)},a.createElement(c,{size:"1"},e))}export{m as a,A as b,B as c,S as d,k as e};
+//# sourceMappingURL=chunk-FTGD2SZ6.js.map

package/dist/esm/{chunk-RSJSVJ6A.js → chunk-G3U6OHVA.js}

@@ -1,2 +1,2 @@
-import{b as i}from"./chunk-WKMJIWFP.js";import*as e from"react";var u=e.createContext({isInsideMenu:!1}),c={1:28,2:32};function d(t){return c[t]}function M({children:t,size:r}){let n=i(r,void 0),o=n?d(n):void 0,s=e.useMemo(()=>({isInsideMenu:!0,size:n,itemHeight:o}),[n,o]);return e.createElement(u.Provider,{value:s},t)}function a(){return e.useContext(u)}export{c as a,d as b,M as c,a as d};
-//# sourceMappingURL=chunk-RSJSVJ6A.js.map
+import{b as i}from"./chunk-FTGD2SZ6.js";import*as e from"react";var u=e.createContext({isInsideMenu:!1}),c={1:28,2:32};function d(t){return c[t]}function M({children:t,size:r}){let n=i(r,void 0),o=n?d(n):void 0,s=e.useMemo(()=>({isInsideMenu:!0,size:n,itemHeight:o}),[n,o]);return e.createElement(u.Provider,{value:s},t)}function a(){return e.useContext(u)}export{c as a,d as b,M as c,a as d};
+//# sourceMappingURL=chunk-G3U6OHVA.js.map

package/dist/esm/chunk-G6PO4QKW.js

@@ -0,0 +1,2 @@
+import{a as m,b as D,c as P}from"./chunk-JQURG6CB.js";import{a as n}from"./chunk-BUBV3C6C.js";import{e as l}from"./chunk-3YLYGKFB.js";import{a as r}from"./chunk-6FLLFCBU.js";import{a as L}from"./chunk-2FPJ6Q2N.js";import{a as y}from"./chunk-OS3FCYZY.js";var u={};y(u,{Item:()=>d,Label:()=>c,Root:()=>f,Value:()=>R});import p from"classnames";import*as t from"react";var f=t.forwardRef((e,a)=>{let s=l(e,m.size),{className:o,...i}=r(s,m,L);return t.createElement(n,{asChild:!0},t.createElement("dl",{...i,ref:a,className:p("rt-DataListRoot",o)}))});f.displayName="DataList.Root";var d=t.forwardRef((e,a)=>{let{className:s,...o}=r(e,D);return t.createElement("div",{...o,ref:a,className:p("rt-DataListItem",s)})});d.displayName="DataList.Item";var c=t.forwardRef((e,a)=>{let{className:s,color:o,...i}=r(e,P);return t.createElement("dt",{...i,"data-accent-color":o,ref:a,className:p("rt-DataListLabel",s)})});c.displayName="DataList.Label";var R=t.forwardRef(({children:e,className:a,...s},o)=>t.createElement("dd",{...s,ref:o,className:p(a,"rt-DataListValue")},e));R.displayName="DataList.Value";export{f as a,d as b,c,R as d,u as e};
+//# sourceMappingURL=chunk-G6PO4QKW.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/data-list.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport * as React from 'react';\n\nimport { Text } from './text.js';\nimport {\n  dataListRootPropDefs,\n  dataListItemPropDefs,\n  dataListLabelPropDefs,\n} from './data-list.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype DataListRootElement = HTMLDListElement;\ntype DataListRootOwnProps = GetPropDefTypes<typeof dataListRootPropDefs>;\ninterface DataListRootProps\n  extends ComponentPropsWithout<'dl', RemovedProps>,\n    MarginProps,\n    DataListRootOwnProps {}\nconst DataListRoot = React.forwardRef<DataListRootElement, DataListRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, dataListRootPropDefs.size);\n    const { className, ...dataListProps } = extractProps(\n      props,\n      dataListRootPropDefs,\n      marginPropDefs\n    );\n    return (\n      <Text asChild>\n        <dl\n          {...dataListProps}\n          ref={forwardedRef}\n          className={classNames('rt-DataListRoot', className)}\n        />\n      </Text>\n    );\n  }\n);\nDataListRoot.displayName = 'DataList.Root';\n\ntype DataListItemElement = HTMLDivElement;\ntype DataListItemOwnProps = GetPropDefTypes<typeof dataListItemPropDefs>;\ninterface DataListItemProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    DataListItemOwnProps {}\nconst DataListItem = React.forwardRef<DataListItemElement, DataListItemProps>(\n  (props, forwardedRef) => {\n    const { className, ...itemProps } = extractProps(props, dataListItemPropDefs);\n    return (\n      <div {...itemProps} ref={forwardedRef} className={classNames('rt-DataListItem', className)} />\n    );\n  }\n);\nDataListItem.displayName = 'DataList.Item';\n\ntype DataListLabelElement = React.ElementRef<'dt'>;\ntype DataListLabelOwnProps = GetPropDefTypes<typeof dataListLabelPropDefs>;\ninterface DataListLabelProps\n  extends ComponentPropsWithout<'dt', RemovedProps>,\n    DataListLabelOwnProps {}\nconst DataListLabel = React.forwardRef<DataListLabelElement, DataListLabelProps>(\n  (props, forwardedRef) => {\n    const { className, color, ...labelProps } = extractProps(props, dataListLabelPropDefs);\n    return (\n      <dt\n        {...labelProps}\n        data-accent-color={color}\n        ref={forwardedRef}\n        className={classNames('rt-DataListLabel', className)}\n      />\n    );\n  }\n);\nDataListLabel.displayName = 'DataList.Label';\n\ntype DataListValueElement = React.ElementRef<'dd'>;\ninterface DataListValueProps extends ComponentPropsWithout<'dd', RemovedProps> {}\nconst DataListValue = React.forwardRef<DataListValueElement, DataListValueProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <dd {...props} ref={forwardedRef} className={classNames(className, 'rt-DataListValue')}>\n      {children}\n    </dd>\n  )\n);\nDataListValue.displayName = 'DataList.Value';\n\nexport {\n  DataListRoot as Root,\n  DataListItem as Item,\n  DataListLabel as Label,\n  DataListValue as Value,\n};\nexport type {\n  DataListRootProps as RootProps,\n  DataListItemProps as ItemProps,\n  DataListLabelProps as LabelProps,\n  DataListValueProps as ValueProps,\n};\n"],
+  "mappings": "8PAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,UAAAC,EAAA,SAAAC,EAAA,UAAAC,IAAA,OAAOC,MAAgB,aACvB,UAAYC,MAAW,QAsBvB,IAAMC,EAAqB,aACzB,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAAqB,IAAI,EAC7D,CAAE,UAAAC,EAAW,GAAGC,CAAc,EAAIC,EACtCL,EACAE,EACAI,CACF,EACA,OACE,gBAACC,EAAA,CAAK,QAAO,IACX,gBAAC,MACE,GAAGH,EACJ,IAAKL,EACL,UAAWS,EAAW,kBAAmBL,CAAS,EACpD,CACF,CAEJ,CACF,EACAN,EAAa,YAAc,gBAO3B,IAAMY,EAAqB,aACzB,CAACT,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,GAAGO,CAAU,EAAIL,EAAaL,EAAOW,CAAoB,EAC5E,OACE,gBAAC,OAAK,GAAGD,EAAW,IAAKX,EAAc,UAAWS,EAAW,kBAAmBL,CAAS,EAAG,CAEhG,CACF,EACAM,EAAa,YAAc,gBAO3B,IAAMG,EAAsB,aAC1B,CAACZ,EAAOD,IAAiB,CACvB,GAAM,CAAE,UAAAI,EAAW,MAAAU,EAAO,GAAGC,CAAW,EAAIT,EAAaL,EAAOe,CAAqB,EACrF,OACE,gBAAC,MACE,GAAGD,EACJ,oBAAmBD,EACnB,IAAKd,EACL,UAAWS,EAAW,mBAAoBL,CAAS,EACrD,CAEJ,CACF,EACAS,EAAc,YAAc,iBAI5B,IAAMI,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAd,EAAW,GAAGH,CAAM,EAAGD,IAClC,gBAAC,MAAI,GAAGC,EAAO,IAAKD,EAAc,UAAWS,EAAWL,EAAW,kBAAkB,GAClFc,CACH,CAEJ,EACAD,EAAc,YAAc",
+  "names": ["data_list_exports", "__export", "DataListItem", "DataListLabel", "DataListRoot", "DataListValue", "classNames", "React", "DataListRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "dataListRootPropDefs", "className", "dataListProps", "extractProps", "marginPropDefs", "Text", "classNames", "DataListItem", "itemProps", "dataListItemPropDefs", "DataListLabel", "color", "labelProps", "dataListLabelPropDefs", "DataListValue", "children"]
+}

package/dist/esm/{chunk-CRYT55SY.js → chunk-GIIMBBVM.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./chunk-COSHAOEK.js";import*as o from"react";import"radix-ui";var r=o.forwardRef((t,n)=>o.createElement(e,{...t,iconOnly:!0,ref:n}));r.displayName="ToggleIconButton";export{r as a};
-//# sourceMappingURL=chunk-CRYT55SY.js.map
+import{a as e}from"./chunk-63ASTOS2.js";import*as o from"react";import"radix-ui";var r=o.forwardRef((t,n)=>o.createElement(e,{...t,iconOnly:!0,ref:n}));r.displayName="ToggleIconButton";export{r as a};
+//# sourceMappingURL=chunk-GIIMBBVM.js.map

package/dist/esm/{chunk-DSB3TEAQ.js → chunk-GLERJXVS.js}

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

package/dist/esm/chunk-GPVPXAUC.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-KPACVWV4.js";import{e as p}from"./chunk-3YLYGKFB.js";import{a as r}from"./chunk-6FLLFCBU.js";import{a as e}from"./chunk-2FPJ6Q2N.js";import*as t from"react";import n from"classnames";import{Switch as i}from"radix-ui";var w=t.forwardRef((s,m)=>{let c=p(s,o.size),{className:a,color:h,...f}=r(c,o,e);return t.createElement(i.Root,{"data-accent-color":h,...f,asChild:!1,ref:m,className:n("rt-reset","rt-SwitchRoot",a)},t.createElement(i.Thumb,{className:"rt-SwitchThumb"}))});w.displayName="Switch";export{w as a};
+//# sourceMappingURL=chunk-GPVPXAUC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/switch.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { switchPropDefs } from './switch.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\n\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive.Root>;\ntype SwitchOwnProps = GetPropDefTypes<typeof switchPropDefs>;\ninterface SwitchProps\n  extends ComponentPropsWithout<\n      typeof SwitchPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    SwitchOwnProps {}\nconst Switch = React.forwardRef<SwitchElement, SwitchProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, switchPropDefs.size);\n  const { className, color, ...switchProps } = extractProps(\n    props,\n    switchPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <SwitchPrimitive.Root\n      data-accent-color={color}\n      {...switchProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SwitchRoot', className)}\n    >\n      <SwitchPrimitive.Thumb className=\"rt-SwitchThumb\" />\n    </SwitchPrimitive.Root>\n  );\n});\nSwitch.displayName = 'Switch';\n\nexport { Switch };\nexport type { SwitchProps };\n"],
+  "mappings": "gKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAoB1C,IAAMC,EAAe,aAAuC,CAACC,EAAUC,IAAiB,CACtF,IAAMC,EAAQC,EAAkBH,EAAUI,EAAe,IAAI,EACvD,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAY,EAAIC,EAC3CN,EACAE,EACAK,CACF,EACA,OACE,gBAACC,EAAgB,KAAhB,CACC,oBAAmBJ,EAClB,GAAGC,EACJ,QAAS,GACT,IAAKN,EACL,UAAWU,EAAW,WAAY,gBAAiBN,CAAS,GAE5D,gBAACK,EAAgB,MAAhB,CAAsB,UAAU,iBAAiB,CACpD,CAEJ,CAAC,EACDX,EAAO,YAAc",
+  "names": ["React", "classNames", "SwitchPrimitive", "Switch", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "switchPropDefs", "className", "color", "switchProps", "extractProps", "marginPropDefs", "SwitchPrimitive", "classNames"]
+}

package/dist/esm/chunk-GYB7PAGB.js

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