iryx-ui 0.2.0 → 0.3.0

package/dist/theme/form.d.ts

@@ -1,30 +1,26 @@
 export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            label?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            error?: import("tailwind-variants").ClassValue;
-            hint?: import("tailwind-variants").ClassValue;
-            control?: import("tailwind-variants").ClassValue;
-            help?: import("tailwind-variants").ClassValue;
+    indent: {
+        none: {};
+        sm: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
         };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            label?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            error?: import("tailwind-variants").ClassValue;
-            hint?: import("tailwind-variants").ClassValue;
-            control?: import("tailwind-variants").ClassValue;
-            help?: import("tailwind-variants").ClassValue;
+        md: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
+        };
+        lg: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
         };
     };
-} | {}, {
+}, {
     root: string;
     header: string;
     label: string;
@@ -34,19 +30,28 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
     error: string;
     help: string;
 }, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            label?: import("tailwind-variants").ClassValue;
-            header?: import("tailwind-variants").ClassValue;
-            error?: import("tailwind-variants").ClassValue;
-            hint?: import("tailwind-variants").ClassValue;
-            control?: import("tailwind-variants").ClassValue;
-            help?: import("tailwind-variants").ClassValue;
+    indent: {
+        none: {};
+        sm: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
+        };
+        md: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
+        };
+        lg: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
         };
     };
-} | {}, {
+}, {
     root: string;
     header: string;
     label: string;
@@ -55,7 +60,29 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
     control: string;
     error: string;
     help: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
+}, import("tailwind-variants").TVReturnType<{
+    indent: {
+        none: {};
+        sm: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
+        };
+        md: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
+        };
+        lg: {
+            header: string;
+            description: string;
+            error: string;
+            help: string;
+        };
+    };
+}, {
     root: string;
     header: string;
     label: string;

package/dist/theme/index.d.ts

@@ -1,11 +1,25 @@
 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 './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/label.d.ts

@@ -2,13 +2,31 @@ export declare const labelTheme: import("tailwind-variants").TVReturnType<{
     required: {
         true: string;
     };
+    indent: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }, undefined, "inline-flex items-center gap-1 text-sm leading-none font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", {
     required: {
         true: string;
     };
+    indent: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }, undefined, import("tailwind-variants").TVReturnType<{
     required: {
         true: string;
     };
+    indent: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }, undefined, "inline-flex items-center gap-1 text-sm leading-none font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", unknown, unknown, undefined>>;
 export type LabelVariants = Parameters<typeof labelTheme>[0];

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];

package/dist/theme/stat.d.ts

@@ -0,0 +1,110 @@
+export declare const statTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+    };
+    /**
+     * Direction of change. `neutral` is used when the delta is zero, so a flat
+     * result does not read as either good or bad.
+     */
+    trend: {
+        up: {
+            delta: string;
+        };
+        down: {
+            delta: string;
+        };
+        neutral: {
+            delta: string;
+        };
+    };
+}, {
+    root: string;
+    /** Small, uppercase and tracked out, so the value carries the weight. */
+    label: string;
+    value: string;
+    delta: string;
+    hint: string;
+    /** Column, so the delta always sits on its own line under the value. */
+    row: string;
+}, undefined, {
+    size: {
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+    };
+    /**
+     * Direction of change. `neutral` is used when the delta is zero, so a flat
+     * result does not read as either good or bad.
+     */
+    trend: {
+        up: {
+            delta: string;
+        };
+        down: {
+            delta: string;
+        };
+        neutral: {
+            delta: string;
+        };
+    };
+}, {
+    root: string;
+    /** Small, uppercase and tracked out, so the value carries the weight. */
+    label: string;
+    value: string;
+    delta: string;
+    hint: string;
+    /** Column, so the delta always sits on its own line under the value. */
+    row: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+    };
+    /**
+     * Direction of change. `neutral` is used when the delta is zero, so a flat
+     * result does not read as either good or bad.
+     */
+    trend: {
+        up: {
+            delta: string;
+        };
+        down: {
+            delta: string;
+        };
+        neutral: {
+            delta: string;
+        };
+    };
+}, {
+    root: string;
+    /** Small, uppercase and tracked out, so the value carries the weight. */
+    label: string;
+    value: string;
+    delta: string;
+    hint: string;
+    /** Column, so the delta always sits on its own line under the value. */
+    row: string;
+}, undefined, unknown, unknown, undefined>>;
+export type StatSlots = keyof ReturnType<typeof statTheme>;

package/dist/theme/stepper.d.ts

@@ -0,0 +1,56 @@
+export declare const stepperTheme: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {};
+        vertical: {
+            root: string;
+            item: string;
+            separator: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    trigger: string;
+    indicator: string;
+    content: string;
+    title: string;
+    description: string;
+    separator: string;
+}, undefined, {
+    orientation: {
+        horizontal: {};
+        vertical: {
+            root: string;
+            item: string;
+            separator: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    trigger: string;
+    indicator: string;
+    content: string;
+    title: string;
+    description: string;
+    separator: string;
+}, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: {};
+        vertical: {
+            root: string;
+            item: string;
+            separator: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    trigger: string;
+    indicator: string;
+    content: string;
+    title: string;
+    description: string;
+    separator: string;
+}, undefined, unknown, unknown, undefined>>;
+export type StepperSlots = keyof ReturnType<typeof stepperTheme>;