sy-ui-lib 1.0.11 → 1.0.13

package/dist/components/DatePicker/DatePicker.component.d.ts

@@ -1,28 +1,3 @@
 import { DatePickerProps } from './DatePicker.types';
-/**
- * A reusable and customizable date picker component that supports both
- * single date and date range selection using `react-day-picker`.
- *
- * @param {string} [title] - Optional button text placeholder. Default is "Select Date".
- * @param {(value: HandleSelectDatePicker) => void} selectedDate - Callback function
- *        triggered when the user applies a selected date or range.
- * @param {HandleSelectDatePicker} [value] - Controlled selected value (single date or date range).
- * @param {boolean} [fullWidth] - If true, the date picker will stretch to full width of its container.
- * @param {number} [maxPastDays] - Maximum number of past days selectable.
- * @param {number} [maxRangeDays] - Maximum range in days (for range mode).
- * @param {boolean} [currentSelected] - If true, today is pre-selected on mount.
- *
- * @returns {JSX.Element} The rendered DatePicker component.
- *
- * @example
- * <DatePicker
- *   title="Pick a date"
- *   fullWidth
- *   maxPastDays={30}
- *   maxRangeDays={14}
- *   currentSelected
- *   selectedDate={(value) => console.log("Selected:", value)}
- * />
- */
 declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;

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

@@ -5,6 +5,5 @@ export default meta;
 type Story = StoryObj<DatePickerProps>;
 export declare const Default: Story;
 export declare const CustomTitle: Story;
-export declare const CurrentDateSelected: Story;
 export declare const MaxPastDays: Story;
-export declare const MaxRangeDays: Story;
+export declare const Range: Story;

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

@@ -1,33 +1,30 @@
-import { DateRange } from 'react-day-picker';
-/**
- * The selection mode for the date picker.
- * - "single": For selecting a single date
- * - "range": For selecting a date range
- */
+import { ButtonSize } from '../Button';
+/** "single": For selecting a single date. "range": For selecting a date range*/
 export type DatePickerMode = "single" | "range";
-/**
- * Represents the value returned from the date picker based on the selected mode.
- * - `Date`: when mode is "single"
- * - `DateRange`: when mode is "range" (includes `from` and optional `to`)
- * - `undefined`: when no date is selected
- */
-export type HandleSelectDatePicker = Date | DateRange | undefined;
-/**
- * Props for the reusable DatePicker component.
- */
+/** Props for the reusable DatePicker component. */
 export interface DatePickerProps {
     /** Optional title/label to show above the date picker, default value "Select Date"  */
     title?: string;
-    /** Callback function that receives the selected date or date range */
-    selectedDate: (value: HandleSelectDatePicker) => void;
-    /** External selected value to control DatePicker state (single or range) */
-    value?: HandleSelectDatePicker;
-    /** Defines the size of the date picker ("sm" or "lg"). */
-    size?: "sm" | "lg" | "full";
-    /** Maximum number of past days selectable. */
+    /** Defines picker behavior */
+    variant?: DatePickerMode;
+    /** Selected date (controlled) */
+    value?: Date;
+    /** Callback when single date changes */
+    onChange?: (date: Date | undefined) => void;
+    /** Selected "from" date */
+    fromDate?: Date;
+    /** Selected "to" date */
+    toDate?: Date;
+    /** Callback when "from" date changes */
+    onFromChange?: (date: Date | undefined) => void;
+    /** Callback when "to" date changes */
+    onToChange?: (date: Date | undefined) => void;
+    /** Size of the picker */
+    size?: ButtonSize;
+    /** Maximum selectable past days */
     maxPastDays?: number;
-    /** Maximum range in days (for range mode).*/
+    /** Maximum selectable past days */
     maxRangeDays?: number;
-    /** If true, today is pre-selected on mount.*/
+    /** If true, today is pre-selected on mount. */
     currentSelected?: boolean;
 }

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

@@ -1,3 +1,4 @@
+import { ButtonSize } from '../Button';
 /**
  * Represents an individual option in the dropdown.
  */
@@ -12,7 +13,7 @@ export interface DropdownProps {
     /** The fallback label to display when no option is selected. */
     label: string;
     /** Defines the size of the dropdown button and options. default value is "sm" */
-    size?: "sm" | "lg" | "full";
+    size?: ButtonSize;
     /** List of dropdown options available for selection. */
     options: DropdownOptionValues[];
     /** Currently selected option. Must be one of the items from `options`. */

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

@@ -1,3 +1,4 @@
+import { ButtonSize } from '../Button';
 export interface MultiSelectOptionValues {
     /** The visible label shown in the dropdown list and selected state */
     label: string;
@@ -9,7 +10,7 @@ export interface MultiSelectDropdownProps {
     /** The fallback label to display when no option is selected. */
     label: string;
     /** Defines the size of the dropdown button and options. default value is "sm" */
-    size?: "sm" | "lg" | "full";
+    size?: ButtonSize;
     /** List of dropdown options available for selection. */
     options: MultiSelectOptionValues[];
     /** Currently selected option. Must be one of the items from `options`. */

package/dist/components/SnackBar/SnackBar.component.d.ts

@@ -33,7 +33,7 @@ import { SnackBarProps } from './SnackBar.types';
  * });
  *
  * @component
- * @param {string} message - The message text to show in the snackbar.
+ * @param {React.ReactNode} message - The message text / custom UI to show in the snackbar.
  * @param {"info" | "success" | "error"} [type="info"] - The type of snackbar (affects color).
  * @param {"default" | "action" | "dismiss"} [variant="default"] - Type of interaction allowed.
  * @param {number} [duration=3000] - Duration in milliseconds before it auto-dismisses.

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

@@ -17,7 +17,7 @@ export interface DismissProps {
 /** Base props common to all snackbar variants */
 interface SnackBarBaseProps {
     /** Message text to display in the snackbar */
-    message: string;
+    message: React.ReactNode;
     /** Time (in milliseconds) before the snackbar auto-dismisses */
     duration?: number;
     /** Type of message (info, success, error) to control the snackbar color */

package/dist/components/SnackBar/SnackbarFetcher.d.ts

@@ -29,10 +29,10 @@ type SnackbarOptions = {
 /** Trigger global snackbars.*/
 export declare const snackbar: {
     /** Show success snackbar */
-    success: (message: string, options?: SnackbarOptions) => void;
+    success: (message: React.ReactNode, options?: SnackbarOptions) => void;
     /** Show error snackbar */
-    error: (message: string, options?: SnackbarOptions) => void;
+    error: (message: React.ReactNode, options?: SnackbarOptions) => void;
     /** Show info snackbar */
-    info: (message: string, options?: SnackbarOptions) => void;
+    info: (message: React.ReactNode, options?: SnackbarOptions) => void;
 };
 export {};