rupoui 1.3.2 → 1.3.3

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

@@ -1,156 +1,162 @@
-import { ReactNode, MouseEventHandler, KeyboardEventHandler, HTMLAttributes } from 'react';
-import { HTMLMotionProps } from 'framer-motion';
+import { HTMLMotionProps } from "framer-motion";
+import { HTMLAttributes, KeyboardEventHandler, MouseEventHandler, ReactNode } from "react";
 
 export type ChipVariant = "solid" | "bordered" | "flat" | "light";
 export type ChipColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
 export type ChipSize = "sm" | "md" | "lg";
 export type ChipRadius = "sm" | "md" | "lg" | "xl" | "full";
-export interface ChipProps extends Omit<HTMLMotionProps<"div">, "onClick" | "onKeyDown" | "color" | "ref"> {
-    /**
-     * Value of the chip, used for ChipGroup.
-     */
-    value?: string;
-    /**
-     * Content to be rendered inside the chip.
-     */
-    children?: ReactNode;
-    /**
-     * The variant style of the chip.
-     * @default "solid"
-     */
-    variant?: ChipVariant;
-    /**
-     * The color theme of the chip.
-     * @default "default"
-     */
-    color?: ChipColor;
-    /**
-     * The size of the chip.
-     * @default "md"
-     */
-    size?: ChipSize;
-    /**
-     * The radius of the chip's corners.
-     * @default "full"
-     */
-    radius?: ChipRadius;
-    /**
-     * The visual content to start with.
-     */
-    startContent?: ReactNode;
-    /**
-     * The visual content to end with.
-     */
-    endContent?: ReactNode;
-    /**
-     * Whether the chip is selected.
-     */
-    isSelected?: boolean;
-    /**
-     * Whether the chip is selected by default (uncontrolled).
-     */
-    defaultSelected?: boolean;
-    /**
-     * Handler called when selection state changes.
-     */
-    onSelectionChange?: (isSelected: boolean) => void;
-    /**
-     * Whether the chip is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the chip displays a close button.
-     */
-    isCloseable?: boolean;
-    /**
-     * Handler called when the close button is clicked.
-     */
-    onClose?: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * 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
-     * <Chip classNames={{
-     *    base:"base-classes",
-     *    content: "content-classes",
-     *    closeButton: "close-button-classes",
-     * }} />
-     * ```
-     */
-    classNames?: {
-        base?: string;
-        content?: string;
-        startContent?: string;
-        endContent?: string;
-        closeButton?: string;
-    };
-    /**
-     * Additional style properties.
-     */
-    style?: React.CSSProperties;
-    /**
-     * The native id of the element.
-     */
-    id?: string;
-    /**
-     * The native tabIndex of the element.
-     */
-    tabIndex?: number;
-    /**
-     * Handler called when the chip is clicked.
-     */
-    onClick?: MouseEventHandler<HTMLElement>;
-    /**
-     * Handler called when a key is pressed.
-     */
-    onKeyDown?: KeyboardEventHandler<HTMLElement>;
+export interface ChipProps extends Omit<
+  HTMLMotionProps<"div">,
+  "onClick" | "onKeyDown" | "color" | "ref"
+> {
+  /**
+   * Value of the chip, used for ChipGroup.
+   */
+  value?: string;
+  /**
+   * Content to be rendered inside the chip.
+   */
+  children?: ReactNode;
+  /**
+   * The variant style of the chip.
+   * @default "solid"
+   */
+  variant?: ChipVariant;
+  /**
+   * The color theme of the chip.
+   * @default "default"
+   */
+  color?: ChipColor;
+  /**
+   * The size of the chip.
+   * @default "md"
+   */
+  size?: ChipSize;
+  /**
+   * The radius of the chip's corners.
+   * @default "full"
+   */
+  radius?: ChipRadius;
+  /**
+   * The visual content to start with.
+   */
+  startContent?: ReactNode;
+  /**
+   * The visual content to end with.
+   */
+  endContent?: ReactNode;
+  /**
+   * Whether the chip is selected.
+   */
+  isSelected?: boolean;
+  /**
+   * Whether the chip is selected by default (uncontrolled).
+   */
+  defaultSelected?: boolean;
+  /**
+   * Handler called when selection state changes.
+   */
+  onSelectionChange?: (isSelected: boolean) => void;
+  /**
+   * Whether the chip is disabled.
+   */
+  isDisabled?: boolean;
+  /**
+   * Whether the chip displays a close button.
+   */
+  isCloseable?: boolean;
+  /**
+   * Handler called when the close button is clicked.
+   */
+  onClose?: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>) => void;
+  /**
+   * 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
+   * <Chip classNames={{
+   *    base:"base-classes",
+   *    content: "content-classes",
+   *    closeButton: "close-button-classes",
+   * }} />
+   * ```
+   */
+  classNames?: {
+    base?: string;
+    content?: string;
+    startContent?: string;
+    endContent?: string;
+    closeButton?: string;
+  };
+  /**
+   * Additional style properties.
+   */
+  style?: React.CSSProperties;
+  /**
+   * The native id of the element.
+   */
+  id?: string;
+  /**
+   * The native tabIndex of the element.
+   */
+  tabIndex?: number;
+  /**
+   * Handler called when the chip is clicked.
+   */
+  onClick?: MouseEventHandler<HTMLElement>;
+  /**
+   * Handler called when a key is pressed.
+   */
+  onKeyDown?: KeyboardEventHandler<HTMLElement>;
 }
-export interface ChipGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "onKeyDown"> {
-    /**
-     * The chips to render.
-     */
-    children: ReactNode;
-    /**
-     * The current selected values (controlled).
-     */
-    value?: string[];
-    /**
-     * The default selected values (uncontrolled).
-     */
-    defaultValue?: string[];
-    /**
-     * The type of selection that is allowed.
-     * @default "single"
-     */
-    selectionMode?: "single" | "multiple";
-    /**
-     * Handler that is called when the selection changes.
-     */
-    onValueChange?: (value: string[]) => void;
-    /**
-     * Whether the chips are disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     * The shared variant style of the chips.
-     */
-    variant?: ChipVariant;
-    /**
-     * The shared color theme of the chips.
-     */
-    color?: ChipColor;
-    /**
-     * The shared size of the chips.
-     */
-    size?: ChipSize;
-    /**
-     * The shared radius of the chips.
-     */
-    radius?: ChipRadius;
-    /**
-     * Classname or List of classes to change the classNames of the element.
-     */
-    className?: string;
+export interface ChipGroupProps extends Omit<
+  HTMLAttributes<HTMLDivElement>,
+  "onChange" | "onKeyDown"
+> {
+  /**
+   * The chips to render.
+   */
+  children: ReactNode;
+  /**
+   * The current selected values (controlled).
+   */
+  value?: string[];
+  /**
+   * The default selected values (uncontrolled).
+   */
+  defaultValue?: string[];
+  /**
+   * The type of selection that is allowed.
+   * @default "single"
+   */
+  selectionMode?: "single" | "multiple";
+  /**
+   * Handler that is called when the selection changes.
+   */
+  onValueChange?: (value: string[]) => void;
+  /**
+   * Whether the chips are disabled.
+   */
+  isDisabled?: boolean;
+  /**
+   * The shared variant style of the chips.
+   */
+  variant?: ChipVariant;
+  /**
+   * The shared color theme of the chips.
+   */
+  color?: ChipColor;
+  /**
+   * The shared size of the chips.
+   */
+  size?: ChipSize;
+  /**
+   * The shared radius of the chips.
+   */
+  radius?: ChipRadius;
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   */
+  className?: string;
 }

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

@@ -1,5 +1,5 @@
-export * from './Chip';
-export * from './ChipGroup';
-export * from './chip.types';
-export * from './useChip';
-export * from './useChipGroup';
+export * from "./Chip";
+export * from "./ChipGroup";
+export * from "./chip.types";
+export * from "./useChip";
+export * from "./useChipGroup";

package/dist/components/chip/useChip.d.ts

@@ -1,28 +1,30 @@
-import { ChipProps } from './chip.types';
+import { ChipProps } from "./chip.types";
 
 export declare function useChip(props: ChipProps): {
-    isSelected: boolean;
-    isCloseable: boolean;
-    isDisabled: boolean;
-    isInteractive: boolean;
-    variant: import('./chip.types').ChipVariant;
-    color: import('./chip.types').ChipColor;
-    size: import('./chip.types').ChipSize;
-    radius: import('./chip.types').ChipRadius;
-    startContent: import('react').ReactNode;
-    endContent: import('react').ReactNode;
-    children: import('react').ReactNode;
-    classNames: {
+  isSelected: boolean;
+  isCloseable: boolean;
+  isDisabled: boolean;
+  isInteractive: boolean;
+  variant: import("./chip.types").ChipVariant;
+  color: import("./chip.types").ChipColor;
+  size: import("./chip.types").ChipSize;
+  radius: import("./chip.types").ChipRadius;
+  startContent: import("react").ReactNode;
+  endContent: import("react").ReactNode;
+  children: import("react").ReactNode;
+  classNames:
+    | {
         base?: string;
         content?: string;
         startContent?: string;
         endContent?: string;
         closeButton?: string;
-    } | undefined;
-    className: string | undefined;
-    value: string;
-    handleClick: (e: React.MouseEvent<HTMLElement>) => void;
-    handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
-    handleClose: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>) => void;
-    otherProps: any;
+      }
+    | undefined;
+  className: string | undefined;
+  value: string;
+  handleClick: (e: React.MouseEvent<HTMLElement>) => void;
+  handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+  handleClose: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLElement>) => void;
+  otherProps: any;
 };