iryx-ui 0.17.0 → 0.18.0

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

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

package/dist/components/Card.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,10 +1,11 @@
+import type { ClassValue } from '../class-value';
 import type { ChartSeries } from '../composables/cartesian';
 export interface ChartLegendProps {
     series: readonly ChartSeries[];
     /** Dim the entries that are not the one being hovered. */
     active?: number;
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: Partial<Record<'root' | 'item' | 'swatch' | 'name', string>>;
 }
 declare const __VLS_export: import("vue").DefineComponent<ChartLegendProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChartLegendProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ChartLegend.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,12 @@ var h = /*@__PURE__*/ c({
 		series: {},
 		active: {},
 		unstyled: { type: Boolean },
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	},
 	setup(c) {

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

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

package/dist/components/Checkbox.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface CollapsibleProps {
     /** Label on the trigger. Ignored when the `trigger` slot is used. */
     label?: string;
@@ -16,7 +17,7 @@ export interface CollapsibleProps {
     unmountOnHide?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ content: 'pt-2' }`. */
     ui?: {
         root?: string;
@@ -28,7 +29,7 @@ export interface CollapsibleProps {
 /** One region, with no siblings to coordinate with — see `IAccordion` for a list. */
 type __VLS_Props = CollapsibleProps;
 type __VLS_ModelProps = {
-    'open'?: boolean;
+    'open'?: boolean | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_14: {
@@ -42,9 +43,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_27) => 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;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/Collapsible.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface ColorPickerProps {
     /**
      * The colour as a hex **string** — `#16a372`, or `#16a372ff` with `alpha`.
@@ -19,7 +20,7 @@ export interface ColorPickerProps {
     disabled?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ area: 'h-56' }`. */
     ui?: {
         root?: string;

package/dist/components/ColorPicker.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,4 +1,5 @@
 import type { AcceptableValue, ComboboxRootProps } from 'reka-ui';
+import type { ClassValue } from '../class-value';
 export interface ComboboxItemOption {
     label: string;
     value: string;
@@ -58,7 +59,7 @@ export interface ComboboxProps extends ComboboxRootProps {
     overscan?: number;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: {
         anchor?: string;
         input?: string;

package/dist/components/Combobox.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { CommandEntry, CommandItem } from '../composables/command-palette';
 export interface CommandPaletteProps {
     /** Commands, optionally grouped. An entry with `items` is a group. */
@@ -18,7 +19,7 @@ export interface CommandPaletteProps {
     footer?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: Partial<Record<'overlay' | 'content' | 'header' | 'icon' | 'input' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemIcon' | 'itemLabel' | 'shortcut' | 'key' | 'empty' | 'footer' | 'list', string>>;
 }
 type __VLS_Props = CommandPaletteProps;

package/dist/components/CommandPalette.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface ConfirmDialogProps {
     /** Fallback confirm label, used when a request doesn't supply one. */
     confirmLabel?: string;
@@ -6,7 +7,7 @@ export interface ConfirmDialogProps {
     size?: 'sm' | 'md' | 'lg' | 'xl';
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
 }
 declare const __VLS_export: import("vue").DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ConfirmDialogProps> & Readonly<{}>, {
     size: "sm" | "md" | "lg" | "xl";

package/dist/components/ConfirmDialog.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface ContainerProps {
     /** Render as a different element or component. */
     as?: string;
@@ -9,7 +10,7 @@ export interface ContainerProps {
     gutter?: 'none' | 'sm' | 'md' | 'lg';
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ root: 'py-10' }`. */
     ui?: {
         root?: string;

package/dist/components/Container.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { DropdownMenuEntry } from '../composables/dropdown-menu';
 export interface ContextMenuProps {
     /** Entries to render. Nest by giving an entry its own `items`. */
@@ -8,7 +9,7 @@ export interface ContextMenuProps {
     collisionPadding?: number;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ item: 'py-2' }`. */
     ui?: {
         content?: string;

package/dist/components/ContextMenu.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface DateFieldProps {
     /** ISO `YYYY-MM-DD`, never a `Date`. See `composables/date.ts` for why. */
     modelValue?: string | null;
@@ -18,7 +19,7 @@ export interface DateFieldProps {
     required?: boolean;
     /** 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/DateField.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/DatePicker.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface DatePickerProps {
     size?: 'sm' | 'md' | 'lg';
     placeholder?: string;
@@ -30,7 +31,7 @@ export interface DatePickerProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     /** Applied to the trigger, which is the element carrying the field chrome. */
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ content: 'p-4' }`. */
     ui?: Partial<Record<'trigger' | 'placeholder' | 'content' | 'header' | 'heading' | 'nav' | 'months' | 'grid' | 'headCell' | 'cell' | 'cellTrigger' | 'footer' | 'action', string>>;
 }

package/dist/components/DatePicker.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 /** Both ends are ISO `YYYY-MM-DD` strings, and either may be absent. */
 export interface DateRange {
     start: string | null;
@@ -33,7 +34,7 @@ export interface DateRangePickerProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     /** Applied to the trigger, which is the element carrying the field chrome. */
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ content: 'p-4' }`. */
     ui?: Partial<Record<'trigger' | 'placeholder' | 'content' | 'header' | 'heading' | 'nav' | 'months' | 'grid' | 'headCell' | 'cell' | 'cellTrigger' | 'footer' | 'action', string>>;
 }

package/dist/components/DateRangePicker.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface DialogProps {
     title?: string;
     description?: string;
@@ -10,7 +11,7 @@ export interface DialogProps {
     closeLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ content: 'max-w-3xl' }`. */
     ui?: {
         overlay?: string;

package/dist/components/Dialog.vue_vue_type_script_setup_true_lang.js

@@ -24,7 +24,12 @@ var A = ["aria-label"], j = /*@__PURE__*/ u({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		open: {

package/dist/components/DonutChart.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';
 /**
@@ -65,7 +66,7 @@ export interface DonutChartProps {
     label?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: Partial<Record<'root' | 'svg' | 'slice' | 'center' | 'tooltip' | 'tooltipLabel' | 'tooltipValue' | 'tooltipShare' | 'table', string>>;
 }
 type __VLS_Slots = {

package/dist/components/DonutChart.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export type DrawerSide = 'right' | 'left' | 'top' | 'bottom';
 /** Fractions of the panel (0–1), pixel numbers, or CSS lengths like `'20rem'`. */
 export type DrawerSnapPoint = number | string;
@@ -32,7 +33,7 @@ export interface DrawerProps {
     closeLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ content: 'sm:max-w-3xl' }`. */
     ui?: {
         overlay?: string;

package/dist/components/Drawer.vue_vue_type_script_setup_true_lang.js

@@ -35,7 +35,12 @@ var j = ["aria-label"], M = /*@__PURE__*/ l({
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		open: {

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { DropdownMenuEntry } from '../composables/dropdown-menu';
 export interface DropdownMenuProps {
     /** Entries to render. Nest by giving an entry its own `items`. */
@@ -9,7 +10,7 @@ export interface DropdownMenuProps {
     sideOffset?: number;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ item: 'py-2' }`. */
     ui?: {
         content?: string;

package/dist/components/DropdownMenu.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface EditableProps {
     modelValue?: string;
     placeholder?: string;
@@ -39,7 +40,7 @@ export interface EditableProps {
     cancelLabel?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     ui?: {
         root?: string;
         area?: string;

package/dist/components/Editable.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { IconLike } from '../composables/icon';
 export interface EmptyStateProps {
     /** Render as a different element or component. */
@@ -9,7 +10,7 @@ export interface EmptyStateProps {
     size?: 'sm' | 'md' | 'lg';
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ title: 'text-xl' }`. */
     ui?: {
         root?: string;

package/dist/components/EmptyState.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 /** Why a file was turned away, so the caller can word its own message. */
 export interface FileRejection {
     file: File;
@@ -30,7 +31,7 @@ export interface FileUploadProps {
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     /** Applied to the outer wrapper, which stacks the zone above the list. */
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ dropzone: 'py-10' }`. */
     ui?: Partial<Record<'root' | 'dropzone' | 'input' | 'icon' | 'label' | 'browse' | 'hint' | 'list' | 'item' | 'thumbnail' | 'placeholder' | 'details' | 'name' | 'meta' | 'remove' | 'error', string>>;
 }

package/dist/components/FileUpload.vue_vue_type_script_setup_true_lang.js

@@ -41,7 +41,12 @@ var D = [
 			type: Boolean,
 			default: void 0
 		},
-		class: {},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
 		ui: {}
 	}, {
 		modelValue: { default: () => [] },

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { FormError, FormSubmitEvent, FormValidateOn, StandardSchemaLike } from '../composables/form';
 export interface FormProps<S extends Record<string, any>> {
     /** Reactive object holding the field values. */
@@ -9,7 +10,7 @@ export interface FormProps<S extends Record<string, any>> {
     /** Which interactions re-validate a field. Submit always validates everything. */
     validateOn?: FormValidateOn[];
     disabled?: boolean;
-    class?: string;
+    class?: ClassValue;
 }
 declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<FormProps<T> & {

package/dist/components/Form.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,12 @@ var d = /*@__PURE__*/ a({
 		validate: {},
 		validateOn: { default: () => ["blur", "change"] },
 		disabled: { type: Boolean },
-		class: {}
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] }
 	},
 	emits: ["submit", "error"],
 	setup(a, { expose: d, emit: f }) {