iryx-ui 0.1.0 → 0.2.0

package/dist/component-names.d.ts

@@ -3,5 +3,5 @@
  * Consumed by the Vue plugin (global registration) and the Nuxt module
  * (auto-imports). Keep in sync with `src/components/index.ts`.
  */
-export declare const componentNames: readonly ["App", "Button", "Checkbox", "Form", "FormField", "Input", "Label", "RadioGroup", "Select", "Switch", "Textarea"];
+export declare const componentNames: readonly ["Alert", "App", "Badge", "Button", "Card", "Checkbox", "Form", "FormField", "Input", "Label", "RadioGroup", "Select", "Switch", "Textarea"];
 export type ComponentName = (typeof componentNames)[number];

package/dist/component-names.js

@@ -1,7 +1,10 @@
 //#region src/component-names.ts
 var e = [
+	"Alert",
 	"App",
+	"Badge",
 	"Button",
+	"Card",
 	"Checkbox",
 	"Form",
 	"FormField",

package/dist/components/Alert.js

@@ -0,0 +1,5 @@
+import e from "./Alert.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Alert.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,59 @@
+import type { Component } from 'vue';
+export interface AlertProps {
+    /** Render as a different element or component. */
+    as?: string;
+    variant?: 'info' | 'success' | 'warning' | 'danger';
+    /** Heading text above the body. */
+    title?: string;
+    /** Body text. Ignored when the default slot is used. */
+    description?: string;
+    /**
+     * Leading icon. Defaults to one matching the variant; pass a component to
+     * override it, or `false` to drop it entirely.
+     */
+    icon?: Component | false;
+    /** Render a dismiss button that emits `close`. */
+    closable?: boolean;
+    /** Accessible name for the dismiss button — override for non-English apps. */
+    closeLabel?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ title: 'text-base' }`. */
+    ui?: {
+        root?: string;
+        icon?: string;
+        content?: string;
+        title?: string;
+        description?: string;
+        close?: string;
+    };
+}
+declare var __VLS_8: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_8) => any;
+} & {
+    title?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    close?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    icon: Component | false;
+    as: string;
+    closeLabel: string;
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Alert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { alertTheme as t } from "../theme/alert.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { CircleAlert as _, CircleCheck as v, Info as y, TriangleAlert as b, X as x } from "lucide-vue-next";
+import { Primitive as S } from "reka-ui";
+//#region src/components/Alert.vue?vue&type=script&setup=true&lang.ts
+var C = ["aria-label"], w = /*@__PURE__*/ l({
+	__name: "Alert",
+	props: {
+		as: { default: "div" },
+		variant: {},
+		title: {},
+		description: {},
+		icon: {
+			type: Boolean,
+			default: void 0
+		},
+		closable: { type: Boolean },
+		closeLabel: { default: "Close" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["close"],
+	setup(l) {
+		let w = l, T = {
+			info: y,
+			success: v,
+			warning: b,
+			danger: _
+		}, E = n(() => {
+			if (w.icon !== !1) return w.icon ?? T[w.variant ?? "info"];
+		}), D = n(() => w.variant === "danger" || w.variant === "warning" ? "alert" : "status"), O = e(), k = n(() => w.unstyled ?? O.unstyled), A = n(() => t({
+			variant: w.variant,
+			withTitle: !!w.title
+		})), j = n(() => k.value ? [w.ui?.root, w.class] : A.value.root({ class: [w.ui?.root, w.class] })), M = n(() => k.value ? w.ui?.icon : A.value.icon({ class: w.ui?.icon })), N = n(() => k.value ? w.ui?.content : A.value.content({ class: w.ui?.content })), P = n(() => k.value ? w.ui?.title : A.value.title({ class: w.ui?.title })), F = n(() => k.value ? w.ui?.description : A.value.description({ class: w.ui?.description })), I = n(() => k.value ? w.ui?.close : A.value.close({ class: w.ui?.close }));
+		return (e, t) => (d(), r(h(S), {
+			as: w.as,
+			role: D.value,
+			class: u(j.value)
+		}, {
+			default: g(() => [
+				E.value || e.$slots.icon ? (d(), a("div", {
+					key: 0,
+					class: u(M.value)
+				}, [f(e.$slots, "icon", {}, () => [(d(), r(p(E.value), { "aria-hidden": "true" }))])], 2)) : i("", !0),
+				o("div", { class: u(N.value) }, [w.title || e.$slots.title ? (d(), a("p", {
+					key: 0,
+					class: u(P.value)
+				}, [f(e.$slots, "title", {}, () => [s(m(w.title), 1)])], 2)) : i("", !0), w.description || e.$slots.default ? (d(), a("div", {
+					key: 1,
+					class: u(F.value)
+				}, [f(e.$slots, "default", {}, () => [s(m(w.description), 1)])], 2)) : i("", !0)], 2),
+				w.closable ? (d(), a("button", {
+					key: 1,
+					type: "button",
+					"aria-label": w.closeLabel,
+					class: u(I.value),
+					onClick: t[0] ||= (t) => e.$emit("close")
+				}, [f(e.$slots, "close", {}, () => [c(h(x), { "aria-hidden": "true" })])], 10, C)) : i("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"as",
+			"role",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { w as default };

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

@@ -23,8 +23,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AppProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppProps> & Readonly<{}>, {
-    unstyled: boolean;
     as: string;
+    unstyled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/App.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
-import { initAppearance as e, useAppearance as t } from "../composables/appearance.js";
-import { defaultConfig as n, iryxUiConfigKey as r } from "../config.js";
+import { defaultConfig as e, iryxUiConfigKey as t } from "../config.js";
+import { initAppearance as n, useAppearance as r } from "../composables/appearance.js";
 import { applyTheme as i, clearTheme as a } from "../theme/presets.js";
 import { computed as o, createBlock as s, createVNode as c, defineComponent as l, guardReactiveProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, provide as m, reactive as h, renderSlot as g, unref as _, watch as v, withCtx as y } from "vue";
 import { ConfigProvider as b, Primitive as x } from "reka-ui";
@@ -18,15 +18,15 @@ var S = /*@__PURE__*/ l({
 	},
 	setup(l) {
 		let S = l;
-		m(r, h({
-			...n,
-			unstyled: o(() => S.unstyled ?? n.unstyled)
+		m(t, h({
+			...e,
+			unstyled: o(() => S.unstyled ?? e.unstyled)
 		})), v(() => S.theme, (e) => {
 			e ? i(e) : a();
 		}, { immediate: !0 });
 		let C = !1;
-		v(() => S.appearance, (n) => {
-			n && (C ? t().setAppearance(n) : (e(n), C = !0));
+		v(() => S.appearance, (e) => {
+			e && (C ? r().setAppearance(e) : (n(e), C = !0));
 		}, { immediate: !0 });
 		let w = o(() => ({
 			dir: S.dir,

package/dist/components/Badge.js

@@ -0,0 +1,5 @@
+import e from "./Badge.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Badge.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,38 @@
+export interface BadgeProps {
+    /** Render as a different element or component. */
+    as?: string;
+    /** Merge props onto the immediate child instead of rendering an element. */
+    asChild?: boolean;
+    variant?: 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+    /** `soft` is a tinted background; `solid` is a filled block of colour. */
+    tone?: 'soft' | 'solid';
+    size?: 'sm' | 'md' | 'lg';
+    /** Show a small leading dot in the current text colour. */
+    dot?: boolean;
+    /** Text content. Ignored when the default slot is used. */
+    label?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ dot: 'size-3' }`. */
+    ui?: {
+        root?: string;
+        dot?: string;
+    };
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    as: string;
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Badge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { badgeTheme as t } from "../theme/badge.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+import { Primitive as m } from "reka-ui";
+//#region src/components/Badge.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ s({
+	__name: "Badge",
+	props: {
+		as: { default: "span" },
+		asChild: { type: Boolean },
+		variant: {},
+		tone: {},
+		size: {},
+		dot: { type: Boolean },
+		label: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(s) {
+		let h = s, g = e(), _ = n(() => h.unstyled ?? g.unstyled), v = n(() => t({
+			variant: h.variant,
+			tone: h.tone,
+			size: h.size
+		})), y = n(() => _.value ? [h.ui?.root, h.class] : v.value.root({ class: [h.ui?.root, h.class] })), b = n(() => _.value ? h.ui?.dot : v.value.dot({ class: h.ui?.dot }));
+		return (e, t) => (l(), r(f(m), {
+			as: h.as,
+			"as-child": h.asChild,
+			class: c(y.value)
+		}, {
+			default: p(() => [h.dot ? (l(), a("span", {
+				key: 0,
+				class: c(b.value),
+				"aria-hidden": "true"
+			}, null, 2)) : i("", !0), u(e.$slots, "default", {}, () => [o(d(h.label), 1)])]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { h as default };

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

@@ -20,8 +20,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    unstyled: boolean;
     as: string;
+    unstyled: boolean;
     type: "button" | "submit" | "reset";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Button.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { useIryxUiConfig as e } from "../config.js";
 import { buttonTheme as t } from "../theme/button.js";
 import { computed as n, createBlock as r, createCommentVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
-import { Primitive as d } from "reka-ui";
-import { LoaderCircle as f } from "lucide-vue-next";
+import { LoaderCircle as d } from "lucide-vue-next";
+import { Primitive as f } from "reka-ui";
 //#region src/components/Button.vue?vue&type=script&setup=true&lang.ts
 var p = /*@__PURE__*/ a({
 	__name: "Button",
@@ -28,14 +28,14 @@ var p = /*@__PURE__*/ a({
 			block: p.block,
 			class: p.class
 		}));
-		return (e, t) => (s(), r(l(d), {
+		return (e, t) => (s(), r(l(f), {
 			as: p.as,
 			"as-child": p.asChild,
 			type: p.as === "button" ? p.type : void 0,
 			disabled: p.disabled || p.loading || void 0,
 			class: o(g.value)
 		}, {
-			default: u(() => [p.loading ? (s(), r(l(f), {
+			default: u(() => [p.loading ? (s(), r(l(d), {
 				key: 0,
 				class: "animate-spin",
 				"aria-hidden": "true"

package/dist/components/Card.js

@@ -0,0 +1,5 @@
+import e from "./Card.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Card.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,49 @@
+export interface CardProps {
+    /** Render as a different element or component. */
+    as?: string;
+    /** Merge props onto the immediate child instead of rendering an element. */
+    asChild?: boolean;
+    variant?: 'outline' | 'soft';
+    /** Inner spacing. `none` leaves padding entirely to you. */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Heading text. Rendered in the header alongside `description`. */
+    title?: string;
+    /** Secondary text under the title. */
+    description?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ footer: 'justify-end' }`. */
+    ui?: {
+        root?: string;
+        header?: string;
+        title?: string;
+        description?: string;
+        body?: string;
+        footer?: string;
+    };
+}
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_8) => any;
+} & {
+    title?: (props: typeof __VLS_10) => any;
+} & {
+    description?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    footer?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    as: string;
+    unstyled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Card.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { cardTheme as t } from "../theme/card.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useSlots as m, withCtx as h } from "vue";
+import { Primitive as g } from "reka-ui";
+//#region src/components/Card.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ c({
+	__name: "Card",
+	props: {
+		as: { default: "div" },
+		asChild: { type: Boolean },
+		variant: {},
+		padding: {},
+		title: {},
+		description: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(c) {
+		let _ = c, v = m(), y = n(() => !!(_.title || _.description || v.header || v.title || v.description)), b = e(), x = n(() => _.unstyled ?? b.unstyled), S = n(() => t({
+			variant: _.variant,
+			padding: _.padding
+		})), C = n(() => x.value ? [_.ui?.root, _.class] : S.value.root({ class: [_.ui?.root, _.class] })), w = n(() => x.value ? _.ui?.header : S.value.header({ class: _.ui?.header })), T = n(() => x.value ? _.ui?.title : S.value.title({ class: _.ui?.title })), E = n(() => x.value ? _.ui?.description : S.value.description({ class: _.ui?.description })), D = n(() => x.value ? _.ui?.body : S.value.body({ class: _.ui?.body })), O = n(() => x.value ? _.ui?.footer : S.value.footer({ class: _.ui?.footer }));
+		return (e, t) => (u(), r(p(g), {
+			as: _.as,
+			"as-child": _.asChild,
+			class: l(C.value)
+		}, {
+			default: h(() => [
+				y.value ? (u(), a("div", {
+					key: 0,
+					class: l(w.value)
+				}, [d(e.$slots, "header", {}, () => [_.title || e.$slots.title ? (u(), a("h3", {
+					key: 0,
+					class: l(T.value)
+				}, [d(e.$slots, "title", {}, () => [s(f(_.title), 1)])], 2)) : i("", !0), _.description || e.$slots.description ? (u(), a("p", {
+					key: 1,
+					class: l(E.value)
+				}, [d(e.$slots, "description", {}, () => [s(f(_.description), 1)])], 2)) : i("", !0)])], 2)) : i("", !0),
+				o("div", { class: l(D.value) }, [d(e.$slots, "default")], 2),
+				e.$slots.footer ? (u(), a("div", {
+					key: 1,
+					class: l(O.value)
+				}, [d(e.$slots, "footer")], 2)) : i("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { useIryxUiConfig as e } from "../config.js";
 import { checkboxTheme as t } from "../theme/checkbox.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
-import { CheckboxIndicator as _, CheckboxRoot as v, Label as y, useForwardPropsEmits as b, useId as x } from "reka-ui";
-import { Check as S, Minus as C } from "lucide-vue-next";
+import { Check as _, Minus as v } from "lucide-vue-next";
+import { CheckboxIndicator as y, CheckboxRoot as b, Label as x, useForwardPropsEmits as S, useId as C } from "reka-ui";
 //#region src/components/Checkbox.vue?vue&type=script&setup=true&lang.ts
 var w = ["id"], T = /*@__PURE__*/ l({
 	__name: "Checkbox",
@@ -30,22 +30,22 @@ var w = ["id"], T = /*@__PURE__*/ l({
 	},
 	emits: ["update:modelValue"],
 	setup(l, { emit: T }) {
-		let E = l, D = T, O = b(n(() => {
+		let E = l, D = T, O = S(n(() => {
 			let { label: e, description: t, size: n, id: r, unstyled: i, class: a, ui: o, ...s } = E;
 			return s;
-		}), D), k = x(), A = n(() => E.id ?? k), j = n(() => !!(E.label || E.description)), M = e(), N = n(() => E.unstyled ?? M.unstyled), P = n(() => t({
+		}), D), k = C(), A = n(() => E.id ?? k), j = n(() => !!(E.label || E.description)), M = e(), N = n(() => E.unstyled ?? M.unstyled), P = n(() => t({
 			size: E.size,
 			withText: j.value
 		})), F = n(() => N.value ? E.ui?.wrapper : P.value.wrapper({ class: E.ui?.wrapper })), I = n(() => N.value ? [E.ui?.root, E.class] : P.value.root({ class: [E.ui?.root, E.class] })), L = n(() => N.value ? E.ui?.indicator : P.value.indicator({ class: E.ui?.indicator })), R = n(() => N.value ? E.ui?.content : P.value.content({ class: E.ui?.content })), z = n(() => N.value ? E.ui?.label : P.value.label({ class: E.ui?.label })), B = n(() => N.value ? E.ui?.description : P.value.description({ class: E.ui?.description }));
 		return (e, t) => j.value ? (f(), a("div", {
 			key: 0,
 			class: d(F.value)
-		}, [c(h(v), u({ id: A.value }, h(O), {
+		}, [c(h(b), u({ id: A.value }, h(O), {
 			"aria-describedby": E.description ? `${A.value}-description` : void 0,
 			class: I.value
 		}), {
-			default: g(() => [c(h(_), { class: d(L.value) }, {
-				default: g(() => [p(e.$slots, "default", {}, () => [E.modelValue === "indeterminate" ? (f(), r(h(C), { key: 0 })) : (f(), r(h(S), { key: 1 }))])]),
+			default: g(() => [c(h(y), { class: d(L.value) }, {
+				default: g(() => [p(e.$slots, "default", {}, () => [E.modelValue === "indeterminate" ? (f(), r(h(v), { key: 0 })) : (f(), r(h(_), { key: 1 }))])]),
 				_: 3
 			}, 8, ["class"])]),
 			_: 3
@@ -53,7 +53,7 @@ var w = ["id"], T = /*@__PURE__*/ l({
 			"id",
 			"aria-describedby",
 			"class"
-		]), o("div", { class: d(R.value) }, [c(h(y), {
+		]), o("div", { class: d(R.value) }, [c(h(x), {
 			for: A.value,
 			class: d(z.value)
 		}, {
@@ -63,12 +63,12 @@ var w = ["id"], T = /*@__PURE__*/ l({
 			key: 0,
 			id: `${A.value}-description`,
 			class: d(B.value)
-		}, [p(e.$slots, "description", {}, () => [s(m(E.description), 1)])], 10, w)) : i("", !0)], 2)], 2)) : (f(), r(h(v), u({
+		}, [p(e.$slots, "description", {}, () => [s(m(E.description), 1)])], 10, w)) : i("", !0)], 2)], 2)) : (f(), r(h(b), u({
 			key: 1,
 			id: E.id
 		}, h(O), { class: I.value }), {
-			default: g(() => [c(h(_), { class: d(L.value) }, {
-				default: g(() => [p(e.$slots, "default", {}, () => [E.modelValue === "indeterminate" ? (f(), r(h(C), { key: 0 })) : (f(), r(h(S), { key: 1 }))])]),
+			default: g(() => [c(h(y), { class: d(L.value) }, {
+				default: g(() => [p(e.$slots, "default", {}, () => [E.modelValue === "indeterminate" ? (f(), r(h(v), { key: 0 })) : (f(), r(h(_), { key: 1 }))])]),
 				_: 3
 			}, 8, ["class"])]),
 			_: 3

package/dist/components/Select.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { useIryxUiConfig as e } from "../config.js";
 import { selectTheme as t } from "../theme/select.js";
 import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
-import { SelectContent as v, SelectIcon as y, SelectItem as b, SelectItemIndicator as x, SelectItemText as S, SelectPortal as C, SelectRoot as w, SelectTrigger as T, SelectValue as E, SelectViewport as D, useForwardPropsEmits as O } from "reka-ui";
-import { Check as k, ChevronDown as A } from "lucide-vue-next";
+import { Check as v, ChevronDown as y } from "lucide-vue-next";
+import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectTrigger as D, SelectValue as O, SelectViewport as k, useForwardPropsEmits as A } from "reka-ui";
 //#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
 var j = /*@__PURE__*/ c({
 	__name: "Select",
@@ -30,37 +30,37 @@ var j = /*@__PURE__*/ c({
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(c, { emit: j }) {
-		let M = c, N = j, P = O(r(() => {
+		let M = c, N = j, P = A(r(() => {
 			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = M;
 			return o;
 		}), N), F = r(() => (M.items ?? []).map((e) => typeof e == "string" ? {
 			label: e,
 			value: e
 		} : e)), I = e(), L = r(() => M.unstyled ?? I.unstyled), R = r(() => t({ size: M.size })), z = r(() => L.value ? [M.ui?.trigger, M.class] : R.value.trigger({ class: [M.ui?.trigger, M.class] })), B = r(() => L.value ? M.ui?.content : R.value.content({ class: M.ui?.content })), V = r(() => L.value ? M.ui?.viewport : R.value.viewport({ class: M.ui?.viewport })), H = r(() => L.value ? M.ui?.item : R.value.item({ class: M.ui?.item })), U = r(() => L.value ? void 0 : R.value.itemIndicator());
-		return (e, t) => (f(), i(g(w), d(l(g(P))), {
-			default: _(() => [s(g(T), { class: u(z.value) }, {
-				default: _(() => [s(g(E), { placeholder: M.placeholder }, null, 8, ["placeholder"]), s(g(y), { "as-child": "" }, {
-					default: _(() => [s(g(A))]),
+		return (e, t) => (f(), i(g(E), d(l(g(P))), {
+			default: _(() => [s(g(D), { class: u(z.value) }, {
+				default: _(() => [s(g(O), { placeholder: M.placeholder }, null, 8, ["placeholder"]), s(g(x), { "as-child": "" }, {
+					default: _(() => [s(g(y))]),
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["class"]), s(g(C), null, {
-				default: _(() => [s(g(v), {
+			}, 8, ["class"]), s(g(T), null, {
+				default: _(() => [s(g(b), {
 					class: u(B.value),
 					position: "popper",
 					"side-offset": 4
 				}, {
-					default: _(() => [s(g(D), { class: u(V.value) }, {
-						default: _(() => [m(e.$slots, "default", {}, () => [(f(!0), a(n, null, p(F.value, (e) => (f(), i(g(b), {
+					default: _(() => [s(g(k), { class: u(V.value) }, {
+						default: _(() => [m(e.$slots, "default", {}, () => [(f(!0), a(n, null, p(F.value, (e) => (f(), i(g(S), {
 							key: e.value,
 							value: e.value,
 							disabled: e.disabled,
 							class: u(H.value)
 						}, {
-							default: _(() => [s(g(x), { class: u(U.value) }, {
-								default: _(() => [s(g(k))]),
+							default: _(() => [s(g(C), { class: u(U.value) }, {
+								default: _(() => [s(g(v))]),
 								_: 1
-							}, 8, ["class"]), s(g(S), null, {
+							}, 8, ["class"]), s(g(w), null, {
 								default: _(() => [o(h(e.label), 1)]),
 								_: 2
 							}, 1024)]),

package/dist/components/index.d.ts

@@ -1,5 +1,8 @@
+export { default as Alert } from './Alert.vue';
 export { default as App } from './App.vue';
+export { default as Badge } from './Badge.vue';
 export { default as Button } from './Button.vue';
+export { default as Card } from './Card.vue';
 export { default as Checkbox } from './Checkbox.vue';
 export { default as Form } from './Form.vue';
 export { default as FormField } from './FormField.vue';

package/dist/components/index.js

@@ -1,28 +1,34 @@
 import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import t from "./App.js";
-import n from "./Button.js";
-import r from "./Checkbox.js";
-import i from "./Form.js";
-import a from "./Label.js";
-import o from "./FormField.js";
-import s from "./Input.js";
-import c from "./RadioGroup.js";
-import l from "./Select.js";
-import u from "./Switch.js";
-import d from "./Textarea.js";
+import t from "./Alert.js";
+import n from "./App.js";
+import r from "./Badge.js";
+import i from "./Button.js";
+import a from "./Card.js";
+import o from "./Checkbox.js";
+import s from "./Form.js";
+import c from "./Label.js";
+import l from "./FormField.js";
+import u from "./Input.js";
+import d from "./RadioGroup.js";
+import f from "./Select.js";
+import p from "./Switch.js";
+import m from "./Textarea.js";
 //#region src/components/index.ts
-var f = /* @__PURE__ */ e({
-	App: () => t,
-	Button: () => n,
-	Checkbox: () => r,
-	Form: () => i,
-	FormField: () => o,
-	Input: () => s,
-	Label: () => a,
-	RadioGroup: () => c,
-	Select: () => l,
-	Switch: () => u,
-	Textarea: () => d
+var h = /* @__PURE__ */ e({
+	Alert: () => t,
+	App: () => n,
+	Badge: () => r,
+	Button: () => i,
+	Card: () => a,
+	Checkbox: () => o,
+	Form: () => s,
+	FormField: () => l,
+	Input: () => u,
+	Label: () => c,
+	RadioGroup: () => d,
+	Select: () => f,
+	Switch: () => p,
+	Textarea: () => m
 });
 //#endregion
-export { f as components_exports };
+export { h as components_exports };