iryx-ui 0.17.1 → 0.18.1

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 export interface TooltipProps {
     /** Tooltip text. Ignored when the `content` slot is used. */
     text?: string;
@@ -11,7 +12,7 @@ export interface TooltipProps {
     disabled?: boolean;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
-    class?: string;
+    class?: ClassValue;
     /** Override classes per slot, e.g. `{ content: 'max-w-sm' }`. */
     ui?: {
         content?: string;
@@ -20,7 +21,7 @@ export interface TooltipProps {
 }
 type __VLS_Props = TooltipProps;
 type __VLS_ModelProps = {
-    'open'?: boolean;
+    'open'?: boolean | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_20: {}, __VLS_34: {};
@@ -30,9 +31,9 @@ type __VLS_Slots = {} & {
     content?: (props: typeof __VLS_34) => 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/Tooltip.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,3 +1,4 @@
+import type { ClassValue } from '../class-value';
 import type { IconLike } from '../composables/icon';
 export interface TreeItemOption {
     label: string;
@@ -30,7 +31,7 @@ export interface TreeProps {
     ariaLabel?: string;
     /** 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?: {
         root?: string;

package/dist/components/Tree.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { default as Alert } from './Alert.vue';
 export { default as App } from './App.vue';
 export { default as AppShell } from './AppShell.vue';
 export { default as AspectRatio } from './AspectRatio.vue';
+export { default as AuthProviders } from './AuthProviders.vue';
 export { default as Avatar } from './Avatar.vue';
 export { default as AvatarGroup } from './AvatarGroup.vue';
 export { default as Badge } from './Badge.vue';

package/dist/components/index.js

@@ -6,155 +6,157 @@ import i from "./App.js";
 import a from "./Drawer.js";
 import o from "./AppShell.js";
 import s from "./AspectRatio.js";
-import c from "./Avatar.js";
-import l from "./AvatarGroup.js";
-import u from "./Badge.js";
-import d from "./Banner.js";
-import f from "./ChartLegend.js";
-import p from "./BarChart.js";
-import m from "./Breadcrumb.js";
-import h from "./Button.js";
-import g from "./ButtonGroup.js";
-import _ from "./Calendar.js";
-import v from "./Card.js";
-import y from "./Checkbox.js";
-import b from "./Collapsible.js";
-import x from "./ColorPicker.js";
-import S from "./Combobox.js";
-import C from "./Kbd.js";
-import w from "./CommandPalette.js";
-import T from "./Dialog.js";
-import E from "./ConfirmDialog.js";
-import D from "./Container.js";
-import O from "./ContextMenu.js";
-import k from "./DateField.js";
-import A from "./DatePicker.js";
-import j from "./DateRangePicker.js";
-import M from "./DonutChart.js";
-import N from "./DropdownMenu.js";
-import P from "./Editable.js";
-import F from "./EmptyState.js";
-import I from "./FileUpload.js";
-import L from "./Form.js";
-import R from "./Label.js";
-import z from "./FormField.js";
-import B from "./HoverCard.js";
-import V from "./Input.js";
-import H from "./LineChart.js";
-import U from "./Menubar.js";
-import W from "./NavigationMenu.js";
-import G from "./NumberInput.js";
-import K from "./PageHeader.js";
-import q from "./Pagination.js";
-import J from "./PasswordInput.js";
-import Y from "./PinInput.js";
-import X from "./Popover.js";
-import Z from "./Progress.js";
-import Q from "./RadioGroup.js";
-import $ from "./ScrollArea.js";
-import ee from "./ScrollFade.js";
-import te from "./Select.js";
-import ne from "./Separator.js";
-import re from "./Sidebar.js";
-import ie from "./SignaturePad.js";
-import ae from "./Skeleton.js";
-import oe from "./Slider.js";
-import se from "./Sparkline.js";
-import ce from "./Splitter.js";
-import le from "./Stat.js";
-import ue from "./Stepper.js";
-import de from "./Switch.js";
-import fe from "./Table.js";
-import pe from "./Tabs.js";
-import me from "./TagsInput.js";
-import he from "./Textarea.js";
-import ge from "./TimeField.js";
-import _e from "./Timeline.js";
-import ve from "./Toaster.js";
-import ye from "./Toggle.js";
-import be from "./ToggleGroup.js";
-import xe from "./Toolbar.js";
-import Se from "./Tooltip.js";
-import Ce from "./Tree.js";
+import c from "./Button.js";
+import l from "./AuthProviders.js";
+import u from "./Avatar.js";
+import d from "./AvatarGroup.js";
+import f from "./Badge.js";
+import p from "./Banner.js";
+import m from "./ChartLegend.js";
+import h from "./BarChart.js";
+import g from "./Breadcrumb.js";
+import _ from "./ButtonGroup.js";
+import v from "./Calendar.js";
+import y from "./Card.js";
+import b from "./Checkbox.js";
+import x from "./Collapsible.js";
+import S from "./ColorPicker.js";
+import C from "./Combobox.js";
+import w from "./Kbd.js";
+import T from "./CommandPalette.js";
+import E from "./Dialog.js";
+import D from "./ConfirmDialog.js";
+import O from "./Container.js";
+import k from "./ContextMenu.js";
+import A from "./DateField.js";
+import j from "./DatePicker.js";
+import M from "./DateRangePicker.js";
+import N from "./DonutChart.js";
+import P from "./DropdownMenu.js";
+import F from "./Editable.js";
+import I from "./EmptyState.js";
+import L from "./FileUpload.js";
+import R from "./Form.js";
+import z from "./Label.js";
+import B from "./FormField.js";
+import V from "./HoverCard.js";
+import H from "./Input.js";
+import U from "./LineChart.js";
+import W from "./Menubar.js";
+import G from "./NavigationMenu.js";
+import K from "./NumberInput.js";
+import q from "./PageHeader.js";
+import J from "./Pagination.js";
+import Y from "./PasswordInput.js";
+import X from "./PinInput.js";
+import Z from "./Popover.js";
+import Q from "./Progress.js";
+import $ from "./RadioGroup.js";
+import ee from "./ScrollArea.js";
+import te from "./ScrollFade.js";
+import ne from "./Select.js";
+import re from "./Separator.js";
+import ie from "./Sidebar.js";
+import ae from "./SignaturePad.js";
+import oe from "./Skeleton.js";
+import se from "./Slider.js";
+import ce from "./Sparkline.js";
+import le from "./Splitter.js";
+import ue from "./Stat.js";
+import de from "./Stepper.js";
+import fe from "./Switch.js";
+import pe from "./Table.js";
+import me from "./Tabs.js";
+import he from "./TagsInput.js";
+import ge from "./Textarea.js";
+import _e from "./TimeField.js";
+import ve from "./Timeline.js";
+import ye from "./Toaster.js";
+import be from "./Toggle.js";
+import xe from "./ToggleGroup.js";
+import Se from "./Toolbar.js";
+import Ce from "./Tooltip.js";
+import we from "./Tree.js";
 //#region src/components/index.ts
-var we = /* @__PURE__ */ e({
+var Te = /* @__PURE__ */ e({
 	Accordion: () => n,
 	Alert: () => r,
 	App: () => i,
 	AppShell: () => o,
 	AspectRatio: () => s,
-	Avatar: () => c,
-	AvatarGroup: () => l,
-	Badge: () => u,
-	Banner: () => d,
-	BarChart: () => p,
-	Breadcrumb: () => m,
-	Button: () => h,
-	ButtonGroup: () => g,
-	Calendar: () => _,
-	Card: () => v,
-	ChartLegend: () => f,
-	Checkbox: () => y,
-	Collapsible: () => b,
-	ColorPicker: () => x,
-	Combobox: () => S,
-	CommandPalette: () => w,
-	ConfirmDialog: () => E,
-	Container: () => D,
-	ContextMenu: () => O,
-	DateField: () => k,
-	DatePicker: () => A,
-	DateRangePicker: () => j,
-	Dialog: () => T,
-	DonutChart: () => M,
+	AuthProviders: () => l,
+	Avatar: () => u,
+	AvatarGroup: () => d,
+	Badge: () => f,
+	Banner: () => p,
+	BarChart: () => h,
+	Breadcrumb: () => g,
+	Button: () => c,
+	ButtonGroup: () => _,
+	Calendar: () => v,
+	Card: () => y,
+	ChartLegend: () => m,
+	Checkbox: () => b,
+	Collapsible: () => x,
+	ColorPicker: () => S,
+	Combobox: () => C,
+	CommandPalette: () => T,
+	ConfirmDialog: () => D,
+	Container: () => O,
+	ContextMenu: () => k,
+	DateField: () => A,
+	DatePicker: () => j,
+	DateRangePicker: () => M,
+	Dialog: () => E,
+	DonutChart: () => N,
 	Drawer: () => a,
-	DropdownMenu: () => N,
-	Editable: () => P,
-	EmptyState: () => F,
-	FileUpload: () => I,
-	Form: () => L,
-	FormField: () => z,
-	HoverCard: () => B,
+	DropdownMenu: () => P,
+	Editable: () => F,
+	EmptyState: () => I,
+	FileUpload: () => L,
+	Form: () => R,
+	FormField: () => B,
+	HoverCard: () => V,
 	Icon: () => t,
-	Input: () => V,
-	Kbd: () => C,
-	Label: () => R,
-	LineChart: () => H,
-	Menubar: () => U,
-	NavigationMenu: () => W,
-	NumberInput: () => G,
-	PageHeader: () => K,
-	Pagination: () => q,
-	PasswordInput: () => J,
-	PinInput: () => Y,
-	Popover: () => X,
-	Progress: () => Z,
-	RadioGroup: () => Q,
-	ScrollArea: () => $,
-	ScrollFade: () => ee,
-	Select: () => te,
-	Separator: () => ne,
-	Sidebar: () => re,
-	SignaturePad: () => ie,
-	Skeleton: () => ae,
-	Slider: () => oe,
-	Sparkline: () => se,
-	Splitter: () => ce,
-	Stat: () => le,
-	Stepper: () => ue,
-	Switch: () => de,
-	Table: () => fe,
-	Tabs: () => pe,
-	TagsInput: () => me,
-	Textarea: () => he,
-	TimeField: () => ge,
-	Timeline: () => _e,
-	Toaster: () => ve,
-	Toggle: () => ye,
-	ToggleGroup: () => be,
-	Toolbar: () => xe,
-	Tooltip: () => Se,
-	Tree: () => Ce
+	Input: () => H,
+	Kbd: () => w,
+	Label: () => z,
+	LineChart: () => U,
+	Menubar: () => W,
+	NavigationMenu: () => G,
+	NumberInput: () => K,
+	PageHeader: () => q,
+	Pagination: () => J,
+	PasswordInput: () => Y,
+	PinInput: () => X,
+	Popover: () => Z,
+	Progress: () => Q,
+	RadioGroup: () => $,
+	ScrollArea: () => ee,
+	ScrollFade: () => te,
+	Select: () => ne,
+	Separator: () => re,
+	Sidebar: () => ie,
+	SignaturePad: () => ae,
+	Skeleton: () => oe,
+	Slider: () => se,
+	Sparkline: () => ce,
+	Splitter: () => le,
+	Stat: () => ue,
+	Stepper: () => de,
+	Switch: () => fe,
+	Table: () => pe,
+	Tabs: () => me,
+	TagsInput: () => he,
+	Textarea: () => ge,
+	TimeField: () => _e,
+	Timeline: () => ve,
+	Toaster: () => ye,
+	Toggle: () => be,
+	ToggleGroup: () => xe,
+	Toolbar: () => Se,
+	Tooltip: () => Ce,
+	Tree: () => we
 });
 //#endregion
-export { we as components_exports };
+export { Te as components_exports };

package/dist/global-components.d.ts

@@ -0,0 +1,14 @@
+import type * as components from './components';
+/**
+ * Every component under the default `I` prefix, keyed as the plugin registers
+ * them. A custom `prefix` is not reflected here — a type declaration cannot
+ * depend on a runtime option — so a project that renames the prefix declares
+ * its own augmentation.
+ */
+export type IryxUiGlobalComponents = {
+    [K in keyof typeof components as `I${K}`]: (typeof components)[K];
+};
+declare module 'vue' {
+    interface GlobalComponents extends IryxUiGlobalComponents {
+    }
+}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export type { ClassValue } from './class-value';
 export { componentNames } from './component-names';
 export type { ComponentName } from './component-names';
 export * from './components';
@@ -6,6 +7,7 @@ export type { AlertProps } from './components/Alert.vue';
 export type { AppProps } from './components/App.vue';
 export type { AppShellProps } from './components/AppShell.vue';
 export type { AspectRatioProps } from './components/AspectRatio.vue';
+export type { AuthProvider, AuthProvidersProps } from './components/AuthProviders.vue';
 export type { AvatarProps } from './components/Avatar.vue';
 export type { AvatarGroupItem, AvatarGroupProps } from './components/AvatarGroup.vue';
 export type { BadgeProps } from './components/Badge.vue';
@@ -100,6 +102,7 @@ export * from './composables/signature';
 export * from './composables/toast';
 export { defaultConfig, iryxUiConfigKey, useIryxUiConfig } from './config';
 export type { IryxUiConfig } from './config';
+export type { IryxUiGlobalComponents } from './global-components';
 export { createIryxUi, IryxUi } from './plugin';
 export type { IryxUiPluginOptions } from './plugin';
 export * from './theme';