react-start-kit-shared 1.0.0

package/dist/types/components/form/MyDatePicker.d.ts

@@ -0,0 +1,43 @@
+import { FieldValues } from 'react-hook-form';
+import { CalendarProps } from 'react-start-kit/calendar';
+import { FormItemProps, InputProps } from 'react-start-kit/form';
+/**
+ * Props for the MyDatePicker component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyDatePickerProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & Omit<CalendarProps, 'mode' | 'disabled' | 'required'> & {
+    /** Date format string for display. */
+    format?: string;
+    /** Props passed to the underlying Input component. */
+    inputProps?: Omit<InputProps, 'onSelect'>;
+    /** Placeholder text when no date is selected. */
+    placeholder?: string;
+    /** Whether the date picker is disabled. */
+    disabled?: boolean;
+    /** When true, shows a TimePicker below the calendar for time selection. */
+    showTime?: true;
+    required?: true;
+};
+/**
+ * MyDatePicker shows a calendar popover to pick a single date, integrated with react-hook-form.
+ * Can also be used standalone when no control/name are provided.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the date picker.
+ * @param required - Whether the field is required.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param format - The date format for display.
+ * @param placeholder - The placeholder text when no date selected.
+ * @param floatingError - Whether to show the error message in a floating container.
+ * @param register - The `react-hook-form` register function.
+ * @param disabled - Whether the date picker is disabled.
+ * @param className - Additional CSS classes.
+ * @param showTime - When true, shows a TimePicker below the calendar for time selection.
+ * @param inputProps - Props passed to the underlying Input component.
+ * @param props - Calendar, button and form item props.
+ * @returns {JSX.Element | null} A date picker component integrated with react-hook-form, or null if name/control are missing.
+ */
+export declare const MyDatePicker: <TFieldValues extends FieldValues>({ control, name, label, required, rules, format, floatingError, placeholder, disabled, register, className, showTime, inputProps, ...props }: MyDatePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MyDatePicker.d.ts.map

package/dist/types/components/form/MyDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyDatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAEL,KAAK,aAAa,EAGnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,UAAU,EAChB,MAAM,sBAAsB,CAAC;AAQ9B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,IAC5D,aAAa,CAAC,YAAY,CAAC,GACzB,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IACtD,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB,CAAC;AAEN;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,GAAI,YAAY,SAAS,WAAW,EAAE,8IAe5D,iBAAiB,CAAC,YAAY,CAAC,mDAiFjC,CAAC"}

package/dist/types/components/form/MyDateRangePicker.d.ts

@@ -0,0 +1,26 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps } from 'react-start-kit/form';
+import { DateRangePickerProps } from '../datepicker';
+/**
+ * Props for the MyDateRangePicker component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyDateRangePickerProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & Omit<DateRangePickerProps, 'required'> & {
+    required?: true;
+};
+/**
+ * MyDateRangePicker renders a date range selector integrated with react-hook-form.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the date range picker.
+ * @param required - Whether the field is required.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param format - The date format for display.
+ * @param placeholder - The placeholder text when no date is selected.
+ * @param props - DateRangePicker props and form item props.
+ * @returns {JSX.Element | null} A date range picker integrated with react-hook-form, or null if name/control are missing
+ */
+export declare const MyDateRangePicker: <TFieldValues extends FieldValues>({ control, name, label, required, rules, placeholder, floatingError, ...props }: MyDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MyDateRangePicker.d.ts.map

package/dist/types/components/form/MyDateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyDateRangePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAGnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE3E;;;GAGG;AACH,MAAM,MAAM,sBAAsB,CAAC,YAAY,SAAS,WAAW,IACjE,aAAa,CAAC,YAAY,CAAC,GACzB,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB,CAAC;AAEN;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,GAAI,YAAY,SAAS,WAAW,EAAE,iFASjE,sBAAsB,CAAC,YAAY,CAAC,mDAkCtC,CAAC"}

package/dist/types/components/form/MyHtmlEditor.d.ts

@@ -0,0 +1,26 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, HtmlEditorProps } from 'react-start-kit/form';
+/**
+ * Props for the MyHtmlEditor component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyHtmlEditorProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & HtmlEditorProps & {
+    /** Whether the field is required. */
+    required?: boolean;
+};
+/**
+ * MyHtmlEditor is a rich-text HTML editor with optional react-hook-form integration.
+ * Works in both controlled (with control/name) and uncontrolled modes.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the HTML editor.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param required - Whether the field is required.
+ * @param floatingError - Whether to show the error message in a floating container.
+ * @param props - HtmlEditor and form item props.
+ * @returns {JSX.Element | null} An HtmlEditor component with label, helper text, and validation message, or null if name/control are missing
+ */
+export declare const MyHtmlEditor: <TFieldValues extends FieldValues>({ control, name, label, rules, required, floatingError, ...props }: MyHtmlEditorProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MyHtmlEditor.d.ts.map

package/dist/types/components/form/MyHtmlEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyHtmlEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyHtmlEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,IAC5D,aAAa,CAAC,YAAY,CAAC,GACzB,eAAe,GAAG;IAChB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,GAAI,YAAY,SAAS,WAAW,EAAE,oEAQ5D,iBAAiB,CAAC,YAAY,CAAC,mDA4BjC,CAAC"}

package/dist/types/components/form/MyInput.d.ts

@@ -0,0 +1,24 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, InputProps } from 'react-start-kit/form';
+/**
+ * Props for the MyInput component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyInputProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & InputProps;
+/**
+ * MyInput is a form-aware input field that integrates with react-hook-form.
+ * Works in both controlled (with control/name) and uncontrolled modes.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the input.
+ * @param required - Whether the field is required.
+ * @param className - Custom CSS class name.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param floatingError - Whether to show the error message in a floating container.
+ * @param props - Input and form item props.
+ * @returns {JSX.Element | null} An input field with form integration and validation, or null if name/control are missing
+ */
+export declare const MyInput: <TFieldValues extends FieldValues>({ control, name, label, required, className, rules, floatingError, ...props }: MyInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MyInput.d.ts.map

package/dist/types/components/form/MyInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,UAAU,EAChB,MAAM,sBAAsB,CAAC;AAG9B;;;GAGG;AACH,MAAM,MAAM,YAAY,CAAC,YAAY,SAAS,WAAW,IACvD,aAAa,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC;AAE3C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,OAAO,GAAI,YAAY,SAAS,WAAW,EAAE,+EASvD,YAAY,CAAC,YAAY,CAAC,mDA6C5B,CAAC"}

package/dist/types/components/form/MyMaskInput.d.ts

@@ -0,0 +1,28 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, MaskInputProps } from 'react-start-kit/form';
+/**
+ * Props for the MyMaskInput component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyMaskInputProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & MaskInputProps & {
+    /** Whether the field is required. */
+    required?: boolean;
+};
+/**
+ * MyMaskInput is an input component with masking support and optional react-hook-form integration.
+ * Works in both controlled (with control/name) and uncontrolled modes. By default it uses a space as
+ * thousands separator, underscores as placeholder characters, lazy formatting disabled, and returns
+ * unmasked value on change.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the mask input.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param required - Whether the field is required.
+ * @param floatingError - Whether to show the error message in a floating container.
+ * @param props - MaskInput and form item props.
+ * @returns {JSX.Element | null} A masked input with label, helper text, and validation message, or null if name/control are missing
+ */
+export declare const MyMaskInput: <TFieldValues extends FieldValues>({ control, name, label, rules, required, floatingError, ...props }: MyMaskInputProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MyMaskInput.d.ts.map

package/dist/types/components/form/MyMaskInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyMaskInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyMaskInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,cAAc,EACpB,MAAM,sBAAsB,CAAC;AAG9B;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,YAAY,SAAS,WAAW,IAC3D,aAAa,CAAC,YAAY,CAAC,GACzB,cAAc,GAAG;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEN;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,GAAI,YAAY,SAAS,WAAW,EAAE,oEAQ3D,gBAAgB,CAAC,YAAY,CAAC,mDAyChC,CAAC"}

package/dist/types/components/form/MyRadio.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, RadioGroupItem } from 'react-start-kit/form';
+type RadioItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupItem>;
+/**
+ * Props for the MyRadio component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyRadioProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & RadioItemProps;
+/**
+ * MyRadio is a radio input that can integrate with react-hook-form when control and name are provided.
+ * Falls back to an uncontrolled radio item when not used inside a form.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the radio input.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param value - The value of the radio input.
+ * @param props - Radio item and form item props.
+ * @returns {JSX.Element | null} A radio button item with form integration, or null if name/control are missing
+ */
+declare const MyRadio: <TFieldValues extends FieldValues>({ control, name, label, rules, value, ...props }: MyRadioProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+export { MyRadio };
+//# sourceMappingURL=MyRadio.d.ts.map

package/dist/types/components/form/MyRadio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAElB,cAAc,EACf,MAAM,sBAAsB,CAAC;AAE9B,KAAK,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,YAAY,CAAC,YAAY,SAAS,WAAW,IACvD,aAAa,CAAC,YAAY,CAAC,GAAG,cAAc,CAAC;AAE/C;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,OAAO,GAAI,YAAY,SAAS,WAAW,EAAE,kDAOhD,YAAY,CAAC,YAAY,CAAC,mDAgC5B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/types/components/form/MySelect.d.ts

@@ -0,0 +1,29 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, ReactSelectProps } from 'react-start-kit/form';
+/**
+ * Props for the MySelect component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MySelectProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & ReactSelectProps & {
+    /** Optional callback for change events. */
+    onChange?: (value: unknown) => void;
+};
+/**
+ * MySelect wraps a ReactSelect with react-hook-form support.
+ * Can also be used standalone when no control/name are provided.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the select.
+ * @param required - Whether the field is required.
+ * @param className - Custom CSS class name.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param options - The options to display in the select.
+ * @param onChange - Optional callback for change events.
+ * @param floatingError - Whether to show the error message in a floating container.
+ * @param props - Select and form item props.
+ * @returns {JSX.Element | null} A select component integrated with react-hook-form, or null if name/control are missing
+ */
+export declare const MySelect: <TFieldValues extends FieldValues>({ control, name, label, required, className, rules, options, onChange, floatingError, ...props }: MySelectProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MySelect.d.ts.map

package/dist/types/components/form/MySelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MySelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MySelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAG9B;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,YAAY,SAAS,WAAW,IACxD,aAAa,CAAC,YAAY,CAAC,GACzB,gBAAgB,GAAG;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEN;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ,GAAI,YAAY,SAAS,WAAW,EAAE,kGAWxD,aAAa,CAAC,YAAY,CAAC,mDA6C7B,CAAC"}

package/dist/types/components/form/MyShadcnSelect.d.ts

@@ -0,0 +1,39 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, Option } from 'react-start-kit/form';
+/**
+ * Props for the MyShadcnSelect component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyShadcnSelectProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & {
+    /** Array of options to display in the select dropdown. */
+    options?: Option[];
+    /** Placeholder text when no option is selected. */
+    placeholder?: string;
+    /** Additional CSS classes. */
+    className?: string;
+    /** Whether the select is disabled. */
+    disabled?: boolean;
+    /** Callback fired when the selected value changes. */
+    onChange?: (value: string | number) => void;
+    /** Whether the field is required. */
+    required?: boolean;
+};
+/**
+ * MyShadcnSelect is a native Shadcn select component integrated with react-hook-form.
+ * Renders a dropdown select with customizable options and validation support.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the select.
+ * @param required - Whether the field is required.
+ * @param className - Additional CSS classes.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param options - Array of options to display in the select dropdown.
+ * @param placeholder - Placeholder text when no option is selected.
+ * @param disabled - Whether the select is disabled.
+ * @param onChange - Callback fired when the selected value changes.
+ * @returns {JSX.Element | false} A select component integrated with react-hook-form, or false if name/control are missing
+ */
+export declare const MyShadcnSelect: <TFieldValues extends FieldValues>({ control, name, label, required, className, rules, options, placeholder, disabled, onChange, }: MyShadcnSelectProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | undefined;
+//# sourceMappingURL=MyShadcnSelect.d.ts.map

package/dist/types/components/form/MyShadcnSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyShadcnSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyShadcnSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAWL,KAAK,aAAa,EAClB,KAAK,MAAM,EACZ,MAAM,sBAAsB,CAAC;AAG9B;;;GAGG;AACH,MAAM,MAAM,mBAAmB,CAAC,YAAY,SAAS,WAAW,IAC9D,aAAa,CAAC,YAAY,CAAC,GAAG;IAC5B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,GAAI,YAAY,SAAS,WAAW,EAAE,iGAW9D,mBAAmB,CAAC,YAAY,CAAC,wDA6DnC,CAAC"}

package/dist/types/components/form/MySwitch.d.ts

@@ -0,0 +1,20 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, SwitchProps } from 'react-start-kit/form';
+/**
+ * Props for the MySwitch component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MySwitchProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & SwitchProps;
+/**
+ * MySwitch is a toggle switch with optional react-hook-form integration.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the switch.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param props - Switch and form item props.
+ * @returns A toggle switch component, or null if name or control are missing.
+ */
+export declare const MySwitch: <TFieldValues extends FieldValues>({ control, name, label, rules, ...props }: MySwitchProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MySwitch.d.ts.map

package/dist/types/components/form/MySwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MySwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MySwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAGlB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,YAAY,SAAS,WAAW,IACxD,aAAa,CAAC,YAAY,CAAC,GAAG,WAAW,CAAC;AAE5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,YAAY,SAAS,WAAW,EAAE,2CAMxD,aAAa,CAAC,YAAY,CAAC,mDA4B7B,CAAC"}

package/dist/types/components/form/MyTextarea.d.ts

@@ -0,0 +1,24 @@
+import { FieldValues } from 'react-hook-form';
+import { FormItemProps, TextareaProps } from 'react-start-kit/form';
+/**
+ * Props for the MyTextarea component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyTextareaProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & TextareaProps;
+/**
+ * MyTextarea is a textarea component with optional react-hook-form integration.
+ * Supports floating error message styling.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the textarea.
+ * @param required - Whether the field is required.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param className - Custom CSS class name.
+ * @param floatingError - Whether to show the error message in a floating container.
+ * @param props - Textarea and form item props.
+ * @returns {JSX.Element | null} A textarea component integrated with react-hook-form, or null if name/control are missing
+ */
+export declare const MyTextarea: <TFieldValues extends FieldValues>({ control, name, label, required, rules, className, floatingError, ...props }: MyTextareaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MyTextarea.d.ts.map

package/dist/types/components/form/MyTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyTextarea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAIL,KAAK,aAAa,EAIlB,KAAK,aAAa,EACnB,MAAM,sBAAsB,CAAC;AAG9B;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,WAAW,IAC1D,aAAa,CAAC,YAAY,CAAC,GAAG,aAAa,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,GAAI,YAAY,SAAS,WAAW,EAAE,+EAS1D,eAAe,CAAC,YAAY,CAAC,mDAqC/B,CAAC"}

package/dist/types/components/form/MyTimePicker.d.ts

@@ -0,0 +1,29 @@
+import { FieldValues } from 'react-hook-form';
+import { TimePickerProps } from 'react-start-kit/calendar';
+import { FormItemProps } from 'react-start-kit/form';
+/**
+ * Props for the MyTimePicker component.
+ * @template TFieldValues - The type of the form values.
+ */
+export type MyTimePickerProps<TFieldValues extends FieldValues> = FormItemProps<TFieldValues> & TimePickerProps & {
+    /** Whether the field is required. */
+    required?: boolean;
+    /** Custom CSS class name. */
+    className?: string;
+};
+/**
+ * MyTimePicker is a time selection input with optional react-hook-form integration.
+ *
+ * @template TFieldValues - Form values type used by react-hook-form.
+ * @param control - The `react-hook-form` control object.
+ * @param name - The name of the field in `react-hook-form`.
+ * @param label - The label to display for the time picker.
+ * @param required - Whether the field is required.
+ * @param className - Custom CSS class name.
+ * @param rules - The `react-hook-form` validation rules.
+ * @param floatingError - Whether to show the error message in a floating container.
+ * @param props - TimePicker and form item props.
+ * @returns {JSX.Element} A time picker component integrated with react-hook-form, or standalone TimePicker if no form integration
+ */
+export declare const MyTimePicker: <TFieldValues extends FieldValues>({ control, name, label, required, className, rules, floatingError, ...props }: MyTimePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MyTimePicker.d.ts.map

package/dist/types/components/form/MyTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form/MyTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAIL,KAAK,aAAa,EAGnB,MAAM,sBAAsB,CAAC;AAG9B;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,IAC5D,aAAa,CAAC,YAAY,CAAC,GACzB,eAAe,GAAG;IAChB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,GAAI,YAAY,SAAS,WAAW,EAAE,+EAS5D,iBAAiB,CAAC,YAAY,CAAC,4CA2BjC,CAAC"}

package/dist/types/components/form/index.d.ts

@@ -0,0 +1,14 @@
+export * from 'react-start-kit/form';
+export * from './MyCheckbox';
+export * from './MyDatePicker';
+export * from './MyDateRangePicker';
+export * from './MyHtmlEditor';
+export * from './MyInput';
+export * from './MyMaskInput';
+export * from './MyRadio';
+export * from './MySelect';
+export * from './MyShadcnSelect';
+export * from './MySwitch';
+export * from './MyTextarea';
+export * from './MyTimePicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/types/components/gallery/MyGallery.d.ts

@@ -0,0 +1,62 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Interface representing an image item in the gallery.
+ */
+export interface GalleryItem {
+    /** Unique identifier for the image. */
+    id: string;
+    /** URL of the full-resolution image. */
+    src: string;
+    /** URL of the thumbnail image. */
+    thumbnail: string;
+    /** Alt text for the image. */
+    alt: string;
+    /** Optional title or description for the image. */
+    title?: string;
+}
+/**
+ * Props for the Thumbnail component.
+ */
+export interface ThumbnailProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /** The gallery item to display as a thumbnail. */
+    image: GalleryItem;
+    /** The index of the item in the gallery. */
+    index: number;
+    /** Callback executed when the thumbnail is clicked. */
+    onClick: (index: number) => void;
+    /** URL used when the thumbnail image fails to load. */
+    fallbackImage?: string;
+}
+/**
+ * Interface representing a custom action button in the fullscreen view.
+ */
+export interface GalleryActionButton {
+    /** Icon to display on the button. */
+    icon: ReactNode;
+    /** Label for the button (used as title/tooltip). */
+    label: string;
+    /** Callback executed when the button is clicked. */
+    onClick: (image: GalleryItem) => void;
+    /** Custom CSS class name for the button. */
+    className?: string;
+}
+/**
+ * Props for the MyGallery component.
+ */
+export type MyGalleryProps = HTMLAttributes<HTMLDivElement> & {
+    /** Array of gallery items to display. */
+    images: GalleryItem[];
+    /** Additional props to pass to each thumbnail component. */
+    thumbnailProps?: ThumbnailProps;
+    /** URL used when an image fails to load. */
+    fallbackImage?: string;
+    /** Custom action buttons rendered in fullscreen. */
+    actionButtons?: GalleryActionButton[];
+    /** Whether to show image title overlay on thumbnails. */
+    hasInfo?: true;
+};
+/**
+ * Memoized MyGallery component.
+ */
+export declare const MyGallery: import('react').MemoExoticComponent<({ images, thumbnailProps, actionButtons, fallbackImage, className, hasInfo, ...props }: MyGalleryProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=MyGallery.d.ts.map

package/dist/types/components/gallery/MyGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/gallery/MyGallery.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,kCAAkC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,SAAS,CACV;IACC,kDAAkD;IAClD,KAAK,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,yCAAyC;IACzC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,yDAAyD;IACzD,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAwVF;;GAEG;AACH,eAAO,MAAM,SAAS,+HAvOnB,cAAc,6CAuOgC,CAAC"}

package/dist/types/components/gallery/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MyGallery';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/gallery/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/gallery/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,15 @@
+export * from 'react-toastify';
+export * from './actions';
+export * from './confirm';
+export * from './datatable';
+export * from './datepicker';
+export * from './empty';
+export * from './filters';
+export * from './form';
+export * from './loader';
+export * from './modal';
+export * from './pagination';
+export * from './scroll';
+export * from './theme';
+export * from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/types/components/loader/Loader.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+/**
+ * Loader shows a centered spinning indicator inside a container.
+ *
+ * @param props - Optional div HTML attributes.
+ * @returns {JSX.Element} A loader component with a spinning indicator.
+ */
+declare const Loader: (props?: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export default Loader;
+//# sourceMappingURL=Loader.d.ts.map

package/dist/types/components/loader/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C;;;;;GAKG;AACH,QAAA,MAAM,MAAM,GAAI,QAAQ,cAAc,CAAC,cAAc,CAAC,4CASrD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/components/loader/Spin.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+/**
+ * Props for the Spin component.
+ */
+export type SpinProps = HTMLAttributes<HTMLOrSVGElement>;
+/**
+ * Spin renders a simple SVG spinner. You can override className to change size/color.
+ *
+ * @param props - Optional HTML/SVG attributes applied to the svg element.
+ * @returns {JSX.Element} An SVG spinner element.
+ */
+declare const Spin: (props?: SpinProps) => import("react/jsx-runtime").JSX.Element;
+export default Spin;
+//# sourceMappingURL=Spin.d.ts.map

package/dist/types/components/loader/Spin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/Spin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEzD;;;;;GAKG;AACH,QAAA,MAAM,IAAI,GAAI,QAAQ,SAAS,4CAwB9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/components/loader/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Loader } from './Loader';
+import { default as Spin } from './Spin';
+export { Loader, Spin };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC"}

package/dist/types/components/modal/MyModal.d.ts

@@ -0,0 +1,51 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import { ReactNode } from 'react';
+import { DialogContainerProps } from 'react-start-kit/dialog';
+/**
+ * Props for the MyModal component.
+ * Extends Radix UI's DialogProps.
+ *
+ * @typedef {Object} MyModalProps
+ * @property {ReactNode} [header] - The content to be displayed in the modal header.
+ * @property {ReactNode} [trigger] - The element that triggers the modal when clicked.
+ * @property {ReactNode} [children] - The main content of the modal.
+ * @property {ReactNode} [footer] - The content to be displayed in the modal footer.
+ * @property {string} [className] - Additional CSS classes for the modal content.
+ * @property {'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full'} [size='lg'] - The maximum width size of the modal.
+ * @property {DialogContainerProps['triggerProps']} [triggerProps] - Props passed to the DialogTrigger component.
+ * @property {DialogContainerProps['contentProps']} [contentProps] - Props passed to the DialogContent component.
+ */
+export type MyModalProps = DialogProps & DialogContainerProps & {
+    header?: ReactNode;
+    trigger?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    size?: 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+};
+/**
+ * A reusable modal component that wraps the Dialog component from react-start-kit.
+ * It provides a structured layout with a header, scrollable content area, and optional footer.
+ *
+ * @component
+ * @param {ReactNode} props.header - The content to be displayed in the modal header
+ * @param {ReactNode} props.footer - The content to be displayed in the modal footer
+ * @param {ReactNode} props.trigger - The element that triggers the modal when clicked
+ * @param {ReactNode} props.children - The main content of the modal
+ * @param {'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full'} props.size - The maximum width size of the modal (default: 'lg')
+ * @param {string} props.className - Additional CSS classes for the modal content
+ * @param {DialogContainerProps['triggerProps']} props.triggerProps - Props passed to the DialogTrigger component
+ * @param {DialogContainerProps['contentProps']} props.contentProps - Props passed to the DialogContent component
+ * @returns {JSX.Element} A modal dialog component
+ *
+ * @example
+ * <MyModal
+ *   header="User Settings"
+ *   trigger={<button>Open Settings</button>}
+ *   footer={<button onClick={save}>Save</button>}
+ * >
+ *   <p>Settings content goes here...</p>
+ * </MyModal>
+ */
+export declare const MyModal: ({ header, footer, trigger, children, size, className, triggerProps, contentProps, ...props }: MyModalProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MyModal.d.ts.map

package/dist/types/components/modal/MyModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyModal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/MyModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,oBAAoB,EAO1B,MAAM,wBAAwB,CAAC;AAGhC;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,oBAAoB,GAAG;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7E,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,GAAI,8FAUrB,YAAY,4CAgCd,CAAC"}

package/dist/types/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MyModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}