@womp/kookie-ui 0.3.22

package/dist/esm/chunk-4N5JU7XQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/shell-inspector.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport * as Sheet from '../sheet.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { useInspectorMode, usePresentation, usePeek, useShellActions, useInset } from '../shell.context.js';\nimport { useResponsivePresentation, useResponsiveInitialState } from '../shell.hooks.js';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { InspectorHandle, PaneHandle } from './shell-handles.js';\nimport { _BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneMode, PaneSizePersistence, PaneBaseProps, CSSPropertiesWithVars } from '../shell.types.js';\nimport { extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './shell-prop-helpers.js';\nimport { normalizeToPx } from '../../helpers/normalize-to-px.js';\n\ntype InspectorOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' };\ntype InspectorControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; defaultOpen?: never };\ntype InspectorUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; open?: never };\ntype InspectorSizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\ntype InspectorSizeControlledProps = { size: number | string; defaultSize?: never };\ntype InspectorSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\ntype InspectorPublicProps = PaneBaseProps &\n  (InspectorControlledProps | InspectorUncontrolledProps) &\n  (InspectorSizeControlledProps | InspectorSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: InspectorSizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n    /** When true, adds margin and triggers gray backdrop on Shell. */\n    inset?: boolean;\n  };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof InspectorHandle };\n\nconst INSPECTOR_DOM_PROP_KEYS = [\n  'className',\n  'children',\n  'defaultOpen',\n  'open',\n  'onOpenChange',\n  'size',\n  'defaultSize',\n  'onSizeChange',\n  'sizeUpdate',\n  'sizeUpdateMs',\n  'style',\n  'inset',\n] as const satisfies readonly (keyof InspectorPublicProps)[];\n\nexport const Inspector = React.forwardRef<HTMLDivElement, InspectorPublicProps>((initialProps, ref) => {\n  const {\n    className,\n    presentation = { initial: 'overlay', lg: 'fixed' },\n    defaultOpen,\n    open,\n    onOpenChange,\n    expandedSize = 320,\n    minSize = 200,\n    maxSize = 500,\n    resizable = false,\n    collapsible = true,\n    onExpand,\n    onCollapse,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    paneId,\n    persistence,\n    children,\n    style,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n    size,\n    defaultSize,\n    inset,\n  } = initialProps;\n  const inspectorDomProps = extractPaneDomProps(initialProps, INSPECTOR_DOM_PROP_KEYS);\n  const { inspectorMode, setInspectorMode } = useInspectorMode();\n  const { currentBreakpointReady } = usePresentation();\n  const { peekTarget } = usePeek();\n  const { togglePane } = useShellActions();\n  const { registerInset, unregisterInset } = useInset();\n\n  // Register/unregister inset\n  React.useLayoutEffect(() => {\n    if (inset) {\n      registerInset('inspector');\n      return () => unregisterInset('inspector');\n    }\n  }, [inset, registerInset, unregisterInset]);\n  const resolvedPresentation = useResponsivePresentation(presentation);\n  const isOverlay = resolvedPresentation === 'overlay';\n  const isStacked = resolvedPresentation === 'stacked';\n  const localRef = React.useRef<HTMLDivElement | null>(null);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      localRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n  const childArray = React.Children.toArray(children) as React.ReactElement[];\n  const handleChildren = childArray.filter((el: React.ReactElement) => React.isValidElement(el) && el.type === InspectorHandle);\n  const contentChildren = childArray.filter((el: React.ReactElement) => !(React.isValidElement(el) && el.type === InspectorHandle));\n\n  // Stable ref for onOpenChange to avoid effect dep churn\n  const onOpenChangeRef = React.useRef(onOpenChange);\n  const openRef = React.useRef(open);\n  React.useLayoutEffect(() => {\n    onOpenChangeRef.current = onOpenChange;\n    openRef.current = open;\n  });\n\n  const normalizedControlledOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(open), [open]);\n  const normalizedDefaultOpen = React.useMemo(() => mapResponsiveBooleanToPaneMode(defaultOpen), [defaultOpen]);\n  const openIsResponsive = typeof open === 'object' && open !== null;\n  const { resolvedControlled: resolvedInspectorControlled } = useResponsiveInitialState<PaneMode>({\n    controlledValue: normalizedControlledOpen,\n    defaultValue: normalizedDefaultOpen,\n    currentValue: inspectorMode,\n    setValue: setInspectorMode,\n    breakpointReady: currentBreakpointReady,\n    controlledIsResponsive: openIsResponsive,\n    onResponsiveChange: (next) => onOpenChangeRef.current?.(next === 'expanded', { reason: 'responsive' }),\n    onInit: (initial) => {\n      if (typeof openRef.current === 'undefined') {\n        onOpenChangeRef.current?.(initial === 'expanded', { reason: 'init' });\n      }\n    },\n  });\n\n  // Ref for debounce cleanup\n  const debounceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  // Cleanup debounce timeout on unmount or when dependencies change\n  React.useEffect(() => {\n    return () => {\n      if (debounceTimeoutRef.current) {\n        clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = null;\n      }\n    };\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n  // Throttled/debounced emitter for onSizeChange\n  const emitSizeChange = React.useMemo(() => {\n    const cb = onSizeChange as undefined | ((s: number, meta: InspectorSizeChangeMeta) => void);\n    const strategy = sizeUpdate as undefined | 'throttle' | 'debounce';\n    const ms = sizeUpdateMs ?? 50;\n    if (!cb) return () => {};\n    if (strategy === 'debounce') {\n      return (s: number, meta: InspectorSizeChangeMeta) => {\n        if (debounceTimeoutRef.current) clearTimeout(debounceTimeoutRef.current);\n        debounceTimeoutRef.current = setTimeout(() => {\n          cb(s, meta);\n          debounceTimeoutRef.current = null;\n        }, ms);\n      };\n    }\n    if (strategy === 'throttle') {\n      let last = 0;\n      return (s: number, meta: InspectorSizeChangeMeta) => {\n        const now = Date.now();\n        if (now - last >= ms) {\n          last = now;\n          cb(s, meta);\n        }\n      };\n    }\n    return (s: number, meta: InspectorSizeChangeMeta) => cb(s, meta);\n  }, [onSizeChange, sizeUpdate, sizeUpdateMs]);\n\n  // Dev guards\n  const wasControlledRef = React.useRef<boolean | null>(null);\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof open !== 'undefined' && typeof defaultOpen !== 'undefined') {\n      console.error('Shell.Inspector: Do not pass both `open` and `defaultOpen`. Choose one.');\n    }\n  }\n\n  // Warn on controlled/uncontrolled mode switch\n  React.useEffect(() => {\n    const isControlled = typeof open !== 'undefined';\n    if (wasControlledRef.current === null) {\n      wasControlledRef.current = isControlled;\n      return;\n    }\n    if (wasControlledRef.current !== isControlled) {\n      console.warn('Shell.Inspector: Switching between controlled and uncontrolled `open` is not supported.');\n      wasControlledRef.current = isControlled;\n    }\n  }, [open]);\n\n  // Emit mode changes. In controlled mode, skip when mode matches the controlled prop.\n  const lastInspectorModeRef = React.useRef<PaneMode | null>(null);\n  const lastResolvedInspectorControlledRef = React.useRef<PaneMode | undefined>(undefined);\n  React.useEffect(() => {\n    const prevInspectorMode = lastInspectorModeRef.current;\n    const prevResolvedControlled = lastResolvedInspectorControlledRef.current;\n    const controlledChanged = prevResolvedControlled !== resolvedInspectorControlled;\n\n    if (prevInspectorMode !== null && prevInspectorMode !== inspectorMode) {\n      const nextOpen = inspectorMode === 'expanded';\n      const isControlled = typeof openRef.current !== 'undefined';\n      const controlledTarget = resolvedInspectorControlled === undefined ? undefined : resolvedInspectorControlled === 'expanded';\n\n      if (!isControlled || (!controlledChanged && nextOpen !== controlledTarget)) {\n        onOpenChangeRef.current?.(nextOpen, { reason: 'toggle' });\n      }\n    }\n\n    lastInspectorModeRef.current = inspectorMode;\n    lastResolvedInspectorControlledRef.current = resolvedInspectorControlled;\n  }, [inspectorMode, resolvedInspectorControlled]);\n\n  // Track previous mode to only fire callbacks on actual user-initiated state transitions.\n  // We wait for breakpointReady to ensure the initial state sync from useResponsiveInitialState\n  // is complete before enabling callbacks. This avoids spurious callbacks during initialization.\n  // Use callback refs to avoid re-running effect when inline callbacks change.\n  const onExpandRef = React.useRef(onExpand);\n  const onCollapseRef = React.useRef(onCollapse);\n  React.useLayoutEffect(() => {\n    onExpandRef.current = onExpand;\n    onCollapseRef.current = onCollapse;\n  });\n\n  const prevInspectorModeRef = React.useRef<PaneMode | null>(null);\n  const hasInitializedRef = React.useRef(false);\n  React.useEffect(() => {\n    const currentMode = inspectorMode;\n\n    // Wait for breakpoint to be ready before enabling callbacks\n    if (!currentBreakpointReady) {\n      prevInspectorModeRef.current = currentMode;\n      return;\n    }\n\n    // Skip the first run after breakpoint is ready - this captures the post-sync state\n    if (!hasInitializedRef.current) {\n      hasInitializedRef.current = true;\n      prevInspectorModeRef.current = currentMode;\n      return;\n    }\n\n    const prevMode = prevInspectorModeRef.current;\n\n    // Only fire on actual state transitions\n    if (prevMode !== null && prevMode !== currentMode) {\n      if (currentMode === 'expanded') {\n        onExpandRef.current?.();\n      } else if (currentMode === 'collapsed') {\n        onCollapseRef.current?.();\n      }\n      prevInspectorModeRef.current = currentMode;\n    }\n  }, [inspectorMode, currentBreakpointReady]);\n\n  const isExpanded = inspectorMode === 'expanded';\n\n  const persistenceAdapter = React.useMemo(() => {\n    if (!paneId || persistence) return persistence;\n    const key = `kookie-ui:shell:inspector:${paneId}`;\n    const adapter: PaneSizePersistence = {\n      load: () => {\n        if (typeof window === 'undefined') return undefined;\n        try {\n          const v = window.localStorage.getItem(key);\n          return v ? Number(v) : undefined;\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Inspector: failed to load persisted size', err);\n          }\n          return undefined;\n        }\n      },\n      save: (size: number) => {\n        if (typeof window === 'undefined') return;\n        try {\n          window.localStorage.setItem(key, String(size));\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('Shell.Inspector: failed to save persisted size', err);\n          }\n        }\n      },\n    };\n    return adapter;\n  }, [paneId, persistence]);\n\n  React.useEffect(() => {\n    let mounted = true;\n    if (!resizable || !persistenceAdapter?.load || isOverlay) return undefined;\n    const loaded = persistenceAdapter.load();\n    const applyLoaded = (value?: number) => {\n      if (!mounted || typeof value !== 'number' || !localRef.current) return;\n      localRef.current.style.setProperty('--inspector-size', `${value}px`);\n      onResize?.(value);\n    };\n    if (loaded instanceof Promise) {\n      loaded.then(applyLoaded).catch((err) => {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('Shell.Inspector: failed to load persisted size', err);\n        }\n      });\n    } else {\n      applyLoaded(loaded);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [resizable, persistenceAdapter, onResize, isOverlay]);\n\n  const handleEl =\n    resizable && !isOverlay && isExpanded ? (\n      <PaneResizeContext.Provider\n        value={{\n          containerRef: localRef,\n          cssVarName: '--inspector-size',\n          minSize,\n          maxSize,\n          defaultSize: expandedSize,\n          orientation: 'vertical',\n          edge: 'start',\n          computeNext: (client, startClient, startSize) => {\n            const isRtl = getComputedStyle(localRef.current!).direction === 'rtl';\n            const delta = client - startClient;\n            return startSize + (isRtl ? delta : -delta);\n          },\n          onResize,\n          onResizeStart,\n          onResizeEnd: (size) => {\n            onResizeEnd?.(size);\n            emitSizeChange(size, { reason: 'resize' });\n            persistenceAdapter?.save?.(size);\n          },\n          target: 'inspector',\n          collapsible,\n          snapPoints,\n          snapTolerance: snapTolerance ?? 8,\n          collapseThreshold,\n          requestCollapse: () => setInspectorMode('collapsed'),\n          requestToggle: () => togglePane('inspector'),\n        }}\n      >\n        {handleChildren.length > 0 ? handleChildren.map((el, i) => React.cloneElement(el, { key: el.key ?? i })) : <PaneHandle />}\n      </PaneResizeContext.Provider>\n    ) : null;\n\n  // Normalize CSS lengths to px helper\n  const normalizeSizeToPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, 'horizontal'), []);\n\n  // Apply defaultSize on mount when uncontrolled\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof size === 'undefined' && typeof defaultSize !== 'undefined') {\n      const px = normalizeSizeToPx(defaultSize);\n      if (typeof px === 'number' && Number.isFinite(px)) {\n        const minPx = typeof minSize === 'number' ? minSize : undefined;\n        const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n        const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n        localRef.current.style.setProperty('--inspector-size', `${clamped}px`);\n        emitSizeChange(clamped, { reason: 'init' });\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Controlled size sync\n  const controlledSize = size;\n  React.useEffect(() => {\n    if (!localRef.current) return;\n    if (typeof controlledSize === 'undefined') return;\n    const px = normalizeSizeToPx(controlledSize);\n    if (typeof px === 'number' && Number.isFinite(px)) {\n      const minPx = typeof minSize === 'number' ? minSize : undefined;\n      const maxPx = typeof maxSize === 'number' ? maxSize : undefined;\n      const clamped = Math.min(maxPx ?? px, Math.max(minPx ?? px, px));\n      localRef.current.style.setProperty('--inspector-size', `${clamped}px`);\n      emitSizeChange(clamped, { reason: 'controlled' });\n    }\n  }, [controlledSize, minSize, maxSize, normalizeSizeToPx, emitSizeChange]);\n\n  if (isOverlay) {\n    const open = inspectorMode === 'expanded';\n    return (\n      <Sheet.Root open={open} onOpenChange={(o) => setInspectorMode(o ? 'expanded' : 'collapsed')}>\n        <Sheet.Content side=\"end\" style={{ padding: 0 }} aria-label=\"Inspector\" aria-describedby={undefined} width={{ initial: `${expandedSize}px` }}>\n          <VisuallyHidden>\n            <Sheet.Title>Inspector</Sheet.Title>\n          </VisuallyHidden>\n          {contentChildren}\n        </Sheet.Content>\n      </Sheet.Root>\n    );\n  }\n\n  // Strip control/size props from DOM spread\n  return (\n    <div\n      {...inspectorDomProps}\n      ref={setRef}\n      className={classNames('rt-ShellInspector', className)}\n      data-mode={inspectorMode}\n      data-peek={peekTarget === 'inspector' || undefined}\n      data-presentation={currentBreakpointReady ? resolvedPresentation : undefined}\n      data-open={(currentBreakpointReady && isStacked && isExpanded) || undefined}\n      data-inset={inset || undefined}\n      style={{\n        ...style,\n        '--inspector-size': `${expandedSize}px`,\n        '--inspector-min-size': `${minSize}px`,\n        '--inspector-max-size': `${maxSize}px`,\n      } as CSSPropertiesWithVars}\n    >\n      <div className=\"rt-ShellInspectorContent\" data-visible={isExpanded || undefined}>\n        {contentChildren}\n      </div>\n      {handleEl}\n    </div>\n  );\n}) as InspectorComponent;\n\nInspector.displayName = 'Shell.Inspector';\nInspector.Handle = InspectorHandle;\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "INSPECTOR_DOM_PROP_KEYS", "Inspector", "initialProps", "ref", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "size", "defaultSize", "inset", "inspectorDomProps", "extractPaneDomProps", "inspectorMode", "setInspectorMode", "useInspectorMode", "currentBreakpointReady", "usePresentation", "peekTarget", "usePeek", "togglePane", "useShellActions", "registerInset", "unregisterInset", "useInset", "resolvedPresentation", "useResponsivePresentation", "isOverlay", "isStacked", "localRef", "setRef", "node", "childArray", "handleChildren", "el", "InspectorHandle", "contentChildren", "onOpenChangeRef", "openRef", "normalizedControlledOpen", "mapResponsiveBooleanToPaneMode", "normalizedDefaultOpen", "openIsResponsive", "resolvedInspectorControlled", "useResponsiveInitialState", "next", "initial", "debounceTimeoutRef", "emitSizeChange", "cb", "strategy", "ms", "s", "meta", "last", "now", "wasControlledRef", "isControlled", "lastInspectorModeRef", "lastResolvedInspectorControlledRef", "prevInspectorMode", "controlledChanged", "nextOpen", "onExpandRef", "onCollapseRef", "prevInspectorModeRef", "hasInitializedRef", "currentMode", "prevMode", "isExpanded", "persistenceAdapter", "key", "v", "mounted", "loaded", "applyLoaded", "value", "err", "handleEl", "PaneResizeContext", "client", "startClient", "startSize", "isRtl", "delta", "i", "PaneHandle", "normalizeSizeToPx", "normalizeToPx", "px", "clamped", "controlledSize", "Root", "Content", "VisuallyHidden", "Title", "classNames"]
+}

package/dist/esm/chunk-4OBMRJHC.js

@@ -0,0 +1,2 @@
+import{a as P}from"./chunk-4TCXI3L3.js";import{a as n}from"./chunk-GSTOGDAJ.js";import{a as m}from"./chunk-KMPBTEZH.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-4OBMRJHC.js.map

package/dist/esm/chunk-4OBMRJHC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { Slot } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { textPropDefs } from './text.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype TextElement = React.ElementRef<'span'>;\ntype TextOwnProps = GetPropDefTypes<typeof textPropDefs>;\ninterface CommonTextProps extends MarginProps, TextOwnProps {}\ntype TextSpanProps = { as?: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype TextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype TextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>;\ntype TextPProps = { as: 'p' } & ComponentPropsWithout<'p', RemovedProps>;\ntype TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);\n\n// Pre-merge prop definitions at module level to avoid per-render allocation\nconst mergedPropDefs = { ...textPropDefs, ...marginPropDefs };\n\nconst Text = React.memo(\n  React.forwardRef<TextElement, TextProps>((props, forwardedRef) => {\n    const {\n      children,\n      className,\n      asChild,\n      as: Tag = 'span',\n      color,\n      ...textProps\n    } = extractProps(props, mergedPropDefs);\n\n    const combinedClassName = className ? `rt-Text ${className}` : 'rt-Text';\n\n    if (asChild) {\n      return (\n        <Slot.Root\n          data-accent-color={color}\n          {...textProps}\n          ref={forwardedRef}\n          className={combinedClassName}\n        >\n          {children}\n        </Slot.Root>\n      );\n    }\n\n    return (\n      <Tag\n        data-accent-color={color}\n        {...(textProps as React.HTMLAttributes<HTMLElement>)}\n        ref={forwardedRef as any}\n        className={combinedClassName}\n      >\n        {children}\n      </Tag>\n    );\n  })\n);\nText.displayName = 'Text';\n\nexport { Text };\nexport type { TextProps };\n"],
+  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAoBrB,IAAMC,EAAiB,CAAE,GAAGC,EAAc,GAAGC,CAAe,EAEtDC,EAAa,OACX,aAAmC,CAACC,EAAOC,IAAiB,CAChE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,OACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOJ,CAAc,EAEhCa,EAAoBN,EAAY,WAAWA,CAAS,GAAK,UAE/D,OAAIC,EAEA,gBAACM,EAAK,KAAL,CACC,oBAAmBJ,EAClB,GAAGC,EACJ,IAAKN,EACL,UAAWQ,GAEVP,CACH,EAKF,gBAACG,EAAA,CACC,oBAAmBC,EAClB,GAAIC,EACL,IAAKN,EACL,UAAWQ,GAEVP,CACH,CAEJ,CAAC,CACH,EACAH,EAAK,YAAc",
+  "names": ["React", "Slot", "mergedPropDefs", "textPropDefs", "marginPropDefs", "Text", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "textProps", "extractProps", "combinedClassName", "Slot"]
+}

package/dist/esm/chunk-4TCXI3L3.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk-G2CKYO2I.js";import{a as m}from"./chunk-AXUDFYLY.js";import{a as p}from"./chunk-KNQBAOMV.js";import{a as i}from"./chunk-FD2TR343.js";import{a as s}from"./chunk-WYADYDPN.js";import{a as f}from"./chunk-ZE2KAVXW.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{a as e}from"./chunk-HOHUDTTL.js";import{c as r}from"./chunk-66ZLZAAJ.js";var a=["span","div","label","p"],n=["0","1","2","3","4","5","6","7","8","9","10","11","12"],h={as:{type:"enum",values:a,default:"span"},...o,size:{type:"enum",className:"rt-r-size",values:n,responsive:!0},...m,...i,...t,...p,...f,...s,...r,...e};export{h as a};
+//# sourceMappingURL=chunk-4TCXI3L3.js.map

package/dist/esm/chunk-4TCXI3L3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { leadingTrimPropDef } from '../props/leading-trim.prop.js';\nimport { textAlignPropDef } from '../props/text-align.prop.js';\nimport { textWrapPropDef } from '../props/text-wrap.prop.js';\nimport { truncatePropDef } from '../props/truncate.prop.js';\nimport { fontFamilyPropDef } from '../props/font-family.prop.js';\nimport { weightPropDef } from '../props/weight.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst as = ['span', 'div', 'label', 'p'] as const;\nconst sizes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\n\nconst textPropDefs = {\n  as: { type: 'enum', values: as, default: 'span' },\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: sizes,\n    responsive: true,\n  },\n  ...fontFamilyPropDef,\n  ...weightPropDef,\n  ...textAlignPropDef,\n  ...leadingTrimPropDef,\n  ...truncatePropDef,\n  ...textWrapPropDef,\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport { textPropDefs };\n"],
+  "mappings": "wWAYA,IAAMA,EAAK,CAAC,OAAQ,MAAO,QAAS,GAAG,EACjCC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EAE3EC,EAAe,CACnB,GAAI,CAAE,KAAM,OAAQ,OAAQF,EAAI,QAAS,MAAO,EAChD,GAAGG,EACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQF,EACR,WAAY,EACd,EACA,GAAGG,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,CACL",
+  "names": ["as", "sizes", "textPropDefs", "asChildPropDef", "fontFamilyPropDef", "weightPropDef", "textAlignPropDef", "leadingTrimPropDef", "truncatePropDef", "textWrapPropDef", "colorPropDef", "highContrastPropDef"]
+}

package/dist/esm/chunk-4Z33XHOK.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk-ERGJN7FJ.js";import{b as r}from"./chunk-KRJTW535.js";import{a as o}from"./chunk-HOHUDTTL.js";import{c as e}from"./chunk-66ZLZAAJ.js";var s=["1","2","3"],c={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},...o},a=["classic","surface","soft","outline","ghost"],u={variant:{type:"enum",className:"rt-variant",values:a,default:"surface"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},material:{type:"enum",values:["solid","translucent"]},error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...e,...r,width:t.width,placeholder:{type:"string"}},n=["solid","soft"],m={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:n,default:"solid"},...e,...o};export{c as a,u as b,m as c};
+//# sourceMappingURL=chunk-4Z33XHOK.js.map

package/dist/esm/chunk-4Z33XHOK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox.props.tsx"],
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\n\n/**\n * Shared responsive sizing + high contrast support inherited by Combobox.Root.\n */\nconst comboboxRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  highContrast: PropDef<boolean>;\n};\n\nconst triggerVariants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\n\n/**\n * Token-aware props specific to Combobox.Trigger.\n */\nconst comboboxTriggerPropDefs = {\n  variant: { type: 'enum', className: 'rt-variant', values: triggerVariants, default: 'surface' },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  material: { type: 'enum', values: ['solid', 'translucent'] },\n  error: { type: 'boolean' },\n  loading: { type: 'boolean' },\n  disabled: { type: 'boolean' },\n  readOnly: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  width: widthPropDefs.width,\n  placeholder: { type: 'string' },\n} satisfies {\n  variant: PropDef<(typeof triggerVariants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n  material: PropDef<'solid' | 'translucent'>;\n  error: PropDef<boolean>;\n  loading: PropDef<boolean>;\n  disabled: PropDef<boolean>;\n  readOnly: PropDef<boolean>;\n  width: PropDef<string>;\n  placeholder: PropDef<string>;\n};\n\nconst contentVariants = ['solid', 'soft'] as const;\n\n/**\n * Styling props for the dropdown surface rendered by Combobox.Content.\n */\nconst comboboxContentPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: contentVariants, default: 'solid' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n};\n\nexport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };\n"],
+  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,GAAG,EAKtBC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,GAAGE,CACL,EAKMC,EAAkB,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAKnEC,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAiB,QAAS,SAAU,EAC9F,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,CAAE,EAC3D,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGE,EACH,GAAGC,EACH,MAAOC,EAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAYMC,EAAkB,CAAC,QAAS,MAAM,EAKlCC,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQT,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQQ,EAAiB,QAAS,OAAQ,EAC5F,GAAGH,EACH,GAAGH,CACL",
+  "names": ["sizes", "comboboxRootPropDefs", "highContrastPropDef", "triggerVariants", "comboboxTriggerPropDefs", "colorPropDef", "radiusPropDef", "widthPropDefs", "contentVariants", "comboboxContentPropDefs"]
+}

package/dist/esm/chunk-5GXFBLBJ.js

@@ -0,0 +1,2 @@
+function a(r){let{m:t,mx:m,my:o,mt:p,mr:n,mb:s,ml:e,...i}=r;return{m:t,mx:m,my:o,mt:p,mr:n,mb:s,ml:e,rest:i}}export{a};
+//# sourceMappingURL=chunk-5GXFBLBJ.js.map

package/dist/esm/chunk-5GXFBLBJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/extract-margin-props.ts"],
+  "sourcesContent": ["import type { MarginProps } from '../props/margin.props.js';\n\nexport function extractMarginProps<T extends MarginProps>(props: T) {\n  const { m, mx, my, mt, mr, mb, ml, ...rest } = props;\n  return { m, mx, my, mt, mr, mb, ml, rest };\n}\n"],
+  "mappings": "AAEO,SAASA,EAA0CC,EAAU,CAClE,GAAM,CAAE,EAAAC,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAGC,CAAK,EAAIR,EAC/C,MAAO,CAAE,EAAAC,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,KAAAC,CAAK,CAC3C",
+  "names": ["extractMarginProps", "props", "m", "mx", "my", "mt", "mr", "mb", "ml", "rest"]
+}

package/dist/esm/chunk-5KICSAT7.js

@@ -0,0 +1,2 @@
+import{b as e}from"./chunk-KRJTW535.js";import{a as s}from"./chunk-NZJGC6ZW.js";var r=["1","2","3"],o=["vertical","horizontal","both"],l={...s,size:{type:"enum",className:"rt-r-size",values:r,default:"1",responsive:!0},...e,scrollbars:{type:"enum",values:o,default:"both"}};export{l as a};
+//# sourceMappingURL=chunk-5KICSAT7.js.map

package/dist/esm/chunk-5KICSAT7.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/scroll-area.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n};\n\nexport { scrollAreaPropDefs };\n"],
+  "mappings": "gFAKA,IAAMA,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAmB,CAAC,WAAY,aAAc,MAAM,EAEpDC,EAAqB,CACzB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,GAAGI,EACH,WAAY,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAO,CACxE",
+  "names": ["sizes", "scrollbarsValues", "scrollAreaPropDefs", "asChildPropDef", "radiusPropDef"]
+}

package/dist/esm/chunk-5LXFJMFB.js

@@ -0,0 +1,2 @@
+import{a as R}from"./chunk-SNHEJU2S.js";import{a as p}from"./chunk-KFA53SVQ.js";import*as t from"react";function C(e){let{currentBreakpoint:o}=R();return t.useMemo(()=>{if(typeof e=="string")return e;if(e[o])return e[o];let i=[...Object.keys(p)].reverse().concat("initial"),a=i.indexOf(o);for(let f=a+1;f<i.length;f++){let u=i[f];if(e[u])return e[u]}return"fixed"},[e,o])}function m(e){let{currentBreakpoint:o}=R();return t.useMemo(()=>{if(e==null)return;if(typeof e!="object")return e;let n=e;if(n[o]!==void 0)return n[o];let a=[...Object.keys(p)].reverse().concat("initial"),f=a.indexOf(o);for(let u=f+1;u<a.length;u++){let c=a[u];if(n[c]!==void 0)return n[c]}},[e,o])}function E({controlledValue:e,defaultValue:o,currentValue:n,setValue:i,breakpointReady:a,onInit:f,onResponsiveChange:u,controlledIsResponsive:c=!1}){let s=m(e),l=m(o),T=t.useRef(void 0),r=t.useRef(null),y=t.useRef(s),k=t.useRef(n),v=t.useRef(i);t.useLayoutEffect(()=>{y.current=s,k.current=n,v.current=i}),t.useEffect(()=>{if(s===void 0)return;let S=T.current!==s;if(T.current=s,n===s){r.current&&(clearTimeout(r.current),r.current=null),c&&u?.(s);return}if(S){r.current&&(clearTimeout(r.current),r.current=null),i(s),c&&u?.(s);return}r.current||(r.current=setTimeout(()=>{r.current=null;let d=y.current,b=k.current;d!==void 0&&b!==d&&v.current(d)},0))},[s,n,i,u,c]),t.useEffect(()=>()=>{r.current&&(clearTimeout(r.current),r.current=null)},[]);let B=t.useRef(!1);return t.useEffect(()=>{B.current||a&&(typeof e<"u"||l!==void 0&&(B.current=!0,n!==l&&i(l),f?.(l)))},[a,e,l,n,i,f]),{resolvedControlled:s,resolvedDefault:l}}export{C as a,m as b,E as c};
+//# sourceMappingURL=chunk-5LXFJMFB.js.map

package/dist/esm/chunk-5LXFJMFB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/shell.hooks.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport type { Breakpoint, PresentationValue, ResponsivePresentation } from './shell.types.js';\nimport { _BREAKPOINTS } from './shell.types.js';\nimport { useShell } from './shell.context.js';\n\nfunction useResponsivePresentation(presentation: ResponsivePresentation): PresentationValue {\n  const { currentBreakpoint } = useShell();\n\n  return React.useMemo(() => {\n    if (typeof presentation === 'string') {\n      return presentation;\n    }\n\n    if (presentation[currentBreakpoint]) {\n      return presentation[currentBreakpoint]!;\n    }\n\n    const bpKeys = Object.keys(_BREAKPOINTS) as Array<keyof typeof _BREAKPOINTS>;\n    const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n    const startIdx = order.indexOf(currentBreakpoint as Breakpoint);\n\n    for (let i = startIdx + 1; i < order.length; i++) {\n      const bp = order[i];\n      if (presentation[bp]) {\n        return presentation[bp]!;\n      }\n    }\n\n    return 'fixed';\n  }, [presentation, currentBreakpoint]);\n}\n\n/**\n * Resolve a responsive value (T or responsive map keyed by breakpoints) against the current Shell breakpoint.\n * If no value is defined for the current breakpoint, search smaller breakpoints down to 'initial'.\n * Returns undefined when passed a responsive map with no matching key across the chain.\n */\nfunction useResponsiveValue<T>(value: T | Partial<Record<Breakpoint, T>> | undefined): T | undefined {\n  const { currentBreakpoint } = useShell();\n\n  return React.useMemo(() => {\n    if (value == null) return undefined;\n    // Primitive value\n    if (typeof value !== 'object') {\n      return value as T;\n    }\n\n    const map = value as Partial<Record<Breakpoint, T>>;\n    if (map[currentBreakpoint as Breakpoint] !== undefined) {\n      return map[currentBreakpoint as Breakpoint] as T;\n    }\n\n    const bpKeys = Object.keys(_BREAKPOINTS) as Array<keyof typeof _BREAKPOINTS>;\n    const order: Breakpoint[] = ([...bpKeys].reverse() as Breakpoint[]).concat('initial' as Breakpoint);\n    const startIdx = order.indexOf(currentBreakpoint as Breakpoint);\n\n    for (let i = startIdx + 1; i < order.length; i++) {\n      const bp = order[i];\n      if (map[bp] !== undefined) {\n        return map[bp] as T;\n      }\n    }\n\n    return undefined;\n  }, [value, currentBreakpoint]);\n}\n\ntype ResponsiveStateValue<T> = T | Partial<Record<Breakpoint, T>>;\n\ninterface UseResponsiveInitialStateOptions<T> {\n  controlledValue?: ResponsiveStateValue<T>;\n  defaultValue?: ResponsiveStateValue<T>;\n  currentValue: T;\n  setValue: (value: T) => void;\n  breakpointReady: boolean;\n  onInit?: (value: T) => void;\n  onResponsiveChange?: (value: T) => void;\n  controlledIsResponsive?: boolean;\n}\n\ninterface UseResponsiveInitialStateResult<T> {\n  resolvedControlled?: T;\n  resolvedDefault?: T;\n}\n\nfunction useResponsiveInitialState<T>({\n  controlledValue,\n  defaultValue,\n  currentValue,\n  setValue,\n  breakpointReady,\n  onInit,\n  onResponsiveChange,\n  controlledIsResponsive = false,\n}: UseResponsiveInitialStateOptions<T>): UseResponsiveInitialStateResult<T> {\n  const resolvedControlled = useResponsiveValue(controlledValue);\n  const resolvedDefault = useResponsiveValue(defaultValue);\n\n  const lastControlledRef = React.useRef<T | undefined>(undefined);\n  const pendingSyncRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const latestControlledRef = React.useRef<T | undefined>(resolvedControlled);\n  const latestValueRef = React.useRef(currentValue);\n  const setValueRef = React.useRef(setValue);\n\n  React.useLayoutEffect(() => {\n    latestControlledRef.current = resolvedControlled;\n    latestValueRef.current = currentValue;\n    setValueRef.current = setValue;\n  });\n\n  React.useEffect(() => {\n    if (resolvedControlled === undefined) return;\n\n    const prevControlled = lastControlledRef.current;\n    const controlledChanged = prevControlled !== resolvedControlled;\n    lastControlledRef.current = resolvedControlled;\n\n    if (currentValue === resolvedControlled) {\n      if (pendingSyncRef.current) {\n        clearTimeout(pendingSyncRef.current);\n        pendingSyncRef.current = null;\n      }\n      if (controlledIsResponsive) {\n        onResponsiveChange?.(resolvedControlled);\n      }\n      return;\n    }\n\n    if (controlledChanged) {\n      if (pendingSyncRef.current) {\n        clearTimeout(pendingSyncRef.current);\n        pendingSyncRef.current = null;\n      }\n      setValue(resolvedControlled);\n      if (controlledIsResponsive) {\n        onResponsiveChange?.(resolvedControlled);\n      }\n      return;\n    }\n\n    if (!pendingSyncRef.current) {\n      pendingSyncRef.current = setTimeout(() => {\n        pendingSyncRef.current = null;\n        const latestControlled = latestControlledRef.current;\n        const latestValue = latestValueRef.current;\n        if (latestControlled === undefined) return;\n        if (latestValue === latestControlled) return;\n        setValueRef.current(latestControlled);\n      }, 0);\n    }\n  }, [resolvedControlled, currentValue, setValue, onResponsiveChange, controlledIsResponsive]);\n\n  React.useEffect(() => {\n    return () => {\n      if (pendingSyncRef.current) {\n        clearTimeout(pendingSyncRef.current);\n        pendingSyncRef.current = null;\n      }\n    };\n  }, []);\n\n  const didInitRef = React.useRef(false);\n  React.useEffect(() => {\n    if (didInitRef.current) return;\n    if (!breakpointReady) return;\n    if (typeof controlledValue !== 'undefined') return;\n    if (resolvedDefault === undefined) return;\n    didInitRef.current = true;\n    if (currentValue !== resolvedDefault) {\n      setValue(resolvedDefault);\n    }\n    onInit?.(resolvedDefault);\n  }, [breakpointReady, controlledValue, resolvedDefault, currentValue, setValue, onInit]);\n\n  return { resolvedControlled, resolvedDefault };\n}\n\nexport { useResponsivePresentation, useResponsiveValue, useResponsiveInitialState };\n"],
+  "mappings": "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",
+  "names": ["React", "useResponsivePresentation", "presentation", "currentBreakpoint", "useShell", "order", "_BREAKPOINTS", "startIdx", "i", "bp", "useResponsiveValue", "value", "map", "useResponsiveInitialState", "controlledValue", "defaultValue", "currentValue", "setValue", "breakpointReady", "onInit", "onResponsiveChange", "controlledIsResponsive", "resolvedControlled", "resolvedDefault", "lastControlledRef", "pendingSyncRef", "latestControlledRef", "latestValueRef", "setValueRef", "controlledChanged", "latestControlled", "latestValue", "didInitRef"]
+}

package/dist/esm/chunk-5T6K7VPP.js

@@ -0,0 +1,2 @@
+function s(e,t){if(e!==void 0)return typeof e=="string"?t(e):Object.fromEntries(Object.entries(e).map(([n,o])=>[n,t(o)]))}function p(e){return e==="3"?"3":e==="1"?"1":"2"}function r(e){switch(e){case"1":return"1";case"2":case"3":return"2";case"4":return"3"}}export{s as a,p as b,r as c};
+//# sourceMappingURL=chunk-5T6K7VPP.js.map

package/dist/esm/chunk-5T6K7VPP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/map-prop-values.ts"],
+  "sourcesContent": ["import type { baseButtonPropDefs } from '../components/_internal/base-button.props.js';\nimport type { calloutRootPropDefs } from '../components/callout.props.js';\nimport type { spinnerPropDefs } from '../components/spinner.props.js';\nimport type { textPropDefs } from '../components/text.props.js';\nimport type { Responsive } from '../props/prop-def.js';\n\nfunction mapResponsiveProp<Input extends string, Output>(\n  propValue: Responsive<Input> | undefined,\n  mapValue: (value: Input) => Output\n): Responsive<Output> | undefined {\n  if (propValue === undefined) return undefined;\n  if (typeof propValue === 'string') {\n    return mapValue(propValue);\n  }\n  return Object.fromEntries(\n    Object.entries(propValue).map(([key, value]) => [key, mapValue(value)])\n  );\n}\n\nfunction mapCalloutSizeToTextSize(\n  size: (typeof calloutRootPropDefs.size.values)[number]\n): (typeof textPropDefs.size.values)[number] {\n  return size === '3' ? '3' : size === '1' ? '1' : '2';\n}\n\nfunction mapButtonSizeToSpinnerSize(\n  size: (typeof baseButtonPropDefs.size.values)[number]\n): (typeof spinnerPropDefs.size.values)[number] {\n  switch (size) {\n    case '1':\n      return '1';\n    case '2':\n    case '3':\n      return '2';\n    case '4':\n      return '3';\n  }\n}\n\nexport { mapResponsiveProp, mapCalloutSizeToTextSize, mapButtonSizeToSpinnerSize };\n"],
+  "mappings": "AAMA,SAASA,EACPC,EACAC,EACgC,CAChC,GAAID,IAAc,OAClB,OAAI,OAAOA,GAAc,SAChBC,EAASD,CAAS,EAEpB,OAAO,YACZ,OAAO,QAAQA,CAAS,EAAE,IAAI,CAAC,CAACE,EAAKC,CAAK,IAAM,CAACD,EAAKD,EAASE,CAAK,CAAC,CAAC,CACxE,CACF,CAEA,SAASC,EACPC,EAC2C,CAC3C,OAAOA,IAAS,IAAM,IAAMA,IAAS,IAAM,IAAM,GACnD,CAEA,SAASC,EACPD,EAC8C,CAC9C,OAAQA,EAAM,CACZ,IAAK,IACH,MAAO,IACT,IAAK,IACL,IAAK,IACH,MAAO,IACT,IAAK,IACH,MAAO,GACX,CACF",
+  "names": ["mapResponsiveProp", "propValue", "mapValue", "key", "value", "mapCalloutSizeToTextSize", "size", "mapButtonSizeToSpinnerSize"]
+}

package/dist/esm/chunk-5U2Q23K3.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk-GSTOGDAJ.js";import{a as e}from"./chunk-E23RKOQJ.js";import{a as s}from"./chunk-ZMEXIPWM.js";import y from"classnames";var r=t.m.values;function S(m){let[a,o]=s({className:"rt-r-m",customProperties:["--margin"],propValues:r,value:m.m}),[l,i]=s({className:"rt-r-mx",customProperties:["--margin-left","--margin-right"],propValues:r,value:m.mx}),[p,u]=s({className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"],propValues:r,value:m.my}),[n,c]=s({className:"rt-r-mt",customProperties:["--margin-top"],propValues:r,value:m.mt}),[g,P]=s({className:"rt-r-mr",customProperties:["--margin-right"],propValues:r,value:m.mr}),[N,C]=s({className:"rt-r-mb",customProperties:["--margin-bottom"],propValues:r,value:m.mb}),[f,v]=s({className:"rt-r-ml",customProperties:["--margin-left"],propValues:r,value:m.ml});return[y(a,l,p,n,g,N,f),e(o,i,u,c,P,C,v)]}export{S as a};
+//# sourceMappingURL=chunk-5U2Q23K3.js.map

package/dist/esm/chunk-5U2Q23K3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/get-margin-styles.ts"],
+  "sourcesContent": ["import classNames from 'classnames';\n\nimport { getResponsiveStyles } from './get-responsive-styles.js';\nimport { mergeStyles } from './merge-styles.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\n\nconst marginValues = marginPropDefs.m.values;\n\nexport function getMarginStyles(props: MarginProps) {\n  const [mClassNames, mCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-m',\n    customProperties: ['--margin'],\n    propValues: marginValues,\n    value: props.m,\n  });\n\n  const [mxClassNames, mxCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mx',\n    customProperties: ['--margin-left', '--margin-right'],\n    propValues: marginValues,\n    value: props.mx,\n  });\n\n  const [myClassNames, myCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-my',\n    customProperties: ['--margin-top', '--margin-bottom'],\n    propValues: marginValues,\n    value: props.my,\n  });\n\n  const [mtClassNames, mtCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mt',\n    customProperties: ['--margin-top'],\n    propValues: marginValues,\n    value: props.mt,\n  });\n\n  const [mrClassNames, mrCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mr',\n    customProperties: ['--margin-right'],\n    propValues: marginValues,\n    value: props.mr,\n  });\n\n  const [mbClassNames, mbCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mb',\n    customProperties: ['--margin-bottom'],\n    propValues: marginValues,\n    value: props.mb,\n  });\n\n  const [mlClassNames, mlCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-ml',\n    customProperties: ['--margin-left'],\n    propValues: marginValues,\n    value: props.ml,\n  });\n\n  return [\n    classNames(\n      mClassNames,\n      mxClassNames,\n      myClassNames,\n      mtClassNames,\n      mrClassNames,\n      mbClassNames,\n      mlClassNames\n    ),\n    mergeStyles(\n      mCustomProperties,\n      mxCustomProperties,\n      myCustomProperties,\n      mtCustomProperties,\n      mrCustomProperties,\n      mbCustomProperties,\n      mlCustomProperties\n    ),\n  ] as const;\n}\n"],
+  "mappings": "wHAAA,OAAOA,MAAgB,aAQvB,IAAMC,EAAeC,EAAe,EAAE,OAE/B,SAASC,EAAgBC,EAAoB,CAClD,GAAM,CAACC,EAAaC,CAAiB,EAAIC,EAAoB,CAC3D,UAAW,SACX,iBAAkB,CAAC,UAAU,EAC7B,WAAYN,EACZ,MAAOG,EAAM,CACf,CAAC,EAEK,CAACI,EAAcC,CAAkB,EAAIF,EAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,gBAAiB,gBAAgB,EACpD,WAAYN,EACZ,MAAOG,EAAM,EACf,CAAC,EAEK,CAACM,EAAcC,CAAkB,EAAIJ,EAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,eAAgB,iBAAiB,EACpD,WAAYN,EACZ,MAAOG,EAAM,EACf,CAAC,EAEK,CAACQ,EAAcC,CAAkB,EAAIN,EAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,cAAc,EACjC,WAAYN,EACZ,MAAOG,EAAM,EACf,CAAC,EAEK,CAACU,EAAcC,CAAkB,EAAIR,EAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,gBAAgB,EACnC,WAAYN,EACZ,MAAOG,EAAM,EACf,CAAC,EAEK,CAACY,EAAcC,CAAkB,EAAIV,EAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,iBAAiB,EACpC,WAAYN,EACZ,MAAOG,EAAM,EACf,CAAC,EAEK,CAACc,EAAcC,CAAkB,EAAIZ,EAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,eAAe,EAClC,WAAYN,EACZ,MAAOG,EAAM,EACf,CAAC,EAED,MAAO,CACLgB,EACEf,EACAG,EACAE,EACAE,EACAE,EACAE,EACAE,CACF,EACAG,EACEf,EACAG,EACAE,EACAE,EACAE,EACAE,EACAE,CACF,CACF,CACF",
+  "names": ["classNames", "marginValues", "marginPropDefs", "getMarginStyles", "props", "mClassNames", "mCustomProperties", "getResponsiveStyles", "mxClassNames", "mxCustomProperties", "myClassNames", "myCustomProperties", "mtClassNames", "mtCustomProperties", "mrClassNames", "mrCustomProperties", "mbClassNames", "mbCustomProperties", "mlClassNames", "mlCustomProperties", "classNames", "mergeStyles"]
+}

package/dist/esm/chunk-66ZLZAAJ.js

@@ -0,0 +1,2 @@
+var o=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],e=["auto","gray","mauve","slate","sage","olive","sand"],r={color:{type:"enum",values:o,default:void 0}},s={color:{type:"enum",values:o,default:""}};export{o as a,e as b,r as c,s as d};
+//# sourceMappingURL=chunk-66ZLZAAJ.js.map

package/dist/esm/chunk-66ZLZAAJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/color.prop.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
+  "mappings": "AAGA,IAAMA,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAEjPC,EAAa,CAAC,OAAQ,OAAQ,QAAS,QAAS,OAAQ,QAAS,MAAM,EAEvEC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQF,EACR,QAAS,MACX,CACF,EAMMG,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQH,EACR,QAAS,EACX,CACF",
+  "names": ["accentColors", "grayColors", "colorPropDef", "accentColorPropDef"]
+}

package/dist/esm/chunk-6DWDNKLS.js

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

package/dist/esm/chunk-6DWDNKLS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-6ELPYR73.js

@@ -0,0 +1,2 @@
+import{a as d}from"./chunk-XHQGMOXV.js";import{a as l}from"./chunk-MJ47O7KH.js";import{a as s}from"./chunk-GSTOGDAJ.js";import{a as i}from"./chunk-KMPBTEZH.js";import*as e from"react";import C from"classnames";import{Slot as h}from"radix-ui";var T=e.forwardRef((m,c)=>{let{asChild:t,className:f,children:g,color:P,radius:u,material:r,panelBackground:o,tooltip:a,tooltipSide:b="top",tooltipAlign:B="center",tooltipDelayDuration:y,tooltipDisableHoverableContent:R,...D}=i(m,l,s),p=e.useMemo(()=>r??o,[r,o]);e.useEffect(()=>{o!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[o]);let v=e.useMemo(()=>t?h.Root:"span",[t]),n=e.createElement(v,{"data-accent-color":P,"data-radius":u,"data-material":p,"data-panel-background":p,...D,ref:c,className:C("rt-reset","rt-Badge",f)},g);return a?e.createElement(d,{content:a,side:b,align:B,delayDuration:y,disableHoverableContent:R},n):n});T.displayName="Badge";export{T as a};
+//# sourceMappingURL=chunk-6ELPYR73.js.map

package/dist/esm/chunk-6ELPYR73.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { badgePropDefs } from './badge.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { Tooltip } from './tooltip.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 BadgeElement = React.ElementRef<'span'>;\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;\n\n// Tooltip props that can be passed to Badge\ninterface BadgeTooltipProps {\n  tooltip?: React.ReactNode;\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  tooltipAlign?: 'start' | 'center' | 'end';\n  tooltipDelayDuration?: number;\n  tooltipDisableHoverableContent?: boolean;\n}\n\ninterface BadgeProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    MarginProps,\n    BadgeOwnProps,\n    BadgeTooltipProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    children,\n    color,\n    radius,\n    material,\n    panelBackground,\n    tooltip,\n    tooltipSide = 'top',\n    tooltipAlign = 'center',\n    tooltipDelayDuration,\n    tooltipDisableHoverableContent,\n    ...badgeProps\n  } = extractProps(props, badgePropDefs, marginPropDefs);\n\n  // Memoize material calculation for performance\n  const effectiveMaterial = React.useMemo(\n    () => material ?? panelBackground,\n    [material, panelBackground],\n  );\n\n  // Show deprecation warning for panelBackground when used\n  React.useEffect(() => {\n    if (panelBackground !== undefined) {\n      console.warn(\n        'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n      );\n    }\n  }, [panelBackground]);\n\n  // Memoize component variable to prevent unnecessary re-renders\n  const Comp = React.useMemo(() => (asChild ? Slot.Root : 'span'), [asChild]);\n\n  const badge = (\n    <Comp\n      data-accent-color={color}\n      data-radius={radius}\n      data-material={effectiveMaterial}\n      data-panel-background={effectiveMaterial}\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-Badge', className)}\n    >\n      {children}\n    </Comp>\n  );\n\n  // If no tooltip is provided, return the badge as-is\n  if (!tooltip) {\n    return badge;\n  }\n\n  // Wrap with Tooltip when tooltip content is provided\n  return (\n    <Tooltip\n      content={tooltip}\n      side={tooltipSide}\n      align={tooltipAlign}\n      delayDuration={tooltipDelayDuration}\n      disableHoverableContent={tooltipDisableHoverableContent}\n    >\n      {badge}\n    </Tooltip>\n  );\n});\nBadge.displayName = 'Badge';\n\nexport { Badge };\nexport type { BadgeProps };\n"],
+  "mappings": "gKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WA6BrB,IAAMC,EAAc,aAAqC,CAACC,EAAOC,IAAiB,CAChF,GAAM,CACJ,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,GAAGC,CACL,EAAIC,EAAaf,EAAOgB,EAAeC,CAAc,EAG/CC,EAA0B,UAC9B,IAAMX,GAAYC,EAClB,CAACD,EAAUC,CAAe,CAC5B,EAGM,YAAU,IAAM,CAChBA,IAAoB,QACtB,QAAQ,KACN,yHACF,CAEJ,EAAG,CAACA,CAAe,CAAC,EAGpB,IAAMW,EAAa,UAAQ,IAAOjB,EAAUkB,EAAK,KAAO,OAAS,CAAClB,CAAO,CAAC,EAEpEmB,EACJ,gBAACF,EAAA,CACC,oBAAmBd,EACnB,cAAaC,EACb,gBAAeY,EACf,wBAAuBA,EACtB,GAAGJ,EACJ,IAAKb,EACL,UAAWqB,EAAW,WAAY,WAAYnB,CAAS,GAEtDC,CACH,EAIF,OAAKK,EAMH,gBAACc,EAAA,CACC,QAASd,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,GAExBQ,CACH,EAbOA,CAeX,CAAC,EACDtB,EAAM,YAAc",
+  "names": ["React", "classNames", "Slot", "Badge", "props", "forwardedRef", "asChild", "className", "children", "color", "radius", "material", "panelBackground", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "badgeProps", "extractProps", "badgePropDefs", "marginPropDefs", "effectiveMaterial", "Comp", "Slot", "badge", "classNames", "Tooltip"]
+}

package/dist/esm/chunk-6FAICIYS.js

@@ -0,0 +1,2 @@
+import{a as p}from"./chunk-FC2DBBJ3.js";import{a as l}from"./chunk-GSTOGDAJ.js";import{a as m}from"./chunk-KMPBTEZH.js";import{a as v}from"./chunk-3XT5P2HO.js";var y={};v(y,{Item:()=>f,Root:()=>g});import*as e from"react";import d from"classnames";import{ToggleGroup as i}from"radix-ui";import{useControllableState as I}from"radix-ui/internal";var g=e.forwardRef((o,t)=>{let{className:r,children:n,radius:a,value:u,defaultValue:P,onValueChange:C,...c}=m(o,p,l),[S,R]=I({prop:u,onChange:C,defaultProp:P??""});return e.createElement(i.Root,{"data-disabled":o.disabled||void 0,"data-radius":a,ref:t,className:d("rt-SegmentedControlRoot",r),onValueChange:s=>{s&&R(s)},...c,type:"single",value:S,asChild:!1,disabled:!!o.disabled},n,e.createElement("div",{className:"rt-SegmentedControlIndicator"}))});g.displayName="SegmentedControl.Root";var f=e.forwardRef(({children:o,className:t,iconOnly:r,...n},a)=>e.createElement(i.Item,{ref:a,className:d("rt-reset","rt-SegmentedControlItem",t),"data-icon-only":r||void 0,...n,disabled:!1,asChild:!1},e.createElement("span",{className:"rt-SegmentedControlItemSeparator"}),e.createElement("span",{className:"rt-SegmentedControlItemLabel"},e.createElement("span",{className:"rt-SegmentedControlItemLabelActive"},o),e.createElement("span",{className:"rt-SegmentedControlItemLabelInactive","aria-hidden":!0},o))));f.displayName="SegmentedControl.Item";export{g as a,f as b,y as c};
+//# sourceMappingURL=chunk-6FAICIYS.js.map

package/dist/esm/chunk-6FAICIYS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/segmented-control.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { segmentedControlRootPropDefs } from './segmented-control.props.js';\nimport { extractProps } from '../helpers/extract-props.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 SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlRootPropDefs>;\n\ninterface SegmentedControlRootProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    SegmentedControlRootOwnProps,\n    MarginProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n}\n\nconst SegmentedControlRoot = React.forwardRef<HTMLDivElement, SegmentedControlRootProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      radius,\n      value: valueProp,\n      defaultValue: defaultValueProp,\n      onValueChange: onValueChangeProp,\n      ...rootProps\n    } = extractProps(props, segmentedControlRootPropDefs, marginPropDefs);\n\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChangeProp,\n      defaultProp: defaultValueProp ?? '',\n    });\n\n    return (\n      <ToggleGroupPrimitive.Root\n        data-disabled={props.disabled || undefined}\n        data-radius={radius}\n        ref={forwardedRef}\n        className={classNames('rt-SegmentedControlRoot', className)}\n        onValueChange={(value) => {\n          if (value) {\n            setValue(value);\n          }\n        }}\n        {...rootProps}\n        type=\"single\"\n        value={value}\n        asChild={false}\n        disabled={!!props.disabled}\n      >\n        {children}\n        <div className=\"rt-SegmentedControlIndicator\" />\n      </ToggleGroupPrimitive.Root>\n    );\n  },\n);\n\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ninterface SegmentedControlItemOwnProps {\n  value: string;\n  /** When true, applies fixed square width for icon-only segments */\n  iconOnly?: boolean;\n}\n\ninterface SegmentedControlItemProps\n  extends ComponentPropsWithout<\n      typeof ToggleGroupPrimitive.Item,\n      RemovedProps | 'disabled' | 'type' | 'value'\n    >,\n    SegmentedControlItemOwnProps {}\n\nconst SegmentedControlItem = React.forwardRef<HTMLButtonElement, SegmentedControlItemProps>(\n  ({ children, className, iconOnly, ...props }, forwardedRef) => (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SegmentedControlItem', className)}\n      data-icon-only={iconOnly || undefined}\n      {...props}\n      disabled={false}\n      asChild={false}\n    >\n      <span className=\"rt-SegmentedControlItemSeparator\" />\n      <span className=\"rt-SegmentedControlItemLabel\">\n        <span className=\"rt-SegmentedControlItemLabelActive\">{children}</span>\n        <span className=\"rt-SegmentedControlItemLabelInactive\" aria-hidden>\n          {children}\n        </span>\n      </span>\n    </ToggleGroupPrimitive.Item>\n  ),\n);\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport { SegmentedControlRoot as Root, SegmentedControlItem as Item };\nexport type { SegmentedControlRootProps as RootProps, SegmentedControlItemProps as ItemProps };\n"],
+  "mappings": "gKAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAeC,MAA4B,WACpD,OAAS,wBAAAC,MAA4B,oBAqBrC,IAAMC,EAA6B,aACjC,CAACC,EAAOC,IAAiB,CACvB,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAOC,EACP,aAAcC,EACd,cAAeC,EACf,GAAGC,CACL,EAAIC,EAAaT,EAAOU,EAA8BC,CAAc,EAE9D,CAACC,EAAOC,CAAQ,EAAIC,EAAqB,CAC7C,KAAMT,EACN,SAAUE,EACV,YAAaD,GAAoB,EACnC,CAAC,EAED,OACE,gBAACS,EAAqB,KAArB,CACC,gBAAef,EAAM,UAAY,OACjC,cAAaI,EACb,IAAKH,EACL,UAAWe,EAAW,0BAA2Bd,CAAS,EAC1D,cAAgBU,GAAU,CACpBA,GACFC,EAASD,CAAK,CAElB,EACC,GAAGJ,EACJ,KAAK,SACL,MAAOI,EACP,QAAS,GACT,SAAU,CAAC,CAACZ,EAAM,UAEjBG,EACD,gBAAC,OAAI,UAAU,+BAA+B,CAChD,CAEJ,CACF,EAEAJ,EAAqB,YAAc,wBAenC,IAAMkB,EAA6B,aACjC,CAAC,CAAE,SAAAd,EAAU,UAAAD,EAAW,SAAAgB,EAAU,GAAGlB,CAAM,EAAGC,IAC5C,gBAACc,EAAqB,KAArB,CACC,IAAKd,EACL,UAAWe,EAAW,WAAY,0BAA2Bd,CAAS,EACtE,iBAAgBgB,GAAY,OAC3B,GAAGlB,EACJ,SAAU,GACV,QAAS,IAET,gBAAC,QAAK,UAAU,mCAAmC,EACnD,gBAAC,QAAK,UAAU,gCACd,gBAAC,QAAK,UAAU,sCAAsCG,CAAS,EAC/D,gBAAC,QAAK,UAAU,uCAAuC,cAAW,IAC/DA,CACH,CACF,CACF,CAEJ,EAEAc,EAAqB,YAAc",
+  "names": ["segmented_control_exports", "__export", "SegmentedControlItem", "SegmentedControlRoot", "React", "classNames", "ToggleGroupPrimitive", "useControllableState", "SegmentedControlRoot", "props", "forwardedRef", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "rootProps", "extractProps", "segmentedControlRootPropDefs", "marginPropDefs", "value", "setValue", "useControllableState", "ToggleGroupPrimitive", "classNames", "SegmentedControlItem", "iconOnly"]
+}

package/dist/esm/chunk-6HEAF5IT.js

@@ -0,0 +1,2 @@
+import{z as e}from"zod";var n=e.object({as:e.string().optional().describe("HTML element type to render as"),asChild:e.boolean().optional().describe("Merge props with child element instead of rendering wrapper"),size:e.union([e.enum(["1","2","3","4"]),e.object({initial:e.enum(["1","2","3","4"]).optional(),sm:e.enum(["1","2","3","4"]).optional(),md:e.enum(["1","2","3","4"]).optional(),lg:e.enum(["1","2","3","4"]).optional(),xl:e.enum(["1","2","3","4"]).optional()})]).default("2").describe("Button size for responsive design and interface density"),variant:e.enum(["classic","solid","soft","surface","outline","ghost","override"]).default("solid").describe("Visual variant that determines the button's appearance and context"),color:e.enum(["tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","brown","orange","sky","mint","lime","yellow","amber","gold","bronze","gray"]).optional().describe("Accent color for the button"),highContrast:e.boolean().optional().default(!1).describe("High contrast mode for better accessibility"),radius:e.enum(["none","small","medium","large","full"]).optional().describe("Border radius for the button"),loading:e.boolean().optional().default(!1).describe("Loading state that shows a spinner and disables interaction"),fullWidth:e.boolean().optional().default(!1).describe("Full width mode that expands the button to fill its container"),material:e.enum(["solid","translucent"]).optional().describe("Material type for visual rendering and depth effects"),panelBackground:e.enum(["solid","translucent"]).optional().describe("Panel background type (deprecated - use material instead)"),flush:e.boolean().optional().default(!1).describe("Flush mode that removes visual padding for seamless text integration"),disabled:e.boolean().optional().default(!1).describe("Disabled state"),type:e.enum(["button","submit","reset"]).optional().describe("Type attribute for form buttons"),className:e.string().optional().describe("Additional CSS class name"),style:e.record(e.string(),e.union([e.string(),e.number()])).optional().describe("Inline styles"),onClick:e.function().optional().describe("Click handler"),onFocus:e.function().optional().describe("Focus handler"),onBlur:e.function().optional().describe("Blur handler"),onMouseEnter:e.function().optional().describe("Mouse enter handler"),onMouseLeave:e.function().optional().describe("Mouse leave handler"),onKeyDown:e.function().optional().describe("Key down handler"),onKeyUp:e.function().optional().describe("Key up handler"),onSubmit:e.function().optional().describe("Form submission handler"),tabIndex:e.number().optional().describe("Tab index for keyboard navigation"),"aria-label":e.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":e.string().optional().describe("ARIA labelled by reference"),"aria-describedby":e.string().optional().describe("ARIA described by reference"),"aria-expanded":e.boolean().optional().describe("ARIA expanded state"),"aria-pressed":e.boolean().optional().describe("ARIA pressed state"),"aria-current":e.union([e.boolean(),e.enum(["page","step","location","date","time"])]).optional().describe("ARIA current state"),"aria-controls":e.string().optional().describe("ARIA controls reference"),"aria-owns":e.string().optional().describe("ARIA owns reference"),"data-*":e.record(e.string(),e.string()).optional().describe("Data attributes"),id:e.string().optional().describe("ID attribute"),title:e.string().optional().describe("Title attribute for tooltip"),role:e.string().optional().describe("Role attribute"),children:e.any().optional().describe("Children elements")}).strict();function i(o){return o}export{n as a,i as b};
+//# sourceMappingURL=chunk-6HEAF5IT.js.map

package/dist/esm/chunk-6HEAF5IT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/schemas/base-button.schema.ts"],
+  "sourcesContent": ["import { z } from 'zod';\n\n/**\n * BaseButton Zod schema - Single source of truth for all button component props\n *\n * This schema defines the core button functionality used by Button, IconButton,\n * ToggleButton, and ToggleIconButton components. It ensures consistency across\n * the design system and provides machine-readable validation.\n *\n * @example\n * ```tsx\n * // Basic validation\n * const props = BaseButtonSchema.parse({ size: '2', variant: 'solid' });\n *\n * // With responsive props\n * const responsiveProps = BaseButtonSchema.parse({\n *   size: { initial: '1', sm: '2', md: '3' },\n *   variant: 'solid'\n * });\n * ```\n */\nexport const BaseButtonSchema = z\n  .object({\n    /**\n     * Polymorphic rendering - render as different HTML elements\n     * @default 'button'\n     */\n    as: z.string().optional().describe('HTML element type to render as'),\n\n    /**\n     * Use asChild to merge props with child element\n     * @default false\n     */\n    asChild: z\n      .boolean()\n      .optional()\n      .describe('Merge props with child element instead of rendering wrapper'),\n\n    /**\n     * Button size for responsive design and interface density\n     * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n     * @default '2'\n     */\n    size: z\n      .union([\n        z.enum(['1', '2', '3', '4']),\n        z.object({\n          initial: z.enum(['1', '2', '3', '4']).optional(),\n          sm: z.enum(['1', '2', '3', '4']).optional(),\n          md: z.enum(['1', '2', '3', '4']).optional(),\n          lg: z.enum(['1', '2', '3', '4']).optional(),\n          xl: z.enum(['1', '2', '3', '4']).optional(),\n        }),\n      ])\n      .default('2')\n      .describe('Button size for responsive design and interface density'),\n\n    /**\n     * Visual variant that determines the button's appearance and context\n     * @default 'solid'\n     */\n    variant: z\n      .enum(['classic', 'solid', 'soft', 'surface', 'outline', 'ghost', 'override'])\n      .default('solid')\n      .describe(\"Visual variant that determines the button's appearance and context\"),\n\n    /**\n     * Accent color for the button\n     */\n    color: z\n      .enum([\n        'tomato',\n        'red',\n        'ruby',\n        'crimson',\n        'pink',\n        'plum',\n        'purple',\n        'violet',\n        'iris',\n        'indigo',\n        'blue',\n        'cyan',\n        'teal',\n        'jade',\n        'green',\n        'grass',\n        'brown',\n        'orange',\n        'sky',\n        'mint',\n        'lime',\n        'yellow',\n        'amber',\n        'gold',\n        'bronze',\n        'gray',\n      ])\n      .optional()\n      .describe('Accent color for the button'),\n\n    /**\n     * High contrast mode for better accessibility\n     * @default false\n     */\n    highContrast: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('High contrast mode for better accessibility'),\n\n    /**\n     * Border radius for the button\n     */\n    radius: z\n      .enum(['none', 'small', 'medium', 'large', 'full'])\n      .optional()\n      .describe('Border radius for the button'),\n\n    /**\n     * Loading state that shows a spinner and disables interaction\n     * Automatically sets disabled=true and provides accessibility announcements\n     * @default false\n     */\n    loading: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('Loading state that shows a spinner and disables interaction'),\n\n    /**\n     * Full width mode that expands the button to fill its container\n     * Useful for mobile layouts and form submissions\n     * @default false\n     */\n    fullWidth: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('Full width mode that expands the button to fill its container'),\n\n    /**\n     * Material type for visual rendering and depth effects\n     * Controls how the button renders its visual elements\n     */\n    material: z\n      .enum(['solid', 'translucent'])\n      .optional()\n      .describe('Material type for visual rendering and depth effects'),\n\n    /**\n     * Panel background type (deprecated)\n     * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n     */\n    panelBackground: z\n      .enum(['solid', 'translucent'])\n      .optional()\n      .describe('Panel background type (deprecated - use material instead)'),\n\n    /**\n     * Flush mode that removes visual padding for seamless text integration\n     * Only effective with ghost variant\n     * @default false\n     */\n    flush: z\n      .boolean()\n      .optional()\n      .default(false)\n      .describe('Flush mode that removes visual padding for seamless text integration'),\n\n    /**\n     * Disabled state\n     * @default false\n     */\n    disabled: z.boolean().optional().default(false).describe('Disabled state'),\n\n    /**\n     * Type attribute for form buttons\n     * @default 'button'\n     */\n    type: z\n      .enum(['button', 'submit', 'reset'])\n      .optional()\n      .describe('Type attribute for form buttons'),\n\n    /**\n     * Additional CSS class name\n     */\n    className: z.string().optional().describe('Additional CSS class name'),\n\n    /**\n     * Inline styles\n     */\n    style: z\n      .record(z.string(), z.union([z.string(), z.number()]))\n      .optional()\n      .describe('Inline styles'),\n\n    /**\n     * Click handler\n     */\n    onClick: z.function().optional().describe('Click handler'),\n\n    /**\n     * Focus handler\n     */\n    onFocus: z.function().optional().describe('Focus handler'),\n\n    /**\n     * Blur handler\n     */\n    onBlur: z.function().optional().describe('Blur handler'),\n\n    /**\n     * Mouse enter handler\n     */\n    onMouseEnter: z.function().optional().describe('Mouse enter handler'),\n\n    /**\n     * Mouse leave handler\n     */\n    onMouseLeave: z.function().optional().describe('Mouse leave handler'),\n\n    /**\n     * Key down handler\n     */\n    onKeyDown: z.function().optional().describe('Key down handler'),\n\n    /**\n     * Key up handler\n     */\n    onKeyUp: z.function().optional().describe('Key up handler'),\n\n    /**\n     * Form submission handler\n     */\n    onSubmit: z.function().optional().describe('Form submission handler'),\n\n    /**\n     * Tab index for keyboard navigation\n     */\n    tabIndex: z.number().optional().describe('Tab index for keyboard navigation'),\n\n    /**\n     * ARIA label for accessibility\n     */\n    'aria-label': z.string().optional().describe('ARIA label for accessibility'),\n\n    /**\n     * ARIA labelled by reference\n     */\n    'aria-labelledby': z.string().optional().describe('ARIA labelled by reference'),\n\n    /**\n     * ARIA described by reference\n     */\n    'aria-describedby': z.string().optional().describe('ARIA described by reference'),\n\n    /**\n     * ARIA expanded state\n     */\n    'aria-expanded': z.boolean().optional().describe('ARIA expanded state'),\n\n    /**\n     * ARIA pressed state\n     */\n    'aria-pressed': z.boolean().optional().describe('ARIA pressed state'),\n\n    /**\n     * ARIA current state\n     */\n    'aria-current': z\n      .union([z.boolean(), z.enum(['page', 'step', 'location', 'date', 'time'])])\n      .optional()\n      .describe('ARIA current state'),\n\n    /**\n     * ARIA controls reference\n     */\n    'aria-controls': z.string().optional().describe('ARIA controls reference'),\n\n    /**\n     * ARIA owns reference\n     */\n    'aria-owns': z.string().optional().describe('ARIA owns reference'),\n\n    /**\n     * Data attributes\n     */\n    'data-*': z.record(z.string(), z.string()).optional().describe('Data attributes'),\n\n    /**\n     * ID attribute\n     */\n    id: z.string().optional().describe('ID attribute'),\n\n    /**\n     * Title attribute for tooltip\n     */\n    title: z.string().optional().describe('Title attribute for tooltip'),\n\n    /**\n     * Role attribute\n     */\n    role: z.string().optional().describe('Role attribute'),\n\n    /**\n     * Children elements\n     */\n    children: z.any().optional().describe('Children elements'),\n  })\n  .strict();\n\n/**\n * Type derived from BaseButton Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type BaseButtonProps = z.infer<typeof BaseButtonSchema>;\n\n/**\n * Development-only helper to validate and normalize props\n * This function should only be used in development mode\n *\n * @param props - Props to validate and normalize\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * // In development, this will validate props and show helpful errors\n * const validatedProps = parseBaseButtonProps({ size: 'invalid', variant: 'solid' });\n * // Throws: \"Invalid enum value. Expected '1' | '2' | '3' | '4', received 'invalid'\"\n * ```\n */\nexport function parseBaseButtonProps(props: unknown): BaseButtonProps {\n  if (process.env.NODE_ENV === 'development') {\n    return BaseButtonSchema.parse(props);\n  }\n  return props as BaseButtonProps;\n}\n"],
+  "mappings": "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",
+  "names": ["z", "BaseButtonSchema", "parseBaseButtonProps", "props"]
+}

package/dist/esm/chunk-6VGPTAHM.js

@@ -0,0 +1,2 @@
+import{b as P}from"./chunk-IX5HIHVI.js";import{a as u,e as f,f as l,g as R}from"./chunk-V32EP3S7.js";import{a as x}from"./chunk-F7IUK2I2.js";import{a as G}from"./chunk-4OBMRJHC.js";import{a as n}from"./chunk-GSTOGDAJ.js";import{a}from"./chunk-KMPBTEZH.js";import{a as E}from"./chunk-3XT5P2HO.js";var T={};E(T,{Item:()=>N,Root:()=>v});import*as o from"react";import b from"classnames";import{Context as S}from"radix-ui/internal";var I="CheckboxGroup",[_]=S.createContextScope(I,[u]),d=u(),[g,y]=_(I),v=o.forwardRef(({color:s=x.color.default,highContrast:e=x.highContrast.default,size:t=x.size.default,variant:r=x.variant.default,...p},m)=>{let{__scopeCheckboxGroup:c,className:C,...i}=a(p,n),h=d(c);return o.createElement(g,{scope:c,color:s,size:t,highContrast:e,variant:r},o.createElement(f,{...h,...i,ref:m,className:b("rt-CheckboxGroupRoot",C)}))});v.displayName="CheckboxGroup.Root";var N=o.forwardRef((s,e)=>{let{__scopeCheckboxGroup:t,children:r,className:p,style:m,...c}=s,{size:C}=y("CheckboxGroupItem",t),i=h=>typeof h=="string"&&/^[1-9]$/.test(h)?h:"3";return r?o.createElement(G,{as:"label",size:i(C),className:b("rt-CheckboxGroupItem",p),style:m},o.createElement(k,{__scopeCheckboxGroup:t,...c,ref:e}),r&&o.createElement("span",{className:"rt-CheckboxGroupItemInner"},r)):o.createElement(k,{__scopeCheckboxGroup:t,...c,ref:e,className:p,style:m})});N.displayName="CheckboxGroup.Item";var k=o.forwardRef(({__scopeCheckboxGroup:s,...e},t)=>{let r=y("CheckboxGroupItemCheckbox",s),p=d(s),{color:m,className:c}=a({...e,...r},x,n);return o.createElement(l,{...p,"data-accent-color":m,...e,ref:t,className:b("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxGroupItemCheckbox",c)},o.createElement(R,{...p,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(P,null)))});k.displayName="CheckboxGroup.ItemCheckbox";export{v as a,N as b,T as c};
+//# sourceMappingURL=chunk-6VGPTAHM.js.map

package/dist/esm/chunk-6VGPTAHM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox-group.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxGroupRootPropDefs } from './checkbox-group.props.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext] = Context.createContextScope(CHECKBOX_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxGroupRootOwnProps = GetPropDefTypes<typeof checkboxGroupRootPropDefs>;\ntype CheckboxGroupContextValue = CheckboxGroupRootOwnProps;\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ninterface CheckboxGroupRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    CheckboxGroupRootOwnProps {}\nconst CheckboxGroupRoot = React.forwardRef<CheckboxGroupRootElement, CheckboxGroupRootProps>(\n  (\n    {\n      color = checkboxGroupRootPropDefs.color.default,\n      highContrast = checkboxGroupRootPropDefs.highContrast.default,\n      size = checkboxGroupRootPropDefs.size.default,\n      variant = checkboxGroupRootPropDefs.variant.default,\n      ...props\n    }: ScopedProps<CheckboxGroupRootProps>,\n    forwardedRef,\n  ) => {\n    const { __scopeCheckboxGroup, className, ...rootProps } = extractProps(props, marginPropDefs);\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxGroup);\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        color={color}\n        size={size}\n        highContrast={highContrast}\n        variant={variant}\n      >\n        <CheckboxGroupPrimitive.Root\n          {...checkboxGroupScope}\n          {...rootProps}\n          ref={forwardedRef}\n          className={classNames('rt-CheckboxGroupRoot', className)}\n        />\n      </CheckboxGroupProvider>\n    );\n  },\n);\nCheckboxGroupRoot.displayName = 'CheckboxGroup.Root';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxGroupItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (_props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, children, className, style, ...props } = _props;\n    const { size } = useCheckboxGroupContext('CheckboxGroupItem', __scopeCheckboxGroup);\n\n    // Helper to safely convert size to Text-compatible size\n    const getTextSize = (sizeValue: any): '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' => {\n      if (typeof sizeValue === 'string' && /^[1-9]$/.test(sizeValue)) {\n        return sizeValue as any;\n      }\n      return '3';\n    };\n\n    // Render `<Text as=\"label\">` if children\u00A0are provided, otherwise render\n    // the solo checkbox to allow building out your custom layouts with it.\n    if (children) {\n      return (\n        <Text\n          as=\"label\"\n          size={getTextSize(size)}\n          className={classNames('rt-CheckboxGroupItem', className)}\n          style={style}\n        >\n          <CheckboxGroupItemCheckbox\n            __scopeCheckboxGroup={__scopeCheckboxGroup}\n            {...props}\n            ref={forwardedRef}\n          />\n          {children && <span className=\"rt-CheckboxGroupItemInner\">{children}</span>}\n        </Text>\n      );\n    }\n\n    return (\n      <CheckboxGroupItemCheckbox\n        __scopeCheckboxGroup={__scopeCheckboxGroup}\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        style={style}\n      />\n    );\n  },\n);\nCheckboxGroupItem.displayName = 'CheckboxGroup.Item';\n\ntype CheckboxGroupItemCheckboxElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxGroupItemCheckboxProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps> {}\nconst CheckboxGroupItemCheckbox = React.forwardRef<\n  CheckboxGroupItemCheckboxElement,\n  ScopedProps<CheckboxGroupItemCheckboxProps>\n>(({ __scopeCheckboxGroup, ...props }, forwardedRef) => {\n  const context = useCheckboxGroupContext('CheckboxGroupItemCheckbox', __scopeCheckboxGroup);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxGroup);\n  const { color, className } = extractProps(\n    { ...props, ...context },\n    checkboxGroupRootPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <CheckboxGroupPrimitive.Item\n      {...checkboxGroupScope}\n      data-accent-color={color}\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-reset',\n        'rt-BaseCheckboxRoot',\n        'rt-CheckboxGroupItemCheckbox',\n        className,\n      )}\n    >\n      <CheckboxGroupPrimitive.Indicator\n        {...checkboxGroupScope}\n        asChild\n        className=\"rt-BaseCheckboxIndicator\"\n      >\n        <ThickCheckIcon />\n      </CheckboxGroupPrimitive.Indicator>\n    </CheckboxGroupPrimitive.Item>\n  );\n});\nCheckboxGroupItemCheckbox.displayName = 'CheckboxGroup.ItemCheckbox';\n\nexport { CheckboxGroupRoot as Root, CheckboxGroupItem as Item };\nexport type { CheckboxGroupRootProps as RootProps, CheckboxGroupItemProps as ItemProps };\n"],
+  "mappings": "wSAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAcxB,IAAMC,EAAsB,gBAGtB,CAACC,CAA0B,EAAIC,EAAQ,mBAAmBF,EAAqB,CACnFG,CACF,CAAC,EACKC,EAAwBD,EAAyB,EAKjD,CAACE,EAAuBC,CAAuB,EACnDL,EAAsDD,CAAmB,EAUrEO,EAA0B,aAC9B,CACE,CACE,MAAAC,EAAQC,EAA0B,MAAM,QACxC,aAAAC,EAAeD,EAA0B,aAAa,QACtD,KAAAE,EAAOF,EAA0B,KAAK,QACtC,QAAAG,EAAUH,EAA0B,QAAQ,QAC5C,GAAGI,CACL,EACAC,IACG,CACH,GAAM,CAAE,qBAAAC,EAAsB,UAAAC,EAAW,GAAGC,CAAU,EAAIC,EAAaL,EAAOM,CAAc,EACtFC,EAAqBhB,EAAsBW,CAAoB,EACrE,OACE,gBAACV,EAAA,CACC,MAAOU,EACP,MAAOP,EACP,KAAMG,EACN,aAAcD,EACd,QAASE,GAET,gBAAwBS,EAAvB,CACE,GAAGD,EACH,GAAGH,EACJ,IAAKH,EACL,UAAWQ,EAAW,uBAAwBN,CAAS,EACzD,CACF,CAEJ,CACF,EACAT,EAAkB,YAAc,qBAMhC,IAAMgB,EAA0B,aAC9B,CAACC,EAA6CV,IAAiB,CAC7D,GAAM,CAAE,qBAAAC,EAAsB,SAAAU,EAAU,UAAAT,EAAW,MAAAU,EAAO,GAAGb,CAAM,EAAIW,EACjE,CAAE,KAAAb,CAAK,EAAIL,EAAwB,oBAAqBS,CAAoB,EAG5EY,EAAeC,GACf,OAAOA,GAAc,UAAY,UAAU,KAAKA,CAAS,EACpDA,EAEF,IAKT,OAAIH,EAEA,gBAACI,EAAA,CACC,GAAG,QACH,KAAMF,EAAYhB,CAAI,EACtB,UAAWW,EAAW,uBAAwBN,CAAS,EACvD,MAAOU,GAEP,gBAACI,EAAA,CACC,qBAAsBf,EACrB,GAAGF,EACJ,IAAKC,EACP,EACCW,GAAY,gBAAC,QAAK,UAAU,6BAA6BA,CAAS,CACrE,EAKF,gBAACK,EAAA,CACC,qBAAsBf,EACrB,GAAGF,EACJ,IAAKC,EACL,UAAWE,EACX,MAAOU,EACT,CAEJ,CACF,EACAH,EAAkB,YAAc,qBAKhC,IAAMO,EAAkC,aAGtC,CAAC,CAAE,qBAAAf,EAAsB,GAAGF,CAAM,EAAGC,IAAiB,CACtD,IAAMiB,EAAUzB,EAAwB,4BAA6BS,CAAoB,EACnFK,EAAqBhB,EAAsBW,CAAoB,EAC/D,CAAE,MAAAP,EAAO,UAAAQ,CAAU,EAAIE,EAC3B,CAAE,GAAGL,EAAO,GAAGkB,CAAQ,EACvBtB,EACAU,CACF,EACA,OACE,gBAAwBa,EAAvB,CACE,GAAGZ,EACJ,oBAAmBZ,EAClB,GAAGK,EACJ,IAAKC,EACL,UAAWQ,EACT,WACA,sBACA,+BACAN,CACF,GAEA,gBAAwBiB,EAAvB,CACE,GAAGb,EACJ,QAAO,GACP,UAAU,4BAEV,gBAACc,EAAA,IAAe,CAClB,CACF,CAEJ,CAAC,EACDJ,EAA0B,YAAc",
+  "names": ["checkbox_group_exports", "__export", "CheckboxGroupItem", "CheckboxGroupRoot", "React", "classNames", "Context", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "Context", "createCheckboxGroupScope", "useCheckboxGroupScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroupRoot", "color", "checkboxGroupRootPropDefs", "highContrast", "size", "variant", "props", "forwardedRef", "__scopeCheckboxGroup", "className", "rootProps", "extractProps", "marginPropDefs", "checkboxGroupScope", "Root", "classNames", "CheckboxGroupItem", "_props", "children", "style", "getTextSize", "sizeValue", "Text", "CheckboxGroupItemCheckbox", "context", "Item", "Indicator", "ThickCheckIcon"]
+}

package/dist/esm/chunk-72AHPGPN.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk-VX44UTQ5.js";import{a as e}from"./chunk-ERGJN7FJ.js";import{a as o}from"./chunk-NZJGC6ZW.js";var p=["1","2","3","4"],r=["solid","translucent"],f={...o,size:{type:"enum",className:"rt-r-size",values:p,default:"2",responsive:!0},panelBackground:{type:"enum",values:r,default:void 0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{f as a};
+//# sourceMappingURL=chunk-72AHPGPN.js.map

package/dist/esm/chunk-72AHPGPN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/popover.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3', '4'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst popoverContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  size: PropDef<(typeof contentSizes)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\ntype PopoverContentOwnProps = GetPropDefTypes<\n  typeof popoverContentPropDefs &\n    typeof asChildPropDef &\n    typeof widthPropDefs &\n    typeof heightPropDefs\n>;\n\nexport { popoverContentPropDefs };\nexport type { PopoverContentOwnProps };\n"],
+  "mappings": "wHAMA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQH,EACR,QAAS,IACT,WAAY,EACd,EACA,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
+  "names": ["contentSizes", "panelBackgrounds", "popoverContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs"]
+}

package/dist/esm/chunk-7CBAHIVG.js

@@ -0,0 +1,2 @@
+import{a as f}from"./chunk-2N2AQNJH.js";import{a as d}from"./chunk-XHQGMOXV.js";import{a as p}from"./chunk-DZ4H2KTP.js";import*as r from"react";import h from"classnames";var w=r.forwardRef(({className:b,style:s,tooltip:a,tooltipSide:m="top",tooltipAlign:B="center",tooltipDelayDuration:y,tooltipDisableHoverableContent:g,overrideStyles:e,...v},O)=>{let{tooltipId:R,hasTooltip:S,accessibilityProps:P}=f(a),u=r.useMemo(()=>{if(!e)return;let c={},o=(n,t)=>{t!==void 0&&(c[n]=t)},i=(n,t)=>{t&&(o(`--button-override-${n}color`,t.color),o(`--button-override-${n}background`,t.background),o(`--button-override-${n}background-color`,t.backgroundColor),o(`--button-override-${n}box-shadow`,t.boxShadow),o(`--button-override-${n}filter`,t.filter),o(`--button-override-${n}outline`,t.outline),o(`--button-override-${n}outline-offset`,t.outlineOffset),o(`--button-override-${n}opacity`,t.opacity))};return i("",e.normal),i("hover-",e.hover),i("active-",e.active),i("pressed-",e.pressed),i("open-",e.open),i("disabled-",e.disabled),e.focus&&(o("--button-override-focus-outline",e.focus.outline),o("--button-override-focus-outline-offset",e.focus.outlineOffset)),c},[e]),C=r.useMemo(()=>u?{...u,...s}:s,[u,s]),l=r.createElement(p,{...v,...P,ref:O,className:h("rt-Button",b),style:C});return S?r.createElement(d,{content:a,side:m,align:B,delayDuration:y,disableHoverableContent:g,id:R},l):l});w.displayName="Button";export{w as a};
+//# sourceMappingURL=chunk-7CBAHIVG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Tooltip } from './tooltip.js';\nimport { useTooltipWrapper } from '../hooks/use-tooltip-wrapper.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\n/**\n * Styles that can be overridden for a particular interaction state\n */\ninterface ButtonOverrideStateStyles {\n  color?: string;\n  background?: string;\n  backgroundColor?: string;\n  boxShadow?: string;\n  filter?: string;\n  outline?: string;\n  outlineOffset?: string;\n  opacity?: string | number;\n}\n\n/**\n * Full set of override styles keyed by interaction state\n */\ninterface ButtonOverrideStyles {\n  /** Default/idle state styles */\n  normal?: ButtonOverrideStateStyles;\n  /** Hover state styles */\n  hover?: ButtonOverrideStateStyles;\n  /** Active (mouse down) state styles */\n  active?: ButtonOverrideStateStyles;\n  /** Toggle pressed state styles (data-state=\"on\") */\n  pressed?: ButtonOverrideStateStyles;\n  /** Open state styles (e.g., when used as a trigger) */\n  open?: ButtonOverrideStateStyles;\n  /** Disabled state styles */\n  disabled?: ButtonOverrideStateStyles;\n  /** Focus-visible outline styles */\n  focus?: Pick<ButtonOverrideStateStyles, 'outline' | 'outlineOffset'>;\n}\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Tooltip configuration props that can be passed to Button\n * These props are forwarded to the underlying Tooltip component\n */\ninterface ButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core Button props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with tooltip functionality\n */\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'> &\n  ButtonTooltipProps & {\n    /**\n     * When using variant=\"override\", provide token-based styles per state.\n     * We propagate these into CSS variables consumed by the override variant.\n     */\n    overrideStyles?: ButtonOverrideStyles;\n  };\n\n/**\n * Polymorphic Button props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\n/**\n * Button component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype ButtonComponent = <C extends React.ElementType = 'button'>(props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> }) => React.ReactElement | null;\n\n/**\n * Button component for triggering actions throughout your interface\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // Button with variant and size\n * <Button variant=\"solid\" size=\"3\">Primary Action</Button>\n *\n * // Button with tooltip\n * <Button tooltip=\"Save your progress\">Save</Button>\n *\n * // Polymorphic button as link\n * <Button as=\"a\" href=\"/dashboard\">Go to Dashboard</Button>\n * ```\n */\nconst Button = React.forwardRef(\n  (\n    { className, style, tooltip, tooltipSide = 'top', tooltipAlign = 'center', tooltipDelayDuration, tooltipDisableHoverableContent, overrideStyles, ...props }: ButtonProps,\n    forwardedRef: React.ForwardedRef<ButtonElement>,\n  ) => {\n    // Use shared tooltip wrapper hook for accessibility props\n    const { tooltipId, hasTooltip, accessibilityProps: tooltipAccessibilityProps } = useTooltipWrapper(tooltip);\n\n    // Create the base button element with tooltip accessibility props\n    // Map overrideStyles to CSS variables consumed by the override variant rules\n    const overrideVars = React.useMemo(() => {\n      if (!overrideStyles) return undefined;\n      const vars: Record<string, string | number> = {};\n      const setVar = (key: string, value: string | number | undefined) => {\n        if (value !== undefined) vars[key] = value;\n      };\n      const apply = (prefix: string, s?: ButtonOverrideStateStyles) => {\n        if (!s) return;\n        setVar(`--button-override-${prefix}color`, s.color);\n        setVar(`--button-override-${prefix}background`, s.background);\n        setVar(`--button-override-${prefix}background-color`, s.backgroundColor);\n        setVar(`--button-override-${prefix}box-shadow`, s.boxShadow);\n        setVar(`--button-override-${prefix}filter`, s.filter);\n        setVar(`--button-override-${prefix}outline`, s.outline);\n        setVar(`--button-override-${prefix}outline-offset`, s.outlineOffset);\n        setVar(`--button-override-${prefix}opacity`, s.opacity);\n      };\n\n      apply('', overrideStyles.normal);\n      apply('hover-', overrideStyles.hover);\n      apply('active-', overrideStyles.active);\n      apply('pressed-', overrideStyles.pressed);\n      apply('open-', overrideStyles.open);\n      apply('disabled-', overrideStyles.disabled);\n\n      if (overrideStyles.focus) {\n        setVar('--button-override-focus-outline', overrideStyles.focus.outline);\n        setVar('--button-override-focus-outline-offset', overrideStyles.focus.outlineOffset);\n      }\n\n      return vars as React.CSSProperties;\n    }, [overrideStyles]);\n\n    // Combine override styles with user-provided styles\n    const combinedStyle = React.useMemo(() => (overrideVars ? { ...overrideVars, ...style } : style), [overrideVars, style]);\n\n    const button = <BaseButton {...props} {...tooltipAccessibilityProps} ref={forwardedRef} className={classNames('rt-Button', className)} style={combinedStyle} />;\n\n    // If no tooltip is provided, return the button as-is for better performance\n    if (!hasTooltip) {\n      return button;\n    }\n\n    // Wrap with Tooltip when tooltip content is provided\n    // This creates a compound component that handles both button and tooltip functionality\n    return (\n      <Tooltip content={tooltip} side={tooltipSide} align={tooltipAlign} delayDuration={tooltipDelayDuration} disableHoverableContent={tooltipDisableHoverableContent} id={tooltipId}>\n        {button}\n      </Tooltip>\n    );\n  },\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps, ButtonOverrideStyles, ButtonOverrideStateStyles };\n"],
+  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aA+GvB,IAAMC,EAAe,aACnB,CACE,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAc,MAAO,aAAAC,EAAe,SAAU,qBAAAC,EAAsB,+BAAAC,EAAgC,eAAAC,EAAgB,GAAGC,CAAM,EAC1JC,IACG,CAEH,GAAM,CAAE,UAAAC,EAAW,WAAAC,EAAY,mBAAoBC,CAA0B,EAAIC,EAAkBX,CAAO,EAIpGY,EAAqB,UAAQ,IAAM,CACvC,GAAI,CAACP,EAAgB,OACrB,IAAMQ,EAAwC,CAAC,EACzCC,EAAS,CAACC,EAAaC,IAAuC,CAC9DA,IAAU,SAAWH,EAAKE,CAAG,EAAIC,EACvC,EACMC,EAAQ,CAACC,EAAgBC,IAAkC,CAC1DA,IACLL,EAAO,qBAAqBI,CAAM,QAASC,EAAE,KAAK,EAClDL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,UAAU,EAC5DL,EAAO,qBAAqBI,CAAM,mBAAoBC,EAAE,eAAe,EACvEL,EAAO,qBAAqBI,CAAM,aAAcC,EAAE,SAAS,EAC3DL,EAAO,qBAAqBI,CAAM,SAAUC,EAAE,MAAM,EACpDL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAO,EACtDL,EAAO,qBAAqBI,CAAM,iBAAkBC,EAAE,aAAa,EACnEL,EAAO,qBAAqBI,CAAM,UAAWC,EAAE,OAAO,EACxD,EAEA,OAAAF,EAAM,GAAIZ,EAAe,MAAM,EAC/BY,EAAM,SAAUZ,EAAe,KAAK,EACpCY,EAAM,UAAWZ,EAAe,MAAM,EACtCY,EAAM,WAAYZ,EAAe,OAAO,EACxCY,EAAM,QAASZ,EAAe,IAAI,EAClCY,EAAM,YAAaZ,EAAe,QAAQ,EAEtCA,EAAe,QACjBS,EAAO,kCAAmCT,EAAe,MAAM,OAAO,EACtES,EAAO,yCAA0CT,EAAe,MAAM,aAAa,GAG9EQ,CACT,EAAG,CAACR,CAAc,CAAC,EAGbe,EAAsB,UAAQ,IAAOR,EAAe,CAAE,GAAGA,EAAc,GAAGb,CAAM,EAAIA,EAAQ,CAACa,EAAcb,CAAK,CAAC,EAEjHsB,EAAS,gBAACC,EAAA,CAAY,GAAGhB,EAAQ,GAAGI,EAA2B,IAAKH,EAAc,UAAWgB,EAAW,YAAazB,CAAS,EAAG,MAAOsB,EAAe,EAG7J,OAAKX,EAOH,gBAACe,EAAA,CAAQ,QAASxB,EAAS,KAAMC,EAAa,MAAOC,EAAc,cAAeC,EAAsB,wBAAyBC,EAAgC,GAAII,GAClKa,CACH,EAROA,CAUX,CACF,EAEAxB,EAAO,YAAc",
+  "names": ["React", "classNames", "Button", "className", "style", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "overrideStyles", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "useTooltipWrapper", "overrideVars", "vars", "setVar", "key", "value", "apply", "prefix", "s", "combinedStyle", "button", "BaseButton", "classNames", "Tooltip"]
+}

package/dist/esm/chunk-7CXVHFMQ.js

@@ -0,0 +1,2 @@
+import{a as b}from"./chunk-PS6NEG5A.js";import{a as v}from"./chunk-GSTOGDAJ.js";import{a as N}from"./chunk-KMPBTEZH.js";import{a as f}from"./chunk-CBR3VIRS.js";import{a as P}from"./chunk-3XT5P2HO.js";var d={};P(d,{Link:()=>l,Root:()=>c});import*as a from"react";import T from"classnames";import{NavigationMenu as t}from"radix-ui";var c=a.forwardRef((r,n)=>{let{children:e,className:s,color:p,panelBackground:o,...i}=N(r,f,v);return a.createElement(t.Root,{className:"rt-TabNavRoot","data-accent-color":p,...i,asChild:!1,ref:n},a.createElement(t.List,{className:T("rt-reset","rt-BaseTabList","rt-TabNavList",s),"data-panel-background":o},e))});c.displayName="TabNav.Root";var l=a.forwardRef((r,n)=>{let{asChild:e,children:s,className:p,active:o,...i}=r;return a.createElement(t.Item,{className:"rt-TabNavItem"},a.createElement(t.Link,{...i,ref:n,className:T("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",p),onSelect:void 0,asChild:e,"aria-current":o?"page":void 0,"data-active":o||void 0},b({asChild:e,children:s},m=>a.createElement(a.Fragment,null,a.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},m),a.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},m)))))});l.displayName="TabNav.Link";export{c as a,l as b,d as c};
+//# sourceMappingURL=chunk-7CXVHFMQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tab-nav.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { NavigationMenu } from 'radix-ui';\n\nimport { tabNavRootPropDefs } from './tab-nav.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabNavLinkPropDefs } from './tab-nav.props.js';\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 TabNavRootElement = React.ElementRef<typeof NavigationMenu.Root>;\ntype TabNavRootElementProps = ComponentPropsWithout<'nav', RemovedProps>;\ntype TabNavOwnProps = GetPropDefTypes<typeof tabNavRootPropDefs>;\ninterface TabNavRootProps\n  extends Omit<TabNavRootElementProps, 'defaultValue' | 'dir' | 'color'>,\n    MarginProps,\n    TabNavOwnProps {}\nconst TabNavRoot = React.forwardRef<TabNavRootElement, TabNavRootProps>((props, forwardedRef) => {\n  const { children, className, color, panelBackground, ...rootProps } = extractProps(\n    props,\n    tabNavRootPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <NavigationMenu.Root\n      className=\"rt-TabNavRoot\"\n      data-accent-color={color}\n      {...rootProps}\n      asChild={false}\n      ref={forwardedRef}\n    >\n      <NavigationMenu.List\n        className={classNames('rt-reset', 'rt-BaseTabList', 'rt-TabNavList', className)}\n        data-panel-background={panelBackground}\n      >\n        {children}\n      </NavigationMenu.List>\n    </NavigationMenu.Root>\n  );\n});\nTabNavRoot.displayName = 'TabNav.Root';\n\ntype TabNavLinkElement = React.ElementRef<typeof NavigationMenu.Link>;\ntype TabNavLinkOwnProps = GetPropDefTypes<typeof tabNavLinkPropDefs>;\ninterface TabNavLinkProps\n  extends ComponentPropsWithout<typeof NavigationMenu.Link, RemovedProps | 'onSelect'>,\n    TabNavLinkOwnProps {}\nconst TabNavLink = React.forwardRef<TabNavLinkElement, TabNavLinkProps>((props, forwardedRef) => {\n  const { asChild, children, className, active, ...linkProps } = props;\n\n  return (\n    <NavigationMenu.Item className=\"rt-TabNavItem\">\n      <NavigationMenu.Link\n        {...linkProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabNavLink', className)}\n        onSelect={undefined}\n        asChild={asChild}\n        aria-current={active ? 'page' : undefined}\n        data-active={active || undefined}\n      >\n        {getSubtree({ asChild, children }, (children) => (\n          <>\n            <span className=\"rt-BaseTabListTriggerInner rt-TabNavLinkInner\">{children}</span>\n            <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden\">\n              {children}\n            </span>\n          </>\n        ))}\n      </NavigationMenu.Link>\n    </NavigationMenu.Item>\n  );\n});\nTabNavLink.displayName = 'TabNav.Link';\n\nexport { TabNavRoot as Root, TabNavLink as Link };\nexport type { TabNavRootProps as RootProps, TabNavLinkProps as LinkProps };\n"],
+  "mappings": "wMAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,kBAAAC,MAAsB,WAmB/B,IAAMC,EAAmB,aAA+C,CAACC,EAAOC,IAAiB,CAC/F,GAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,EAAIC,EACpEP,EACAQ,EACAC,CACF,EACA,OACE,gBAACC,EAAe,KAAf,CACC,UAAU,gBACV,oBAAmBN,EAClB,GAAGE,EACJ,QAAS,GACT,IAAKL,GAEL,gBAACS,EAAe,KAAf,CACC,UAAWC,EAAW,WAAY,iBAAkB,gBAAiBR,CAAS,EAC9E,wBAAuBE,GAEtBH,CACH,CACF,CAEJ,CAAC,EACDH,EAAW,YAAc,cAOzB,IAAMa,EAAmB,aAA+C,CAACZ,EAAOC,IAAiB,CAC/F,GAAM,CAAE,QAAAY,EAAS,SAAAX,EAAU,UAAAC,EAAW,OAAAW,EAAQ,GAAGC,CAAU,EAAIf,EAE/D,OACE,gBAACU,EAAe,KAAf,CAAoB,UAAU,iBAC7B,gBAACA,EAAe,KAAf,CACE,GAAGK,EACJ,IAAKd,EACL,UAAWU,EAAW,WAAY,wBAAyB,gBAAiBR,CAAS,EACrF,SAAU,OACV,QAASU,EACT,eAAcC,EAAS,OAAS,OAChC,cAAaA,GAAU,QAEtBE,EAAW,CAAE,QAAAH,EAAS,SAAAX,CAAS,EAAIA,GAClC,gCACE,gBAAC,QAAK,UAAU,iDAAiDA,CAAS,EAC1E,gBAAC,QAAK,UAAU,6DACbA,CACH,CACF,CACD,CACH,CACF,CAEJ,CAAC,EACDU,EAAW,YAAc",
+  "names": ["tab_nav_exports", "__export", "TabNavLink", "TabNavRoot", "React", "classNames", "NavigationMenu", "TabNavRoot", "props", "forwardedRef", "children", "className", "color", "panelBackground", "rootProps", "extractProps", "baseTabListPropDefs", "marginPropDefs", "NavigationMenu", "classNames", "TabNavLink", "asChild", "active", "linkProps", "getSubtree"]
+}

package/dist/esm/chunk-7MURQ6CR.js

@@ -0,0 +1,2 @@
+import{a as C}from"./chunk-IDYHZIS6.js";import{a as U}from"./chunk-RDP4UQ42.js";import{a as j,b as _,c as O,e as B,f as q}from"./chunk-H4MMVAGQ.js";import{a as I}from"./chunk-USGTBZ43.js";import{a as F,b as K,c as $}from"./chunk-APRBRAOT.js";import{a as V}from"./chunk-WNSPLWRV.js";import{d as W}from"./chunk-IX5HIHVI.js";import{a as T}from"./chunk-6ELPYR73.js";import{b as G}from"./chunk-LN5SP46K.js";import{b as E}from"./chunk-FWB47YCH.js";import{a as A}from"./chunk-KMPBTEZH.js";import{a as le}from"./chunk-3XT5P2HO.js";var fe={};le(fe,{Content:()=>Y,Footer:()=>ee,Group:()=>ce,GroupContent:()=>ue,GroupLabel:()=>de,Header:()=>Z,Menu:()=>re,MenuButton:()=>ne,MenuItem:()=>ae,MenuSub:()=>oe,MenuSubContent:()=>ie,MenuSubTrigger:()=>se,Root:()=>Q,Search:()=>pe,Separator:()=>te});import*as e from"react";import u from"classnames";import*as v from"@radix-ui/react-accordion";var J=e.createContext(null);function g(){return e.useContext(J)}var Q=e.forwardRef((t,a)=>{let n=G(),{size:r=C.size.default,variant:o=C.variant.default,menuVariant:d=C.menuVariant.default,layout:p=C.layout.default,presentation:f,panelBackground:y,color:s,highContrast:l=C.highContrast.default}=t,{className:b,children:h,...M}=A(t,C),{asChild:w,panelBackground:R,presentation:P,...x}=M,i=s||n.accentColor,c=f==="thin"?"rail":f==="expanded"?"panel":p||"panel",m=typeof r=="object"?r.initial||"2":r,S=e.useMemo(()=>({size:m,menuVariant:d,presentation:f,color:i}),[m,d,f,i]);return e.createElement("div",{...x,ref:a,"data-accent-color":i,className:u("rt-SidebarRoot",b)},e.createElement(J.Provider,{value:S},e.createElement("div",{className:u("rt-SidebarContainer",`rt-variant-${o}`,`rt-r-size-${m}`,`rt-menu-variant-${d}`,c&&`rt-layout-${c}`),"data-accent-color":i,"data-high-contrast":l||void 0,"data-panel-background":y,"data-presentation":f,"data-layout":c},h)))});Q.displayName="Sidebar.Root";var Y=e.forwardRef(({className:t,children:a,role:n="navigation","aria-label":r="Main navigation",id:o,...d},p)=>{let f=g(),y=f?.size??"2",s=f?.menuVariant??"soft";return e.createElement(V,{type:"hover"},e.createElement("div",{...d,ref:p,id:o,role:n,"aria-label":r,className:u("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${y}`,`rt-menu-variant-${s}`,t)},e.createElement("div",{className:"rt-BaseMenuViewport"},a)))});Y.displayName="Sidebar.Content";var Z=e.forwardRef(({className:t,asContainer:a=!0,...n},r)=>{let o=g(),d=o?.size??"2",p=o?.menuVariant??"soft";return e.createElement("div",{...n,ref:r,className:u("rt-SidebarHeader",`rt-r-size-${d}`,`rt-menu-variant-${p}`,{"rt-SidebarHeader--container":a},t)})});Z.displayName="Sidebar.Header";var ee=e.forwardRef(({className:t,asContainer:a=!0,...n},r)=>{let o=g(),d=o?.size??"2",p=o?.menuVariant??"soft";return e.createElement("div",{...n,ref:r,className:u("rt-SidebarFooter",`rt-r-size-${d}`,`rt-menu-variant-${p}`,{"rt-SidebarFooter--container":a},t)})});ee.displayName="Sidebar.Footer";var te=e.forwardRef(({className:t,...a},n)=>e.createElement(U,{...a,ref:n,className:u("rt-SidebarSeparator",t)}));te.displayName="Sidebar.Separator";var re=e.forwardRef(({className:t,...a},n)=>e.createElement("ul",{...a,ref:n,role:"menu",className:u("rt-SidebarMenu",t)}));re.displayName="Sidebar.Menu";var ae=e.forwardRef(({className:t,...a},n)=>e.createElement("li",{...a,ref:n,className:u("rt-SidebarMenuItem",t)}));ae.displayName="Sidebar.MenuItem";function me(t){let a=[],n=[];return e.Children.forEach(t,r=>{if(typeof r=="string"||typeof r=="number")n.push(e.createElement("span",{key:n.length,className:"rt-SidebarMenuLabel"},r));else if(e.isValidElement(r)){let o=r;o.type==="svg"||o.props&&o.props.icon||typeof o.type=="function"&&(o.type.displayName?.includes("Icon")||o.type.name?.includes("Icon"))?a.push(r):n.push(r)}else r&&n.push(r)}),{icons:a,labels:n}}function H(t){if(typeof t=="string"||typeof t=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},t);if(Array.isArray(t))return t.map((a,n)=>e.createElement(e.Fragment,{key:n},H(a)));if(e.isValidElement(t)){let a=t,n=a.props&&a.props.className||"";if(typeof a.type=="string"&&n.split(" ").includes("rt-SidebarMenuLabel"))return a;let o=H(a.props?.children);return e.cloneElement(a,{...a.props},o)}return t}var ne=e.forwardRef(({asChild:t=!1,isActive:a=!1,shortcut:n,badge:r,className:o,children:d,onKeyDown:p,...f},y)=>{let s=g(),l=s?.size??"2",b=s?.presentation==="thin",h=t?E:"button",{onClick:M}=f,w=e.useCallback(c=>{switch(c.key){case"Enter":case" ":c.preventDefault(),M&&M(c);break;case"ArrowDown":{c.preventDefault();let m=c.currentTarget.nextElementSibling?.querySelector('[role="menuitem"]');m&&m.focus();break}case"ArrowUp":{c.preventDefault();let m=c.currentTarget.previousElementSibling?.querySelector('[role="menuitem"]');m&&m.focus();break}}p?.(c)},[M,p]),R=e.useMemo(()=>H(d),[d]),{icons:P,labels:x}=e.useMemo(()=>b?me(d):{icons:[],labels:[]},[b,d]),i=e.useMemo(()=>{if(!t)return null;try{let c=e.Children.only(R),m=c.props?.children,S=e.createElement(e.Fragment,null,m,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(T,{size:l,variant:"soft"},r):e.createElement(T,{size:r.size||l,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),n&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(I,{size:l},n)));return e.cloneElement(c,{...c.props},S)}catch{return R}},[t,R,r,n,l]);return e.createElement(h,{...f,ref:y,role:"menuitem","aria-current":a?"page":void 0,className:u("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",o),"data-active":a||void 0,onKeyDown:w},t?i:b&&P.length>0?e.createElement(e.Fragment,null,e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},P),x.map((c,m)=>e.createElement(e.Fragment,{key:m},typeof c=="string"||typeof c=="number"?e.createElement("span",{className:"rt-SidebarMenuLabel"},c):c))):e.createElement(e.Fragment,null,R,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(T,{size:l,variant:"soft"},r):e.createElement(T,{size:r.size||l,variant:r.variant||"soft",color:r.color,highContrast:r.highContrast,radius:r.radius},r.content)),n&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(I,{size:l},n))))});ne.displayName="Sidebar.MenuButton";var D=e.createContext("accordion"),oe=e.forwardRef(({defaultOpen:t=!1,children:a,...n},r)=>(g()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...n,ref:r},e.createElement(j,null,e.createElement(D.Provider,{value:"dropdown"},a))):e.createElement("div",{...n,ref:r},e.createElement(D.Provider,{value:"accordion"},e.createElement(v.Root,{type:"single",collapsible:!0,defaultValue:t?"item":void 0},e.createElement(v.Item,{value:"item"},a)))));oe.displayName="Sidebar.MenuSub";var se=e.forwardRef(({asChild:t=!1,className:a,children:n,...r},o)=>e.useContext(D)==="dropdown"?e.createElement(_,null,e.createElement("button",{...r,ref:o,type:"button",role:"menuitem","aria-haspopup":"menu",className:u("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",a)},n)):e.createElement(v.Header,{asChild:!0},e.createElement("div",null,e.createElement(v.Trigger,{...r,ref:o,asChild:t,role:"menuitem","aria-haspopup":"true",className:u("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",a)},t?n:e.createElement(e.Fragment,null,n,e.createElement(W,{className:u("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")}))))));se.displayName="Sidebar.MenuSubTrigger";var ie=e.forwardRef(({className:t,children:a,...n},r)=>{let o=g();if(e.useContext(D)==="dropdown"){let p=s=>{if(Array.isArray(s))return s.map((l,b)=>e.createElement(e.Fragment,{key:b},p(l)));if(e.isValidElement(s)){if(s.type?.displayName==="Sidebar.MenuButton")return s.props?.children;let b=s.props?.children;if(b!==void 0)return e.cloneElement(s,{...s.props,children:p(b)})}return s},f=e.Children.map(a,(s,l)=>{if(e.isValidElement(s)&&s.type?.displayName==="Sidebar.MenuItem"){let b=s.props?.children,h=p(b);return e.createElement(B,{key:l,asChild:!0},h)}return e.createElement(B,{key:l,asChild:!0},p(s))}),y=o?.size==="3"?"2":o?.size;return e.createElement(O,{size:y,variant:o?.menuVariant,className:u(t)},e.createElement(q,null,f))}return e.createElement(v.Content,{...n,ref:r,className:u("rt-SidebarMenuSubContent",t)},e.createElement("div",{className:"rt-SidebarMenuSubList"},a))});ie.displayName="Sidebar.MenuSubContent";var ce=e.forwardRef(({className:t,...a},n)=>e.createElement("div",{...a,ref:n,className:u("rt-BaseMenuGroup","rt-SidebarGroup",t)}));ce.displayName="Sidebar.Group";var de=e.forwardRef(({asChild:t=!1,className:a,...n},r)=>e.createElement(t?E:"div",{...n,ref:r,role:"group",className:u("rt-BaseMenuLabel","rt-SidebarGroupLabel",a)}));de.displayName="Sidebar.GroupLabel";var ue=e.forwardRef(({className:t,...a},n)=>e.createElement("div",{...a,ref:n,className:u("rt-SidebarGroupContent",t)}));ue.displayName="Sidebar.GroupContent";var k=({className:t})=>e.createElement("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true"},e.createElement("circle",{cx:"11",cy:"11",r:"8"}),e.createElement("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})),X=({className:t})=>e.createElement("svg",{className:t,width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),pe=e.forwardRef(({value:t,onValueChange:a,placeholder:n="Search...",children:r,className:o,...d},p)=>{let y=g()?.presentation==="thin",s=e.useRef(null),l=e.useRef(null),h=`${e.useId()}-results`,M=e.useRef(t);M.current=t;let w=e.useRef(a);w.current=a;let R=n.replace(/\.+$/,""),P=e.useCallback(i=>{i.key==="Escape"&&M.current&&(i.preventDefault(),i.stopPropagation(),w.current(""),s.current?.focus())},[]),x=e.useCallback(i=>{let c=l.current;if(!c)return;let m=c.querySelector('[role="group"]');if(!m)return;let S=Array.from(m.querySelectorAll("a, button"));if(S.length===0)return;let z=document.activeElement,L=z===s.current,N=S.indexOf(z);if(i.key.length===1&&!i.ctrlKey&&!i.metaKey&&!i.altKey&&!L&&N!==-1){s.current?.focus();return}switch(i.key){case"ArrowDown":{i.preventDefault(),L||N===-1?S[0]?.focus():N<S.length-1&&S[N+1]?.focus();break}case"ArrowUp":{i.preventDefault(),N<=0?s.current?.focus():S[N-1]?.focus();break}case"Home":{L||(i.preventDefault(),S[0]?.focus());break}case"End":{L||(i.preventDefault(),S[S.length-1]?.focus());break}}},[]);return y?e.createElement("div",{...d,ref:p,className:u("rt-SidebarSearch","rt-SidebarSearch--thin",o)},e.createElement(F,null,e.createElement(K,null,e.createElement("button",{type:"button",className:u("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarSearchTrigger"),"aria-label":R},e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},e.createElement(k,null)),e.createElement("span",{className:"rt-SidebarMenuLabel"},"Search"))),e.createElement($,{side:"right",align:"start",size:"2",width:"280px","aria-label":R},e.createElement("div",{ref:l,className:"rt-SidebarSearchPopover",role:"search",onKeyDown:x},e.createElement("div",{className:"rt-SidebarSearchInputWrapper"},e.createElement(k,{className:"rt-SidebarSearchIcon"}),e.createElement("input",{ref:s,type:"search",className:"rt-SidebarSearchInput",value:t,onChange:i=>a(i.target.value),onKeyDown:P,placeholder:n,"aria-label":R,"aria-controls":r?h:void 0,autoFocus:!0}),t&&e.createElement("button",{type:"button",className:"rt-reset rt-SidebarSearchClear",onClick:()=>{a(""),s.current?.focus()},"aria-label":"Clear search"},e.createElement(X,null))),r&&e.createElement("div",{id:h,role:"group","aria-label":"Search results"},r))))):e.createElement("div",{...d,ref:p,className:u("rt-SidebarSearch","rt-SidebarSearch--expanded",o),role:"search"},e.createElement("div",{className:"rt-SidebarSearchInputWrapper"},e.createElement(k,{className:"rt-SidebarSearchIcon"}),e.createElement("input",{ref:s,type:"search",className:"rt-SidebarSearchInput",value:t,onChange:i=>a(i.target.value),onKeyDown:P,placeholder:n,"aria-label":R}),t&&e.createElement("button",{type:"button",className:"rt-reset rt-SidebarSearchClear",onClick:()=>{a(""),s.current?.focus()},"aria-label":"Clear search"},e.createElement(X,null))))});pe.displayName="Sidebar.Search";export{Q as a,Y as b,Z as c,ee as d,te as e,re as f,ae as g,ne as h,oe as i,se as j,ie as k,ce as l,de as m,ue as n,pe as o,fe as p};
+//# sourceMappingURL=chunk-7MURQ6CR.js.map