@cerberus-design/react 0.15.0-next-5d7dc1e → 0.15.0-next-544221f

package/src/components/Radio.tsx

@@ -1,68 +0,0 @@
-import { Field } from '@ark-ui/react/field'
-import { cx } from '@cerberus/styled-system/css'
-import { hstack } from '@cerberus/styled-system/patterns'
-import { radio } from '@cerberus/styled-system/recipes'
-import type { RecipeVariantProps } from '@cerberus/styled-system/types'
-import type { InputHTMLAttributes, PropsWithChildren } from 'react'
-
-/**
- * This module contains the Radio component.
- * @module
- */
-
-export type RadioRecipe = RecipeVariantProps<typeof radio>
-export interface RadioBaseProps
-  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
-  /**
-   * A unique identifier for the radio button. Required for accessibility.
-   */
-  id: string
-}
-export type RadioProps = RadioBaseProps & RadioRecipe
-
-/**
- * The Radio component is used to allow users to select a single option from a list of options.
- * @see https://cerberus.digitalu.design/react/radio
- * @memberof module:Field
- * @example
- * ```tsx
- * <Field>
- *  <fieldset name="fruit">
- *    <Radio id="radio-1" name="fruit" value="1">
- *     Option 1
- *    </Radio>
- *    <Radio id="radio-2" name="fruit" value="2">
- *     Option 2
- *    </Radio>
- *    <Radio id="radio-3" name="fruit" value="3">
- *     Option 3
- *    </Radio>
- *   </fieldset>
- * </Field>
- * ```
- */
-export function Radio(props: PropsWithChildren<RadioProps>) {
-  const { children, size, ...nativeProps } = props
-  const styles = radio({ size })
-
-  return (
-    <div
-      className={cx(
-        'group',
-        hstack({
-          gap: 'sm',
-        }),
-        styles.root,
-      )}
-      tabIndex={0}
-    >
-      <Field.Input
-        {...nativeProps}
-        className={cx(nativeProps.className, styles.input)}
-        tabIndex={-1}
-        type="radio"
-      />
-      {children}
-    </div>
-  )
-}