iryx-ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,31 +1,64 @@
-import { componentNames as e } from "./component-names.js";
-import { defaultConfig as t, iryxUiConfigKey as n, useIryxUiConfig as r } from "./config.js";
-import { alertTheme as i } from "./theme/alert.js";
-import a from "./components/Alert.js";
-import { initAppearance as o, useAppearance as s } from "./composables/appearance.js";
-import { applyTheme as c, clearTheme as l, themes as u } from "./theme/presets.js";
-import d from "./components/App.js";
-import { badgeTheme as f } from "./theme/badge.js";
-import p from "./components/Badge.js";
-import { buttonTheme as m } from "./theme/button.js";
-import h from "./components/Button.js";
-import { cardTheme as g } from "./theme/card.js";
-import _ from "./components/Card.js";
-import { checkboxTheme as v } from "./theme/checkbox.js";
-import y from "./components/Checkbox.js";
-import { formContextKey as b, formFieldContextKey as x, getByPath as S, isStandardSchema as C, issuePath as w, useForm as T, useFormField as E } from "./composables/form.js";
-import D from "./components/Form.js";
-import { labelTheme as O } from "./theme/label.js";
-import k from "./components/Label.js";
-import A from "./components/FormField.js";
-import { fieldBase as j, inputTheme as M, textareaTheme as N } from "./theme/input.js";
-import P from "./components/Input.js";
-import { radioGroupTheme as F } from "./theme/radio-group.js";
-import I from "./components/RadioGroup.js";
-import { selectTheme as L } from "./theme/select.js";
-import R from "./components/Select.js";
-import { switchTheme as z } from "./theme/switch.js";
-import B from "./components/Switch.js";
-import V from "./components/Textarea.js";
-import { IryxUi as H, createIryxUi as U } from "./plugin.js";
-export { a as Alert, d as App, p as Badge, h as Button, _ as Card, y as Checkbox, D as Form, A as FormField, P as Input, H as IryxUi, k as Label, I as RadioGroup, R as Select, B as Switch, V as Textarea, i as alertTheme, c as applyTheme, f as badgeTheme, m as buttonTheme, g as cardTheme, v as checkboxTheme, l as clearTheme, e as componentNames, U as createIryxUi, t as defaultConfig, j as fieldBase, b as formContextKey, x as formFieldContextKey, S as getByPath, o as initAppearance, M as inputTheme, n as iryxUiConfigKey, C as isStandardSchema, w as issuePath, O as labelTheme, F as radioGroupTheme, L as selectTheme, z as switchTheme, N as textareaTheme, u as themes, s as useAppearance, T as useForm, E as useFormField, r as useIryxUiConfig };
+import { componentNames as e } from "./packages/iryx-ui/src/component-names.js";
+import { defaultConfig as t, iryxUiConfigKey as n, useIryxUiConfig as r } from "./packages/iryx-ui/src/config.js";
+import { alertTheme as i } from "./packages/iryx-ui/src/theme/alert.js";
+import a from "./packages/iryx-ui/src/components/Alert.js";
+import { initAppearance as o, useAppearance as s } from "./packages/iryx-ui/src/composables/appearance.js";
+import { applyTheme as c, clearTheme as l, themes as u } from "./packages/iryx-ui/src/theme/presets.js";
+import d from "./packages/iryx-ui/src/components/App.js";
+import { badgeTheme as f } from "./packages/iryx-ui/src/theme/badge.js";
+import p from "./packages/iryx-ui/src/components/Badge.js";
+import { breadcrumbTheme as m } from "./packages/iryx-ui/src/theme/breadcrumb.js";
+import h from "./packages/iryx-ui/src/components/Breadcrumb.js";
+import { buttonGroupContextKey as g, useButtonGroup as _ } from "./packages/iryx-ui/src/composables/button-group.js";
+import { buttonTheme as v } from "./packages/iryx-ui/src/theme/button.js";
+import y from "./packages/iryx-ui/src/components/Button.js";
+import { buttonGroupTheme as b } from "./packages/iryx-ui/src/theme/button-group.js";
+import x from "./packages/iryx-ui/src/components/ButtonGroup.js";
+import { cardTheme as S } from "./packages/iryx-ui/src/theme/card.js";
+import C from "./packages/iryx-ui/src/components/Card.js";
+import { checkboxTheme as w } from "./packages/iryx-ui/src/theme/checkbox.js";
+import T from "./packages/iryx-ui/src/components/Checkbox.js";
+import { resolveConfirm as E, useConfirm as D, useConfirmState as O } from "./packages/iryx-ui/src/composables/confirm.js";
+import { dialogTheme as k } from "./packages/iryx-ui/src/theme/dialog.js";
+import A from "./packages/iryx-ui/src/components/Dialog.js";
+import j from "./packages/iryx-ui/src/components/ConfirmDialog.js";
+import { dropdownMenuTheme as M } from "./packages/iryx-ui/src/theme/dropdown-menu.js";
+import { isSeparator as N, isSubmenu as P } from "./packages/iryx-ui/src/composables/dropdown-menu.js";
+import F from "./packages/iryx-ui/src/components/DropdownMenu.js";
+import { emptyStateTheme as I } from "./packages/iryx-ui/src/theme/empty-state.js";
+import L from "./packages/iryx-ui/src/components/EmptyState.js";
+import { formContextKey as R, formFieldContextKey as z, getByPath as B, isStandardSchema as V, issuePath as H, useForm as U, useFormField as W } from "./packages/iryx-ui/src/composables/form.js";
+import G from "./packages/iryx-ui/src/components/Form.js";
+import { labelTheme as K } from "./packages/iryx-ui/src/theme/label.js";
+import q from "./packages/iryx-ui/src/components/Label.js";
+import J from "./packages/iryx-ui/src/components/FormField.js";
+import { fieldBase as Y, inputTheme as X, textareaTheme as Z } from "./packages/iryx-ui/src/theme/input.js";
+import Q from "./packages/iryx-ui/src/components/Input.js";
+import { paginationTheme as $ } from "./packages/iryx-ui/src/theme/pagination.js";
+import ee from "./packages/iryx-ui/src/components/Pagination.js";
+import { progressTheme as te } from "./packages/iryx-ui/src/theme/progress.js";
+import ne from "./packages/iryx-ui/src/components/Progress.js";
+import { radioGroupTheme as re } from "./packages/iryx-ui/src/theme/radio-group.js";
+import ie from "./packages/iryx-ui/src/components/RadioGroup.js";
+import { selectTheme as ae } from "./packages/iryx-ui/src/theme/select.js";
+import oe from "./packages/iryx-ui/src/components/Select.js";
+import { separatorTheme as se } from "./packages/iryx-ui/src/theme/separator.js";
+import ce from "./packages/iryx-ui/src/components/Separator.js";
+import { skeletonTheme as le } from "./packages/iryx-ui/src/theme/skeleton.js";
+import ue from "./packages/iryx-ui/src/components/Skeleton.js";
+import { statTheme as de } from "./packages/iryx-ui/src/theme/stat.js";
+import fe from "./packages/iryx-ui/src/components/Stat.js";
+import { stepperTheme as pe } from "./packages/iryx-ui/src/theme/stepper.js";
+import me from "./packages/iryx-ui/src/components/Stepper.js";
+import { switchTheme as he } from "./packages/iryx-ui/src/theme/switch.js";
+import ge from "./packages/iryx-ui/src/components/Switch.js";
+import { tabsTheme as _e } from "./packages/iryx-ui/src/theme/tabs.js";
+import ve from "./packages/iryx-ui/src/components/Tabs.js";
+import ye from "./packages/iryx-ui/src/components/Textarea.js";
+import { useToast as be, useToastState as xe } from "./packages/iryx-ui/src/composables/toast.js";
+import { toastTheme as Se } from "./packages/iryx-ui/src/theme/toast.js";
+import Ce from "./packages/iryx-ui/src/components/Toaster.js";
+import { tooltipTheme as we } from "./packages/iryx-ui/src/theme/tooltip.js";
+import Te from "./packages/iryx-ui/src/components/Tooltip.js";
+import { IryxUi as Ee, createIryxUi as De } from "./packages/iryx-ui/src/plugin.js";
+export { a as Alert, d as App, p as Badge, h as Breadcrumb, y as Button, x as ButtonGroup, C as Card, T as Checkbox, j as ConfirmDialog, A as Dialog, F as DropdownMenu, L as EmptyState, G as Form, J as FormField, Q as Input, Ee as IryxUi, q as Label, ee as Pagination, ne as Progress, ie as RadioGroup, oe as Select, ce as Separator, ue as Skeleton, fe as Stat, me as Stepper, ge as Switch, ve as Tabs, ye as Textarea, Ce as Toaster, Te as Tooltip, i as alertTheme, c as applyTheme, f as badgeTheme, m as breadcrumbTheme, g as buttonGroupContextKey, b as buttonGroupTheme, v as buttonTheme, S as cardTheme, w as checkboxTheme, l as clearTheme, e as componentNames, De as createIryxUi, t as defaultConfig, k as dialogTheme, M as dropdownMenuTheme, I as emptyStateTheme, Y as fieldBase, R as formContextKey, z as formFieldContextKey, B as getByPath, o as initAppearance, X as inputTheme, n as iryxUiConfigKey, N as isSeparator, V as isStandardSchema, P as isSubmenu, H as issuePath, K as labelTheme, $ as paginationTheme, te as progressTheme, re as radioGroupTheme, E as resolveConfirm, ae as selectTheme, se as separatorTheme, le as skeletonTheme, de as statTheme, pe as stepperTheme, he as switchTheme, _e as tabsTheme, Z as textareaTheme, u as themes, Se as toastTheme, we as tooltipTheme, s as useAppearance, _ as useButtonGroup, D as useConfirm, O as useConfirmState, U as useForm, W as useFormField, r as useIryxUiConfig, be as useToast, xe as useToastState };

package/dist/node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js

@@ -0,0 +1,201 @@
+//#region ../../node_modules/.pnpm/@hugeicons+core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js
+var e = [
+	["path", {
+		d: "M13.9248 21H10.0752C5.44476 21 3.12955 21 2.27636 19.4939C1.42317 17.9879 2.60736 15.9914 4.97574 11.9985L6.90057 8.75333C9.17559 4.91778 10.3131 3 12 3C13.6869 3 14.8244 4.91777 17.0994 8.75332L19.0243 11.9985C21.3926 15.9914 22.5768 17.9879 21.7236 19.4939C20.8704 21 18.5552 21 13.9248 21Z",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "0"
+	}],
+	["path", {
+		d: "M12 9V13",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "1"
+	}],
+	["path", {
+		d: "M12.125 16.75H12M12.25 16.75C12.25 16.8881 12.1381 17 12 17C11.8619 17 11.75 16.8881 11.75 16.75C11.75 16.6119 11.8619 16.5 12 16.5C12.1381 16.5 12.25 16.6119 12.25 16.75Z",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "2"
+	}]
+], t = [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "0"
+	}],
+	["path", {
+		d: "M12 8V12",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "1"
+	}],
+	["path", {
+		d: "M12.125 15.75H12M12.25 15.75C12.25 15.8881 12.1381 16 12 16C11.8619 16 11.75 15.8881 11.75 15.75C11.75 15.6119 11.8619 15.5 12 15.5C12.1381 15.5 12.25 15.6119 12.25 15.75Z",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "2"
+	}]
+], n = [["path", {
+	d: "M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}]], r = [["path", {
+	d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}]], i = [["path", {
+	d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}]], a = [["path", {
+	d: "M17.9998 15C17.9998 15 13.5809 9.00001 11.9998 9C10.4187 8.99999 5.99985 15 5.99985 15",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}]], o = [["path", {
+	d: "M18 6L6.00081 17.9992M17.9992 18L6 6.00085",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}]], s = [["path", {
+	d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z",
+	stroke: "currentColor",
+	strokeWidth: "1.5",
+	key: "0"
+}], ["path", {
+	d: "M8 12.5L10.5 15L16 9",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "1"
+}]], c = [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "0"
+	}],
+	["path", {
+		d: "M12 16V12",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "1"
+	}],
+	["path", {
+		d: "M12.125 8.25H12M12.25 8.25C12.25 8.11193 12.1381 8 12 8C11.8619 8 11.75 8.11193 11.75 8.25C11.75 8.38807 11.8619 8.5 12 8.5C12.1381 8.5 12.25 8.38807 12.25 8.25Z",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		key: "2"
+	}]
+], l = [
+	["path", {
+		d: "M12 3V6",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "0"
+	}],
+	["path", {
+		d: "M12 18V21",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "1"
+	}],
+	["path", {
+		d: "M21 12L18 12",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "2"
+	}],
+	["path", {
+		d: "M6 12L3 12",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "3"
+	}],
+	["path", {
+		d: "M18.3635 5.63672L16.2422 7.75804",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "4"
+	}],
+	["path", {
+		d: "M7.75804 16.2422L5.63672 18.3635",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "5"
+	}],
+	["path", {
+		d: "M18.3635 18.3635L16.2422 16.2422",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "6"
+	}],
+	["path", {
+		d: "M7.75804 7.75804L5.63672 5.63672",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeWidth: "1.5",
+		key: "7"
+	}]
+], u = [["path", {
+	d: "M20 12L4 12",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}]], d = [["path", {
+	d: "M5 14L8.5 17.5L19 6.5",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5",
+	key: "0"
+}]];
+//#endregion
+export { e as Alert02Icon, t as AlertCircleIcon, n as ArrowDown01Icon, r as ArrowLeft01Icon, i as ArrowRight01Icon, a as ArrowUp01Icon, o as Cancel01Icon, s as CheckmarkCircle02Icon, c as InformationCircleIcon, l as Loading03Icon, u as MinusSignIcon, d as Tick02Icon };

package/dist/node_modules/.pnpm/@hugeicons_vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region ../../node_modules/.pnpm/@hugeicons+vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/_virtual/_plugin-vue_export-helper.js
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as _export_sfc };

package/dist/node_modules/.pnpm/@hugeicons_vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/components/HugeiconsIcon.vue.js

@@ -0,0 +1,25 @@
+import { _sfc_main as e } from "./HugeiconsIcon.vue2.js";
+import { _export_sfc as t } from "../_virtual/_plugin-vue_export-helper.js";
+import { Fragment as n, createBlock as r, createElementBlock as i, mergeProps as a, openBlock as o, renderList as s, resolveDynamicComponent as c } from "vue";
+//#region ../../node_modules/.pnpm/@hugeicons+vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/components/HugeiconsIcon.vue.js
+var l = [
+	"width",
+	"height",
+	"color"
+];
+function u(e, t, u, d, f, p) {
+	return o(), i("svg", a({
+		width: e.computedSize,
+		height: e.computedSize,
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		color: e.color
+	}, e.$attrs), [(o(!0), i(n, null, s(e.currentIcon, (t, n) => (o(), r(c(t[0]), a({
+		key: n,
+		ref_for: !0
+	}, e.transformAttrs(t[1], e.calculatedStrokeWidth)), null, 16))), 128))], 16, l);
+}
+var d = /* @__PURE__ */ t(e, [["render", u], ["__file", "/Users/mahmudulhasan/Desktop/Projects/Hugeicons/hugeicons-monorepo/packages/vue/src/components/HugeiconsIcon.vue"]]);
+//#endregion
+export { d as HugeiconsIcon };

package/dist/node_modules/.pnpm/@hugeicons_vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/components/HugeiconsIcon.vue2.js

@@ -0,0 +1,63 @@
+import { computed as e, defineComponent as t } from "vue";
+//#region ../../node_modules/.pnpm/@hugeicons+vue@1.0.7_vue@3.5.35_typescript@6.0.3_/node_modules/@hugeicons/vue/dist/esm/components/HugeiconsIcon.vue2.js
+var n = t({
+	name: "HugeiconsIcon",
+	inheritAttrs: !1,
+	props: {
+		icon: {
+			type: Array,
+			required: !0
+		},
+		size: {
+			type: [Number, String],
+			default: 24,
+			validator(e) {
+				let t = typeof e == "string" ? parseInt(e, 10) : e;
+				return !isNaN(t) && t > 0;
+			}
+		},
+		strokeWidth: {
+			type: Number,
+			default: void 0
+		},
+		absoluteStrokeWidth: {
+			type: Boolean,
+			default: !1
+		},
+		altIcon: {
+			type: Array,
+			default: void 0
+		},
+		showAlt: {
+			type: Boolean,
+			default: !1
+		},
+		color: {
+			type: String,
+			default: "currentColor"
+		}
+	},
+	setup(t) {
+		let n = e(() => {
+			let e = typeof t.size == "string" ? parseInt(t.size, 10) : t.size;
+			return !isNaN(e) && e > 0 ? e : 24;
+		});
+		return {
+			computedSize: n,
+			calculatedStrokeWidth: e(() => {
+				if (t.strokeWidth !== void 0) return t.absoluteStrokeWidth ? t.strokeWidth * 24 / n.value : t.strokeWidth;
+			}),
+			transformAttrs: (e, t) => {
+				let n = {};
+				for (let [t, r] of Object.entries(e)) {
+					let e = t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+					n[e] = r;
+				}
+				return t !== void 0 && (n["stroke-width"] = t, n.stroke = "currentColor"), n;
+			},
+			currentIcon: e(() => t.altIcon && t.showAlt ? t.altIcon : t.icon)
+		};
+	}
+});
+//#endregion
+export { n as _sfc_main };

package/dist/nuxt.js

@@ -1,4 +1,4 @@
-import { componentNames as e } from "./component-names.js";
+import { componentNames as e } from "./packages/iryx-ui/src/component-names.js";
 import { addComponent as t, addPluginTemplate as n, defineNuxtModule as r } from "@nuxt/kit";
 //#region src/nuxt.ts
 var i = r({

package/dist/packages/iryx-ui/src/component-names.js

@@ -0,0 +1,4 @@
+//#region src/component-names.ts
+var e = /* @__PURE__ */ "Alert.App.Badge.Breadcrumb.Button.ButtonGroup.Card.Checkbox.ConfirmDialog.Dialog.DropdownMenu.EmptyState.Form.FormField.Input.Label.Pagination.Progress.RadioGroup.Select.Separator.Skeleton.Stat.Stepper.Switch.Tabs.Textarea.Toaster.Tooltip".split(".");
+//#endregion
+export { e as componentNames };

package/dist/packages/iryx-ui/src/components/Alert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,75 @@
+import { Alert02Icon as e, AlertCircleIcon as t, Cancel01Icon as n, CheckmarkCircle02Icon as r, InformationCircleIcon as i } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as a } from "../config.js";
+import { alertTheme as o } from "../theme/alert.js";
+import s from "./Icon.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+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__*/ h({
+	__name: "Alert",
+	props: {
+		as: { default: "div" },
+		variant: {},
+		title: {},
+		description: {},
+		icon: {
+			type: [Array, Boolean],
+			default: void 0
+		},
+		closable: { type: Boolean },
+		closeLabel: { default: "Close" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["close"],
+	setup(h) {
+		let w = h, T = {
+			info: i,
+			success: r,
+			warning: e,
+			danger: t
+		}, E = c(() => {
+			if (w.icon !== !1) return w.icon ?? T[w.variant ?? "info"];
+		}), D = c(() => w.variant === "danger" || w.variant === "warning" ? "alert" : "status"), O = a(), k = c(() => w.unstyled ?? O.unstyled), A = c(() => o({
+			variant: w.variant,
+			withTitle: !!w.title
+		})), j = c(() => k.value ? [w.ui?.root, w.class] : A.value.root({ class: [w.ui?.root, w.class] })), M = c(() => k.value ? w.ui?.icon : A.value.icon({ class: w.ui?.icon })), N = c(() => k.value ? w.ui?.content : A.value.content({ class: w.ui?.content })), P = c(() => k.value ? w.ui?.title : A.value.title({ class: w.ui?.title })), F = c(() => k.value ? w.ui?.description : A.value.description({ class: w.ui?.description })), I = c(() => k.value ? w.ui?.close : A.value.close({ class: w.ui?.close }));
+		return (e, t) => (_(), l(b(S), {
+			as: w.as,
+			role: D.value,
+			class: g(j.value)
+		}, {
+			default: x(() => [
+				E.value || e.$slots.icon ? (_(), d("div", {
+					key: 0,
+					class: g(M.value)
+				}, [v(e.$slots, "icon", {}, () => [m(s, { icon: E.value }, null, 8, ["icon"])])], 2)) : u("", !0),
+				f("div", { class: g(N.value) }, [w.title || e.$slots.title ? (_(), d("p", {
+					key: 0,
+					class: g(P.value)
+				}, [v(e.$slots, "title", {}, () => [p(y(w.title), 1)])], 2)) : u("", !0), w.description || e.$slots.default ? (_(), d("div", {
+					key: 1,
+					class: g(F.value)
+				}, [v(e.$slots, "default", {}, () => [p(y(w.description), 1)])], 2)) : u("", !0)], 2),
+				w.closable ? (_(), d("button", {
+					key: 1,
+					type: "button",
+					"aria-label": w.closeLabel,
+					class: g(I.value),
+					onClick: t[0] ||= (t) => e.$emit("close")
+				}, [v(e.$slots, "close", {}, () => [m(s, { icon: b(n) }, null, 8, ["icon"])])], 10, C)) : u("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"as",
+			"role",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { w as default };

package/dist/packages/iryx-ui/src/components/Breadcrumb.js

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

package/dist/packages/iryx-ui/src/components/Breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import { ArrowRight01Icon as e } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as t } from "../config.js";
+import n from "./Icon.js";
+import { breadcrumbTheme as r } from "../theme/breadcrumb.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
+import { Primitive as x } from "reka-ui";
+//#region src/components/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
+var S = /*@__PURE__*/ f({
+	__name: "Breadcrumb",
+	props: {
+		items: {},
+		label: { default: "Breadcrumb" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(f) {
+		let S = f, C = t(), w = a(() => S.unstyled ?? C.unstyled), T = a(() => S.items ?? []), E = a(() => T.value.length - 1), D = a(() => r());
+		function O(e) {
+			let t = S.ui?.[e];
+			return w.value ? t : D.value[e]({ class: t });
+		}
+		return (t, r) => (m(), o(y(x), {
+			as: "nav",
+			"aria-label": S.label,
+			class: p(w.value ? [S.ui?.root, S.class] : D.value.root({ class: [S.ui?.root, S.class] }))
+		}, {
+			default: b(() => [l("ol", { class: p(O("list")) }, [(m(!0), c(i, null, h(T.value, (r, i) => (m(), c("li", {
+				key: i,
+				class: p(O("item"))
+			}, [i === E.value ? (m(), c("span", {
+				key: 0,
+				"aria-current": "page",
+				class: p(O("current"))
+			}, [r.icon ? (m(), o(n, {
+				key: 0,
+				icon: r.icon
+			}, null, 8, ["icon"])) : s("", !0), u(" " + v(r.label), 1)], 2)) : (m(), o(_(r.href ? "a" : "button"), {
+				key: 1,
+				href: r.href,
+				type: r.href ? void 0 : "button",
+				class: p(O("link")),
+				onClick: (e) => r.onSelect?.()
+			}, {
+				default: b(() => [r.icon ? (m(), o(n, {
+					key: 0,
+					icon: r.icon
+				}, null, 8, ["icon"])) : s("", !0), u(" " + v(r.label), 1)]),
+				_: 2
+			}, 1032, [
+				"href",
+				"type",
+				"class",
+				"onClick"
+			])), i === E.value ? s("", !0) : (m(), c("span", {
+				key: 2,
+				"aria-hidden": "true",
+				class: p(O("separator"))
+			}, [g(t.$slots, "separator", {}, () => [d(n, { icon: y(e) }, null, 8, ["icon"])])], 2))], 2))), 128))], 2)]),
+			_: 3
+		}, 8, ["aria-label", "class"]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/packages/iryx-ui/src/components/Button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import { Loading03Icon as e } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as t } from "../config.js";
+import n from "./Icon.js";
+import { useButtonGroup as r } from "../composables/button-group.js";
+import { buttonTheme as i } from "../theme/button.js";
+import { computed as a, createBlock as o, createCommentVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { Primitive as m } from "reka-ui";
+//#region src/components/Button.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ c({
+	__name: "Button",
+	props: {
+		as: { default: "button" },
+		asChild: { type: Boolean },
+		variant: {},
+		size: {},
+		block: { type: Boolean },
+		square: { type: Boolean },
+		loading: { type: Boolean },
+		disabled: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		type: { default: "button" },
+		class: {}
+	},
+	setup(c) {
+		let h = c, g = t(), _ = a(() => h.unstyled ?? g.unstyled), v = r(), y = a(() => h.size ?? v?.size.value), b = a(() => _.value ? h.class : i({
+			variant: h.variant,
+			size: y.value,
+			block: h.block,
+			square: h.square,
+			class: h.class
+		}));
+		return (t, r) => (u(), o(f(m), {
+			as: h.as,
+			"as-child": h.asChild,
+			type: h.as === "button" ? h.type : void 0,
+			disabled: h.disabled || h.loading || void 0,
+			class: l(b.value)
+		}, {
+			default: p(() => [h.loading ? (u(), o(n, {
+				key: 0,
+				icon: f(e),
+				"data-icon": "inline-start",
+				class: "animate-spin"
+			}, null, 8, ["icon"])) : s("", !0), d(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"as",
+			"as-child",
+			"type",
+			"disabled",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { h as default };

package/dist/packages/iryx-ui/src/components/ButtonGroup.js

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