@spark-ui/components 14.0.0-beta.1 → 14.0.0

package/dist/progress-tracker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/progress-tracker/ProgressTracker.styles.ts","../../src/progress-tracker/ProgressTrackerContext.ts","../../src/progress-tracker/ProgressTracker.tsx","../../src/progress-tracker/ProgressTrackerStep.styles.ts","../../src/progress-tracker/ProgressTrackerStepIndicator.styles.ts","../../src/progress-tracker/ProgressTrackerStepIndicator.tsx","../../src/progress-tracker/ProgressTrackerStep.tsx","../../src/progress-tracker/ProgressTrackerStepLabel.tsx","../../src/progress-tracker/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\n\nexport const progressList = cx([\n  'flex flex-nowrap items-start group/list',\n  'data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full',\n  'data-[orientation=vertical]:flex-col',\n])\n","import { createContext, type Dispatch, type SetStateAction, useContext } from 'react'\n\nimport type { ProgressTrackerProps } from './ProgressTracker'\n\n// Interfaces\nexport type ProgressTrackerContextInterface = Required<\n  Pick<ProgressTrackerProps, 'stepIndex' | 'size' | 'intent' | 'readOnly'>\n> &\n  Pick<ProgressTrackerProps, 'onStepClick'> & {\n    steps: Map<string, string[]>\n    setSteps: Dispatch<SetStateAction<Map<string, string[]>>>\n  }\n\nexport interface ProgressTrackerStepContextInterface {\n  index: number\n  state: 'active' | 'complete' | 'incomplete'\n}\n\n// Contexts\nexport const ProgressTrackerContext = createContext<ProgressTrackerContextInterface>(\n  {} as ProgressTrackerContextInterface\n)\n\nexport const ProgressTrackerStepContext = createContext<ProgressTrackerStepContextInterface>(\n  {} as ProgressTrackerStepContextInterface\n)\n\n// Hooks\nexport const useProgressTrackerContext = () => useContext(ProgressTrackerContext)\n\nexport const useProgressTrackerStepContext = () => useContext(ProgressTrackerStepContext)\n\nexport const ID_PREFIX = ':progress-tracker'\n","import { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type PropsWithChildren, useState } from 'react'\n\nimport { progressList } from './ProgressTracker.styles'\nimport {\n  ProgressTrackerContext,\n  type ProgressTrackerContextInterface,\n} from './ProgressTrackerContext'\nimport type { StepIndicatorVariantProps } from './ProgressTrackerStepIndicator.styles'\n\nexport interface ProgressTrackerProps\n  extends ComponentPropsWithRef<'div'>,\n    Pick<StepIndicatorVariantProps, 'size' | 'intent'> {\n  /**\n   * The orientation of the progress tracker\n   * @default 'horizontal\"\n   */\n  orientation?: 'horizontal' | 'vertical'\n  /**\n   * The index of the current step.\n   * @default 0\n   */\n  stepIndex?: number\n  /**\n   * Event handler called when clicking on a step.\n   */\n  onStepClick?: (stepIndex: number) => void\n  /**\n   * Sets the component as interactive or not.\n   * @default false\n   */\n  readOnly?: boolean\n}\n\nexport const ProgressTracker = ({\n  stepIndex = 0,\n  onStepClick,\n  readOnly = false,\n  intent = 'basic',\n  size = 'lg',\n  orientation = 'horizontal',\n  children,\n  className,\n  ref,\n  ...rest\n}: PropsWithChildren<ProgressTrackerProps>) => {\n  const [steps, setSteps] = useState<ProgressTrackerContextInterface['steps']>(new Map())\n\n  const Component = readOnly ? 'div' : 'nav'\n\n  return (\n    <ProgressTrackerContext.Provider\n      value={{ stepIndex, onStepClick, steps, setSteps, size, intent, readOnly }}\n    >\n      <Component\n        ref={ref}\n        data-spark-component=\"progress-tracker\"\n        className={cx('inline-flex', className)}\n        {...rest}\n      >\n        <ol\n          data-orientation={orientation}\n          className={progressList}\n          style={{ counterReset: 'step' }}\n        >\n          {children}\n        </ol>\n      </Component>\n    </ProgressTrackerContext.Provider>\n  )\n}\n\nProgressTracker.displayName = 'ProgressTracker'\n","import { cva } from 'class-variance-authority'\n\nexport const stepItemVariant = cva(\n  [\n    'relative inline-flex items-start flex-auto first:grow-0 justify-center group/item',\n    // Progress Track\n    'after:absolute after:z-base',\n    'last:after:content-none',\n    'after:bg-outline',\n    'group-data-[orientation=horizontal]/list:before:bg-outline',\n    // Horizontal orientation\n    'group-data-[orientation=horizontal]/list:px-[1px]',\n    'group-data-[orientation=horizontal]/list:before:absolute group-data-[orientation=horizontal]/list:before:z-base',\n    'group-data-[orientation=horizontal]/list:before:left-0 group-data-[orientation=horizontal]/list:after:right-0',\n    'group-data-[orientation=horizontal]/list:before:h-[1px] group-data-[orientation=horizontal]/list:after:h-[1px]',\n    'first:group-data-[orientation=horizontal]/list:before:content-none',\n    // Vertical orientation\n    'group-data-[orientation=vertical]/list:py-[1px]',\n    'group-data-[orientation=vertical]/list:items-start',\n    'group-data-[orientation=vertical]/list:after:w-[1px] group-data-[orientation=vertical]/list:after:bottom-[-1px]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          // Horizontal orientation\n          'group-data-[orientation=horizontal]/list:before:top-[8px] group-data-[orientation=horizontal]/list:after:top-[8px]',\n          'group-data-[orientation=horizontal]/list:before:right-[calc(50%+12px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+12px)]',\n          'first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+10px)]',\n          'last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+10px)]',\n          // Vertical orientation\n          'group-data-[orientation=vertical]/list:after:left-[8px]',\n          'group-data-[orientation=vertical]/list:after:top-[25px]',\n          'first:group-data-[orientation=vertical]/list:after:top-[21px]',\n        ],\n        md: [\n          // Horizontal orientation\n          'group-data-[orientation=horizontal]/list:before:top-[12px] group-data-[orientation=horizontal]/list:after:top-[12px]',\n          'group-data-[orientation=horizontal]/list:before:right-[calc(50%+16px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+16px)]',\n          'first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+14px)]',\n          'last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+14px)]',\n          // Vertical orientation\n          'group-data-[orientation=vertical]/list:after:left-[12px]',\n          'group-data-[orientation=vertical]/list:after:top-[33px]',\n          'first:group-data-[orientation=vertical]/list:after:top-[29px]',\n        ],\n        lg: [\n          // Horizontal orientation\n          'group-data-[orientation=horizontal]/list:before:top-[16px] group-data-[orientation=horizontal]/list:after:top-[16px]',\n          'group-data-[orientation=horizontal]/list:before:right-[calc(50%+20px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+20px)]',\n          'first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+18px)]',\n          'last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+18px)]',\n          // Vertical orientation\n          'group-data-[orientation=vertical]/list:after:left-[16px]',\n          'group-data-[orientation=vertical]/list:after:top-[41px]',\n          'first:group-data-[orientation=vertical]/list:after:top-[37px]',\n        ],\n      },\n      intent: {\n        basic: '',\n        neutral: '',\n        success: '',\n      },\n      disabled: {\n        true: 'before:opacity-dim-3',\n        false: '',\n      },\n      disabledAfter: {\n        true: 'after:opacity-dim-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n      disabledAfter: false,\n      size: 'lg',\n      intent: 'basic',\n    },\n  }\n)\n\nexport const stepButtonVariant = cva(\n  [\n    'relative flex group/btn disabled:cursor-default',\n    // Horizontal orientation\n    'group-data-[orientation=horizontal]/list:flex-col group-data-[orientation=horizontal]/list:items-center',\n    'group-data-[orientation=horizontal]/list:text-center group-data-[orientation=horizontal]/list:mx-sm',\n    'group-first/item:group-data-[orientation=horizontal]/list:ml-0 group-last/item:group-data-[orientation=horizontal]/list:mr-0',\n    // Vertical orientation\n    'group-data-[orientation=vertical]/list:flex-row group-data-[orientation=vertical]/list:items-start',\n    'group-data-[orientation=vertical]/list:text-left group-data-[orientation=vertical]/list:my-sm',\n    'group-first/item:group-data-[orientation=vertical]/list:mt-0 group-last/item:group-data-[orientation=vertical]/list:mb-0',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          'group-data-[orientation=horizontal]/list:min-w-sz-16 group-data-[orientation=horizontal]/list:mt-[16px]',\n          'group-data-[orientation=vertical]/list:min-h-sz-16 group-data-[orientation=vertical]/list:ml-[16px]',\n        ],\n        md: [\n          'group-data-[orientation=horizontal]/list:min-w-sz-24 group-data-[orientation=horizontal]/list:mt-[24px]',\n          'group-data-[orientation=vertical]/list:min-h-sz-24 group-data-[orientation=vertical]/list:ml-[24px]',\n        ],\n        lg: [\n          'group-data-[orientation=horizontal]/list:min-w-sz-32 group-data-[orientation=horizontal]/list:mt-[32px]',\n          'group-data-[orientation=vertical]/list:min-h-sz-32 group-data-[orientation=vertical]/list:ml-[32px]',\n        ],\n      },\n      readOnly: {\n        true: 'cursor-default',\n        false: 'cursor-pointer',\n      },\n    },\n    defaultVariants: {\n      size: 'lg',\n      readOnly: false,\n    },\n  }\n)\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const stepIndicatorVariant = cva(\n  [\n    'relative flex shrink-0 justify-center items-center',\n    'rounded-full',\n    'text-body-2 font-bold',\n    'group-disabled/btn:opacity-dim-3',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          'w-sz-16 h-sz-16',\n          'group-data-[orientation=horizontal]/list:mt-[-16px]',\n          'group-data-[orientation=vertical]/list:ml-[-16px]',\n        ],\n        md: [\n          'w-sz-24 h-sz-24',\n          'group-data-[orientation=horizontal]/list:mt-[-24px]',\n          'group-data-[orientation=vertical]/list:ml-[-24px]',\n        ],\n        lg: [\n          'w-sz-32 h-sz-32',\n          'group-data-[orientation=horizontal]/list:mt-[-32px]',\n          'group-data-[orientation=vertical]/list:ml-[-32px]',\n        ],\n      },\n      intent: {\n        basic: '',\n        neutral: '',\n        success: '',\n      },\n      state: {\n        complete: '',\n        incomplete: '',\n        active: '',\n      },\n    },\n    /**\n     * Known type issue with CVA compoundVariants and VS Code/Intellisense:\n     * https://github.com/joe-bell/cva/discussions/195#discussioncomment-6750163\n     * */\n    /* @ts-ignore */\n    compoundVariants: [\n      // Basic\n      {\n        intent: 'basic',\n        state: ['complete', 'incomplete'],\n        class: [\n          'text-on-basic-container bg-basic-container',\n          'group-hover/btn:group-data-[interactive=true]/btn:bg-basic-container-hovered',\n          'group-hover/btn:group-data-[interactive=false]/btn:bg-basic-container',\n        ],\n      },\n      {\n        intent: 'basic',\n        state: 'active',\n        class: 'text-on-basic bg-basic',\n      },\n      // Neutral\n      {\n        intent: 'neutral',\n        state: ['complete', 'incomplete'],\n        class: [\n          'text-on-neutral-container bg-neutral-container',\n          'group-hover/btn:group-data-[interactive=true]/btn:bg-neutral-container-hovered',\n          'group-hover/btn:group-data-[interactive=false]/btn:bg-neutral-container',\n        ],\n      },\n      {\n        intent: 'neutral',\n        state: 'active',\n        class: 'text-on-neutral bg-neutral',\n      },\n      // Success\n      {\n        intent: 'success',\n        state: ['complete', 'incomplete'],\n        class: [\n          'text-on-success-container bg-success-container',\n          'group-hover/btn:group-data-[interactive=true]/btn:bg-success-container-hovered',\n          'group-hover/btn:group-data-[interactive=false]/btn:bg-success-container',\n        ],\n      },\n      {\n        intent: 'success',\n        state: 'active',\n        class: 'text-on-success bg-success',\n      },\n    ],\n    defaultVariants: {\n      size: 'lg',\n      state: 'incomplete',\n      intent: 'basic',\n    },\n  }\n)\n\nexport type StepIndicatorVariantProps = VariantProps<typeof stepIndicatorVariant>\n","import { Check } from '@spark-ui/icons/Check'\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport { Icon } from '../icon'\nimport { useProgressTrackerContext, useProgressTrackerStepContext } from './ProgressTrackerContext'\nimport { stepIndicatorVariant } from './ProgressTrackerStepIndicator.styles'\n\nexport type ProgressTrackerStepIndicatorProps = ComponentPropsWithoutRef<'span'> & {\n  /**\n   * The content to be rendered when step status is complete (checkmark icon by default)\n   */\n  complete?: ReactNode\n  /**\n   * The content to be rendered when step status is incomplete (step index by default)\n   */\n  incomplete?: ReactNode\n}\n\nconst CompleteIndicator = () => (\n  <Icon size=\"sm\">\n    <Check />\n  </Icon>\n)\n\nexport const ProgressTrackerStepIndicator = ({\n  complete,\n  incomplete,\n  className,\n}: ProgressTrackerStepIndicatorProps) => {\n  const { size, intent } = useProgressTrackerContext()\n  const { index, state } = useProgressTrackerStepContext()\n\n  return (\n    <span className={stepIndicatorVariant({ size, intent, state, className })} aria-hidden=\"true\">\n      {size !== 'sm' && (\n        <>\n          {state === 'complete' && (complete === undefined ? <CompleteIndicator /> : complete)}\n          {state !== 'complete' && (incomplete === undefined ? `${index + 1}` : incomplete)}\n        </>\n      )}\n    </span>\n  )\n}\n\nProgressTrackerStepIndicator.displayName = 'ProgressTracker.StepIndicator'\n","import { type ComponentPropsWithRef, type ReactNode, useEffect, useId } from 'react'\n\nimport {\n  ID_PREFIX,\n  ProgressTrackerStepContext,\n  useProgressTrackerContext,\n} from './ProgressTrackerContext'\nimport { stepButtonVariant, stepItemVariant } from './ProgressTrackerStep.styles'\nimport { ProgressTrackerStepIndicator } from './ProgressTrackerStepIndicator'\n\nexport type ProgressTrackerStepProps = ComponentPropsWithRef<'li'> &\n  (\n    | {\n        disabled?: boolean\n        children: ReactNode\n      }\n    | {\n        disabled?: boolean\n        'aria-label': string\n      }\n  )\n\nexport const ProgressTrackerStep = ({\n  disabled = false,\n  children,\n  'aria-label': ariaLabel,\n  className,\n  ref,\n  ...rest\n}: ProgressTrackerStepProps) => {\n  const {\n    stepIndex: currentStepIndex,\n    steps,\n    onStepClick,\n    setSteps,\n    size,\n    intent,\n    readOnly,\n  } = useProgressTrackerContext()\n\n  const stepId = `${ID_PREFIX}-step-${useId()}`\n  const stepIndex = [...steps.keys()].indexOf(stepId)\n\n  const disabledAfter = (() => {\n    const nextStepId = [...steps.keys()][stepIndex + 1]\n\n    return !!(nextStepId && steps.get(nextStepId)?.includes('disabled'))\n  })()\n\n  const progressState = (() => {\n    if (stepIndex === currentStepIndex) return 'active'\n    else if (stepIndex < currentStepIndex) return 'complete'\n    else return 'incomplete'\n  })()\n\n  useEffect(() => {\n    setSteps(steps => {\n      const newSteps = new Map(steps)\n\n      return newSteps.set(\n        stepId,\n        [progressState, disabled ? 'disabled' : ''].filter(v => !!v)\n      )\n    })\n\n    return () => {\n      setSteps(steps => {\n        steps.delete(stepId)\n\n        return steps\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <li\n      data-spark-component=\"progress-tracker-step\"\n      id={stepId}\n      ref={ref}\n      data-state={progressState}\n      {...(progressState === 'active' && {\n        'aria-current': 'step',\n      })}\n      className={stepItemVariant({\n        size,\n        intent,\n        disabled,\n        disabledAfter,\n      })}\n      {...rest}\n    >\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-interactive={!disabled && !readOnly}\n        {...(!disabled &&\n          !readOnly && {\n            onClick: () => onStepClick?.(stepIndex),\n          })}\n        disabled={disabled}\n        className={stepButtonVariant({\n          size,\n          readOnly,\n          className,\n        })}\n      >\n        <ProgressTrackerStepContext.Provider\n          value={{\n            index: stepIndex,\n            state: progressState,\n          }}\n        >\n          {children || <ProgressTrackerStepIndicator />}\n        </ProgressTrackerStepContext.Provider>\n      </button>\n    </li>\n  )\n}\n\nProgressTrackerStep.displayName = 'ProgressTracker.Step'\n","import { cva } from 'class-variance-authority'\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport { useProgressTrackerStepContext } from './ProgressTrackerContext'\n\ntype ProgressTrackerStepLabelProps = ComponentPropsWithoutRef<'span'> & {\n  children: ReactNode\n}\n\nconst stepLabel = cva(\n  [\n    'flex text-body-2 ',\n    'text-on-surface group-disabled/btn:text-on-surface/dim-1',\n    'group-data-[orientation=horizontal]/list:mt-md',\n    'group-data-[orientation=vertical]/list:ml-md',\n    'group-data-[orientation=vertical]/list:my-auto',\n  ],\n  {\n    variants: {\n      state: {\n        complete: '',\n        incomplete: '',\n        active: 'font-bold',\n      },\n    },\n  }\n)\n\nexport const ProgressTrackerStepLabel = ({\n  className,\n  children,\n}: ProgressTrackerStepLabelProps) => {\n  const { state } = useProgressTrackerStepContext()\n\n  return <span className={stepLabel({ state, className })}>{children}</span>\n}\n\nProgressTrackerStepLabel.displayName = 'ProgressTracker.StepLabel'\n","import { ProgressTracker as Root, type ProgressTrackerProps } from './ProgressTracker'\nimport { ProgressTrackerStep as Step, type ProgressTrackerStepProps } from './ProgressTrackerStep'\nimport {\n  ProgressTrackerStepIndicator as StepIndicator,\n  type ProgressTrackerStepIndicatorProps,\n} from './ProgressTrackerStepIndicator'\nimport { ProgressTrackerStepLabel as StepLabel } from './ProgressTrackerStepLabel'\n\nexport const ProgressTracker: typeof Root & {\n  Step: typeof Step\n  StepLabel: typeof StepLabel\n  StepIndicator: typeof StepIndicator\n} = Object.assign(Root, {\n  Step,\n  StepLabel,\n  StepIndicator,\n})\n\nProgressTracker.displayName = 'ProgressTracker'\nStep.displayName = 'ProgressTracker.Step'\nStepLabel.displayName = 'ProgressTracker.StepLabel'\nStepIndicator.displayName = 'ProgressTracker.StepIndicator'\n\nexport type { ProgressTrackerProps, ProgressTrackerStepProps, ProgressTrackerStepIndicatorProps }\n"],"names":["progressList","cx","ProgressTrackerContext","createContext","ProgressTrackerStepContext","useProgressTrackerContext","useContext","useProgressTrackerStepContext","ID_PREFIX","ProgressTracker","stepIndex","onStepClick","readOnly","intent","size","orientation","children","className","ref","rest","steps","setSteps","useState","Component","jsx","stepItemVariant","cva","stepButtonVariant","stepIndicatorVariant","CompleteIndicator","Icon","Check","ProgressTrackerStepIndicator","complete","incomplete","index","state","jsxs","Fragment","ProgressTrackerStep","disabled","ariaLabel","currentStepIndex","stepId","useId","disabledAfter","nextStepId","progressState","useEffect","v","stepLabel","ProgressTrackerStepLabel","Root","Step","StepLabel","StepIndicator"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/progress-tracker/ProgressTracker.styles.ts","../../src/progress-tracker/ProgressTrackerContext.ts","../../src/progress-tracker/ProgressTracker.tsx","../../src/progress-tracker/ProgressTrackerStep.styles.ts","../../src/progress-tracker/ProgressTrackerStepIndicator.styles.ts","../../src/progress-tracker/ProgressTrackerStepIndicator.tsx","../../src/progress-tracker/ProgressTrackerStep.tsx","../../src/progress-tracker/ProgressTrackerStepLabel.tsx","../../src/progress-tracker/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\n\nexport const progressList = cx([\n  'flex flex-nowrap items-start group/list',\n  'data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full',\n  'data-[orientation=vertical]:flex-col',\n])\n","import { createContext, type Dispatch, type SetStateAction, useContext } from 'react'\n\nimport type { ProgressTrackerProps } from './ProgressTracker'\n\n// Interfaces\nexport type ProgressTrackerContextInterface = Required<\n  Pick<ProgressTrackerProps, 'stepIndex' | 'size' | 'intent' | 'readOnly'>\n> &\n  Pick<ProgressTrackerProps, 'onStepClick'> & {\n    steps: Map<string, string[]>\n    setSteps: Dispatch<SetStateAction<Map<string, string[]>>>\n  }\n\nexport interface ProgressTrackerStepContextInterface {\n  index: number\n  state: 'active' | 'complete' | 'incomplete'\n}\n\n// Contexts\nexport const ProgressTrackerContext = createContext<ProgressTrackerContextInterface>(\n  {} as ProgressTrackerContextInterface\n)\n\nexport const ProgressTrackerStepContext = createContext<ProgressTrackerStepContextInterface>(\n  {} as ProgressTrackerStepContextInterface\n)\n\n// Hooks\nexport const useProgressTrackerContext = () => useContext(ProgressTrackerContext)\n\nexport const useProgressTrackerStepContext = () => useContext(ProgressTrackerStepContext)\n\nexport const ID_PREFIX = ':progress-tracker'\n","import { cx } from 'class-variance-authority'\nimport { type ComponentPropsWithRef, type PropsWithChildren, useState } from 'react'\n\nimport { progressList } from './ProgressTracker.styles'\nimport {\n  ProgressTrackerContext,\n  type ProgressTrackerContextInterface,\n} from './ProgressTrackerContext'\nimport type { StepIndicatorVariantProps } from './ProgressTrackerStepIndicator.styles'\n\nexport interface ProgressTrackerProps\n  extends ComponentPropsWithRef<'div'>,\n    Pick<StepIndicatorVariantProps, 'size' | 'intent'> {\n  /**\n   * The orientation of the progress tracker\n   * @default 'horizontal\"\n   */\n  orientation?: 'horizontal' | 'vertical'\n  /**\n   * The index of the current step.\n   * @default 0\n   */\n  stepIndex?: number\n  /**\n   * Event handler called when clicking on a step.\n   */\n  onStepClick?: (stepIndex: number) => void\n  /**\n   * Sets the component as interactive or not.\n   * @default false\n   */\n  readOnly?: boolean\n}\n\nexport const ProgressTracker = ({\n  stepIndex = 0,\n  onStepClick,\n  readOnly = false,\n  intent = 'basic',\n  size = 'lg',\n  orientation = 'horizontal',\n  children,\n  className,\n  ref,\n  ...rest\n}: PropsWithChildren<ProgressTrackerProps>) => {\n  const [steps, setSteps] = useState<ProgressTrackerContextInterface['steps']>(new Map())\n\n  const Component = readOnly ? 'div' : 'nav'\n\n  return (\n    <ProgressTrackerContext.Provider\n      value={{ stepIndex, onStepClick, steps, setSteps, size, intent, readOnly }}\n    >\n      <Component\n        ref={ref}\n        data-spark-component=\"progress-tracker\"\n        className={cx('inline-flex', className)}\n        {...rest}\n      >\n        <ol\n          data-orientation={orientation}\n          className={progressList}\n          style={{ counterReset: 'step' }}\n        >\n          {children}\n        </ol>\n      </Component>\n    </ProgressTrackerContext.Provider>\n  )\n}\n\nProgressTracker.displayName = 'ProgressTracker'\n","import { cva } from 'class-variance-authority'\n\nexport const stepItemVariant = cva(\n  [\n    'relative inline-flex items-start flex-auto first:grow-0 justify-center group/item',\n    // Progress Track\n    'after:absolute after:z-base',\n    'last:after:content-none',\n    'after:bg-outline',\n    'group-data-[orientation=horizontal]/list:before:bg-outline',\n    // Horizontal orientation\n    'group-data-[orientation=horizontal]/list:px-[1px]',\n    'group-data-[orientation=horizontal]/list:before:absolute group-data-[orientation=horizontal]/list:before:z-base',\n    'group-data-[orientation=horizontal]/list:before:left-0 group-data-[orientation=horizontal]/list:after:right-0',\n    'group-data-[orientation=horizontal]/list:before:h-[1px] group-data-[orientation=horizontal]/list:after:h-[1px]',\n    'first:group-data-[orientation=horizontal]/list:before:content-none',\n    // Vertical orientation\n    'group-data-[orientation=vertical]/list:py-[1px]',\n    'group-data-[orientation=vertical]/list:items-start',\n    'group-data-[orientation=vertical]/list:after:w-[1px] group-data-[orientation=vertical]/list:after:bottom-[-1px]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          // Horizontal orientation\n          'group-data-[orientation=horizontal]/list:before:top-[8px] group-data-[orientation=horizontal]/list:after:top-[8px]',\n          'group-data-[orientation=horizontal]/list:before:right-[calc(50%+12px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+12px)]',\n          'first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+10px)]',\n          'last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+10px)]',\n          // Vertical orientation\n          'group-data-[orientation=vertical]/list:after:left-[8px]',\n          'group-data-[orientation=vertical]/list:after:top-[25px]',\n          'first:group-data-[orientation=vertical]/list:after:top-[21px]',\n        ],\n        md: [\n          // Horizontal orientation\n          'group-data-[orientation=horizontal]/list:before:top-[12px] group-data-[orientation=horizontal]/list:after:top-[12px]',\n          'group-data-[orientation=horizontal]/list:before:right-[calc(50%+16px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+16px)]',\n          'first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+14px)]',\n          'last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+14px)]',\n          // Vertical orientation\n          'group-data-[orientation=vertical]/list:after:left-[12px]',\n          'group-data-[orientation=vertical]/list:after:top-[33px]',\n          'first:group-data-[orientation=vertical]/list:after:top-[29px]',\n        ],\n        lg: [\n          // Horizontal orientation\n          'group-data-[orientation=horizontal]/list:before:top-[16px] group-data-[orientation=horizontal]/list:after:top-[16px]',\n          'group-data-[orientation=horizontal]/list:before:right-[calc(50%+20px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+20px)]',\n          'first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+18px)]',\n          'last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+18px)]',\n          // Vertical orientation\n          'group-data-[orientation=vertical]/list:after:left-[16px]',\n          'group-data-[orientation=vertical]/list:after:top-[41px]',\n          'first:group-data-[orientation=vertical]/list:after:top-[37px]',\n        ],\n      },\n      intent: {\n        basic: '',\n        neutral: '',\n        success: '',\n      },\n      disabled: {\n        true: 'before:opacity-dim-3',\n        false: '',\n      },\n      disabledAfter: {\n        true: 'after:opacity-dim-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n      disabledAfter: false,\n      size: 'lg',\n      intent: 'basic',\n    },\n  }\n)\n\nexport const stepButtonVariant = cva(\n  [\n    'relative flex group/btn disabled:cursor-default',\n    // Horizontal orientation\n    'group-data-[orientation=horizontal]/list:flex-col group-data-[orientation=horizontal]/list:items-center',\n    'group-data-[orientation=horizontal]/list:text-center group-data-[orientation=horizontal]/list:mx-sm',\n    'group-first/item:group-data-[orientation=horizontal]/list:ml-0 group-last/item:group-data-[orientation=horizontal]/list:mr-0',\n    // Vertical orientation\n    'group-data-[orientation=vertical]/list:flex-row group-data-[orientation=vertical]/list:items-start',\n    'group-data-[orientation=vertical]/list:text-left group-data-[orientation=vertical]/list:my-sm',\n    'group-first/item:group-data-[orientation=vertical]/list:mt-0 group-last/item:group-data-[orientation=vertical]/list:mb-0',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          'group-data-[orientation=horizontal]/list:min-w-sz-16 group-data-[orientation=horizontal]/list:mt-[16px]',\n          'group-data-[orientation=vertical]/list:min-h-sz-16 group-data-[orientation=vertical]/list:ml-[16px]',\n        ],\n        md: [\n          'group-data-[orientation=horizontal]/list:min-w-sz-24 group-data-[orientation=horizontal]/list:mt-[24px]',\n          'group-data-[orientation=vertical]/list:min-h-sz-24 group-data-[orientation=vertical]/list:ml-[24px]',\n        ],\n        lg: [\n          'group-data-[orientation=horizontal]/list:min-w-sz-32 group-data-[orientation=horizontal]/list:mt-[32px]',\n          'group-data-[orientation=vertical]/list:min-h-sz-32 group-data-[orientation=vertical]/list:ml-[32px]',\n        ],\n      },\n      readOnly: {\n        true: 'cursor-default',\n        false: 'cursor-pointer',\n      },\n    },\n    defaultVariants: {\n      size: 'lg',\n      readOnly: false,\n    },\n  }\n)\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const stepIndicatorVariant = cva(\n  [\n    'relative flex shrink-0 justify-center items-center',\n    'rounded-full',\n    'text-body-2 font-bold',\n    'group-disabled/btn:opacity-dim-3',\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          'w-sz-16 h-sz-16',\n          'group-data-[orientation=horizontal]/list:mt-[-16px]',\n          'group-data-[orientation=vertical]/list:ml-[-16px]',\n        ],\n        md: [\n          'w-sz-24 h-sz-24',\n          'group-data-[orientation=horizontal]/list:mt-[-24px]',\n          'group-data-[orientation=vertical]/list:ml-[-24px]',\n        ],\n        lg: [\n          'w-sz-32 h-sz-32',\n          'group-data-[orientation=horizontal]/list:mt-[-32px]',\n          'group-data-[orientation=vertical]/list:ml-[-32px]',\n        ],\n      },\n      intent: {\n        basic: '',\n        neutral: '',\n        success: '',\n      },\n      state: {\n        complete: '',\n        incomplete: '',\n        active: '',\n      },\n    },\n    /**\n     * Known type issue with CVA compoundVariants and VS Code/Intellisense:\n     * https://github.com/joe-bell/cva/discussions/195#discussioncomment-6750163\n     * */\n    /* @ts-ignore */\n    compoundVariants: [\n      // Basic\n      {\n        intent: 'basic',\n        state: ['complete', 'incomplete'],\n        class: [\n          'text-on-basic-container bg-basic-container',\n          'group-hover/btn:group-data-[interactive=true]/btn:bg-basic-container-hovered',\n          'group-hover/btn:group-data-[interactive=false]/btn:bg-basic-container',\n        ],\n      },\n      {\n        intent: 'basic',\n        state: 'active',\n        class: 'text-on-basic bg-basic',\n      },\n      // Neutral\n      {\n        intent: 'neutral',\n        state: ['complete', 'incomplete'],\n        class: [\n          'text-on-neutral-container bg-neutral-container',\n          'group-hover/btn:group-data-[interactive=true]/btn:bg-neutral-container-hovered',\n          'group-hover/btn:group-data-[interactive=false]/btn:bg-neutral-container',\n        ],\n      },\n      {\n        intent: 'neutral',\n        state: 'active',\n        class: 'text-on-neutral bg-neutral',\n      },\n      // Success\n      {\n        intent: 'success',\n        state: ['complete', 'incomplete'],\n        class: [\n          'text-on-success-container bg-success-container',\n          'group-hover/btn:group-data-[interactive=true]/btn:bg-success-container-hovered',\n          'group-hover/btn:group-data-[interactive=false]/btn:bg-success-container',\n        ],\n      },\n      {\n        intent: 'success',\n        state: 'active',\n        class: 'text-on-success bg-success',\n      },\n    ],\n    defaultVariants: {\n      size: 'lg',\n      state: 'incomplete',\n      intent: 'basic',\n    },\n  }\n)\n\nexport type StepIndicatorVariantProps = VariantProps<typeof stepIndicatorVariant>\n","import { Check } from '@spark-ui/icons/Check'\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport { Icon } from '../icon'\nimport { useProgressTrackerContext, useProgressTrackerStepContext } from './ProgressTrackerContext'\nimport { stepIndicatorVariant } from './ProgressTrackerStepIndicator.styles'\n\nexport type ProgressTrackerStepIndicatorProps = ComponentPropsWithoutRef<'span'> & {\n  /**\n   * The content to be rendered when step status is complete (checkmark icon by default)\n   */\n  complete?: ReactNode\n  /**\n   * The content to be rendered when step status is incomplete (step index by default)\n   */\n  incomplete?: ReactNode\n}\n\nconst CompleteIndicator = () => (\n  <Icon size=\"sm\">\n    <Check />\n  </Icon>\n)\n\nexport const ProgressTrackerStepIndicator = ({\n  complete,\n  incomplete,\n  className,\n}: ProgressTrackerStepIndicatorProps) => {\n  const { size, intent } = useProgressTrackerContext()\n  const { index, state } = useProgressTrackerStepContext()\n\n  return (\n    <span className={stepIndicatorVariant({ size, intent, state, className })} aria-hidden=\"true\">\n      {size !== 'sm' && (\n        <>\n          {state === 'complete' && (complete === undefined ? <CompleteIndicator /> : complete)}\n          {state !== 'complete' && (incomplete === undefined ? `${index + 1}` : incomplete)}\n        </>\n      )}\n    </span>\n  )\n}\n\nProgressTrackerStepIndicator.displayName = 'ProgressTracker.StepIndicator'\n","import { type ComponentPropsWithRef, type ReactNode, useEffect, useId } from 'react'\n\nimport {\n  ID_PREFIX,\n  ProgressTrackerStepContext,\n  useProgressTrackerContext,\n} from './ProgressTrackerContext'\nimport { stepButtonVariant, stepItemVariant } from './ProgressTrackerStep.styles'\nimport { ProgressTrackerStepIndicator } from './ProgressTrackerStepIndicator'\n\nexport type ProgressTrackerStepProps = ComponentPropsWithRef<'li'> &\n  (\n    | {\n        disabled?: boolean\n        children: ReactNode\n      }\n    | {\n        disabled?: boolean\n        'aria-label': string\n      }\n  )\n\nexport const ProgressTrackerStep = ({\n  disabled = false,\n  children,\n  'aria-label': ariaLabel,\n  className,\n  ref,\n  ...rest\n}: ProgressTrackerStepProps) => {\n  const {\n    stepIndex: currentStepIndex,\n    steps,\n    onStepClick,\n    setSteps,\n    size,\n    intent,\n    readOnly,\n  } = useProgressTrackerContext()\n\n  const stepId = `${ID_PREFIX}-step-${useId()}`\n  const stepIndex = [...steps.keys()].indexOf(stepId)\n\n  const disabledAfter = (() => {\n    const nextStepId = [...steps.keys()][stepIndex + 1]\n\n    return !!(nextStepId && steps.get(nextStepId)?.includes('disabled'))\n  })()\n\n  const progressState = (() => {\n    if (stepIndex === currentStepIndex) return 'active'\n    else if (stepIndex < currentStepIndex) return 'complete'\n    else return 'incomplete'\n  })()\n\n  useEffect(() => {\n    setSteps(steps => {\n      const newSteps = new Map(steps)\n\n      return newSteps.set(\n        stepId,\n        [progressState, disabled ? 'disabled' : ''].filter(v => !!v)\n      )\n    })\n\n    return () => {\n      setSteps(steps => {\n        steps.delete(stepId)\n\n        return steps\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  return (\n    <li\n      data-spark-component=\"progress-tracker-step\"\n      id={stepId}\n      ref={ref}\n      data-state={progressState}\n      {...(progressState === 'active' && {\n        'aria-current': 'step',\n      })}\n      className={stepItemVariant({\n        size,\n        intent,\n        disabled,\n        disabledAfter,\n      })}\n      {...rest}\n    >\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-interactive={!disabled && !readOnly}\n        {...(!disabled &&\n          !readOnly && {\n            onClick: () => onStepClick?.(stepIndex),\n          })}\n        disabled={disabled}\n        className={stepButtonVariant({\n          size,\n          readOnly,\n          className,\n        })}\n      >\n        <ProgressTrackerStepContext.Provider\n          value={{\n            index: stepIndex,\n            state: progressState,\n          }}\n        >\n          {children || <ProgressTrackerStepIndicator />}\n        </ProgressTrackerStepContext.Provider>\n      </button>\n    </li>\n  )\n}\n\nProgressTrackerStep.displayName = 'ProgressTracker.Step'\n","import { cva } from 'class-variance-authority'\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport { useProgressTrackerStepContext } from './ProgressTrackerContext'\n\ntype ProgressTrackerStepLabelProps = ComponentPropsWithoutRef<'span'> & {\n  children: ReactNode\n}\n\nconst stepLabel = cva(\n  [\n    'flex text-body-2 ',\n    'text-on-surface group-disabled/btn:text-on-surface/dim-1',\n    'group-data-[orientation=horizontal]/list:mt-md',\n    'group-data-[orientation=vertical]/list:ml-md',\n    'group-data-[orientation=vertical]/list:my-auto',\n  ],\n  {\n    variants: {\n      state: {\n        complete: '',\n        incomplete: '',\n        active: 'font-bold',\n      },\n    },\n  }\n)\n\nexport const ProgressTrackerStepLabel = ({\n  className,\n  children,\n}: ProgressTrackerStepLabelProps) => {\n  const { state } = useProgressTrackerStepContext()\n\n  return <span className={stepLabel({ state, className })}>{children}</span>\n}\n\nProgressTrackerStepLabel.displayName = 'ProgressTracker.StepLabel'\n","import { ProgressTracker as Root, type ProgressTrackerProps } from './ProgressTracker'\nimport { ProgressTrackerStep as Step, type ProgressTrackerStepProps } from './ProgressTrackerStep'\nimport {\n  ProgressTrackerStepIndicator as StepIndicator,\n  type ProgressTrackerStepIndicatorProps,\n} from './ProgressTrackerStepIndicator'\nimport { ProgressTrackerStepLabel as StepLabel } from './ProgressTrackerStepLabel'\n\nexport const ProgressTracker: typeof Root & {\n  Step: typeof Step\n  StepLabel: typeof StepLabel\n  StepIndicator: typeof StepIndicator\n} = Object.assign(Root, {\n  Step,\n  StepLabel,\n  StepIndicator,\n})\n\nProgressTracker.displayName = 'ProgressTracker'\nStep.displayName = 'ProgressTracker.Step'\nStepLabel.displayName = 'ProgressTracker.StepLabel'\nStepIndicator.displayName = 'ProgressTracker.StepIndicator'\n\nexport type { ProgressTrackerProps, ProgressTrackerStepProps, ProgressTrackerStepIndicatorProps }\n"],"names":["progressList","cx","ProgressTrackerContext","createContext","ProgressTrackerStepContext","useProgressTrackerContext","useContext","useProgressTrackerStepContext","ID_PREFIX","ProgressTracker","stepIndex","onStepClick","readOnly","intent","size","orientation","children","className","ref","rest","steps","setSteps","useState","Component","jsx","stepItemVariant","cva","stepButtonVariant","stepIndicatorVariant","CompleteIndicator","Icon","Check","ProgressTrackerStepIndicator","complete","incomplete","index","state","jsxs","Fragment","ProgressTrackerStep","disabled","ariaLabel","currentStepIndex","stepId","useId","disabledAfter","nextStepId","progressState","useEffect","v","stepLabel","ProgressTrackerStepLabel","Root","Step","StepLabel","StepIndicator"],"mappings":"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"}

package/dist/progress-tracker/index.mjs

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as j, Fragment as O } from "react/jsx-runtime";
-import { a as y, c as x } from "../index-BmAFn37q.mjs";
+import { cx as y, cva as x } from "class-variance-authority";
 import { createContext as S, useContext as P, useState as $, useId as A, useEffect as E } from "react";
 import { Check as F } from "@spark-ui/icons/Check";
-import { I as M } from "../Icon-D1RueiPY.mjs";
+import { I as M } from "../Icon-Ck-dhfLd.mjs";
 const R = y([
   "flex flex-nowrap items-start group/list",
   "data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full",
@@ -19,21 +19,21 @@ const R = y([
   size: s = "lg",
   orientation: l = "horizontal",
   children: o,
-  className: c,
+  className: p,
   ref: h,
   ...d
 }) => {
-  const [g, v] = $(/* @__PURE__ */ new Map()), p = r ? "div" : "nav";
+  const [g, v] = $(/* @__PURE__ */ new Map()), c = r ? "div" : "nav";
   return /* @__PURE__ */ a(
     I.Provider,
     {
       value: { stepIndex: t, onStepClick: e, steps: g, setSteps: v, size: s, intent: n, readOnly: r },
       children: /* @__PURE__ */ a(
-        p,
+        c,
         {
           ref: h,
           "data-spark-component": "progress-tracker",
-          className: y("inline-flex", c),
+          className: y("inline-flex", p),
           ...d,
           children: /* @__PURE__ */ a(
             "ol",
@@ -282,15 +282,15 @@ const z = ({
 }) => {
   const {
     stepIndex: o,
-    steps: c,
+    steps: p,
     onStepClick: h,
     setSteps: d,
     size: g,
     intent: v,
-    readOnly: p
-  } = w(), f = `${B}-step-${A()}`, u = [...c.keys()].indexOf(f), V = (() => {
-    const i = [...c.keys()][u + 1];
-    return !!(i && c.get(i)?.includes("disabled"));
+    readOnly: c
+  } = w(), f = `${B}-step-${A()}`, u = [...p.keys()].indexOf(f), V = (() => {
+    const i = [...p.keys()][u + 1];
+    return !!(i && p.get(i)?.includes("disabled"));
   })(), m = u === o ? "active" : u < o ? "complete" : "incomplete";
   return E(() => (d((i) => new Map(i).set(
     f,
@@ -319,14 +319,14 @@ const z = ({
         {
           type: "button",
           "aria-label": r,
-          "data-interactive": !t && !p,
-          ...!t && !p && {
+          "data-interactive": !t && !c,
+          ...!t && !c && {
             onClick: () => h?.(u)
           },
           disabled: t,
           className: X({
             size: g,
-            readOnly: p,
+            readOnly: c,
             className: n
           }),
           children: /* @__PURE__ */ a(

package/dist/radio-group/index.d.mts

@@ -0,0 +1,7 @@
+import { Radio } from './Radio';
+import { RadioGroup as Root } from './RadioGroup';
+export declare const RadioGroup: typeof Root & {
+    Radio: typeof Radio;
+};
+export { type RadioGroupProps } from './RadioGroup';
+export { type RadioProps } from './Radio';

package/dist/radio-group/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),g=require("../index-DnaHaH_0.js"),x=require("react"),P=require("../form-field/index.js"),S=require("@spark-ui/internal-utils"),y=require("../index-Dkj4QRX8.js"),j=require("../index-1WIgmEZh.js"),E=require("../index-DO-atGp-.js"),k=require("../index-ChLwd62c.js"),I=require("../index-CyMbLkj0.js"),Y=require("../index-De-6atSi.js"),J=require("../index-Cjj_rUPu.js"),Q=require("../index-DYxWvftI.js"),Z=require("../index-MHF2-CYX.js"),ee=require("../index-0KYGKeVg.js");function re(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const R=re(x);var C="Radio",[oe,_]=E.createContextScope(C),[te,ae]=oe(C),q=R.forwardRef((e,o)=>{const{__scopeRadio:r,name:t,checked:a=!1,required:i,disabled:s,value:u="on",onCheck:p,form:f,...b}=e,[c,v]=R.useState(null),d=j.useComposedRefs(o,h=>v(h)),l=R.useRef(!1),m=c?f||!!c.closest("form"):!0;return n.jsxs(te,{scope:r,checked:a,disabled:s,children:[n.jsx(k.Primitive.button,{type:"button",role:"radio","aria-checked":a,"data-state":O(a),"data-disabled":s?"":void 0,disabled:s,value:u,...b,ref:d,onClick:y.composeEventHandlers(e.onClick,h=>{a||p?.(),m&&(l.current=h.isPropagationStopped(),l.current||h.stopPropagation())})}),m&&n.jsx(A,{control:c,bubbles:!l.current,name:t,value:u,checked:a,required:i,disabled:s,form:f,style:{transform:"translateX(-100%)"}})]})});q.displayName=C;var $="RadioIndicator",F=R.forwardRef((e,o)=>{const{__scopeRadio:r,forceMount:t,...a}=e,i=ae($,r);return n.jsx(Z.Presence,{present:t||i.checked,children:n.jsx(k.Primitive.span,{"data-state":O(i.checked),"data-disabled":i.disabled?"":void 0,...a,ref:o})})});F.displayName=$;var ne="RadioBubbleInput",A=R.forwardRef(({__scopeRadio:e,control:o,checked:r,bubbles:t=!0,...a},i)=>{const s=R.useRef(null),u=j.useComposedRefs(s,i),p=Q.usePrevious(r),f=J.useSize(o);return R.useEffect(()=>{const b=s.current;if(!b)return;const c=window.HTMLInputElement.prototype,d=Object.getOwnPropertyDescriptor(c,"checked").set;if(p!==r&&d){const l=new Event("click",{bubbles:t});d.call(b,r),b.dispatchEvent(l)}},[p,r,t]),n.jsx(k.Primitive.input,{type:"radio","aria-hidden":!0,defaultChecked:r,...a,tabIndex:-1,ref:u,style:{...a.style,...f,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});A.displayName=ne;function O(e){return e?"checked":"unchecked"}var ie=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],G="RadioGroup",[se]=E.createContextScope(G,[I.createRovingFocusGroupScope,_]),D=I.createRovingFocusGroupScope(),M=_(),[de,ce]=se(G),L=R.forwardRef((e,o)=>{const{__scopeRadioGroup:r,name:t,defaultValue:a,value:i,required:s=!1,disabled:u=!1,orientation:p,dir:f,loop:b=!0,onValueChange:c,...v}=e,d=D(r),l=Y.useDirection(f),[m,h]=y.useControllableState({prop:i,defaultProp:a??null,onChange:c,caller:G});return n.jsx(de,{scope:r,name:t,required:s,disabled:u,value:m,onValueChange:h,children:n.jsx(I.Root,{asChild:!0,...d,orientation:p,dir:l,loop:b,children:n.jsx(k.Primitive.div,{role:"radiogroup","aria-required":s,"aria-orientation":p,"data-disabled":u?"":void 0,dir:l,...v,ref:o})})})});L.displayName=G;var V="RadioGroupItem",z=R.forwardRef((e,o)=>{const{__scopeRadioGroup:r,disabled:t,...a}=e,i=ce(V,r),s=i.disabled||t,u=D(r),p=M(r),f=R.useRef(null),b=j.useComposedRefs(o,f),c=i.value===a.value,v=R.useRef(!1);return R.useEffect(()=>{const d=m=>{ie.includes(m.key)&&(v.current=!0)},l=()=>v.current=!1;return document.addEventListener("keydown",d),document.addEventListener("keyup",l),()=>{document.removeEventListener("keydown",d),document.removeEventListener("keyup",l)}},[]),n.jsx(I.Item,{asChild:!0,...u,focusable:!s,active:c,children:n.jsx(q,{disabled:s,required:i.required,checked:c,...p,...a,name:i.name,ref:b,onCheck:()=>i.onValueChange(a.value),onKeyDown:y.composeEventHandlers(d=>{d.key==="Enter"&&d.preventDefault()}),onFocus:y.composeEventHandlers(a.onFocus,()=>{v.current&&f.current?.click()})})})});z.displayName=V;var ue="RadioGroupIndicator",T=R.forwardRef((e,o)=>{const{__scopeRadioGroup:r,...t}=e,a=M(r);return n.jsx(F,{...a,...t,ref:o})});T.displayName=ue;var le=T;const B=x.createContext(null),pe=()=>{const e=x.useContext(B);if(!e)throw Error("useRadioGroup must be used within a RadioGroup provider");return e},fe=g.cva(["relative block","size-3/5","after:absolute","after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2","after:h-0","after:w-0","after:block","after:rounded-[50%]","after:content-['']","after:transition-all","data-[state=checked]:after:size-full"],{variants:{intent:S.makeVariants({main:["after:bg-main"],support:["after:bg-support"],accent:["after:bg-accent"],basic:["after:bg-basic"],neutral:["after:bg-neutral"],success:["after:bg-success"],alert:["after:bg-alert"],error:["after:bg-error"],info:["after:bg-info"]})},defaultVariants:{intent:"basic"}}),U=({intent:e,className:o,ref:r,...t})=>n.jsx(le,{ref:r,className:fe({intent:e,className:o}),...t});U.displayName="RadioGroup.RadioIndicator";const be=g.cva(["flex shrink-0 items-center justify-center","rounded-full","border-md","outline-hidden","hover:ring-4","focus-visible:u-outline","disabled:cursor-not-allowed disabled:border-outline/dim-2 disabled:hover:ring-transparent","u-shadow-border-transition","size-sz-24"],{variants:{intent:S.makeVariants({main:["border-outline","data-[state=checked]:border-main","hover:ring-main-container"],support:["border-outline","data-[state=checked]:border-support","hover:ring-support-container"],accent:["border-outline","data-[state=checked]:border-accent","hover:ring-accent-container"],basic:["border-outline","data-[state=checked]:border-basic","hover:ring-basic-container"],neutral:["border-outline","data-[state=checked]:border-neutral","hover:ring-neutral-container"],info:["border-info","data-[state=checked]:border-info","hover:ring-info-container"],success:["border-success","data-[state=checked]:border-success","hover:ring-success-container"],alert:["border-alert","data-[state=checked]:border-alert","hover:ring-alert-container"],error:["border-error","data-[state=checked]:border-error","hover:ring-error-container"]})},defaultVariants:{intent:"basic"}}),K=({intent:e,className:o,ref:r,...t})=>{const{state:a}=P.useFormFieldControl(),i=a??e;return n.jsx(z,{"data-spark-component":"radio-input",ref:r,className:be({intent:i,className:o}),...t,children:n.jsx(U,{intent:i,forceMount:!0})})};K.displayName="RadioGroup.RadioInput";const ve=g.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),H=({disabled:e,...o})=>n.jsx(ee.Root,{"data-spark-component":"radio-label",className:ve({disabled:e}),...o});H.displayName="RadioGroup.RadioLabel";const N=":radio",w=({className:e,children:o,id:r,disabled:t,ref:a,...i})=>{const s=`${N}-input-${x.useId()}`,u=`${N}-label-${x.useId()}`,{intent:p,disabled:f,reverse:b}=pe(),c=o&&n.jsx(H,{disabled:t||f,htmlFor:r||s,id:u,children:o}),v=n.jsx(K,{ref:a,id:r||s,intent:p,"aria-labelledby":o?u:void 0,...i,disabled:t}),d=b?n.jsxs(n.Fragment,{children:[c,v]}):n.jsxs(n.Fragment,{children:[v,c]});return n.jsx("div",{className:g.cx("gap-md text-body-1 flex items-start",e),children:d})};w.displayName="RadioGroup.Radio";const Re=g.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["flex-row","gap-xl"]}}}),me=({intent:e,disabled:o,reverse:r,children:t})=>{const a=x.useMemo(()=>({intent:e,disabled:o,reverse:r}),[e,o,r]);return n.jsx(B.Provider,{value:a,children:t})},X=({orientation:e="vertical",loop:o=!0,intent:r="basic",disabled:t,className:a,required:i,reverse:s=!1,ref:u,...p})=>{const{labelId:f,isInvalid:b,isRequired:c,description:v,name:d}=P.useFormFieldControl(),l=i!==void 0?i:c;return n.jsx(me,{reverse:s,intent:r,disabled:t,children:n.jsx(L,{"data-spark-component":"radio-group",className:Re({orientation:e,className:a}),name:d,ref:u,disabled:t,orientation:e,loop:o,required:l,"aria-labelledby":f,"aria-invalid":b,"aria-required":l,"aria-describedby":v,...p})})};X.displayName="RadioGroup";const W=Object.assign(X,{Radio:w});W.displayName="RadioGroup";w.displayName="RadioGroup.Radio";exports.RadioGroup=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("class-variance-authority"),s=require("react"),G=require("@spark-ui/components/form-field"),p=require("radix-ui"),y=require("@spark-ui/internal-utils"),k=s.createContext(null),w=()=>{const e=s.useContext(k);if(!e)throw Error("useRadioGroup must be used within a RadioGroup provider");return e},V=d.cva(["relative block","size-3/5","after:absolute","after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2","after:h-0","after:w-0","after:block","after:rounded-[50%]","after:content-['']","after:transition-all","data-[state=checked]:after:size-full"],{variants:{intent:y.makeVariants({main:["after:bg-main"],support:["after:bg-support"],accent:["after:bg-accent"],basic:["after:bg-basic"],neutral:["after:bg-neutral"],success:["after:bg-success"],alert:["after:bg-alert"],error:["after:bg-error"],info:["after:bg-info"]})},defaultVariants:{intent:"basic"}}),I=({intent:e,className:r,ref:t,...o})=>a.jsx(p.RadioGroup.Indicator,{ref:t,className:V({intent:e,className:r}),...o});I.displayName="RadioGroup.RadioIndicator";const L=d.cva(["flex shrink-0 items-center justify-center","rounded-full","border-md","outline-hidden","hover:ring-4","focus-visible:u-outline","disabled:cursor-not-allowed disabled:border-outline/dim-2 disabled:hover:ring-transparent","u-shadow-border-transition","size-sz-24"],{variants:{intent:y.makeVariants({main:["border-outline","data-[state=checked]:border-main","hover:ring-main-container"],support:["border-outline","data-[state=checked]:border-support","hover:ring-support-container"],accent:["border-outline","data-[state=checked]:border-accent","hover:ring-accent-container"],basic:["border-outline","data-[state=checked]:border-basic","hover:ring-basic-container"],neutral:["border-outline","data-[state=checked]:border-neutral","hover:ring-neutral-container"],info:["border-info","data-[state=checked]:border-info","hover:ring-info-container"],success:["border-success","data-[state=checked]:border-success","hover:ring-success-container"],alert:["border-alert","data-[state=checked]:border-alert","hover:ring-alert-container"],error:["border-error","data-[state=checked]:border-error","hover:ring-error-container"]})},defaultVariants:{intent:"basic"}}),j=({intent:e,className:r,ref:t,...o})=>{const{state:i}=G.useFormFieldControl(),n=i??e;return a.jsx(p.RadioGroup.RadioGroupItem,{"data-spark-component":"radio-input",ref:t,className:L({intent:n,className:r}),...o,children:a.jsx(I,{intent:n,forceMount:!0})})};j.displayName="RadioGroup.RadioInput";const z=d.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),N=({disabled:e,...r})=>a.jsx(p.Label.Root,{"data-spark-component":"radio-label",className:z({disabled:e}),...r});N.displayName="RadioGroup.RadioLabel";const x=":radio",v=({className:e,children:r,id:t,disabled:o,ref:i,...n})=>{const c=`${x}-input-${s.useId()}`,l=`${x}-label-${s.useId()}`,{intent:f,disabled:m,reverse:R}=w(),u=r&&a.jsx(N,{disabled:o||m,htmlFor:t||c,id:l,children:r}),b=a.jsx(j,{ref:i,id:t||c,intent:f,"aria-labelledby":r?l:void 0,...n,disabled:o}),h=R?a.jsxs(a.Fragment,{children:[u,b]}):a.jsxs(a.Fragment,{children:[b,u]});return a.jsx("div",{className:d.cx("gap-md text-body-1 flex items-start",e),children:h})};v.displayName="RadioGroup.Radio";const C=d.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["flex-row","gap-xl"]}}}),S=({intent:e,disabled:r,reverse:t,children:o})=>{const i=s.useMemo(()=>({intent:e,disabled:r,reverse:t}),[e,r,t]);return a.jsx(k.Provider,{value:i,children:o})},q=({orientation:e="vertical",loop:r=!0,intent:t="basic",disabled:o,className:i,required:n,reverse:c=!1,ref:l,...f})=>{const{labelId:m,isInvalid:R,isRequired:u,description:b,name:h}=G.useFormFieldControl(),g=n!==void 0?n:u;return a.jsx(S,{reverse:c,intent:t,disabled:o,children:a.jsx(p.RadioGroup.RadioGroup,{"data-spark-component":"radio-group",className:C({orientation:e,className:i}),name:h,ref:l,disabled:o,orientation:e,loop:r,required:g,"aria-labelledby":m,"aria-invalid":R,"aria-required":g,"aria-describedby":b,...f})})};q.displayName="RadioGroup";const F=Object.assign(q,{Radio:v});F.displayName="RadioGroup";v.displayName="RadioGroup.Radio";exports.RadioGroup=F;
 //# sourceMappingURL=index.js.map

package/dist/radio-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../node_modules/@radix-ui/react-radio-group/dist/index.mjs","../../src/radio-group/RadioGroupContext.tsx","../../src/radio-group/RadioIndicator.styles.ts","../../src/radio-group/RadioIndicator.tsx","../../src/radio-group/RadioInput.styles.ts","../../src/radio-group/RadioInput.tsx","../../src/radio-group/RadioLabel.styles.tsx","../../src/radio-group/RadioLabel.tsx","../../src/radio-group/Radio.tsx","../../src/radio-group/RadioGroup.styles.ts","../../src/radio-group/RadioGroupProvider.tsx","../../src/radio-group/RadioGroup.tsx","../../src/radio-group/index.ts"],"sourcesContent":["\"use client\";\n\n// src/radio-group.tsx\nimport * as React2 from \"react\";\nimport { composeEventHandlers as composeEventHandlers2 } from \"@radix-ui/primitive\";\nimport { useComposedRefs as useComposedRefs2 } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope as createContextScope2 } from \"@radix-ui/react-context\";\nimport { Primitive as Primitive2 } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useDirection } from \"@radix-ui/react-direction\";\n\n// src/radio.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar RADIO_NAME = \"Radio\";\nvar [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);\nvar [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);\nvar Radio = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeRadio,\n      name,\n      checked = false,\n      required,\n      disabled,\n      value = \"on\",\n      onCheck,\n      form,\n      ...radioProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    return /* @__PURE__ */ jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"radio\",\n          \"aria-checked\": checked,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...radioProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            if (!checked) onCheck?.();\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        RadioBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nRadio.displayName = RADIO_NAME;\nvar INDICATOR_NAME = \"RadioIndicator\";\nvar RadioIndicator = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeRadio, forceMount, ...indicatorProps } = props;\n    const context = useRadioContext(INDICATOR_NAME, __scopeRadio);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...indicatorProps,\n        ref: forwardedRef\n      }\n    ) });\n  }\n);\nRadioIndicator.displayName = INDICATOR_NAME;\nvar BUBBLE_INPUT_NAME = \"RadioBubbleInput\";\nvar RadioBubbleInput = React.forwardRef(\n  ({\n    __scopeRadio,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      Primitive.input,\n      {\n        type: \"radio\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nRadioBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\n\n// src/radio-group.tsx\nimport { jsx as jsx2 } from \"react/jsx-runtime\";\nvar ARROW_KEYS = [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"];\nvar RADIO_GROUP_NAME = \"RadioGroup\";\nvar [createRadioGroupContext, createRadioGroupScope] = createContextScope2(RADIO_GROUP_NAME, [\n  createRovingFocusGroupScope,\n  createRadioScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar useRadioScope = createRadioScope();\nvar [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);\nvar RadioGroup = React2.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeRadioGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue ?? null,\n      onChange: onValueChange,\n      caller: RADIO_GROUP_NAME\n    });\n    return /* @__PURE__ */ jsx2(\n      RadioGroupProvider,\n      {\n        scope: __scopeRadioGroup,\n        name,\n        required,\n        disabled,\n        value,\n        onValueChange: setValue,\n        children: /* @__PURE__ */ jsx2(\n          RovingFocusGroup.Root,\n          {\n            asChild: true,\n            ...rovingFocusGroupScope,\n            orientation,\n            dir: direction,\n            loop,\n            children: /* @__PURE__ */ jsx2(\n              Primitive2.div,\n              {\n                role: \"radiogroup\",\n                \"aria-required\": required,\n                \"aria-orientation\": orientation,\n                \"data-disabled\": disabled ? \"\" : void 0,\n                dir: direction,\n                ...groupProps,\n                ref: forwardedRef\n              }\n            )\n          }\n        )\n      }\n    );\n  }\n);\nRadioGroup.displayName = RADIO_GROUP_NAME;\nvar ITEM_NAME = \"RadioGroupItem\";\nvar RadioGroupItem = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeRadioGroup, disabled, ...itemProps } = props;\n    const context = useRadioGroupContext(ITEM_NAME, __scopeRadioGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);\n    const radioScope = useRadioScope(__scopeRadioGroup);\n    const ref = React2.useRef(null);\n    const composedRefs = useComposedRefs2(forwardedRef, ref);\n    const checked = context.value === itemProps.value;\n    const isArrowKeyPressedRef = React2.useRef(false);\n    React2.useEffect(() => {\n      const handleKeyDown = (event) => {\n        if (ARROW_KEYS.includes(event.key)) {\n          isArrowKeyPressedRef.current = true;\n        }\n      };\n      const handleKeyUp = () => isArrowKeyPressedRef.current = false;\n      document.addEventListener(\"keydown\", handleKeyDown);\n      document.addEventListener(\"keyup\", handleKeyUp);\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeyDown);\n        document.removeEventListener(\"keyup\", handleKeyUp);\n      };\n    }, []);\n    return /* @__PURE__ */ jsx2(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !isDisabled,\n        active: checked,\n        children: /* @__PURE__ */ jsx2(\n          Radio,\n          {\n            disabled: isDisabled,\n            required: context.required,\n            checked,\n            ...radioScope,\n            ...itemProps,\n            name: context.name,\n            ref: composedRefs,\n            onCheck: () => context.onValueChange(itemProps.value),\n            onKeyDown: composeEventHandlers2((event) => {\n              if (event.key === \"Enter\") event.preventDefault();\n            }),\n            onFocus: composeEventHandlers2(itemProps.onFocus, () => {\n              if (isArrowKeyPressedRef.current) ref.current?.click();\n            })\n          }\n        )\n      }\n    );\n  }\n);\nRadioGroupItem.displayName = ITEM_NAME;\nvar INDICATOR_NAME2 = \"RadioGroupIndicator\";\nvar RadioGroupIndicator = React2.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeRadioGroup, ...indicatorProps } = props;\n    const radioScope = useRadioScope(__scopeRadioGroup);\n    return /* @__PURE__ */ jsx2(RadioIndicator, { ...radioScope, ...indicatorProps, ref: forwardedRef });\n  }\n);\nRadioGroupIndicator.displayName = INDICATOR_NAME2;\nvar Root2 = RadioGroup;\nvar Item2 = RadioGroupItem;\nvar Indicator = RadioGroupIndicator;\nexport {\n  Indicator,\n  Item2 as Item,\n  RadioGroup,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  Root2 as Root,\n  createRadioGroupScope\n};\n//# sourceMappingURL=index.mjs.map\n","import { createContext, useContext } from 'react'\n\nimport type { RadioGroupProps } from './RadioGroup'\nimport type { RadioInputProps } from './RadioInput'\n\nexport type RadioGroupContextState = Pick<RadioInputProps, 'intent' | 'disabled'> &\n  Pick<RadioGroupProps, 'reverse'>\n\nexport const RadioGroupContext = createContext<RadioGroupContextState | null>(null)\n\nexport const useRadioGroup = () => {\n  const context = useContext(RadioGroupContext)\n\n  if (!context) {\n    throw Error('useRadioGroup must be used within a RadioGroup provider')\n  }\n\n  return context\n}\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioIndicatorStyles = cva(\n  [\n    'relative block',\n    'size-3/5',\n    'after:absolute',\n    'after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2',\n    'after:h-0',\n    'after:w-0',\n    'after:block',\n    'after:rounded-[50%]',\n    \"after:content-['']\",\n    'after:transition-all',\n    'data-[state=checked]:after:size-full',\n  ],\n  {\n    variants: {\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: ['after:bg-main'],\n        support: ['after:bg-support'],\n        accent: ['after:bg-accent'],\n        basic: ['after:bg-basic'],\n        neutral: ['after:bg-neutral'],\n        success: ['after:bg-success'],\n        alert: ['after:bg-alert'],\n        error: ['after:bg-error'],\n        info: ['after:bg-info'],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type RadioIndicatorStylesProps = VariantProps<typeof radioIndicatorStyles>\n","import { RadioGroup as RadixRadioGroup } from 'radix-ui'\nimport { Ref } from 'react'\n\nimport { radioIndicatorStyles, RadioIndicatorStylesProps } from './RadioIndicator.styles'\n\nexport interface RadioIndicatorProps extends RadioIndicatorStylesProps {\n  className?: string\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.\n   */\n  forceMount?: true | undefined\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const RadioIndicator = ({ intent, className, ref, ...others }: RadioIndicatorProps) => {\n  return (\n    <RadixRadioGroup.Indicator\n      ref={ref}\n      className={radioIndicatorStyles({ intent, className })}\n      {...others}\n    />\n  )\n}\n\nRadioIndicator.displayName = 'RadioGroup.RadioIndicator'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioInputVariants = cva(\n  [\n    'flex shrink-0 items-center justify-center',\n    'rounded-full',\n    'border-md',\n    'outline-hidden',\n    'hover:ring-4',\n    'focus-visible:u-outline',\n    'disabled:cursor-not-allowed disabled:border-outline/dim-2 disabled:hover:ring-transparent',\n    'u-shadow-border-transition',\n    'size-sz-24',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the radio input.\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: ['border-outline', 'data-[state=checked]:border-main', 'hover:ring-main-container'],\n        support: [\n          'border-outline',\n          'data-[state=checked]:border-support',\n          'hover:ring-support-container',\n        ],\n        accent: [\n          'border-outline',\n          'data-[state=checked]:border-accent',\n          'hover:ring-accent-container',\n        ],\n        basic: [\n          'border-outline',\n          'data-[state=checked]:border-basic',\n          'hover:ring-basic-container',\n        ],\n        neutral: [\n          'border-outline',\n          'data-[state=checked]:border-neutral',\n          'hover:ring-neutral-container',\n        ],\n        info: ['border-info', 'data-[state=checked]:border-info', 'hover:ring-info-container'],\n        success: [\n          'border-success',\n          'data-[state=checked]:border-success',\n          'hover:ring-success-container',\n        ],\n        alert: ['border-alert', 'data-[state=checked]:border-alert', 'hover:ring-alert-container'],\n        error: ['border-error', 'data-[state=checked]:border-error', 'hover:ring-error-container'],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type RadioInputVariantsProps = VariantProps<typeof radioInputVariants>\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { RadioGroup as RadixRadioGroup } from 'radix-ui'\nimport { ButtonHTMLAttributes, Ref } from 'react'\n\nimport { RadioIndicator } from './RadioIndicator'\nimport { radioInputVariants, RadioInputVariantsProps } from './RadioInput.styles'\n\nexport interface RadioInputProps\n  extends RadioInputVariantsProps,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n  /**\n   * When true, prevents the user from interacting with the radio item.\n   */\n  disabled?: boolean\n  /**\n   * When true, indicates that the user must check the radio item before the owning form can be submitted.\n   */\n  required?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const RadioInput = ({ intent: intentProp, className, ref, ...others }: RadioInputProps) => {\n  const { state } = useFormFieldControl()\n\n  const intent = state ?? intentProp\n\n  return (\n    <RadixRadioGroup.RadioGroupItem\n      data-spark-component=\"radio-input\"\n      ref={ref}\n      className={radioInputVariants({ intent, className })}\n      {...others}\n    >\n      <RadioIndicator intent={intent} forceMount />\n    </RadixRadioGroup.RadioGroupItem>\n  )\n}\n\nRadioInput.displayName = 'RadioGroup.RadioInput'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioLabelStyles = cva('grow', {\n  variants: {\n    disabled: {\n      true: ['text-neutral/dim-2', 'cursor-not-allowed'],\n      false: ['cursor-pointer'],\n    },\n  },\n  defaultVariants: {\n    disabled: false,\n  },\n})\n\nexport type RadioLabelStylesProps = VariantProps<typeof radioLabelStyles>\n","import { Label } from 'radix-ui'\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\n\nimport { radioLabelStyles, RadioLabelStylesProps } from './RadioLabel.styles'\n\nexport interface RadioLabelProps\n  extends RadioLabelStylesProps,\n    PropsWithChildren<HTMLAttributes<HTMLLabelElement>> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * The id of the element the label is associated with.\n   */\n  htmlFor?: string\n  /**\n   * When true, prevents the user from interacting with the radio item.\n   */\n  disabled?: boolean\n}\n\nexport const RadioLabel = ({ disabled, ...others }: RadioLabelProps) => {\n  return (\n    <Label.Root\n      data-spark-component=\"radio-label\"\n      className={radioLabelStyles({ disabled })}\n      {...others}\n    />\n  )\n}\n\nRadioLabel.displayName = 'RadioGroup.RadioLabel'\n","import { cx } from 'class-variance-authority'\nimport { Ref, useId } from 'react'\n\nimport { useRadioGroup } from './RadioGroupContext'\nimport { RadioInput, RadioInputProps } from './RadioInput'\nimport { RadioLabel } from './RadioLabel'\n\nexport type RadioProps = RadioInputProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nconst ID_PREFIX = ':radio'\n\nexport const Radio = ({\n  className,\n  children,\n  id,\n  disabled: disabledProp,\n  ref,\n  ...others\n}: RadioProps) => {\n  const innerId = `${ID_PREFIX}-input-${useId()}`\n  const innerLabelId = `${ID_PREFIX}-label-${useId()}`\n\n  const { intent, disabled, reverse } = useRadioGroup()\n\n  const radioLabel = children && (\n    <RadioLabel disabled={disabledProp || disabled} htmlFor={id || innerId} id={innerLabelId}>\n      {children}\n    </RadioLabel>\n  )\n\n  const radioInput = (\n    <RadioInput\n      ref={ref}\n      id={id || innerId}\n      intent={intent}\n      aria-labelledby={children ? innerLabelId : undefined}\n      {...others}\n      disabled={disabledProp}\n    />\n  )\n\n  const content = reverse ? (\n    <>\n      {radioLabel}\n      {radioInput}\n    </>\n  ) : (\n    <>\n      {radioInput}\n      {radioLabel}\n    </>\n  )\n\n  return <div className={cx('gap-md text-body-1 flex items-start', className)}>{content}</div>\n}\n\nRadio.displayName = 'RadioGroup.Radio'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioGroupStyles = cva(['flex'], {\n  variants: {\n    orientation: {\n      vertical: ['flex-col', 'gap-lg'],\n      horizontal: ['flex-row', 'gap-xl'],\n    },\n  },\n})\n\nexport type RadioGroupVariantsProps = VariantProps<typeof radioGroupStyles>\n","import { ReactNode, useMemo } from 'react'\n\nimport type { RadioGroupProps } from './RadioGroup'\nimport { RadioGroupContext } from './RadioGroupContext'\nimport type { RadioInputProps } from './RadioInput'\n\nexport interface RadioGroupProviderProps\n  extends Pick<RadioInputProps, 'intent' | 'disabled'>,\n    Pick<RadioGroupProps, 'reverse'> {\n  children: ReactNode\n}\n\nexport const RadioGroupProvider = ({\n  intent,\n  disabled,\n  reverse,\n  children,\n}: RadioGroupProviderProps) => {\n  const value = useMemo(() => ({ intent, disabled, reverse }), [intent, disabled, reverse])\n\n  return <RadioGroupContext.Provider value={value}>{children}</RadioGroupContext.Provider>\n}\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { RadioGroup as RadixRadioGroup } from 'radix-ui'\nimport { HTMLAttributes, Ref } from 'react'\n\nimport { radioGroupStyles, RadioGroupVariantsProps } from './RadioGroup.styles'\nimport { RadioGroupProvider } from './RadioGroupProvider'\nimport { RadioInputVariantsProps } from './RadioInput.styles'\n\nexport interface RadioGroupProps\n  extends RadioGroupVariantsProps,\n    Pick<RadioInputVariantsProps, 'intent'>,\n    Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'dir' | 'onChange'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the state of the radio items.\n   */\n  defaultValue?: string\n  /**\n   * The controlled value of the radio item to check. Should be used in conjunction with onValueChange.\n   */\n  value?: string\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string) => void\n  /**\n   * When true, prevents the user from interacting with radio items.\n   */\n  disabled?: boolean\n  /**\n   * The name of the group. Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n  /**\n   * When true, indicates that the user must check a radio item before the owning form can be submitted.\n   */\n  required?: boolean\n  /**\n   * The orientation of the component.\n   */\n  orientation?: 'horizontal' | 'vertical'\n  /**\n   * The reading direction of the radio group.\n   */\n  dir?: 'ltr' | 'rtl'\n  /**\n   * When true, keyboard navigation will loop from last item to first, and vice versa.\n   */\n  loop?: boolean\n  /**\n   * When true, the label will be placed on the left side of the Radio\n   */\n  reverse?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const RadioGroup = ({\n  orientation = 'vertical',\n  loop = true,\n  intent = 'basic',\n  disabled,\n  className,\n  required: requiredProp,\n  reverse = false,\n  ref,\n  ...others\n}: RadioGroupProps) => {\n  const { labelId, isInvalid, isRequired, description, name } = useFormFieldControl()\n  const required = requiredProp !== undefined ? requiredProp : isRequired\n\n  return (\n    <RadioGroupProvider reverse={reverse} intent={intent} disabled={disabled}>\n      <RadixRadioGroup.RadioGroup\n        data-spark-component=\"radio-group\"\n        className={radioGroupStyles({ orientation, className })}\n        name={name}\n        ref={ref}\n        disabled={disabled}\n        orientation={orientation}\n        loop={loop}\n        required={required}\n        aria-labelledby={labelId}\n        aria-invalid={isInvalid}\n        aria-required={required}\n        aria-describedby={description}\n        {...others}\n      />\n    </RadioGroupProvider>\n  )\n}\n\nRadioGroup.displayName = 'RadioGroup'\n","import { Radio } from './Radio'\nimport { RadioGroup as Root } from './RadioGroup'\n\nexport const RadioGroup: typeof Root & {\n  Radio: typeof Radio\n} = Object.assign(Root, {\n  Radio,\n})\n\nRadioGroup.displayName = 'RadioGroup'\nRadio.displayName = 'RadioGroup.Radio'\n\nexport { type RadioGroupProps } from './RadioGroup'\nexport { type RadioProps } from './Radio'\n"],"names":["RADIO_NAME","createRadioContext","createRadioScope","createContextScope","RadioProvider","useRadioContext","Radio","React","props","forwardedRef","__scopeRadio","name","checked","required","disabled","value","onCheck","form","radioProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","jsxs","jsx","Primitive","getState","composeEventHandlers","event","RadioBubbleInput","INDICATOR_NAME","RadioIndicator","forceMount","indicatorProps","context","Presence","BUBBLE_INPUT_NAME","control","bubbles","ref","prevChecked","usePrevious","controlSize","useSize","input","inputProto","setChecked","ARROW_KEYS","RADIO_GROUP_NAME","createRadioGroupContext","createContextScope2","createRovingFocusGroupScope","useRovingFocusGroupScope","useRadioScope","RadioGroupProvider","useRadioGroupContext","RadioGroup","React2","__scopeRadioGroup","defaultValue","valueProp","orientation","dir","loop","onValueChange","groupProps","rovingFocusGroupScope","direction","useDirection","setValue","useControllableState","jsx2","RovingFocusGroup.Root","Primitive2","ITEM_NAME","RadioGroupItem","itemProps","isDisabled","radioScope","useComposedRefs2","isArrowKeyPressedRef","handleKeyDown","handleKeyUp","RovingFocusGroup.Item","composeEventHandlers2","INDICATOR_NAME2","RadioGroupIndicator","Indicator","RadioGroupContext","createContext","useRadioGroup","useContext","radioIndicatorStyles","cva","makeVariants","intent","className","others","RadixRadioGroup.Indicator","radioInputVariants","RadioInput","intentProp","state","useFormFieldControl","RadixRadioGroup.RadioGroupItem","radioLabelStyles","RadioLabel","Label.Root","ID_PREFIX","children","id","disabledProp","innerId","useId","innerLabelId","reverse","radioLabel","radioInput","content","Fragment","cx","radioGroupStyles","useMemo","requiredProp","labelId","isInvalid","isRequired","description","RadixRadioGroup.RadioGroup","Root"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../src/radio-group/RadioGroupContext.tsx","../../src/radio-group/RadioIndicator.styles.ts","../../src/radio-group/RadioIndicator.tsx","../../src/radio-group/RadioInput.styles.ts","../../src/radio-group/RadioInput.tsx","../../src/radio-group/RadioLabel.styles.tsx","../../src/radio-group/RadioLabel.tsx","../../src/radio-group/Radio.tsx","../../src/radio-group/RadioGroup.styles.ts","../../src/radio-group/RadioGroupProvider.tsx","../../src/radio-group/RadioGroup.tsx","../../src/radio-group/index.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nimport type { RadioGroupProps } from './RadioGroup'\nimport type { RadioInputProps } from './RadioInput'\n\nexport type RadioGroupContextState = Pick<RadioInputProps, 'intent' | 'disabled'> &\n  Pick<RadioGroupProps, 'reverse'>\n\nexport const RadioGroupContext = createContext<RadioGroupContextState | null>(null)\n\nexport const useRadioGroup = () => {\n  const context = useContext(RadioGroupContext)\n\n  if (!context) {\n    throw Error('useRadioGroup must be used within a RadioGroup provider')\n  }\n\n  return context\n}\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioIndicatorStyles = cva(\n  [\n    'relative block',\n    'size-3/5',\n    'after:absolute',\n    'after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2',\n    'after:h-0',\n    'after:w-0',\n    'after:block',\n    'after:rounded-[50%]',\n    \"after:content-['']\",\n    'after:transition-all',\n    'data-[state=checked]:after:size-full',\n  ],\n  {\n    variants: {\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: ['after:bg-main'],\n        support: ['after:bg-support'],\n        accent: ['after:bg-accent'],\n        basic: ['after:bg-basic'],\n        neutral: ['after:bg-neutral'],\n        success: ['after:bg-success'],\n        alert: ['after:bg-alert'],\n        error: ['after:bg-error'],\n        info: ['after:bg-info'],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type RadioIndicatorStylesProps = VariantProps<typeof radioIndicatorStyles>\n","import { RadioGroup as RadixRadioGroup } from 'radix-ui'\nimport { Ref } from 'react'\n\nimport { radioIndicatorStyles, RadioIndicatorStylesProps } from './RadioIndicator.styles'\n\nexport interface RadioIndicatorProps extends RadioIndicatorStylesProps {\n  className?: string\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.\n   */\n  forceMount?: true | undefined\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const RadioIndicator = ({ intent, className, ref, ...others }: RadioIndicatorProps) => {\n  return (\n    <RadixRadioGroup.Indicator\n      ref={ref}\n      className={radioIndicatorStyles({ intent, className })}\n      {...others}\n    />\n  )\n}\n\nRadioIndicator.displayName = 'RadioGroup.RadioIndicator'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioInputVariants = cva(\n  [\n    'flex shrink-0 items-center justify-center',\n    'rounded-full',\n    'border-md',\n    'outline-hidden',\n    'hover:ring-4',\n    'focus-visible:u-outline',\n    'disabled:cursor-not-allowed disabled:border-outline/dim-2 disabled:hover:ring-transparent',\n    'u-shadow-border-transition',\n    'size-sz-24',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the radio input.\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: ['border-outline', 'data-[state=checked]:border-main', 'hover:ring-main-container'],\n        support: [\n          'border-outline',\n          'data-[state=checked]:border-support',\n          'hover:ring-support-container',\n        ],\n        accent: [\n          'border-outline',\n          'data-[state=checked]:border-accent',\n          'hover:ring-accent-container',\n        ],\n        basic: [\n          'border-outline',\n          'data-[state=checked]:border-basic',\n          'hover:ring-basic-container',\n        ],\n        neutral: [\n          'border-outline',\n          'data-[state=checked]:border-neutral',\n          'hover:ring-neutral-container',\n        ],\n        info: ['border-info', 'data-[state=checked]:border-info', 'hover:ring-info-container'],\n        success: [\n          'border-success',\n          'data-[state=checked]:border-success',\n          'hover:ring-success-container',\n        ],\n        alert: ['border-alert', 'data-[state=checked]:border-alert', 'hover:ring-alert-container'],\n        error: ['border-error', 'data-[state=checked]:border-error', 'hover:ring-error-container'],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type RadioInputVariantsProps = VariantProps<typeof radioInputVariants>\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { RadioGroup as RadixRadioGroup } from 'radix-ui'\nimport { ButtonHTMLAttributes, Ref } from 'react'\n\nimport { RadioIndicator } from './RadioIndicator'\nimport { radioInputVariants, RadioInputVariantsProps } from './RadioInput.styles'\n\nexport interface RadioInputProps\n  extends RadioInputVariantsProps,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n  /**\n   * When true, prevents the user from interacting with the radio item.\n   */\n  disabled?: boolean\n  /**\n   * When true, indicates that the user must check the radio item before the owning form can be submitted.\n   */\n  required?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const RadioInput = ({ intent: intentProp, className, ref, ...others }: RadioInputProps) => {\n  const { state } = useFormFieldControl()\n\n  const intent = state ?? intentProp\n\n  return (\n    <RadixRadioGroup.RadioGroupItem\n      data-spark-component=\"radio-input\"\n      ref={ref}\n      className={radioInputVariants({ intent, className })}\n      {...others}\n    >\n      <RadioIndicator intent={intent} forceMount />\n    </RadixRadioGroup.RadioGroupItem>\n  )\n}\n\nRadioInput.displayName = 'RadioGroup.RadioInput'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioLabelStyles = cva('grow', {\n  variants: {\n    disabled: {\n      true: ['text-neutral/dim-2', 'cursor-not-allowed'],\n      false: ['cursor-pointer'],\n    },\n  },\n  defaultVariants: {\n    disabled: false,\n  },\n})\n\nexport type RadioLabelStylesProps = VariantProps<typeof radioLabelStyles>\n","import { Label } from 'radix-ui'\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\n\nimport { radioLabelStyles, RadioLabelStylesProps } from './RadioLabel.styles'\n\nexport interface RadioLabelProps\n  extends RadioLabelStylesProps,\n    PropsWithChildren<HTMLAttributes<HTMLLabelElement>> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * The id of the element the label is associated with.\n   */\n  htmlFor?: string\n  /**\n   * When true, prevents the user from interacting with the radio item.\n   */\n  disabled?: boolean\n}\n\nexport const RadioLabel = ({ disabled, ...others }: RadioLabelProps) => {\n  return (\n    <Label.Root\n      data-spark-component=\"radio-label\"\n      className={radioLabelStyles({ disabled })}\n      {...others}\n    />\n  )\n}\n\nRadioLabel.displayName = 'RadioGroup.RadioLabel'\n","import { cx } from 'class-variance-authority'\nimport { Ref, useId } from 'react'\n\nimport { useRadioGroup } from './RadioGroupContext'\nimport { RadioInput, RadioInputProps } from './RadioInput'\nimport { RadioLabel } from './RadioLabel'\n\nexport type RadioProps = RadioInputProps & {\n  ref?: Ref<HTMLButtonElement>\n}\n\nconst ID_PREFIX = ':radio'\n\nexport const Radio = ({\n  className,\n  children,\n  id,\n  disabled: disabledProp,\n  ref,\n  ...others\n}: RadioProps) => {\n  const innerId = `${ID_PREFIX}-input-${useId()}`\n  const innerLabelId = `${ID_PREFIX}-label-${useId()}`\n\n  const { intent, disabled, reverse } = useRadioGroup()\n\n  const radioLabel = children && (\n    <RadioLabel disabled={disabledProp || disabled} htmlFor={id || innerId} id={innerLabelId}>\n      {children}\n    </RadioLabel>\n  )\n\n  const radioInput = (\n    <RadioInput\n      ref={ref}\n      id={id || innerId}\n      intent={intent}\n      aria-labelledby={children ? innerLabelId : undefined}\n      {...others}\n      disabled={disabledProp}\n    />\n  )\n\n  const content = reverse ? (\n    <>\n      {radioLabel}\n      {radioInput}\n    </>\n  ) : (\n    <>\n      {radioInput}\n      {radioLabel}\n    </>\n  )\n\n  return <div className={cx('gap-md text-body-1 flex items-start', className)}>{content}</div>\n}\n\nRadio.displayName = 'RadioGroup.Radio'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const radioGroupStyles = cva(['flex'], {\n  variants: {\n    orientation: {\n      vertical: ['flex-col', 'gap-lg'],\n      horizontal: ['flex-row', 'gap-xl'],\n    },\n  },\n})\n\nexport type RadioGroupVariantsProps = VariantProps<typeof radioGroupStyles>\n","import { ReactNode, useMemo } from 'react'\n\nimport type { RadioGroupProps } from './RadioGroup'\nimport { RadioGroupContext } from './RadioGroupContext'\nimport type { RadioInputProps } from './RadioInput'\n\nexport interface RadioGroupProviderProps\n  extends Pick<RadioInputProps, 'intent' | 'disabled'>,\n    Pick<RadioGroupProps, 'reverse'> {\n  children: ReactNode\n}\n\nexport const RadioGroupProvider = ({\n  intent,\n  disabled,\n  reverse,\n  children,\n}: RadioGroupProviderProps) => {\n  const value = useMemo(() => ({ intent, disabled, reverse }), [intent, disabled, reverse])\n\n  return <RadioGroupContext.Provider value={value}>{children}</RadioGroupContext.Provider>\n}\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { RadioGroup as RadixRadioGroup } from 'radix-ui'\nimport { HTMLAttributes, Ref } from 'react'\n\nimport { radioGroupStyles, RadioGroupVariantsProps } from './RadioGroup.styles'\nimport { RadioGroupProvider } from './RadioGroupProvider'\nimport { RadioInputVariantsProps } from './RadioInput.styles'\n\nexport interface RadioGroupProps\n  extends RadioGroupVariantsProps,\n    Pick<RadioInputVariantsProps, 'intent'>,\n    Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'dir' | 'onChange'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * The value of the radio item that should be checked when initially rendered. Use when you do not need to control the state of the radio items.\n   */\n  defaultValue?: string\n  /**\n   * The controlled value of the radio item to check. Should be used in conjunction with onValueChange.\n   */\n  value?: string\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string) => void\n  /**\n   * When true, prevents the user from interacting with radio items.\n   */\n  disabled?: boolean\n  /**\n   * The name of the group. Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n  /**\n   * When true, indicates that the user must check a radio item before the owning form can be submitted.\n   */\n  required?: boolean\n  /**\n   * The orientation of the component.\n   */\n  orientation?: 'horizontal' | 'vertical'\n  /**\n   * The reading direction of the radio group.\n   */\n  dir?: 'ltr' | 'rtl'\n  /**\n   * When true, keyboard navigation will loop from last item to first, and vice versa.\n   */\n  loop?: boolean\n  /**\n   * When true, the label will be placed on the left side of the Radio\n   */\n  reverse?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const RadioGroup = ({\n  orientation = 'vertical',\n  loop = true,\n  intent = 'basic',\n  disabled,\n  className,\n  required: requiredProp,\n  reverse = false,\n  ref,\n  ...others\n}: RadioGroupProps) => {\n  const { labelId, isInvalid, isRequired, description, name } = useFormFieldControl()\n  const required = requiredProp !== undefined ? requiredProp : isRequired\n\n  return (\n    <RadioGroupProvider reverse={reverse} intent={intent} disabled={disabled}>\n      <RadixRadioGroup.RadioGroup\n        data-spark-component=\"radio-group\"\n        className={radioGroupStyles({ orientation, className })}\n        name={name}\n        ref={ref}\n        disabled={disabled}\n        orientation={orientation}\n        loop={loop}\n        required={required}\n        aria-labelledby={labelId}\n        aria-invalid={isInvalid}\n        aria-required={required}\n        aria-describedby={description}\n        {...others}\n      />\n    </RadioGroupProvider>\n  )\n}\n\nRadioGroup.displayName = 'RadioGroup'\n","import { Radio } from './Radio'\nimport { RadioGroup as Root } from './RadioGroup'\n\nexport const RadioGroup: typeof Root & {\n  Radio: typeof Radio\n} = Object.assign(Root, {\n  Radio,\n})\n\nRadioGroup.displayName = 'RadioGroup'\nRadio.displayName = 'RadioGroup.Radio'\n\nexport { type RadioGroupProps } from './RadioGroup'\nexport { type RadioProps } from './Radio'\n"],"names":["RadioGroupContext","createContext","useRadioGroup","context","useContext","radioIndicatorStyles","cva","makeVariants","RadioIndicator","intent","className","ref","others","jsx","RadixRadioGroup","radioInputVariants","RadioInput","intentProp","state","useFormFieldControl","radioLabelStyles","RadioLabel","disabled","Label","ID_PREFIX","Radio","children","id","disabledProp","innerId","useId","innerLabelId","reverse","radioLabel","radioInput","content","jsxs","Fragment","cx","radioGroupStyles","RadioGroupProvider","value","useMemo","RadioGroup","orientation","loop","requiredProp","labelId","isInvalid","isRequired","description","name","required","Root"],"mappings":"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"}