iryx-ui 0.17.0 → 0.18.0

package/dist/components/FormField.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface FormFieldProps {
     /** Dot-path into the form state. Links this field to its validation errors. */
     name?: string;
@@ -13,7 +14,7 @@ export interface FormFieldProps {
     error?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: {
         root?: string;
         header?: string;

package/dist/components/FormField.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,12 @@ var x = ["data-iryx-field"], S = ["id"], C = ["id"], w = ["id"], T = /*@__PURE__
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(d) {

package/dist/components/HoverCard.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface HoverCardProps {
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
@@ -22,7 +23,7 @@ export interface HoverCardProps {
     width?: 'none' | 'sm' | 'md' | 'lg';
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: {
         content?: string;
         arrow?: string;
@@ -39,7 +40,7 @@ export interface HoverCardProps {
  */
 type __VLS_Props = HoverCardProps;
 type __VLS_ModelProps = {
-    'open'?: boolean;
+    'open'?: boolean | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_14: {}, __VLS_28: {};
@@ -49,9 +50,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_28) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    "update:open": (value: boolean | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     unstyled: boolean;
     side: "top" | "right" | "bottom" | "left";

package/dist/components/HoverCard.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,12 @@ var y = /*@__PURE__*/ o({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		open: {

package/dist/components/Icon.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { IconLike } from '../composables/icon';
 export interface IconProps {
     icon?: IconLike;
@@ -7,7 +8,7 @@ export interface IconProps {
      * such as inside a control with no visible text.
      */
     label?: string;
-    class?: string;
+    class?: ClassValue;
 }
 declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/Icon.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,12 @@ var u = /*@__PURE__*/ i({
 	props: {
 		icon: {},
 		label: {},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] }
 	},
 	setup(i) {
 		let u = i, d = t(() => u.icon && e(u.icon) ? u.icon : void 0), f = t(() => u.label ? {

package/dist/components/Input.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface InputProps {
     type?: string;
     size?: 'sm' | 'md' | 'lg';
@@ -22,7 +23,7 @@ export interface InputProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     /** Applied to the outer field, which is the element carrying the chrome. */
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ input: 'text-right' }`. */
     ui?: {
         root?: string;

package/dist/components/Input.vue_vue_type_script_setup_true_lang.js

@@ -36,7 +36,12 @@ var T = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		modelValue: {},

package/dist/components/Kbd.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface KbdProps {
     /**
      * The shortcut — `'mod+k'`, or `['mod', 'k']`. `mod` is Command on Apple
@@ -18,7 +19,7 @@ export interface KbdProps {
     ariaLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ key: 'bg-background' }`. */
     ui?: {
         root?: string;

package/dist/components/Kbd.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,12 @@ var g = ["aria-label"], _ = /*@__PURE__*/ u({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(u) {

package/dist/components/Label.vue.d.ts

@@ -1,10 +1,11 @@
 import type { LabelProps as RekaLabelProps } from 'reka-ui';
+import type { ClassValue } from '../class-value';
 export interface LabelProps extends RekaLabelProps {
     /** Append a red asterisk to mark the associated field as required. */
     required?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
 }
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {

package/dist/components/Label.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,12 @@ var d = /*@__PURE__*/ i({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		for: {},
 		asChild: { type: Boolean },
 		as: {}

package/dist/components/LineChart.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { ChartSeries } from '../composables/cartesian';
 import type { ChartAnimate } from '../composables/chart-reveal';
 import type { SparseValue } from '../composables/scale';
@@ -64,7 +65,7 @@ export interface LineChartProps {
     label?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: Partial<Record<'root' | 'svg' | 'grid' | 'tick' | 'category' | 'line' | 'area' | 'crosshair' | 'marker' | 'markerRing' | 'tooltip' | 'tooltipLabel' | 'tooltipValue' | 'table', string>>;
 }
 declare var __VLS_6: {

package/dist/components/LineChart.vue_vue_type_script_setup_true_lang.js

@@ -67,7 +67,12 @@ var te = ["role", "aria-label"], ne = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(g) {

package/dist/components/Menubar.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { DropdownMenuEntry } from '../composables/dropdown-menu';
 export interface MenubarMenuOption {
     label: string;
@@ -17,7 +18,7 @@ export interface MenubarProps {
     sideOffset?: number;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ trigger: 'px-4' }`. */
     ui?: {
         root?: string;
@@ -34,7 +35,7 @@ export interface MenubarProps {
 type __VLS_Props = MenubarProps;
 type __VLS_ModelProps = {
     /** Which menu is open, by value. Empty string means none. */
-    modelValue?: string;
+    modelValue?: string | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_20: {
@@ -44,9 +45,9 @@ type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
     unstyled: boolean;
     align: "start" | "center" | "end";

package/dist/components/Menubar.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,12 @@ var T = /*@__PURE__*/ u({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		modelValue: { default: void 0 },

package/dist/components/NavigationMenu.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { NavigationMenuEntry, NavigationMenuGroupItem, NavigationMenuLinkItem } from '../composables/navigation-menu';
 export interface NavigationMenuProps {
     /** Top-level entries. An entry with `items` opens a panel. */
@@ -16,7 +17,7 @@ export interface NavigationMenuProps {
     disableHoverTrigger?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ viewport: 'w-96' }`. */
     ui?: {
         root?: string;
@@ -36,7 +37,7 @@ export interface NavigationMenuProps {
 type __VLS_Props = NavigationMenuProps;
 type __VLS_ModelProps = {
     /** Which panel is open, by entry value. Empty string means none. */
-    modelValue?: string;
+    modelValue?: string | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_14: {}, __VLS_28: {
@@ -56,9 +57,9 @@ type __VLS_Slots = {} & {
     item?: (props: typeof __VLS_81) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
     label: string;
     unstyled: boolean;

package/dist/components/NavigationMenu.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,12 @@ var j = /*@__PURE__*/ f({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		modelValue: { default: void 0 },

package/dist/components/NumberInput.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface NumberInputProps {
     /** Smallest allowed value, as a decimal string. */
     min?: string;
@@ -26,7 +27,7 @@ export interface NumberInputProps {
     decrementLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ step: 'px-2' }`. */
     ui?: {
         root?: string;

package/dist/components/NumberInput.vue_vue_type_script_setup_true_lang.js

@@ -44,7 +44,12 @@ var M = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		modelValue: { default: "" },

package/dist/components/PageHeader.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface PageHeaderProps {
     /** Render as a different element or component. */
     as?: string;
@@ -12,7 +13,7 @@ export interface PageHeaderProps {
     bordered?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ title: 'text-3xl' }`. */
     ui?: {
         root?: string;

package/dist/components/PageHeader.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,12 @@ var _ = /*@__PURE__*/ c({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(c) {

package/dist/components/Pagination.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface PaginationProps {
     /** Total number of records, not pages. */
     total?: number;
@@ -15,7 +16,7 @@ export interface PaginationProps {
     label?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ item: 'rounded-full' }`. */
     ui?: {
         root?: string;

package/dist/components/Pagination.vue_vue_type_script_setup_true_lang.js

@@ -24,7 +24,12 @@ var D = /*@__PURE__*/ l({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		page: { default: 1 },

package/dist/components/PasswordInput.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface PasswordInputProps {
     size?: 'sm' | 'md' | 'lg';
     placeholder?: string;
@@ -21,7 +22,7 @@ export interface PasswordInputProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     /** Applied to the outer wrapper, which stacks the field above the meter. */
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ meter: 'mt-1' }`. */
     ui?: {
         root?: string;

package/dist/components/PasswordInput.vue_vue_type_script_setup_true_lang.js

@@ -39,7 +39,12 @@ var w = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		modelValue: { default: "" },

package/dist/components/PinInput.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface PinInputProps {
     /**
      * The code, as a plain string. Reka works in arrays of single characters;
@@ -32,7 +33,7 @@ export interface PinInputProps {
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ input: 'size-14' }`. */
     ui?: {
         root?: string;

package/dist/components/PinInput.vue_vue_type_script_setup_true_lang.js

@@ -22,7 +22,12 @@ var y = /*@__PURE__*/ l({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	emits: ["update:modelValue", "complete"],

package/dist/components/Popover.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface PopoverProps {
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
@@ -25,7 +26,7 @@ export interface PopoverProps {
     ariaLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ content: 'w-96' }`. */
     ui?: {
         content?: string;
@@ -41,7 +42,7 @@ export interface PopoverProps {
  */
 type __VLS_Props = PopoverProps;
 type __VLS_ModelProps = {
-    'open'?: boolean;
+    'open'?: boolean | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_14: {}, __VLS_28: {}, __VLS_30: {
@@ -55,9 +56,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    "update:open": (value: boolean | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     unstyled: boolean;
     closeLabel: string;

package/dist/components/Popover.vue_vue_type_script_setup_true_lang.js

@@ -23,7 +23,12 @@ var T = /*@__PURE__*/ l({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		open: {

package/dist/components/Progress.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export type ProgressVariant = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
 export interface ProgressSegment {
     /** Amount this run covers, on the same scale as `max`. */
@@ -31,7 +32,7 @@ export interface ProgressProps {
     formatValue?: (value: number, max: number) => string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ track: 'h-4' }`. */
     ui?: {
         root?: string;

package/dist/components/Progress.vue_vue_type_script_setup_true_lang.js

@@ -23,7 +23,12 @@ var w = ["id"], T = {
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(u) {

package/dist/components/RadioGroup.vue.d.ts

@@ -1,4 +1,5 @@
 import type { RadioGroupRootProps } from 'reka-ui';
+import type { ClassValue } from '../class-value';
 export interface RadioGroupItemOption {
     label: string;
     value: string;
@@ -12,7 +13,7 @@ export interface RadioGroupProps extends RadioGroupRootProps {
     size?: 'sm' | 'md' | 'lg';
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: {
         root?: string;
         item?: string;

package/dist/components/RadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,12 @@ var T = ["id"], E = /*@__PURE__*/ u({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {},
 		modelValue: {},
 		defaultValue: {},

package/dist/components/ScrollArea.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface ScrollAreaProps {
     /**
      * When the bars show. `hover` is the quietest and `always` the most
@@ -12,7 +13,7 @@ export interface ScrollAreaProps {
     scrollHideDelay?: number;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ thumb: 'bg-primary' }`. */
     ui?: {
         root?: string;

package/dist/components/ScrollArea.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,12 @@ var _ = /*@__PURE__*/ o({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(o) {

package/dist/components/ScrollFade.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface ScrollFadeProps {
     /** Which way it scrolls. */
     orientation?: 'vertical' | 'horizontal';
@@ -9,7 +10,7 @@ export interface ScrollFadeProps {
     fadeEnd?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
 }
 type __VLS_Slots = {
     /** Receives the live edge state, for a caller who wants to react to it. */

package/dist/components/ScrollFade.vue_vue_type_script_setup_true_lang.js

@@ -24,7 +24,12 @@ var m = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] }
 	},
 	setup(o) {
 		let h = o, g = u(), { atStart: _, atEnd: v, overflowing: y } = n(g, f(h, "orientation")), b = i(() => {

package/dist/components/Select.vue.d.ts

@@ -1,4 +1,5 @@
 import type { SelectRootProps } from 'reka-ui';
+import type { ClassValue } from '../class-value';
 export interface SelectItemOption {
     label: string;
     value: string;
@@ -20,7 +21,7 @@ export interface SelectProps extends SelectRootProps {
     size?: 'sm' | 'md' | 'lg';
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: {
         trigger?: string;
         content?: string;