@clasing/ui 0.1.57 → 0.1.59

package/dist/index.d.ts

@@ -87,6 +87,8 @@ export declare const buttonStyles: (props?: ({
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Calendar: React.FC<ICalendarProps>;
+
 export declare const Card: ForwardRefExoticComponent<ICardProps & RefAttributes<HTMLDivElement>>;
 
 declare const cardStyles: (props?: ({
@@ -115,6 +117,26 @@ export declare const Datepicker: ForwardRefExoticComponent<IDatepickerProps & Re
 
 export declare const DateRangePicker: ForwardRefExoticComponent<IDateRangePickerProps & RefAttributes<HTMLInputElement>>;
 
+export declare const DayTimePicker: ({ availableHours, excludeHours, disabledDays, onSelectionChange, locale, intervalMinutes, singleSelection, singleSelectionPerDay, }: DayTimePickerProps) => JSX_2.Element;
+
+declare interface DayTimePickerProps {
+    availableHours?: {
+        start: string;
+        end: string;
+    };
+    excludeHours?: {
+        [key: string]: string[];
+    };
+    disabledDays?: string[];
+    onSelectionChange?: (selectedTimes: {
+        [key: string]: string[];
+    }) => void;
+    locale?: 'enGB' | 'enUS' | 'es';
+    intervalMinutes?: 30 | 60;
+    singleSelection?: boolean;
+    singleSelectionPerDay?: boolean;
+}
+
 declare type DropdownOption<T extends string | number | readonly string[] | undefined> = {
     label: string;
     value: T;
@@ -191,6 +213,16 @@ declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElem
     isActive?: boolean;
 }
 
+declare interface ICalendarProps {
+    locale?: 'enGB' | 'enUS' | 'es';
+    disabledDates?: Matcher | Matcher[] | undefined;
+    minDate?: Date;
+    maxDate?: Date;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+
 declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardStyles> {
 }
 
@@ -321,8 +353,14 @@ declare interface ISpinnerProps {
     className?: string;
 }
 
+declare interface ISwitchProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof switchRootStyles> {
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+
 declare interface ITextProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof textStyles> {
-    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
     className?: string;
 }
 
@@ -375,6 +413,12 @@ export declare const Skeleton: ({ className, ...props }: ISkeletonProps) => JSX_
 
 export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
 
+export declare const Switch: ForwardRefExoticComponent<ISwitchProps & RefAttributes<HTMLButtonElement>>;
+
+declare const switchRootStyles: (props?: ({
+    switchSize?: "sm" | "md" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare type TablerIconName = keyof typeof TablerIcons;
 
 declare const Text_2: ({ as, intent, className, weight, ...props }: ITextProps) => JSX_2.Element;
@@ -415,7 +459,7 @@ declare const tooltipStyles: (props?: ({
     shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
     intent?: "light" | "dark" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
-    placement?: "top" | "bottom" | "left" | "right" | null | undefined;
+    placement?: "left" | "right" | "top" | "bottom" | null | undefined;
     delay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
     closeDelay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
     rounded?: "sm" | "full" | null | undefined;