@ainias42/react-bootstrap-mobile 1.0.1 → 1.0.3

package/.ctirc

@@ -0,0 +1,114 @@
+{
+  // Stream of cli spinner, you can pass stdout or stderr
+  //
+  // @mode all
+  // @default stdout
+  "spinnerStream": "stdout",
+  // Stream of cli progress, you can pass stdout or stderr
+  //
+  // @mode all
+  // @default stdout
+  "progressStream": "stdout",
+  // Stream of cli reasoner. Reasoner show name conflict error and already exist index.ts file error.
+  // You can pass stdout or stderr
+  //
+  // @mode all
+  // @default stderr
+  "reasonerStream": "stderr",
+  "options": [
+    {
+      // build mode
+      // - create: create an `index.ts` file in each directory
+      // - bundle: bundle all export information in one `index.ts` file
+      "mode": "bundle",
+      // tsconfig.json path: you must pass path with filename, like this "./tsconfig.json"
+      // only work root directory or cli parameter
+      //
+      // @mode all
+      "project": "tsconfig.json",
+      // Export filename, if you not pass this field that use "index.ts" or "index.d.ts"
+      //
+      // @mode create, bundle, remove
+      // @default index.ts
+      "exportFilename": "index.ts",
+      // add ctix comment at first line of creted index.ts file, that remark created from ctix
+      //
+      // @mode create, bundle
+      // @default false
+      "useSemicolon": true,
+      // add ctix comment at first line of creted index.ts file, that remark created from ctix
+      //
+      // @mode create, bundle
+      // @default false
+      "useBanner": false,
+      // If specified as true, adds the created date to the top of the `index.ts` file,
+      // this option only works if the `useBanner` option is enabled
+      //
+      // @mode create, bundle
+      // @default false
+      "useTimestamp": false,
+      // quote mark " or '
+      // @mode create, bundle
+      //
+      // @default '
+      "quote": "'",
+      // Use to add a literal like `"use strict"` to the top. It will be added before the banner.
+      //
+      // @mode create, bundle
+      "directive": "",
+      // keep file extension in export statement path
+      //
+      // if this option set true that see below
+      // export * from './test.ts'
+      //
+      // @mode create, bundle
+      // @default none
+      "fileExt": "none",
+      // overwrite each index.ts file
+      // @mode create, bundle
+      // @default false
+      "overwrite": true,
+      // Create a backup file if the `index.ts` file already exists.
+      // This option only works if the `overwrite` option is enabled.
+      //
+      // @mode create, bundle
+      // @default true
+      "backup": false,
+      // When generating the `index.ts` file, decide how you want to generate it
+      //
+      // @mode create, bundle
+      // @default auto
+      "generationStyle": "auto",
+      // A list of files to use when generating the index.ts file. If no value is set,
+      // the value of the include setting set in the tsconfig.json file will be used
+      //
+      // @mode create, bundle
+      "include": [
+        "src/**/*.tsx",
+        "src/**/*.ts"
+      ],
+      // A list of files to exclude when generating the index.ts file. If no value is set,
+      // the value of the exclude setting set in the tsconfig.json file is used
+      //
+      // @mode create, bundle
+      "exclude": [
+        "../../node_modules",
+        "dist/**/*",
+        "dist/src/**/*",
+        "src/**/*.stories.tsx",
+        "src/**/*.stories.ts"
+      ],
+      // Output directory. Default value is same project directory
+      // @mode bundle
+      "output": "./src",
+      // remove with backup file
+      // @mode remove
+      // @default false
+      "removeBackup": false,
+      // answer `yes` to all questions
+      // @mode remove
+      // @default false
+      "forceYes": false
+    }
+  ]
+}

package/.prettierrc

@@ -1,5 +1 @@
-{
-    "printWidth": 120,
-    "tabWidth": 4,
-    "singleQuote": true
-}
+"@ainias42/config/prettierrc.js"

package/.storybook/main.ts

@@ -0,0 +1,31 @@
+import { mergeConfig } from 'vite';
+import path from 'path';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import type { StorybookConfig } from '@storybook/react-vite';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+    return path.dirname(require.resolve(path.join(value, 'package.json')));
+}
+
+const config: StorybookConfig = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+        getAbsolutePath('@storybook/addon-docs'),
+        getAbsolutePath('@storybook/addon-onboarding'),
+        getAbsolutePath('@storybook/addon-themes'),
+    ],
+    framework: {
+        name: getAbsolutePath('@storybook/react-vite'),
+        options: {},
+    },
+    viteFinal(viteConfig) {
+        return mergeConfig(viteConfig, {
+            plugins: [tsconfigPaths()],
+        });
+    },
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,36 @@
+import '../react-bootstrap-mobile.scss';
+import { withThemeByClassName } from '@storybook/addon-themes';
+import type { Preview, ReactRenderer } from '@storybook/react-vite';
+
+const preview: Preview = {
+    parameters: {
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /date$/i,
+            },
+        },
+        layout: 'centered',
+        backgrounds: {
+            options: {
+                dark: { name: 'Dark', value: '#333' },
+                light: { name: 'Light', value: '#ebede6' },
+            },
+            value: 'light',
+        },
+    },
+    initialGlobals: {
+        backgrounds: { value: 'light' },
+    },
+    decorators: [
+        withThemeByClassName<ReactRenderer>({
+            themes: {
+                android: 'material-design',
+                ios: 'flat-design',
+            },
+            defaultTheme: 'ios',
+        }),
+    ],
+};
+
+export default preview;

package/bin/release.sh

@@ -1,39 +1,3 @@
 #! /bin/bash
 
-# Exit when a command fails
-set -e
-
-REPOSITORY=git@github.com:Ainias/react-bootstrap-mobile.git
-
-if [[ -z "$1" ]]; then
-  echo "versioname not given!"
-  exit;
-fi;
-
-versionName=$1
-versionExists="$(git ls-remote $REPOSITORY refs/tags/"$versionName"| tr -d '\n')"
-workingDir=$(pwd);
-
-if [ -n "$versionExists" ]; then
-	echo "Version existiert bereits!";
-	exit 1;
-fi;
-
-TMPDIR=$(mktemp -d)
-
-cd "$TMPDIR";
-git clone $REPOSITORY project
-cd project
-
-npm install
-npm run build:production
-git add -u
-git commit -m "pre-version-commit for version $versionName" || echo "no commit needed"
-npm version "$versionName"
-npm publish
-git push
-
-echo "$TMPDIR"
-
-cd "$workingDir"
-git pull
+../../bin/release.sh $1 react-bootstrap-mobile

package/bin/updatePackages.sh

@@ -0,0 +1,3 @@
+#! /bin/bash
+
+../../bin/updatePackages.sh react-bootstrap-mobile

package/dist/{src/Components → Components}/ActionSheet/ActionSheet.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ForwardedRef } from 'react';
-import { IconSource } from '../Icon/Icon';
+import type { ForwardedRef } from 'react';
+import type { IconSource } from '@/Components/Icon/Icon';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type ActionSheetAction<ActionData> = {
     name: string;
     icon?: IconSource;
     action: (data?: ActionData) => void;
     actionData?: ActionData;
-    isDeleteAction?: boolean;
+    isDestructive?: boolean;
 };
 export type ActionSheetHandle = {
     show: () => void;
@@ -20,4 +20,4 @@ export type ActionSheetProps = RbmComponentProps<{
     onClose?: () => void;
     ref?: ForwardedRef<ActionSheetHandle>;
 }>;
-export declare const ActionSheet: ({ title, actions, cancelText, className, onClose, style, ref }: ActionSheetProps) => React.JSX.Element;
+export declare const ActionSheet: ({ title, actions, cancelText, className, onClose, style, ref, }: ActionSheetProps) => React.JSX.Element;

package/dist/Components/ActionSheet/ActionSheet.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    component: ({ title, actions, cancelText, className, onClose, style, ref, }: import("@/Components/ActionSheet/ActionSheet").ActionSheetProps) => React.JSX.Element;
+    render: (args: import("@/Components/ActionSheet/ActionSheet").ActionSheetProps) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/Components/Card/Card.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ReactElement } from 'react';
+export type CardProps = RbmComponentProps<{
+    title?: string | ReactElement;
+    fullHeight?: boolean;
+    noPaddingHeight?: boolean;
+    noPaddingWidth?: boolean;
+    noPadding?: boolean;
+    noMargin?: boolean;
+}>;
+export declare const Card: ({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: CardProps) => React.JSX.Element;

package/dist/Components/Card/Card.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    component: ({ title, children, fullHeight, noPaddingHeight, noPadding, noPaddingWidth, noMargin, className, ...rbmProps }: import("@/Components/Card/Card").CardProps) => React.JSX.Element;
+    argTypes: {
+        children: {
+            control: false;
+        };
+    };
+    args: {
+        children: React.JSX.Element;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/{src/Components → Components}/Clickable/Clickable.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { OptionalListener } from '../Hooks/useListener';
-import { MouseEvent as ReactMouseEvent, ForwardedRef, MouseEvent, PointerEvent } from 'react';
+import type { ForwardedRef, MouseEvent, PointerEvent, MouseEvent as ReactMouseEvent } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 type OnClickListener<Data> = OptionalListener<'onClick', Data>;
 type OnPointerDownListener<Data> = OptionalListener<'onPointerDown', Data, PointerEvent>;
 type OnPointerUpListener<Data> = OptionalListener<'onPointerUp', Data, PointerEvent>;

package/dist/Components/Colors.stories.d.ts

@@ -0,0 +1,5 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {};
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;

package/dist/Components/Dialog/AlertDialog.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type AlertDialogProps = {
+    title?: string;
+    message: string;
+    close: () => void;
+    confirmText?: string;
+};
+export declare const AlertDialog: ({ title, message, close, confirmText, }: AlertDialogProps) => React.JSX.Element;

package/dist/Components/Dialog/AlertDialog.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: ({ title, message, close, confirmText, }: import("@/Components/Dialog/AlertDialog").AlertDialogProps) => React.JSX.Element;
+    decorators: (Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
+        title?: string | undefined;
+        message: string;
+        close: () => void;
+        confirmText?: string | undefined;
+    }>) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/{src/Components → Components}/Dialog/ButtonDialog.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { ReactElement } from 'react';
-import { RbmComponentProps, WithNoChildren } from '../RbmComponentProps';
-import { Flavor } from "../Flavor";
+import { Flavor } from '@/Components/Flavor';
+import type { RbmComponentProps, WithNoChildren } from '@/Components/RbmComponentProps';
+import type { ReactElement } from 'react';
 export type ButtonDialogProps = RbmComponentProps<{
     title?: string;
     message: string;

package/dist/Components/Dialog/ConfirmDialog.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type ConfirmDialogProps = {
+    title?: string;
+    message: string;
+    close: (confirmed: boolean) => void;
+    cancelText?: string;
+    confirmText?: string;
+};
+export declare const ConfirmDialog: ({ title, message, close, cancelText, confirmText, }: ConfirmDialogProps) => React.JSX.Element;

package/dist/Components/Dialog/ConfirmDialog.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    component: ({ title, message, close, cancelText, confirmText, }: import("@/Components/Dialog/ConfirmDialog").ConfirmDialogProps) => React.JSX.Element;
+    decorators: (Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
+        title?: string | undefined;
+        message: string;
+        close: (confirmed: boolean) => void;
+        cancelText?: string | undefined;
+        confirmText?: string | undefined;
+    }>) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/{src/Components → Components}/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
-import { ReactElement } from 'react';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+import type { ReactElement } from 'react';
 export type DialogProps<ReturnData> = RbmComponentProps<{
     closable?: boolean;
     onClose?: (data?: ReturnData, identifier?: number) => void;

package/dist/{src/Components → Components}/Dialog/DialogBackground.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { RbmComponentProps } from '../RbmComponentProps';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type DialogBackgroundProps = RbmComponentProps<{
     title?: string;
     onClose?: () => void;
 }>;
-export declare const DialogBackground: ({ children, className, style, title, onClose }: DialogBackgroundProps) => React.JSX.Element;
+export declare const DialogBackground: ({ children, className, style, title, onClose, }: DialogBackgroundProps) => React.JSX.Element;

package/dist/{src/Components → Components}/Dialog/DialogContainer.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ForwardedRef, PropsWithChildren } from 'react';
-import { ShowDialog } from './DialogContext';
+import type { ForwardedRef, PropsWithChildren } from 'react';
+import type { ShowDialog } from '@/Components/Dialog/DialogContext';
 export type DialogContainerProps = PropsWithChildren<{
     dialogClassName?: string;
     ref?: ForwardedRef<DialogContainerRef>;
@@ -8,4 +8,4 @@ export type DialogContainerProps = PropsWithChildren<{
 export type DialogContainerRef = {
     showDialog: ShowDialog;
 };
-export declare const DialogContainer: ({ children, dialogClassName, ref }: DialogContainerProps) => React.JSX.Element;
+export declare const DialogContainer: ({ children, dialogClassName, ref, }: DialogContainerProps) => React.JSX.Element;

package/dist/{src/Components → Components}/Dialog/DialogContext.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentType } from 'react';
-import { EmptyProps } from '../../helper/EmptyProps';
+import React from 'react';
+import type { ComponentType } from 'react';
+import type { EmptyProps } from '@/helper/EmptyProps';
 export type ShowDialog = <P = EmptyProps, R = any, C extends ComponentType<(P & {
     close: (result?: R) => void;
 }) | P> = ComponentType<(P & {

package/dist/{src/Components → Components}/DragAndDrop/DragItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
-import { DraggableProps } from 'react-beautiful-dnd';
+import type { DraggableProps } from '@hello-pangea/dnd';
+import type { RbmComponentProps, WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
 export type DragItemProps = RbmComponentProps<Omit<DraggableProps, 'children'>, WithNoStringAndChildrenProps>;
 declare function DragItem({ children, className, ...dragProps }: DragItemProps): React.JSX.Element;
 declare const DragItemMemo: typeof DragItem;

package/dist/{src/Components → Components}/DragAndDrop/DropArea.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
-import { DroppableProps } from 'react-beautiful-dnd';
+import type { DroppableProps } from '@hello-pangea/dnd';
+import type { RbmComponentProps, WithNoStringAndChildrenProps } from '@/Components/RbmComponentProps';
 export type DropAreaProps = RbmComponentProps<Omit<DroppableProps, 'children'>, WithNoStringAndChildrenProps>;
 export declare const DropArea: ({ children, style, className, ...dropProps }: DropAreaProps) => React.JSX.Element | null;

package/dist/{src/Components → Components}/FormElements/Button/Button.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { Override } from '@ainias42/js-helper';
-import { OptionalListener } from '../../Hooks/useListener';
-import { HTMLAttributes } from 'react';
-import { RbmComponentProps } from '../../RbmComponentProps';
-import { ButtonType } from "./ButtonType";
-import { Flavor } from "../../Flavor";
-import { Size } from "../../../Size";
+import { ButtonType } from '@/Components/FormElements/Button/ButtonType';
+import { Flavor } from '@/Components/Flavor';
+import { Size } from '@/Size';
+import type { HTMLAttributes } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { Override } from '@ainias42/js-helper';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
 export type ButtonProps<ClickData> = RbmComponentProps<Override<HTMLAttributes<HTMLButtonElement>, {
     type?: ButtonType;
     disabled?: boolean;
     flavor?: Flavor;
     fullWidth?: boolean;
     stopPropagation?: boolean;
-    size?: Omit<Size, "xxLarge" | "xLarge" | "large" | "xSmall">;
+    size?: Omit<Size, 'xxLarge' | 'xLarge' | 'large' | 'xSmall'>;
 } & OptionalListener<'onClick', ClickData>>>;
 export declare const Button: <ClickData>({ children, className, disabled, size, fullWidth, flavor, type, stopPropagation, ...props }: ButtonProps<ClickData>) => React.JSX.Element;

package/dist/Components/FormElements/Button/Button.stories.d.ts

@@ -0,0 +1,43 @@
+import { ButtonType } from '@/Components/FormElements/Button/ButtonType';
+import { Flavor } from '@/Components/Flavor';
+import { Size } from '@/Size';
+import React from 'react';
+import type { ButtonProps } from '@/Components/FormElements/Button/Button';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <ClickData>({ children, className, disabled, size, fullWidth, flavor, type, stopPropagation, ...props }: ButtonProps<ClickData>) => React.JSX.Element;
+    argTypes: {
+        flavor: {
+            control: {
+                type: "select";
+            };
+            options: Flavor[];
+        };
+        type: {
+            control: {
+                type: "select";
+            };
+            options: ButtonType[];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: (string | undefined)[];
+            mapping: {
+                medium: Size;
+                small: Size;
+            };
+        };
+        children: {
+            control: false;
+        };
+    };
+    render: (args: ButtonProps<unknown>) => React.JSX.Element;
+};
+export default meta;
+type Story = StoryObj<ButtonProps<any>>;
+export declare const Default: Story;
+export declare const Accent: Story;
+export declare const Destructive: Story;
+export declare const Constructive: Story;

package/dist/Components/FormElements/CheckBox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { InputHTMLAttributes } from 'react';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
+import type { Override } from '@ainias42/js-helper';
+import type { RbmComponentProps } from '@/Components/RbmComponentProps';
+export type CheckboxProps<OnChangeData, OnChangeCheckedData> = RbmComponentProps<Override<InputHTMLAttributes<HTMLInputElement>, {
+    label?: string;
+    children?: string;
+    isLabelBeforeCheckbox?: boolean;
+    error?: string;
+} & OptionalListener<'onChange', OnChangeData> & OptionalListener<'onChangeChecked', OnChangeCheckedData, boolean>>>;
+export declare const Checkbox: <OnChangeData, OnChangeCheckedData>({ children, label, isLabelBeforeCheckbox, id, className, error, style, ...props }: CheckboxProps<OnChangeData, OnChangeCheckedData>) => React.JSX.Element;

package/dist/Components/FormElements/CheckBox/Checkbox.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData, OnChangeCheckedData>({ children, label, isLabelBeforeCheckbox, id, className, error, style, ...props }: import("@/Components/FormElements/CheckBox/Checkbox").CheckboxProps<OnChangeData, OnChangeCheckedData>) => React.JSX.Element;
+    argTypes: {};
+    args: {
+        checked: false;
+        label: string;
+        isLabelBeforeCheckbox: false;
+        error: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithError: Story;

package/dist/{src/Components → Components}/FormElements/ColorInput/ColorInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ColorResult } from '@uiw/react-color';
-import { OptionalListener } from '../../Hooks/useListener';
+import type { ColorResult } from '@uiw/react-color';
+import type { OptionalListener } from '@/Components/Hooks/useListener';
 export type ColorInputProps<OnChangeData> = {
     defaultValue?: string;
     value?: string;
@@ -15,6 +15,4 @@ export type ColorInputProps<OnChangeData> = {
     error?: string;
     className?: string;
 } & OptionalListener<'onChange', OnChangeData, ColorResult>;
-declare function ColorInput<OnChangeData>({ defaultValue, value, label, onChangeColor, onOpen, onClose, disableAlpha, presetColors, error, sharedColorKey, disabled, className, ...otherProps }: ColorInputProps<OnChangeData>): React.JSX.Element;
-declare const ColorInputMemo: typeof ColorInput;
-export { ColorInputMemo as ColorInput };
+export declare const ColorInput: <OnChangeData>({ defaultValue, value, label, onChangeColor, onOpen, onClose, disableAlpha, presetColors, error, sharedColorKey, disabled, className, ...otherProps }: ColorInputProps<OnChangeData>) => React.JSX.Element;

package/dist/Components/FormElements/ColorInput/ColorInput.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    component: <OnChangeData>({ defaultValue, value, label, onChangeColor, onOpen, onClose, disableAlpha, presetColors, error, sharedColorKey, disabled, className, ...otherProps }: import("@/Components/FormElements/ColorInput/ColorInput").ColorInputProps<OnChangeData>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabelAndError: Story;

package/dist/{src/Components → Components}/FormElements/Controller/ColorInputController.d.ts

@@ -1,4 +1,4 @@
-export declare const ColorInputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../ColorInput/ColorInput").ColorInputProps<unknown>, "onBlur" | "name" | "value" | "onChangeColor"> & {
+export declare const ColorInputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("@/Components/FormElements/ColorInput/ColorInput").ColorInputProps<unknown>, "onBlur" | "name" | "value" | "onChangeColor"> & {
     name: Name;
 } & {
     ref?: import("react").ForwardedRef<never> | undefined;

package/dist/{src/Components → Components}/FormElements/Controller/FileInputController.d.ts

@@ -1,7 +1,7 @@
-import { FileInputProps } from "../Input/FileInput/FileInput";
-import React from "react";
-import { FieldPath, FieldValues } from "react-hook-form";
-type Props<Values extends FieldValues, Name extends FieldPath<Values> = FieldPath<Values>> = Omit<FileInputProps<unknown>, 'name' | 'onBlur' | 'ref' | 'value' | "__allowChildren" | "children" | "onChangeFile" | "error"> & {
+import React from 'react';
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { FileInputProps } from '@/Components/FormElements/Input/FileInput/FileInput';
+type Props<Values extends FieldValues, Name extends FieldPath<Values> = FieldPath<Values>> = Omit<FileInputProps<unknown>, 'name' | 'onBlur' | 'ref' | 'value' | '__allowChildren' | 'children' | 'onChangeFile' | 'error'> & {
     name: Name;
 };
 export declare const FileInputController: <Values extends FieldValues, Name extends FieldPath<Values> = FieldPath<Values>>({ name, ...otherProps }: Props<Values, Name>) => React.JSX.Element;

package/dist/Components/FormElements/Controller/HookForm.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Awaitable } from '@ainias42/js-helper';
+import type { FormProviderProps } from 'react-hook-form';
+type FieldValues = Record<string, any>;
+export type HookFormProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined> = FormProviderProps<TFieldValues, TContext, TTransformedValues> & {
+    onSave?: (partialNewData: Partial<TFieldValues>, newData: TFieldValues) => Awaitable<void>;
+    handleErrors?: (error: unknown) => [string, {
+        message: string;
+    }][];
+    onUnhandledError?: (error: unknown) => void;
+    isSaveOnChange?: boolean;
+    saveFullData?: boolean;
+};
+export declare const HookForm: <TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>({ children, isSaveOnChange, onSave, saveFullData, watch, getValues, setError, trigger, handleErrors, onUnhandledError, ...methods }: HookFormProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+export {};

package/dist/{src/Components → Components}/FormElements/Controller/InputController.d.ts

@@ -1,4 +1,4 @@
-export declare const InputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("../Input/Input").InputProps<unknown, unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
+export declare const InputController: <Values extends import("react-hook-form").FieldValues, Name extends import("react-hook-form").Path<Values> = import("react-hook-form").Path<Values>>({ name, ref, ...otherProps }: Omit<import("@/Components/FormElements/Input/Input").InputProps<unknown, unknown, unknown>, "onBlur" | "name" | "value" | "onChangeText"> & {
     name: Name;
 } & {
     ref?: import("react").ForwardedRef<HTMLInputElement> | undefined;