@hybr1d-tech/charizard 0.7.139 → 0.7.140

package/dist/index.d.ts

@@ -23,6 +23,7 @@ import { StylesConfig } from 'react-select';
 import { ToastOptions } from 'react-toastify';
 import { ToastPosition } from 'react-toastify';
 import { UseBoundStore } from 'zustand';
+import * as zagSwitch from '@zag-js/switch';
 
 export declare const Accordion: {
     ({ children, defaultActiveKey }: AccordionProps): JSX_2.Element;
@@ -335,6 +336,24 @@ declare interface CommonOptions {
     onClick?: (event: React_2.MouseEvent) => void;
 }
 
+/**
+ * Converts a timestamp to a formatted time string.
+ *
+ * @param {number} timestamp - The timestamp to convert (in milliseconds).
+ * @param {TIME_PICKER_FORMAT} [timeFormat=TIME_PICKER_FORMAT.STANDARD] - The desired time format (12-hour or 24-hour).
+ * @param {boolean} [enableSeconds=false] - Whether to include seconds in the formatted time string.
+ * @returns {string} - The formatted time string.
+ *
+ * @example
+ * // Returns "02:30 PM"
+ * convertFromTimestamp(1620000000000, TIME_PICKER_FORMAT.STANDARD);
+ *
+ * @example
+ * // Returns "14:30:45"
+ * convertFromTimestamp(1620000000000, TIME_PICKER_FORMAT.MILITARY, true);
+ */
+export declare const convertFromTimestamp: (timestamp: number, timeFormat?: TIME_PICKER_FORMAT, enableSeconds?: boolean) => string;
+
 /**
  * Converts a time string (e.g., "12:30 PM") to a timestamp
  * @param {string} timeString - The time string to convert
@@ -460,7 +479,7 @@ declare type CustomColCheckedState = {
 
 declare type DateConfig = Partial<DateRangePickerProps>;
 
-export declare function DatePicker({ value, onChange, mode, variant, displayDateFormat, errorMsg, disableDatepicker, disabled, buttonVariant, customContainerStyles, popoverConfig, isError, showOutsideDays, ...props }: DatePickerProps): JSX_2.Element;
+export declare function DatePicker({ value, onChange, mode, variant, displayDateFormat, errorMsg, disableDatepicker, disabled, buttonVariant, customContainerStyles, popoverConfig, isError, showOutsideDays, trigger, ...props }: DatePickerProps): JSX_2.Element;
 
 declare interface DatePickerProps extends PropsSingle {
     value?: Date | string;
@@ -485,9 +504,10 @@ declare interface DatePickerProps extends PropsSingle {
     };
     showOutsideDays?: boolean;
     disabled?: Matcher | Matcher[];
+    trigger?: React_2.ReactNode;
 }
 
-export declare function DateRangePicker({ value, onChange, mode, datePickerClassNames, showQuickSelect, disabled, customDisable, disableDatepicker, disableWeekends, showOutsideDays, errorMsg, customInputContentStyles, customClasses, size, onReset, placeholder, ...props }: DateRangePickerProps): JSX_2.Element;
+export declare function DateRangePicker({ value, onChange, mode, datePickerClassNames, showQuickSelect, disabled, customDisable, disableDatepicker, disableWeekends, showOutsideDays, errorMsg, customInputContentStyles, customClasses, size, onReset, placeholder, trigger, ...props }: DateRangePickerProps): JSX_2.Element;
 
 declare interface DateRangePickerProps extends PropsRange {
     value: DateRange;
@@ -511,6 +531,7 @@ declare interface DateRangePickerProps extends PropsRange {
     };
     size?: BUTTON_V2_SIZE;
     placeholder?: string;
+    trigger?: React_2.ReactNode;
 }
 
 /**
@@ -2611,6 +2632,33 @@ declare type SwitchProps = {
     title?: string;
 };
 
+/**
+ * SwitchV2 Component
+ *
+ * A custom switch component that utilizes `@zag-js/switch` for accessibility and state management.
+ * It includes an optional label, error message, and an info tooltip triggered by an info icon.
+ *
+ * The switch can be controlled via the `checked` prop and supports accessibility features like
+ * hidden inputs and keyboard navigation.
+ *
+ * @param {SwitchV2Props} props - The props for configuring the switch.
+ * @param {React.ReactNode} [props.children] - Optional label content displayed next to the switch.
+ * @param {string} [props.errorMsg] - Optional error message displayed below the switch.
+ * @param {string} [props.info] - Optional informational text that will be shown inside a tooltip.
+ * @param {Partial<TooltipV2Props>} [props.tooltipProps] - Optional tooltip configuration for the info icon.
+ * @param {boolean} [props.checked] - The checked state of the switch. Controls the on/off state if provided.
+ *
+ * @returns {JSX.Element} The rendered switch component with optional label, error message, and info tooltip.
+ */
+export declare function SwitchV2({ children, errorMsg, info, tooltipProps, ...props }: SwitchV2Props): JSX_2.Element;
+
+declare interface SwitchV2Props extends Omit<zagSwitch.Context, 'id'> {
+    children?: React_2.ReactNode;
+    errorMsg?: string;
+    info?: string;
+    tooltipProps?: Partial<TooltipV2Props>;
+}
+
 export declare const Tab: default_2.FC<TabProps>;
 
 export declare function Table({ data, loaderConfig, columns, filterConfig, sortConfig, rowSelectionConfig, actionsConfig, searchConfig, totalText, paginationConfig, emptyStateConfig, tableStyleConfig, customColumnConfig, exportConfig, }: TableProps): JSX_2.Element;