@rovula/ui 0.0.18 → 0.0.20

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 { FC } from "react";
-import { SelectSingleEventHandler } from "react-day-picker";
+import React, { FC } from "react";
+import { Modifiers } from "react-day-picker";
+import { InputProps } from "../TextInput/TextInput";
 type DatePickerProps = {
     date: Date | undefined;
-    onSelect: SelectSingleEventHandler;
+    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

@@ -3,7 +3,8 @@ declare const meta: {
     title: string;
     component: React.FC<{
         date: Date | undefined;
-        onSelect: import("react-day-picker").SelectSingleEventHandler;
+        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: {
@@ -11,7 +12,8 @@ declare const meta: {
     };
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         date: Date | undefined;
-        onSelect: import("react-day-picker").SelectSingleEventHandler;
+        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;

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

@@ -1,2 +1,23 @@
-declare function Search(props: any): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { DropdownProps } from "../Dropdown/Dropdown";
+export type SearchProps = DropdownProps;
+declare const Search: React.ForwardRefExoticComponent<{
+    id?: string | undefined;
+    label?: string | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    rounded?: "none" | "normal" | "full" | undefined;
+    variant?: "outline" | "flat" | "underline" | undefined;
+    helperText?: string | undefined;
+    errorMessage?: string | undefined;
+    filterMode?: boolean | undefined;
+    fullwidth?: boolean | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    required?: boolean | undefined;
+    className?: string | undefined;
+    options: import("../Dropdown/Dropdown").Options[];
+    value?: import("../Dropdown/Dropdown").Options | undefined;
+    onChangeText?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    onSelect?: ((value: import("../Dropdown/Dropdown").Options) => void) | undefined;
+} & Omit<import("../..").InputProps, "value"> & React.RefAttributes<HTMLInputElement>>;
 export { Search };