@kushagradhawan/kookie-ui 0.3.21 → 0.3.23

package/dist/cjs/components/radio.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/radio.tsx", "../../../src/props/color.prop.ts", "../../../src/props/high-contrast.prop.ts", "../../../src/components/_internal/base-radio.props.ts", "../../../src/props/margin.props.ts", "../../../src/helpers/extract-props.ts", "../../../src/props/prop-def.ts", "../../../src/helpers/has-own-property.ts", "../../../src/helpers/is-responsive-object.ts", "../../../src/helpers/get-responsive-styles.ts", "../../../src/helpers/merge-styles.ts"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeEventHandlers } from 'radix-ui/internal';\n\nimport { radioPropDefs } from './radio.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { NotInputRadioAttributes } from '../helpers/input-attributes.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioElement = React.ElementRef<'input'>;\ntype RadioOwnProps = GetPropDefTypes<typeof radioPropDefs> & {\n  value: string;\n  onValueChange?: (value: string) => void;\n};\ntype RadioInputProps = ComponentPropsWithout<\n  'input',\n  NotInputRadioAttributes | 'color' | 'defaultValue' | 'value'\n>;\ninterface RadioProps extends RadioInputProps, MarginProps, RadioOwnProps {}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>((props, forwardedRef) => {\n  const { className, color, material, onChange, onValueChange, ...radioProps } = extractProps(\n    props,\n    radioPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <input\n      type=\"radio\"\n      data-accent-color={color}\n      data-material={material}\n      {...radioProps}\n      onChange={composeEventHandlers(onChange, (event) =>\n        onValueChange?.(event.currentTarget.value),\n      )}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseRadioRoot', 'rt-RadioRoot', className)}\n    />\n  );\n});\nRadio.displayName = 'Radio';\n\nexport { Radio };\nexport type { RadioProps };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n", "import { colorPropDef } 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 = ['classic', 'solid', 'soft', 'outline', 'surface'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseRadioPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nexport { baseRadioPropDefs };\n", "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", "import classNames from 'classnames';\n\nimport { getResponsiveClassNames, getResponsiveStyles } from './get-responsive-styles.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\nimport { mergeStyles } from './merge-styles.js';\n\nimport type * as React from 'react';\nimport type { PropDef } from '../props/prop-def.js';\n\ntype PropDefsWithClassName<T> = T extends Record<string, PropDef>\n  ? { [K in keyof T]: T[K] extends { className: string } ? K : never }[keyof T]\n  : never;\n\nfunction mergePropDefs<T extends Record<string, PropDef>[]>(...args: T): Record<string, PropDef> {\n  return Object.assign({}, ...args);\n}\n\n/**\n * Takes props, checks them against prop defs that have a `className` on them,\n * adds necessary CSS classes and inline styles, and returns the props without\n * the corresponding prop defs that were used to formulate the new `className`\n * and `style` values. Also applies prop def defaults to every prop.\n */\nfunction extractProps<\n  P extends { className?: string; style?: React.CSSProperties; [key: string]: any },\n  T extends Record<string, PropDef>[]\n>(\n  props: P,\n  ...propDefs: T\n): Omit<P & { className?: string; style?: React.CSSProperties }, PropDefsWithClassName<T[number]>> {\n  let className: string | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n  const extractedProps = { ...props };\n  const allPropDefs = mergePropDefs(...propDefs);\n\n  for (const key in allPropDefs) {\n    let value = extractedProps[key];\n    const propDef = allPropDefs[key];\n\n    // Apply prop def defaults\n    if (propDef.default !== undefined && value === undefined) {\n      value = propDef.default;\n    }\n\n    // Apply the default value if the value is not a valid enum value\n    if (propDef.type === 'enum') {\n      const values = [propDef.default, ...propDef.values];\n\n      if (!values.includes(value) && !isResponsiveObject(value)) {\n        value = propDef.default;\n      }\n    }\n\n    // Apply the value with defaults\n    (extractedProps as Record<string, any>)[key] = value;\n\n    if ('className' in propDef && propDef.className) {\n      delete extractedProps[key];\n\n      const isResponsivePropDef = 'responsive' in propDef;\n      // Make sure we are not threading through responsive values for non-responsive prop defs\n      if (!value || (isResponsiveObject(value) && !isResponsivePropDef)) {\n        continue;\n      }\n\n      if (isResponsiveObject(value)) {\n        // Apply prop def defaults to the `initial` breakpoint\n        if (propDef.default !== undefined && value.initial === undefined) {\n          value.initial = propDef.default;\n        }\n\n        // Apply the default value to the `initial` breakpoint when it is not a valid enum value\n        if (propDef.type === 'enum') {\n          const values = [propDef.default, ...propDef.values];\n\n          if (!values.includes(value.initial)) {\n            value.initial = propDef.default;\n          }\n        }\n      }\n\n      if (propDef.type === 'enum') {\n        const propClassName = getResponsiveClassNames({\n          allowArbitraryValues: false,\n          value,\n          className: propDef.className,\n          propValues: propDef.values,\n          parseValue: propDef.parseValue,\n        });\n\n        className = classNames(className, propClassName);\n        continue;\n      }\n\n      if (propDef.type === 'string' || propDef.type === 'enum | string') {\n        const propDefValues = propDef.type === 'string' ? [] : propDef.values;\n\n        const [propClassNames, propCustomProperties] = getResponsiveStyles({\n          className: propDef.className,\n          customProperties: propDef.customProperties,\n          propValues: propDefValues,\n          parseValue: propDef.parseValue,\n          value,\n        });\n\n        style = mergeStyles(style, propCustomProperties);\n        className = classNames(className, propClassNames);\n        continue;\n      }\n\n      if (propDef.type === 'boolean' && value) {\n        // TODO handle responsive boolean props\n        className = classNames(className, propDef.className);\n        continue;\n      }\n    }\n  }\n\n  extractedProps.className = classNames(className, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps;\n}\n\nexport { extractProps };\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({\n  allowArbitraryValues,\n  value,\n  className,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveClassNamesOptions): string | undefined {\n  const classNames: string[] = [];\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string' && propValues.includes(value)) {\n    return getBaseClassName(className, value, parseValue);\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (propValues.includes(value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.join(' ');\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(\n  className: string,\n  value: string,\n  parseValue: (value: string) => string | undefined\n): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({\n  customProperties,\n  value,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveCustomPropertiesOptions) {\n  let styles: Record<string, string | undefined> = {};\n\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && propValues.includes(value))) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    styles = Object.fromEntries(customProperties.map((prop) => [prop, value]));\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (propValues.includes(value)) {\n        continue;\n      }\n\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = value;\n      }\n    }\n  }\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (value !== undefined) {\n      styles[key] = parseValue(value);\n    }\n  }\n\n  return styles;\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqC,6BCDrC,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,ECXA,IAAMC,EAAsB,CAC1B,aAAc,CACZ,KAAM,UACN,UAAW,mBACX,QAAS,MACX,CACF,ECHA,IAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAoB,CACxB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,GAAGE,EACH,GAAGC,CACL,ECZA,IAAMC,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,EC7IA,IAAAE,EAAuB,yBCMvB,IAAMC,EAAc,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,EACtDC,EAA6B,IAAI,IAAID,CAAW,ECNtD,SAASE,EACPC,EACAC,EACU,CACV,OAAO,OAAO,UAAU,eAAe,KAAKD,EAAKC,CAAG,CACtD,CCHA,IAAMC,EAAgB,IAAI,IAAY,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAExE,SAASC,EACdC,EACmC,CACnC,GAAI,OAAOA,GAAQ,UAAYA,IAAQ,KACrC,MAAO,GAGT,QAAWC,KAAOD,EAChB,GAAIF,EAAc,IAAIG,CAAG,EACvB,MAAO,GAGX,MAAO,EACT,CCJA,SAASC,EAAoB,CAAE,UAAAC,EAAW,iBAAAC,EAAkB,GAAGC,CAAK,EAA+B,CACjG,IAAMC,EAAuBC,EAAwB,CACnD,qBAAsB,GACtB,UAAAJ,EACA,GAAGE,CACL,CAAC,EAEKG,EAA6BC,EAA8B,CAAE,iBAAAL,EAAkB,GAAGC,CAAK,CAAC,EAC9F,MAAO,CAACC,EAAsBE,CAA0B,CAC1D,CAUA,SAASD,EAAwB,CAC/B,qBAAAG,EACA,MAAAC,EACA,UAAAR,EACA,WAAAS,EACA,WAAAC,EAAcF,GAAUA,CAC1B,EAAuD,CACrD,IAAMG,EAAuB,CAAC,EAE9B,GAAKH,EAIL,IAAI,OAAOA,GAAU,UAAYC,EAAW,SAASD,CAAK,EACxD,OAAOI,EAAiBZ,EAAWQ,EAAOE,CAAU,EAGtD,GAAIG,EAAmBL,CAAK,EAAG,CAC7B,IAAMM,EAASN,EAEf,QAAWO,KAAMD,EAAQ,CAEvB,GAAI,CAACE,EAAeF,EAAQC,CAAE,GAAK,CAACE,EAAc,IAAIF,CAAE,EACtD,SAGF,IAAMP,EAAQM,EAAOC,CAAE,EAEvB,GAAIP,IAAU,QACZ,GAAIC,EAAW,SAASD,CAAK,EAAG,CAC9B,IAAMU,EAAgBN,EAAiBZ,EAAWQ,EAAOE,CAAU,EAC7DS,EAAcJ,IAAO,UAAYG,EAAgB,GAAGH,CAAE,IAAIG,CAAa,GAC7EP,EAAW,KAAKQ,CAAW,CAC7B,SAAWZ,EAAsB,CAC/B,IAAMY,EAAcJ,IAAO,UAAYf,EAAY,GAAGe,CAAE,IAAIf,CAAS,GACrEW,EAAW,KAAKQ,CAAW,CAC7B,EAEJ,CAEA,OAAOR,EAAW,KAAK,GAAG,CAC5B,CAEA,GAAIJ,EACF,OAAOP,EAEX,CAEA,SAASY,EACPZ,EACAQ,EACAE,EACQ,CACR,IAAMU,EAAYpB,EAAY,IAAM,GAC9BqB,EAAeX,EAAWF,CAAK,EAC/Bc,EAAaD,GAAc,WAAW,GAAG,EACzCE,EAAQD,EAAa,IAAM,GAC3BE,EAAgBF,EAAaD,GAAc,UAAU,CAAC,EAAIA,EAChE,MAAO,GAAGE,CAAK,GAAGvB,CAAS,GAAGoB,CAAS,GAAGI,CAAa,EACzD,CASA,SAASlB,EAA8B,CACrC,iBAAAL,EACA,MAAAO,EACA,WAAAC,EACA,WAAAC,EAAcF,GAAUA,CAC1B,EAAyC,CACvC,IAAIiB,EAA6C,CAAC,EAGlD,GAAI,GAACjB,GAAU,OAAOA,GAAU,UAAYC,EAAW,SAASD,CAAK,GAQrE,IAJI,OAAOA,GAAU,WACnBiB,EAAS,OAAO,YAAYxB,EAAiB,IAAKyB,GAAS,CAACA,EAAMlB,CAAK,CAAC,CAAC,GAGvEK,EAAmBL,CAAK,EAAG,CAC7B,IAAMM,EAASN,EAEf,QAAWO,KAAMD,EAAQ,CAEvB,GAAI,CAACE,EAAeF,EAAQC,CAAE,GAAK,CAACE,EAAc,IAAIF,CAAE,EACtD,SAGF,IAAMP,EAAQM,EAAOC,CAAE,EAGvB,GAAI,CAAAN,EAAW,SAASD,CAAK,EAI7B,QAAWmB,KAAkB1B,EAAkB,CAC7C,IAAM2B,EAAab,IAAO,UAAYY,EAAiB,GAAGA,CAAc,IAAIZ,CAAE,GAC9EU,EAAOG,CAAU,EAAIpB,CACvB,CACF,CACF,CAEA,QAAWqB,KAAOJ,EAAQ,CACxB,IAAMjB,EAAQiB,EAAOI,CAAG,EACpBrB,IAAU,SACZiB,EAAOI,CAAG,EAAInB,EAAWF,CAAK,EAElC,CAEA,OAAOiB,EACT,CC9IO,SAASK,KAAeC,EAAyC,CACtE,IAAIC,EAEJ,QAAWC,KAASF,EACdE,IACED,IAAW,SAEbA,EAAS,CAAC,GAEZ,OAAO,OAAOA,EAAQC,CAAK,GAI/B,OAAOD,CACT,CLRA,SAASE,KAAsDC,EAAkC,CAC/F,OAAO,OAAO,OAAO,CAAC,EAAG,GAAGA,CAAI,CAClC,CAQA,SAASC,EAIPC,KACGC,EAC8F,CACjG,IAAIC,EACAC,EACEC,EAAiB,CAAE,GAAGJ,CAAM,EAC5BK,EAAcR,EAAc,GAAGI,CAAQ,EAE7C,QAAWK,KAAOD,EAAa,CAC7B,IAAIE,EAAQH,EAAeE,CAAG,EACxBE,EAAUH,EAAYC,CAAG,EAmB/B,GAhBIE,EAAQ,UAAY,QAAaD,IAAU,SAC7CA,EAAQC,EAAQ,SAIdA,EAAQ,OAAS,QAGf,CAFW,CAACA,EAAQ,QAAS,GAAGA,EAAQ,MAAM,EAEtC,SAASD,CAAK,GAAK,CAACE,EAAmBF,CAAK,IACtDA,EAAQC,EAAQ,SAKnBJ,EAAuCE,CAAG,EAAIC,EAE3C,cAAeC,GAAWA,EAAQ,UAAW,CAC/C,OAAOJ,EAAeE,CAAG,EAEzB,IAAMI,EAAsB,eAAgBF,EAE5C,GAAI,CAACD,GAAUE,EAAmBF,CAAK,GAAK,CAACG,EAC3C,SAmBF,GAhBID,EAAmBF,CAAK,IAEtBC,EAAQ,UAAY,QAAaD,EAAM,UAAY,SACrDA,EAAM,QAAUC,EAAQ,SAItBA,EAAQ,OAAS,SACJ,CAACA,EAAQ,QAAS,GAAGA,EAAQ,MAAM,EAEtC,SAASD,EAAM,OAAO,IAChCA,EAAM,QAAUC,EAAQ,WAK1BA,EAAQ,OAAS,OAAQ,CAC3B,IAAMG,EAAgBC,EAAwB,CAC5C,qBAAsB,GACtB,MAAAL,EACA,UAAWC,EAAQ,UACnB,WAAYA,EAAQ,OACpB,WAAYA,EAAQ,UACtB,CAAC,EAEDN,KAAY,EAAAW,SAAWX,EAAWS,CAAa,EAC/C,QACF,CAEA,GAAIH,EAAQ,OAAS,UAAYA,EAAQ,OAAS,gBAAiB,CACjE,IAAMM,EAAgBN,EAAQ,OAAS,SAAW,CAAC,EAAIA,EAAQ,OAEzD,CAACO,EAAgBC,CAAoB,EAAIC,EAAoB,CACjE,UAAWT,EAAQ,UACnB,iBAAkBA,EAAQ,iBAC1B,WAAYM,EACZ,WAAYN,EAAQ,WACpB,MAAAD,CACF,CAAC,EAEDJ,EAAQe,EAAYf,EAAOa,CAAoB,EAC/Cd,KAAY,EAAAW,SAAWX,EAAWa,CAAc,EAChD,QACF,CAEA,GAAIP,EAAQ,OAAS,WAAaD,EAAO,CAEvCL,KAAY,EAAAW,SAAWX,EAAWM,EAAQ,SAAS,EACnD,QACF,CACF,CACF,CAEA,OAAAJ,EAAe,aAAY,EAAAS,SAAWX,EAAWF,EAAM,SAAS,EAChEI,EAAe,MAAQc,EAAYf,EAAOH,EAAM,KAAK,EAC9CI,CACT,CL/FA,IAAMe,EAAc,aAAqC,CAACC,EAAOC,IAAiB,CAChF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAW,EAAIC,EAC7ER,EACAS,EACAC,CACF,EACA,OACE,gBAAC,SACC,KAAK,QACL,oBAAmBP,EACnB,gBAAeC,EACd,GAAGG,EACJ,YAAU,wBAAqBF,EAAWM,GACxCL,IAAgBK,EAAM,cAAc,KAAK,CAC3C,EACA,IAAKV,EACL,aAAW,EAAAW,SAAW,WAAY,mBAAoB,eAAgBV,CAAS,EACjF,CAEJ,CAAC,EACDH,EAAM,YAAc",
-  "names": ["radio_exports", "__export", "Radio", "__toCommonJS", "React", "import_classnames", "import_internal", "accentColors", "colorPropDef", "accentColors", "highContrastPropDef", "sizes", "variants", "materials", "baseRadioPropDefs", "colorPropDef", "highContrastPropDef", "marginValues", "marginPropDefs", "import_classnames", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "value", "propValues", "parseValue", "classNames", "getBaseClassName", "isResponsiveObject", "object", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "prop", "customProperty", "bpProperty", "key", "mergeStyles", "styles", "result", "style", "mergePropDefs", "args", "extractProps", "props", "propDefs", "className", "style", "extractedProps", "allPropDefs", "key", "value", "propDef", "isResponsiveObject", "isResponsivePropDef", "propClassName", "getResponsiveClassNames", "classNames", "propDefValues", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "Radio", "props", "forwardedRef", "className", "color", "material", "onChange", "onValueChange", "radioProps", "extractProps", "baseRadioPropDefs", "marginPropDefs", "event", "classNames"]
+  "sources": ["../../../src/components/radio.tsx", "../../../src/props/color.prop.ts", "../../../src/props/high-contrast.prop.ts", "../../../src/components/_internal/base-radio.props.ts", "../../../src/props/margin.props.ts", "../../../src/helpers/extract-props.ts", "../../../src/helpers/compile-prop-defs.ts", "../../../src/props/prop-def.ts", "../../../src/helpers/has-own-property.ts", "../../../src/helpers/is-responsive-object.ts", "../../../src/helpers/get-responsive-styles.ts", "../../../src/helpers/merge-styles.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeEventHandlers } from 'radix-ui/internal';\n\nimport { radioPropDefs } from './radio.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { NotInputRadioAttributes } from '../helpers/input-attributes.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioElement = React.ElementRef<'input'>;\ntype RadioOwnProps = GetPropDefTypes<typeof radioPropDefs> & {\n  value: string;\n  onValueChange?: (value: string) => void;\n};\ntype RadioInputProps = ComponentPropsWithout<\n  'input',\n  NotInputRadioAttributes | 'color' | 'defaultValue' | 'value'\n>;\ninterface RadioProps extends RadioInputProps, MarginProps, RadioOwnProps {}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>((props, forwardedRef) => {\n  const { className, color, material, onChange, onValueChange, ...radioProps } = extractProps(\n    props,\n    radioPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <input\n      type=\"radio\"\n      data-accent-color={color}\n      data-material={material}\n      {...radioProps}\n      onChange={composeEventHandlers(onChange, (event) =>\n        onValueChange?.(event.currentTarget.value),\n      )}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseRadioRoot', 'rt-RadioRoot', className)}\n    />\n  );\n});\nRadio.displayName = 'Radio';\n\nexport { Radio };\nexport type { RadioProps };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n", "import { colorPropDef } 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 = ['classic', 'solid', 'soft', 'outline', 'surface'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseRadioPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nexport { baseRadioPropDefs };\n", "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", "import classNames from 'classnames';\n\nimport { getCompiledPropDefs } from './compile-prop-defs.js';\nimport { getResponsiveClassNames, getResponsiveStyles } from './get-responsive-styles.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\nimport { mergeStyles } from './merge-styles.js';\n\nimport type { CompiledPropDef } from './compile-prop-defs.js';\nimport type * as React from 'react';\nimport type { PropDef } from '../props/prop-def.js';\n\ntype PropDefsWithClassName<T> = T extends Record<string, PropDef> ? { [K in keyof T]: T[K] extends { className: string } ? K : never }[keyof T] : never;\n\ntype ResponsiveValue = Record<string, string | undefined>;\n\n/**\n * Fills in the `initial` breakpoint of a responsive value from the prop def's\n * default, and coerces an invalid `initial` enum value back to that default.\n *\n * Returns the value untouched when nothing needs changing, and a copy otherwise\n * \u2014 callers routinely hoist responsive objects to module scope, so mutating the\n * caller's object would corrupt it for every later render.\n */\nfunction normalizeResponsiveValue(value: ResponsiveValue, propDef: CompiledPropDef) {\n  let initial = value.initial;\n  let changed = false;\n\n  if (propDef.hasDefault && initial === undefined) {\n    initial = propDef.default as string | undefined;\n    changed = true;\n  }\n\n  if (propDef.enumValueSet !== undefined && !propDef.enumValueSet.has(initial)) {\n    initial = propDef.default as string | undefined;\n    changed = true;\n  }\n\n  return changed ? { ...value, initial } : value;\n}\n\n/**\n * Takes props, checks them against prop defs that have a `className` on them,\n * adds necessary CSS classes and inline styles, and returns the props without\n * the corresponding prop defs that were used to formulate the new `className`\n * and `style` values. Also applies prop def defaults to every prop.\n */\nfunction extractProps<P extends { className?: string; style?: React.CSSProperties; [key: string]: any }, T extends Record<string, PropDef>[]>(\n  props: P,\n  ...propDefs: T\n): Omit<P & { className?: string; style?: React.CSSProperties }, PropDefsWithClassName<T[number]>> {\n  const { styling, passthrough, stylingKeys } = getCompiledPropDefs(propDefs);\n\n  // Copy the props that survive to the element rather than spreading and then\n  // deleting the styling keys. Deleting off a spread demotes the object to\n  // dictionary mode in V8, and this object is on the render path of every\n  // component in the library.\n  const extractedProps: Record<string, any> = {};\n  for (const key in props) {\n    if (stylingKeys.has(key)) continue;\n    extractedProps[key] = props[key];\n  }\n\n  for (let i = 0; i < passthrough.length; i++) {\n    const propDef = passthrough[i];\n    const value = extractedProps[propDef.key];\n\n    if (value === undefined) {\n      if (propDef.hasDefault) extractedProps[propDef.key] = propDef.default;\n      continue;\n    }\n\n    // Fall back to the default when the value is not a valid enum value\n    if (propDef.enumValueSet !== undefined && !propDef.enumValueSet.has(value) && !isResponsiveObject(value)) {\n      extractedProps[propDef.key] = propDef.default;\n    }\n  }\n\n  let style: ReturnType<typeof mergeStyles>;\n  const classes: string[] = [];\n\n  for (let i = 0; i < styling.length; i++) {\n    const propDef = styling[i];\n    let value = props[propDef.key];\n\n    // Apply prop def defaults\n    if (value === undefined && propDef.hasDefault) {\n      value = propDef.default;\n    }\n\n    // Apply the default value if the value is not a valid enum value\n    if (propDef.enumValueSet !== undefined && !propDef.enumValueSet.has(value) && !isResponsiveObject(value)) {\n      value = propDef.default;\n    }\n\n    if (!value) continue;\n\n    if (isResponsiveObject(value)) {\n      // Make sure we are not threading through responsive values for non-responsive prop defs\n      if (!propDef.responsive) continue;\n      value = normalizeResponsiveValue(value, propDef);\n    }\n\n    if (propDef.type === 'enum') {\n      const propClassName = getResponsiveClassNames({\n        allowArbitraryValues: false,\n        value,\n        className: propDef.className!,\n        propValues: propDef.values,\n        propValueSet: propDef.valueSet,\n        parseValue: propDef.parseValue,\n      });\n\n      if (propClassName) classes.push(propClassName);\n      continue;\n    }\n\n    if (propDef.type === 'string' || propDef.type === 'enum | string') {\n      const [propClassNames, propCustomProperties] = getResponsiveStyles({\n        className: propDef.className!,\n        customProperties: propDef.customProperties!,\n        // `string` prop defs have no enum values, so every value is arbitrary\n        propValues: propDef.type === 'string' ? [] : propDef.values,\n        propValueSet: propDef.type === 'string' ? undefined : propDef.valueSet,\n        parseValue: propDef.parseValue,\n        value,\n      });\n\n      if (propCustomProperties) style = mergeStyles(style, propCustomProperties);\n      if (propClassNames) classes.push(propClassNames);\n      continue;\n    }\n\n    if (propDef.type === 'boolean') {\n      // TODO handle responsive boolean props\n      classes.push(propDef.className!);\n      continue;\n    }\n  }\n\n  extractedProps.className = classNames(classes.length > 0 ? classes.join(' ') : undefined, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps as ReturnType<typeof extractProps<P, T>>;\n}\n\nexport { extractProps };\n", "import type { PropDef } from '../props/prop-def.js';\n\n/**\n * A prop def pre-processed into the exact shape `extractProps` needs at render\n * time. Everything that can be derived from the static prop def \u2014 enum\n * membership sets, whether the def is responsive, whether it carries a default\n * \u2014 is computed once here instead of on every render.\n */\ninterface CompiledPropDef {\n  key: string;\n  type: PropDef['type'];\n  default: unknown;\n  hasDefault: boolean;\n  responsive: boolean;\n  className?: string;\n  customProperties?: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n  /** The prop def's own enum values, kept for the responsive class name helpers. */\n  values: readonly string[];\n  /** O(1) membership for `values`. */\n  valueSet: ReadonlySet<string>;\n  /**\n   * `values` plus the default, used to coerce invalid enum values back to the\n   * default. Only present for `type: 'enum'` \u2014 `'enum | string'` props accept\n   * arbitrary strings and must not be coerced.\n   */\n  enumValueSet?: ReadonlySet<unknown>;\n}\n\ninterface CompiledPropDefs {\n  /** Defs that contribute a class name and/or custom properties. */\n  styling: CompiledPropDef[];\n  /**\n   * Defs that pass through to the element but still need a default applied or\n   * an invalid enum value coerced. Defs that can do neither are omitted\n   * entirely \u2014 they are already correct as passed.\n   */\n  passthrough: CompiledPropDef[];\n  /** Keys consumed by `styling`, so they can be skipped when copying props. */\n  stylingKeys: ReadonlySet<string>;\n}\n\nconst EMPTY_VALUES: readonly string[] = [];\nconst EMPTY_SET: ReadonlySet<string> = new Set();\n\nfunction compile(propDefs: readonly Record<string, PropDef>[]): CompiledPropDefs {\n  const merged: Record<string, PropDef> = Object.assign({}, ...propDefs);\n  const styling: CompiledPropDef[] = [];\n  const passthrough: CompiledPropDef[] = [];\n  const stylingKeys = new Set<string>();\n\n  for (const key in merged) {\n    // The PropDef union is narrowed per-field below; reading the optional\n    // members off the union directly is what the runtime actually needs.\n    const def = merged[key] as PropDef & {\n      default?: unknown;\n      values?: readonly string[];\n      className?: string;\n      customProperties?: `--${string}`[];\n      parseValue?: (value: string) => string | undefined;\n      responsive?: true;\n    };\n\n    const values = def.values ?? EMPTY_VALUES;\n    const compiled: CompiledPropDef = {\n      key,\n      type: def.type,\n      default: def.default,\n      hasDefault: def.default !== undefined,\n      responsive: 'responsive' in def,\n      className: def.className,\n      customProperties: def.customProperties,\n      parseValue: def.parseValue,\n      values,\n      valueSet: values.length > 0 ? new Set(values) : EMPTY_SET,\n      enumValueSet: def.type === 'enum' ? new Set<unknown>([def.default, ...values]) : undefined,\n    };\n\n    if (def.className) {\n      styling.push(compiled);\n      stylingKeys.add(key);\n    } else if (compiled.hasDefault || def.type === 'enum') {\n      // Anything else is copied through untouched, so there is nothing to do.\n      passthrough.push(compiled);\n    }\n  }\n\n  return { styling, passthrough, stylingKeys };\n}\n\ninterface CacheNode {\n  children: WeakMap<object, CacheNode>;\n  compiled?: CompiledPropDefs;\n}\n\nconst cacheRoot: CacheNode = { children: new WeakMap() };\n\n/**\n * Compiles a set of prop defs, memoized on the identity of the prop def objects\n * themselves. Components always pass the same module-level constants, so after\n * the first render of a given component this is a couple of WeakMap lookups\n * instead of merging 50-odd prop defs into a fresh object.\n */\nfunction getCompiledPropDefs(propDefs: readonly Record<string, PropDef>[]): CompiledPropDefs {\n  let node = cacheRoot;\n\n  for (let i = 0; i < propDefs.length; i++) {\n    const propDef = propDefs[i];\n    let child = node.children.get(propDef);\n    if (child === undefined) {\n      child = { children: new WeakMap() };\n      node.children.set(propDef, child);\n    }\n    node = child;\n  }\n\n  return (node.compiled ??= compile(propDefs));\n}\n\nexport { getCompiledPropDefs };\nexport type { CompiledPropDef, CompiledPropDefs };\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\n/**\n * Membership test against a prop def's enum values. Callers that already hold a\n * compiled prop def pass `propValueSet` for an O(1) lookup; the handful of call\n * sites that build options inline fall back to scanning the array.\n */\nfunction includesValue(propValues: string[] | readonly string[], propValueSet: ReadonlySet<string> | undefined, value: string): boolean {\n  return propValueSet !== undefined ? propValueSet.has(value) : propValues.includes(value);\n}\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({ allowArbitraryValues, value, className, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveClassNamesOptions): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    if (includesValue(propValues, propValueSet, value)) {\n      return getBaseClassName(className, value, parseValue);\n    }\n    return allowArbitraryValues ? className : undefined;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n    const classNames: string[] = [];\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (includesValue(propValues, propValueSet, value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.length > 0 ? classNames.join(' ') : '';\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(className: string, value: string, parseValue: (value: string) => string | undefined): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({ customProperties, value, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveCustomPropertiesOptions) {\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && includesValue(propValues, propValueSet, value))) {\n    return undefined;\n  }\n\n  let styles: Record<string, string | undefined> | undefined;\n\n  if (typeof value === 'string') {\n    const parsed = parseValue(value);\n    styles = {};\n    for (const customProperty of customProperties) {\n      styles[customProperty] = parsed;\n    }\n    return styles;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (value === undefined || includesValue(propValues, propValueSet, value)) {\n        continue;\n      }\n\n      const parsed = parseValue(value);\n      styles ??= {};\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = parsed;\n      }\n    }\n  }\n\n  return styles ?? {};\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n"],
+  "mappings": "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",
+  "names": ["radio_exports", "__export", "Radio", "__toCommonJS", "React", "import_classnames", "import_internal", "accentColors", "colorPropDef", "accentColors", "highContrastPropDef", "sizes", "variants", "materials", "baseRadioPropDefs", "colorPropDef", "highContrastPropDef", "marginValues", "marginPropDefs", "import_classnames", "EMPTY_VALUES", "EMPTY_SET", "compile", "propDefs", "merged", "styling", "passthrough", "stylingKeys", "key", "def", "values", "compiled", "cacheRoot", "getCompiledPropDefs", "node", "i", "propDef", "child", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "includesValue", "propValues", "propValueSet", "value", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "parseValue", "getBaseClassName", "isResponsiveObject", "object", "classNames", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "parsed", "customProperty", "bpProperty", "mergeStyles", "styles", "result", "style", "normalizeResponsiveValue", "value", "propDef", "initial", "changed", "extractProps", "props", "propDefs", "styling", "passthrough", "stylingKeys", "getCompiledPropDefs", "extractedProps", "key", "isResponsiveObject", "style", "classes", "propClassName", "getResponsiveClassNames", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "classNames", "Radio", "props", "forwardedRef", "className", "color", "material", "onChange", "onValueChange", "radioProps", "extractProps", "baseRadioPropDefs", "marginPropDefs", "event", "classNames"]
 }

package/dist/cjs/components/schemas/base-button.schema.d.ts

@@ -220,6 +220,7 @@ export declare const BaseButtonSchema: z.ZodObject<{
     loading: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -245,13 +246,13 @@ export declare const BaseButtonSchema: z.ZodObject<{
     onClick?: ((...args: unknown[]) => unknown) | undefined;
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -277,7 +278,6 @@ export declare const BaseButtonSchema: z.ZodObject<{
     onClick?: ((...args: unknown[]) => unknown) | undefined;
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;

package/dist/cjs/components/schemas/button.schema.d.ts

@@ -445,6 +445,7 @@ export declare const ButtonSchema: z.ZodObject<{
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -471,7 +472,6 @@ export declare const ButtonSchema: z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -545,6 +545,7 @@ export declare const ButtonSchema: z.ZodObject<{
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -571,7 +572,6 @@ export declare const ButtonSchema: z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;

package/dist/cjs/components/schemas/icon-button.schema.d.ts

@@ -115,6 +115,7 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -141,7 +142,6 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -149,6 +149,7 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -175,7 +176,6 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;
@@ -215,6 +215,7 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -241,7 +242,6 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -249,6 +249,7 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -275,7 +276,6 @@ export declare const IconButtonSchema: z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;

package/dist/cjs/components/schemas/shell.schema.d.ts

@@ -533,7 +533,7 @@ export declare const ShellSidebarSchema: z.ZodObject<{
         save?: ((args_0: number, ...args: unknown[]) => void | Promise<void>) | undefined;
     } | undefined;
     onModeChange?: ((args_0: "expanded" | "collapsed", ...args: unknown[]) => void) | undefined;
-    toggleModes?: "both" | "single" | undefined;
+    toggleModes?: "single" | "both" | undefined;
 }, {
     className?: string | undefined;
     style?: Record<string, string | number> | undefined;
@@ -576,7 +576,7 @@ export declare const ShellSidebarSchema: z.ZodObject<{
     } | undefined;
     onModeChange?: ((args_0: "expanded" | "collapsed", ...args: unknown[]) => void) | undefined;
     thinSize?: number | undefined;
-    toggleModes?: "both" | "single" | undefined;
+    toggleModes?: "single" | "both" | undefined;
 }>;
 /**
  * Shell.Content component schema

package/dist/cjs/components/schemas/toggle-button.schema.d.ts

@@ -443,6 +443,7 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -469,7 +470,6 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -546,6 +546,7 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -572,7 +573,6 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;
@@ -681,6 +681,7 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -707,7 +708,6 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -784,6 +784,7 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -810,7 +811,6 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;
@@ -919,6 +919,7 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -945,7 +946,6 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -1022,6 +1022,7 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -1048,7 +1049,6 @@ export declare const ToggleButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodObject<{
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;

package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts

@@ -123,6 +123,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -149,7 +150,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -160,6 +160,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -186,7 +187,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;
@@ -229,6 +229,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -255,7 +256,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -266,6 +266,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -292,7 +293,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;
@@ -335,6 +335,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -361,7 +362,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -372,6 +372,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -398,7 +399,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;
@@ -441,6 +441,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     tooltipDisableHoverableContent: boolean;
     fullWidth: boolean;
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -467,7 +468,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     radius?: "small" | "none" | "medium" | "large" | "full" | undefined;
     material?: "solid" | "translucent" | undefined;
     panelBackground?: "solid" | "translucent" | undefined;
@@ -478,6 +478,7 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     'data-*'?: Record<string, string> | undefined;
 }, {
     className?: string | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
     style?: Record<string, string | number> | undefined;
     title?: string | undefined;
     as?: string | undefined;
@@ -504,7 +505,6 @@ export declare const ToggleIconButtonSchema: z.ZodEffects<z.ZodEffects<z.ZodEffe
     onMouseEnter?: ((...args: unknown[]) => unknown) | undefined;
     onMouseLeave?: ((...args: unknown[]) => unknown) | undefined;
     tooltip?: string | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
     disabled?: boolean | undefined;
     size?: "1" | "2" | "3" | "4" | {
         initial?: "1" | "2" | "3" | "4" | undefined;

package/dist/cjs/components/scroll-area.js

@@ -1,2 +1,2 @@
-"use strict";var W=Object.create;var b=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var L=(r,e)=>{for(var s in e)b(r,s,{get:e[s],enumerable:!0})},j=(r,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of H(e))!J.call(r,t)&&t!==s&&b(r,t,{get:()=>e[t],enumerable:!(i=I(e,t))||i.enumerable});return r};var D=(r,e,s)=>(s=r!=null?W(F(r)):{},j(e||!r||!r.__esModule?b(s,"default",{value:r,enumerable:!0}):s,r)),Q=r=>j(b({},"__esModule",{value:!0}),r);var se={};L(se,{ScrollArea:()=>U});module.exports=Q(se);var a=D(require("react")),x=D(require("classnames")),f=require("radix-ui");var w={asChild:{type:"boolean"}};var X=["none","small","medium","large","full"],k={radius:{type:"enum",values:X,default:void 0}};var Y=["1","2","3"],Z=["vertical","horizontal","both"],g={...w,size:{type:"enum",className:"rt-r-size",values:Y,default:"1",responsive:!0},...k,scrollbars:{type:"enum",values:Z,default:"both"}};function z(r){let{m:e,mx:s,my:i,mt:t,mr:o,mb:n,ml:p,...l}=r;return{m:e,mx:s,my:i,mt:t,mr:o,mb:n,ml:p,rest:l}}var $=D(require("classnames"));var _=["initial","xs","sm","md","lg","xl"],h=new Set(_);function V(r,e){return Object.prototype.hasOwnProperty.call(r,e)}var ee=new Set(["initial","xs","sm","md","lg","xl"]);function A(r){if(typeof r!="object"||r===null)return!1;for(let e in r)if(ee.has(e))return!0;return!1}function u({className:r,customProperties:e,...s}){let i=R({allowArbitraryValues:!0,className:r,...s}),t=re({customProperties:e,...s});return[i,t]}function R({allowArbitraryValues:r,value:e,className:s,propValues:i,parseValue:t=o=>o}){let o=[];if(e){if(typeof e=="string"&&i.includes(e))return E(s,e,t);if(A(e)){let n=e;for(let p in n){if(!V(n,p)||!h.has(p))continue;let l=n[p];if(l!==void 0){if(i.includes(l)){let m=E(s,l,t),y=p==="initial"?m:`${p}:${m}`;o.push(y)}else if(r){let m=p==="initial"?s:`${p}:${s}`;o.push(m)}}}return o.join(" ")}if(r)return s}}function E(r,e,s){let i=r?"-":"",t=s(e),o=t?.startsWith("-"),n=o?"-":"",p=o?t?.substring(1):t;return`${n}${r}${i}${p}`}function re({customProperties:r,value:e,propValues:s,parseValue:i=t=>t}){let t={};if(!(!e||typeof e=="string"&&s.includes(e))){if(typeof e=="string"&&(t=Object.fromEntries(r.map(o=>[o,e]))),A(e)){let o=e;for(let n in o){if(!V(o,n)||!h.has(n))continue;let p=o[n];if(!s.includes(p))for(let l of r){let m=n==="initial"?l:`${l}-${n}`;t[m]=p}}}for(let o in t){let n=t[o];n!==void 0&&(t[o]=i(n))}return t}}function S(...r){let e;for(let s of r)s&&(e===void 0&&(e={}),Object.assign(e,s));return e}var c=["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"],G={m:{type:"enum | string",values:c,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:c,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:c,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var d=G.m.values;function M(r){let[e,s]=u({className:"rt-r-m",customProperties:["--margin"],propValues:d,value:r.m}),[i,t]=u({className:"rt-r-mx",customProperties:["--margin-left","--margin-right"],propValues:d,value:r.mx}),[o,n]=u({className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"],propValues:d,value:r.my}),[p,l]=u({className:"rt-r-mt",customProperties:["--margin-top"],propValues:d,value:r.mt}),[m,y]=u({className:"rt-r-mr",customProperties:["--margin-right"],propValues:d,value:r.mr}),[C,O]=u({className:"rt-r-mb",customProperties:["--margin-bottom"],propValues:d,value:r.mb}),[P,v]=u({className:"rt-r-ml",customProperties:["--margin-left"],propValues:d,value:r.ml});return[(0,$.default)(e,i,o,p,m,C,P),S(s,t,n,l,y,O,v)]}var N=D(require("react"));function B(r,e){let{asChild:s,children:i}=r;if(!s)return typeof e=="function"?e(i):e;let t=N.Children.only(i);return N.cloneElement(t,{children:typeof e=="function"?e(t.props.children):e})}var U=a.forwardRef((r,e)=>{let{rest:s,...i}=z(r),[t,o]=M(i),{asChild:n,children:p,className:l,style:m,type:y,scrollHideDelay:C=y!=="scroll"?0:void 0,dir:O,size:P=g.size.default,radius:v=g.radius.default,scrollbars:T=g.scrollbars.default,...q}=s;return a.createElement(f.ScrollArea.Root,{type:y,scrollHideDelay:C,className:(0,x.default)("rt-ScrollAreaRoot",t,l),style:S(o,m),asChild:n},B({asChild:n,children:p},K=>a.createElement(a.Fragment,null,a.createElement(f.ScrollArea.Viewport,{...q,ref:e,className:"rt-ScrollAreaViewport"},K),a.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),T!=="vertical"?a.createElement(f.ScrollArea.Scrollbar,{"data-radius":v,orientation:"horizontal",className:(0,x.default)("rt-ScrollAreaScrollbar",R({className:"rt-r-size",value:P,propValues:g.size.values}))},a.createElement(f.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,T!=="horizontal"?a.createElement(f.ScrollArea.Scrollbar,{"data-radius":v,orientation:"vertical",className:(0,x.default)("rt-ScrollAreaScrollbar",R({className:"rt-r-size",value:P,propValues:g.size.values}))},a.createElement(f.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,T==="both"?a.createElement(f.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});U.displayName="ScrollArea";
+"use strict";var I=Object.create;var g=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var J=(r,e)=>{for(var t in e)g(r,t,{get:e[t],enumerable:!0})},V=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of H(e))!_.call(r,s)&&s!==t&&g(r,s,{get:()=>e[s],enumerable:!(o=W(e,s))||o.enumerable});return r};var N=(r,e,t)=>(t=r!=null?I(F(r)):{},V(e||!r||!r.__esModule?g(t,"default",{value:r,enumerable:!0}):t,r)),L=r=>V(g({},"__esModule",{value:!0}),r);var se={};J(se,{ScrollArea:()=>U});module.exports=L(se);var l=N(require("react")),b=N(require("classnames")),u=require("radix-ui");var k={asChild:{type:"boolean"}};var Q=["none","small","medium","large","full"],O={radius:{type:"enum",values:Q,default:void 0}};var X=["1","2","3"],Y=["vertical","horizontal","both"],d={...k,size:{type:"enum",className:"rt-r-size",values:X,default:"1",responsive:!0},...O,scrollbars:{type:"enum",values:Y,default:"both"}};function j(r){let{m:e,mx:t,my:o,mt:s,mr:i,mb:p,ml:n,...a}=r;return{m:e,mx:t,my:o,mt:s,mr:i,mb:p,ml:n,rest:a}}var Z=["initial","xs","sm","md","lg","xl"],h=new Set(Z);function T(r,e){return Object.prototype.hasOwnProperty.call(r,e)}var ee=new Set(["initial","xs","sm","md","lg","xl"]);function x(r){if(typeof r!="object"||r===null)return!1;for(let e in r)if(ee.has(e))return!0;return!1}function P(r,e,t){return e!==void 0?e.has(t):r.includes(t)}function G({className:r,customProperties:e,...t}){let o=R({allowArbitraryValues:!0,className:r,...t}),s=re({customProperties:e,...t});return[o,s]}function R({allowArbitraryValues:r,value:e,className:t,propValues:o,propValueSet:s,parseValue:i=p=>p}){if(e){if(typeof e=="string")return P(o,s,e)?w(t,e,i):r?t:void 0;if(x(e)){let p=e,n=[];for(let a in p){if(!T(p,a)||!h.has(a))continue;let m=p[a];if(m!==void 0){if(P(o,s,m)){let f=w(t,m,i),y=a==="initial"?f:`${a}:${f}`;n.push(y)}else if(r){let f=a==="initial"?t:`${a}:${t}`;n.push(f)}}}return n.length>0?n.join(" "):""}if(r)return t}}function w(r,e,t){let o=r?"-":"",s=t(e),i=s?.startsWith("-"),p=i?"-":"",n=i?s?.substring(1):s;return`${p}${r}${o}${n}`}function re({customProperties:r,value:e,propValues:t,propValueSet:o,parseValue:s=i=>i}){if(!e||typeof e=="string"&&P(t,o,e))return;let i;if(typeof e=="string"){let p=s(e);i={};for(let n of r)i[n]=p;return i}if(x(e)){let p=e;for(let n in p){if(!T(p,n)||!h.has(n))continue;let a=p[n];if(a===void 0||P(t,o,a))continue;let m=s(a);i??(i={});for(let f of r){let y=n==="initial"?f:`${f}-${n}`;i[y]=m}}}return i??{}}function v(...r){let e;for(let t of r)t&&(e===void 0&&(e={}),Object.assign(e,t));return e}var c=["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"],z={m:{type:"enum | string",values:c,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:c,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:c,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var $=z.m.values,te=new Set($),M=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function E(r){let e,t;for(let o=0;o<M.length;o++){let{key:s,className:i,customProperties:p}=M[o],n=r[s];if(n===void 0)continue;let[a,m]=G({className:i,customProperties:p,propValues:$,propValueSet:te,value:n});a&&(e??(e=[])).push(a),m&&(t=v(t,m))}return[e!==void 0?e.join(" "):"",t]}var D=N(require("react"));function B(r,e){let{asChild:t,children:o}=r;if(!t)return typeof e=="function"?e(o):e;let s=D.Children.only(o);return D.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var U=l.forwardRef((r,e)=>{let{rest:t,...o}=j(r),[s,i]=E(o),{asChild:p,children:n,className:a,style:m,type:f,scrollHideDelay:y=f!=="scroll"?0:void 0,dir:oe,size:A=d.size.default,radius:C=d.radius.default,scrollbars:S=d.scrollbars.default,...q}=t;return l.createElement(u.ScrollArea.Root,{type:f,scrollHideDelay:y,className:(0,b.default)("rt-ScrollAreaRoot",s,a),style:v(i,m),asChild:p},B({asChild:p,children:n},K=>l.createElement(l.Fragment,null,l.createElement(u.ScrollArea.Viewport,{...q,ref:e,className:"rt-ScrollAreaViewport"},K),l.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),S!=="vertical"?l.createElement(u.ScrollArea.Scrollbar,{"data-radius":C,orientation:"horizontal",className:(0,b.default)("rt-ScrollAreaScrollbar",R({className:"rt-r-size",value:A,propValues:d.size.values}))},l.createElement(u.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,S!=="horizontal"?l.createElement(u.ScrollArea.Scrollbar,{"data-radius":C,orientation:"vertical",className:(0,b.default)("rt-ScrollAreaScrollbar",R({className:"rt-r-size",value:A,propValues:d.size.values}))},l.createElement(u.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,S==="both"?l.createElement(u.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});U.displayName="ScrollArea";
 //# sourceMappingURL=scroll-area.js.map