iryx-ui 0.4.0 → 0.6.0

package/dist/theme/badge.d.ts

@@ -6,10 +6,11 @@ export declare const badgeTheme: import("tailwind-variants").TVReturnType<{
         danger: {};
         info: {};
     };
-    /** `soft` is a tinted background; `solid` is a filled block of colour. */
-    tone: {
-        soft: {};
-        solid: {};
+    withDot: {
+        true: {
+            root: string;
+        };
+        false: {};
     };
     size: {
         sm: {
@@ -36,10 +37,11 @@ export declare const badgeTheme: import("tailwind-variants").TVReturnType<{
         danger: {};
         info: {};
     };
-    /** `soft` is a tinted background; `solid` is a filled block of colour. */
-    tone: {
-        soft: {};
-        solid: {};
+    withDot: {
+        true: {
+            root: string;
+        };
+        false: {};
     };
     size: {
         sm: {
@@ -66,10 +68,11 @@ export declare const badgeTheme: import("tailwind-variants").TVReturnType<{
         danger: {};
         info: {};
     };
-    /** `soft` is a tinted background; `solid` is a filled block of colour. */
-    tone: {
-        soft: {};
-        solid: {};
+    withDot: {
+        true: {
+            root: string;
+        };
+        false: {};
     };
     size: {
         sm: {

package/dist/theme/banner.d.ts

@@ -0,0 +1,185 @@
+export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
+    variant: {
+        neutral: {
+            root: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+        };
+        danger: {
+            root: string;
+            icon: string;
+        };
+        /** Brand-coloured, for announcements rather than status. */
+        primary: {
+            root: string;
+            icon: string;
+        };
+    };
+    position: {
+        static: {};
+        /** Sticks under the top of the scroll container. */
+        top: {
+            root: string;
+        };
+        /** Pinned to the bottom of the viewport; the rule moves to the top edge. */
+        bottom: {
+            root: string;
+        };
+    };
+    /** Constrains the text while the fill still spans the viewport. */
+    contained: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    align: {
+        start: {};
+        center: {
+            content: string;
+        };
+    };
+}, {
+    root: string;
+    /** Keeps the text off the viewport edge without constraining the fill. */
+    container: string;
+    icon: string;
+    content: string;
+    title: string;
+    actions: string;
+    close: string;
+}, undefined, {
+    variant: {
+        neutral: {
+            root: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+        };
+        danger: {
+            root: string;
+            icon: string;
+        };
+        /** Brand-coloured, for announcements rather than status. */
+        primary: {
+            root: string;
+            icon: string;
+        };
+    };
+    position: {
+        static: {};
+        /** Sticks under the top of the scroll container. */
+        top: {
+            root: string;
+        };
+        /** Pinned to the bottom of the viewport; the rule moves to the top edge. */
+        bottom: {
+            root: string;
+        };
+    };
+    /** Constrains the text while the fill still spans the viewport. */
+    contained: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    align: {
+        start: {};
+        center: {
+            content: string;
+        };
+    };
+}, {
+    root: string;
+    /** Keeps the text off the viewport edge without constraining the fill. */
+    container: string;
+    icon: string;
+    content: string;
+    title: string;
+    actions: string;
+    close: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        neutral: {
+            root: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            icon: string;
+        };
+        danger: {
+            root: string;
+            icon: string;
+        };
+        /** Brand-coloured, for announcements rather than status. */
+        primary: {
+            root: string;
+            icon: string;
+        };
+    };
+    position: {
+        static: {};
+        /** Sticks under the top of the scroll container. */
+        top: {
+            root: string;
+        };
+        /** Pinned to the bottom of the viewport; the rule moves to the top edge. */
+        bottom: {
+            root: string;
+        };
+    };
+    /** Constrains the text while the fill still spans the viewport. */
+    contained: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    align: {
+        start: {};
+        center: {
+            content: string;
+        };
+    };
+}, {
+    root: string;
+    /** Keeps the text off the viewport edge without constraining the fill. */
+    container: string;
+    icon: string;
+    content: string;
+    title: string;
+    actions: string;
+    close: string;
+}, undefined, unknown, unknown, undefined>>;
+export type BannerSlots = keyof ReturnType<typeof bannerTheme>;

package/dist/theme/button.d.ts

@@ -20,7 +20,7 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
     block: {
         true: string;
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     variant: {
         solid: string;
         outline: string;
@@ -64,5 +64,5 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
     block: {
         true: string;
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
 export type ButtonVariants = Parameters<typeof buttonTheme>[0];

package/dist/theme/combobox.d.ts

@@ -0,0 +1,101 @@
+export declare const comboboxTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            anchor: string;
+        };
+        md: {
+            anchor: string;
+        };
+        lg: {
+            anchor: string;
+        };
+    };
+    invalid: {
+        true: {
+            anchor: string;
+        };
+    };
+    disabled: {
+        true: {
+            anchor: string;
+        };
+    };
+}, {
+    anchor: string;
+    input: string;
+    trigger: string;
+    content: string;
+    viewport: string;
+    item: string;
+    itemIndicator: string;
+    empty: string;
+    group: string;
+    groupLabel: string;
+}, undefined, {
+    size: {
+        sm: {
+            anchor: string;
+        };
+        md: {
+            anchor: string;
+        };
+        lg: {
+            anchor: string;
+        };
+    };
+    invalid: {
+        true: {
+            anchor: string;
+        };
+    };
+    disabled: {
+        true: {
+            anchor: string;
+        };
+    };
+}, {
+    anchor: string;
+    input: string;
+    trigger: string;
+    content: string;
+    viewport: string;
+    item: string;
+    itemIndicator: string;
+    empty: string;
+    group: string;
+    groupLabel: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            anchor: string;
+        };
+        md: {
+            anchor: string;
+        };
+        lg: {
+            anchor: string;
+        };
+    };
+    invalid: {
+        true: {
+            anchor: string;
+        };
+    };
+    disabled: {
+        true: {
+            anchor: string;
+        };
+    };
+}, {
+    anchor: string;
+    input: string;
+    trigger: string;
+    content: string;
+    viewport: string;
+    item: string;
+    itemIndicator: string;
+    empty: string;
+    group: string;
+    groupLabel: string;
+}, undefined, unknown, unknown, undefined>>;
+export type ComboboxSlots = keyof ReturnType<typeof comboboxTheme>;

package/dist/theme/index.d.ts

@@ -1,10 +1,12 @@
 export * from './alert';
 export * from './badge';
+export * from './banner';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
 export * from './card';
 export * from './checkbox';
+export * from './combobox';
 export * from './dialog';
 export * from './dropdown-menu';
 export * from './empty-state';
@@ -21,6 +23,7 @@ export * from './skeleton';
 export * from './stat';
 export * from './stepper';
 export * from './switch';
+export * from './table';
 export * from './tabs';
 export * from './toast';
 export * from './tooltip';

package/dist/theme/input.d.ts

@@ -1,5 +1,5 @@
 /** Shared field chrome for Input, Textarea and the Select trigger. */
-export declare const fieldBase = "w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50";
+export declare const fieldBase = "w-full rounded-xl border border-border bg-input text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50";
 export declare const inputTheme: import("tailwind-variants").TVReturnType<{
     size: {
         sm: string;
@@ -9,7 +9,7 @@ export declare const inputTheme: import("tailwind-variants").TVReturnType<{
     invalid: {
         true: string;
     };
-}, undefined, "flex w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", {
+}, undefined, "flex w-full rounded-xl border border-border bg-input text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", {
     size: {
         sm: string;
         md: string;
@@ -27,7 +27,7 @@ export declare const inputTheme: import("tailwind-variants").TVReturnType<{
     invalid: {
         true: string;
     };
-}, undefined, "flex w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", unknown, unknown, undefined>>;
+}, undefined, "flex w-full rounded-xl border border-border bg-input text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", unknown, unknown, undefined>>;
 export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
     size: {
         sm: string;
@@ -37,7 +37,7 @@ export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
     invalid: {
         true: string;
     };
-}, undefined, "block resize-y w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", {
+}, undefined, "block resize-y w-full rounded-xl border border-border bg-input text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", {
     size: {
         sm: string;
         md: string;
@@ -55,6 +55,6 @@ export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
     invalid: {
         true: string;
     };
-}, undefined, "block resize-y w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", unknown, unknown, undefined>>;
+}, undefined, "block resize-y w-full rounded-xl border border-border bg-input text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", unknown, unknown, undefined>>;
 export type InputVariants = Parameters<typeof inputTheme>[0];
 export type TextareaVariants = Parameters<typeof textareaTheme>[0];

package/dist/theme/pagination.d.ts

@@ -13,6 +13,17 @@ export declare const paginationTheme: import("tailwind-variants").TVReturnType<{
             ellipsis: string;
         };
     };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
+    };
 }, {
     root: string;
     list: string;
@@ -36,6 +47,17 @@ export declare const paginationTheme: import("tailwind-variants").TVReturnType<{
             ellipsis: string;
         };
     };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
+    };
 }, {
     root: string;
     list: string;
@@ -59,6 +81,17 @@ export declare const paginationTheme: import("tailwind-variants").TVReturnType<{
             ellipsis: string;
         };
     };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
+    };
 }, {
     root: string;
     list: string;

package/dist/theme/presets.d.ts

@@ -58,20 +58,6 @@ export declare const themes: {
             primaryTo: string;
         };
     };
-    emerald: {
-        light: {
-            primary: string;
-            primaryForeground: string;
-            primaryFrom: string;
-            primaryTo: string;
-        };
-        dark: {
-            primary: string;
-            primaryForeground: string;
-            primaryFrom: string;
-            primaryTo: string;
-        };
-    };
     rose: {
         light: {
             primary: string;
@@ -86,34 +72,6 @@ export declare const themes: {
             primaryTo: string;
         };
     };
-    amber: {
-        light: {
-            primary: string;
-            primaryForeground: string;
-            primaryFrom: string;
-            primaryTo: string;
-        };
-        dark: {
-            primary: string;
-            primaryForeground: string;
-            primaryFrom: string;
-            primaryTo: string;
-        };
-    };
-    sky: {
-        light: {
-            primary: string;
-            primaryForeground: string;
-            primaryFrom: string;
-            primaryTo: string;
-        };
-        dark: {
-            primary: string;
-            primaryForeground: string;
-            primaryFrom: string;
-            primaryTo: string;
-        };
-    };
 };
 export type ThemePresetName = keyof typeof themes;
 /**

package/dist/theme/select.d.ts

@@ -16,6 +16,8 @@ export declare const selectTheme: import("tailwind-variants").TVReturnType<{
     viewport: string;
     item: string;
     itemIndicator: string;
+    group: string;
+    groupLabel: string;
 }, undefined, {
     size: {
         sm: {
@@ -34,6 +36,8 @@ export declare const selectTheme: import("tailwind-variants").TVReturnType<{
     viewport: string;
     item: string;
     itemIndicator: string;
+    group: string;
+    groupLabel: string;
 }, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -52,5 +56,7 @@ export declare const selectTheme: import("tailwind-variants").TVReturnType<{
     viewport: string;
     item: string;
     itemIndicator: string;
+    group: string;
+    groupLabel: string;
 }, undefined, unknown, unknown, undefined>>;
 export type SelectSlots = keyof ReturnType<typeof selectTheme>;

package/dist/theme/stat.d.ts

@@ -32,7 +32,6 @@ export declare const statTheme: import("tailwind-variants").TVReturnType<{
     value: string;
     delta: string;
     hint: string;
-    /** Column, so the delta always sits on its own line under the value. */
     row: string;
 }, undefined, {
     size: {
@@ -68,7 +67,6 @@ export declare const statTheme: import("tailwind-variants").TVReturnType<{
     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: {
@@ -104,7 +102,6 @@ export declare const statTheme: import("tailwind-variants").TVReturnType<{
     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>;