@womp/kookie-ui 0.3.22

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/theme-panel.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { useCallbackRef } from 'radix-ui/internal';\nimport { flushSync } from 'react-dom';\n\nimport { AccessibleIcon } from './accessible-icon.js';\nimport { Box } from './box.js';\nimport { Button } from './button.js';\nimport { Flex } from './flex.js';\nimport { Grid } from './grid.js';\nimport { Heading } from './heading.js';\nimport { IconButton } from './icon-button.js';\nimport { Kbd } from './kbd.js';\nimport * as Popover from './popover.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Text } from './text.js';\nimport { Tooltip } from './tooltip.js';\nimport { Theme, useThemeContext, type ThemeContextValue } from './theme.js';\nimport { inert } from '../helpers/inert.js';\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface ThemePanelProps extends Omit<ThemePanelImplProps, keyof ThemePanelImplPrivateProps> {\n  onAppearanceChange?: (value: 'light' | 'dark') => void;\n  defaultOpen?: boolean;\n}\n\nconst keyboardInputElement = `\n      [contenteditable],\n      [role=\"combobox\"],\n      [role=\"listbox\"],\n      [role=\"menu\"],\n      input:not([type=\"radio\"], [type=\"checkbox\"]),\n      select,\n      textarea\n    `;\n\nconst ThemePanel = React.forwardRef<ThemePanelImplElement, ThemePanelProps>(\n  ({ defaultOpen = true, ...props }, forwardedRef) => {\n    const [open, setOpen] = React.useState(defaultOpen);\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n    const previouslyFocusedElementRef = React.useRef<HTMLElement | null>(null);\n\n    // quickly show/hide using \"T\" keypress\n    React.useEffect(() => {\n      function handleKeydown(event: KeyboardEvent) {\n        const isModifierActive = event.altKey || event.ctrlKey || event.shiftKey || event.metaKey;\n        const isKeyboardInputActive = document.activeElement?.closest(keyboardInputElement);\n        const isKeyT = event.key?.toUpperCase() === 'T' && !isModifierActive;\n        if (isKeyT && !isKeyboardInputActive) {\n          let isOpen = false;\n          flushSync(() => {\n            setOpen((open) => {\n              isOpen = !open;\n              return isOpen;\n            });\n          });\n          if (isOpen) {\n            previouslyFocusedElementRef.current = document.activeElement as HTMLElement | null;\n            triggerRef.current?.focus();\n          } else {\n            previouslyFocusedElementRef.current?.focus();\n          }\n        }\n      }\n      document.addEventListener('keydown', handleKeydown);\n      return () => document.removeEventListener('keydown', handleKeydown);\n    }, []);\n\n    return (\n      <ThemePanelImpl\n        {...props}\n        ref={forwardedRef}\n        triggerRef={triggerRef}\n        open={open}\n        shortcut={\n          <Tooltip content=\"Press T to show/hide the Theme Panel\" side=\"bottom\" sideOffset={6}>\n            <Kbd asChild size=\"3\" tabIndex={0} className=\"rt-ThemePanelShortcut\">\n              <button\n                type=\"button\"\n                onClick={() => setOpen((open) => !open)}\n                ref={triggerRef}\n                aria-label=\"Toggle the Theme Panel\"\n              >\n                T\n              </button>\n            </Kbd>\n          </Tooltip>\n        }\n      />\n    );\n  },\n);\nThemePanel.displayName = 'ThemePanel';\n\ntype ThemePanelImplElement = React.ElementRef<'div'>;\ninterface ThemePanelImplPrivateProps {\n  open: boolean;\n  shortcut: React.ReactNode;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}\ninterface ThemePanelImplProps\n  extends ComponentPropsWithout<'div', RemovedProps>, ThemePanelImplPrivateProps {\n  onAppearanceChange?: (value: 'light' | 'dark') => void;\n}\nconst ThemePanelImpl = React.forwardRef<ThemePanelImplElement, ThemePanelImplProps>(\n  (props, forwardedRef) => {\n    const { open, onAppearanceChange, shortcut, triggerRef, ...panelProps } = props;\n    const themeContext = useThemeContext();\n    return (\n      <Theme asChild radius=\"medium\" scaling=\"100%\">\n        <Flex\n          direction=\"column\"\n          position=\"fixed\"\n          top=\"0\"\n          right=\"0\"\n          mr={{ initial: '2', sm: '4' }}\n          mt={{ initial: '2', sm: '4' }}\n          width={{ initial: '360px' }}\n          maxHeight={{\n            initial: 'calc(100svh - var(--space-2) - var(--space-2))',\n            sm: 'calc(100svh - var(--space-4) - var(--space-4))',\n          }}\n          maxWidth={{\n            initial: 'calc(100svw - var(--space-2) - var(--space-2))',\n            sm: 'calc(100svw - var(--space-4) - var(--space-4))',\n          }}\n          inert={open ? undefined : inert}\n          {...panelProps}\n          ref={forwardedRef}\n          style={{\n            zIndex: 999999999,\n            overflow: 'hidden',\n            borderRadius: 'var(--radius-4)',\n            backgroundColor: 'var(--color-panel-solid)',\n            transformOrigin: 'top center',\n            transitionProperty: 'transform, box-shadow',\n            transitionDuration: '200ms',\n            transitionTimingFunction: open ? 'ease-out' : 'ease-in',\n            transform: open ? 'none' : 'translateX(105%)',\n            boxShadow: open ? 'var(--shadow-5)' : 'var(--shadow-2)',\n            ...props.style,\n          }}\n        >\n          <ScrollArea>\n            <Box flexGrow=\"1\" p={{ initial: '4', xs: '5' }} position=\"relative\">\n              {!!shortcut && (\n                <Box position=\"absolute\" top=\"0\" right=\"0\" m=\"2\">\n                  {shortcut}\n                </Box>\n              )}\n              <ThemePanelContent onAppearanceChange={onAppearanceChange} context={themeContext} />\n            </Box>\n          </ScrollArea>\n        </Flex>\n      </Theme>\n    );\n  },\n);\nThemePanelImpl.displayName = 'ThemePanelImpl';\n\ntype ThemePanelContentElement = React.ElementRef<typeof Flex>;\ninterface ThemePanelContentProps extends ComponentPropsWithout<\n  typeof Flex,\n  RemovedProps | 'direction'\n> {\n  onAppearanceChange?: (value: 'light' | 'dark') => void;\n  context?: ThemeContextValue;\n}\nconst ThemePanelContent = React.forwardRef<ThemePanelContentElement, ThemePanelContentProps>(\n  (props, forwardedRef) => {\n    const {\n      onAppearanceChange: onAppearanceChangeProp,\n      context: contextProp,\n      ...contentProps\n    } = props;\n\n    const themeContext = useThemeContext();\n\n    const {\n      appearance,\n      onAppearanceChange,\n      accentColor,\n      onAccentColorChange,\n      grayColor,\n      onGrayColorChange,\n      panelBackground,\n      onPanelBackgroundChange,\n      radius,\n      onRadiusChange,\n      scaling,\n      onScalingChange,\n    } = contextProp ?? themeContext;\n\n    const [resolvedAppearance, setResolvedAppearance] = React.useState<'light' | 'dark' | null>(\n      appearance === 'inherit' ? null : appearance,\n    );\n    const hasOnAppearanceChangeProp = onAppearanceChangeProp !== undefined;\n    const handleAppearanceChangeProp = useCallbackRef(onAppearanceChangeProp);\n    const handleAppearanceChange = React.useCallback(\n      (value: 'light' | 'dark') => {\n        const cleanup = disableAnimation();\n\n        if (appearance !== 'inherit') {\n          onAppearanceChange(value);\n          return;\n        }\n\n        if (hasOnAppearanceChangeProp) {\n          handleAppearanceChangeProp(value);\n        } else {\n          setResolvedAppearance(value);\n          updateRootAppearanceClass(value);\n        }\n\n        cleanup();\n      },\n      [appearance, onAppearanceChange, hasOnAppearanceChangeProp, handleAppearanceChangeProp],\n    );\n\n    const autoMatchedGray = getMatchingGrayColor(accentColor);\n    const resolvedGrayColor = grayColor === 'auto' ? autoMatchedGray : grayColor;\n\n    const [copyState, setCopyState] = React.useState<'idle' | 'copying' | 'copied'>('idle');\n    async function handleCopyThemeConfig() {\n      const theme = {\n        appearance: appearance === themePropDefs.appearance.default ? undefined : appearance,\n        accentColor: accentColor === themePropDefs.accentColor.default ? undefined : accentColor,\n        grayColor: grayColor === themePropDefs.grayColor.default ? undefined : grayColor,\n        panelBackground:\n          panelBackground === themePropDefs.panelBackground.default ? undefined : panelBackground,\n        radius: radius === themePropDefs.radius.default ? undefined : radius,\n        scaling: scaling === themePropDefs.scaling.default ? undefined : scaling,\n      } satisfies GetPropDefTypes<typeof themePropDefs>;\n\n      const props = Object.keys(theme)\n        .filter((key) => theme[key as keyof typeof theme] !== undefined)\n        .map((key) => `${key}=\"${theme[key as keyof typeof theme]}\"`)\n        .join(' ');\n\n      const textToCopy = props ? `<Theme ${props}>` : '<Theme>';\n\n      setCopyState('copying');\n      await navigator.clipboard.writeText(textToCopy);\n      setCopyState('copied');\n      setTimeout(() => setCopyState('idle'), 2000);\n    }\n\n    // quickly toggle appearance using \"D\" keypress\n    React.useEffect(() => {\n      function handleKeydown(event: KeyboardEvent) {\n        const isModifierActive = event.altKey || event.ctrlKey || event.shiftKey || event.metaKey;\n        const isKeyboardInputActive = document.activeElement?.closest(keyboardInputElement);\n        const isKeyD = event.key?.toUpperCase() === 'D' && !isModifierActive;\n        if (isKeyD && !isKeyboardInputActive) {\n          handleAppearanceChange(resolvedAppearance === 'light' ? 'dark' : 'light');\n        }\n      }\n      document.addEventListener('keydown', handleKeydown);\n      return () => document.removeEventListener('keydown', handleKeydown);\n    }, [handleAppearanceChange, resolvedAppearance]);\n\n    React.useEffect(() => {\n      const root = document.documentElement;\n      const body = document.body;\n\n      function update() {\n        const hasDarkClass =\n          root.classList.contains('dark') ||\n          root.classList.contains('dark-theme') ||\n          body.classList.contains('dark') ||\n          body.classList.contains('dark-theme');\n\n        if (appearance === 'inherit') {\n          setResolvedAppearance(hasDarkClass ? 'dark' : 'light');\n        } else {\n          setResolvedAppearance(appearance);\n        }\n      }\n\n      const classNameObserver = new MutationObserver(function (mutations) {\n        mutations.forEach(function (mutation) {\n          if (mutation.attributeName === 'class') {\n            update();\n          }\n        });\n      });\n\n      update();\n\n      // Observe <html> and <body> for `class` changes only when the appearance is inherited from them\n      if (appearance === 'inherit') {\n        classNameObserver.observe(root, { attributes: true });\n        classNameObserver.observe(body, { attributes: true });\n      }\n\n      return () => classNameObserver.disconnect();\n    }, [appearance]);\n\n    return (\n      <Flex direction=\"column\" gap=\"5\" {...contentProps} ref={forwardedRef}>\n        <Heading size={{ initial: '3', sm: '5' }} trim=\"both\" as=\"h2\">\n          Theme\n        </Heading>\n        <Flex direction=\"column\" gap=\"5\">\n          {/* Accent color */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"accent-color-title\">Accent color</ThemePanelHeading>\n            <Flex wrap=\"wrap\" gap=\"2\" role=\"group\" aria-labelledby=\"accent-color-title\">\n              {themePropDefs.accentColor.values.map((color) => (\n                <Box asChild key={color}>\n                  <label\n                    className=\"rt-ThemePanelSwatch\"\n                    aria-label={upperFirst(color)}\n                    style={{ backgroundColor: `var(--${color}-9)` }}\n                  >\n                    <Tooltip\n                      content={`${upperFirst(color)}${\n                        accentColor === 'gray' && resolvedGrayColor !== 'gray'\n                          ? ` (${upperFirst(resolvedGrayColor)})`\n                          : ''\n                      }`}\n                    >\n                      <input\n                        className=\"rt-ThemePanelSwatchInput\"\n                        type=\"radio\"\n                        name=\"accentColor\"\n                        value={color}\n                        checked={accentColor === color}\n                        onChange={(event) =>\n                          onAccentColorChange(event.target.value as typeof accentColor)\n                        }\n                      />\n                    </Tooltip>\n                  </label>\n                </Box>\n              ))}\n            </Flex>\n          </ThemePanelSection>\n\n          {/* Gray color */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"gray-color-title\">Gray color</ThemePanelHeading>\n            <Flex wrap=\"wrap\" gap=\"2\" role=\"group\" aria-labelledby=\"gray-color-title\">\n              {themePropDefs.grayColor.values.map((gray) => (\n                <Flex key={gray} asChild align=\"center\" justify=\"center\">\n                  <label\n                    className=\"rt-ThemePanelSwatch\"\n                    aria-label={upperFirst(gray)}\n                    style={{\n                      backgroundColor:\n                        gray === 'auto'\n                          ? `var(--${autoMatchedGray}-9)`\n                          : gray === 'gray'\n                            ? 'var(--gray-9)'\n                            : `var(--${gray}-9)`,\n                      // we override --gray so pure gray doesn't exist anymore\n                      // recover something as close as possible by desaturating\n                      filter: gray === 'gray' ? 'saturate(0)' : undefined,\n                    }}\n                  >\n                    <Tooltip\n                      content={`${upperFirst(gray)}${\n                        gray === 'auto' ? ` (${upperFirst(autoMatchedGray)})` : ''\n                      }`}\n                    >\n                      <input\n                        className=\"rt-ThemePanelSwatchInput\"\n                        type=\"radio\"\n                        name=\"grayColor\"\n                        value={gray}\n                        checked={grayColor === gray}\n                        onChange={(event) =>\n                          onGrayColorChange(event.target.value as typeof grayColor)\n                        }\n                      />\n                    </Tooltip>\n                  </label>\n                </Flex>\n              ))}\n            </Flex>\n          </ThemePanelSection>\n\n          {/* Appearance */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"appearance-title\">Appearance</ThemePanelHeading>\n            <Grid columns=\"2\" gap=\"2\" role=\"group\" aria-labelledby=\"appearance-title\">\n              {(['light', 'dark'] as const).map((value) => (\n                <label key={value} className=\"rt-ThemePanelRadioCard\">\n                  <input\n                    className=\"rt-ThemePanelRadioCardInput\"\n                    type=\"radio\"\n                    name=\"appearance\"\n                    value={value}\n                    checked={resolvedAppearance === value}\n                    onChange={(event) =>\n                      handleAppearanceChange(event.target.value as 'light' | 'dark')\n                    }\n                  />\n                  <Flex align=\"center\" justify=\"center\" height=\"32px\" gap=\"2\">\n                    {value === 'light' ? (\n                      <svg\n                        width=\"15\"\n                        height=\"15\"\n                        viewBox=\"0 0 15 15\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        style={{ margin: '0 -1px' }}\n                      >\n                        <path\n                          d=\"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    ) : (\n                      <svg\n                        width=\"15\"\n                        height=\"15\"\n                        viewBox=\"0 0 15 15\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        style={{ margin: '0 -1px' }}\n                      >\n                        <path\n                          d=\"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                    <Text size=\"1\" weight=\"medium\">\n                      {upperFirst(value)}\n                    </Text>\n                  </Flex>\n                </label>\n              ))}\n            </Grid>\n          </ThemePanelSection>\n\n          {/* Radius */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"radius-title\">Radius</ThemePanelHeading>\n            <Flex gap=\"2\" role=\"group\" aria-labelledby=\"radius-title\" wrap=\"wrap\">\n              {themePropDefs.radius.values.map((value) => (\n                <Flex key={value} direction=\"column\" align=\"center\">\n                  <label className=\"rt-ThemePanelRadioCard\">\n                    <input\n                      className=\"rt-ThemePanelRadioCardInput\"\n                      type=\"radio\"\n                      name=\"radius\"\n                      id={`theme-panel-radius-${value}`}\n                      value={value}\n                      checked={radius === value}\n                      onChange={(event) => onRadiusChange(event.target.value as typeof radius)}\n                    />\n                    <Theme asChild radius={value}>\n                      <Box\n                        m=\"3\"\n                        width={{ initial: '24px', sm: '32px' }}\n                        height={{ initial: '24px', sm: '32px' }}\n                        style={{\n                          borderTopLeftRadius: value === 'full' ? '80%' : 'var(--radius-5)',\n                          backgroundImage:\n                            'linear-gradient(to bottom right, var(--accent-3), var(--accent-4))',\n                          borderTop: '2px solid var(--accent-a8)',\n                          borderLeft: '2px solid var(--accent-a8)',\n                        }}\n                      />\n                    </Theme>\n                  </label>\n                  <Box asChild pt=\"2\">\n                    <Text asChild size=\"1\" color=\"gray\">\n                      <label htmlFor={`theme-panel-radius-${value}`}>{upperFirst(value)}</label>\n                    </Text>\n                  </Box>\n                </Flex>\n              ))}\n            </Flex>\n          </ThemePanelSection>\n\n          {/* Scaling */}\n          <ThemePanelSection>\n            <ThemePanelHeading id=\"scaling-title\">Scaling</ThemePanelHeading>\n            <Grid\n              columns={{\n                initial: 'repeat(3, 1fr)',\n                sm: '5',\n              }}\n              gap=\"2\"\n              role=\"group\"\n              aria-labelledby=\"scaling-title\"\n            >\n              {themePropDefs.scaling.values.map((value) => (\n                <label key={value} className=\"rt-ThemePanelRadioCard\" aria-label={`Scaling ${value}`}>\n                  <input\n                    className=\"rt-ThemePanelRadioCardInput\"\n                    type=\"radio\"\n                    name=\"scaling\"\n                    value={value}\n                    checked={scaling === value}\n                    onChange={(event) => onScalingChange(event.target.value as typeof scaling)}\n                  />\n\n                  <Flex align=\"center\" justify=\"center\" height=\"32px\">\n                    <Theme asChild scaling={value}>\n                      <Flex align=\"center\" justify=\"center\">\n                        <Text size=\"1\" weight=\"medium\">\n                          {upperFirst(value)}\n                        </Text>\n                      </Flex>\n                    </Theme>\n                  </Flex>\n                </label>\n              ))}\n            </Grid>\n          </ThemePanelSection>\n\n          {/* Panel background */}\n          <ThemePanelSection>\n            <Flex align=\"center\" gap=\"2\">\n              <ThemePanelHeading id=\"panel-background-title\">Panel background</ThemePanelHeading>\n              <Popover.Root>\n                <Popover.Trigger>\n                  <IconButton size=\"1\" variant=\"ghost\" color=\"gray\">\n                    <AccessibleIcon label=\"Learn more about panel background options\">\n                      <svg\n                        width=\"15\"\n                        height=\"15\"\n                        viewBox=\"0 0 15 15\"\n                        fill=\"currentColor\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                      >\n                        <path\n                          d=\"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        />\n                      </svg>\n                    </AccessibleIcon>\n                  </IconButton>\n                </Popover.Trigger>\n                <Popover.Content\n                  size=\"1\"\n                  width=\"220px\"\n                  maxWidth=\"90svw\"\n                  minWidth=\"0\"\n                  side=\"top\"\n                  align=\"center\"\n                >\n                  <Text as=\"p\" size=\"1\">\n                    Whether Card and Table panels are translucent, showing some of the background\n                    behind them.\n                  </Text>\n                </Popover.Content>\n              </Popover.Root>\n            </Flex>\n            <Grid\n              columns={{ initial: '1', sm: '2' }}\n              rows={{ initial: '2', sm: '1' }}\n              gap=\"2\"\n              role=\"group\"\n              aria-labelledby=\"panel-background-title\"\n            >\n              {themePropDefs.panelBackground.values.map((value) => (\n                <label key={value} className=\"rt-ThemePanelRadioCard\">\n                  <input\n                    className=\"rt-ThemePanelRadioCardInput\"\n                    type=\"radio\"\n                    name=\"panelBackground\"\n                    value={value}\n                    checked={panelBackground === value}\n                    onChange={(event) =>\n                      onPanelBackgroundChange(event.target.value as typeof panelBackground)\n                    }\n                  />\n                  <Flex align=\"center\" justify=\"center\" height=\"32px\" gap=\"2\">\n                    {value === 'solid' ? (\n                      <svg\n                        width=\"15\"\n                        height=\"15\"\n                        viewBox=\"0 0 15 15\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        style={{ margin: '0 -2px' }}\n                      >\n                        <path\n                          d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    ) : (\n                      <svg\n                        width=\"15\"\n                        height=\"15\"\n                        viewBox=\"0 0 15 15\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        style={{ margin: '0 -2px' }}\n                      >\n                        <path\n                          opacity=\".05\"\n                          d=\"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".1\"\n                          d=\"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".15\"\n                          d=\"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".2\"\n                          d=\"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".25\"\n                          d=\"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".3\"\n                          d=\"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".35\"\n                          d=\"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".4\"\n                          d=\"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".45\"\n                          d=\"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          opacity=\".5\"\n                          d=\"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                        <path\n                          d=\"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z\"\n                          fill=\"currentColor\"\n                          fillRule=\"evenodd\"\n                          clipRule=\"evenodd\"\n                        ></path>\n                      </svg>\n                    )}\n                    <Text size=\"1\" weight=\"medium\">\n                      {upperFirst(value)}\n                    </Text>\n                  </Flex>\n                </label>\n              ))}\n            </Grid>\n          </ThemePanelSection>\n        </Flex>\n        <Button style={{ width: '100%' }} onClick={handleCopyThemeConfig}>\n          {copyState === 'copied' ? 'Copied' : 'Copy Theme'}\n        </Button>\n      </Flex>\n    );\n  },\n);\nThemePanelContent.displayName = 'ThemePanelContent';\n\nfunction ThemePanelSection(\n  props: Omit<React.ComponentPropsWithoutRef<typeof Flex>, 'asChild' | 'direction' | 'gap'>,\n) {\n  return (\n    <Flex direction=\"column\" gap=\"3\" asChild {...props}>\n      <section>{props.children}</section>\n    </Flex>\n  );\n}\n\nfunction ThemePanelHeading(props: React.ComponentPropsWithoutRef<typeof Heading>) {\n  return <Heading as=\"h3\" size={{ initial: '1', sm: '2' }} {...props} />;\n}\n\n// https://github.com/pacocoursey/next-themes/blob/main/packages/next-themes/src/index.tsx#L285\nfunction disableAnimation() {\n  const css = document.createElement('style');\n  css.appendChild(\n    document.createTextNode(\n      `*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n    ),\n  );\n  document.head.appendChild(css);\n\n  return () => {\n    // Force restyle\n    (() => window.getComputedStyle(document.body))();\n\n    // Wait for next tick before removing\n    setTimeout(() => {\n      document.head.removeChild(css);\n    }, 1);\n  };\n}\n\nfunction upperFirst(string: string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nfunction updateRootAppearanceClass(appearance: 'light' | 'dark') {\n  const root = document.documentElement;\n  const hasLightTheme = root.classList.contains('light-theme');\n  const hasDarkTheme = root.classList.contains('dark-theme');\n  const hasLight = root.classList.contains('light');\n  const hasDark = root.classList.contains('dark');\n\n  if (hasLightTheme || hasDarkTheme) {\n    root.classList.remove('light-theme', 'dark-theme');\n    root.style.colorScheme = appearance;\n    root.classList.add(`${appearance}-theme`);\n  }\n\n  if (hasLight || hasDark) {\n    root.classList.remove('light', 'dark');\n    root.style.colorScheme = appearance;\n    root.classList.add(appearance);\n  }\n\n  if (!hasLightTheme && !hasDarkTheme && !hasLight && !hasDark) {\n    root.style.colorScheme = appearance;\n    root.classList.add(appearance);\n  }\n}\n\nexport { ThemePanel, ThemePanelContent };\nexport type { ThemePanelProps, ThemePanelContentProps };\n"],
+  "mappings": "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",
+  "names": ["React", "useCallbackRef", "flushSync", "keyboardInputElement", "ThemePanel", "defaultOpen", "props", "forwardedRef", "open", "setOpen", "triggerRef", "previouslyFocusedElementRef", "handleKeydown", "event", "isModifierActive", "isKeyboardInputActive", "isOpen", "flushSync", "ThemePanelImpl", "Tooltip", "Kbd", "onAppearanceChange", "shortcut", "panelProps", "themeContext", "useThemeContext", "Theme", "Flex", "inert", "ScrollArea", "Box", "ThemePanelContent", "onAppearanceChangeProp", "contextProp", "contentProps", "appearance", "accentColor", "onAccentColorChange", "grayColor", "onGrayColorChange", "panelBackground", "onPanelBackgroundChange", "radius", "onRadiusChange", "scaling", "onScalingChange", "resolvedAppearance", "setResolvedAppearance", "hasOnAppearanceChangeProp", "handleAppearanceChangeProp", "useCallbackRef", "handleAppearanceChange", "value", "cleanup", "disableAnimation", "updateRootAppearanceClass", "autoMatchedGray", "getMatchingGrayColor", "resolvedGrayColor", "copyState", "setCopyState", "handleCopyThemeConfig", "theme", "themePropDefs", "key", "textToCopy", "root", "body", "update", "hasDarkClass", "classNameObserver", "mutations", "mutation", "Heading", "ThemePanelSection", "ThemePanelHeading", "color", "upperFirst", "gray", "Grid", "Text", "PopoverRoot", "PopoverTrigger", "IconButton", "AccessibleIcon", "PopoverContent", "Button", "css", "string", "hasLightTheme", "hasDarkTheme", "hasLight", "hasDark"]
+}

package/dist/esm/chunk-EL7YGOTY.js

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

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

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

package/dist/esm/chunk-ERGJN7FJ.js

@@ -0,0 +1,2 @@
+var t={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};export{t as a};
+//# sourceMappingURL=chunk-ERGJN7FJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/width.props.ts"],
+  "sourcesContent": ["import type { GetPropDefTypes, PropDef } from './prop-def.js';\n\nconst widthPropDefs = {\n  /**\n   * Sets the CSS **width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * width=\"100px\"\n   * width={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/width\n   */\n  width: {\n    type: 'string',\n    className: 'rt-r-w',\n    customProperties: ['--width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minWidth=\"100px\"\n   * minWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-width\n   */\n  minWidth: {\n    type: 'string',\n    className: 'rt-r-min-w',\n    customProperties: ['--min-width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxWidth=\"100px\"\n   * maxWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\n   */\n  maxWidth: {\n    type: 'string',\n    className: 'rt-r-max-w',\n    customProperties: ['--max-width'],\n    responsive: true,\n  },\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDefs>;\n\nexport { widthPropDefs };\nexport type { WidthProps };\n"],
+  "mappings": "AAEA,IAAMA,EAAgB,CAYpB,MAAO,CACL,KAAM,SACN,UAAW,SACX,iBAAkB,CAAC,SAAS,EAC5B,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,aACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,CACF",
+  "names": ["widthPropDefs"]
+}

package/dist/esm/chunk-ERNM3KVF.js

@@ -0,0 +1,2 @@
+import{AccessibleIcon as c}from"radix-ui";var s=c.Root;export{s as a};
+//# sourceMappingURL=chunk-ERNM3KVF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/accessible-icon.tsx"],
+  "sourcesContent": ["import { AccessibleIcon as AccessibleIconPrimitive } from 'radix-ui';\nexport const AccessibleIcon = AccessibleIconPrimitive.Root;\nexport type AccessibleIconProps = AccessibleIconPrimitive.AccessibleIconProps;\n"],
+  "mappings": "AAAA,OAAS,kBAAkBA,MAA+B,WACnD,IAAMC,EAAiBD,EAAwB",
+  "names": ["AccessibleIconPrimitive", "AccessibleIcon"]
+}

package/dist/esm/chunk-ES7MK2MM.js

@@ -0,0 +1,2 @@
+import{a as p}from"./chunk-IGQRZCAI.js";import{a as t}from"./chunk-GSTOGDAJ.js";import{a as s}from"./chunk-KMPBTEZH.js";import{a as e}from"./chunk-E23RKOQJ.js";import*as o from"react";import l from"classnames";import{Progress as m}from"radix-ui";var c=o.forwardRef((i,a)=>{let{className:n,style:P,color:f,radius:g,duration:d,...r}=s(i,p,t);return o.createElement(m.Root,{"data-accent-color":f,"data-radius":g,ref:a,className:l("rt-ProgressRoot",n),style:e({"--progress-duration":"value"in r?void 0:d,"--progress-value":"value"in r?r.value:void 0,"--progress-max":"max"in r?r.max:void 0},P),...r,asChild:!1},o.createElement(m.Indicator,{className:"rt-ProgressIndicator"}))});c.displayName="Progress";export{c as a};
+//# sourceMappingURL=chunk-ES7MK2MM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\nimport { progressPropDefs } from './progress.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { mergeStyles } from '../helpers/merge-styles.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 ProgressElement = React.ElementRef<typeof ProgressPrimitive.Root>;\ntype ProgressOwnProps = GetPropDefTypes<typeof progressPropDefs>;\ninterface ProgressProps\n  extends ComponentPropsWithout<typeof ProgressPrimitive.Root, RemovedProps | 'children'>,\n    MarginProps,\n    ProgressOwnProps {\n  duration?: `${number}s` | `${number}ms`;\n}\nconst Progress = React.forwardRef<ProgressElement, ProgressProps>((props, forwardedRef) => {\n  const { className, style, color, radius, duration, ...progressProps } = extractProps(\n    props,\n    progressPropDefs,\n    marginPropDefs\n  );\n\n  return (\n    <ProgressPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      ref={forwardedRef}\n      className={classNames('rt-ProgressRoot', className)}\n      style={mergeStyles(\n        {\n          '--progress-duration': 'value' in progressProps ? undefined : duration,\n          '--progress-value': 'value' in progressProps ? progressProps.value : undefined,\n          '--progress-max': 'max' in progressProps ? progressProps.max : undefined,\n        },\n        style\n      )}\n      {...progressProps}\n      asChild={false}\n    >\n      <ProgressPrimitive.Indicator className=\"rt-ProgressIndicator\" />\n    </ProgressPrimitive.Root>\n  );\n});\nProgress.displayName = 'Progress';\n\nexport { Progress };\nexport type { ProgressProps };\n"],
+  "mappings": "gKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,YAAYC,MAAyB,WAmB9C,IAAMC,EAAiB,aAA2C,CAACC,EAAOC,IAAiB,CACzF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAc,EAAIC,EACtER,EACAS,EACAC,CACF,EAEA,OACE,gBAACC,EAAkB,KAAlB,CACC,oBAAmBP,EACnB,cAAaC,EACb,IAAKJ,EACL,UAAWW,EAAW,kBAAmBV,CAAS,EAClD,MAAOW,EACL,CACE,sBAAuB,UAAWN,EAAgB,OAAYD,EAC9D,mBAAoB,UAAWC,EAAgBA,EAAc,MAAQ,OACrE,iBAAkB,QAASA,EAAgBA,EAAc,IAAM,MACjE,EACAJ,CACF,EACC,GAAGI,EACJ,QAAS,IAET,gBAACI,EAAkB,UAAlB,CAA4B,UAAU,uBAAuB,CAChE,CAEJ,CAAC,EACDZ,EAAS,YAAc",
+  "names": ["React", "classNames", "ProgressPrimitive", "Progress", "props", "forwardedRef", "className", "style", "color", "radius", "duration", "progressProps", "extractProps", "progressPropDefs", "marginPropDefs", "ProgressPrimitive", "classNames", "mergeStyles"]
+}

package/dist/esm/chunk-F22ZRNWL.js

@@ -0,0 +1,2 @@
+function a(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}export{a};
+//# sourceMappingURL=chunk-F22ZRNWL.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/get-matching-gray-color.ts"],
+  "sourcesContent": ["import type { accentColors } from '../props/color.prop.js';\n\ntype ThemeAccentColor = (typeof accentColors)[number];\n\nexport function getMatchingGrayColor(accentColor: ThemeAccentColor) {\n  switch (accentColor) {\n    case 'tomato':\n    case 'red':\n    case 'ruby':\n    case 'crimson':\n    case 'pink':\n    case 'plum':\n    case 'purple':\n    case 'violet':\n      return 'mauve';\n    case 'iris':\n    case 'indigo':\n    case 'blue':\n    case 'sky':\n    case 'cyan':\n      return 'slate';\n    case 'teal':\n    case 'jade':\n    case 'mint':\n    case 'green':\n      return 'sage';\n    case 'grass':\n    case 'lime':\n      return 'olive';\n    case 'yellow':\n    case 'amber':\n    case 'orange':\n    case 'brown':\n    case 'gold':\n    case 'bronze':\n      return 'sand';\n    case 'gray':\n      return 'gray';\n  }\n}\n"],
+  "mappings": "AAIO,SAASA,EAAqBC,EAA+B,CAClE,OAAQA,EAAa,CACnB,IAAK,SACL,IAAK,MACL,IAAK,OACL,IAAK,UACL,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,SACH,MAAO,QACT,IAAK,OACL,IAAK,SACL,IAAK,OACL,IAAK,MACL,IAAK,OACH,MAAO,QACT,IAAK,OACL,IAAK,OACL,IAAK,OACL,IAAK,QACH,MAAO,OACT,IAAK,QACL,IAAK,OACH,MAAO,QACT,IAAK,SACL,IAAK,QACL,IAAK,SACL,IAAK,QACL,IAAK,OACL,IAAK,SACH,MAAO,OACT,IAAK,OACH,MAAO,MACX,CACF",
+  "names": ["getMatchingGrayColor", "accentColor"]
+}

package/dist/esm/chunk-F7IUK2I2.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox-group.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\n\nconst checkboxGroupRootPropDefs = {\n  ...asChildPropDef,\n  ...baseCheckboxPropDefs,\n};\n\nexport { checkboxGroupRootPropDefs };\n"],
+  "mappings": "gFAGA,IAAMA,EAA4B,CAChC,GAAGC,EACH,GAAGC,CACL",
+  "names": ["checkboxGroupRootPropDefs", "asChildPropDef", "baseCheckboxPropDefs"]
+}

package/dist/esm/chunk-FC2DBBJ3.js

@@ -0,0 +1,2 @@
+import{b as e}from"./chunk-KRJTW535.js";var s=["1","2","3","4"],t=["soft"],o=["horizontal","vertical"],r={disabled:{type:"boolean",className:"disabled",default:!1},size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"soft"},orientation:{type:"enum",className:"rt-r-orientation",values:o,default:"horizontal",responsive:!0},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},...e};export{r as a};
+//# sourceMappingURL=chunk-FC2DBBJ3.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/segmented-control.props.tsx"],
+  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['soft'] as const;\nconst orientations = ['horizontal', 'vertical'] as const;\n\nconst segmentedControlRootPropDefs = {\n  disabled: { type: 'boolean', className: 'disabled', default: false },\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  orientation: {\n    type: 'enum',\n    className: 'rt-r-orientation',\n    values: orientations,\n    default: 'horizontal',\n    responsive: true,\n  },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  orientation: PropDef<(typeof orientations)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { segmentedControlRootPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,MAAM,EAClBC,EAAe,CAAC,aAAc,UAAU,EAExCC,EAA+B,CACnC,SAAU,CAAE,KAAM,UAAW,UAAW,WAAY,QAAS,EAAM,EACnE,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,YAAa,CACX,KAAM,OACN,UAAW,mBACX,OAAQC,EACR,QAAS,aACT,WAAY,EACd,EACA,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,GAAGE,CACL",
+  "names": ["sizes", "variants", "orientations", "segmentedControlRootPropDefs", "radiusPropDef"]
+}

package/dist/esm/chunk-FD2TR343.js

@@ -0,0 +1,2 @@
+var e=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],t={weight:{type:"enum",className:"rt-r-weight",values:e,responsive:!0}};export{t as a};
+//# sourceMappingURL=chunk-FD2TR343.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/weight.prop.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst weights = ['thin', 'extralight', 'light', 'regular', 'medium', 'semibold', 'bold', 'extrabold'] as const;\n\nconst weightPropDef = {\n  weight: {\n    type: 'enum',\n    className: 'rt-r-weight',\n    values: weights,\n    responsive: true,\n  },\n} satisfies {\n  weight: PropDef<(typeof weights)[number]>;\n};\n\nexport { weightPropDef };\n"],
+  "mappings": "AAEA,IAAMA,EAAU,CAAC,OAAQ,aAAc,QAAS,UAAW,SAAU,WAAY,OAAQ,WAAW,EAE9FC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,UAAW,cACX,OAAQD,EACR,WAAY,EACd,CACF",
+  "names": ["weights", "weightPropDef"]
+}

package/dist/esm/chunk-FGORMEAO.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-NZJGC6ZW.js";var s=["div","span"],o=["none","inline","inline-block","block","contents"],t={as:{type:"enum",values:s,default:"div"},...e,display:{type:"enum",className:"rt-r-display",values:o,responsive:!0}};export{t as a};
+//# sourceMappingURL=chunk-FGORMEAO.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/box.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst as = ['div', 'span'] as const;\nconst displayValues = ['none', 'inline', 'inline-block', 'block', 'contents'] as const;\n\nconst boxPropDefs = {\n  /**\n   * Controls whether to render **div** or **span**\n   *\n   * @example\n   * as=\"div\"\n   * as=\"span\"\n   */\n  as: { type: 'enum', values: as, default: 'div' },\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **display** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * display=\"inline-block\"\n   * display={{ sm: 'none', lg: 'block' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/display\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    responsive: true,\n  },\n} satisfies {\n  as: PropDef<(typeof as)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype BoxOwnProps = GetPropDefTypes<typeof boxPropDefs & typeof asChildPropDef>;\n\nexport { boxPropDefs };\nexport type { BoxOwnProps };\n"],
+  "mappings": "wCAIA,IAAMA,EAAK,CAAC,MAAO,MAAM,EACnBC,EAAgB,CAAC,OAAQ,SAAU,eAAgB,QAAS,UAAU,EAEtEC,EAAc,CAQlB,GAAI,CAAE,KAAM,OAAQ,OAAQF,EAAI,QAAS,KAAM,EAC/C,GAAGG,EAYH,QAAS,CACP,KAAM,OACN,UAAW,eACX,OAAQF,EACR,WAAY,EACd,CACF",
+  "names": ["as", "displayValues", "boxPropDefs", "asChildPropDef"]
+}

package/dist/esm/chunk-FHEHX7CE.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-MJJ7XDIP.js";import*as e from"react";import m from"classnames";import{Slot as R}from"radix-ui";var a=e.forwardRef(({className:t,children:r,...s},p)=>e.createElement(R.Root,{...s,ref:p,className:m("rt-reset",t)},o(r)));a.displayName="Reset";export{a};
+//# sourceMappingURL=chunk-FHEHX7CE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/reset.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ninterface ResetProps extends ComponentPropsWithout<typeof Slot.Root, RemovedProps> {}\nconst Reset = React.forwardRef<HTMLElement, ResetProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <Slot.Root {...props} ref={forwardedRef} className={classNames('rt-reset', className)}>\n        {requireReactElement(children)}\n      </Slot.Root>\n    );\n  }\n);\nReset.displayName = 'Reset';\n\nexport { Reset };\nexport type { ResetProps };\n"],
+  "mappings": "wCAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAOrB,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAEhC,gBAACC,EAAK,KAAL,CAAW,GAAGF,EAAO,IAAKC,EAAc,UAAWE,EAAW,WAAYL,CAAS,GACjFM,EAAoBL,CAAQ,CAC/B,CAGN,EACAF,EAAM,YAAc",
+  "names": ["React", "classNames", "Slot", "Reset", "className", "children", "props", "forwardedRef", "Slot", "classNames", "requireReactElement"]
+}

package/dist/esm/chunk-FLBLS7M4.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-NZJGC6ZW.js";import{a as t}from"./chunk-HOHUDTTL.js";import{d as s}from"./chunk-66ZLZAAJ.js";var a=["1","2","3"],o=["soft","surface","outline","classic"],r=["solid","translucent"],n=["solid","translucent"],u={...e,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:o,default:"soft"},...s,...t,material:{type:"enum",values:n,default:void 0},panelBackground:{type:"enum",values:r,default:void 0}};export{u as a};
+//# sourceMappingURL=chunk-FLBLS7M4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/callout.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['soft', 'surface', 'outline', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst calloutRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { calloutRootPropDefs };\n"],
+  "mappings": "wHAMA,IAAMA,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,OAAQ,UAAW,UAAW,SAAS,EACnDC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAsB,CAC1B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAGK,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQJ,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["sizes", "variants", "panelBackgrounds", "materials", "calloutRootPropDefs", "asChildPropDef", "accentColorPropDef", "highContrastPropDef"]
+}

package/dist/esm/chunk-FVCWNSRU.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/flex.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { Slot } from './slot.js';\nimport { flexPropDefs } from './flex.props.js';\n\nimport type { FlexOwnProps } from './flex.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\n\ntype FlexElement = React.ElementRef<'div'>;\ninterface CommonFlexProps extends MarginProps, LayoutProps, FlexOwnProps {}\ntype FlexDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype FlexSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);\n\nconst Flex = React.forwardRef<FlexElement, FlexProps>((props, forwardedRef) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    ...flexProps\n  } = extractProps(props, flexPropDefs, layoutPropDefs, marginPropDefs);\n  const Comp = asChild ? Slot : Tag;\n  return <Comp {...flexProps} ref={forwardedRef} className={classNames('rt-Flex', className)} />;\n});\nFlex.displayName = 'Flex';\n\nexport { Flex };\nexport type { FlexProps };\n"],
+  "mappings": "wMAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAmBvB,IAAMC,EAAa,aAAmC,CAACC,EAAOC,IAAiB,CAC7E,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,MACV,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAAcC,EAAgBC,CAAc,EAEpE,OAAO,gBADMN,EAAUO,EAAON,EACtB,CAAM,GAAGC,EAAW,IAAKJ,EAAc,UAAWU,EAAW,UAAWT,CAAS,EAAG,CAC9F,CAAC,EACDH,EAAK,YAAc",
+  "names": ["React", "classNames", "Flex", "props", "forwardedRef", "className", "asChild", "Tag", "flexProps", "extractProps", "flexPropDefs", "layoutPropDefs", "marginPropDefs", "Slot", "classNames"]
+}

package/dist/esm/chunk-FWB47YCH.js

@@ -0,0 +1,2 @@
+import{Slot as t}from"radix-ui";var l=t.Root,e=t.Root,i=t.Slottable;export{l as a,e as b,i as c};
+//# sourceMappingURL=chunk-FWB47YCH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/slot.tsx"],
+  "sourcesContent": ["import { Slot as SlotPrimitive } from 'radix-ui';\nexport const Root = SlotPrimitive.Root;\nexport const Slot = SlotPrimitive.Root;\nexport const Slottable: typeof SlotPrimitive.Slottable = SlotPrimitive.Slottable;\n"],
+  "mappings": "AAAA,OAAS,QAAQA,MAAqB,WAC/B,IAAMC,EAAOD,EAAc,KACrBE,EAAOF,EAAc,KACrBG,EAA4CH,EAAc",
+  "names": ["SlotPrimitive", "Root", "Slot", "Slottable"]
+}

package/dist/esm/chunk-G2CKYO2I.js

@@ -0,0 +1,2 @@
+var e=["left","center","right"],t={align:{type:"enum",className:"rt-r-ta",values:e,responsive:!0}};export{t as a};
+//# sourceMappingURL=chunk-G2CKYO2I.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/text-align.prop.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst textAlignValues = ['left', 'center', 'right'] as const;\n\nconst textAlignPropDef = {\n  align: {\n    type: 'enum',\n    className: 'rt-r-ta',\n    values: textAlignValues,\n    responsive: true,\n  },\n} satisfies {\n  align: PropDef<(typeof textAlignValues)[number]>;\n};\n\nexport { textAlignPropDef };\n"],
+  "mappings": "AAEA,IAAMA,EAAkB,CAAC,OAAQ,SAAU,OAAO,EAE5CC,EAAmB,CACvB,MAAO,CACL,KAAM,OACN,UAAW,UACX,OAAQD,EACR,WAAY,EACd,CACF",
+  "names": ["textAlignValues", "textAlignPropDef"]
+}

package/dist/esm/chunk-GCUGJXI2.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dialog.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst alignValues = ['start', 'center'] as const;\nconst contentSizes = ['1', '2', '3', '4'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst dialogContentPropDefs = {\n  ...asChildPropDef,\n  align: {\n    type: 'enum',\n    className: 'rt-r-align',\n    values: ['start', 'center'],\n    default: 'center',\n  },\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '3',\n    responsive: true,\n  },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  material: { type: 'enum', values: materials, default: undefined },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '600px' },\n  ...heightPropDefs,\n} satisfies {\n  align: PropDef<(typeof alignValues)[number]>;\n  size: PropDef<(typeof contentSizes)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype DialogContentOwnProps = GetPropDefTypes<\n  typeof dialogContentPropDefs & typeof asChildPropDef & typeof widthPropDefs\n>;\n\nexport { dialogContentPropDefs };\nexport type { DialogContentOwnProps };\n"],
+  "mappings": "wHAQA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAwB,CAC5B,GAAGC,EACH,MAAO,CACL,KAAM,OACN,UAAW,aACX,OAAQ,CAAC,QAAS,QAAQ,EAC1B,QAAS,QACX,EACA,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQJ,EACR,QAAS,IACT,WAAY,EACd,EACA,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
+  "names": ["contentSizes", "panelBackgrounds", "materials", "dialogContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs"]
+}

package/dist/esm/chunk-GFOSP3PZ.js

@@ -0,0 +1,2 @@
+import{b as r}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";var o=["cover","contain","fill","scale-down","none"],a={...e,...r,fit:{type:"enum",className:"rt-r-fit",values:o,default:"cover",responsive:!0},loadingAriaLabel:{type:"string",default:"Loading image..."},errorAriaLabel:{type:"string",default:"Failed to load image"},caption:{type:"string",default:void 0}};export{a};
+//# sourceMappingURL=chunk-GFOSP3PZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/image.props.ts"],
+  "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\n/**\n * Available object-fit values for controlling image scaling behavior\n * \n * - cover: Scales image to cover entire container, may crop edges\n * - contain: Scales image to fit entirely within container, may have empty space\n * - fill: Stretches image to fill container exactly, may distort aspect ratio\n * - scale-down: Acts like 'contain' but never scales up beyond original size\n * - none: Image keeps original size, may overflow or leave empty space\n */\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\n/**\n * Image component prop definitions that define the component's API\n * \n * These props control the visual appearance, behavior, and accessibility\n * features of the Image component. The component supports responsive\n * design, accessibility compliance, and flexible layout options.\n * \n * Key features:\n * - Object-fit control for responsive image scaling\n * - Radius control for rounded corners\n * - Caption support for additional context\n * - Accessibility labels for loading and error states\n * - AsChild pattern for flexible composition\n * \n * @example\n * ```tsx\n * // Basic image with cover fit\n * <Image src=\"/photo.jpg\" alt=\"Team photo\" fit=\"cover\" />\n * \n * // Image with caption and custom radius\n * <Image \n *   src=\"/chart.png\" \n *   alt=\"Sales data\"\n *   caption=\"Q3 2024 Performance\"\n *   radius=\"medium\"\n * />\n * \n * // Responsive object-fit\n * <Image \n *   src=\"/banner.jpg\" \n *   alt=\"Hero banner\"\n *   fit={{ initial: 'cover', md: 'contain' }}\n * />\n * ```\n */\nconst imagePropDefs = {\n  ...asChildPropDef,\n  ...radiusPropDef,\n  /**\n   * Controls how the image should be resized to fit its container\n   * \n   * Sets the CSS object-fit property with responsive support.\n   * Choose the right fit based on your design needs:\n   * \n   * - 'cover': Best for hero images, thumbnails, and cards where you want to fill the space\n   * - 'contain': Best for product images, logos, and content where the entire image must be visible\n   * - 'fill': Use carefully, only when you want to stretch the image to exact dimensions\n   * - 'scale-down': Good for user-uploaded content where you don't want to enlarge small images\n   * - 'none': Useful for pixel-perfect images or when you want original sizing\n   * \n   * @example\n   * ```tsx\n   * // Fill the container, may crop edges\n   * <Image src=\"/hero.jpg\" fit=\"cover\" alt=\"Hero image\" />\n   * \n   * // Show entire image, may have empty space\n   * <Image src=\"/logo.png\" fit=\"contain\" alt=\"Company logo\" />\n   * \n   * // Responsive fit\n   * <Image \n   *   src=\"/banner.jpg\" \n   *   fit={{ initial: 'cover', lg: 'contain' }}\n   *   alt=\"Responsive banner\"\n   * />\n   * ```\n   *\n   * @link https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\n   */\n  fit: {\n    type: 'enum',\n    className: 'rt-r-fit',\n    values: objectFitValues,\n    default: 'cover',\n    responsive: true,\n  },\n  /**\n   * ARIA label announced by screen readers during image loading\n   * \n   * Provides accessibility feedback for users with visual impairments.\n   * Customize this message to match your application's language and tone.\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/chart.jpg\" \n   *   loadingAriaLabel=\"Loading sales chart...\"\n   *   alt=\"Sales performance chart\"\n   * />\n   * ```\n   */\n  loadingAriaLabel: {\n    type: 'string',\n    default: 'Loading image...',\n  },\n  /**\n   * ARIA label announced by screen readers when image loading fails\n   * \n   * Provides accessibility feedback for error states.\n   * Should clearly indicate that the image failed to load and may suggest alternatives.\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/photo.jpg\" \n   *   errorAriaLabel=\"Photo failed to load. Please refresh the page.\"\n   *   alt=\"Team photo\"\n   * />\n   * ```\n   */\n  errorAriaLabel: {\n    type: 'string',\n    default: 'Failed to load image',\n  },\n  /**\n   * Optional caption text displayed below the image\n   * \n   * Provides additional context, description, or attribution for the image.\n   * The caption is styled consistently and positioned below the image content.\n   * \n   * Use captions for:\n   * - Photo credits and attributions\n   * - Additional context or explanation\n   * - Data source information for charts\n   * - Descriptive text that supplements the alt attribute\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/chart.png\" \n   *   alt=\"Q3 sales performance showing 25% growth\"\n   *   caption=\"Data source: Internal sales tracking system\"\n   * />\n   * ```\n   */\n  caption: {\n    type: 'string',\n    default: undefined,\n  },\n} satisfies {\n  fit: PropDef<(typeof objectFitValues)[number]>;\n  loadingAriaLabel: PropDef<string>;\n  errorAriaLabel: PropDef<string>;\n  radius: PropDef<'none' | 'small' | 'medium' | 'large' | 'full'>;\n  caption: PropDef<string | undefined>;\n};\n\nexport { imagePropDefs };\n"],
+  "mappings": "gFAcA,IAAMA,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAqCnEC,EAAgB,CACpB,GAAGC,EACH,GAAGC,EA+BH,IAAK,CACH,KAAM,OACN,UAAW,WACX,OAAQH,EACR,QAAS,QACT,WAAY,EACd,EAgBA,iBAAkB,CAChB,KAAM,SACN,QAAS,kBACX,EAgBA,eAAgB,CACd,KAAM,SACN,QAAS,sBACX,EAsBA,QAAS,CACP,KAAM,SACN,QAAS,MACX,CACF",
+  "names": ["objectFitValues", "imagePropDefs", "asChildPropDef", "radiusPropDef"]
+}

package/dist/esm/chunk-GLC4QJBF.js

@@ -0,0 +1,5 @@
+import{a as l}from"./chunk-2N2AQNJH.js";import{a as r}from"./chunk-XHQGMOXV.js";import{a}from"./chunk-DZ4H2KTP.js";import*as t from"react";import R from"classnames";var P=t.forwardRef(({className:i,tooltip:o,tooltipSide:s="top",tooltipAlign:c="center",tooltipDelayDuration:p,tooltipDisableHoverableContent:b,...e},u)=>{let{tooltipId:m,hasTooltip:d,accessibilityProps:B}=l(o),y="aria-label"in e&&e["aria-label"],f="aria-labelledby"in e&&e["aria-labelledby"],I="children"in e&&e.children;!y&&!f&&!I&&console.error(`IconButton: Icon buttons must have an accessible name. Please provide either:
+- aria-label prop with descriptive text
+- aria-labelledby prop referencing a label element
+- or visible text children`);let n=t.createElement(a,{...e,...B,ref:u,className:R("rt-IconButton",i)});return d?t.createElement(r,{content:o,side:s,align:c,delayDuration:p,disableHoverableContent:b,id:m},n):n});P.displayName="IconButton";export{P as a};
+//# sourceMappingURL=chunk-GLC4QJBF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon-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\ntype IconButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Required accessibility props for icon buttons\n * Icon buttons must have an accessible name to meet WCAG guidelines\n *\n * Three ways to provide accessibility:\n * 1. aria-label: Direct descriptive text\n * 2. aria-labelledby: Reference to a label element\n * 3. children: Visible text content (fallback)\n */\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n/**\n * Tooltip configuration props that can be passed to IconButton\n * These props are forwarded to the underlying Tooltip component\n */\ninterface IconButtonTooltipProps {\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 IconButton props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with accessibility requirements and tooltip functionality\n */\ntype IconButtonOwnProps = Omit<BaseButtonProps, 'as'> & AccessibilityProps & IconButtonTooltipProps;\n\n/**\n * Polymorphic IconButton props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype IconButtonProps<C extends React.ElementType = 'button'> = IconButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonOwnProps>;\n\n/**\n * IconButton component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(props: IconButtonProps<C> & { ref?: React.ForwardedRef<IconButtonElement> }) => React.ReactElement | null;\n\n/**\n * IconButton component for compact, accessible icon-only interactions\n *\n * The IconButton component extends Button with specialized behavior for visual symbols.\n * It enforces accessibility requirements, provides automatic square sizing, and includes\n * built-in tooltip integration. Icon buttons are essential for space-efficient interfaces\n * while maintaining accessibility compliance.\n *\n * Key features:\n * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)\n * - Automatic square aspect ratios for consistent visual alignment\n * - Built-in tooltip support for context and guidance\n * - Same variant and size system as Button for consistency\n * - Runtime validation for accessibility compliance\n *\n * @example\n * ```tsx\n * // Basic icon button with aria-label\n * <IconButton aria-label=\"Settings\">\n *   <Settings />\n * </IconButton>\n *\n * // Icon button with tooltip\n * <IconButton aria-label=\"Save\" tooltip=\"Save your progress\">\n *   <Save />\n * </IconButton>\n *\n * // Icon button with aria-labelledby\n * <IconButton aria-labelledby=\"settings-label\">\n *   <Settings />\n * </IconButton>\n * <span id=\"settings-label\">Open settings panel</span>\n *\n * // Icon button with visible text (fallback)\n * <IconButton>\n *   <Settings />\n *   Settings\n * </IconButton>\n * ```\n */\nconst IconButton = React.forwardRef(\n  (\n    { className, tooltip, tooltipSide = 'top', tooltipAlign = 'center', tooltipDelayDuration, tooltipDisableHoverableContent, ...props }: IconButtonProps,\n    forwardedRef: React.ForwardedRef<IconButtonElement>,\n  ) => {\n    // Use shared tooltip wrapper hook for accessibility props\n    const { tooltipId, hasTooltip, accessibilityProps: tooltipAccessibilityProps } = useTooltipWrapper(tooltip);\n\n    // Runtime accessibility validation to ensure WCAG compliance\n    // This helps catch accessibility issues during development\n    const hasAriaLabel = 'aria-label' in props && props['aria-label'];\n    const hasAriaLabelledBy = 'aria-labelledby' in props && props['aria-labelledby'];\n    const hasChildren = 'children' in props && props.children;\n\n    // Validate accessible name - throw in development, log error in production\n    if (!hasAriaLabel && !hasAriaLabelledBy && !hasChildren) {\n      const errorMessage =\n        'IconButton: Icon buttons must have an accessible name. Please provide either:' +\n        '\\n- aria-label prop with descriptive text' +\n        '\\n- aria-labelledby prop referencing a label element' +\n        '\\n- or visible text children';\n\n      if (process.env.NODE_ENV === 'development') {\n        throw new Error(errorMessage);\n      } else {\n        console.error(errorMessage);\n      }\n    }\n\n    // Create the base icon button element with accessibility props\n    const iconButton = <BaseButton {...props} {...tooltipAccessibilityProps} ref={forwardedRef} className={classNames('rt-IconButton', className)} />;\n\n    // If no tooltip is provided, return the icon button as-is for better performance\n    if (!hasTooltip) {\n      return iconButton;\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        {iconButton}\n      </Tooltip>\n    );\n  },\n) as IconButtonComponent & { displayName?: string };\n\nIconButton.displayName = 'IconButton';\n\nexport { IconButton };\nexport type { IconButtonProps };\n"],
+  "mappings": "mHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAqGvB,IAAMC,EAAmB,aACvB,CACE,CAAE,UAAAC,EAAW,QAAAC,EAAS,YAAAC,EAAc,MAAO,aAAAC,EAAe,SAAU,qBAAAC,EAAsB,+BAAAC,EAAgC,GAAGC,CAAM,EACnIC,IACG,CAEH,GAAM,CAAE,UAAAC,EAAW,WAAAC,EAAY,mBAAoBC,CAA0B,EAAIC,EAAkBV,CAAO,EAIpGW,EAAe,eAAgBN,GAASA,EAAM,YAAY,EAC1DO,EAAoB,oBAAqBP,GAASA,EAAM,iBAAiB,EACzEQ,EAAc,aAAcR,GAASA,EAAM,SAG7C,CAACM,GAAgB,CAACC,GAAqB,CAACC,GAUxC,QAAQ,MARR;AAAA;AAAA;AAAA,2BAQ0B,EAK9B,IAAMC,EAAa,gBAACC,EAAA,CAAY,GAAGV,EAAQ,GAAGI,EAA2B,IAAKH,EAAc,UAAWU,EAAW,gBAAiBjB,CAAS,EAAG,EAG/I,OAAKS,EAOH,gBAACS,EAAA,CAAQ,QAASjB,EAAS,KAAMC,EAAa,MAAOC,EAAc,cAAeC,EAAsB,wBAAyBC,EAAgC,GAAIG,GAClKO,CACH,EAROA,CAUX,CACF,EAEAhB,EAAW,YAAc",
+  "names": ["React", "classNames", "IconButton", "className", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "useTooltipWrapper", "hasAriaLabel", "hasAriaLabelledBy", "hasChildren", "iconButton", "BaseButton", "classNames", "Tooltip"]
+}

package/dist/esm/chunk-GSIE6SUD.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-HAGKI7NA.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{a as s}from"./chunk-HOHUDTTL.js";import{c as r}from"./chunk-66ZLZAAJ.js";var a=["1","2","3","4","5","6","7","8","9","10","11","12"],t=["outline","classic","ghost","soft","surface"],p=["solid","translucent"],l={...o,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",values:p,default:void 0},...r,...s,columns:{...e.columns,default:"repeat(auto-fit, minmax(160px, 1fr))"},gap:{...e.gap,default:"4"}};export{l as a};
+//# sourceMappingURL=chunk-GSIE6SUD.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio-cards.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 { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['outline', 'classic', 'ghost', 'soft', 'surface'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst radioCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(160px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { radioCardsRootPropDefs };\n"],
+  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,UAAW,UAAW,QAAS,OAAQ,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,GAAGG,EACH,GAAGC,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
+  "names": ["sizes", "variants", "panelBackgrounds", "radioCardsRootPropDefs", "asChildPropDef", "colorPropDef", "highContrastPropDef", "gridPropDefs"]
+}

package/dist/esm/chunk-GSTOGDAJ.js

@@ -0,0 +1,2 @@
+var e=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],r={m:{type:"enum | string",values:e,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:e,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:e,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:e,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:e,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:e,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:e,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};export{r as a};
+//# sourceMappingURL=chunk-GSTOGDAJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/margin.props.ts"],
+  "sourcesContent": ["import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"],
+  "mappings": "AAGA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAAO,MAAO,KAAK,EAE7JC,EAAiB,CAarB,EAAG,CACD,KAAM,gBACN,OAAQD,EACR,WAAY,GACZ,UAAW,SACX,iBAAkB,CAAC,KAAK,CAC1B,EAcA,GAAI,CACF,KAAM,gBACN,OAAQA,EACR,WAAY,GACZ,UAAW,UACX,iBAAkB,CAAC,OAAQ,MAAM,CACnC,EAcA,GAAI,CACF,KAAM,gBACN,OAAQA,EACR,WAAY,GACZ,UAAW,UACX,iBAAkB,CAAC,OAAQ,MAAM,CACnC,EAaA,GAAI,CACF,KAAM,gBACN,OAAQA,EACR,WAAY,GACZ,UAAW,UACX,iBAAkB,CAAC,MAAM,CAC3B,EAaA,GAAI,CACF,KAAM,gBACN,OAAQA,EACR,WAAY,GACZ,UAAW,UACX,iBAAkB,CAAC,MAAM,CAC3B,EAaA,GAAI,CACF,KAAM,gBACN,OAAQA,EACR,WAAY,GACZ,UAAW,UACX,iBAAkB,CAAC,MAAM,CAC3B,EAaA,GAAI,CACF,KAAM,gBACN,OAAQA,EACR,WAAY,GACZ,UAAW,UACX,iBAAkB,CAAC,MAAM,CAC3B,CACF",
+  "names": ["marginValues", "marginPropDefs"]
+}

package/dist/esm/chunk-GWYFT3EI.js

@@ -0,0 +1,2 @@
+import{a as ze}from"./chunk-2LYX5S7H.js";import{a as ye,c as Pe}from"./chunk-5LXFJMFB.js";import{h as pe,n as be,p as Se,r as me,t as Re,v as he}from"./chunk-SNHEJU2S.js";import{a as ce,c as ue,d as fe}from"./chunk-UUX42HBM.js";import{a as ge,c as E}from"./chunk-Q73Y5O5P.js";import{b as ve}from"./chunk-CECQNGUL.js";import{a as Me}from"./chunk-NNO7M466.js";import{a as le}from"./chunk-AGAQC4HH.js";import*as t from"react";import qe from"classnames";var Ke=["className","children","state","defaultState","onStateChange","thinSize","toggleModes","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],Ce=t.forwardRef((_,S)=>{let{className:xe,presentation:Ee={initial:"overlay",md:"fixed"},expandedSize:d=288,minSize:l=200,maxSize:c=400,resizable:w=!1,collapsible:we=!0,onExpand:W,onCollapse:j,onResize:T,onResizeStart:Te,onResizeEnd:ke,snapPoints:Ne,snapTolerance:De,collapseThreshold:Ve,paneId:k,persistence:N,children:Ie,style:He,thinSize:p=64,toggleModes:R,state:u,defaultState:h,onStateChange:F,size:q,defaultSize:K,onSizeChange:D,sizeUpdate:V,sizeUpdateMs:I=50,inset:H}=_,Oe=ve(_,Ke),{sidebarMode:a,setSidebarMode:O}=pe(),{currentBreakpointReady:m}=be(),{peekTarget:$}=Se(),{togglePane:$e,setSidebarToggleComputer:y}=me(),{setHasSidebar:L}=Re(),{registerInset:Y,unregisterInset:G}=he();t.useLayoutEffect(()=>{if(H)return Y("sidebar"),()=>G("sidebar")},[H,Y,G]);let U=ye(Ee),b=U==="overlay",Le=U==="stacked",s=t.useRef(null),Ue=t.useCallback(e=>{s.current=e,typeof S=="function"?S(e):S&&(S.current=e)},[S]),J=t.Children.toArray(Ie),Q=J.filter(e=>t.isValidElement(e)&&e.type===E),X=J.filter(e=>!(t.isValidElement(e)&&e.type===E)),f=t.useRef(null);t.useEffect(()=>()=>{f.current&&(clearTimeout(f.current),f.current=null)},[D,V,I]);let P=t.useMemo(()=>{let e=D,n=V,r=I??50;if(!e)return()=>{};if(n==="debounce")return(o,i)=>{f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{e(o,i),f.current=null},r)};if(n==="throttle"){let o=0;return(i,Fe)=>{let de=Date.now();de-o>=r&&(o=de,e(i,Fe))}}return(o,i)=>e(o,i)},[D,V,I]),Ae=t.useId();t.useEffect(()=>(L(!0),()=>{L(!1)}),[L,Ae]);let M=t.useRef(null);t.useEffect(()=>{let e=typeof u<"u";if(M.current===null){M.current=e;return}M.current!==e&&(console.warn("Shell.Sidebar: Switching between controlled and uncontrolled `state` is not supported."),M.current=e)},[u]);let g=t.useRef(F),Z=t.useRef(u);t.useLayoutEffect(()=>{g.current=F,Z.current=u});let Be=typeof u=="object"&&u!==null,{resolvedControlled:v,resolvedDefault:ee}=Pe({controlledValue:u,defaultValue:h,currentValue:a,setValue:O,breakpointReady:m,controlledIsResponsive:Be,onResponsiveChange:e=>g.current?.(e,{reason:"responsive"}),onInit:e=>g.current?.(e,{reason:"init"})}),te=t.useRef(null),ne=t.useRef(void 0);t.useEffect(()=>{let e=a,n=te.current,o=ne.current!==v;n!==null&&n!==e&&(!(typeof Z.current<"u")||!o&&e!==v)&&g.current?.(e,{reason:"toggle"}),te.current=e,ne.current=v},[a,v]);let re=t.useRef(W),oe=t.useRef(j);t.useLayoutEffect(()=>{re.current=W,oe.current=j});let z=t.useRef(null),ae=t.useRef(!1);t.useEffect(()=>{let e=a;if(!m){z.current=e;return}if(!ae.current){ae.current=!0,z.current=e;return}let n=z.current;n!==null&&n!==e&&(n==="collapsed"&&e!=="collapsed"?re.current?.():e==="collapsed"&&oe.current?.(),z.current=e)},[a,m]);let se=a!=="collapsed",C=t.useMemo(()=>{if(!k||N)return N;let e=`kookie-ui:shell:sidebar:${k}`;return{load:()=>{if(!(typeof window>"u"))try{let r=window.localStorage.getItem(e);return r?Number(r):void 0}catch{return}},save:r=>{if(!(typeof window>"u"))try{window.localStorage.setItem(e,String(r))}catch{}}}},[k,N]);t.useEffect(()=>{let e=!0;return(async()=>{if(!w||!C?.load||b)return;let n=await C.load();e&&typeof n=="number"&&s.current&&(s.current.style.setProperty("--sidebar-size",`${n}px`),T?.(n))})(),()=>{e=!1}},[w,C,T,b]);let x=t.useCallback(()=>{let e=ee??(typeof h=="string"?h:void 0)??"expanded";return e==="thin"||e==="expanded"?e:"expanded"},[ee,h]);t.useEffect(()=>{if(!y)return;let e=R??"both";return y(r=>{if(e==="both")return r==="collapsed"?"thin":r==="thin"?"expanded":"collapsed";let o=x();return r==="collapsed"?o:r===o?"collapsed":o}),()=>{y?.(r=>r==="collapsed"?"thin":r==="thin"?"expanded":"collapsed")}},[y,R,x]);let ie=t.useRef(d),_e=t.useRef("expanded");t.useEffect(()=>{a!=="collapsed"&&(_e.current=a,ie.current=a==="thin"?p:d)},[a,p,d]);let We=w&&!b&&a==="expanded"?t.createElement(Me.Provider,{value:{containerRef:s,cssVarName:"--sidebar-size",minSize:l,maxSize:c,defaultSize:d,orientation:"vertical",edge:"end",computeNext:(e,n,r)=>{let o=getComputedStyle(s.current).direction==="rtl",i=e-n;return r+(o?-i:i)},onResize:T,onResizeStart:Te,onResizeEnd:e=>{ke?.(e),P(e,{reason:"resize"}),C?.save?.(e)},target:"sidebar",collapsible:we,snapPoints:Ne,snapTolerance:De??8,collapseThreshold:Ve,requestCollapse:()=>O("collapsed"),requestToggle:()=>$e("sidebar")}},Q.length>0?Q.map((e,n)=>t.cloneElement(e,{key:e.key??n})):t.createElement(ge,null)):null,A=t.useCallback(e=>ze(e,"horizontal"),[]);t.useEffect(()=>{if(s.current&&typeof q>"u"&&typeof K<"u"){let e=A(K);if(typeof e=="number"&&Number.isFinite(e)){let o=Math.min((typeof c=="number"?c:void 0)??e,Math.max((typeof l=="number"?l:void 0)??e,e));s.current.style.setProperty("--sidebar-size",`${o}px`),P(o,{reason:"init"})}}},[]);let B=q;t.useEffect(()=>{if(!s.current||typeof B>"u")return;let e=A(B);if(typeof e=="number"&&Number.isFinite(e)){let o=Math.min((typeof c=="number"?c:void 0)??e,Math.max((typeof l=="number"?l:void 0)??e,e));s.current.style.setProperty("--sidebar-size",`${o}px`),P(o,{reason:"controlled"})}},[B,l,c,A,P]);let je=t.useMemo(()=>{if(!($==="sidebar"&&a==="collapsed"&&!b))return;let e=R??"both",n=a,r;if(e==="both")r=n==="collapsed"?"thin":n==="thin"?"expanded":"collapsed";else{let o=x();r=n==="collapsed"?o:"collapsed"}return r==="thin"?{"--peek-sidebar-width":`${p}px`}:{"--peek-sidebar-width":`var(--sidebar-size, ${d}px)`}},[$,a,b,R,x,p,d]);if(b){let e=a!=="collapsed";return t.createElement(ce,{open:e,onOpenChange:n=>O(n?"expanded":"collapsed")},t.createElement(ue,{side:"start",style:{padding:0},"aria-label":"Navigation","aria-describedby":void 0,width:{initial:`${e?a==="thin"?p:d:ie.current}px`}},t.createElement(le,null,t.createElement(fe,null,"Navigation")),X))}return t.createElement("div",{...Oe,ref:Ue,className:qe("rt-ShellSidebar",xe),"data-mode":a,"data-peek":$==="sidebar"||void 0,"data-presentation":m?U:void 0,"data-open":m&&Le&&se||void 0,"data-inset":H||void 0,style:{...He,"--sidebar-size":`${d}px`,"--sidebar-thin-size":`${p}px`,"--sidebar-min-size":`${l}px`,"--sidebar-max-size":`${c}px`,...je}},t.createElement("div",{className:"rt-ShellSidebarContent","data-visible":se||void 0},X),We)});Ce.displayName="Shell.Sidebar";Ce.Handle=E;export{Ce as a};
+//# sourceMappingURL=chunk-GWYFT3EI.js.map