iryx-ui 0.5.0 → 0.6.0

package/dist/theme/table.d.ts

@@ -0,0 +1,230 @@
+export declare const tableTheme: import("tailwind-variants").TVReturnType<{
+    striped: {
+        true: {
+            tr: string;
+        };
+    };
+    hoverable: {
+        true: {
+            tr: string;
+        };
+    };
+    clickable: {
+        true: {
+            tr: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            th: string;
+        };
+    };
+    selected: {
+        true: {
+            tr: string;
+        };
+    };
+    size: {
+        sm: {
+            th: string;
+            td: string;
+            gutter: string;
+        };
+        md: {};
+        lg: {
+            th: string;
+            td: string;
+            gutter: string;
+        };
+    };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
+}, {
+    /** Scroll container — the table itself never shrinks below its content. */
+    root: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    /**
+     * Header sort control. A real button so it is tabbable and announced as
+     * one; the `<th>` carries `aria-sort` for the state.
+     */
+    sortButton: string;
+    sortIcon: string;
+    td: string;
+    gutter: string;
+    headGutter: string;
+    expandButton: string;
+    expandedRow: string;
+    expandedCell: string;
+    /** Message row for "no results", spanning every column. */
+    empty: string;
+    caption: string;
+}, undefined, {
+    striped: {
+        true: {
+            tr: string;
+        };
+    };
+    hoverable: {
+        true: {
+            tr: string;
+        };
+    };
+    clickable: {
+        true: {
+            tr: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            th: string;
+        };
+    };
+    selected: {
+        true: {
+            tr: string;
+        };
+    };
+    size: {
+        sm: {
+            th: string;
+            td: string;
+            gutter: string;
+        };
+        md: {};
+        lg: {
+            th: string;
+            td: string;
+            gutter: string;
+        };
+    };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
+}, {
+    /** Scroll container — the table itself never shrinks below its content. */
+    root: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    /**
+     * Header sort control. A real button so it is tabbable and announced as
+     * one; the `<th>` carries `aria-sort` for the state.
+     */
+    sortButton: string;
+    sortIcon: string;
+    td: string;
+    gutter: string;
+    headGutter: string;
+    expandButton: string;
+    expandedRow: string;
+    expandedCell: string;
+    /** Message row for "no results", spanning every column. */
+    empty: string;
+    caption: string;
+}, import("tailwind-variants").TVReturnType<{
+    striped: {
+        true: {
+            tr: string;
+        };
+    };
+    hoverable: {
+        true: {
+            tr: string;
+        };
+    };
+    clickable: {
+        true: {
+            tr: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            th: string;
+        };
+    };
+    selected: {
+        true: {
+            tr: string;
+        };
+    };
+    size: {
+        sm: {
+            th: string;
+            td: string;
+            gutter: string;
+        };
+        md: {};
+        lg: {
+            th: string;
+            td: string;
+            gutter: string;
+        };
+    };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
+}, {
+    /** Scroll container — the table itself never shrinks below its content. */
+    root: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    tr: string;
+    th: string;
+    /**
+     * Header sort control. A real button so it is tabbable and announced as
+     * one; the `<th>` carries `aria-sort` for the state.
+     */
+    sortButton: string;
+    sortIcon: string;
+    td: string;
+    gutter: string;
+    headGutter: string;
+    expandButton: string;
+    expandedRow: string;
+    expandedCell: string;
+    /** Message row for "no results", spanning every column. */
+    empty: string;
+    caption: string;
+}, undefined, unknown, unknown, undefined>>;
+export type TableSlots = keyof ReturnType<typeof tableTheme>;

package/dist/theme/toast.d.ts

@@ -1,23 +1,18 @@
 export declare const toastTheme: import("tailwind-variants").TVReturnType<{
     variant: {
         neutral: {
-            root: string;
             icon: string;
         };
         success: {
-            root: string;
             icon: string;
         };
         warning: {
-            root: string;
             icon: string;
         };
         danger: {
-            root: string;
             icon: string;
         };
         info: {
-            root: string;
             icon: string;
         };
     };
@@ -59,23 +54,18 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     variant: {
         neutral: {
-            root: string;
             icon: string;
         };
         success: {
-            root: string;
             icon: string;
         };
         warning: {
-            root: string;
             icon: string;
         };
         danger: {
-            root: string;
             icon: string;
         };
         info: {
-            root: string;
             icon: string;
         };
     };
@@ -117,23 +107,18 @@ export declare const toastTheme: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<{
     variant: {
         neutral: {
-            root: string;
             icon: string;
         };
         success: {
-            root: string;
             icon: string;
         };
         warning: {
-            root: string;
             icon: string;
         };
         danger: {
-            root: string;
             icon: string;
         };
         info: {
-            root: string;
             icon: string;
         };
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",

package/theme.css

@@ -19,6 +19,15 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 :root {
+  /*
+   * Typeface. The library ships no webfont — that would put font files, a
+   * licence and a network request in every consumer's bundle whether they
+   * wanted them or not. Point this at your own family instead:
+   *
+   *   :root { --iryx-font-sans: "Instrument Sans", sans-serif; }
+   */
+  --iryx-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
   /* Neutral surfaces — shadcn/ui "zinc" palette. */
   --iryx-background: oklch(1 0 0);
   --iryx-foreground: oklch(0.145 0 0);
@@ -110,6 +119,7 @@
 }
 
 @theme inline {
+  --font-sans: var(--iryx-font-sans);
   --color-background: var(--iryx-background);
   --color-foreground: var(--iryx-foreground);
   --color-primary: var(--iryx-primary);