chesai-ui 0.13.2 → 0.13.3

package/dist/components/date-input/duration-input-field.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { DurationFieldState } from './use-duration-input';
+export interface DurationInputFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    state: DurationFieldState;
+    inputProps: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export declare const DurationInputField: React.ForwardRefExoticComponent<DurationInputFieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/date-input/duration-input-segment.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { DurationSegment, DurationFieldState } from './use-duration-input';
+export interface DurationInputSegmentProps extends React.HTMLAttributes<HTMLDivElement> {
+    state: DurationFieldState;
+    segment: DurationSegment;
+    className?: string;
+}
+export declare const DurationInputSegment: {
+    ({ state, segment, className, ...props }: DurationInputSegmentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/date-input/duration-input.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { UseDurationInputProps } from './use-duration-input';
+export interface DurationInputProps extends UseDurationInputProps {
+}
+export declare const DurationInput: React.ForwardRefExoticComponent<Omit<DurationInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/date-input/index.d.ts

@@ -4,5 +4,9 @@ export * from './date-input-segment';
 export * from './date-input-field';
 export * from './use-date-input';
 export * from './use-time-input';
+export * from './use-duration-input';
 export * from './date-input';
 export * from './time-input';
+export * from './duration-input';
+export * from './duration-input-field';
+export * from './duration-input-segment';

package/dist/components/date-input/use-duration-input.d.ts

@@ -0,0 +1,116 @@
+import { dateInputSlots } from './date-input-styles';
+export interface DurationValue {
+    hours: number | null;
+    minutes: number | null;
+    seconds: number | null;
+}
+export interface DurationSegment {
+    type: 'hours' | 'minutes' | 'seconds' | 'literal';
+    text: string;
+    value: number | null;
+    isPlaceholder: boolean;
+    placeholder: string;
+    isEditable: boolean;
+    minValue: number;
+    maxValue: number;
+}
+export interface DurationFieldState {
+    segments: DurationSegment[];
+    value: DurationValue;
+    isInvalid: boolean;
+    setSegmentValue: (type: 'hours' | 'minutes' | 'seconds', val: number | null) => void;
+}
+export interface UseDurationInputProps {
+    ref?: React.Ref<HTMLDivElement>;
+    value?: DurationValue;
+    defaultValue?: DurationValue;
+    onChange?: (value: DurationValue) => void;
+    name?: string;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    classNames?: Partial<typeof dateInputSlots>;
+    labelPlacement?: 'inside' | 'outside' | 'outside-left';
+    className?: string;
+    variant?: 'filled' | 'filled-inverted' | 'outlined' | 'outlined-inverted' | 'underlined' | 'underlined-inverted' | 'ghost' | 'ghost-inverted';
+    color?: 'primary' | 'secondary' | 'error';
+    size?: 'sm' | 'md' | 'lg';
+    shape?: 'full' | 'minimal' | 'sharp';
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+}
+export declare function parseDuration(value: string): DurationValue;
+export declare function formatDuration(value: DurationValue | null | undefined): string;
+export declare function useDurationInput(props: UseDurationInputProps): {
+    state: DurationFieldState;
+    domRef: import('react').RefObject<HTMLDivElement | null>;
+    slots: {
+        base: string;
+        label: string;
+        inputWrapper: string;
+        innerWrapper: string;
+        segment: string;
+        helperWrapper: string;
+        description: string;
+        errorMessage: string;
+    };
+    classNames: Partial<{
+        base: string;
+        label: string[];
+        inputWrapper: string[];
+        innerWrapper: string;
+        segment: string[];
+        helperWrapper: string;
+        description: string;
+        errorMessage: string;
+    }> | undefined;
+    getBaseGroupProps: () => {
+        ref: import('react').RefObject<HTMLDivElement | null>;
+        className: string;
+        'data-slot': string;
+        'data-filled': boolean;
+        'data-filled-within': boolean;
+        'data-invalid': boolean;
+        'data-disabled': boolean | undefined;
+        label: import('react').ReactNode;
+        description: import('react').ReactNode;
+        errorMessage: string | number | bigint | true | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null;
+        isInvalid: boolean;
+        startContent: import('react').ReactNode;
+        endContent: import('react').ReactNode;
+        shouldLabelBeOutside: boolean;
+        labelProps: {
+            className: string;
+        };
+        wrapperProps: {
+            className: string;
+            'data-focus': boolean;
+        };
+        innerWrapperProps: {
+            className: string;
+        };
+        helperWrapperProps: {
+            className: string;
+        };
+        errorMessageProps: {
+            className: string;
+        };
+        descriptionProps: {
+            className: string;
+        };
+    };
+    getFieldProps: () => {
+        onFocus: (e: React.FocusEvent) => void;
+        onBlur: (e: React.FocusEvent) => void;
+        className: string;
+    };
+    getInputProps: () => {
+        type: string;
+        name: string | undefined;
+        value: string;
+        disabled: boolean | undefined;
+    };
+};

package/dist/components/icon-button/index.d.ts

@@ -1,14 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 export declare const iconButtonVariants: (props?: ({
     variant?: "link" | "outline" | "primary" | "secondary" | "tertiary" | "destructive" | "ghost" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     shape?: "full" | "minimal" | "sharp" | null | undefined;
+    containerShape?: "normal" | "wide-pill" | null | undefined;
     isLoading?: boolean | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary" | "tertiary" | "outline" | "destructive" | "ghost" | "link";
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    shape?: "full" | "minimal" | "sharp";
-    isLoading?: boolean;
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
 }
 export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;