iryx-ui 0.16.0 → 0.17.0

package/dist/theme/index.d.ts

@@ -8,6 +8,7 @@ export * from './bar-chart';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './calendar';
 export * from './card';
 export * from './chart-legend';
 export * from './checkbox';
@@ -16,13 +17,16 @@ export * from './color-picker';
 export * from './combobox';
 export * from './command-palette';
 export * from './container';
+export * from './date-field';
 export * from './date-picker';
 export * from './dialog';
 export * from './donut-chart';
 export * from './drawer';
 export * from './dropdown-menu';
+export * from './editable';
 export * from './empty-state';
 export * from './file-upload';
+export * from './hover-card';
 export * from './input';
 export * from './kbd';
 export * from './label';

package/dist/theme/input.d.ts

@@ -1,11 +1,5 @@
 /** Shared field chrome for Input, Textarea and the Select trigger. */
 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";
-/**
- * The chrome lives on `root`, not on the `<input>`, so leading and trailing
- * content can take real space in a flex row. Reserving room with padding
- * instead would mean guessing the width of arbitrary slot content, and long
- * values would slide underneath it.
- */
 export declare const inputTheme: import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -94,10 +88,6 @@ export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
     invalid: {
         true: string;
     };
-    /**
-     * The measured height is the whole point, so drop the size variant's
-     * `min-h` floor and the drag handle that would fight it.
-     */
     autosize: {
         true: string;
     };
@@ -110,10 +100,6 @@ export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
     invalid: {
         true: string;
     };
-    /**
-     * The measured height is the whole point, so drop the size variant's
-     * `min-h` floor and the drag handle that would fight it.
-     */
     autosize: {
         true: string;
     };
@@ -126,10 +112,6 @@ export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
     invalid: {
         true: string;
     };
-    /**
-     * The measured height is the whole point, so drop the size variant's
-     * `min-h` floor and the drag handle that would fight it.
-     */
     autosize: {
         true: string;
     };

package/dist/theme/kbd.d.ts

@@ -19,7 +19,6 @@ export declare const kbdTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     key: string;
-    /** The `+` between chips. Punctuation, so it is hidden from readers. */
     separator: string;
 }, undefined, {
     size: {
@@ -42,7 +41,6 @@ export declare const kbdTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     key: string;
-    /** The `+` between chips. Punctuation, so it is hidden from readers. */
     separator: string;
 }, import("tailwind-variants").TVReturnType<{
     size: {
@@ -65,7 +63,6 @@ export declare const kbdTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     key: string;
-    /** The `+` between chips. Punctuation, so it is hidden from readers. */
     separator: string;
 }, undefined, unknown, unknown, undefined>>;
 export type KbdSlots = keyof ReturnType<typeof kbdTheme>;

package/dist/theme/line-chart.d.ts

@@ -42,11 +42,6 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     };
 } | {}, {
     root: string;
-    /**
-     * The tooltip's coordinates come from the SVG, so the SVG has to be its
-     * positioning context. Anchoring to the root instead shifts it up by the
-     * height of anything above the plot — the legend, most obviously.
-     */
     plot: string;
     svg: string;
     grid: string;
@@ -56,7 +51,6 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     area: string;
     crosshair: string;
     marker: string;
-    /** Keeps the marker legible where it sits on top of the line. */
     markerRing: string;
     hit: string;
     tooltip: string;
@@ -86,11 +80,6 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     };
 } | {}, {
     root: string;
-    /**
-     * The tooltip's coordinates come from the SVG, so the SVG has to be its
-     * positioning context. Anchoring to the root instead shifts it up by the
-     * height of anything above the plot — the legend, most obviously.
-     */
     plot: string;
     svg: string;
     grid: string;
@@ -100,7 +89,6 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     area: string;
     crosshair: string;
     marker: string;
-    /** Keeps the marker legible where it sits on top of the line. */
     markerRing: string;
     hit: string;
     tooltip: string;
@@ -109,11 +97,6 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     table: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     root: string;
-    /**
-     * The tooltip's coordinates come from the SVG, so the SVG has to be its
-     * positioning context. Anchoring to the root instead shifts it up by the
-     * height of anything above the plot — the legend, most obviously.
-     */
     plot: string;
     svg: string;
     grid: string;
@@ -123,7 +106,6 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     area: string;
     crosshair: string;
     marker: string;
-    /** Keeps the marker legible where it sits on top of the line. */
     markerRing: string;
     hit: string;
     tooltip: string;

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

@@ -11,7 +11,6 @@ export declare const navigationMenuTheme: import("tailwind-variants").TVReturnTy
             viewport: string;
         };
     };
-    /** Panels wider than one column. Only affects the grid inside the viewport. */
     columns: {
         1: {
             content: string;
@@ -27,29 +26,14 @@ export declare const navigationMenuTheme: import("tailwind-variants").TVReturnTy
     root: string;
     list: string;
     item: string;
-    /**
-     * A plain link and a panel trigger share their chrome, so the two kinds of
-     * top-level entry read as one row. `group` is here for the chevron.
-     */
     link: string;
     triggerIcon: string;
-    /**
-     * Spans the root so the viewport has a stable origin; Reka's -left/-top
-     * vars then place it against the active trigger, so this must NOT also
-     * centre with flex — the two would fight and the panel would land off by
-     * half its own width.
-     */
     viewportWrapper: string;
     viewport: string;
-    /**
-     * Absolute inside the viewport so the viewport measures it without being
-     * sized by it. `w-max` lets the grid decide its own width.
-     */
     content: string;
     panelLink: string;
     panelLabel: string;
     panelDescription: string;
-    /** Sits under the icon so a bare glyph does not float in the row. */
     panelIcon: string;
 }, undefined, {
     orientation: {
@@ -64,7 +48,6 @@ export declare const navigationMenuTheme: import("tailwind-variants").TVReturnTy
             viewport: string;
         };
     };
-    /** Panels wider than one column. Only affects the grid inside the viewport. */
     columns: {
         1: {
             content: string;
@@ -80,29 +63,14 @@ export declare const navigationMenuTheme: import("tailwind-variants").TVReturnTy
     root: string;
     list: string;
     item: string;
-    /**
-     * A plain link and a panel trigger share their chrome, so the two kinds of
-     * top-level entry read as one row. `group` is here for the chevron.
-     */
     link: string;
     triggerIcon: string;
-    /**
-     * Spans the root so the viewport has a stable origin; Reka's -left/-top
-     * vars then place it against the active trigger, so this must NOT also
-     * centre with flex — the two would fight and the panel would land off by
-     * half its own width.
-     */
     viewportWrapper: string;
     viewport: string;
-    /**
-     * Absolute inside the viewport so the viewport measures it without being
-     * sized by it. `w-max` lets the grid decide its own width.
-     */
     content: string;
     panelLink: string;
     panelLabel: string;
     panelDescription: string;
-    /** Sits under the icon so a bare glyph does not float in the row. */
     panelIcon: string;
 }, import("tailwind-variants").TVReturnType<{
     orientation: {
@@ -117,7 +85,6 @@ export declare const navigationMenuTheme: import("tailwind-variants").TVReturnTy
             viewport: string;
         };
     };
-    /** Panels wider than one column. Only affects the grid inside the viewport. */
     columns: {
         1: {
             content: string;
@@ -133,29 +100,14 @@ export declare const navigationMenuTheme: import("tailwind-variants").TVReturnTy
     root: string;
     list: string;
     item: string;
-    /**
-     * A plain link and a panel trigger share their chrome, so the two kinds of
-     * top-level entry read as one row. `group` is here for the chevron.
-     */
     link: string;
     triggerIcon: string;
-    /**
-     * Spans the root so the viewport has a stable origin; Reka's -left/-top
-     * vars then place it against the active trigger, so this must NOT also
-     * centre with flex — the two would fight and the panel would land off by
-     * half its own width.
-     */
     viewportWrapper: string;
     viewport: string;
-    /**
-     * Absolute inside the viewport so the viewport measures it without being
-     * sized by it. `w-max` lets the grid decide its own width.
-     */
     content: string;
     panelLink: string;
     panelLabel: string;
     panelDescription: string;
-    /** Sits under the icon so a bare glyph does not float in the row. */
     panelIcon: string;
 }, undefined, unknown, unknown, undefined>>;
 export type NavigationMenuSlots = keyof ReturnType<typeof navigationMenuTheme>;

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

@@ -18,7 +18,6 @@ export declare const numberInputTheme: import("tailwind-variants").TVReturnType<
             input: string;
         };
     };
-    /** Leaves room for the stepper so long values can't slide under it. */
     withStepper: {
         true: {};
     };
@@ -47,7 +46,6 @@ export declare const numberInputTheme: import("tailwind-variants").TVReturnType<
             input: string;
         };
     };
-    /** Leaves room for the stepper so long values can't slide under it. */
     withStepper: {
         true: {};
     };
@@ -76,7 +74,6 @@ export declare const numberInputTheme: import("tailwind-variants").TVReturnType<
             input: string;
         };
     };
-    /** Leaves room for the stepper so long values can't slide under it. */
     withStepper: {
         true: {};
     };

package/dist/theme/page-header.d.ts

@@ -11,7 +11,6 @@ export declare const pageHeaderTheme: import("tailwind-variants").TVReturnType<{
     heading: string;
     title: string;
     description: string;
-    /** `shrink-0` keeps the buttons at their natural width as the title grows. */
     actions: string;
 }, undefined, {
     bordered: {
@@ -26,7 +25,6 @@ export declare const pageHeaderTheme: import("tailwind-variants").TVReturnType<{
     heading: string;
     title: string;
     description: string;
-    /** `shrink-0` keeps the buttons at their natural width as the title grows. */
     actions: string;
 }, import("tailwind-variants").TVReturnType<{
     bordered: {
@@ -41,7 +39,6 @@ export declare const pageHeaderTheme: import("tailwind-variants").TVReturnType<{
     heading: string;
     title: string;
     description: string;
-    /** `shrink-0` keeps the buttons at their natural width as the title grows. */
     actions: string;
 }, undefined, unknown, unknown, undefined>>;
 export type PageHeaderSlots = keyof ReturnType<typeof pageHeaderTheme>;

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

@@ -1,8 +1,3 @@
-/**
- * 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: {};
@@ -21,16 +16,10 @@ export declare const passwordInputTheme: import("tailwind-variants").TVReturnTyp
     };
 }, {
     root: string;
-    /**
-     * Edge draws its own reveal eye on `input[type=password]`, and its own
-     * clear cross once the field is revealed to `type=text`. Both would sit
-     * beside ours, so the field shows two of each in that browser only.
-     */
     input: string;
     toggle: string;
     meter: string;
     track: string;
-    /** Unfilled by default; the `score` variant paints the ones below it. */
     segment: string;
     label: string;
 }, undefined, {
@@ -51,16 +40,10 @@ export declare const passwordInputTheme: import("tailwind-variants").TVReturnTyp
     };
 }, {
     root: string;
-    /**
-     * Edge draws its own reveal eye on `input[type=password]`, and its own
-     * clear cross once the field is revealed to `type=text`. Both would sit
-     * beside ours, so the field shows two of each in that browser only.
-     */
     input: 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<{
@@ -81,16 +64,10 @@ export declare const passwordInputTheme: import("tailwind-variants").TVReturnTyp
     };
 }, {
     root: string;
-    /**
-     * Edge draws its own reveal eye on `input[type=password]`, and its own
-     * clear cross once the field is revealed to `type=text`. Both would sit
-     * beside ours, so the field shows two of each in that browser only.
-     */
     input: 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>>;

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

@@ -24,7 +24,6 @@ export declare const pinInputTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     input: string;
-    /** Sits between two groups of cells, e.g. 123–456. */
     separator: string;
 }, undefined, {
     size: {
@@ -52,7 +51,6 @@ export declare const pinInputTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     input: string;
-    /** Sits between two groups of cells, e.g. 123–456. */
     separator: string;
 }, import("tailwind-variants").TVReturnType<{
     size: {
@@ -80,7 +78,6 @@ export declare const pinInputTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     input: string;
-    /** Sits between two groups of cells, e.g. 123–456. */
     separator: string;
 }, undefined, unknown, unknown, undefined>>;
 export type PinInputSlots = keyof ReturnType<typeof pinInputTheme>;

package/dist/theme/popover.d.ts

@@ -1,5 +1,4 @@
 export declare const popoverTheme: import("tailwind-variants").TVReturnType<{
-    /** Insets the heading alone, leaving the body free to fill the panel. */
     withClose: {
         true: {
             title: string;
@@ -35,10 +34,8 @@ export declare const popoverTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     arrow: string;
     close: string;
-    /** Heading line. The only row that has to make way for the close button. */
     title: string;
 }, undefined, {
-    /** Insets the heading alone, leaving the body free to fill the panel. */
     withClose: {
         true: {
             title: string;
@@ -74,10 +71,8 @@ export declare const popoverTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     arrow: string;
     close: string;
-    /** Heading line. The only row that has to make way for the close button. */
     title: string;
 }, import("tailwind-variants").TVReturnType<{
-    /** Insets the heading alone, leaving the body free to fill the panel. */
     withClose: {
         true: {
             title: string;
@@ -113,7 +108,6 @@ export declare const popoverTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     arrow: string;
     close: string;
-    /** Heading line. The only row that has to make way for the close button. */
     title: string;
 }, undefined, unknown, unknown, undefined>>;
 export type PopoverSlots = keyof ReturnType<typeof popoverTheme>;

package/dist/theme/progress.d.ts

@@ -25,7 +25,6 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
             segment: string;
             legendSwatch: string;
         };
-        /** Unclaimed remainder, and the fallback for a segment with no variant. */
         neutral: {
             indicator: string;
             segment: string;
@@ -43,16 +42,6 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
             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.
-     *
-     * `iryx-progress-indeterminate` is a plain hook, not a utility: the
-     * reduced-motion rule in theme.css has to park this bar rather than let
-     * the blanket guard run it once and leave it past the end of its track,
-     * and a Tailwind class is not something that rule can address.
-     */
     indeterminate: {
         true: {
             indicator: string;
@@ -60,17 +49,11 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
     };
 }, {
     root: string;
-    /** Only rendered when a label or value text is shown. */
     header: string;
     label: string;
     value: string;
     track: string;
     indicator: string;
-    /**
-     * One run of a stacked bar. Width is inline (it is data), and only the
-     * outer edges are rounded — an inner radius would leave notches where two
-     * segments meet and read as a gap in the data rather than a boundary.
-     */
     segment: string;
     legend: string;
     legendItem: string;
@@ -103,7 +86,6 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
             segment: string;
             legendSwatch: string;
         };
-        /** Unclaimed remainder, and the fallback for a segment with no variant. */
         neutral: {
             indicator: string;
             segment: string;
@@ -121,16 +103,6 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
             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.
-     *
-     * `iryx-progress-indeterminate` is a plain hook, not a utility: the
-     * reduced-motion rule in theme.css has to park this bar rather than let
-     * the blanket guard run it once and leave it past the end of its track,
-     * and a Tailwind class is not something that rule can address.
-     */
     indeterminate: {
         true: {
             indicator: string;
@@ -138,17 +110,11 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
     };
 }, {
     root: string;
-    /** Only rendered when a label or value text is shown. */
     header: string;
     label: string;
     value: string;
     track: string;
     indicator: string;
-    /**
-     * One run of a stacked bar. Width is inline (it is data), and only the
-     * outer edges are rounded — an inner radius would leave notches where two
-     * segments meet and read as a gap in the data rather than a boundary.
-     */
     segment: string;
     legend: string;
     legendItem: string;
@@ -181,7 +147,6 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
             segment: string;
             legendSwatch: string;
         };
-        /** Unclaimed remainder, and the fallback for a segment with no variant. */
         neutral: {
             indicator: string;
             segment: string;
@@ -199,16 +164,6 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
             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.
-     *
-     * `iryx-progress-indeterminate` is a plain hook, not a utility: the
-     * reduced-motion rule in theme.css has to park this bar rather than let
-     * the blanket guard run it once and leave it past the end of its track,
-     * and a Tailwind class is not something that rule can address.
-     */
     indeterminate: {
         true: {
             indicator: string;
@@ -216,17 +171,11 @@ export declare const progressTheme: import("tailwind-variants").TVReturnType<{
     };
 }, {
     root: string;
-    /** Only rendered when a label or value text is shown. */
     header: string;
     label: string;
     value: string;
     track: string;
     indicator: string;
-    /**
-     * One run of a stacked bar. Width is inline (it is data), and only the
-     * outer edges are rounded — an inner radius would leave notches where two
-     * segments meet and read as a gap in the data rather than a boundary.
-     */
     segment: string;
     legend: string;
     legendItem: string;

package/dist/theme/scroll-area.d.ts

@@ -17,7 +17,6 @@ export declare const scrollAreaTheme: import("tailwind-variants").TVReturnType<{
     viewport: string;
     scrollbar: string;
     thumb: string;
-    /** Fills the square where a horizontal and a vertical bar meet. */
     corner: string;
 }, undefined, {
     orientation: {
@@ -38,7 +37,6 @@ export declare const scrollAreaTheme: import("tailwind-variants").TVReturnType<{
     viewport: string;
     scrollbar: string;
     thumb: string;
-    /** Fills the square where a horizontal and a vertical bar meet. */
     corner: string;
 }, import("tailwind-variants").TVReturnType<{
     orientation: {
@@ -59,7 +57,6 @@ export declare const scrollAreaTheme: import("tailwind-variants").TVReturnType<{
     viewport: string;
     scrollbar: string;
     thumb: string;
-    /** Fills the square where a horizontal and a vertical bar meet. */
     corner: string;
 }, undefined, unknown, unknown, undefined>>;
 export type ScrollAreaSlots = keyof ReturnType<typeof scrollAreaTheme>;

package/dist/theme/separator.d.ts

@@ -12,7 +12,6 @@ export declare const separatorTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     line: string;
-    /** Only rendered when a label is provided. */
     label: string;
 }, undefined, {
     orientation: {
@@ -28,7 +27,6 @@ export declare const separatorTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     line: string;
-    /** Only rendered when a label is provided. */
     label: string;
 }, import("tailwind-variants").TVReturnType<{
     orientation: {
@@ -44,7 +42,6 @@ export declare const separatorTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     line: string;
-    /** Only rendered when a label is provided. */
     label: string;
 }, undefined, unknown, unknown, undefined>>;
 export type SeparatorSlots = keyof ReturnType<typeof separatorTheme>;