rupoui 1.4.0 → 1.5.0

package/README.md

@@ -104,6 +104,74 @@ Apply custom themes using the `data-theme` attribute:
 
 ## 🧩 Components
 
+### Card
+
+A composable container component for grouping related content, with support for layout slots and interactive states.
+
+```tsx
+import { Button, Card, CardBody, CardFooter, CardHeader } from "rupoui";
+
+<Card radius="lg" shadow="sm" className="max-w-md">
+  <CardHeader>
+    <h4 className="text-lg font-semibold">Pro Plan</h4>
+    <p className="text-default-500 text-sm">Best for growing teams</p>
+  </CardHeader>
+  <CardBody>Includes analytics, priority support, and team collaboration features.</CardBody>
+  <CardFooter>
+    <Button fullWidth>Upgrade</Button>
+  </CardFooter>
+</Card>;
+```
+
+**Props:**
+
+- `variant`: `solid` (default), `bordered`, `flat`, `ghost`.
+- `color`: `default` (default), `primary`, `secondary`, `success`, `warning`, `danger`.
+- `radius`: `none`, `sm`, `md`, `lg`, `xl`.
+- `shadow`: `none` (default), `sm`, `md`, `lg`.
+- `isHoverable`, `isClickable`, `isBlurred`, `fullWidth`.
+- `classNames`: Slot styling for `base`, `header`, `body`, `footer`.
+
+### Accordion
+
+An accessible disclosure component for showing and hiding sections of content.
+
+```tsx
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "rupoui";
+
+<Accordion type="single" defaultValue="item-1" collapsible>
+  <AccordionItem value="item-1">
+    <AccordionTrigger>What is RupoUI?</AccordionTrigger>
+    <AccordionContent>
+      RupoUI is a modern React UI library built with TypeScript and Tailwind CSS.
+    </AccordionContent>
+  </AccordionItem>
+
+  <AccordionItem value="item-2">
+    <AccordionTrigger>Is it accessible?</AccordionTrigger>
+    <AccordionContent>
+      Yes. It supports ARIA semantics and keyboard interactions out of the box.
+    </AccordionContent>
+  </AccordionItem>
+</Accordion>;
+```
+
+**Props (Accordion):**
+
+- `type`: `single` (default) or `multiple`.
+- `value` / `defaultValue` / `onValueChange`: Controlled and uncontrolled state.
+- `collapsible`: Allows closing the open item in `single` mode.
+- `variant`: `solid` (default), `bordered`, `ghost`.
+- `color`: `default` (default), `primary`, `secondary`, `success`, `warning`, `danger`.
+- `radius`: `none`, `sm`, `md` (default), `lg`, `xl`.
+- `fullWidth`: Whether the accordion takes full width.
+- `classNames`: Slot styling for `base`, `item`, `trigger`, `triggerInner`, `indicator`, `content`, `contentInner`.
+
+**Accessibility & Keyboard:**
+
+- ARIA: `aria-expanded`, `aria-controls`, `role="region"`, `aria-labelledby`.
+- Keyboard: `Enter` / `Space` to toggle, `ArrowUp` / `ArrowDown` to move focus, `Home` / `End` for first/last trigger.
+
 ### Button
 
 A versatile button component with support for loading states and icons.
@@ -253,8 +321,8 @@ import { DatePicker } from "rupoui";
 A component for selecting a start and end date with calendar range selection, hover preview, and text/segmented input modes.
 
 ```tsx
-import { DateRangePicker } from "rupoui";
 import { useState } from "react";
+import { DateRangePicker } from "rupoui";
 
 const Example = () => {
   const [range, setRange] = useState<{ start: Date | null; end: Date | null }>({
@@ -264,11 +332,7 @@ const Example = () => {
 
   return (
     <>
-      <DateRangePicker
-        label="Travel Dates"
-        value={range}
-        onChange={setRange}
-      />
+      <DateRangePicker label="Travel Dates" value={range} onChange={setRange} />
 
       <DateRangePicker
         label="Range (Two Inputs)"
@@ -295,7 +359,7 @@ const Example = () => {
 - **Validation**: `isInvalid`, `isDisabled`, `isReadOnly`, `minDate`, `maxDate`, `disabledDates`.
 - **Range Input**:
   - `rangeInput`: `single` (default) or `two`.
-  - `separator`: separator string between start/end (default: ` – `).
+  - `separator`: separator string between start/end (default: `–`).
   - `inputMode`: `text` (default) or `segmented`.
 - **Style Variants**:
   - `variant`: `solid` (default), `bordered`, `flat`, `ghost`.

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AccordionProps } from './accordion.types';
+
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/AccordionContent.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AccordionContentProps } from './accordion.types';
+
+export declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AccordionItemProps } from './accordion.types';
+
+export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/AccordionTrigger.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AccordionTriggerProps } from './accordion.types';
+
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,214 @@
+export declare const accordion: import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: {
+            item: string;
+            trigger: string;
+        };
+        bordered: {
+            item: string;
+            trigger: string;
+        };
+        ghost: {
+            item: string;
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+            indicator: string;
+        };
+        primary: {
+            trigger: string;
+            indicator: string;
+        };
+        secondary: {
+            trigger: string;
+            indicator: string;
+        };
+        success: {
+            trigger: string;
+            indicator: string;
+        };
+        warning: {
+            trigger: string;
+            indicator: string;
+        };
+        danger: {
+            trigger: string;
+            indicator: string;
+        };
+    };
+    radius: {
+        none: {
+            item: string;
+        };
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+        xl: {
+            item: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    trigger: string;
+    triggerInner: string;
+    indicator: string;
+    content: string;
+    contentInner: string;
+}, undefined, {
+    variant: {
+        solid: {
+            item: string;
+            trigger: string;
+        };
+        bordered: {
+            item: string;
+            trigger: string;
+        };
+        ghost: {
+            item: string;
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+            indicator: string;
+        };
+        primary: {
+            trigger: string;
+            indicator: string;
+        };
+        secondary: {
+            trigger: string;
+            indicator: string;
+        };
+        success: {
+            trigger: string;
+            indicator: string;
+        };
+        warning: {
+            trigger: string;
+            indicator: string;
+        };
+        danger: {
+            trigger: string;
+            indicator: string;
+        };
+    };
+    radius: {
+        none: {
+            item: string;
+        };
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+        xl: {
+            item: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    trigger: string;
+    triggerInner: string;
+    indicator: string;
+    content: string;
+    contentInner: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: {
+            item: string;
+            trigger: string;
+        };
+        bordered: {
+            item: string;
+            trigger: string;
+        };
+        ghost: {
+            item: string;
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+            indicator: string;
+        };
+        primary: {
+            trigger: string;
+            indicator: string;
+        };
+        secondary: {
+            trigger: string;
+            indicator: string;
+        };
+        success: {
+            trigger: string;
+            indicator: string;
+        };
+        warning: {
+            trigger: string;
+            indicator: string;
+        };
+        danger: {
+            trigger: string;
+            indicator: string;
+        };
+    };
+    radius: {
+        none: {
+            item: string;
+        };
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+        xl: {
+            item: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    trigger: string;
+    triggerInner: string;
+    indicator: string;
+    content: string;
+    contentInner: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1,36 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import { accordion } from './accordion.styles';
+
+export type AccordionType = "single" | "multiple";
+export type AccordionVariant = "solid" | "bordered" | "ghost";
+export type AccordionColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+export type AccordionRadius = "none" | "sm" | "md" | "lg" | "xl";
+export type AccordionValue = string | string[] | null;
+export type AccordionSlots = keyof ReturnType<typeof accordion>;
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "value" | "color"> {
+    children: ReactNode;
+    type?: AccordionType;
+    value?: AccordionValue;
+    defaultValue?: AccordionValue;
+    onValueChange?: (value: AccordionValue) => void;
+    collapsible?: boolean;
+    variant?: AccordionVariant;
+    color?: AccordionColor;
+    radius?: AccordionRadius;
+    fullWidth?: boolean;
+    className?: string;
+    classNames?: Partial<Record<AccordionSlots, string>>;
+}
+export interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    value: string;
+    disabled?: boolean;
+}
+export interface AccordionTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
+    children: ReactNode;
+    indicator?: ReactNode;
+}
+export interface AccordionContentProps extends Omit<HTMLMotionProps<"div">, "ref"> {
+    children: ReactNode;
+}

package/dist/components/accordion/context.d.ts

@@ -0,0 +1,39 @@
+import { RefObject } from 'react';
+import { AccordionColor, AccordionProps, AccordionRadius, AccordionValue, AccordionVariant } from './accordion.types';
+
+type RegisteredTrigger = {
+    id: string;
+    ref: RefObject<HTMLButtonElement | null>;
+    disabled: boolean;
+};
+export interface AccordionContextValue {
+    type: NonNullable<AccordionProps["type"]>;
+    value: AccordionValue;
+    collapsible: boolean;
+    variant: NonNullable<AccordionVariant>;
+    color: NonNullable<AccordionColor>;
+    radius: NonNullable<AccordionRadius>;
+    fullWidth: boolean;
+    classNames?: AccordionProps["classNames"];
+    isItemOpen: (itemValue: string) => boolean;
+    toggleItem: (itemValue: string) => void;
+    registerTrigger: (trigger: RegisteredTrigger) => void;
+    unregisterTrigger: (id: string) => void;
+    focusNextTrigger: (currentId: string) => void;
+    focusPreviousTrigger: (currentId: string) => void;
+    focusFirstTrigger: () => void;
+    focusLastTrigger: () => void;
+}
+export interface AccordionItemContextValue {
+    value: string;
+    disabled: boolean;
+    isOpen: boolean;
+    triggerId: string;
+    contentId: string;
+    toggle: () => void;
+}
+export declare const AccordionContext: import('react').Context<AccordionContextValue | null>;
+export declare const AccordionItemContext: import('react').Context<AccordionItemContextValue | null>;
+export declare const useAccordionContext: () => AccordionContextValue;
+export declare const useAccordionItemContext: () => AccordionItemContextValue;
+export {};

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

@@ -0,0 +1,6 @@
+export * from './Accordion';
+export * from './AccordionContent';
+export * from './AccordionItem';
+export * from './AccordionTrigger';
+export * from './accordion.styles';
+export * from './accordion.types';

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

@@ -8,10 +8,10 @@ export declare function useCheckbox(props: CheckboxProps): {
     isDisabled: boolean;
     isReadOnly: boolean;
     isInvalid: boolean;
-    size: "sm" | "md" | "lg" | undefined;
-    color: "primary" | "secondary" | "success" | "warning" | "danger" | "default" | undefined;
-    radius: "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
-    variant: "solid" | "flat" | "ghost" | "bordered" | "light" | undefined;
+    size: "md" | "sm" | "lg" | undefined;
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
+    radius: "md" | "none" | "sm" | "lg" | "xl" | "full" | undefined;
+    variant: "solid" | "bordered" | "ghost" | "flat" | "light" | undefined;
     handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
     children: import('react').ReactNode;
     id: string | undefined;
@@ -22,21 +22,9 @@ export declare function useCheckbox(props: CheckboxProps): {
         disableAnimation?: boolean;
         classNames?: Partial<Record<import('./checkbox.types').CheckboxSlots, string>>;
         content?: string | undefined | undefined;
-        style?: import('react').CSSProperties | undefined;
-        onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
-        disabled?: boolean | undefined | undefined;
-        form?: string | undefined | undefined;
-        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-        formEncType?: string | undefined | undefined;
-        formMethod?: string | undefined | undefined;
-        formNoValidate?: boolean | undefined | undefined;
-        formTarget?: string | undefined | undefined;
-        type?: import('react').HTMLInputTypeAttribute | undefined;
-        defaultChecked?: boolean | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
+        defaultChecked?: boolean | undefined | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
@@ -53,6 +41,7 @@ export declare function useCheckbox(props: CheckboxProps): {
         nonce?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import('react').CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
         title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -231,7 +220,9 @@ export declare function useCheckbox(props: CheckboxProps): {
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
         onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
+        onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
@@ -241,6 +232,7 @@ export declare function useCheckbox(props: CheckboxProps): {
         onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
+        onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
         onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
@@ -290,6 +282,7 @@ export declare function useCheckbox(props: CheckboxProps): {
         onScrollEndCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
         onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
         onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
+        onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
         onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
         onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
         onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
@@ -305,6 +298,14 @@ export declare function useCheckbox(props: CheckboxProps): {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+        type?: import('react').HTMLInputTypeAttribute | undefined;
+        disabled?: boolean | undefined | undefined;
+        form?: string | undefined | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
         accept?: string | undefined | undefined;
         alt?: string | undefined | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
@@ -316,7 +317,6 @@ export declare function useCheckbox(props: CheckboxProps): {
         maxLength?: number | undefined | undefined;
         min?: number | string | undefined | undefined;
         minLength?: number | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
         pattern?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;

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

@@ -11,18 +11,13 @@ export declare function useCheckboxGroup(props: CheckboxGroupProps): {
     isReadOnly: boolean | undefined;
     isInvalid: boolean | undefined;
     orientation: "vertical" | "horizontal";
-    color: "primary" | "secondary" | "success" | "warning" | "danger" | "default" | undefined;
-    size: "sm" | "md" | "lg" | undefined;
-    radius: "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
-    variant: "solid" | "flat" | "ghost" | "bordered" | "light" | undefined;
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
+    size: "md" | "sm" | "lg" | undefined;
+    radius: "md" | "none" | "sm" | "lg" | "xl" | "full" | undefined;
+    variant: "solid" | "bordered" | "ghost" | "flat" | "light" | undefined;
     otherProps: {
         classNames?: Partial<Record<import('./checkbox.types').CheckboxGroupSlots, string>>;
         content?: string | undefined | undefined;
-        style?: import('react').CSSProperties | undefined;
-        onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-        onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
@@ -41,6 +36,7 @@ export declare function useCheckboxGroup(props: CheckboxGroupProps): {
         nonce?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import('react').CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
         title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -219,7 +215,9 @@ export declare function useCheckboxGroup(props: CheckboxGroupProps): {
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragEndCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragEnter?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragEnterCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
@@ -229,6 +227,7 @@ export declare function useCheckboxGroup(props: CheckboxGroupProps): {
         onDragLeaveCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragOver?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragOverCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragStartCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDrop?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDropCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
@@ -278,6 +277,7 @@ export declare function useCheckboxGroup(props: CheckboxGroupProps): {
         onScrollEndCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
         onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
         onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;

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

@@ -5,7 +5,7 @@ export declare function useChipGroup(props: ChipGroupProps): {
     contextValue: {
         groupState: string[];
         setGroupState: (newValue: string[]) => void;
-        selectionMode: "multiple" | "single";
+        selectionMode: "single" | "multiple";
         isDisabled: boolean;
         color: import('./chip.types').ChipColor;
         size: import('./chip.types').ChipSize;
@@ -17,11 +17,6 @@ export declare function useChipGroup(props: ChipGroupProps): {
     className: string | undefined;
     otherProps: {
         content?: string | undefined | undefined;
-        style?: import('react').CSSProperties | undefined;
-        onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
-        onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-        onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
-        onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         defaultChecked?: boolean | undefined | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
@@ -39,6 +34,7 @@ export declare function useChipGroup(props: ChipGroupProps): {
         nonce?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import('react').CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
         title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
@@ -216,7 +212,9 @@ export declare function useChipGroup(props: ChipGroupProps): {
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragEndCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragEnter?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragEnterCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
@@ -226,6 +224,7 @@ export declare function useChipGroup(props: ChipGroupProps): {
         onDragLeaveCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragOver?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragOverCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDragStartCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDrop?: import('react').DragEventHandler<HTMLDivElement> | undefined;
         onDropCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
@@ -275,6 +274,7 @@ export declare function useChipGroup(props: ChipGroupProps): {
         onScrollEndCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
         onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
         onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;

package/dist/components/input-number/InputNumber.d.ts

@@ -27,4 +27,4 @@ export declare const InputNumber: React.ForwardRefExoticComponent<{
     isReadOnly?: boolean;
     fullWidth?: boolean;
     classNames?: Partial<Record<"base" | "label" | "inputWrapper" | "input" | "buttonIncrement" | "buttonDecrement" | "controlsWrapper" | "description" | "errorMessage", string>>;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "color" | "onChange" | "size" | "max" | "min" | "step"> & React.RefAttributes<HTMLInputElement>>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "onChange" | "defaultValue" | "value" | "size" | "max" | "min" | "step"> & React.RefAttributes<HTMLInputElement>>;