@tribepad/themis 1.0.10 → 1.0.12

package/dist/elements/RadioGroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RadioGroup/RadioGroup.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RadioGroup/RadioGroup.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","RadioGroupContext","createContext","radioGroupVariants","cva","radioItemVariants","radioIndicatorVariants","radioInnerDotVariants","RadioLabel","children","className","jsx","RadioDescription","RadioComponent","value","isDisabled","variant","size","isInvalid","useContext","AriaRadio","renderProps","jsxs","Fragment","Radio","RadioGroup","forwardRef","props","ref","label","description","errorMessage","defaultValue","isReadOnly","isRequired","orientation","name","onChange","onFocusChange","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","restProps","generatedId","useId","radioGroupId","labelId","descriptionId","errorId","describedByParts","computedAriaDescribedBy","AriaRadioGroup","Label","Text","FieldError","BaseComponentPropsSchema","z","RadioGroupVariantSchema","RadioGroupSizeSchema","RadioGroupOrientationSchema","RadioGroupPropsSchema","RadioPropsSchema","RadioLabelPropsSchema","RadioDescriptionPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * RadioGroup Component\n * Accessible single-selection radio group with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Bordered container design with explicit 44px+ touch targets\n * - 2 variants: default, destructive (no outline per clarification)\n * - 3 sizes: sm (44px), default (48px), lg (56px)\n * - Arrow keys move focus AND select (WAI-ARIA standard selection-follows-focus)\n * - Error styling on ALL items (cognitive accessibility)\n * - Spring animation for selection indicator\n * - RTL support (indicator auto-flips)\n * - Radio.Label and Radio.Description sub-components\n *\n * @see radiogroup-prd.md (Product Requirements)\n * @see plan.md (11 Key Clarifications)\n * @see React Aria RadioGroup: https://react-spectrum.adobe.com/react-aria/RadioGroup.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  useId,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Label,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type {\n  RadioGroupProps,\n  RadioProps,\n  RadioLabelProps,\n  RadioDescriptionProps,\n  RadioGroupVariant,\n  RadioGroupSize,\n} from './RadioGroup.types';\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface RadioGroupContextValue {\n  variant: RadioGroupVariant;\n  size: RadioGroupSize;\n  isInvalid: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({\n  variant: 'default',\n  size: 'default',\n  isInvalid: false,\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * RadioGroup container variants\n * Controls orientation and spacing (gap-2 = 8px per clarification)\n */\nconst radioGroupVariants = cva(\n  // Base: flex container\n  \"flex\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col gap-2\",\n        horizontal: \"flex-row flex-wrap gap-2\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n);\n\n/**\n * Radio item bordered container variants\n * Bordered container design with explicit touch targets\n * All sizes maintain 44px minimum height (WCAG 2.2 AAA)\n * All sizes use rounded-md (6px) per clarification\n */\nconst radioItemVariants = cva(\n  // Base: bordered container with flex layout, RTL support\n  [\n    \"flex items-center gap-3 rounded-md border cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\", // RTL: indicator flips to right\n    // Focus ring on entire container\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--accent)]/10\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]/10\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--destructive-background)]/10\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n          \"data-[selected]:bg-[var(--destructive-background)]/10\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"min-h-[44px] py-2 px-3 text-sm\",\n        default: \"min-h-[48px] py-3 px-4 text-sm\",\n        lg: \"min-h-[56px] py-4 px-5 text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n      isInvalid: {\n        // Error: ALL items get destructive border (cognitive accessibility)\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isDisabled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Circle indicator (outer ring) variants\n */\nconst radioIndicatorVariants = cva(\n  // Base: circle with border, flex-shrink-0 to prevent squishing\n  \"flex-shrink-0 rounded-full border-2 flex items-center justify-center transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Inner dot variants (appears when selected)\n * Spring animation: cubic-bezier(0.34, 1.56, 0.64, 1) with slight overshoot\n */\nconst radioInnerDotVariants = cva(\n  // Base: centered dot with spring animation\n  [\n    \"rounded-full transition-transform duration-200\",\n    // Spring animation with overshoot\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    // Respect reduced motion preference\n    \"motion-reduce:transition-none\",\n    // Scale from 0 to 1 on selection\n    \"scale-0 data-[selected]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"bg-[var(--primary)]\",\n        destructive: \"bg-[var(--destructive-background)]\",\n      },\n      size: {\n        sm: \"h-2 w-2\",\n        default: \"h-2.5 w-2.5\",\n        lg: \"h-3 w-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\n/**\n * Radio.Label - Styled label for radio item content\n */\nfunction RadioLabel({ children, className }: RadioLabelProps): ReactNode {\n  return (\n    <span className={cn(\"font-medium text-[var(--content-foreground)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioLabel.displayName = \"Radio.Label\";\n\n/**\n * Radio.Description - Styled description for radio item content (muted)\n */\nfunction RadioDescription({ children, className }: RadioDescriptionProps): ReactNode {\n  return (\n    <span className={cn(\"text-sm text-[var(--menu-muted)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioDescription.displayName = \"Radio.Description\";\n\n// ============================================================================\n// Radio Component\n// ============================================================================\n\n/**\n * Radio item component with bordered container design\n */\nfunction RadioComponent({ value, isDisabled, children, className }: RadioProps): ReactNode {\n  const { variant, size, isInvalid } = useContext(RadioGroupContext);\n\n  return (\n    <AriaRadio\n      value={value}\n      isDisabled={isDisabled}\n      className={(renderProps) =>\n        cn(\n          radioItemVariants({\n            variant,\n            size,\n            isDisabled: renderProps.isDisabled,\n            isInvalid,\n          }),\n          className\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {/* Circle indicator */}\n          <div\n            className={radioIndicatorVariants({ variant, size })}\n            data-selected={renderProps.isSelected || undefined}\n          >\n            {/* Inner dot with spring animation */}\n            <div\n              className={radioInnerDotVariants({ variant, size })}\n              data-selected={renderProps.isSelected || undefined}\n            />\n          </div>\n\n          {/* Children content (flexible - text, icons, complex layouts) */}\n          <div className=\"flex-1 flex flex-col\">\n            {children}\n          </div>\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n// Attach sub-components\nconst Radio = Object.assign(RadioComponent, {\n  Label: RadioLabel,\n  Description: RadioDescription,\n}) as typeof RadioComponent & {\n  Label: typeof RadioLabel;\n  Description: typeof RadioDescription;\n  displayName: string;\n};\n\nRadio.displayName = \"Radio\";\n\n// ============================================================================\n// RadioGroup Component\n// ============================================================================\n\n/**\n * RadioGroup root component\n * Accessible single-selection control with bordered container design\n */\nconst RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props: RadioGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Selection props\n      value,\n      defaultValue,\n      // State props\n      isDisabled = false,\n      isReadOnly = false,\n      isRequired = false,\n      isInvalid = false,\n      // Layout props\n      orientation = 'vertical',\n      // Variant props\n      variant = 'default',\n      size = 'default',\n      // Form props\n      name,\n      // Event handlers\n      onChange,\n      onFocusChange,\n      // Standard props\n      className,\n      children,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      ...restProps\n    } = props;\n\n    // Generate unique IDs for accessibility\n    const generatedId = useId();\n    const radioGroupId = id ?? generatedId;\n    const labelId = `${radioGroupId}-label`;\n    const descriptionId = `${radioGroupId}-description`;\n    const errorId = `${radioGroupId}-error`;\n\n    // Build aria-describedby from description and error\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n    const computedAriaDescribedBy = describedByParts.length > 0\n      ? describedByParts.join(' ')\n      : undefined;\n\n    return (\n      <RadioGroupContext.Provider value={{ variant, size, isInvalid }}>\n        <AriaRadioGroup\n          ref={ref}\n          id={radioGroupId}\n          name={name}\n          value={value ?? undefined}\n          defaultValue={defaultValue ?? undefined}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          orientation={orientation}\n          onChange={onChange}\n          onFocusChange={onFocusChange}\n          aria-label={ariaLabel}\n          aria-labelledby={label ? labelId : ariaLabelledby}\n          aria-describedby={computedAriaDescribedBy}\n          data-testid={dataTestId}\n          data-orientation={orientation}\n          className={cn(\"flex flex-col gap-1.5\", className)}\n          {...restProps}\n        >\n          {/* Label with optional required asterisk */}\n          {label && (\n            <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n              {label}\n              {isRequired && (\n                <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </Label>\n          )}\n\n          {/* Description */}\n          {description && (\n            <Text\n              id={descriptionId}\n              slot=\"description\"\n              className=\"text-sm text-[var(--menu-muted)]\"\n            >\n              {description}\n            </Text>\n          )}\n\n          {/* Radio items container with orientation */}\n          <div className={radioGroupVariants({ orientation })}>\n            {children}\n          </div>\n\n          {/* Error message with role=\"alert\" for screen reader announcements */}\n          {isInvalid && errorMessage && (\n            <FieldError\n              id={errorId}\n              className=\"text-sm text-[var(--destructive-background)]\"\n            >\n              <span role=\"alert\">{errorMessage}</span>\n            </FieldError>\n          )}\n        </AriaRadioGroup>\n      </RadioGroupContext.Provider>\n    );\n  }\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  RadioGroup,\n  Radio,\n  radioGroupVariants,\n  radioItemVariants,\n  radioIndicatorVariants,\n  radioInnerDotVariants,\n};\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type {\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n} from 'react-aria-components';\n\n/**\n * RadioGroup variant schema\n * Only 2 variants: default and destructive (no outline per clarification)\n *\n * @see radiogroup-prd.md US-2 (Style Variants)\n * @see plan.md Decision 9 (2 variants only)\n */\nexport const RadioGroupVariantSchema = z.enum(['default', 'destructive']);\nexport type RadioGroupVariant = z.infer<typeof RadioGroupVariantSchema>;\n\n/**\n * RadioGroup size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n *\n * @see radiogroup-prd.md US-3 (Size Variants)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const RadioGroupSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RadioGroupSize = z.infer<typeof RadioGroupSizeSchema>;\n\n/**\n * RadioGroup orientation schema\n *\n * @see radiogroup-prd.md US-5 (Orientation Support)\n */\nexport const RadioGroupOrientationSchema = z.enum(['vertical', 'horizontal']);\nexport type RadioGroupOrientation = z.infer<typeof RadioGroupOrientationSchema>;\n\n/**\n * RadioGroup root component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-4 (Labels, Descriptions, Errors)\n * @see radiogroup-prd.md US-6 (Validation States)\n * @see plan.md (All design decisions from clarification session)\n */\nexport const RadioGroupPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-4)\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n\n  // Selection props (US-1) - nullable for no initial selection\n  value: z.string().nullable().optional(),\n  defaultValue: z.string().nullable().optional(),\n\n  // State props (US-6)\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Layout props (US-5)\n  orientation: RadioGroupOrientationSchema.optional().default('vertical'),\n\n  // Variant props (US-2, US-3) - 2 variants only\n  variant: RadioGroupVariantSchema.optional().default('default'),\n  size: RadioGroupSizeSchema.optional().default('default'),\n\n  // Form props (US-6)\n  name: z.string().optional(),\n\n  // Event handlers\n  onChange: z.custom<(value: string) => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n\n  // Children (Radio components)\n  children: z.custom<ReactNode>(),\n});\n\nexport type RadioGroupProps = z.infer<typeof RadioGroupPropsSchema> &\n  Omit<AriaRadioGroupProps, keyof z.infer<typeof RadioGroupPropsSchema>>;\n\n/**\n * Radio item component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n */\nexport const RadioPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Disabled state (individual item)\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content - accepts any ReactNode for flexible children\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioProps = z.infer<typeof RadioPropsSchema> &\n  Omit<AriaRadioProps, keyof z.infer<typeof RadioPropsSchema>>;\n\n/**\n * Radio.Label sub-component props schema\n * Helper component for styled label within Radio item\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioLabelPropsSchema = z.object({\n  // Label content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioLabelProps = z.infer<typeof RadioLabelPropsSchema>;\n\n/**\n * Radio.Description sub-component props schema\n * Helper component for styled description within Radio item (muted text)\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioDescriptionPropsSchema = z.object({\n  // Description content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type RadioDescriptionProps = z.infer<typeof RadioDescriptionPropsSchema>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type RadioGroupVariantType = RadioGroupVariant;\nexport type RadioGroupSizeType = RadioGroupSize;\nexport type RadioGroupOrientationType = RadioGroupOrientation;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RadioGroup/RadioGroup.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RadioGroup/RadioGroup.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","RadioGroupContext","createContext","radioGroupVariants","cva","radioItemVariants","radioIndicatorVariants","radioInnerDotVariants","RadioLabel","children","className","jsx","RadioDescription","RadioComponent","value","isDisabled","variant","size","isInvalid","useContext","AriaRadio","renderProps","jsxs","Fragment","Radio","RadioGroup","forwardRef","props","ref","label","description","errorMessage","defaultValue","isReadOnly","isRequired","orientation","name","onChange","onFocusChange","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","restProps","generatedId","useId","radioGroupId","labelId","descriptionId","errorId","describedByParts","computedAriaDescribedBy","AriaRadioGroup","Label","Text","FieldError","BaseComponentPropsSchema","z","RadioGroupVariantSchema","RadioGroupSizeSchema","RadioGroupOrientationSchema","RadioGroupPropsSchema","RadioPropsSchema","RadioLabelPropsSchema","RadioDescriptionPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * RadioGroup Component\n * Accessible single-selection radio group with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Bordered container design with explicit 44px+ touch targets\n * - 2 variants: default, destructive (no outline per clarification)\n * - 3 sizes: sm (44px), default (48px), lg (56px)\n * - Arrow keys move focus AND select (WAI-ARIA standard selection-follows-focus)\n * - Error styling on ALL items (cognitive accessibility)\n * - Spring animation for selection indicator\n * - RTL support (indicator auto-flips)\n * - Radio.Label and Radio.Description sub-components\n *\n * @see radiogroup-prd.md (Product Requirements)\n * @see plan.md (11 Key Clarifications)\n * @see React Aria RadioGroup: https://react-spectrum.adobe.com/react-aria/RadioGroup.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  useId,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Label,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type {\n  RadioGroupProps,\n  RadioProps,\n  RadioLabelProps,\n  RadioDescriptionProps,\n  RadioGroupVariant,\n  RadioGroupSize,\n} from './RadioGroup.types';\n\n// ============================================================================\n// Context\n// ============================================================================\n\ninterface RadioGroupContextValue {\n  variant: RadioGroupVariant;\n  size: RadioGroupSize;\n  isInvalid: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({\n  variant: 'default',\n  size: 'default',\n  isInvalid: false,\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * RadioGroup container variants\n * Controls orientation and spacing (gap-2 = 8px per clarification)\n */\nconst radioGroupVariants = cva(\n  // Base: flex container\n  \"flex\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col gap-2\",\n        horizontal: \"flex-row flex-wrap gap-2\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n);\n\n/**\n * Radio item bordered container variants\n * Bordered container design with explicit touch targets\n * All sizes maintain 44px minimum height (WCAG 2.2 AAA)\n * All sizes use rounded-md (6px) per clarification\n */\nconst radioItemVariants = cva(\n  // Base: bordered container with flex layout, RTL support\n  [\n    \"flex items-center gap-3 rounded-md border cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\", // RTL: indicator flips to right\n    // Focus ring on entire container\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--accent)]/10\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]/10\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--destructive-background)]/10\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n          \"data-[selected]:bg-[var(--destructive-background)]/10\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"min-h-[44px] py-2 px-3 text-sm\",\n        default: \"min-h-[48px] py-3 px-4 text-sm\",\n        lg: \"min-h-[56px] py-4 px-5 text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n      isInvalid: {\n        // Error: ALL items get destructive border (cognitive accessibility)\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isDisabled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Circle indicator (outer ring) variants\n */\nconst radioIndicatorVariants = cva(\n  // Base: circle with border, flex-shrink-0 to prevent squishing\n  \"flex-shrink-0 rounded-full border-2 flex items-center justify-center transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Inner dot variants (appears when selected)\n * Spring animation: cubic-bezier(0.34, 1.56, 0.64, 1) with slight overshoot\n */\nconst radioInnerDotVariants = cva(\n  // Base: centered dot with spring animation\n  [\n    \"rounded-full transition-transform duration-200\",\n    // Spring animation with overshoot\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    // Respect reduced motion preference\n    \"motion-reduce:transition-none\",\n    // Scale from 0 to 1 on selection\n    \"scale-0 data-[selected]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"bg-[var(--primary)]\",\n        destructive: \"bg-[var(--destructive-background)]\",\n      },\n      size: {\n        sm: \"h-2 w-2\",\n        default: \"h-2.5 w-2.5\",\n        lg: \"h-3 w-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\n/**\n * Radio.Label - Styled label for radio item content\n */\nfunction RadioLabel({ children, className }: RadioLabelProps): ReactNode {\n  return (\n    <span className={cn(\"font-medium text-[var(--content-foreground)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioLabel.displayName = \"Radio.Label\";\n\n/**\n * Radio.Description - Styled description for radio item content (muted)\n */\nfunction RadioDescription({ children, className }: RadioDescriptionProps): ReactNode {\n  return (\n    <span className={cn(\"text-sm text-[var(--menu-muted)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nRadioDescription.displayName = \"Radio.Description\";\n\n// ============================================================================\n// Radio Component\n// ============================================================================\n\n/**\n * Radio item component with bordered container design\n */\nfunction RadioComponent({ value, isDisabled, children, className }: RadioProps): ReactNode {\n  const { variant, size, isInvalid } = useContext(RadioGroupContext);\n\n  return (\n    <AriaRadio\n      value={value}\n      isDisabled={isDisabled}\n      className={(renderProps) =>\n        cn(\n          radioItemVariants({\n            variant,\n            size,\n            isDisabled: renderProps.isDisabled,\n            isInvalid,\n          }),\n          className\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {/* Circle indicator */}\n          <div\n            className={radioIndicatorVariants({ variant, size })}\n            data-selected={renderProps.isSelected || undefined}\n          >\n            {/* Inner dot with spring animation */}\n            <div\n              className={radioInnerDotVariants({ variant, size })}\n              data-selected={renderProps.isSelected || undefined}\n            />\n          </div>\n\n          {/* Children content (flexible - text, icons, complex layouts) */}\n          <div className=\"flex-1 flex flex-col\">\n            {children}\n          </div>\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n// Attach sub-components\nconst Radio = Object.assign(RadioComponent, {\n  Label: RadioLabel,\n  Description: RadioDescription,\n}) as typeof RadioComponent & {\n  Label: typeof RadioLabel;\n  Description: typeof RadioDescription;\n  displayName: string;\n};\n\nRadio.displayName = \"Radio\";\n\n// ============================================================================\n// RadioGroup Component\n// ============================================================================\n\n/**\n * RadioGroup root component\n * Accessible single-selection control with bordered container design\n */\nconst RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(props: RadioGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Selection props\n      value,\n      defaultValue,\n      // State props\n      isDisabled = false,\n      isReadOnly = false,\n      isRequired = false,\n      isInvalid = false,\n      // Layout props\n      orientation = 'vertical',\n      // Variant props\n      variant = 'default',\n      size = 'default',\n      // Form props\n      name,\n      // Event handlers\n      onChange,\n      onFocusChange,\n      // Standard props\n      className,\n      children,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      ...restProps\n    } = props;\n\n    // Generate unique IDs for accessibility\n    const generatedId = useId();\n    const radioGroupId = id ?? generatedId;\n    const labelId = `${radioGroupId}-label`;\n    const descriptionId = `${radioGroupId}-description`;\n    const errorId = `${radioGroupId}-error`;\n\n    // Build aria-describedby from description and error\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n    const computedAriaDescribedBy = describedByParts.length > 0\n      ? describedByParts.join(' ')\n      : undefined;\n\n    return (\n      <RadioGroupContext.Provider value={{ variant, size, isInvalid }}>\n        <AriaRadioGroup\n          ref={ref}\n          id={radioGroupId}\n          name={name}\n          value={value ?? undefined}\n          defaultValue={defaultValue ?? undefined}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          orientation={orientation}\n          onChange={onChange}\n          onFocusChange={onFocusChange}\n          aria-label={ariaLabel}\n          aria-labelledby={label ? labelId : ariaLabelledby}\n          aria-describedby={computedAriaDescribedBy}\n          data-testid={dataTestId}\n          data-orientation={orientation}\n          className={cn(\"flex flex-col gap-1.5\", className)}\n          {...restProps}\n        >\n          {/* Label with optional required asterisk */}\n          {label && (\n            <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n              {label}\n              {isRequired && (\n                <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </Label>\n          )}\n\n          {/* Description */}\n          {description && (\n            <Text\n              id={descriptionId}\n              slot=\"description\"\n              className=\"text-sm text-[var(--menu-muted)]\"\n            >\n              {description}\n            </Text>\n          )}\n\n          {/* Radio items container with orientation */}\n          <div className={radioGroupVariants({ orientation })}>\n            {children}\n          </div>\n\n          {/* Error message with role=\"alert\" for screen reader announcements */}\n          {isInvalid && errorMessage && (\n            <FieldError\n              id={errorId}\n              className=\"text-sm text-[var(--destructive-background)]\"\n            >\n              <span role=\"alert\">{errorMessage}</span>\n            </FieldError>\n          )}\n        </AriaRadioGroup>\n      </RadioGroupContext.Provider>\n    );\n  }\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  RadioGroup,\n  Radio,\n  radioGroupVariants,\n  radioItemVariants,\n  radioIndicatorVariants,\n  radioInnerDotVariants,\n};\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type {\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n} from 'react-aria-components';\n\n/**\n * RadioGroup variant schema\n * Only 2 variants: default and destructive (no outline per clarification)\n *\n * @see radiogroup-prd.md US-2 (Style Variants)\n * @see plan.md Decision 9 (2 variants only)\n */\nexport const RadioGroupVariantSchema = z.enum(['default', 'destructive']);\nexport type RadioGroupVariant = z.infer<typeof RadioGroupVariantSchema>;\n\n/**\n * RadioGroup size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n *\n * @see radiogroup-prd.md US-3 (Size Variants)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const RadioGroupSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RadioGroupSize = z.infer<typeof RadioGroupSizeSchema>;\n\n/**\n * RadioGroup orientation schema\n *\n * @see radiogroup-prd.md US-5 (Orientation Support)\n */\nexport const RadioGroupOrientationSchema = z.enum(['vertical', 'horizontal']);\nexport type RadioGroupOrientation = z.infer<typeof RadioGroupOrientationSchema>;\n\n/**\n * RadioGroup root component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-4 (Labels, Descriptions, Errors)\n * @see radiogroup-prd.md US-6 (Validation States)\n * @see plan.md (All design decisions from clarification session)\n */\nexport const RadioGroupPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-4)\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n\n  // Selection props (US-1) - nullable for no initial selection\n  value: z.string().nullable().optional(),\n  defaultValue: z.string().nullable().optional(),\n\n  // State props (US-6)\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Layout props (US-5)\n  orientation: RadioGroupOrientationSchema.optional().default('vertical'),\n\n  // Variant props (US-2, US-3) - 2 variants only\n  variant: RadioGroupVariantSchema.optional().default('default'),\n  size: RadioGroupSizeSchema.optional().default('default'),\n\n  // Form props (US-6)\n  name: z.string().optional(),\n\n  // Event handlers\n  onChange: z.custom<(value: string) => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n\n  // Children (Radio components)\n  children: z.custom<ReactNode>(),\n});\n\nexport interface RadioGroupPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  value?: string | null;\n  defaultValue?: string | null;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  isInvalid?: boolean;\n  orientation?: RadioGroupOrientation;\n  variant?: RadioGroupVariant;\n  size?: RadioGroupSize;\n  name?: string;\n  onChange?: (value: string) => void;\n  onFocusChange?: (isFocused: boolean) => void;\n}\n\nexport type RadioGroupProps = RadioGroupPropsOwn &\n  Omit<AriaRadioGroupProps, keyof RadioGroupPropsOwn>;\n\n/**\n * Radio item component props schema\n *\n * @see radiogroup-prd.md US-1 (Basic Single Selection)\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n */\nexport const RadioPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Disabled state (individual item)\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content - accepts any ReactNode for flexible children\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport interface RadioPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'data-testid'?: string;\n  value: string;\n  isDisabled?: boolean;\n}\n\nexport type RadioProps = RadioPropsOwn &\n  Omit<AriaRadioProps, keyof RadioPropsOwn>;\n\n/**\n * Radio.Label sub-component props schema\n * Helper component for styled label within Radio item\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioLabelPropsSchema = z.object({\n  // Label content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport interface RadioLabelProps {\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * Radio.Description sub-component props schema\n * Helper component for styled description within Radio item (muted text)\n *\n * @see radiogroup-prd.md US-7 (Rich Content Support)\n * @see plan.md Decision 1 (Sub-components)\n */\nexport const RadioDescriptionPropsSchema = z.object({\n  // Description content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport interface RadioDescriptionProps {\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type RadioGroupVariantType = RadioGroupVariant;\nexport type RadioGroupSizeType = RadioGroupSize;\nexport type RadioGroupOrientationType = RadioGroupOrientation;\n"]}

package/dist/elements/RatingScale/RatingScale.d.ts

@@ -1,32 +1,4 @@
-declare const RatingScale: import("react").ForwardRefExoticComponent<{
-    min: number;
-    max: number;
-    step: number;
-    displayStyle: "slider" | "buttons" | "stars";
-    showNA: boolean;
-    isRequired: boolean;
-    isDisabled: boolean;
-    isReadOnly: boolean;
-    isInvalid: boolean;
-    size: "default" | "sm" | "lg";
-    className?: string | undefined;
-    children?: any;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    value?: number | null | undefined;
-    onChange?: ((value: number | null) => void) | undefined;
-    label?: string | undefined;
-    description?: string | undefined;
-    errorMessage?: string | undefined;
-    lowLabel?: string | undefined;
-    highLabel?: string | undefined;
-    valueLabels?: Record<string, string> | undefined;
-    name?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import type { RatingScaleProps } from './RatingScale.types';
+declare const RatingScale: import("react").ForwardRefExoticComponent<RatingScaleProps & import("react").RefAttributes<HTMLDivElement>>;
 export { RatingScale };
 //# sourceMappingURL=RatingScale.d.ts.map

package/dist/elements/RatingScale/RatingScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RatingScale.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.tsx"],"names":[],"mappings":"AA0PA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAqMhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"RatingScale.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,qBAAqB,CAAC;AAsN7E,QAAA,MAAM,WAAW,6GAqMhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/elements/RatingScale/RatingScale.types.d.ts

@@ -69,5 +69,33 @@ export declare const RatingScalePropsSchema: z.ZodObject<{
     }>>>;
     name: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
-export type RatingScaleProps = z.infer<typeof RatingScalePropsSchema>;
+export interface RatingScaleProps {
+    className?: string;
+    children?: unknown;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-hidden'?: boolean;
+    'data-testid'?: string;
+    value?: number | null;
+    onChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    displayStyle?: RatingScaleDisplayStyle;
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    lowLabel?: string;
+    highLabel?: string;
+    valueLabels?: Record<string, string>;
+    showNA?: boolean;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    size?: RatingScaleSize;
+    name?: string;
+}
 //# sourceMappingURL=RatingScale.types.d.ts.map

package/dist/elements/RatingScale/RatingScale.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RatingScale.types.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;;EAAyC,CAAC;AACpF,MAAM,MAAM,uBAAuB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,6BAA6B,CAAC,CAAC;AAEpF;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;EAAkC,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;gDAGN,MAAM,GAAG,IAAI,KAAK,IAAI,UAAtB,MAAM,GAAG,IAAI,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCjD,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"RatingScale.types.d.ts","sourceRoot":"","sources":["../../../src/elements/RatingScale/RatingScale.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;;EAAyC,CAAC;AACpF,MAAM,MAAM,uBAAuB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,6BAA6B,CAAC,CAAC;AAEpF;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;EAAkC,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;gDAGN,MAAM,GAAG,IAAI,KAAK,IAAI,UAAtB,MAAM,GAAG,IAAI,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCjD,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/elements/RatingScale/index.js

@@ -1,3 +1,3 @@
 "use client";
-'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function E(...d){return tailwindMerge.twMerge(clsx.clsx(d))}var v="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var g="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var L=classVarianceAuthority.cva("flex flex-col gap-1.5",{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),C=classVarianceAuthority.cva("flex items-center",{variants:{size:{sm:"gap-1",default:"gap-1.5",lg:"gap-2"}},defaultVariants:{size:"default"}}),P=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),_=classVarianceAuthority.cva(["inline-flex items-center justify-center","rounded-md border font-medium","transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-9 w-9 text-sm",lg:"h-11 w-11 text-base"},isSelected:{true:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]",false:"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isSelected:false,isInvalid:false}}),k=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),$=classVarianceAuthority.cva(["transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-5 w-5",default:"h-6 w-6",lg:"h-8 w-8"},isFilled:{true:"fill-[var(--primary-action)] text-[var(--primary-action)]",false:"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50"},isInvalid:{true:"text-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isFilled:false,isInvalid:false}}),D=classVarianceAuthority.cva(["relative w-full rounded-full overflow-visible","bg-[var(--border)]","cursor-pointer","data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"].join(" "),{variants:{size:{sm:"h-1.5",default:"h-2",lg:"h-3"}},defaultVariants:{size:"default"}}),B=classVarianceAuthority.cva("absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]",{variants:{isInvalid:{true:"bg-[var(--destructive-background)]",false:""}},defaultVariants:{isInvalid:false}}),H=classVarianceAuthority.cva(["rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]","shadow-md","transition-transform duration-200","motion-reduce:transition-none","data-[dragging]:scale-110",v,g].join(" "),{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),j=classVarianceAuthority.cva("absolute bg-[var(--content-foreground)]/30",{variants:{size:{sm:"w-px h-2 top-[calc(100%+2px)]",default:"w-px h-2.5 top-[calc(100%+3px)]",lg:"w-px h-3 top-[calc(100%+4px)]"}},defaultVariants:{size:"default"}}),F=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px] px-3","rounded-md border font-medium","cursor-pointer","transition-colors duration-200","motion-reduce:transition-none",v,g,"disabled:pointer-events-none disabled:opacity-50"].join(" "),{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"},isSelected:{true:"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]",false:"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"}},defaultVariants:{size:"default",isSelected:false}});function Ae(d,o,p){let r=[];for(let n=d;n<=o;n+=p)r.push(n);return r}function Ee({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":String(t),className:P(),children:({isSelected:f})=>jsxRuntime.jsx("span",{className:_({size:r,isSelected:f,isInvalid:i}),children:t})},t))})})}function Le({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>{let f=o!==null&&t<=o;return jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":`${t} star${t!==1?"s":""}`,className:k(),children:jsxRuntime.jsx(lucideReact.Star,{"aria-hidden":"true",className:$({size:r,isFilled:f,isInvalid:i})})},t)})})})}function Pe({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isInvalid:l,min:i,max:c,step:m,groupId:t}){let f=o??i;return jsxRuntime.jsxs(reactAriaComponents.Slider,{"aria-labelledby":`${t}-label`,value:f,onChange:p,minValue:i,maxValue:c,step:m,isDisabled:n,className:"flex w-full flex-col gap-1 pb-4",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsx(reactAriaComponents.SliderOutput,{className:"text-sm font-medium text-[var(--content-foreground)]",children:({state:S})=>S.values[0]})}),jsxRuntime.jsx(reactAriaComponents.SliderTrack,{className:E(D({size:r}),"relative"),children:({state:S})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:B({isInvalid:l}),style:{width:`${((S.values[0]??i)-i)/(c-i)*100}%`}}),d.map(R=>{let T=(R-i)/(c-i)*100;return jsxRuntime.jsx("div",{className:j({size:r}),style:{left:`${T}%`,transform:"translateX(-50%)"},"aria-hidden":"true"},R)}),jsxRuntime.jsx(reactAriaComponents.SliderThumb,{className:H({size:r}),style:{top:"50%"}})]})})]})}var ae=react.forwardRef(function(o,p){let{value:r,onChange:n,min:l=1,max:i=5,step:c=1,displayStyle:m="buttons",label:t,description:f,errorMessage:S,lowLabel:R,highLabel:T,valueLabels:G,showNA:ie=false,isRequired:oe=false,isDisabled:w=false,isReadOnly:y=false,isInvalid:I=false,size:z="default",name:le,className:se,id:de,"aria-label":ce,"aria-describedby":Y,"data-testid":ue}=o,pe=react.useId(),V=de??pe,U=`${V}-label`,M=`${V}-description`,q=`${V}-error`,N=[];Y&&N.push(Y),f&&N.push(M),I&&S&&N.push(q);let me=Ae(l,i,c),x=r!==void 0,[fe,O]=react.useState(null),b=x?r??null:fe,ge=react.useCallback(J=>{y||(x||O(J),n?.(J));},[n,y,x]),Se=react.useCallback(()=>{w||y||(b===null?(x||O(l),n?.(l)):(x||O(null),n?.(null)));},[b,n,l,w,y,x]),X=b!==null&&G?G[String(b)]:void 0,A={values:me,currentValue:b,onValueChange:ge,size:z,isDisabled:w,isReadOnly:y,isInvalid:I,name:le,groupId:V,min:l,max:i,step:c};return jsxRuntime.jsxs("div",{ref:p,id:V,role:"group","aria-label":ce,"aria-labelledby":t?U:void 0,"aria-describedby":N.length>0?N.join(" "):void 0,"data-testid":ue,className:E(L({size:z}),se),children:[t&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:U,className:"text-sm font-medium text-[var(--content-foreground)]",children:[t,oe&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),f&&jsxRuntime.jsx(reactAriaComponents.Text,{id:M,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:f}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[R&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:R}),jsxRuntime.jsxs("div",{className:"flex-1",children:[m==="buttons"&&jsxRuntime.jsx(Ee,{...A}),m==="stars"&&jsxRuntime.jsx(Le,{...A}),m==="slider"&&jsxRuntime.jsx(Pe,{...A})]}),T&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:T}),ie&&jsxRuntime.jsx("button",{type:"button","aria-pressed":b===null,disabled:w,onClick:Se,className:F({size:z,isSelected:b===null}),children:"N/A"})]}),X&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]","aria-live":"polite",children:X}),I&&S&&jsxRuntime.jsx("div",{id:q,role:"alert",className:"text-sm text-[var(--destructive-background)]",children:S})]})});ae.displayName="RatingScale";var te=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var re=zod.z.enum(["buttons","stars","slider"]),ne=zod.z.enum(["sm","default","lg"]),ke=te.extend({value:zod.z.number().nullable().optional(),onChange:zod.z.custom().optional(),min:zod.z.number().optional().default(1),max:zod.z.number().optional().default(5),step:zod.z.number().optional().default(1),displayStyle:re.optional().default("buttons"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),lowLabel:zod.z.string().optional(),highLabel:zod.z.string().optional(),valueLabels:zod.z.record(zod.z.string(),zod.z.string()).optional(),showNA:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),size:ne.optional().default("default"),name:zod.z.string().optional()});exports.RatingScale=ae;exports.RatingScaleDisplayStyleSchema=re;exports.RatingScalePropsSchema=ke;exports.RatingScaleSizeSchema=ne;exports.ratingScaleButtonOuterVariants=P;exports.ratingScaleButtonVisualVariants=_;exports.ratingScaleContainerVariants=L;exports.ratingScaleNAButtonVariants=F;exports.ratingScaleRowVariants=C;exports.ratingScaleSliderFillVariants=B;exports.ratingScaleSliderThumbVariants=H;exports.ratingScaleSliderTickVariants=j;exports.ratingScaleSliderTrackVariants=D;exports.ratingScaleStarOuterVariants=k;exports.ratingScaleStarVisualVariants=$;//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function E(...d){return tailwindMerge.twMerge(clsx.clsx(d))}var v="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var g="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var L=classVarianceAuthority.cva("flex flex-col gap-1.5",{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),C=classVarianceAuthority.cva("flex items-center",{variants:{size:{sm:"gap-1",default:"gap-1.5",lg:"gap-2"}},defaultVariants:{size:"default"}}),k=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),D=classVarianceAuthority.cva(["inline-flex items-center justify-center","rounded-md border font-medium","transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-9 w-9 text-sm",lg:"h-11 w-11 text-base"},isSelected:{true:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]",false:"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isSelected:false,isInvalid:false}}),_=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),P=classVarianceAuthority.cva(["transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-5 w-5",default:"h-6 w-6",lg:"h-8 w-8"},isFilled:{true:"fill-[var(--primary-action)] text-[var(--primary-action)]",false:"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50"},isInvalid:{true:"text-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isFilled:false,isInvalid:false}}),$=classVarianceAuthority.cva(["relative w-full rounded-full overflow-visible","bg-[var(--border)]","cursor-pointer","data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"].join(" "),{variants:{size:{sm:"h-1.5",default:"h-2",lg:"h-3"}},defaultVariants:{size:"default"}}),B=classVarianceAuthority.cva("absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]",{variants:{isInvalid:{true:"bg-[var(--destructive-background)]",false:""}},defaultVariants:{isInvalid:false}}),H=classVarianceAuthority.cva(["rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]","shadow-md","transition-transform duration-200","motion-reduce:transition-none","data-[dragging]:scale-110",v,g].join(" "),{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),j=classVarianceAuthority.cva("absolute bg-[var(--content-foreground)]/30",{variants:{size:{sm:"w-px h-2 top-[calc(100%+2px)]",default:"w-px h-2.5 top-[calc(100%+3px)]",lg:"w-px h-3 top-[calc(100%+4px)]"}},defaultVariants:{size:"default"}}),F=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px] px-3","rounded-md border font-medium","cursor-pointer","transition-colors duration-200","motion-reduce:transition-none",v,g,"disabled:pointer-events-none disabled:opacity-50"].join(" "),{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"},isSelected:{true:"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]",false:"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"}},defaultVariants:{size:"default",isSelected:false}});function Ae(d,l,p){let r=[];for(let n=d;n<=l;n+=p)r.push(n);return r}function Ee({values:d,currentValue:l,onValueChange:p,size:r,isDisabled:n,isReadOnly:o,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:l!==null?String(l):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:o,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":String(t),className:k(),children:({isSelected:f})=>jsxRuntime.jsx("span",{className:D({size:r,isSelected:f,isInvalid:i}),children:t})},t))})})}function Le({values:d,currentValue:l,onValueChange:p,size:r,isDisabled:n,isReadOnly:o,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:l!==null?String(l):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:o,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>{let f=l!==null&&t<=l;return jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":`${t} star${t!==1?"s":""}`,className:_(),children:jsxRuntime.jsx(lucideReact.Star,{"aria-hidden":"true",className:P({size:r,isFilled:f,isInvalid:i})})},t)})})})}function ke({values:d,currentValue:l,onValueChange:p,size:r,isDisabled:n,isInvalid:o,min:i,max:c,step:m,groupId:t}){let f=l??i;return jsxRuntime.jsxs(reactAriaComponents.Slider,{"aria-labelledby":`${t}-label`,value:f,onChange:p,minValue:i,maxValue:c,step:m,isDisabled:n,className:"flex w-full flex-col gap-1 pb-4",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsx(reactAriaComponents.SliderOutput,{className:"text-sm font-medium text-[var(--content-foreground)]",children:({state:b})=>b.values[0]})}),jsxRuntime.jsx(reactAriaComponents.SliderTrack,{className:E($({size:r}),"relative"),children:({state:b})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:B({isInvalid:o}),style:{width:`${((b.values[0]??i)-i)/(c-i)*100}%`}}),d.map(R=>{let T=(R-i)/(c-i)*100;return jsxRuntime.jsx("div",{className:j({size:r}),style:{left:`${T}%`,transform:"translateX(-50%)"},"aria-hidden":"true"},R)}),jsxRuntime.jsx(reactAriaComponents.SliderThumb,{className:H({size:r}),style:{top:"50%"}})]})})]})}var ae=react.forwardRef(function(l,p){let{value:r,onChange:n,min:o=1,max:i=5,step:c=1,displayStyle:m="buttons",label:t,description:f,errorMessage:b,lowLabel:R,highLabel:T,valueLabels:G,showNA:ie=false,isRequired:le=false,isDisabled:w=false,isReadOnly:y=false,isInvalid:I=false,size:z="default",name:oe,className:se,id:de,"aria-label":ce,"aria-describedby":Y,"data-testid":ue}=l,pe=react.useId(),V=de??pe,M=`${V}-label`,U=`${V}-description`,q=`${V}-error`,N=[];Y&&N.push(Y),f&&N.push(U),I&&b&&N.push(q);let me=Ae(o,i,c),x=r!==void 0,[fe,O]=react.useState(null),S=x?r??null:fe,ge=react.useCallback(J=>{y||(x||O(J),n?.(J));},[n,y,x]),be=react.useCallback(()=>{w||y||(S===null?(x||O(o),n?.(o)):(x||O(null),n?.(null)));},[S,n,o,w,y,x]),X=S!==null&&G?G[String(S)]:void 0,A={values:me,currentValue:S,onValueChange:ge,size:z,isDisabled:w,isReadOnly:y,isInvalid:I,name:oe,groupId:V,min:o,max:i,step:c};return jsxRuntime.jsxs("div",{ref:p,id:V,role:"group","aria-label":ce,"aria-labelledby":t?M:void 0,"aria-describedby":N.length>0?N.join(" "):void 0,"data-testid":ue,className:E(L({size:z}),se),children:[t&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:M,className:"text-sm font-medium text-[var(--content-foreground)]",children:[t,le&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),f&&jsxRuntime.jsx(reactAriaComponents.Text,{id:U,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:f}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[R&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:R}),jsxRuntime.jsxs("div",{className:"flex-1",children:[m==="buttons"&&jsxRuntime.jsx(Ee,{...A}),m==="stars"&&jsxRuntime.jsx(Le,{...A}),m==="slider"&&jsxRuntime.jsx(ke,{...A})]}),T&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:T}),ie&&jsxRuntime.jsx("button",{type:"button","aria-pressed":S===null,disabled:w,onClick:be,className:F({size:z,isSelected:S===null}),children:"N/A"})]}),X&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]","aria-live":"polite",children:X}),I&&b&&jsxRuntime.jsx("div",{id:q,role:"alert",className:"text-sm text-[var(--destructive-background)]",children:b})]})});ae.displayName="RatingScale";var te=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var re=zod.z.enum(["buttons","stars","slider"]),ne=zod.z.enum(["sm","default","lg"]),_e=te.extend({value:zod.z.number().nullable().optional(),onChange:zod.z.custom().optional(),min:zod.z.number().optional().default(1),max:zod.z.number().optional().default(5),step:zod.z.number().optional().default(1),displayStyle:re.optional().default("buttons"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),lowLabel:zod.z.string().optional(),highLabel:zod.z.string().optional(),valueLabels:zod.z.record(zod.z.string(),zod.z.string()).optional(),showNA:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),size:ne.optional().default("default"),name:zod.z.string().optional()});exports.RatingScale=ae;exports.RatingScaleDisplayStyleSchema=re;exports.RatingScalePropsSchema=_e;exports.RatingScaleSizeSchema=ne;exports.ratingScaleButtonOuterVariants=k;exports.ratingScaleButtonVisualVariants=D;exports.ratingScaleContainerVariants=L;exports.ratingScaleNAButtonVariants=F;exports.ratingScaleRowVariants=C;exports.ratingScaleSliderFillVariants=B;exports.ratingScaleSliderThumbVariants=H;exports.ratingScaleSliderTickVariants=j;exports.ratingScaleSliderTrackVariants=$;exports.ratingScaleStarOuterVariants=_;exports.ratingScaleStarVisualVariants=P;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/elements/RatingScale/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RatingScale/RatingScale.styles.ts","../../../src/elements/RatingScale/RatingScale.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RatingScale/RatingScale.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","ratingScaleContainerVariants","cva","ratingScaleRowVariants","ratingScaleButtonOuterVariants","ratingScaleButtonVisualVariants","ratingScaleStarOuterVariants","ratingScaleStarVisualVariants","ratingScaleSliderTrackVariants","ratingScaleSliderFillVariants","ratingScaleSliderThumbVariants","ratingScaleSliderTickVariants","ratingScaleNAButtonVariants","getStepValues","min","max","step","values","v","ButtonsRenderer","currentValue","onValueChange","size","isDisabled","isReadOnly","isInvalid","name","groupId","jsx","AriaRadioGroup","val","AriaRadio","isSelected","StarsRenderer","isFilled","Star","SliderRenderer","effectiveValue","jsxs","AriaSlider","SliderOutput","state","SliderTrack","Fragment","percent","SliderThumb","RatingScale","forwardRef","props","ref","value","onChange","displayStyle","label","description","errorMessage","lowLabel","highLabel","valueLabels","showNA","isRequired","className","id","ariaLabel","ariaDescribedby","dataTestId","generatedId","useId","labelId","descriptionId","errorId","describedByParts","isControlled","internalValue","setInternalValue","useState","handleValueChange","useCallback","newValue","handleNAToggle","currentValueLabel","rendererProps","Label","Text","BaseComponentPropsSchema","z","RatingScaleDisplayStyleSchema","RatingScaleSizeSchema","RatingScalePropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","import { cva } from 'class-variance-authority';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\n\n/**\n * RatingScale CVA Variant Definitions\n *\n * Organised by display style (buttons, stars, slider) and shared elements.\n * All interactive elements maintain 44x44px minimum touch targets (WCAG 2.2 AAA).\n */\n\n// =============================================================================\n// Shared / Container\n// =============================================================================\n\n/** Root wrapper */\nexport const ratingScaleContainerVariants = cva(\"flex flex-col gap-1.5\", {\n  variants: {\n    size: {\n      sm: \"text-sm\",\n      default: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n/** Horizontal row containing scale items + endpoint labels */\nexport const ratingScaleRowVariants = cva(\"flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1\",\n      default: \"gap-1.5\",\n      lg: \"gap-2\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n// =============================================================================\n// Buttons Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each button (44x44px minimum, transparent) */\nexport const ratingScaleButtonOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Visual button */\nexport const ratingScaleButtonVisualVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"rounded-md border font-medium\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-8 w-8 text-xs\",\n        default: \"h-9 w-9 text-sm\",\n        lg: \"h-11 w-11 text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]\",\n        false: \"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Stars Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each star (44x44px minimum, transparent) */\nexport const ratingScaleStarOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Star icon visual */\nexport const ratingScaleStarVisualVariants = cva(\n  [\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-5\",\n        default: \"h-6 w-6\",\n        lg: \"h-8 w-8\",\n      },\n      isFilled: {\n        true: \"fill-[var(--primary-action)] text-[var(--primary-action)]\",\n        false: \"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50\",\n      },\n      isInvalid: {\n        true: \"text-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isFilled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Slider Display Style\n// =============================================================================\n\n/** Slider track — overflow-visible so thumb + ticks render outside the thin bar */\nexport const ratingScaleSliderTrackVariants = cva(\n  [\n    \"relative w-full rounded-full overflow-visible\",\n    \"bg-[var(--border)]\",\n    \"cursor-pointer\",\n    \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        default: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider filled portion of track */\nexport const ratingScaleSliderFillVariants = cva(\n  \"absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]\",\n  {\n    variants: {\n      isInvalid: {\n        true: \"bg-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: { isInvalid: false },\n  }\n);\n\n/** Slider thumb — Layer 1 is handled by React Aria's SliderThumb (44px touch target) */\nexport const ratingScaleSliderThumbVariants = cva(\n  [\n    \"rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]\",\n    \"shadow-md\",\n    \"transition-transform duration-200\",\n    \"motion-reduce:transition-none\",\n    \"data-[dragging]:scale-110\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider tick mark at each step — vertical lines below the track */\nexport const ratingScaleSliderTickVariants = cva(\n  \"absolute bg-[var(--content-foreground)]/30\",\n  {\n    variants: {\n      size: {\n        sm: \"w-px h-2 top-[calc(100%+2px)]\",\n        default: \"w-px h-2.5 top-[calc(100%+3px)]\",\n        lg: \"w-px h-3 top-[calc(100%+4px)]\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n// =============================================================================\n// N/A Button\n// =============================================================================\n\n/** N/A toggle button */\nexport const ratingScaleNAButtonVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px] px-3\",\n    \"rounded-md border font-medium\",\n    \"cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"disabled:pointer-events-none disabled:opacity-50\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        default: \"text-sm\",\n        lg: \"text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]\",\n        false: \"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n    },\n  }\n);\n","\"use client\";\n\n/**\n * RatingScale Component\n * Configurable scale with 3 display styles for scoring/evaluation.\n *\n * Display styles:\n * - buttons: Numbered buttons in a RadioGroup\n * - stars: Star icons that fill up to selected value\n * - slider: Discrete step slider with tick marks\n *\n * Built on React Aria RadioGroup (buttons/stars) and Slider primitives.\n *\n * @see WCAG 2.2 AAA — 44x44px touch targets, 7:1 contrast, keyboard navigation\n */\n\nimport {\n  forwardRef,\n  useState,\n  useId,\n  useCallback,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Slider as AriaSlider,\n  SliderTrack,\n  SliderThumb,\n  SliderOutput,\n  Label,\n  Text,\n} from 'react-aria-components';\nimport { Star } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { RatingScaleProps, RatingScaleSize } from './RatingScale.types';\nimport {\n  ratingScaleContainerVariants,\n  ratingScaleRowVariants,\n  ratingScaleButtonOuterVariants,\n  ratingScaleButtonVisualVariants,\n  ratingScaleStarOuterVariants,\n  ratingScaleStarVisualVariants,\n  ratingScaleSliderTrackVariants,\n  ratingScaleSliderFillVariants,\n  ratingScaleSliderThumbVariants,\n  ratingScaleSliderTickVariants,\n  ratingScaleNAButtonVariants,\n} from './RatingScale.styles';\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** Generate the array of step values for the scale */\nfunction getStepValues(min: number, max: number, step: number): number[] {\n  const values: number[] = [];\n  for (let v = min; v <= max; v += step) {\n    values.push(v);\n  }\n  return values;\n}\n\n// =============================================================================\n// Sub-renderers\n// =============================================================================\n\ninterface RendererProps {\n  values: number[];\n  currentValue: number | null;\n  onValueChange: (value: number) => void;\n  size: RatingScaleSize;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  name?: string;\n  groupId: string;\n  min: number;\n  max: number;\n  step: number;\n}\n\n/** Buttons display: numbered buttons in a RadioGroup */\nfunction ButtonsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => (\n          <AriaRadio\n            key={v}\n            value={String(v)}\n            aria-label={String(v)}\n            className={ratingScaleButtonOuterVariants()}\n          >\n            {({ isSelected }) => (\n              <span\n                className={ratingScaleButtonVisualVariants({\n                  size,\n                  isSelected,\n                  isInvalid,\n                })}\n              >\n                {v}\n              </span>\n            )}\n          </AriaRadio>\n        ))}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Stars display: star icons that fill up to selected value */\nfunction StarsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => {\n          const isFilled = currentValue !== null && v <= currentValue;\n          return (\n            <AriaRadio\n              key={v}\n              value={String(v)}\n              aria-label={`${v} star${v !== 1 ? 's' : ''}`}\n              className={ratingScaleStarOuterVariants()}\n            >\n              <Star\n                aria-hidden=\"true\"\n                className={ratingScaleStarVisualVariants({\n                  size,\n                  isFilled,\n                  isInvalid,\n                })}\n              />\n            </AriaRadio>\n          );\n        })}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Slider display: discrete step slider with tick marks */\nfunction SliderRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isInvalid,\n  min,\n  max,\n  step,\n  groupId,\n}: RendererProps): ReactNode {\n  const effectiveValue = currentValue ?? min;\n\n  return (\n    <AriaSlider\n      aria-labelledby={`${groupId}-label`}\n      value={effectiveValue}\n      onChange={onValueChange}\n      minValue={min}\n      maxValue={max}\n      step={step}\n      isDisabled={isDisabled}\n      className=\"flex w-full flex-col gap-1 pb-4\"\n    >\n      <div className=\"flex items-center justify-between\">\n        <SliderOutput className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {({ state }) => state.values[0]}\n        </SliderOutput>\n      </div>\n      <SliderTrack className={cn(ratingScaleSliderTrackVariants({ size }), \"relative\")}>\n        {({ state }) => (\n          <>\n            {/* Filled portion */}\n            <div\n              className={ratingScaleSliderFillVariants({ isInvalid })}\n              style={{ width: `${(((state.values[0] ?? min) - min) / (max - min)) * 100}%` }}\n            />\n\n            {/* Tick marks */}\n            {values.map((v) => {\n              const percent = ((v - min) / (max - min)) * 100;\n              return (\n                <div\n                  key={v}\n                  className={ratingScaleSliderTickVariants({ size })}\n                  style={{ left: `${percent}%`, transform: 'translateX(-50%)' }}\n                  aria-hidden=\"true\"\n                />\n              );\n            })}\n\n            {/* Thumb — override React Aria's top:0 to center on track */}\n            <SliderThumb\n              className={ratingScaleSliderThumbVariants({ size })}\n              style={{ top: '50%' }}\n            />\n          </>\n        )}\n      </SliderTrack>\n    </AriaSlider>\n  );\n}\n\n// =============================================================================\n// RatingScale Component\n// =============================================================================\n\nconst RatingScale = forwardRef<HTMLDivElement, RatingScaleProps>(\n  function RatingScale(props: RatingScaleProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Value\n      value,\n      onChange,\n      // Range\n      min = 1,\n      max = 5,\n      step = 1,\n      // Display\n      displayStyle = 'buttons',\n      // Labels\n      label,\n      description,\n      errorMessage,\n      lowLabel,\n      highLabel,\n      valueLabels,\n      // N/A\n      showNA = false,\n      // State\n      isRequired = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isInvalid = false,\n      // Sizing\n      size = 'default',\n      // Form\n      name,\n      // Standard\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n    } = props;\n\n    const generatedId = useId();\n    const groupId = id ?? generatedId;\n    const labelId = `${groupId}-label`;\n    const descriptionId = `${groupId}-description`;\n    const errorId = `${groupId}-error`;\n\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n\n    const values = getStepValues(min, max, step);\n\n    // Controlled vs uncontrolled state management\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(null);\n    const currentValue = isControlled ? (value ?? null) : internalValue;\n\n    const handleValueChange = useCallback(\n      (newValue: number) => {\n        if (isReadOnly) return;\n        if (!isControlled) {\n          setInternalValue(newValue);\n        }\n        onChange?.(newValue);\n      },\n      [onChange, isReadOnly, isControlled],\n    );\n\n    const handleNAToggle = useCallback(() => {\n      if (isDisabled || isReadOnly) return;\n      if (currentValue === null) {\n        // Deselect N/A — revert to min value\n        if (!isControlled) {\n          setInternalValue(min);\n        }\n        onChange?.(min);\n      } else {\n        if (!isControlled) {\n          setInternalValue(null);\n        }\n        onChange?.(null);\n      }\n    }, [currentValue, onChange, min, isDisabled, isReadOnly, isControlled]);\n\n    const currentValueLabel =\n      currentValue !== null && valueLabels\n        ? valueLabels[String(currentValue)]\n        : undefined;\n\n    const rendererProps: RendererProps = {\n      values,\n      currentValue,\n      onValueChange: handleValueChange,\n      size,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      name,\n      groupId,\n      min,\n      max,\n      step,\n    };\n\n    return (\n      <div\n        ref={ref}\n        id={groupId}\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={describedByParts.length > 0 ? describedByParts.join(' ') : undefined}\n        data-testid={dataTestId}\n        className={cn(ratingScaleContainerVariants({ size }), className)}\n      >\n        {/* Label */}\n        {label && (\n          <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n            {label}\n            {isRequired && (\n              <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </Label>\n        )}\n\n        {/* Description */}\n        {description && (\n          <Text\n            id={descriptionId}\n            slot=\"description\"\n            className=\"text-sm text-[var(--menu-muted)]\"\n          >\n            {description}\n          </Text>\n        )}\n\n        {/* Scale row with endpoint labels */}\n        <div className=\"flex items-center gap-2\">\n          {lowLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {lowLabel}\n            </span>\n          )}\n\n          <div className=\"flex-1\">\n            {displayStyle === 'buttons' && <ButtonsRenderer {...rendererProps} />}\n            {displayStyle === 'stars' && <StarsRenderer {...rendererProps} />}\n            {displayStyle === 'slider' && <SliderRenderer {...rendererProps} />}\n          </div>\n\n          {highLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {highLabel}\n            </span>\n          )}\n\n          {/* N/A Button */}\n          {showNA && (\n            <button\n              type=\"button\"\n              aria-pressed={currentValue === null}\n              disabled={isDisabled}\n              onClick={handleNAToggle}\n              className={ratingScaleNAButtonVariants({\n                size,\n                isSelected: currentValue === null,\n              })}\n            >\n              N/A\n            </button>\n          )}\n        </div>\n\n        {/* Value label */}\n        {currentValueLabel && (\n          <span\n            className=\"text-sm font-medium text-[var(--content-foreground)]\"\n            aria-live=\"polite\"\n          >\n            {currentValueLabel}\n          </span>\n        )}\n\n        {/* Error message */}\n        {isInvalid && errorMessage && (\n          <div\n            id={errorId}\n            role=\"alert\"\n            className=\"text-sm text-[var(--destructive-background)]\"\n          >\n            {errorMessage}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nRatingScale.displayName = \"RatingScale\";\n\nexport { RatingScale };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * RatingScale display style schema\n * Determines the visual rendering of the scale\n */\nexport const RatingScaleDisplayStyleSchema = z.enum(['buttons', 'stars', 'slider']);\nexport type RatingScaleDisplayStyle = z.infer<typeof RatingScaleDisplayStyleSchema>;\n\n/**\n * RatingScale size schema\n * All sizes maintain 44px minimum touch targets (WCAG 2.2 AAA)\n */\nexport const RatingScaleSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RatingScaleSize = z.infer<typeof RatingScaleSizeSchema>;\n\n/**\n * RatingScale props schema\n *\n * Configurable rating scale with 3 display styles:\n * - buttons: RadioGroup with numbered buttons\n * - stars: RadioGroup with star icons (fill up to selected)\n * - slider: Slider with discrete steps and tick marks\n */\nexport const RatingScalePropsSchema = BaseComponentPropsSchema.extend({\n  // Value props — number | null (null = N/A selected)\n  value: z.number().nullable().optional(),\n  onChange: z.custom<(value: number | null) => void>().optional(),\n\n  // Range props\n  min: z.number().optional().default(1),\n  max: z.number().optional().default(5),\n  step: z.number().optional().default(1),\n\n  // Display\n  displayStyle: RatingScaleDisplayStyleSchema.optional().default('buttons'),\n\n  // Labels\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n  lowLabel: z.string().optional(),\n  highLabel: z.string().optional(),\n  valueLabels: z.record(z.string(), z.string()).optional(),\n\n  // N/A support\n  showNA: z.boolean().optional().default(false),\n\n  // State props\n  isRequired: z.boolean().optional().default(false),\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Sizing\n  size: RatingScaleSizeSchema.optional().default('default'),\n\n  // Form integration\n  name: z.string().optional(),\n});\n\nexport type RatingScaleProps = z.infer<typeof RatingScalePropsSchema>;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RatingScale/RatingScale.styles.ts","../../../src/elements/RatingScale/RatingScale.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RatingScale/RatingScale.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","ratingScaleContainerVariants","cva","ratingScaleRowVariants","ratingScaleButtonOuterVariants","ratingScaleButtonVisualVariants","ratingScaleStarOuterVariants","ratingScaleStarVisualVariants","ratingScaleSliderTrackVariants","ratingScaleSliderFillVariants","ratingScaleSliderThumbVariants","ratingScaleSliderTickVariants","ratingScaleNAButtonVariants","getStepValues","min","max","step","values","v","ButtonsRenderer","currentValue","onValueChange","size","isDisabled","isReadOnly","isInvalid","name","groupId","jsx","AriaRadioGroup","val","AriaRadio","isSelected","StarsRenderer","isFilled","Star","SliderRenderer","effectiveValue","jsxs","AriaSlider","SliderOutput","state","SliderTrack","Fragment","percent","SliderThumb","RatingScale","forwardRef","props","ref","value","onChange","displayStyle","label","description","errorMessage","lowLabel","highLabel","valueLabels","showNA","isRequired","className","id","ariaLabel","ariaDescribedby","dataTestId","generatedId","useId","labelId","descriptionId","errorId","describedByParts","isControlled","internalValue","setInternalValue","useState","handleValueChange","useCallback","newValue","handleNAToggle","currentValueLabel","rendererProps","Label","Text","BaseComponentPropsSchema","z","RatingScaleDisplayStyleSchema","RatingScaleSizeSchema","RatingScalePropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","import { cva } from 'class-variance-authority';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\n\n/**\n * RatingScale CVA Variant Definitions\n *\n * Organised by display style (buttons, stars, slider) and shared elements.\n * All interactive elements maintain 44x44px minimum touch targets (WCAG 2.2 AAA).\n */\n\n// =============================================================================\n// Shared / Container\n// =============================================================================\n\n/** Root wrapper */\nexport const ratingScaleContainerVariants = cva(\"flex flex-col gap-1.5\", {\n  variants: {\n    size: {\n      sm: \"text-sm\",\n      default: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n/** Horizontal row containing scale items + endpoint labels */\nexport const ratingScaleRowVariants = cva(\"flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1\",\n      default: \"gap-1.5\",\n      lg: \"gap-2\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n// =============================================================================\n// Buttons Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each button (44x44px minimum, transparent) */\nexport const ratingScaleButtonOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Visual button */\nexport const ratingScaleButtonVisualVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"rounded-md border font-medium\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-8 w-8 text-xs\",\n        default: \"h-9 w-9 text-sm\",\n        lg: \"h-11 w-11 text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]\",\n        false: \"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Stars Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each star (44x44px minimum, transparent) */\nexport const ratingScaleStarOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Star icon visual */\nexport const ratingScaleStarVisualVariants = cva(\n  [\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-5\",\n        default: \"h-6 w-6\",\n        lg: \"h-8 w-8\",\n      },\n      isFilled: {\n        true: \"fill-[var(--primary-action)] text-[var(--primary-action)]\",\n        false: \"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50\",\n      },\n      isInvalid: {\n        true: \"text-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isFilled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Slider Display Style\n// =============================================================================\n\n/** Slider track — overflow-visible so thumb + ticks render outside the thin bar */\nexport const ratingScaleSliderTrackVariants = cva(\n  [\n    \"relative w-full rounded-full overflow-visible\",\n    \"bg-[var(--border)]\",\n    \"cursor-pointer\",\n    \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        default: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider filled portion of track */\nexport const ratingScaleSliderFillVariants = cva(\n  \"absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]\",\n  {\n    variants: {\n      isInvalid: {\n        true: \"bg-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: { isInvalid: false },\n  }\n);\n\n/** Slider thumb — Layer 1 is handled by React Aria's SliderThumb (44px touch target) */\nexport const ratingScaleSliderThumbVariants = cva(\n  [\n    \"rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]\",\n    \"shadow-md\",\n    \"transition-transform duration-200\",\n    \"motion-reduce:transition-none\",\n    \"data-[dragging]:scale-110\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider tick mark at each step — vertical lines below the track */\nexport const ratingScaleSliderTickVariants = cva(\n  \"absolute bg-[var(--content-foreground)]/30\",\n  {\n    variants: {\n      size: {\n        sm: \"w-px h-2 top-[calc(100%+2px)]\",\n        default: \"w-px h-2.5 top-[calc(100%+3px)]\",\n        lg: \"w-px h-3 top-[calc(100%+4px)]\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n// =============================================================================\n// N/A Button\n// =============================================================================\n\n/** N/A toggle button */\nexport const ratingScaleNAButtonVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px] px-3\",\n    \"rounded-md border font-medium\",\n    \"cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"disabled:pointer-events-none disabled:opacity-50\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        default: \"text-sm\",\n        lg: \"text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]\",\n        false: \"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n    },\n  }\n);\n","\"use client\";\n\n/**\n * RatingScale Component\n * Configurable scale with 3 display styles for scoring/evaluation.\n *\n * Display styles:\n * - buttons: Numbered buttons in a RadioGroup\n * - stars: Star icons that fill up to selected value\n * - slider: Discrete step slider with tick marks\n *\n * Built on React Aria RadioGroup (buttons/stars) and Slider primitives.\n *\n * @see WCAG 2.2 AAA — 44x44px touch targets, 7:1 contrast, keyboard navigation\n */\n\nimport {\n  forwardRef,\n  useState,\n  useId,\n  useCallback,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Slider as AriaSlider,\n  SliderTrack,\n  SliderThumb,\n  SliderOutput,\n  Label,\n  Text,\n} from 'react-aria-components';\nimport { Star } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { RatingScaleProps, RatingScaleSize } from './RatingScale.types';\nimport {\n  ratingScaleContainerVariants,\n  ratingScaleRowVariants,\n  ratingScaleButtonOuterVariants,\n  ratingScaleButtonVisualVariants,\n  ratingScaleStarOuterVariants,\n  ratingScaleStarVisualVariants,\n  ratingScaleSliderTrackVariants,\n  ratingScaleSliderFillVariants,\n  ratingScaleSliderThumbVariants,\n  ratingScaleSliderTickVariants,\n  ratingScaleNAButtonVariants,\n} from './RatingScale.styles';\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** Generate the array of step values for the scale */\nfunction getStepValues(min: number, max: number, step: number): number[] {\n  const values: number[] = [];\n  for (let v = min; v <= max; v += step) {\n    values.push(v);\n  }\n  return values;\n}\n\n// =============================================================================\n// Sub-renderers\n// =============================================================================\n\ninterface RendererProps {\n  values: number[];\n  currentValue: number | null;\n  onValueChange: (value: number) => void;\n  size: RatingScaleSize;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  name?: string;\n  groupId: string;\n  min: number;\n  max: number;\n  step: number;\n}\n\n/** Buttons display: numbered buttons in a RadioGroup */\nfunction ButtonsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => (\n          <AriaRadio\n            key={v}\n            value={String(v)}\n            aria-label={String(v)}\n            className={ratingScaleButtonOuterVariants()}\n          >\n            {({ isSelected }) => (\n              <span\n                className={ratingScaleButtonVisualVariants({\n                  size,\n                  isSelected,\n                  isInvalid,\n                })}\n              >\n                {v}\n              </span>\n            )}\n          </AriaRadio>\n        ))}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Stars display: star icons that fill up to selected value */\nfunction StarsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => {\n          const isFilled = currentValue !== null && v <= currentValue;\n          return (\n            <AriaRadio\n              key={v}\n              value={String(v)}\n              aria-label={`${v} star${v !== 1 ? 's' : ''}`}\n              className={ratingScaleStarOuterVariants()}\n            >\n              <Star\n                aria-hidden=\"true\"\n                className={ratingScaleStarVisualVariants({\n                  size,\n                  isFilled,\n                  isInvalid,\n                })}\n              />\n            </AriaRadio>\n          );\n        })}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Slider display: discrete step slider with tick marks */\nfunction SliderRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isInvalid,\n  min,\n  max,\n  step,\n  groupId,\n}: RendererProps): ReactNode {\n  const effectiveValue = currentValue ?? min;\n\n  return (\n    <AriaSlider\n      aria-labelledby={`${groupId}-label`}\n      value={effectiveValue}\n      onChange={onValueChange}\n      minValue={min}\n      maxValue={max}\n      step={step}\n      isDisabled={isDisabled}\n      className=\"flex w-full flex-col gap-1 pb-4\"\n    >\n      <div className=\"flex items-center justify-between\">\n        <SliderOutput className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {({ state }) => state.values[0]}\n        </SliderOutput>\n      </div>\n      <SliderTrack className={cn(ratingScaleSliderTrackVariants({ size }), \"relative\")}>\n        {({ state }) => (\n          <>\n            {/* Filled portion */}\n            <div\n              className={ratingScaleSliderFillVariants({ isInvalid })}\n              style={{ width: `${(((state.values[0] ?? min) - min) / (max - min)) * 100}%` }}\n            />\n\n            {/* Tick marks */}\n            {values.map((v) => {\n              const percent = ((v - min) / (max - min)) * 100;\n              return (\n                <div\n                  key={v}\n                  className={ratingScaleSliderTickVariants({ size })}\n                  style={{ left: `${percent}%`, transform: 'translateX(-50%)' }}\n                  aria-hidden=\"true\"\n                />\n              );\n            })}\n\n            {/* Thumb — override React Aria's top:0 to center on track */}\n            <SliderThumb\n              className={ratingScaleSliderThumbVariants({ size })}\n              style={{ top: '50%' }}\n            />\n          </>\n        )}\n      </SliderTrack>\n    </AriaSlider>\n  );\n}\n\n// =============================================================================\n// RatingScale Component\n// =============================================================================\n\nconst RatingScale = forwardRef<HTMLDivElement, RatingScaleProps>(\n  function RatingScale(props: RatingScaleProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Value\n      value,\n      onChange,\n      // Range\n      min = 1,\n      max = 5,\n      step = 1,\n      // Display\n      displayStyle = 'buttons',\n      // Labels\n      label,\n      description,\n      errorMessage,\n      lowLabel,\n      highLabel,\n      valueLabels,\n      // N/A\n      showNA = false,\n      // State\n      isRequired = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isInvalid = false,\n      // Sizing\n      size = 'default',\n      // Form\n      name,\n      // Standard\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n    } = props;\n\n    const generatedId = useId();\n    const groupId = id ?? generatedId;\n    const labelId = `${groupId}-label`;\n    const descriptionId = `${groupId}-description`;\n    const errorId = `${groupId}-error`;\n\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n\n    const values = getStepValues(min, max, step);\n\n    // Controlled vs uncontrolled state management\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(null);\n    const currentValue = isControlled ? (value ?? null) : internalValue;\n\n    const handleValueChange = useCallback(\n      (newValue: number) => {\n        if (isReadOnly) return;\n        if (!isControlled) {\n          setInternalValue(newValue);\n        }\n        onChange?.(newValue);\n      },\n      [onChange, isReadOnly, isControlled],\n    );\n\n    const handleNAToggle = useCallback(() => {\n      if (isDisabled || isReadOnly) return;\n      if (currentValue === null) {\n        // Deselect N/A — revert to min value\n        if (!isControlled) {\n          setInternalValue(min);\n        }\n        onChange?.(min);\n      } else {\n        if (!isControlled) {\n          setInternalValue(null);\n        }\n        onChange?.(null);\n      }\n    }, [currentValue, onChange, min, isDisabled, isReadOnly, isControlled]);\n\n    const currentValueLabel =\n      currentValue !== null && valueLabels\n        ? valueLabels[String(currentValue)]\n        : undefined;\n\n    const rendererProps: RendererProps = {\n      values,\n      currentValue,\n      onValueChange: handleValueChange,\n      size,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      name,\n      groupId,\n      min,\n      max,\n      step,\n    };\n\n    return (\n      <div\n        ref={ref}\n        id={groupId}\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={describedByParts.length > 0 ? describedByParts.join(' ') : undefined}\n        data-testid={dataTestId}\n        className={cn(ratingScaleContainerVariants({ size }), className)}\n      >\n        {/* Label */}\n        {label && (\n          <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n            {label}\n            {isRequired && (\n              <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </Label>\n        )}\n\n        {/* Description */}\n        {description && (\n          <Text\n            id={descriptionId}\n            slot=\"description\"\n            className=\"text-sm text-[var(--menu-muted)]\"\n          >\n            {description}\n          </Text>\n        )}\n\n        {/* Scale row with endpoint labels */}\n        <div className=\"flex items-center gap-2\">\n          {lowLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {lowLabel}\n            </span>\n          )}\n\n          <div className=\"flex-1\">\n            {displayStyle === 'buttons' && <ButtonsRenderer {...rendererProps} />}\n            {displayStyle === 'stars' && <StarsRenderer {...rendererProps} />}\n            {displayStyle === 'slider' && <SliderRenderer {...rendererProps} />}\n          </div>\n\n          {highLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {highLabel}\n            </span>\n          )}\n\n          {/* N/A Button */}\n          {showNA && (\n            <button\n              type=\"button\"\n              aria-pressed={currentValue === null}\n              disabled={isDisabled}\n              onClick={handleNAToggle}\n              className={ratingScaleNAButtonVariants({\n                size,\n                isSelected: currentValue === null,\n              })}\n            >\n              N/A\n            </button>\n          )}\n        </div>\n\n        {/* Value label */}\n        {currentValueLabel && (\n          <span\n            className=\"text-sm font-medium text-[var(--content-foreground)]\"\n            aria-live=\"polite\"\n          >\n            {currentValueLabel}\n          </span>\n        )}\n\n        {/* Error message */}\n        {isInvalid && errorMessage && (\n          <div\n            id={errorId}\n            role=\"alert\"\n            className=\"text-sm text-[var(--destructive-background)]\"\n          >\n            {errorMessage}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nRatingScale.displayName = \"RatingScale\";\n\nexport { RatingScale };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * RatingScale display style schema\n * Determines the visual rendering of the scale\n */\nexport const RatingScaleDisplayStyleSchema = z.enum(['buttons', 'stars', 'slider']);\nexport type RatingScaleDisplayStyle = z.infer<typeof RatingScaleDisplayStyleSchema>;\n\n/**\n * RatingScale size schema\n * All sizes maintain 44px minimum touch targets (WCAG 2.2 AAA)\n */\nexport const RatingScaleSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RatingScaleSize = z.infer<typeof RatingScaleSizeSchema>;\n\n/**\n * RatingScale props schema\n *\n * Configurable rating scale with 3 display styles:\n * - buttons: RadioGroup with numbered buttons\n * - stars: RadioGroup with star icons (fill up to selected)\n * - slider: Slider with discrete steps and tick marks\n */\nexport const RatingScalePropsSchema = BaseComponentPropsSchema.extend({\n  // Value props — number | null (null = N/A selected)\n  value: z.number().nullable().optional(),\n  onChange: z.custom<(value: number | null) => void>().optional(),\n\n  // Range props\n  min: z.number().optional().default(1),\n  max: z.number().optional().default(5),\n  step: z.number().optional().default(1),\n\n  // Display\n  displayStyle: RatingScaleDisplayStyleSchema.optional().default('buttons'),\n\n  // Labels\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n  lowLabel: z.string().optional(),\n  highLabel: z.string().optional(),\n  valueLabels: z.record(z.string(), z.string()).optional(),\n\n  // N/A support\n  showNA: z.boolean().optional().default(false),\n\n  // State props\n  isRequired: z.boolean().optional().default(false),\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Sizing\n  size: RatingScaleSizeSchema.optional().default('default'),\n\n  // Form integration\n  name: z.string().optional(),\n});\n\nexport interface RatingScaleProps {\n  className?: string;\n  children?: unknown;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  value?: number | null;\n  onChange?: (value: number | null) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  displayStyle?: RatingScaleDisplayStyle;\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  lowLabel?: string;\n  highLabel?: string;\n  valueLabels?: Record<string, string>;\n  showNA?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isInvalid?: boolean;\n  size?: RatingScaleSize;\n  name?: string;\n}\n"]}