iryx-ui 0.5.0 → 0.7.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/password-input.d.ts

@@ -0,0 +1,79 @@
+/**
+ * The meter's colour is the same deliberate exception `IProgress` makes: the
+ * coloured bar *is* the reading, not decoration on a surface. Everywhere else
+ * status colour belongs in the mark, not the chrome.
+ */
+export declare const passwordInputTheme: import("tailwind-variants").TVReturnType<{
+    score: {
+        0: {};
+        1: {
+            segment: string;
+        };
+        2: {
+            segment: string;
+        };
+        3: {
+            segment: string;
+        };
+        4: {
+            segment: string;
+        };
+    };
+}, {
+    root: string;
+    toggle: string;
+    meter: string;
+    track: string;
+    /** Unfilled by default; the `score` variant paints the ones below it. */
+    segment: string;
+    label: string;
+}, undefined, {
+    score: {
+        0: {};
+        1: {
+            segment: string;
+        };
+        2: {
+            segment: string;
+        };
+        3: {
+            segment: string;
+        };
+        4: {
+            segment: string;
+        };
+    };
+}, {
+    root: string;
+    toggle: string;
+    meter: string;
+    track: string;
+    /** Unfilled by default; the `score` variant paints the ones below it. */
+    segment: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    score: {
+        0: {};
+        1: {
+            segment: string;
+        };
+        2: {
+            segment: string;
+        };
+        3: {
+            segment: string;
+        };
+        4: {
+            segment: string;
+        };
+    };
+}, {
+    root: string;
+    toggle: string;
+    meter: string;
+    track: string;
+    /** Unfilled by default; the `score` variant paints the ones below it. */
+    segment: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+export type PasswordInputSlots = keyof ReturnType<typeof passwordInputTheme>;

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

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.7.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",
@@ -47,6 +47,7 @@
   "dependencies": {
     "@hugeicons/core-free-icons": "^4.2.3",
     "@hugeicons/vue": "^1.0.7",
+    "@internationalized/date": "^3.12.3",
     "@nuxt/kit": "^4.4.8",
     "reka-ui": "^2.9.10",
     "tailwind-merge": "^3.6.0",

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