iryx-ui 0.17.0 → 0.18.0

package/dist/components/Select.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface SeparatorProps {
     orientation?: 'horizontal' | 'vertical';
     /** Text shown in the middle of the rule. */
@@ -9,7 +10,7 @@ export interface SeparatorProps {
     decorative?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ line: 'bg-primary' }`. */
     ui?: {
         root?: string;

package/dist/components/Separator.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { SidebarItems, SidebarLink } from '../composables/sidebar';
 export interface SidebarProps {
     /** Links, optionally grouped into labelled sections. */
@@ -11,7 +12,7 @@ export interface SidebarProps {
     label?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ nav: 'px-4' }`. */
     ui?: {
         root?: string;

package/dist/components/Sidebar.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface SignaturePadProps {
     /**
      * The signature as a PNG data URL, or `null` when nothing has been drawn.
@@ -19,7 +20,7 @@ export interface SignaturePadProps {
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ canvas: 'bg-white' }`. */
     ui?: {
         root?: string;

package/dist/components/SignaturePad.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface SkeletonProps {
     /** Render as a different element or component. */
     as?: string;
@@ -8,7 +9,7 @@ export interface SkeletonProps {
     label?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
 }
 declare const __VLS_export: import("vue").DefineComponent<SkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
     label: string;

package/dist/components/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,12 @@ var f = ["aria-label"], p = /*@__PURE__*/ o({
 			type: Boolean,
 			default: void 0
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] }
 	},
 	setup(o) {
 		let p = o, m = e(), h = r(() => p.unstyled ?? m.unstyled), g = r(() => Math.max(1, p.lines)), _ = r(() => h.value ? void 0 : t({ variant: p.variant })), v = r(() => h.value || g.value > 1 ? p.class : t({

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

@@ -1,4 +1,5 @@
 import type { SliderRootProps } from 'reka-ui';
+import type { ClassValue } from '../class-value';
 export interface SliderProps extends /* @vue-ignore */ Omit<SliderRootProps, 'modelValue' | 'defaultValue'> {
     /**
      * A single number for one thumb, an array for a range. Whichever shape you
@@ -34,7 +35,7 @@ export interface SliderProps extends /* @vue-ignore */ Omit<SliderRootProps, 'mo
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ thumb: 'size-6' }`. */
     ui?: {
         root?: string;

package/dist/components/Slider.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { ChartAnimate } from '../composables/chart-reveal';
 import type { SparseValue } from '../composables/scale';
 export interface SparklineProps {
@@ -31,7 +32,7 @@ export interface SparklineProps {
     animate?: ChartAnimate;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ line: 'stroke-[3]' }`. */
     ui?: Partial<Record<'root' | 'plot' | 'line' | 'area' | 'dot' | 'ring', string>>;
 }

package/dist/components/Sparkline.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,12 @@ var _ = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(d) {

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface SplitterPanelOption {
     /** Starting size, as a percentage of the group. */
     size?: number;
@@ -23,7 +24,7 @@ export interface SplitterProps {
     keyboardResizeBy?: number;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ rule: 'bg-primary' }`. */
     ui?: {
         root?: string;

package/dist/components/Splitter.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface StatProps {
     /** Render as a different element or component. */
     as?: string;
@@ -20,7 +21,7 @@ export interface StatProps {
     formatDelta?: (delta: number) => string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ value: 'text-4xl' }`. */
     ui?: {
         root?: string;

package/dist/components/Stat.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface StepperItemOption {
     title: string;
     description?: string;
@@ -17,7 +18,7 @@ export interface StepperProps {
     linear?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ indicator: 'size-10' }`. */
     ui?: {
         root?: string;

package/dist/components/Stepper.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,4 +1,5 @@
 import type { SwitchRootProps } from 'reka-ui';
+import type { ClassValue } from '../class-value';
 export interface SwitchProps extends SwitchRootProps {
     /** Text shown beside the switch. Also makes the text clickable. */
     label?: string;
@@ -8,7 +9,7 @@ export interface SwitchProps extends SwitchRootProps {
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ thumb: 'bg-black' }`. */
     ui?: {
         wrapper?: string;

package/dist/components/Switch.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { TableColumn, TableSort } from '../composables/data-table';
 export interface TableProps<Row = any> {
     /** The rows to render. In server mode this is already the page the server returned. */
@@ -35,7 +36,7 @@ export interface TableProps<Row = any> {
     caption?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ td: 'py-1' }`. */
     ui?: {
         root?: string;

package/dist/components/Table.vue_vue_type_script_setup_true_lang.js

@@ -36,7 +36,12 @@ var te = ["aria-label", "aria-busy"], ne = ["aria-sort"], k = ["onClick"], A = {
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		sort: { default: null },
@@ -208,11 +213,10 @@ var te = ["aria-label", "aria-busy"], ne = ["aria-sort"], k = ["onClick"], A = {
 						ae(r, t)
 					].filter(Boolean).join(" ") || void 0))
 				}, [oe(r, t) ? l("", !0) : b(e.$slots, `cell-${t.key}`, {
-					key: 0,
 					row: r,
 					column: t,
 					value: S(W).getRowValue(r, t.key)
-				}, () => [f(x(S(W).getRowValue(r, t.key)), 1)])], 2))), 128)),
+				}, () => [f(x(S(W).getRowValue(r, t.key)), 1)], void 0, 0)], 2))), 128)),
 				e.$slots["row-actions"] ? (v(), u("td", {
 					key: 2,
 					class: g(X("actions")),

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { IconLike } from '../composables/icon';
 export interface TabsItem {
     label: string;
@@ -17,7 +18,7 @@ export interface TabsProps {
     keepMounted?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ list: 'w-full' }`. */
     ui?: {
         root?: string;
@@ -29,7 +30,7 @@ export interface TabsProps {
 }
 type __VLS_Props = TabsProps;
 type __VLS_ModelProps = {
-    modelValue?: string;
+    modelValue?: string | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_19: {}, __VLS_27: {
@@ -47,9 +48,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_34) => 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;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,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/TagsInput.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface TagsInputProps {
     modelValue?: string[];
     placeholder?: string;
@@ -27,7 +28,7 @@ export interface TagsInputProps {
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ tag: 'bg-accent' }`. */
     ui?: {
         root?: string;

package/dist/components/TagsInput.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface TextareaProps {
     size?: 'sm' | 'md' | 'lg';
     /**
@@ -21,7 +22,7 @@ export interface TextareaProps {
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {

package/dist/components/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,12 @@ var _ = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] }
 	}, {
 		modelValue: {},
 		modelModifiers: {}

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface TimeFieldProps {
     /**
      * The time as a `HH:mm` (or `HH:mm:ss`) **string** on a 24-hour clock,
@@ -30,7 +31,7 @@ export interface TimeFieldProps {
     id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ segment: 'px-1' }`. */
     ui?: {
         root?: string;

package/dist/components/TimeField.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { IconLike } from '../composables/icon';
 export type TimelineVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
 export interface TimelineItem {
@@ -21,7 +22,7 @@ export interface TimelineProps {
     variant?: TimelineVariant;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ title: 'text-base' }`. */
     ui?: {
         root?: string;

package/dist/components/Timeline.vue_vue_type_script_setup_true_lang.js

@@ -13,7 +13,12 @@ var h = ["datetime"], g = /*@__PURE__*/ l({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(l) {

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface ToasterProps {
     position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
     /** Default milliseconds before auto-dismiss; a toast's own `duration` wins. */
@@ -6,7 +7,7 @@ export interface ToasterProps {
     closeLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ viewport: 'sm:max-w-md' }`. */
     ui?: {
         viewport?: string;

package/dist/components/Toaster.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface ToggleProps {
     /** Pressed or not. Two-way via `v-model`. */
     modelValue?: boolean | null;
@@ -18,7 +19,7 @@ export interface ToggleProps {
     block?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
 }
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {

package/dist/components/Toggle.vue_vue_type_script_setup_true_lang.js

@@ -20,7 +20,12 @@ var d = /*@__PURE__*/ i({
 			type: Boolean,
 			default: void 0
 		},
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] }
 	},
 	emits: ["update:modelValue"],
 	setup(i, { emit: d }) {

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { IconLike } from '../composables/icon';
 import type { ToggleGroupVariant } from '../theme/toggle';
 export interface ToggleGroupItemOption {
@@ -33,7 +34,7 @@ export interface ToggleGroupProps {
     loop?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ item: 'px-6' }`. */
     ui?: {
         root?: string;

package/dist/components/ToggleGroup.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { IconLike } from '../composables/icon';
 export interface ToolbarButtonOption {
     label: string;
@@ -26,7 +27,7 @@ export interface ToolbarProps {
     ariaLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ button: 'px-3' }`. */
     ui?: {
         root?: string;

package/dist/components/Toolbar.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,12 @@ var x = { key: 1 }, S = { key: 1 }, C = /*@__PURE__*/ l({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(l) {