iryx-ui 0.2.0 → 0.4.0

package/dist/theme/dialog.d.ts

@@ -0,0 +1,74 @@
+export declare const dialogTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, undefined, {
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string;
+    content: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, undefined, unknown, unknown, undefined>>;
+export type DialogSlots = keyof ReturnType<typeof dialogTheme>;

package/dist/theme/dropdown-menu.d.ts

@@ -0,0 +1,53 @@
+export declare const dropdownMenuTheme: import("tailwind-variants").TVReturnType<{
+    /** Destructive items read in the danger colour, including when highlighted. */
+    danger: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    content: string;
+    item: string;
+    label: string;
+    separator: string;
+    /** Same chrome as an item, plus a trailing chevron and an open state. */
+    subTrigger: string;
+    subContent: string;
+    /** Pushes the submenu chevron to the trailing edge. */
+    subTriggerIcon: string;
+}, undefined, {
+    /** Destructive items read in the danger colour, including when highlighted. */
+    danger: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    content: string;
+    item: string;
+    label: string;
+    separator: string;
+    /** Same chrome as an item, plus a trailing chevron and an open state. */
+    subTrigger: string;
+    subContent: string;
+    /** Pushes the submenu chevron to the trailing edge. */
+    subTriggerIcon: string;
+}, import("tailwind-variants").TVReturnType<{
+    /** Destructive items read in the danger colour, including when highlighted. */
+    danger: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    content: string;
+    item: string;
+    label: string;
+    separator: string;
+    /** Same chrome as an item, plus a trailing chevron and an open state. */
+    subTrigger: string;
+    subContent: string;
+    /** Pushes the submenu chevron to the trailing edge. */
+    subTriggerIcon: string;
+}, undefined, unknown, unknown, undefined>>;
+export type DropdownMenuSlots = keyof ReturnType<typeof dropdownMenuTheme>;

package/dist/theme/empty-state.d.ts

@@ -0,0 +1,86 @@
+export declare const emptyStateTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+    };
+}, {
+    root: string;
+    icon: string;
+    title: string;
+    description: string;
+    /** Only rendered when the actions slot is used. */
+    actions: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+    };
+}, {
+    root: string;
+    icon: string;
+    title: string;
+    description: string;
+    /** Only rendered when the actions slot is used. */
+    actions: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+        md: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+        lg: {
+            root: string;
+            icon: string;
+            title: string;
+            actions: string;
+        };
+    };
+}, {
+    root: string;
+    icon: string;
+    title: string;
+    description: string;
+    /** Only rendered when the actions slot is used. */
+    actions: string;
+}, undefined, unknown, unknown, undefined>>;
+export type EmptyStateSlots = keyof ReturnType<typeof emptyStateTheme>;

package/dist/theme/index.d.ts

@@ -1,11 +1,26 @@
 export * from './alert';
 export * from './badge';
+export * from './breadcrumb';
 export * from './button';
+export * from './button-group';
 export * from './card';
 export * from './checkbox';
+export * from './dialog';
+export * from './dropdown-menu';
+export * from './empty-state';
 export * from './input';
 export * from './label';
+export * from './number-input';
+export * from './pagination';
 export * from './presets';
+export * from './progress';
 export * from './radio-group';
 export * from './select';
+export * from './separator';
+export * from './skeleton';
+export * from './stat';
+export * from './stepper';
 export * from './switch';
+export * from './tabs';
+export * from './toast';
+export * from './tooltip';

package/dist/theme/number-input.d.ts

@@ -0,0 +1,92 @@
+export declare const numberInputTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            input: string;
+            stepper: string;
+        };
+        md: {
+            input: string;
+            stepper: string;
+        };
+        lg: {
+            input: string;
+            stepper: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    /** Leaves room for the stepper so long values can't slide under it. */
+    withStepper: {
+        true: {};
+    };
+}, {
+    root: string;
+    input: string;
+    /** Stacked +/- controls pinned inside the trailing edge of the field. */
+    stepper: string;
+    step: string;
+}, undefined, {
+    size: {
+        sm: {
+            input: string;
+            stepper: string;
+        };
+        md: {
+            input: string;
+            stepper: string;
+        };
+        lg: {
+            input: string;
+            stepper: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    /** Leaves room for the stepper so long values can't slide under it. */
+    withStepper: {
+        true: {};
+    };
+}, {
+    root: string;
+    input: string;
+    /** Stacked +/- controls pinned inside the trailing edge of the field. */
+    stepper: string;
+    step: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            input: string;
+            stepper: string;
+        };
+        md: {
+            input: string;
+            stepper: string;
+        };
+        lg: {
+            input: string;
+            stepper: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    /** Leaves room for the stepper so long values can't slide under it. */
+    withStepper: {
+        true: {};
+    };
+}, {
+    root: string;
+    input: string;
+    /** Stacked +/- controls pinned inside the trailing edge of the field. */
+    stepper: string;
+    step: string;
+}, undefined, unknown, unknown, undefined>>;
+export type NumberInputSlots = keyof ReturnType<typeof numberInputTheme>;

package/dist/theme/pagination.d.ts

@@ -0,0 +1,71 @@
+export declare const paginationTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            item: string;
+            ellipsis: string;
+        };
+        md: {
+            item: string;
+            ellipsis: string;
+        };
+        lg: {
+            item: string;
+            ellipsis: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string;
+    /** The page the user is on. */
+    active: string;
+    inactive: string;
+    ellipsis: string;
+}, undefined, {
+    size: {
+        sm: {
+            item: string;
+            ellipsis: string;
+        };
+        md: {
+            item: string;
+            ellipsis: string;
+        };
+        lg: {
+            item: string;
+            ellipsis: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string;
+    /** The page the user is on. */
+    active: string;
+    inactive: string;
+    ellipsis: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            item: string;
+            ellipsis: string;
+        };
+        md: {
+            item: string;
+            ellipsis: string;
+        };
+        lg: {
+            item: string;
+            ellipsis: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string;
+    /** The page the user is on. */
+    active: string;
+    inactive: string;
+    ellipsis: string;
+}, undefined, unknown, unknown, undefined>>;
+export type PaginationSlots = keyof ReturnType<typeof paginationTheme>;

package/dist/theme/progress.d.ts

@@ -0,0 +1,143 @@
+export declare const progressTheme: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {
+            indicator: string;
+        };
+        success: {
+            indicator: string;
+        };
+        warning: {
+            indicator: string;
+        };
+        danger: {
+            indicator: string;
+        };
+        info: {
+            indicator: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    /**
+     * Unknown duration: the indicator slides back and forth instead of
+     * tracking a value. `animate-progress-indeterminate` is defined in
+     * theme.css so consumers get it without extra config.
+     */
+    indeterminate: {
+        true: {
+            indicator: string;
+        };
+    };
+}, {
+    root: string;
+    /** Only rendered when a label or value text is shown. */
+    header: string;
+    label: string;
+    value: string;
+    track: string;
+    indicator: string;
+}, undefined, {
+    variant: {
+        primary: {
+            indicator: string;
+        };
+        success: {
+            indicator: string;
+        };
+        warning: {
+            indicator: string;
+        };
+        danger: {
+            indicator: string;
+        };
+        info: {
+            indicator: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    /**
+     * Unknown duration: the indicator slides back and forth instead of
+     * tracking a value. `animate-progress-indeterminate` is defined in
+     * theme.css so consumers get it without extra config.
+     */
+    indeterminate: {
+        true: {
+            indicator: string;
+        };
+    };
+}, {
+    root: string;
+    /** Only rendered when a label or value text is shown. */
+    header: string;
+    label: string;
+    value: string;
+    track: string;
+    indicator: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {
+            indicator: string;
+        };
+        success: {
+            indicator: string;
+        };
+        warning: {
+            indicator: string;
+        };
+        danger: {
+            indicator: string;
+        };
+        info: {
+            indicator: string;
+        };
+    };
+    size: {
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+    /**
+     * Unknown duration: the indicator slides back and forth instead of
+     * tracking a value. `animate-progress-indeterminate` is defined in
+     * theme.css so consumers get it without extra config.
+     */
+    indeterminate: {
+        true: {
+            indicator: string;
+        };
+    };
+}, {
+    root: string;
+    /** Only rendered when a label or value text is shown. */
+    header: string;
+    label: string;
+    value: string;
+    track: string;
+    indicator: string;
+}, undefined, unknown, unknown, undefined>>;
+export type ProgressSlots = keyof ReturnType<typeof progressTheme>;

package/dist/theme/separator.d.ts

@@ -0,0 +1,50 @@
+export declare const separatorTheme: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            root: string;
+            line: string;
+        };
+        vertical: {
+            root: string;
+            line: string;
+        };
+    };
+}, {
+    root: string;
+    line: string;
+    /** Only rendered when a label is provided. */
+    label: string;
+}, undefined, {
+    orientation: {
+        horizontal: {
+            root: string;
+            line: string;
+        };
+        vertical: {
+            root: string;
+            line: string;
+        };
+    };
+}, {
+    root: string;
+    line: string;
+    /** Only rendered when a label is provided. */
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {
+            root: string;
+            line: string;
+        };
+        vertical: {
+            root: string;
+            line: string;
+        };
+    };
+}, {
+    root: string;
+    line: string;
+    /** Only rendered when a label is provided. */
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+export type SeparatorSlots = keyof ReturnType<typeof separatorTheme>;

package/dist/theme/skeleton.d.ts

@@ -0,0 +1,23 @@
+export declare const skeletonTheme: import("tailwind-variants").TVReturnType<{
+    /** `text` sizes itself to the current line height so it sits in copy. */
+    variant: {
+        text: string;
+        rect: string;
+        circle: string;
+    };
+}, undefined, "animate-pulse bg-muted", {
+    /** `text` sizes itself to the current line height so it sits in copy. */
+    variant: {
+        text: string;
+        rect: string;
+        circle: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    /** `text` sizes itself to the current line height so it sits in copy. */
+    variant: {
+        text: string;
+        rect: string;
+        circle: string;
+    };
+}, undefined, "animate-pulse bg-muted", unknown, unknown, undefined>>;
+export type SkeletonVariants = Parameters<typeof skeletonTheme>[0];