rupoui 1.3.2 → 1.3.3

package/dist/components/checkbox/checkbox.types.d.ts

@@ -1,159 +1,166 @@
-import { ReactNode, Ref } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { checkbox, checkboxGroup } from './checkbox.styles';
+import { ReactNode, Ref } from "react";
+import { VariantProps } from "tailwind-variants";
+
+import { checkbox, checkboxGroup } from "./checkbox.styles";
 
 export type CheckboxSlots = keyof ReturnType<typeof checkbox>;
 export type CheckboxGroupSlots = keyof ReturnType<typeof checkboxGroup>;
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "color" | "onChange"> {
-    /**
-     * Ref to the DOM input element.
-     */
-    ref?: Ref<HTMLInputElement>;
-    /**
-     * The content of the checkbox. Usually the label.
-     */
-    children?: ReactNode;
-    /**
-     * Whether the checkbox is checked (controlled).
-     */
-    isSelected?: boolean;
-    /**
-     * Whether the checkbox is checked by default (uncontrolled).
-     */
-    defaultSelected?: boolean;
-    /**
-     * Handler that is called when the checkbox's selection state changes.
-     */
-    onValueChange?: (isSelected: boolean) => void;
-    /**
-     * Just an alias for onValueChange to match native input behavior somewhat,
-     * but typically onValueChange is preferred in this UI library.
-     * If provided, will be called with the change event.
-     */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * The value of the checkbox input.
-     * Useful when used in a CheckboxGroup.
-     */
-    value?: string;
-    /**
-     * Whether the checkbox is in an indeterminate state.
-     */
-    isIndeterminate?: boolean;
-    /**
-     * Whether the checkbox is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the checkbox is read-only.
-     */
-    isReadOnly?: boolean;
-    /**
-     * Whether the checkbox is invalid.
-     */
-    isInvalid?: boolean;
-    /**
-     * Whether to disable the animation.
-     */
-    disableAnimation?: boolean;
-    /**
-     * The size of the checkbox.
-     */
-    size?: VariantProps<typeof checkbox>["size"];
-    /**
-     * The color of the checkbox.
-     */
-    color?: VariantProps<typeof checkbox>["color"];
-    /**
-     * The radius of the checkbox.
-     */
-    radius?: VariantProps<typeof checkbox>["radius"];
-    /**
-     * The styling variant of the checkbox.
-     * Note: 'solid' is the default and most common.
-     */
-    variant?: VariantProps<typeof checkbox>["variant"];
-    /**
-     * Classname or List of classes to change the classNames of the element.
-     * if `className` is passed, it will be added to the base slot.
-     *
-     * @example
-     * ```ts
-     * <Checkbox classNames={{
-     *    base:"base-classes",
-     *    wrapper: "wrapper-classes",
-     *    icon: "icon-classes",
-     *    label: "label-classes",
-     * }} />
-     * ```
-     */
-    classNames?: Partial<Record<CheckboxSlots, string>>;
+export interface CheckboxProps extends Omit<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  "size" | "color" | "onChange"
+> {
+  /**
+   * Ref to the DOM input element.
+   */
+  ref?: Ref<HTMLInputElement>;
+  /**
+   * The content of the checkbox. Usually the label.
+   */
+  children?: ReactNode;
+  /**
+   * Whether the checkbox is checked (controlled).
+   */
+  isSelected?: boolean;
+  /**
+   * Whether the checkbox is checked by default (uncontrolled).
+   */
+  defaultSelected?: boolean;
+  /**
+   * Handler that is called when the checkbox's selection state changes.
+   */
+  onValueChange?: (isSelected: boolean) => void;
+  /**
+   * Just an alias for onValueChange to match native input behavior somewhat,
+   * but typically onValueChange is preferred in this UI library.
+   * If provided, will be called with the change event.
+   */
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
+  /**
+   * The value of the checkbox input.
+   * Useful when used in a CheckboxGroup.
+   */
+  value?: string;
+  /**
+   * Whether the checkbox is in an indeterminate state.
+   */
+  isIndeterminate?: boolean;
+  /**
+   * Whether the checkbox is disabled.
+   */
+  isDisabled?: boolean;
+  /**
+   * Whether the checkbox is read-only.
+   */
+  isReadOnly?: boolean;
+  /**
+   * Whether the checkbox is invalid.
+   */
+  isInvalid?: boolean;
+  /**
+   * Whether to disable the animation.
+   */
+  disableAnimation?: boolean;
+  /**
+   * The size of the checkbox.
+   */
+  size?: VariantProps<typeof checkbox>["size"];
+  /**
+   * The color of the checkbox.
+   */
+  color?: VariantProps<typeof checkbox>["color"];
+  /**
+   * The radius of the checkbox.
+   */
+  radius?: VariantProps<typeof checkbox>["radius"];
+  /**
+   * The styling variant of the checkbox.
+   * Note: 'solid' is the default and most common.
+   */
+  variant?: VariantProps<typeof checkbox>["variant"];
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   * if `className` is passed, it will be added to the base slot.
+   *
+   * @example
+   * ```ts
+   * <Checkbox classNames={{
+   *    base:"base-classes",
+   *    wrapper: "wrapper-classes",
+   *    icon: "icon-classes",
+   *    label: "label-classes",
+   * }} />
+   * ```
+   */
+  classNames?: Partial<Record<CheckboxSlots, string>>;
 }
-export interface CheckboxGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    /**
-     * The content of the checkbox group.
-     */
-    children?: ReactNode;
-    /**
-     * The values of the selected checkboxes (controlled).
-     */
-    value?: string[];
-    /**
-     * The default values of the selected checkboxes (uncontrolled).
-     */
-    defaultValue?: string[];
-    /**
-     * Handler that is called when the group's value changes.
-     */
-    onValueChange?: (value: string[]) => void;
-    /**
-     * Whether the group is disabled.
-     * If true, all checkboxes in the group will be disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the group is read-only.
-     */
-    isReadOnly?: boolean;
-    /**
-     * Whether the group is invalid.
-     */
-    isInvalid?: boolean;
-    /**
-     * The description of the group.
-     */
-    description?: ReactNode;
-    /**
-     * The error message of the group.
-     */
-    errorMessage?: ReactNode;
-    /**
-     * The label of the group.
-     */
-    label?: ReactNode;
-    /**
-     * The orientation of the group.
-     * @default "vertical"
-     */
-    orientation?: "horizontal" | "vertical";
-    /**
-     * The color of the checkboxes in the group.
-     */
-    color?: CheckboxProps["color"];
-    /**
-     * The size of the checkboxes in the group.
-     */
-    size?: CheckboxProps["size"];
-    /**
-     * The radius of the checkboxes in the group.
-     */
-    radius?: CheckboxProps["radius"];
-    /**
-     * The variant of the checkboxes in the group.
-     */
-    variant?: CheckboxProps["variant"];
-    /**
-     * Classname or List of classes to change the classNames of the element.
-     */
-    classNames?: Partial<Record<CheckboxGroupSlots, string>>;
+export interface CheckboxGroupProps extends Omit<
+  React.HTMLAttributes<HTMLDivElement>,
+  "onChange" | "defaultValue"
+> {
+  /**
+   * The content of the checkbox group.
+   */
+  children?: ReactNode;
+  /**
+   * The values of the selected checkboxes (controlled).
+   */
+  value?: string[];
+  /**
+   * The default values of the selected checkboxes (uncontrolled).
+   */
+  defaultValue?: string[];
+  /**
+   * Handler that is called when the group's value changes.
+   */
+  onValueChange?: (value: string[]) => void;
+  /**
+   * Whether the group is disabled.
+   * If true, all checkboxes in the group will be disabled.
+   */
+  isDisabled?: boolean;
+  /**
+   * Whether the group is read-only.
+   */
+  isReadOnly?: boolean;
+  /**
+   * Whether the group is invalid.
+   */
+  isInvalid?: boolean;
+  /**
+   * The description of the group.
+   */
+  description?: ReactNode;
+  /**
+   * The error message of the group.
+   */
+  errorMessage?: ReactNode;
+  /**
+   * The label of the group.
+   */
+  label?: ReactNode;
+  /**
+   * The orientation of the group.
+   * @default "vertical"
+   */
+  orientation?: "horizontal" | "vertical";
+  /**
+   * The color of the checkboxes in the group.
+   */
+  color?: CheckboxProps["color"];
+  /**
+   * The size of the checkboxes in the group.
+   */
+  size?: CheckboxProps["size"];
+  /**
+   * The radius of the checkboxes in the group.
+   */
+  radius?: CheckboxProps["radius"];
+  /**
+   * The variant of the checkboxes in the group.
+   */
+  variant?: CheckboxProps["variant"];
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   */
+  classNames?: Partial<Record<CheckboxGroupSlots, string>>;
 }

package/dist/components/checkbox/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Checkbox';
-export * from './checkbox.types';
-export * from './CheckboxGroup';
+export * from "./Checkbox";
+export * from "./checkbox.types";
+export * from "./CheckboxGroup";