@spark-ui/components 10.7.2 → 10.7.3

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.7.3](https://github.com/leboncoin/spark-web/compare/v10.7.2...v10.7.3) (2025-06-10)
+
+**Note:** Version bump only for package @spark-ui/components
+
 ## [10.7.2](https://github.com/leboncoin/spark-web/compare/v10.7.1...v10.7.2) (2025-06-05)
 
 **Note:** Version bump only for package @spark-ui/components

package/dist/checkbox/index.js

@@ -168,7 +168,6 @@ var checkboxInputStyles = (0, import_class_variance_authority2.cva)(
         main: [
           "text-on-main",
           "hover:ring-main-container",
-          // data-[ok=cool]:bg-main
           "data-[state=unchecked]:border-outline",
           "data-[state=indeterminate]:border-main data-[state=indeterminate]:bg-main",
           "data-[state=checked]:border-main data-[state=checked]:bg-main"
@@ -197,28 +196,28 @@ var checkboxInputStyles = (0, import_class_variance_authority2.cva)(
         success: [
           "text-on-success",
           "hover:ring-success-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-success",
           "data-[state=indeterminate]:border-success data-[state=indeterminate]:bg-success",
           "data-[state=checked]:border-success data-[state=checked]:bg-success"
         ],
         alert: [
           "text-on-alert",
           "hover:ring-alert-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-alert",
           "data-[state=indeterminate]:border-alert data-[state=indeterminate]:bg-alert",
           "data-[state=checked]:border-alert data-[state=checked]:bg-alert"
         ],
         error: [
           "text-on-error",
           "hover:ring-error-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-error",
           "data-[state=indeterminate]:border-error data-[state=indeterminate]:bg-error",
           "data-[state=checked]:border-error data-[state=checked]:bg-error"
         ],
         info: [
           "text-on-info",
           "hover:ring-info-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-info",
           "data-[state=indeterminate]:border-info data-[state=indeterminate]:bg-info",
           "data-[state=checked]:border-info data-[state=checked]:bg-info"
         ],

package/dist/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/checkbox/index.ts","../../src/checkbox/Checkbox.tsx","../../src/checkbox/CheckboxGroupContext.tsx","../../src/checkbox/CheckboxInput.tsx","../../src/icon/Icon.tsx","../../src/slot/Slot.tsx","../../src/visually-hidden/VisuallyHidden.tsx","../../src/icon/Icon.styles.tsx","../../src/checkbox/CheckboxIndicator.tsx","../../src/checkbox/CheckboxInput.styles.ts","../../src/label/Label.tsx","../../src/label/LabelRequiredIndicator.tsx","../../src/label/index.ts","../../src/checkbox/CheckboxLabel.styles.ts","../../src/checkbox/CheckboxLabel.tsx","../../src/checkbox/CheckboxGroup.tsx","../../src/checkbox/CheckboxGroup.styles.ts"],"sourcesContent":["export * from './Checkbox'\nexport * from './CheckboxGroup'\n","/* eslint-disable complexity */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { Ref, useId, useMemo, useRef } from 'react'\n\nimport { CheckboxGroupContextState, useCheckboxGroup } from './CheckboxGroupContext'\nimport { CheckboxInput, CheckboxInputProps } from './CheckboxInput'\nimport { CheckboxLabel } from './CheckboxLabel'\n\nexport type CheckboxProps = CheckboxInputProps &\n  Pick<CheckboxGroupContextState, 'reverse'> & {\n    ref?: Ref<HTMLButtonElement>\n  }\n\nconst ID_PREFIX = ':checkbox'\n\nexport const Checkbox = ({\n  id: idProp,\n  className,\n  intent: intentProp,\n  checked: checkedProp,\n  value,\n  disabled,\n  reverse = false,\n  onCheckedChange,\n  children,\n  ref: forwardedRef,\n  ...others\n}: CheckboxProps) => {\n  const checkboxId = `${ID_PREFIX}-${useId()}`\n  const innerId = idProp || checkboxId\n\n  const innerLabelId = `${ID_PREFIX}-${useId()}`\n\n  const field = useFormFieldControl()\n  const group = useCheckboxGroup()\n\n  const rootRef = useRef<HTMLButtonElement | undefined>(null)\n  const ref = useMergeRefs(forwardedRef, rootRef)\n\n  const getCheckboxAttributes = ({\n    fieldState,\n    groupState,\n    checkboxIntent,\n  }: {\n    fieldState: ReturnType<typeof useFormFieldControl>\n    groupState: ReturnType<typeof useCheckboxGroup>\n    checkboxIntent: CheckboxInputProps['intent']\n  }) => {\n    const name = fieldState.name ?? groupState.name\n    const isRequired = fieldState.isRequired ?? groupState.isRequired\n    const state = fieldState.state ?? groupState.state\n    const isInvalid = fieldState.isInvalid ?? groupState.isInvalid\n\n    const isFieldEnclosed = fieldState.id !== groupState.id\n    const id = isFieldEnclosed ? fieldState.id : undefined\n    const description = isFieldEnclosed ? fieldState.description : undefined\n\n    const intent = state ?? checkboxIntent ?? groupState.intent\n\n    return { name, isRequired, isInvalid, id, description, intent }\n  }\n\n  const checked = value ? group.value?.includes(value) : checkedProp\n\n  const handleCheckedChange = (isChecked: boolean) => {\n    onCheckedChange?.(isChecked)\n\n    const rootRefValue = rootRef.current?.value\n    if (rootRefValue && group.onCheckedChange) {\n      group.onCheckedChange(isChecked, rootRefValue)\n    }\n  }\n\n  const {\n    id,\n    name,\n    isInvalid,\n    description,\n    intent,\n    isRequired: isRequiredAttr,\n  } = getCheckboxAttributes({\n    fieldState: field,\n    groupState: group,\n    checkboxIntent: intentProp,\n  })\n\n  const isRequired = useMemo(() => {\n    if (!group) return isRequiredAttr\n\n    return isRequiredAttr ? !group.value?.length : false\n  }, [group, isRequiredAttr])\n\n  const checkboxLabel = children && (\n    <CheckboxLabel disabled={disabled} htmlFor={id || innerId} id={innerLabelId}>\n      {children}\n    </CheckboxLabel>\n  )\n\n  const checkboxInput = (\n    <CheckboxInput\n      ref={ref}\n      id={id || innerId}\n      name={name}\n      value={value}\n      intent={intent}\n      checked={checked}\n      disabled={disabled}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onCheckedChange={handleCheckedChange}\n      aria-labelledby={children ? innerLabelId : field.labelId}\n      {...others}\n    />\n  )\n\n  const content =\n    group.reverse || reverse ? (\n      <>\n        {checkboxLabel}\n        {checkboxInput}\n      </>\n    ) : (\n      <>\n        {checkboxInput}\n        {checkboxLabel}\n      </>\n    )\n\n  return (\n    <div\n      data-spark-component=\"checkbox\"\n      className={cx('gap-md text-body-1 relative flex items-start', className)}\n    >\n      {content}\n    </div>\n  )\n}\n\nCheckbox.displayName = 'Checkbox'\n","import { createContext, useContext } from 'react'\n\nimport { CheckboxInputStylesProps } from './CheckboxInput.styles'\n\nexport interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps, 'intent'> {\n  /**\n   * The id of the checkbox group.\n   */\n  id: string\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   * The value of the checkbox group.\n   */\n  value?: string[]\n  /**\n   * A set of ids separated by a space used to describe the input component given by a set of messages.\n   */\n  description?: string\n  /**\n   * The validation state of the checkbox group.\n   */\n  state?: 'error' | 'success' | 'alert'\n  /**\n   * If true, the checkbox group will be invalid.\n   */\n  isInvalid?: boolean\n  /**\n   * If true, the checkbox group will be required.\n   */\n  isRequired?: boolean\n  /**\n   * Callback used to update or notify the value of the checkbox group.\n   */\n  onCheckedChange?: (checked: boolean, changed: string) => void\n  /**\n   * When true, the label will be placed on the left side of the Checkbox\n   */\n  reverse?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<Partial<CheckboxGroupContextState>>({})\n\nexport const useCheckboxGroup = () => {\n  const context = useContext(CheckboxGroupContext)\n\n  return context\n}\n","import { Check } from '@spark-ui/icons/Check'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { Checkbox } from 'radix-ui'\nimport { ComponentPropsWithoutRef, ReactNode, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { CheckboxIndicator } from './CheckboxIndicator'\nimport { checkboxInputStyles, type CheckboxInputStylesProps } from './CheckboxInput.styles'\n\ntype CheckedStatus = boolean | 'indeterminate'\n\nconst CheckboxPrimitive = Checkbox.Checkbox\n\nexport interface CheckboxInputProps\n  extends CheckboxInputStylesProps,\n    Omit<ComponentPropsWithoutRef<'button'>, 'onChange' | 'value' | 'checked' | 'defaultChecked'> {\n  /**\n   * The checked icon to use.\n   */\n  icon?: ReactNode\n  /**\n   * The indeterminate icon to use.\n   */\n  indeterminateIcon?: ReactNode\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean\n  /**\n   * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.\n   */\n  checked?: CheckedStatus\n  /**\n   * When true, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean\n  /**\n   * When true, indicates that the user must check the checkbox before the owning form can be submitted.\n   */\n  required?: boolean\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value?: string\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   */\n  onCheckedChange?: (checked: boolean) => void\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const CheckboxInput = ({\n  className,\n  icon = <Check />,\n  indeterminateIcon = <Minus />,\n  intent,\n  checked,\n  ref,\n  ...others\n}: CheckboxInputProps) => (\n  <CheckboxPrimitive\n    ref={ref}\n    className={checkboxInputStyles({ intent, className })}\n    checked={checked}\n    {...others}\n  >\n    <CheckboxIndicator>\n      <Icon size=\"sm\">{checked === 'indeterminate' ? indeterminateIcon : icon}</Icon>\n    </CheckboxIndicator>\n  </CheckboxPrimitive>\n)\n\nCheckboxInput.displayName = 'CheckboxInput'\n","import { Children, cloneElement, ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { iconStyles, IconVariantsProps } from './Icon.styles'\n\nexport interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {\n  /**\n   * The svg icon that will be wrapped\n   */\n  children: ReactNode\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label?: string\n}\n\nexport const Icon = ({\n  label,\n  className,\n  size = 'current',\n  intent = 'current',\n  children,\n  ...others\n}: IconProps) => {\n  const child = Children.only(children)\n\n  return (\n    <>\n      {cloneElement(child as ReactElement<Record<string, any>>, {\n        className: iconStyles({ className, size, intent }),\n        'data-spark-component': 'icon',\n        'aria-hidden': 'true',\n        focusable: 'false',\n        ...others,\n      })}\n\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </>\n  )\n}\n\nIcon.displayName = 'Icon'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { HTMLAttributes, PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport const VisuallyHidden = ({ asChild = false, ref, ...props }: VisuallyHiddenProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={{\n        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss\n        position: 'absolute',\n        border: 0,\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        wordWrap: 'normal',\n        ...props.style,\n      }}\n    />\n  )\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const iconStyles = cva(['fill-current shrink-0'], {\n  variants: {\n    /**\n     * Color scheme of the icon.\n     */\n    intent: makeVariants<\n      'intent',\n      [\n        'current',\n        'main',\n        'support',\n        'accent',\n        'basic',\n        'success',\n        'alert',\n        'error',\n        'info',\n        'neutral',\n      ]\n    >({\n      current: ['text-current'],\n      main: ['text-main'],\n      support: ['text-support'],\n      accent: ['text-accent'],\n      basic: ['text-basic'],\n      success: ['text-success'],\n      alert: ['text-alert'],\n      error: ['text-error'],\n      info: ['text-info'],\n      neutral: ['text-neutral'],\n    }),\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['current', 'sm', 'md', 'lg', 'xl']>({\n      current: ['u-current-font-size'],\n      sm: ['w-sz-16', 'h-sz-16'],\n      md: ['w-sz-24', 'h-sz-24'],\n      lg: ['w-sz-32', 'h-sz-32'],\n      xl: ['w-sz-40', 'h-sz-40'],\n    }),\n  },\n})\n\nexport type IconVariantsProps = VariantProps<typeof iconStyles>\n","import { Checkbox } from 'radix-ui'\nimport { Ref } from 'react'\n\nconst CheckboxIndicatorPrimitive = Checkbox.CheckboxIndicator\n\nexport type CheckboxIndicatorProps = Checkbox.CheckboxIndicatorProps & {\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const CheckboxIndicator = (props: CheckboxIndicatorProps) => (\n  <CheckboxIndicatorPrimitive className=\"flex size-full items-center justify-center\" {...props} />\n)\n\nCheckboxIndicator.displayName = 'CheckboxIndicator'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxInputStyles = cva(\n  [\n    'size-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-dim-3 disabled:hover:ring-0',\n    'focus-visible:u-outline',\n    'hover:ring-4 hover:cursor-pointer',\n    'u-shadow-border-transition',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the checkbox.\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: [\n          'text-on-main',\n          'hover:ring-main-container',\n          // data-[ok=cool]:bg-main\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-main data-[state=indeterminate]:bg-main',\n          'data-[state=checked]:border-main data-[state=checked]:bg-main',\n        ],\n        support: [\n          'text-on-support',\n          'hover:ring-support-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-support data-[state=indeterminate]:bg-support',\n          'data-[state=checked]:border-support data-[state=checked]:bg-support',\n        ],\n        accent: [\n          'text-on-accent',\n          'hover:ring-accent-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-accent data-[state=indeterminate]:bg-accent',\n          'data-[state=checked]:border-accent data-[state=checked]:bg-accent',\n        ],\n        basic: [\n          'text-on-basic',\n          'hover:ring-basic-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-basic data-[state=indeterminate]:bg-basic',\n          'data-[state=checked]:border-basic data-[state=checked]:bg-basic',\n        ],\n        success: [\n          'text-on-success',\n          'hover:ring-success-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-success data-[state=indeterminate]:bg-success',\n          'data-[state=checked]:border-success data-[state=checked]:bg-success',\n        ],\n        alert: [\n          'text-on-alert',\n          'hover:ring-alert-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-alert data-[state=indeterminate]:bg-alert',\n          'data-[state=checked]:border-alert data-[state=checked]:bg-alert',\n        ],\n        error: [\n          'text-on-error',\n          'hover:ring-error-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-error data-[state=indeterminate]:bg-error',\n          'data-[state=checked]:border-error data-[state=checked]:bg-error',\n        ],\n        info: [\n          'text-on-info',\n          'hover:ring-info-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-info data-[state=indeterminate]:bg-info',\n          'data-[state=checked]:border-info data-[state=checked]:bg-info',\n        ],\n        neutral: [\n          'text-on-neutral',\n          'hover:ring-neutral-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-neutral data-[state=indeterminate]:bg-neutral',\n          'data-[state=checked]:border-neutral data-[state=checked]:bg-neutral',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type CheckboxInputStylesProps = VariantProps<typeof checkboxInputStyles>\n","import { cx } from 'class-variance-authority'\nimport { Label as RadixLabel } from 'radix-ui'\nimport { Ref } from 'react'\n\nexport type LabelProps = RadixLabel.LabelProps & {\n  ref?: Ref<HTMLLabelElement>\n}\n\nexport const Label = ({ className, ref, ...others }: LabelProps) => {\n  return (\n    <RadixLabel.Label\n      ref={ref}\n      data-spark-component=\"label\"\n      className={cx('text-body-1', className)}\n      {...others}\n    />\n  )\n}\n\nLabel.displayName = 'Label'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nexport type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>\n\nexport const LabelRequiredIndicator = ({\n  className,\n  children = '*',\n  ref,\n  ...others\n}: LabelRequiredIndicatorProps) => {\n  return (\n    <span\n      ref={ref}\n      data-spark-component=\"label-required-indicator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cx(className, 'text-caption text-on-surface/dim-1')}\n      {...others}\n    >\n      {children}\n    </span>\n  )\n}\n\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n","import { Label as Root } from './Label'\nimport { LabelRequiredIndicator } from './LabelRequiredIndicator'\n\nexport const Label: typeof Root & {\n  RequiredIndicator: typeof LabelRequiredIndicator\n} = Object.assign(Root, {\n  RequiredIndicator: LabelRequiredIndicator,\n})\n\nLabel.displayName = 'Label'\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n\nexport type { LabelProps } from './Label'\nexport type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const labelStyles = 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 LabelStylesProps = VariantProps<typeof labelStyles>\n","import { Label, LabelProps } from '../label'\nimport { labelStyles, type LabelStylesProps } from './CheckboxLabel.styles'\n\nexport interface CheckboxLabelProps extends LabelProps, LabelStylesProps {\n  /**\n   * When true, prevents the user from interacting with the checkbox item.\n   */\n  disabled?: boolean\n}\n\nexport const CheckboxLabel = ({ disabled, ...others }: CheckboxLabelProps) => (\n  <Label className={labelStyles({ disabled })} {...others} />\n)\n\nCheckboxLabel.displayName = 'CheckboxLabel'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { ComponentPropsWithoutRef, Ref, useEffect, useMemo, useRef } from 'react'\n\nimport { checkboxGroupStyles, CheckboxGroupStylesProps } from './CheckboxGroup.styles'\nimport { CheckboxGroupContext, CheckboxGroupContextState } from './CheckboxGroupContext'\n\nexport interface CheckboxGroupProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>,\n    CheckboxGroupStylesProps,\n    Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {\n  /**\n   * The initial value of the checkbox group\n   */\n  defaultValue?: string[]\n  /**\n   * The callback fired when any children Checkbox is checked or unchecked\n   */\n  onCheckedChange?: (value: string[]) => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const CheckboxGroup = ({\n  name: nameProp,\n  value: valueProp,\n  defaultValue,\n  className,\n  intent,\n  orientation = 'vertical',\n  onCheckedChange: onCheckedChangeProp,\n  reverse = false,\n  children,\n  ref,\n  ...others\n}: CheckboxGroupProps) => {\n  const [value, setValue] = useCombinedState(valueProp, defaultValue)\n  const field = useFormFieldControl()\n  const onCheckedChangeRef = useRef(onCheckedChangeProp)\n\n  const { id, labelId, description, state, isInvalid, isRequired } = field\n  const name = nameProp ?? field.name\n\n  const current = useMemo(() => {\n    const handleCheckedChange = (checked: boolean, changed: string) => {\n      const values = value || []\n      const modified = checked ? [...values, changed] : values.filter(val => val !== changed)\n\n      setValue(modified)\n\n      if (onCheckedChangeRef.current) {\n        onCheckedChangeRef.current(modified)\n      }\n    }\n\n    return {\n      id,\n      name,\n      value,\n      intent,\n      state,\n      isInvalid,\n      description,\n      isRequired,\n      reverse,\n      onCheckedChange: handleCheckedChange,\n    }\n  }, [id, name, value, intent, state, isInvalid, description, isRequired, setValue, reverse])\n\n  useEffect(() => {\n    onCheckedChangeRef.current = onCheckedChangeProp\n  }, [onCheckedChangeProp])\n\n  return (\n    <CheckboxGroupContext.Provider value={current}>\n      <div\n        ref={ref}\n        className={checkboxGroupStyles({ className, orientation })}\n        role=\"group\"\n        aria-labelledby={labelId}\n        aria-describedby={description}\n        {...others}\n      >\n        {children}\n      </div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxGroupStyles = cva(['flex'], {\n  variants: {\n    /**\n     * Prop to set the orientation of the checkbox group which could be `vertical` or `horizontal`.\n     */\n    orientation: {\n      vertical: ['flex-col', 'gap-lg'],\n      horizontal: ['gap-xl'],\n    },\n  },\n})\n\nexport type CheckboxGroupStylesProps = VariantProps<typeof checkboxGroupStyles>\n"],"mappings":"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","names":["Checkbox","import_class_variance_authority","import_react","import_radix_ui","import_react","import_react","RadixSlot","import_jsx_runtime","import_jsx_runtime","import_radix_ui","import_jsx_runtime","import_internal_utils","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_radix_ui","import_jsx_runtime","RadixLabel","import_class_variance_authority","import_jsx_runtime","Label","import_class_variance_authority","import_jsx_runtime","Label","import_jsx_runtime","Checkbox","name","isRequired","isInvalid","id","description","intent","import_form_field","import_react","import_class_variance_authority","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/checkbox/index.ts","../../src/checkbox/Checkbox.tsx","../../src/checkbox/CheckboxGroupContext.tsx","../../src/checkbox/CheckboxInput.tsx","../../src/icon/Icon.tsx","../../src/slot/Slot.tsx","../../src/visually-hidden/VisuallyHidden.tsx","../../src/icon/Icon.styles.tsx","../../src/checkbox/CheckboxIndicator.tsx","../../src/checkbox/CheckboxInput.styles.ts","../../src/label/Label.tsx","../../src/label/LabelRequiredIndicator.tsx","../../src/label/index.ts","../../src/checkbox/CheckboxLabel.styles.ts","../../src/checkbox/CheckboxLabel.tsx","../../src/checkbox/CheckboxGroup.tsx","../../src/checkbox/CheckboxGroup.styles.ts"],"sourcesContent":["export * from './Checkbox'\nexport * from './CheckboxGroup'\n","/* eslint-disable complexity */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { Ref, useId, useMemo, useRef } from 'react'\n\nimport { CheckboxGroupContextState, useCheckboxGroup } from './CheckboxGroupContext'\nimport { CheckboxInput, CheckboxInputProps } from './CheckboxInput'\nimport { CheckboxLabel } from './CheckboxLabel'\n\nexport type CheckboxProps = CheckboxInputProps &\n  Pick<CheckboxGroupContextState, 'reverse'> & {\n    ref?: Ref<HTMLButtonElement>\n  }\n\nconst ID_PREFIX = ':checkbox'\n\nexport const Checkbox = ({\n  id: idProp,\n  className,\n  intent: intentProp,\n  checked: checkedProp,\n  value,\n  disabled,\n  reverse = false,\n  onCheckedChange,\n  children,\n  ref: forwardedRef,\n  ...others\n}: CheckboxProps) => {\n  const checkboxId = `${ID_PREFIX}-${useId()}`\n  const innerId = idProp || checkboxId\n\n  const innerLabelId = `${ID_PREFIX}-${useId()}`\n\n  const field = useFormFieldControl()\n  const group = useCheckboxGroup()\n\n  const rootRef = useRef<HTMLButtonElement | undefined>(null)\n  const ref = useMergeRefs(forwardedRef, rootRef)\n\n  const getCheckboxAttributes = ({\n    fieldState,\n    groupState,\n    checkboxIntent,\n  }: {\n    fieldState: ReturnType<typeof useFormFieldControl>\n    groupState: ReturnType<typeof useCheckboxGroup>\n    checkboxIntent: CheckboxInputProps['intent']\n  }) => {\n    const name = fieldState.name ?? groupState.name\n    const isRequired = fieldState.isRequired ?? groupState.isRequired\n    const state = fieldState.state ?? groupState.state\n    const isInvalid = fieldState.isInvalid ?? groupState.isInvalid\n\n    const isFieldEnclosed = fieldState.id !== groupState.id\n    const id = isFieldEnclosed ? fieldState.id : undefined\n    const description = isFieldEnclosed ? fieldState.description : undefined\n\n    const intent = state ?? checkboxIntent ?? groupState.intent\n\n    return { name, isRequired, isInvalid, id, description, intent }\n  }\n\n  const checked = value ? group.value?.includes(value) : checkedProp\n\n  const handleCheckedChange = (isChecked: boolean) => {\n    onCheckedChange?.(isChecked)\n\n    const rootRefValue = rootRef.current?.value\n    if (rootRefValue && group.onCheckedChange) {\n      group.onCheckedChange(isChecked, rootRefValue)\n    }\n  }\n\n  const {\n    id,\n    name,\n    isInvalid,\n    description,\n    intent,\n    isRequired: isRequiredAttr,\n  } = getCheckboxAttributes({\n    fieldState: field,\n    groupState: group,\n    checkboxIntent: intentProp,\n  })\n\n  const isRequired = useMemo(() => {\n    if (!group) return isRequiredAttr\n\n    return isRequiredAttr ? !group.value?.length : false\n  }, [group, isRequiredAttr])\n\n  const checkboxLabel = children && (\n    <CheckboxLabel disabled={disabled} htmlFor={id || innerId} id={innerLabelId}>\n      {children}\n    </CheckboxLabel>\n  )\n\n  const checkboxInput = (\n    <CheckboxInput\n      ref={ref}\n      id={id || innerId}\n      name={name}\n      value={value}\n      intent={intent}\n      checked={checked}\n      disabled={disabled}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onCheckedChange={handleCheckedChange}\n      aria-labelledby={children ? innerLabelId : field.labelId}\n      {...others}\n    />\n  )\n\n  const content =\n    group.reverse || reverse ? (\n      <>\n        {checkboxLabel}\n        {checkboxInput}\n      </>\n    ) : (\n      <>\n        {checkboxInput}\n        {checkboxLabel}\n      </>\n    )\n\n  return (\n    <div\n      data-spark-component=\"checkbox\"\n      className={cx('gap-md text-body-1 relative flex items-start', className)}\n    >\n      {content}\n    </div>\n  )\n}\n\nCheckbox.displayName = 'Checkbox'\n","import { createContext, useContext } from 'react'\n\nimport { CheckboxInputStylesProps } from './CheckboxInput.styles'\n\nexport interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps, 'intent'> {\n  /**\n   * The id of the checkbox group.\n   */\n  id: string\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   * The value of the checkbox group.\n   */\n  value?: string[]\n  /**\n   * A set of ids separated by a space used to describe the input component given by a set of messages.\n   */\n  description?: string\n  /**\n   * The validation state of the checkbox group.\n   */\n  state?: 'error' | 'success' | 'alert'\n  /**\n   * If true, the checkbox group will be invalid.\n   */\n  isInvalid?: boolean\n  /**\n   * If true, the checkbox group will be required.\n   */\n  isRequired?: boolean\n  /**\n   * Callback used to update or notify the value of the checkbox group.\n   */\n  onCheckedChange?: (checked: boolean, changed: string) => void\n  /**\n   * When true, the label will be placed on the left side of the Checkbox\n   */\n  reverse?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<Partial<CheckboxGroupContextState>>({})\n\nexport const useCheckboxGroup = () => {\n  const context = useContext(CheckboxGroupContext)\n\n  return context\n}\n","import { Check } from '@spark-ui/icons/Check'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { Checkbox } from 'radix-ui'\nimport { ComponentPropsWithoutRef, ReactNode, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { CheckboxIndicator } from './CheckboxIndicator'\nimport { checkboxInputStyles, type CheckboxInputStylesProps } from './CheckboxInput.styles'\n\ntype CheckedStatus = boolean | 'indeterminate'\n\nconst CheckboxPrimitive = Checkbox.Checkbox\n\nexport interface CheckboxInputProps\n  extends CheckboxInputStylesProps,\n    Omit<ComponentPropsWithoutRef<'button'>, 'onChange' | 'value' | 'checked' | 'defaultChecked'> {\n  /**\n   * The checked icon to use.\n   */\n  icon?: ReactNode\n  /**\n   * The indeterminate icon to use.\n   */\n  indeterminateIcon?: ReactNode\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean\n  /**\n   * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.\n   */\n  checked?: CheckedStatus\n  /**\n   * When true, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean\n  /**\n   * When true, indicates that the user must check the checkbox before the owning form can be submitted.\n   */\n  required?: boolean\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value?: string\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   */\n  onCheckedChange?: (checked: boolean) => void\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const CheckboxInput = ({\n  className,\n  icon = <Check />,\n  indeterminateIcon = <Minus />,\n  intent,\n  checked,\n  ref,\n  ...others\n}: CheckboxInputProps) => (\n  <CheckboxPrimitive\n    ref={ref}\n    className={checkboxInputStyles({ intent, className })}\n    checked={checked}\n    {...others}\n  >\n    <CheckboxIndicator>\n      <Icon size=\"sm\">{checked === 'indeterminate' ? indeterminateIcon : icon}</Icon>\n    </CheckboxIndicator>\n  </CheckboxPrimitive>\n)\n\nCheckboxInput.displayName = 'CheckboxInput'\n","import { Children, cloneElement, ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { iconStyles, IconVariantsProps } from './Icon.styles'\n\nexport interface IconProps extends IconVariantsProps, ComponentPropsWithoutRef<'svg'> {\n  /**\n   * The svg icon that will be wrapped\n   */\n  children: ReactNode\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label?: string\n}\n\nexport const Icon = ({\n  label,\n  className,\n  size = 'current',\n  intent = 'current',\n  children,\n  ...others\n}: IconProps) => {\n  const child = Children.only(children)\n\n  return (\n    <>\n      {cloneElement(child as ReactElement<Record<string, any>>, {\n        className: iconStyles({ className, size, intent }),\n        'data-spark-component': 'icon',\n        'aria-hidden': 'true',\n        focusable: 'false',\n        ...others,\n      })}\n\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </>\n  )\n}\n\nIcon.displayName = 'Icon'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { HTMLAttributes, PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\n\nexport type VisuallyHiddenProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLElement>\n}\n\nexport const VisuallyHidden = ({ asChild = false, ref, ...props }: VisuallyHiddenProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      style={{\n        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss\n        position: 'absolute',\n        border: 0,\n        width: 1,\n        height: 1,\n        padding: 0,\n        margin: -1,\n        overflow: 'hidden',\n        clip: 'rect(0, 0, 0, 0)',\n        whiteSpace: 'nowrap',\n        wordWrap: 'normal',\n        ...props.style,\n      }}\n    />\n  )\n}\n\nVisuallyHidden.displayName = 'VisuallyHidden'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const iconStyles = cva(['fill-current shrink-0'], {\n  variants: {\n    /**\n     * Color scheme of the icon.\n     */\n    intent: makeVariants<\n      'intent',\n      [\n        'current',\n        'main',\n        'support',\n        'accent',\n        'basic',\n        'success',\n        'alert',\n        'error',\n        'info',\n        'neutral',\n      ]\n    >({\n      current: ['text-current'],\n      main: ['text-main'],\n      support: ['text-support'],\n      accent: ['text-accent'],\n      basic: ['text-basic'],\n      success: ['text-success'],\n      alert: ['text-alert'],\n      error: ['text-error'],\n      info: ['text-info'],\n      neutral: ['text-neutral'],\n    }),\n    /**\n     * Sets the size of the icon.\n     */\n    size: makeVariants<'size', ['current', 'sm', 'md', 'lg', 'xl']>({\n      current: ['u-current-font-size'],\n      sm: ['w-sz-16', 'h-sz-16'],\n      md: ['w-sz-24', 'h-sz-24'],\n      lg: ['w-sz-32', 'h-sz-32'],\n      xl: ['w-sz-40', 'h-sz-40'],\n    }),\n  },\n})\n\nexport type IconVariantsProps = VariantProps<typeof iconStyles>\n","import { Checkbox } from 'radix-ui'\nimport { Ref } from 'react'\n\nconst CheckboxIndicatorPrimitive = Checkbox.CheckboxIndicator\n\nexport type CheckboxIndicatorProps = Checkbox.CheckboxIndicatorProps & {\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const CheckboxIndicator = (props: CheckboxIndicatorProps) => (\n  <CheckboxIndicatorPrimitive className=\"flex size-full items-center justify-center\" {...props} />\n)\n\nCheckboxIndicator.displayName = 'CheckboxIndicator'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxInputStyles = cva(\n  [\n    'size-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-dim-3 disabled:hover:ring-0',\n    'focus-visible:u-outline',\n    'hover:ring-4 hover:cursor-pointer',\n    'u-shadow-border-transition',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the checkbox.\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: [\n          'text-on-main',\n          'hover:ring-main-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-main data-[state=indeterminate]:bg-main',\n          'data-[state=checked]:border-main data-[state=checked]:bg-main',\n        ],\n        support: [\n          'text-on-support',\n          'hover:ring-support-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-support data-[state=indeterminate]:bg-support',\n          'data-[state=checked]:border-support data-[state=checked]:bg-support',\n        ],\n        accent: [\n          'text-on-accent',\n          'hover:ring-accent-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-accent data-[state=indeterminate]:bg-accent',\n          'data-[state=checked]:border-accent data-[state=checked]:bg-accent',\n        ],\n        basic: [\n          'text-on-basic',\n          'hover:ring-basic-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-basic data-[state=indeterminate]:bg-basic',\n          'data-[state=checked]:border-basic data-[state=checked]:bg-basic',\n        ],\n        success: [\n          'text-on-success',\n          'hover:ring-success-container',\n          'data-[state=unchecked]:border-success',\n          'data-[state=indeterminate]:border-success data-[state=indeterminate]:bg-success',\n          'data-[state=checked]:border-success data-[state=checked]:bg-success',\n        ],\n        alert: [\n          'text-on-alert',\n          'hover:ring-alert-container',\n          'data-[state=unchecked]:border-alert',\n          'data-[state=indeterminate]:border-alert data-[state=indeterminate]:bg-alert',\n          'data-[state=checked]:border-alert data-[state=checked]:bg-alert',\n        ],\n        error: [\n          'text-on-error',\n          'hover:ring-error-container',\n          'data-[state=unchecked]:border-error',\n          'data-[state=indeterminate]:border-error data-[state=indeterminate]:bg-error',\n          'data-[state=checked]:border-error data-[state=checked]:bg-error',\n        ],\n        info: [\n          'text-on-info',\n          'hover:ring-info-container',\n          'data-[state=unchecked]:border-info',\n          'data-[state=indeterminate]:border-info data-[state=indeterminate]:bg-info',\n          'data-[state=checked]:border-info data-[state=checked]:bg-info',\n        ],\n        neutral: [\n          'text-on-neutral',\n          'hover:ring-neutral-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-neutral data-[state=indeterminate]:bg-neutral',\n          'data-[state=checked]:border-neutral data-[state=checked]:bg-neutral',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type CheckboxInputStylesProps = VariantProps<typeof checkboxInputStyles>\n","import { cx } from 'class-variance-authority'\nimport { Label as RadixLabel } from 'radix-ui'\nimport { Ref } from 'react'\n\nexport type LabelProps = RadixLabel.LabelProps & {\n  ref?: Ref<HTMLLabelElement>\n}\n\nexport const Label = ({ className, ref, ...others }: LabelProps) => {\n  return (\n    <RadixLabel.Label\n      ref={ref}\n      data-spark-component=\"label\"\n      className={cx('text-body-1', className)}\n      {...others}\n    />\n  )\n}\n\nLabel.displayName = 'Label'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nexport type LabelRequiredIndicatorProps = ComponentPropsWithRef<'span'>\n\nexport const LabelRequiredIndicator = ({\n  className,\n  children = '*',\n  ref,\n  ...others\n}: LabelRequiredIndicatorProps) => {\n  return (\n    <span\n      ref={ref}\n      data-spark-component=\"label-required-indicator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cx(className, 'text-caption text-on-surface/dim-1')}\n      {...others}\n    >\n      {children}\n    </span>\n  )\n}\n\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n","import { Label as Root } from './Label'\nimport { LabelRequiredIndicator } from './LabelRequiredIndicator'\n\nexport const Label: typeof Root & {\n  RequiredIndicator: typeof LabelRequiredIndicator\n} = Object.assign(Root, {\n  RequiredIndicator: LabelRequiredIndicator,\n})\n\nLabel.displayName = 'Label'\nLabelRequiredIndicator.displayName = 'Label.RequiredIndicator'\n\nexport type { LabelProps } from './Label'\nexport type { LabelRequiredIndicatorProps } from './LabelRequiredIndicator'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const labelStyles = 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 LabelStylesProps = VariantProps<typeof labelStyles>\n","import { Label, LabelProps } from '../label'\nimport { labelStyles, type LabelStylesProps } from './CheckboxLabel.styles'\n\nexport interface CheckboxLabelProps extends LabelProps, LabelStylesProps {\n  /**\n   * When true, prevents the user from interacting with the checkbox item.\n   */\n  disabled?: boolean\n}\n\nexport const CheckboxLabel = ({ disabled, ...others }: CheckboxLabelProps) => (\n  <Label className={labelStyles({ disabled })} {...others} />\n)\n\nCheckboxLabel.displayName = 'CheckboxLabel'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { ComponentPropsWithoutRef, Ref, useEffect, useMemo, useRef } from 'react'\n\nimport { checkboxGroupStyles, CheckboxGroupStylesProps } from './CheckboxGroup.styles'\nimport { CheckboxGroupContext, CheckboxGroupContextState } from './CheckboxGroupContext'\n\nexport interface CheckboxGroupProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>,\n    CheckboxGroupStylesProps,\n    Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {\n  /**\n   * The initial value of the checkbox group\n   */\n  defaultValue?: string[]\n  /**\n   * The callback fired when any children Checkbox is checked or unchecked\n   */\n  onCheckedChange?: (value: string[]) => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const CheckboxGroup = ({\n  name: nameProp,\n  value: valueProp,\n  defaultValue,\n  className,\n  intent,\n  orientation = 'vertical',\n  onCheckedChange: onCheckedChangeProp,\n  reverse = false,\n  children,\n  ref,\n  ...others\n}: CheckboxGroupProps) => {\n  const [value, setValue] = useCombinedState(valueProp, defaultValue)\n  const field = useFormFieldControl()\n  const onCheckedChangeRef = useRef(onCheckedChangeProp)\n\n  const { id, labelId, description, state, isInvalid, isRequired } = field\n  const name = nameProp ?? field.name\n\n  const current = useMemo(() => {\n    const handleCheckedChange = (checked: boolean, changed: string) => {\n      const values = value || []\n      const modified = checked ? [...values, changed] : values.filter(val => val !== changed)\n\n      setValue(modified)\n\n      if (onCheckedChangeRef.current) {\n        onCheckedChangeRef.current(modified)\n      }\n    }\n\n    return {\n      id,\n      name,\n      value,\n      intent,\n      state,\n      isInvalid,\n      description,\n      isRequired,\n      reverse,\n      onCheckedChange: handleCheckedChange,\n    }\n  }, [id, name, value, intent, state, isInvalid, description, isRequired, setValue, reverse])\n\n  useEffect(() => {\n    onCheckedChangeRef.current = onCheckedChangeProp\n  }, [onCheckedChangeProp])\n\n  return (\n    <CheckboxGroupContext.Provider value={current}>\n      <div\n        ref={ref}\n        className={checkboxGroupStyles({ className, orientation })}\n        role=\"group\"\n        aria-labelledby={labelId}\n        aria-describedby={description}\n        {...others}\n      >\n        {children}\n      </div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxGroupStyles = cva(['flex'], {\n  variants: {\n    /**\n     * Prop to set the orientation of the checkbox group which could be `vertical` or `horizontal`.\n     */\n    orientation: {\n      vertical: ['flex-col', 'gap-lg'],\n      horizontal: ['gap-xl'],\n    },\n  },\n})\n\nexport type CheckboxGroupStylesProps = VariantProps<typeof checkboxGroupStyles>\n"],"mappings":"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","names":["Checkbox","import_class_variance_authority","import_react","import_radix_ui","import_react","import_react","RadixSlot","import_jsx_runtime","import_jsx_runtime","import_radix_ui","import_jsx_runtime","import_internal_utils","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_radix_ui","import_jsx_runtime","RadixLabel","import_class_variance_authority","import_jsx_runtime","Label","import_class_variance_authority","import_jsx_runtime","Label","import_jsx_runtime","Checkbox","name","isRequired","isInvalid","id","description","intent","import_form_field","import_react","import_class_variance_authority","import_jsx_runtime"]}

package/dist/checkbox/index.mjs

@@ -53,7 +53,6 @@ var checkboxInputStyles = cva(
         main: [
           "text-on-main",
           "hover:ring-main-container",
-          // data-[ok=cool]:bg-main
           "data-[state=unchecked]:border-outline",
           "data-[state=indeterminate]:border-main data-[state=indeterminate]:bg-main",
           "data-[state=checked]:border-main data-[state=checked]:bg-main"
@@ -82,28 +81,28 @@ var checkboxInputStyles = cva(
         success: [
           "text-on-success",
           "hover:ring-success-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-success",
           "data-[state=indeterminate]:border-success data-[state=indeterminate]:bg-success",
           "data-[state=checked]:border-success data-[state=checked]:bg-success"
         ],
         alert: [
           "text-on-alert",
           "hover:ring-alert-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-alert",
           "data-[state=indeterminate]:border-alert data-[state=indeterminate]:bg-alert",
           "data-[state=checked]:border-alert data-[state=checked]:bg-alert"
         ],
         error: [
           "text-on-error",
           "hover:ring-error-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-error",
           "data-[state=indeterminate]:border-error data-[state=indeterminate]:bg-error",
           "data-[state=checked]:border-error data-[state=checked]:bg-error"
         ],
         info: [
           "text-on-info",
           "hover:ring-info-container",
-          "data-[state=unchecked]:border-outline",
+          "data-[state=unchecked]:border-info",
           "data-[state=indeterminate]:border-info data-[state=indeterminate]:bg-info",
           "data-[state=checked]:border-info data-[state=checked]:bg-info"
         ],

package/dist/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/checkbox/Checkbox.tsx","../../src/checkbox/CheckboxGroupContext.tsx","../../src/checkbox/CheckboxInput.tsx","../../src/checkbox/CheckboxIndicator.tsx","../../src/checkbox/CheckboxInput.styles.ts","../../src/checkbox/CheckboxLabel.styles.ts","../../src/checkbox/CheckboxLabel.tsx","../../src/checkbox/CheckboxGroup.tsx","../../src/checkbox/CheckboxGroup.styles.ts"],"sourcesContent":["/* eslint-disable complexity */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { Ref, useId, useMemo, useRef } from 'react'\n\nimport { CheckboxGroupContextState, useCheckboxGroup } from './CheckboxGroupContext'\nimport { CheckboxInput, CheckboxInputProps } from './CheckboxInput'\nimport { CheckboxLabel } from './CheckboxLabel'\n\nexport type CheckboxProps = CheckboxInputProps &\n  Pick<CheckboxGroupContextState, 'reverse'> & {\n    ref?: Ref<HTMLButtonElement>\n  }\n\nconst ID_PREFIX = ':checkbox'\n\nexport const Checkbox = ({\n  id: idProp,\n  className,\n  intent: intentProp,\n  checked: checkedProp,\n  value,\n  disabled,\n  reverse = false,\n  onCheckedChange,\n  children,\n  ref: forwardedRef,\n  ...others\n}: CheckboxProps) => {\n  const checkboxId = `${ID_PREFIX}-${useId()}`\n  const innerId = idProp || checkboxId\n\n  const innerLabelId = `${ID_PREFIX}-${useId()}`\n\n  const field = useFormFieldControl()\n  const group = useCheckboxGroup()\n\n  const rootRef = useRef<HTMLButtonElement | undefined>(null)\n  const ref = useMergeRefs(forwardedRef, rootRef)\n\n  const getCheckboxAttributes = ({\n    fieldState,\n    groupState,\n    checkboxIntent,\n  }: {\n    fieldState: ReturnType<typeof useFormFieldControl>\n    groupState: ReturnType<typeof useCheckboxGroup>\n    checkboxIntent: CheckboxInputProps['intent']\n  }) => {\n    const name = fieldState.name ?? groupState.name\n    const isRequired = fieldState.isRequired ?? groupState.isRequired\n    const state = fieldState.state ?? groupState.state\n    const isInvalid = fieldState.isInvalid ?? groupState.isInvalid\n\n    const isFieldEnclosed = fieldState.id !== groupState.id\n    const id = isFieldEnclosed ? fieldState.id : undefined\n    const description = isFieldEnclosed ? fieldState.description : undefined\n\n    const intent = state ?? checkboxIntent ?? groupState.intent\n\n    return { name, isRequired, isInvalid, id, description, intent }\n  }\n\n  const checked = value ? group.value?.includes(value) : checkedProp\n\n  const handleCheckedChange = (isChecked: boolean) => {\n    onCheckedChange?.(isChecked)\n\n    const rootRefValue = rootRef.current?.value\n    if (rootRefValue && group.onCheckedChange) {\n      group.onCheckedChange(isChecked, rootRefValue)\n    }\n  }\n\n  const {\n    id,\n    name,\n    isInvalid,\n    description,\n    intent,\n    isRequired: isRequiredAttr,\n  } = getCheckboxAttributes({\n    fieldState: field,\n    groupState: group,\n    checkboxIntent: intentProp,\n  })\n\n  const isRequired = useMemo(() => {\n    if (!group) return isRequiredAttr\n\n    return isRequiredAttr ? !group.value?.length : false\n  }, [group, isRequiredAttr])\n\n  const checkboxLabel = children && (\n    <CheckboxLabel disabled={disabled} htmlFor={id || innerId} id={innerLabelId}>\n      {children}\n    </CheckboxLabel>\n  )\n\n  const checkboxInput = (\n    <CheckboxInput\n      ref={ref}\n      id={id || innerId}\n      name={name}\n      value={value}\n      intent={intent}\n      checked={checked}\n      disabled={disabled}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onCheckedChange={handleCheckedChange}\n      aria-labelledby={children ? innerLabelId : field.labelId}\n      {...others}\n    />\n  )\n\n  const content =\n    group.reverse || reverse ? (\n      <>\n        {checkboxLabel}\n        {checkboxInput}\n      </>\n    ) : (\n      <>\n        {checkboxInput}\n        {checkboxLabel}\n      </>\n    )\n\n  return (\n    <div\n      data-spark-component=\"checkbox\"\n      className={cx('gap-md text-body-1 relative flex items-start', className)}\n    >\n      {content}\n    </div>\n  )\n}\n\nCheckbox.displayName = 'Checkbox'\n","import { createContext, useContext } from 'react'\n\nimport { CheckboxInputStylesProps } from './CheckboxInput.styles'\n\nexport interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps, 'intent'> {\n  /**\n   * The id of the checkbox group.\n   */\n  id: string\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   * The value of the checkbox group.\n   */\n  value?: string[]\n  /**\n   * A set of ids separated by a space used to describe the input component given by a set of messages.\n   */\n  description?: string\n  /**\n   * The validation state of the checkbox group.\n   */\n  state?: 'error' | 'success' | 'alert'\n  /**\n   * If true, the checkbox group will be invalid.\n   */\n  isInvalid?: boolean\n  /**\n   * If true, the checkbox group will be required.\n   */\n  isRequired?: boolean\n  /**\n   * Callback used to update or notify the value of the checkbox group.\n   */\n  onCheckedChange?: (checked: boolean, changed: string) => void\n  /**\n   * When true, the label will be placed on the left side of the Checkbox\n   */\n  reverse?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<Partial<CheckboxGroupContextState>>({})\n\nexport const useCheckboxGroup = () => {\n  const context = useContext(CheckboxGroupContext)\n\n  return context\n}\n","import { Check } from '@spark-ui/icons/Check'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { Checkbox } from 'radix-ui'\nimport { ComponentPropsWithoutRef, ReactNode, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { CheckboxIndicator } from './CheckboxIndicator'\nimport { checkboxInputStyles, type CheckboxInputStylesProps } from './CheckboxInput.styles'\n\ntype CheckedStatus = boolean | 'indeterminate'\n\nconst CheckboxPrimitive = Checkbox.Checkbox\n\nexport interface CheckboxInputProps\n  extends CheckboxInputStylesProps,\n    Omit<ComponentPropsWithoutRef<'button'>, 'onChange' | 'value' | 'checked' | 'defaultChecked'> {\n  /**\n   * The checked icon to use.\n   */\n  icon?: ReactNode\n  /**\n   * The indeterminate icon to use.\n   */\n  indeterminateIcon?: ReactNode\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean\n  /**\n   * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.\n   */\n  checked?: CheckedStatus\n  /**\n   * When true, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean\n  /**\n   * When true, indicates that the user must check the checkbox before the owning form can be submitted.\n   */\n  required?: boolean\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value?: string\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   */\n  onCheckedChange?: (checked: boolean) => void\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const CheckboxInput = ({\n  className,\n  icon = <Check />,\n  indeterminateIcon = <Minus />,\n  intent,\n  checked,\n  ref,\n  ...others\n}: CheckboxInputProps) => (\n  <CheckboxPrimitive\n    ref={ref}\n    className={checkboxInputStyles({ intent, className })}\n    checked={checked}\n    {...others}\n  >\n    <CheckboxIndicator>\n      <Icon size=\"sm\">{checked === 'indeterminate' ? indeterminateIcon : icon}</Icon>\n    </CheckboxIndicator>\n  </CheckboxPrimitive>\n)\n\nCheckboxInput.displayName = 'CheckboxInput'\n","import { Checkbox } from 'radix-ui'\nimport { Ref } from 'react'\n\nconst CheckboxIndicatorPrimitive = Checkbox.CheckboxIndicator\n\nexport type CheckboxIndicatorProps = Checkbox.CheckboxIndicatorProps & {\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const CheckboxIndicator = (props: CheckboxIndicatorProps) => (\n  <CheckboxIndicatorPrimitive className=\"flex size-full items-center justify-center\" {...props} />\n)\n\nCheckboxIndicator.displayName = 'CheckboxIndicator'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxInputStyles = cva(\n  [\n    'size-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-dim-3 disabled:hover:ring-0',\n    'focus-visible:u-outline',\n    'hover:ring-4 hover:cursor-pointer',\n    'u-shadow-border-transition',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the checkbox.\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: [\n          'text-on-main',\n          'hover:ring-main-container',\n          // data-[ok=cool]:bg-main\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-main data-[state=indeterminate]:bg-main',\n          'data-[state=checked]:border-main data-[state=checked]:bg-main',\n        ],\n        support: [\n          'text-on-support',\n          'hover:ring-support-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-support data-[state=indeterminate]:bg-support',\n          'data-[state=checked]:border-support data-[state=checked]:bg-support',\n        ],\n        accent: [\n          'text-on-accent',\n          'hover:ring-accent-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-accent data-[state=indeterminate]:bg-accent',\n          'data-[state=checked]:border-accent data-[state=checked]:bg-accent',\n        ],\n        basic: [\n          'text-on-basic',\n          'hover:ring-basic-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-basic data-[state=indeterminate]:bg-basic',\n          'data-[state=checked]:border-basic data-[state=checked]:bg-basic',\n        ],\n        success: [\n          'text-on-success',\n          'hover:ring-success-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-success data-[state=indeterminate]:bg-success',\n          'data-[state=checked]:border-success data-[state=checked]:bg-success',\n        ],\n        alert: [\n          'text-on-alert',\n          'hover:ring-alert-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-alert data-[state=indeterminate]:bg-alert',\n          'data-[state=checked]:border-alert data-[state=checked]:bg-alert',\n        ],\n        error: [\n          'text-on-error',\n          'hover:ring-error-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-error data-[state=indeterminate]:bg-error',\n          'data-[state=checked]:border-error data-[state=checked]:bg-error',\n        ],\n        info: [\n          'text-on-info',\n          'hover:ring-info-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-info data-[state=indeterminate]:bg-info',\n          'data-[state=checked]:border-info data-[state=checked]:bg-info',\n        ],\n        neutral: [\n          'text-on-neutral',\n          'hover:ring-neutral-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-neutral data-[state=indeterminate]:bg-neutral',\n          'data-[state=checked]:border-neutral data-[state=checked]:bg-neutral',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type CheckboxInputStylesProps = VariantProps<typeof checkboxInputStyles>\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const labelStyles = 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 LabelStylesProps = VariantProps<typeof labelStyles>\n","import { Label, LabelProps } from '../label'\nimport { labelStyles, type LabelStylesProps } from './CheckboxLabel.styles'\n\nexport interface CheckboxLabelProps extends LabelProps, LabelStylesProps {\n  /**\n   * When true, prevents the user from interacting with the checkbox item.\n   */\n  disabled?: boolean\n}\n\nexport const CheckboxLabel = ({ disabled, ...others }: CheckboxLabelProps) => (\n  <Label className={labelStyles({ disabled })} {...others} />\n)\n\nCheckboxLabel.displayName = 'CheckboxLabel'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { ComponentPropsWithoutRef, Ref, useEffect, useMemo, useRef } from 'react'\n\nimport { checkboxGroupStyles, CheckboxGroupStylesProps } from './CheckboxGroup.styles'\nimport { CheckboxGroupContext, CheckboxGroupContextState } from './CheckboxGroupContext'\n\nexport interface CheckboxGroupProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>,\n    CheckboxGroupStylesProps,\n    Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {\n  /**\n   * The initial value of the checkbox group\n   */\n  defaultValue?: string[]\n  /**\n   * The callback fired when any children Checkbox is checked or unchecked\n   */\n  onCheckedChange?: (value: string[]) => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const CheckboxGroup = ({\n  name: nameProp,\n  value: valueProp,\n  defaultValue,\n  className,\n  intent,\n  orientation = 'vertical',\n  onCheckedChange: onCheckedChangeProp,\n  reverse = false,\n  children,\n  ref,\n  ...others\n}: CheckboxGroupProps) => {\n  const [value, setValue] = useCombinedState(valueProp, defaultValue)\n  const field = useFormFieldControl()\n  const onCheckedChangeRef = useRef(onCheckedChangeProp)\n\n  const { id, labelId, description, state, isInvalid, isRequired } = field\n  const name = nameProp ?? field.name\n\n  const current = useMemo(() => {\n    const handleCheckedChange = (checked: boolean, changed: string) => {\n      const values = value || []\n      const modified = checked ? [...values, changed] : values.filter(val => val !== changed)\n\n      setValue(modified)\n\n      if (onCheckedChangeRef.current) {\n        onCheckedChangeRef.current(modified)\n      }\n    }\n\n    return {\n      id,\n      name,\n      value,\n      intent,\n      state,\n      isInvalid,\n      description,\n      isRequired,\n      reverse,\n      onCheckedChange: handleCheckedChange,\n    }\n  }, [id, name, value, intent, state, isInvalid, description, isRequired, setValue, reverse])\n\n  useEffect(() => {\n    onCheckedChangeRef.current = onCheckedChangeProp\n  }, [onCheckedChangeProp])\n\n  return (\n    <CheckboxGroupContext.Provider value={current}>\n      <div\n        ref={ref}\n        className={checkboxGroupStyles({ className, orientation })}\n        role=\"group\"\n        aria-labelledby={labelId}\n        aria-describedby={description}\n        {...others}\n      >\n        {children}\n      </div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxGroupStyles = cva(['flex'], {\n  variants: {\n    /**\n     * Prop to set the orientation of the checkbox group which could be `vertical` or `horizontal`.\n     */\n    orientation: {\n      vertical: ['flex-col', 'gap-lg'],\n      horizontal: ['gap-xl'],\n    },\n  },\n})\n\nexport type CheckboxGroupStylesProps = VariantProps<typeof checkboxGroupStyles>\n"],"mappings":"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","names":["Checkbox","jsx","Checkbox","cva","jsx","jsx","Checkbox","name","isRequired","isInvalid","id","description","intent","useFormFieldControl","useMemo","useRef","cva","jsx","useFormFieldControl","useRef","useMemo"]}
+{"version":3,"sources":["../../src/checkbox/Checkbox.tsx","../../src/checkbox/CheckboxGroupContext.tsx","../../src/checkbox/CheckboxInput.tsx","../../src/checkbox/CheckboxIndicator.tsx","../../src/checkbox/CheckboxInput.styles.ts","../../src/checkbox/CheckboxLabel.styles.ts","../../src/checkbox/CheckboxLabel.tsx","../../src/checkbox/CheckboxGroup.tsx","../../src/checkbox/CheckboxGroup.styles.ts"],"sourcesContent":["/* eslint-disable complexity */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { Ref, useId, useMemo, useRef } from 'react'\n\nimport { CheckboxGroupContextState, useCheckboxGroup } from './CheckboxGroupContext'\nimport { CheckboxInput, CheckboxInputProps } from './CheckboxInput'\nimport { CheckboxLabel } from './CheckboxLabel'\n\nexport type CheckboxProps = CheckboxInputProps &\n  Pick<CheckboxGroupContextState, 'reverse'> & {\n    ref?: Ref<HTMLButtonElement>\n  }\n\nconst ID_PREFIX = ':checkbox'\n\nexport const Checkbox = ({\n  id: idProp,\n  className,\n  intent: intentProp,\n  checked: checkedProp,\n  value,\n  disabled,\n  reverse = false,\n  onCheckedChange,\n  children,\n  ref: forwardedRef,\n  ...others\n}: CheckboxProps) => {\n  const checkboxId = `${ID_PREFIX}-${useId()}`\n  const innerId = idProp || checkboxId\n\n  const innerLabelId = `${ID_PREFIX}-${useId()}`\n\n  const field = useFormFieldControl()\n  const group = useCheckboxGroup()\n\n  const rootRef = useRef<HTMLButtonElement | undefined>(null)\n  const ref = useMergeRefs(forwardedRef, rootRef)\n\n  const getCheckboxAttributes = ({\n    fieldState,\n    groupState,\n    checkboxIntent,\n  }: {\n    fieldState: ReturnType<typeof useFormFieldControl>\n    groupState: ReturnType<typeof useCheckboxGroup>\n    checkboxIntent: CheckboxInputProps['intent']\n  }) => {\n    const name = fieldState.name ?? groupState.name\n    const isRequired = fieldState.isRequired ?? groupState.isRequired\n    const state = fieldState.state ?? groupState.state\n    const isInvalid = fieldState.isInvalid ?? groupState.isInvalid\n\n    const isFieldEnclosed = fieldState.id !== groupState.id\n    const id = isFieldEnclosed ? fieldState.id : undefined\n    const description = isFieldEnclosed ? fieldState.description : undefined\n\n    const intent = state ?? checkboxIntent ?? groupState.intent\n\n    return { name, isRequired, isInvalid, id, description, intent }\n  }\n\n  const checked = value ? group.value?.includes(value) : checkedProp\n\n  const handleCheckedChange = (isChecked: boolean) => {\n    onCheckedChange?.(isChecked)\n\n    const rootRefValue = rootRef.current?.value\n    if (rootRefValue && group.onCheckedChange) {\n      group.onCheckedChange(isChecked, rootRefValue)\n    }\n  }\n\n  const {\n    id,\n    name,\n    isInvalid,\n    description,\n    intent,\n    isRequired: isRequiredAttr,\n  } = getCheckboxAttributes({\n    fieldState: field,\n    groupState: group,\n    checkboxIntent: intentProp,\n  })\n\n  const isRequired = useMemo(() => {\n    if (!group) return isRequiredAttr\n\n    return isRequiredAttr ? !group.value?.length : false\n  }, [group, isRequiredAttr])\n\n  const checkboxLabel = children && (\n    <CheckboxLabel disabled={disabled} htmlFor={id || innerId} id={innerLabelId}>\n      {children}\n    </CheckboxLabel>\n  )\n\n  const checkboxInput = (\n    <CheckboxInput\n      ref={ref}\n      id={id || innerId}\n      name={name}\n      value={value}\n      intent={intent}\n      checked={checked}\n      disabled={disabled}\n      required={isRequired}\n      aria-describedby={description}\n      aria-invalid={isInvalid}\n      onCheckedChange={handleCheckedChange}\n      aria-labelledby={children ? innerLabelId : field.labelId}\n      {...others}\n    />\n  )\n\n  const content =\n    group.reverse || reverse ? (\n      <>\n        {checkboxLabel}\n        {checkboxInput}\n      </>\n    ) : (\n      <>\n        {checkboxInput}\n        {checkboxLabel}\n      </>\n    )\n\n  return (\n    <div\n      data-spark-component=\"checkbox\"\n      className={cx('gap-md text-body-1 relative flex items-start', className)}\n    >\n      {content}\n    </div>\n  )\n}\n\nCheckbox.displayName = 'Checkbox'\n","import { createContext, useContext } from 'react'\n\nimport { CheckboxInputStylesProps } from './CheckboxInput.styles'\n\nexport interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps, 'intent'> {\n  /**\n   * The id of the checkbox group.\n   */\n  id: string\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   * The value of the checkbox group.\n   */\n  value?: string[]\n  /**\n   * A set of ids separated by a space used to describe the input component given by a set of messages.\n   */\n  description?: string\n  /**\n   * The validation state of the checkbox group.\n   */\n  state?: 'error' | 'success' | 'alert'\n  /**\n   * If true, the checkbox group will be invalid.\n   */\n  isInvalid?: boolean\n  /**\n   * If true, the checkbox group will be required.\n   */\n  isRequired?: boolean\n  /**\n   * Callback used to update or notify the value of the checkbox group.\n   */\n  onCheckedChange?: (checked: boolean, changed: string) => void\n  /**\n   * When true, the label will be placed on the left side of the Checkbox\n   */\n  reverse?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<Partial<CheckboxGroupContextState>>({})\n\nexport const useCheckboxGroup = () => {\n  const context = useContext(CheckboxGroupContext)\n\n  return context\n}\n","import { Check } from '@spark-ui/icons/Check'\nimport { Minus } from '@spark-ui/icons/Minus'\nimport { Checkbox } from 'radix-ui'\nimport { ComponentPropsWithoutRef, ReactNode, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { CheckboxIndicator } from './CheckboxIndicator'\nimport { checkboxInputStyles, type CheckboxInputStylesProps } from './CheckboxInput.styles'\n\ntype CheckedStatus = boolean | 'indeterminate'\n\nconst CheckboxPrimitive = Checkbox.Checkbox\n\nexport interface CheckboxInputProps\n  extends CheckboxInputStylesProps,\n    Omit<ComponentPropsWithoutRef<'button'>, 'onChange' | 'value' | 'checked' | 'defaultChecked'> {\n  /**\n   * The checked icon to use.\n   */\n  icon?: ReactNode\n  /**\n   * The indeterminate icon to use.\n   */\n  indeterminateIcon?: ReactNode\n  /**\n   * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.\n   */\n  defaultChecked?: boolean\n  /**\n   * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.\n   */\n  checked?: CheckedStatus\n  /**\n   * When true, prevents the user from interacting with the checkbox.\n   */\n  disabled?: boolean\n  /**\n   * When true, indicates that the user must check the checkbox before the owning form can be submitted.\n   */\n  required?: boolean\n  /**\n   * The name of the checkbox. Submitted with its owning form as part of a name/value pair.\n   */\n  name?: string\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value?: string\n  /**\n   * Event handler called when the checked state of the checkbox changes.\n   */\n  onCheckedChange?: (checked: boolean) => void\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const CheckboxInput = ({\n  className,\n  icon = <Check />,\n  indeterminateIcon = <Minus />,\n  intent,\n  checked,\n  ref,\n  ...others\n}: CheckboxInputProps) => (\n  <CheckboxPrimitive\n    ref={ref}\n    className={checkboxInputStyles({ intent, className })}\n    checked={checked}\n    {...others}\n  >\n    <CheckboxIndicator>\n      <Icon size=\"sm\">{checked === 'indeterminate' ? indeterminateIcon : icon}</Icon>\n    </CheckboxIndicator>\n  </CheckboxPrimitive>\n)\n\nCheckboxInput.displayName = 'CheckboxInput'\n","import { Checkbox } from 'radix-ui'\nimport { Ref } from 'react'\n\nconst CheckboxIndicatorPrimitive = Checkbox.CheckboxIndicator\n\nexport type CheckboxIndicatorProps = Checkbox.CheckboxIndicatorProps & {\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const CheckboxIndicator = (props: CheckboxIndicatorProps) => (\n  <CheckboxIndicatorPrimitive className=\"flex size-full items-center justify-center\" {...props} />\n)\n\nCheckboxIndicator.displayName = 'CheckboxIndicator'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxInputStyles = cva(\n  [\n    'size-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-dim-3 disabled:hover:ring-0',\n    'focus-visible:u-outline',\n    'hover:ring-4 hover:cursor-pointer',\n    'u-shadow-border-transition',\n  ],\n  {\n    variants: {\n      /**\n       * Color scheme of the checkbox.\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'basic', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        main: [\n          'text-on-main',\n          'hover:ring-main-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-main data-[state=indeterminate]:bg-main',\n          'data-[state=checked]:border-main data-[state=checked]:bg-main',\n        ],\n        support: [\n          'text-on-support',\n          'hover:ring-support-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-support data-[state=indeterminate]:bg-support',\n          'data-[state=checked]:border-support data-[state=checked]:bg-support',\n        ],\n        accent: [\n          'text-on-accent',\n          'hover:ring-accent-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-accent data-[state=indeterminate]:bg-accent',\n          'data-[state=checked]:border-accent data-[state=checked]:bg-accent',\n        ],\n        basic: [\n          'text-on-basic',\n          'hover:ring-basic-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-basic data-[state=indeterminate]:bg-basic',\n          'data-[state=checked]:border-basic data-[state=checked]:bg-basic',\n        ],\n        success: [\n          'text-on-success',\n          'hover:ring-success-container',\n          'data-[state=unchecked]:border-success',\n          'data-[state=indeterminate]:border-success data-[state=indeterminate]:bg-success',\n          'data-[state=checked]:border-success data-[state=checked]:bg-success',\n        ],\n        alert: [\n          'text-on-alert',\n          'hover:ring-alert-container',\n          'data-[state=unchecked]:border-alert',\n          'data-[state=indeterminate]:border-alert data-[state=indeterminate]:bg-alert',\n          'data-[state=checked]:border-alert data-[state=checked]:bg-alert',\n        ],\n        error: [\n          'text-on-error',\n          'hover:ring-error-container',\n          'data-[state=unchecked]:border-error',\n          'data-[state=indeterminate]:border-error data-[state=indeterminate]:bg-error',\n          'data-[state=checked]:border-error data-[state=checked]:bg-error',\n        ],\n        info: [\n          'text-on-info',\n          'hover:ring-info-container',\n          'data-[state=unchecked]:border-info',\n          'data-[state=indeterminate]:border-info data-[state=indeterminate]:bg-info',\n          'data-[state=checked]:border-info data-[state=checked]:bg-info',\n        ],\n        neutral: [\n          'text-on-neutral',\n          'hover:ring-neutral-container',\n          'data-[state=unchecked]:border-outline',\n          'data-[state=indeterminate]:border-neutral data-[state=indeterminate]:bg-neutral',\n          'data-[state=checked]:border-neutral data-[state=checked]:bg-neutral',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type CheckboxInputStylesProps = VariantProps<typeof checkboxInputStyles>\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const labelStyles = 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 LabelStylesProps = VariantProps<typeof labelStyles>\n","import { Label, LabelProps } from '../label'\nimport { labelStyles, type LabelStylesProps } from './CheckboxLabel.styles'\n\nexport interface CheckboxLabelProps extends LabelProps, LabelStylesProps {\n  /**\n   * When true, prevents the user from interacting with the checkbox item.\n   */\n  disabled?: boolean\n}\n\nexport const CheckboxLabel = ({ disabled, ...others }: CheckboxLabelProps) => (\n  <Label className={labelStyles({ disabled })} {...others} />\n)\n\nCheckboxLabel.displayName = 'CheckboxLabel'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { ComponentPropsWithoutRef, Ref, useEffect, useMemo, useRef } from 'react'\n\nimport { checkboxGroupStyles, CheckboxGroupStylesProps } from './CheckboxGroup.styles'\nimport { CheckboxGroupContext, CheckboxGroupContextState } from './CheckboxGroupContext'\n\nexport interface CheckboxGroupProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>,\n    CheckboxGroupStylesProps,\n    Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {\n  /**\n   * The initial value of the checkbox group\n   */\n  defaultValue?: string[]\n  /**\n   * The callback fired when any children Checkbox is checked or unchecked\n   */\n  onCheckedChange?: (value: string[]) => void\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const CheckboxGroup = ({\n  name: nameProp,\n  value: valueProp,\n  defaultValue,\n  className,\n  intent,\n  orientation = 'vertical',\n  onCheckedChange: onCheckedChangeProp,\n  reverse = false,\n  children,\n  ref,\n  ...others\n}: CheckboxGroupProps) => {\n  const [value, setValue] = useCombinedState(valueProp, defaultValue)\n  const field = useFormFieldControl()\n  const onCheckedChangeRef = useRef(onCheckedChangeProp)\n\n  const { id, labelId, description, state, isInvalid, isRequired } = field\n  const name = nameProp ?? field.name\n\n  const current = useMemo(() => {\n    const handleCheckedChange = (checked: boolean, changed: string) => {\n      const values = value || []\n      const modified = checked ? [...values, changed] : values.filter(val => val !== changed)\n\n      setValue(modified)\n\n      if (onCheckedChangeRef.current) {\n        onCheckedChangeRef.current(modified)\n      }\n    }\n\n    return {\n      id,\n      name,\n      value,\n      intent,\n      state,\n      isInvalid,\n      description,\n      isRequired,\n      reverse,\n      onCheckedChange: handleCheckedChange,\n    }\n  }, [id, name, value, intent, state, isInvalid, description, isRequired, setValue, reverse])\n\n  useEffect(() => {\n    onCheckedChangeRef.current = onCheckedChangeProp\n  }, [onCheckedChangeProp])\n\n  return (\n    <CheckboxGroupContext.Provider value={current}>\n      <div\n        ref={ref}\n        className={checkboxGroupStyles({ className, orientation })}\n        role=\"group\"\n        aria-labelledby={labelId}\n        aria-describedby={description}\n        {...others}\n      >\n        {children}\n      </div>\n    </CheckboxGroupContext.Provider>\n  )\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n","import { cva, VariantProps } from 'class-variance-authority'\n\nexport const checkboxGroupStyles = cva(['flex'], {\n  variants: {\n    /**\n     * Prop to set the orientation of the checkbox group which could be `vertical` or `horizontal`.\n     */\n    orientation: {\n      vertical: ['flex-col', 'gap-lg'],\n      horizontal: ['gap-xl'],\n    },\n  },\n})\n\nexport type CheckboxGroupStylesProps = VariantProps<typeof checkboxGroupStyles>\n"],"mappings":"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","names":["Checkbox","jsx","Checkbox","cva","jsx","jsx","Checkbox","name","isRequired","isInvalid","id","description","intent","useFormFieldControl","useMemo","useRef","cva","jsx","useFormFieldControl","useRef","useMemo"]}

package/dist/radio-group/index.js

@@ -139,22 +139,14 @@ var radioInputVariants = (0, import_class_variance_authority2.cva)(
           "data-[state=checked]:border-neutral",
           "hover:ring-neutral-container"
         ],
-        info: ["border-outline", "data-[state=checked]:border-info", "hover:ring-info-container"],
+        info: ["border-info", "data-[state=checked]:border-info", "hover:ring-info-container"],
         success: [
-          "border-outline",
+          "border-success",
           "data-[state=checked]:border-success",
           "hover:ring-success-container"
         ],
-        alert: [
-          "border-outline",
-          "data-[state=checked]:border-alert",
-          "hover:ring-alert-container"
-        ],
-        error: [
-          "border-outline",
-          "data-[state=checked]:border-error",
-          "hover:ring-error-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: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/radio-group/index.ts","../../src/radio-group/Radio.tsx","../../src/radio-group/RadioGroupContext.tsx","../../src/radio-group/RadioInput.tsx","../../src/radio-group/RadioIndicator.tsx","../../src/radio-group/RadioIndicator.styles.ts","../../src/radio-group/RadioInput.styles.ts","../../src/radio-group/RadioLabel.tsx","../../src/radio-group/RadioLabel.styles.tsx","../../src/radio-group/RadioGroup.tsx","../../src/radio-group/RadioGroup.styles.ts","../../src/radio-group/RadioGroupProvider.tsx"],"sourcesContent":["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","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 { 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 { 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      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 { 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 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 { 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-outline', 'data-[state=checked]:border-info', 'hover:ring-info-container'],\n        success: [\n          'border-outline',\n          'data-[state=checked]:border-success',\n          'hover:ring-success-container',\n        ],\n        alert: [\n          'border-outline',\n          'data-[state=checked]:border-alert',\n          'hover:ring-alert-container',\n        ],\n        error: [\n          'border-outline',\n          'data-[state=checked]:border-error',\n          'hover:ring-error-container',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type RadioInputVariantsProps = VariantProps<typeof radioInputVariants>\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 <Label.Root className={radioLabelStyles({ disabled })} {...others} />\n}\n\nRadioLabel.displayName = 'RadioGroup.RadioLabel'\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 { 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 { 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"],"mappings":"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","names":["RadioGroup","import_class_variance_authority","import_react","import_radix_ui","RadixRadioGroup","import_internal_utils","import_class_variance_authority","import_jsx_runtime","RadixRadioGroup","import_radix_ui","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_form_field","import_radix_ui","import_class_variance_authority","import_react","import_jsx_runtime","import_jsx_runtime","RadixRadioGroup","RadioGroup"]}
+{"version":3,"sources":["../../src/radio-group/index.ts","../../src/radio-group/Radio.tsx","../../src/radio-group/RadioGroupContext.tsx","../../src/radio-group/RadioInput.tsx","../../src/radio-group/RadioIndicator.tsx","../../src/radio-group/RadioIndicator.styles.ts","../../src/radio-group/RadioInput.styles.ts","../../src/radio-group/RadioLabel.tsx","../../src/radio-group/RadioLabel.styles.tsx","../../src/radio-group/RadioGroup.tsx","../../src/radio-group/RadioGroup.styles.ts","../../src/radio-group/RadioGroupProvider.tsx"],"sourcesContent":["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","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 { 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 { 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      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 { 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 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 { 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 { 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 <Label.Root className={radioLabelStyles({ disabled })} {...others} />\n}\n\nRadioLabel.displayName = 'RadioGroup.RadioLabel'\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 { 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 { 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"],"mappings":"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","names":["RadioGroup","import_class_variance_authority","import_react","import_radix_ui","RadixRadioGroup","import_internal_utils","import_class_variance_authority","import_jsx_runtime","RadixRadioGroup","import_radix_ui","import_class_variance_authority","import_jsx_runtime","import_jsx_runtime","import_form_field","import_radix_ui","import_class_variance_authority","import_react","import_jsx_runtime","import_jsx_runtime","RadixRadioGroup","RadioGroup"]}

package/dist/radio-group/index.mjs

@@ -113,22 +113,14 @@ var radioInputVariants = cva2(
           "data-[state=checked]:border-neutral",
           "hover:ring-neutral-container"
         ],
-        info: ["border-outline", "data-[state=checked]:border-info", "hover:ring-info-container"],
+        info: ["border-info", "data-[state=checked]:border-info", "hover:ring-info-container"],
         success: [
-          "border-outline",
+          "border-success",
           "data-[state=checked]:border-success",
           "hover:ring-success-container"
         ],
-        alert: [
-          "border-outline",
-          "data-[state=checked]:border-alert",
-          "hover:ring-alert-container"
-        ],
-        error: [
-          "border-outline",
-          "data-[state=checked]:border-error",
-          "hover:ring-error-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: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/radio-group/Radio.tsx","../../src/radio-group/RadioGroupContext.tsx","../../src/radio-group/RadioInput.tsx","../../src/radio-group/RadioIndicator.tsx","../../src/radio-group/RadioIndicator.styles.ts","../../src/radio-group/RadioInput.styles.ts","../../src/radio-group/RadioLabel.tsx","../../src/radio-group/RadioLabel.styles.tsx","../../src/radio-group/RadioGroup.tsx","../../src/radio-group/RadioGroup.styles.ts","../../src/radio-group/RadioGroupProvider.tsx","../../src/radio-group/index.ts"],"sourcesContent":["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 { 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 { 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      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 { 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 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 { 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-outline', 'data-[state=checked]:border-info', 'hover:ring-info-container'],\n        success: [\n          'border-outline',\n          'data-[state=checked]:border-success',\n          'hover:ring-success-container',\n        ],\n        alert: [\n          'border-outline',\n          'data-[state=checked]:border-alert',\n          'hover:ring-alert-container',\n        ],\n        error: [\n          'border-outline',\n          'data-[state=checked]:border-error',\n          'hover:ring-error-container',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'basic',\n    },\n  }\n)\n\nexport type RadioInputVariantsProps = VariantProps<typeof radioInputVariants>\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 <Label.Root className={radioLabelStyles({ disabled })} {...others} />\n}\n\nRadioLabel.displayName = 'RadioGroup.RadioLabel'\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 { 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 { 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 { 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"],"mappings":"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","names":["RadixRadioGroup","makeVariants","cva","jsx","RadixRadioGroup","cva","jsx","jsx","useFormFieldControl","RadixRadioGroup","cva","jsx","jsx","useFormFieldControl","RadixRadioGroup","RadioGroup"]}
+{"version":3,"sources":["../../src/radio-group/Radio.tsx","../../src/radio-group/RadioGroupContext.tsx","../../src/radio-group/RadioInput.tsx","../../src/radio-group/RadioIndicator.tsx","../../src/radio-group/RadioIndicator.styles.ts","../../src/radio-group/RadioInput.styles.ts","../../src/radio-group/RadioLabel.tsx","../../src/radio-group/RadioLabel.styles.tsx","../../src/radio-group/RadioGroup.tsx","../../src/radio-group/RadioGroup.styles.ts","../../src/radio-group/RadioGroupProvider.tsx","../../src/radio-group/index.ts"],"sourcesContent":["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 { 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 { 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      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 { 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 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 { 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 { 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 <Label.Root className={radioLabelStyles({ disabled })} {...others} />\n}\n\nRadioLabel.displayName = 'RadioGroup.RadioLabel'\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 { 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 { 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 { 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"],"mappings":"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","names":["RadixRadioGroup","makeVariants","cva","jsx","RadixRadioGroup","cva","jsx","jsx","useFormFieldControl","RadixRadioGroup","cva","jsx","jsx","useFormFieldControl","RadixRadioGroup","RadioGroup"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/components",
-  "version": "10.7.2",
+  "version": "10.7.3",
   "license": "MIT",
   "description": "Spark (Leboncoin design system) components.",
   "exports": {
@@ -49,9 +49,9 @@
     "@react-aria/toast": "^3.0.0-beta.18",
     "@react-stately/numberfield": "3.9.11",
     "@react-stately/toast": "^3.0.0-beta.7",
-    "@spark-ui/hooks": "^10.7.2",
-    "@spark-ui/icons": "^10.7.2",
-    "@spark-ui/internal-utils": "^10.7.2",
+    "@spark-ui/hooks": "^10.7.3",
+    "@spark-ui/icons": "^10.7.3",
+    "@spark-ui/internal-utils": "^10.7.3",
     "@zag-js/accordion": "1.14.0",
     "@zag-js/collapsible": "1.14.0",
     "@zag-js/pagination": "1.14.0",
@@ -80,5 +80,5 @@
     "url": "https://github.com/leboncoin/spark-web/issues?q=is%3Aopen+label%3A%22Component%3A+button%22"
   },
   "homepage": "https://sparkui.vercel.app",
-  "gitHead": "3e25477fe6901db7b59badf617947ae4678ffa52"
+  "gitHead": "6264b8a18ed1495bfd2b5f4becac88259f4350eb"
 }