@rovula/ui 0.0.19 → 0.0.21

package/dist/cjs/types/components/ActionButton/ActionButton.stories.d.ts

@@ -37,7 +37,7 @@ declare const meta: {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -74,12 +74,12 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -106,7 +106,7 @@ declare const meta: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;

package/dist/cjs/types/components/ActionButton/ActionButton.styles copy.d.ts

@@ -0,0 +1,6 @@
+export declare const actionButtonVariants: (props?: ({
+    variant?: "solid" | "outline" | "icon" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    disabled?: boolean | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/cjs/types/components/Button/Button.styles copy.d.ts

@@ -0,0 +1,7 @@
+export declare const buttonVariants: (props?: ({
+    color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "solid" | "outline" | "flat" | "link" | null | undefined;
+    disabled?: boolean | null | undefined;
+    fullwidth?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/cjs/types/components/Button/Button.styles.d.ts

@@ -4,4 +4,5 @@ export declare const buttonVariants: (props?: ({
     variant?: "solid" | "outline" | "flat" | "link" | null | undefined;
     disabled?: boolean | null | undefined;
     fullwidth?: boolean | null | undefined;
+    icon?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/cjs/types/components/Button/Buttons.stories.d.ts

@@ -44,7 +44,7 @@ declare const meta: {
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -80,12 +80,12 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -112,7 +112,7 @@ declare const meta: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
@@ -307,6 +307,8 @@ export default meta;
 export declare const Solid: {
     args: {
         title: string;
+        disabled: false;
+        isLoading: false;
     };
     render: (args: {
         title?: string | undefined;
@@ -325,6 +327,8 @@ export declare const Outline: {
     args: {
         title: string;
         variant: "outline";
+        disabled: false;
+        isLoading: false;
     };
     render: (args: {
         title?: string | undefined;
@@ -343,6 +347,8 @@ export declare const Flat: {
     args: {
         title: string;
         variant: "flat";
+        disabled: false;
+        isLoading: false;
     };
     render: (args: {
         title?: string | undefined;
@@ -361,6 +367,8 @@ export declare const Link: {
     args: {
         title: string;
         variant: "link";
+        disabled: false;
+        isLoading: false;
     };
     render: (args: {
         title?: string | undefined;

package/dist/cjs/types/components/Calendar/Calendar.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { DayPicker } from "react-day-picker";
-import "react-day-picker/dist/style.css";
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Calendar {

package/dist/cjs/types/components/Calendar/Calendar.stories.d.ts

@@ -52,7 +52,7 @@ declare const meta: {
         title?: string | undefined;
         lang?: string | undefined;
         locale?: Partial<import("date-fns").Locale> | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 3 | 5 | 6 | undefined;
+        weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined;
         useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -152,7 +152,7 @@ declare const meta: {
         title?: string | undefined;
         lang?: string | undefined;
         locale?: Partial<import("date-fns").Locale> | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 3 | 5 | 6 | undefined;
+        weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined;
         useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -252,7 +252,7 @@ declare const meta: {
         title?: string | undefined;
         lang?: string | undefined;
         locale?: Partial<import("date-fns").Locale> | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 3 | 5 | 6 | undefined;
+        weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined;
         useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -354,7 +354,7 @@ declare const meta: {
         title?: string | undefined;
         lang?: string | undefined;
         locale?: Partial<import("date-fns").Locale> | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 3 | 5 | 6 | undefined;
+        weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined;
         useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -456,7 +456,7 @@ declare const meta: {
         title?: string | undefined;
         lang?: string | undefined;
         locale?: Partial<import("date-fns").Locale> | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 3 | 5 | 6 | undefined;
+        weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined;
         useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -559,7 +559,7 @@ declare const meta: {
         title?: string | undefined;
         lang?: string | undefined;
         locale?: Partial<import("date-fns").Locale> | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 3 | 5 | 6 | undefined;
+        weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined;
         useAdditionalDayOfYearTokens?: boolean | undefined;
@@ -662,7 +662,7 @@ declare const meta: {
         title?: string | undefined;
         lang?: string | undefined;
         locale?: Partial<import("date-fns").Locale> | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 4 | 3 | 5 | 6 | undefined;
+        weekStartsOn?: 0 | 2 | 1 | 4 | 3 | 5 | 6 | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined;
         useAdditionalDayOfYearTokens?: boolean | undefined;

package/dist/cjs/types/components/Checkbox/Checkbox.stories.d.ts

@@ -9,10 +9,10 @@ declare const meta: {
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         color?: string | undefined;
         disabled?: boolean | undefined;
-        title?: string | undefined;
-        children?: React.ReactNode;
         className?: string | undefined;
         form?: string | undefined;
+        title?: string | undefined;
+        children?: React.ReactNode;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -27,7 +27,7 @@ declare const meta: {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -63,12 +63,12 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -95,7 +95,7 @@ declare const meta: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;

package/dist/cjs/types/components/DatePicker/DatePicker.d.ts

@@ -1,8 +1,10 @@
 import React, { FC } from "react";
 import { Modifiers } from "react-day-picker";
+import { InputProps } from "../TextInput/TextInput";
 type DatePickerProps = {
     date: Date | undefined;
     onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: Modifiers, e: React.MouseEvent | React.KeyboardEvent) => void | undefined;
+    textInputProps?: Partial<InputProps>;
 };
 declare const DatePicker: FC<DatePickerProps>;
 export default DatePicker;

package/dist/cjs/types/components/DatePicker/DatePicker.stories.d.ts

@@ -4,6 +4,7 @@ declare const meta: {
     component: React.FC<{
         date: Date | undefined;
         onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined;
+        textInputProps?: Partial<import("../..").InputProps> | undefined;
     }>;
     tags: string[];
     parameters: {
@@ -12,6 +13,7 @@ declare const meta: {
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         date: Date | undefined;
         onSelect: (selected: Date | undefined, triggerDate: Date, modifiers: import("react-day-picker").Modifiers, e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void | undefined;
+        textInputProps?: Partial<import("../..").InputProps> | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts

@@ -44,10 +44,12 @@ declare const meta: {
         onChangeText?: React.ChangeEventHandler<HTMLInputElement> | undefined;
         onSelect?: (((value: Options) => void) & React.ReactEventHandler<HTMLInputElement>) | undefined;
         color?: string | undefined;
+        form?: string | undefined;
+        list?: string | undefined;
         title?: string | undefined;
         children?: React.ReactNode;
+        startIcon?: React.ReactNode;
         endIcon?: React.ReactNode;
-        form?: string | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -61,7 +63,7 @@ declare const meta: {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -96,12 +98,12 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -128,7 +130,7 @@ declare const meta: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
@@ -314,8 +316,8 @@ declare const meta: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-        list?: string | undefined;
         hasClearIcon?: boolean | undefined;
+        hasSearchIcon?: boolean | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;

package/dist/cjs/types/components/Input/Input.stories.d.ts

@@ -25,9 +25,10 @@ declare const meta: {
         hiddenPlaceholder?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        form?: string | undefined;
+        list?: string | undefined;
         title?: string | undefined;
         children?: React.ReactNode;
-        form?: string | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -42,7 +43,7 @@ declare const meta: {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -78,12 +79,12 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -110,7 +111,7 @@ declare const meta: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
@@ -297,7 +298,6 @@ declare const meta: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-        list?: string | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
@@ -334,9 +334,10 @@ export declare const Default: {
         hiddenPlaceholder?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        form?: string | undefined;
+        list?: string | undefined;
         title?: string | undefined;
         children?: React.ReactNode;
-        form?: string | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined;
         formMethod?: string | undefined;
@@ -351,7 +352,7 @@ export declare const Default: {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -387,12 +388,12 @@ export declare const Default: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -419,7 +420,7 @@ export declare const Default: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
@@ -606,7 +607,6 @@ export declare const Default: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-        list?: string | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;

package/dist/cjs/types/components/Label/Label.stories.d.ts

@@ -13,17 +13,17 @@ declare const meta: {
     };
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         color?: string | undefined;
-        title?: string | undefined;
-        children?: React.ReactNode;
         className?: string | undefined;
         form?: string | undefined;
+        title?: string | undefined;
+        children?: React.ReactNode;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -59,12 +59,12 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -91,7 +91,7 @@ declare const meta: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;

package/dist/cjs/types/components/Loading/Loading.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+type LoadingProps = {
+    size?: number;
+    color?: string;
+    trackColor?: string;
+    strokeWidth?: number;
+    percentage?: number;
+    animate?: boolean;
+    className?: string;
+    progressClassName?: string;
+    trackClassName?: string;
+};
+declare const Loading: React.FC<LoadingProps>;
+export default Loading;

package/dist/cjs/types/components/Loading/Loading.stories.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<{
+        size?: number | undefined;
+        color?: string | undefined;
+        trackColor?: string | undefined;
+        strokeWidth?: number | undefined;
+        percentage?: number | undefined;
+        animate?: boolean | undefined;
+        className?: string | undefined;
+        progressClassName?: string | undefined;
+        trackClassName?: string | undefined;
+    }>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        size?: number | undefined;
+        color?: string | undefined;
+        trackColor?: string | undefined;
+        strokeWidth?: number | undefined;
+        percentage?: number | undefined;
+        animate?: boolean | undefined;
+        className?: string | undefined;
+        progressClassName?: string | undefined;
+        trackClassName?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Default: {
+    args: {};
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/types/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+type ProgressBarProps = {
+    progress?: number;
+    color?: string;
+    gradientStart?: string;
+    gradientEnd?: string;
+    animationDuration?: number;
+    height?: number;
+    trackClassName?: string;
+    progressClassName?: string;
+};
+declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/cjs/types/components/ProgressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<{
+        progress?: number | undefined;
+        color?: string | undefined;
+        gradientStart?: string | undefined;
+        gradientEnd?: string | undefined;
+        animationDuration?: number | undefined;
+        height?: number | undefined;
+        trackClassName?: string | undefined;
+        progressClassName?: string | undefined;
+    }>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        progress?: number | undefined;
+        color?: string | undefined;
+        gradientStart?: string | undefined;
+        gradientEnd?: string | undefined;
+        animationDuration?: number | undefined;
+        height?: number | undefined;
+        trackClassName?: string | undefined;
+        progressClassName?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Default: {
+    args: {};
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Preview: {
+    args: {};
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts

@@ -9,9 +9,9 @@ declare const meta: {
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         color?: string | undefined;
         disabled?: boolean | undefined;
+        className?: string | undefined;
         title?: string | undefined;
         children?: React.ReactNode;
-        className?: string | undefined;
         name?: string | undefined;
         value?: string | undefined;
         defaultChecked?: boolean | undefined;
@@ -20,7 +20,7 @@ declare const meta: {
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: import("@radix-ui/react-roving-focus").Direction | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
@@ -56,12 +56,12 @@ declare const meta: {
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -88,7 +88,7 @@ declare const meta: {
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-live"?: "polite" | "off" | "assertive" | undefined;
         "aria-modal"?: (boolean | "true" | "false") | undefined;
         "aria-multiline"?: (boolean | "true" | "false") | undefined;
         "aria-multiselectable"?: (boolean | "true" | "false") | undefined;