iryx-ui 0.12.0 → 0.13.0

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

@@ -0,0 +1,62 @@
+import type { DropdownMenuEntry } from '../composables/dropdown-menu';
+export interface MenubarMenuOption {
+    label: string;
+    /** Identifies the menu. Defaults to the label. */
+    value?: string;
+    disabled?: boolean;
+    /** The menu's entries, in the same shape `IDropdownMenu` takes. */
+    items?: DropdownMenuEntry[];
+}
+export interface MenubarProps {
+    menus?: MenubarMenuOption[];
+    /** Drop the container so the triggers sit directly on the page. */
+    bare?: boolean;
+    /** Wrap from the last menu back to the first when arrowing past the end. */
+    loop?: boolean;
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ trigger: 'px-4' }`. */
+    ui?: {
+        root?: string;
+        trigger?: string;
+        content?: string;
+        item?: string;
+        label?: string;
+        separator?: string;
+        subTrigger?: string;
+        subContent?: string;
+    };
+}
+/** Menus share the entry shape, renderer and panel styling with `IDropdownMenu`. */
+type __VLS_Props = MenubarProps;
+type __VLS_ModelProps = {
+    /** Which menu is open, by value. Empty string means none. */
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_20: {
+    menu: MenubarMenuOption;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    align: "start" | "center" | "end";
+    sideOffset: number;
+}, {}, {}, {}, 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/Menubar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,79 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { dropdownMenuTheme as t } from "../theme/dropdown-menu.js";
+import n from "./DropdownMenuItems.js";
+import { menubarTheme as r } from "../theme/menubar.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+import { MenubarContent as b, MenubarMenu as x, MenubarPortal as S, MenubarRoot as C, MenubarTrigger as w } from "reka-ui";
+//#region src/components/Menubar.vue?vue&type=script&setup=true&lang.ts
+var T = /*@__PURE__*/ u({
+	__name: "Menubar",
+	props: /*@__PURE__*/ d({
+		menus: {},
+		bare: { type: Boolean },
+		loop: { type: Boolean },
+		align: { default: "start" },
+		sideOffset: { default: 6 },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(u) {
+		let d = u, T = v(u, "modelValue"), E = a(() => d.menus ?? []), D = (e) => e.value ?? e.label, O = e(), k = a(() => d.unstyled ?? O.unstyled), A = a(() => r({ bare: d.bare })), j = a(() => k.value ? [d.ui?.root, d.class] : A.value.root({ class: [d.ui?.root, d.class] })), M = a(() => k.value ? d.ui?.trigger : A.value.trigger({ class: d.ui?.trigger })), N = a(() => k.value ? d.ui?.content : t().content({ class: d.ui?.content }));
+		return (e, t) => (p(), o(_(C), {
+			modelValue: T.value,
+			"onUpdate:modelValue": t[0] ||= (e) => T.value = e,
+			loop: d.loop,
+			class: f(j.value)
+		}, {
+			default: y(() => [(p(!0), s(i, null, m(E.value, (t) => (p(), o(_(x), {
+				key: D(t),
+				value: D(t)
+			}, {
+				default: y(() => [l(_(w), {
+					disabled: t.disabled,
+					class: f(M.value)
+				}, {
+					default: y(() => [h(e.$slots, "trigger", { menu: t }, () => [c(g(t.label), 1)])]),
+					_: 2
+				}, 1032, ["disabled", "class"]), l(_(S), null, {
+					default: y(() => [l(_(b), {
+						align: d.align,
+						"side-offset": d.sideOffset,
+						class: f(N.value)
+					}, {
+						default: y(() => [l(n, {
+							entries: t.items ?? [],
+							unstyled: k.value,
+							ui: d.ui
+						}, null, 8, [
+							"entries",
+							"unstyled",
+							"ui"
+						])]),
+						_: 2
+					}, 1032, [
+						"align",
+						"side-offset",
+						"class"
+					])]),
+					_: 2
+				}, 1024)]),
+				_: 2
+			}, 1032, ["value"]))), 128))]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"loop",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/NavigationMenu.js

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

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

@@ -0,0 +1,75 @@
+import type { NavigationMenuEntry, NavigationMenuGroupItem, NavigationMenuLinkItem } from '../composables/navigation-menu';
+export interface NavigationMenuProps {
+    /** Top-level entries. An entry with `items` opens a panel. */
+    items?: NavigationMenuEntry[];
+    orientation?: 'horizontal' | 'vertical';
+    /** Columns in a panel. An entry can override this with its own `columns`. */
+    columns?: 1 | 2 | 3;
+    /**
+     * Accessible name for the navigation landmark — override for non-English
+     * apps.
+     */
+    label?: string;
+    /** Milliseconds a pointer must rest on a trigger before its panel opens. */
+    delayDuration?: number;
+    /** Open panels on click only, for touch-first apps. */
+    disableHoverTrigger?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ viewport: 'w-96' }`. */
+    ui?: {
+        root?: string;
+        list?: string;
+        item?: string;
+        link?: string;
+        triggerIcon?: string;
+        viewportWrapper?: string;
+        viewport?: string;
+        content?: string;
+        panelLink?: string;
+        panelLabel?: string;
+        panelDescription?: string;
+        panelIcon?: string;
+    };
+}
+type __VLS_Props = NavigationMenuProps;
+type __VLS_ModelProps = {
+    /** Which panel is open, by entry value. Empty string means none. */
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {}, __VLS_28: {
+    item: NavigationMenuGroupItem;
+}, __VLS_46: {
+    item: NavigationMenuGroupItem;
+}, __VLS_81: {
+    item: NavigationMenuLinkItem;
+};
+type __VLS_Slots = {} & {
+    list?: (props: typeof __VLS_14) => any;
+} & {
+    trigger?: (props: typeof __VLS_28) => any;
+} & {
+    panel?: (props: typeof __VLS_46) => any;
+} & {
+    item?: (props: typeof __VLS_81) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    orientation: "horizontal" | "vertical";
+    label: string;
+    columns: 1 | 2 | 3;
+}, {}, {}, {}, 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/NavigationMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,167 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { isNavigationGroup as n } from "../composables/navigation-menu.js";
+import { navigationMenuTheme as r } from "../theme/navigation-menu.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, mergeModels as p, normalizeClass as m, openBlock as h, renderList as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useModel as x, withCtx as S } from "vue";
+import { ArrowDown01Icon as C } from "@hugeicons/core-free-icons";
+import { NavigationMenuContent as w, NavigationMenuItem as T, NavigationMenuLink as E, NavigationMenuList as D, NavigationMenuRoot as O, NavigationMenuTrigger as k, NavigationMenuViewport as A } from "reka-ui";
+//#region src/components/NavigationMenu.vue?vue&type=script&setup=true&lang.ts
+var j = /*@__PURE__*/ f({
+	__name: "NavigationMenu",
+	props: /*@__PURE__*/ p({
+		items: {},
+		orientation: { default: "horizontal" },
+		columns: { default: 1 },
+		label: { default: "Main" },
+		delayDuration: {},
+		disableHoverTrigger: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(f) {
+		let p = f, j = x(f, "modelValue"), M = e(), N = a(() => p.unstyled ?? M.unstyled), P = a(() => p.items ?? []), F = (e) => e.label, I = a(() => P.value.some(n)), L = a(() => r({ orientation: p.orientation }));
+		function R(e) {
+			let t = p.ui?.[e];
+			return N.value ? t : L.value[e]({ class: t });
+		}
+		function z(e) {
+			let t = p.ui?.content;
+			return N.value ? t : r({
+				orientation: p.orientation,
+				columns: e.columns ?? p.columns
+			}).content({ class: t });
+		}
+		let B = (e) => e.href ? "a" : "button";
+		function V(e, t) {
+			if (e.disabled) {
+				t.preventDefault();
+				return;
+			}
+			e.onSelect?.();
+		}
+		return (e, r) => (h(), o(b(O), {
+			modelValue: j.value,
+			"onUpdate:modelValue": r[0] ||= (e) => j.value = e,
+			orientation: p.orientation,
+			"delay-duration": p.delayDuration,
+			"disable-hover-trigger": p.disableHoverTrigger,
+			"aria-label": p.label,
+			class: m(N.value ? [p.ui?.root, p.class] : L.value.root({ class: [p.ui?.root, p.class] }))
+		}, {
+			default: S(() => [d(b(D), { class: m(R("list")) }, {
+				default: S(() => [_(e.$slots, "list", {}, () => [(h(!0), c(i, null, g(P.value, (r) => (h(), o(b(T), {
+					key: F(r),
+					value: F(r),
+					class: m(R("item"))
+				}, {
+					default: S(() => [b(n)(r) ? (h(), c(i, { key: 0 }, [d(b(k), {
+						disabled: r.disabled,
+						class: m(R("link"))
+					}, {
+						default: S(() => [_(e.$slots, "trigger", { item: r }, () => [
+							r.icon ? (h(), o(t, {
+								key: 0,
+								icon: r.icon
+							}, null, 8, ["icon"])) : s("", !0),
+							u(" " + y(r.label) + " ", 1),
+							d(t, {
+								icon: b(C),
+								class: m(R("triggerIcon"))
+							}, null, 8, ["icon", "class"])
+						])]),
+						_: 2
+					}, 1032, ["disabled", "class"]), d(b(w), { class: m(z(r)) }, {
+						default: S(() => [_(e.$slots, "panel", { item: r }, () => [(h(!0), c(i, null, g(r.items, (e) => (h(), o(b(E), {
+							key: e.label,
+							"as-child": "",
+							active: e.active,
+							onSelect: (t) => V(e, t)
+						}, {
+							default: S(() => [(h(), o(v(B(e)), {
+								href: e.href,
+								target: e.target,
+								type: e.href ? void 0 : "button",
+								"aria-current": e.active ? "page" : void 0,
+								"aria-disabled": e.disabled || void 0,
+								"data-disabled": e.disabled ? "" : void 0,
+								class: m(R("panelLink"))
+							}, {
+								default: S(() => [e.icon ? (h(), c("span", {
+									key: 0,
+									class: m(R("panelIcon"))
+								}, [d(t, { icon: e.icon }, null, 8, ["icon"])], 2)) : s("", !0), l("span", null, [l("span", { class: m(R("panelLabel")) }, y(e.label), 3), e.description ? (h(), c("span", {
+									key: 0,
+									class: m(R("panelDescription"))
+								}, y(e.description), 3)) : s("", !0)])]),
+								_: 2
+							}, 1032, [
+								"href",
+								"target",
+								"type",
+								"aria-current",
+								"aria-disabled",
+								"data-disabled",
+								"class"
+							]))]),
+							_: 2
+						}, 1032, ["active", "onSelect"]))), 128))])]),
+						_: 2
+					}, 1032, ["class"])], 64)) : (h(), o(b(E), {
+						key: 1,
+						"as-child": "",
+						active: r.active,
+						onSelect: (e) => V(r, e)
+					}, {
+						default: S(() => [(h(), o(v(B(r)), {
+							href: r.href,
+							target: r.target,
+							type: r.href ? void 0 : "button",
+							"aria-current": r.active ? "page" : void 0,
+							"aria-disabled": r.disabled || void 0,
+							"data-disabled": r.disabled ? "" : void 0,
+							class: m(R("link"))
+						}, {
+							default: S(() => [_(e.$slots, "item", { item: r }, () => [r.icon ? (h(), o(t, {
+								key: 0,
+								icon: r.icon
+							}, null, 8, ["icon"])) : s("", !0), u(" " + y(r.label), 1)])]),
+							_: 2
+						}, 1032, [
+							"href",
+							"target",
+							"type",
+							"aria-current",
+							"aria-disabled",
+							"data-disabled",
+							"class"
+						]))]),
+						_: 2
+					}, 1032, ["active", "onSelect"]))]),
+					_: 2
+				}, 1032, ["value", "class"]))), 128))])]),
+				_: 3
+			}, 8, ["class"]), I.value ? (h(), c("div", {
+				key: 0,
+				class: m(R("viewportWrapper"))
+			}, [d(b(A), { class: m(R("viewport")) }, null, 8, ["class"])], 2)) : s("", !0)]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"orientation",
+			"delay-duration",
+			"disable-hover-trigger",
+			"aria-label",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { j as default };

package/dist/components/NumberInput.vue_vue_type_script_setup_true_lang.js

@@ -94,7 +94,7 @@ var M = [
 			let n = v.ui?.[e];
 			return B.value ? [n, t] : X.value[e]({ class: [n, t] });
 		}
-		return (e, n) => (x(), m("div", { class: b(Z("root")) }, [D(h("input", y({
+		return (e, n) => (x(), m("div", { class: b(B.value ? [v.ui?.root, v.class] : X.value.root({ class: [v.ui?.root, v.class] })) }, [D(h("input", y({
 			id: L.value,
 			"onUpdate:modelValue": n[0] ||= (e) => V.value = e
 		}, e.$attrs, {
@@ -110,7 +110,7 @@ var M = [
 			required: v.required,
 			"aria-invalid": R.value || void 0,
 			"aria-describedby": C(I)?.describedBy.value,
-			class: B.value ? [v.ui?.input, v.class] : X.value.input({ class: [v.ui?.input, v.class] }),
+			class: Z("input"),
 			onFocus: G,
 			onBlur: K,
 			onKeydown: [n[1] ||= O(k((e) => q(1), ["prevent"]), ["up"]), n[2] ||= O(k((e) => q(-1), ["prevent"]), ["down"])]

package/dist/components/PageHeader.js

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

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

@@ -0,0 +1,52 @@
+export interface PageHeaderProps {
+    /** Render as a different element or component. */
+    as?: string;
+    title?: string;
+    description?: string;
+    /**
+     * Heading level for the title. A page header is usually the `h1`, but a
+     * panel or a nested view may need to sit lower in the outline.
+     */
+    level?: 1 | 2 | 3;
+    /** Draw a rule underneath, for pages that run straight into content. */
+    bordered?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ title: 'text-3xl' }`. */
+    ui?: {
+        root?: string;
+        top?: string;
+        row?: string;
+        heading?: string;
+        title?: string;
+        description?: string;
+        actions?: string;
+    };
+}
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    breadcrumb?: (props: typeof __VLS_8) => any;
+} & {
+    title?: (props: typeof __VLS_16) => any;
+} & {
+    description?: (props: typeof __VLS_18) => any;
+} & {
+    actions?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PageHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageHeaderProps> & Readonly<{}>, {
+    unstyled: boolean;
+    as: string;
+    bordered: boolean;
+    level: 1 | 2 | 3;
+}, {}, {}, {}, 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/PageHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { pageHeaderTheme as t } from "../theme/page-header.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, resolveDynamicComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { Primitive as g } from "reka-ui";
+//#region src/components/PageHeader.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ c({
+	__name: "PageHeader",
+	props: {
+		as: { default: "header" },
+		title: {},
+		description: {},
+		level: { default: 1 },
+		bordered: {
+			type: Boolean,
+			default: void 0
+		},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	setup(c) {
+		let _ = c, v = e(), y = n(() => _.unstyled ?? v.unstyled), b = n(() => `h${_.level}`), x = n(() => t({ bordered: _.bordered }));
+		function S(e) {
+			let t = _.ui?.[e];
+			return y.value ? t : x.value[e]({ class: t });
+		}
+		return (e, t) => (u(), r(m(g), {
+			as: _.as,
+			class: l(y.value ? [_.ui?.root, _.class] : x.value.root({ class: [_.ui?.root, _.class] }))
+		}, {
+			default: h(() => [
+				e.$slots.breadcrumb ? (u(), a("div", {
+					key: 0,
+					class: l(S("top"))
+				}, [d(e.$slots, "breadcrumb")], 2)) : i("", !0),
+				o("div", { class: l(S("row")) }, [o("div", { class: l(S("heading")) }, [_.title || e.$slots.title ? (u(), r(f(b.value), {
+					key: 0,
+					class: l(S("title"))
+				}, {
+					default: h(() => [d(e.$slots, "title", {}, () => [s(p(_.title), 1)])]),
+					_: 3
+				}, 8, ["class"])) : i("", !0), _.description || e.$slots.description ? (u(), a("p", {
+					key: 1,
+					class: l(S("description"))
+				}, [d(e.$slots, "description", {}, () => [s(p(_.description), 1)])], 2)) : i("", !0)], 2), e.$slots.actions ? (u(), a("div", {
+					key: 0,
+					class: l(S("actions"))
+				}, [d(e.$slots, "actions")], 2)) : i("", !0)], 2),
+				d(e.$slots, "default")
+			]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/PinInput.js

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

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

@@ -0,0 +1,65 @@
+export interface PinInputProps {
+    /**
+     * The code, as a plain string. Reka works in arrays of single characters;
+     * a PIN is a string everywhere else in an app — in the request body, in the
+     * validator, in the email it arrived in — so the array stays an internal
+     * detail and never reaches your model.
+     */
+    modelValue?: string;
+    /** How many cells to render. */
+    length?: number;
+    /** `number` gets the numeric keypad on mobile and rejects non-digits. */
+    type?: 'text' | 'number';
+    /** Render the entered characters as dots, like a password field. */
+    mask?: boolean;
+    /**
+     * Let phones offer the code from an SMS. Sets the one-time-code autofill
+     * hint, which is the whole reason a reader does not have to retype it.
+     */
+    otp?: boolean;
+    /** Character shown in an empty cell. */
+    placeholder?: string;
+    /**
+     * Insert a separator after every N cells — `3` gives 123–456. Long codes
+     * are read in chunks, and an unbroken row of eight is hard to check.
+     */
+    groupSize?: number;
+    /** What that separator shows. */
+    separator?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    id?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ input: 'size-14' }`. */
+    ui?: {
+        root?: string;
+        input?: string;
+        separator?: string;
+    };
+}
+declare var __VLS_15: {};
+type __VLS_Slots = {} & {
+    separator?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PinInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    complete: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<PinInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
+}>, {
+    length: number;
+    unstyled: boolean;
+    separator: string;
+}, {}, {}, {}, 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/PinInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { pinInputTheme as t } from "../theme/pin-input.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { PinInputInput as _, PinInputRoot as v } from "reka-ui";
+//#region src/components/PinInput.vue?vue&type=script&setup=true&lang.ts
+var y = /*@__PURE__*/ l({
+	__name: "PinInput",
+	props: {
+		modelValue: {},
+		length: { default: 6 },
+		type: {},
+		mask: { type: Boolean },
+		otp: { type: Boolean },
+		placeholder: {},
+		groupSize: {},
+		separator: { default: "–" },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		size: {},
+		id: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	},
+	emits: ["update:modelValue", "complete"],
+	setup(l, { emit: y }) {
+		let b = l, x = y, S = r(() => (b.modelValue ?? "").split("")), C = (e) => e.join(""), w = r(() => Array.from({ length: b.length }, (e, t) => t)), T = r(() => {
+			let e = b.groupSize;
+			return !e || e <= 0 ? /* @__PURE__ */ new Set() : new Set(w.value.filter((t) => (t + 1) % e === 0 && t !== b.length - 1));
+		}), E = e(), D = r(() => b.unstyled ?? E.unstyled), O = r(() => t({
+			size: b.size,
+			invalid: b.invalid
+		})), k = r(() => D.value ? [b.ui?.root, b.class] : O.value.root({ class: [b.ui?.root, b.class] })), A = r(() => D.value ? b.ui?.input : O.value.input({ class: b.ui?.input })), j = r(() => D.value ? b.ui?.separator : O.value.separator({ class: b.ui?.separator }));
+		return (e, t) => (d(), i(h(v), {
+			id: b.id,
+			"model-value": S.value,
+			type: b.type,
+			mask: b.mask,
+			otp: b.otp,
+			placeholder: b.placeholder,
+			disabled: b.disabled,
+			class: u(k.value),
+			"onUpdate:modelValue": t[0] ||= (e) => x("update:modelValue", C(e)),
+			onComplete: t[1] ||= (e) => x("complete", C(e))
+		}, {
+			default: g(() => [(d(!0), o(n, null, f(w.value, (t) => (d(), o(n, { key: t }, [c(h(_), {
+				index: t,
+				"aria-invalid": b.invalid || void 0,
+				class: u(A.value)
+			}, null, 8, [
+				"index",
+				"aria-invalid",
+				"class"
+			]), T.value.has(t) ? (d(), o("span", {
+				key: 0,
+				class: u(j.value),
+				"aria-hidden": "true"
+			}, [p(e.$slots, "separator", {}, () => [s(m(b.separator), 1)])], 2)) : a("", !0)], 64))), 128))]),
+			_: 3
+		}, 8, [
+			"id",
+			"model-value",
+			"type",
+			"mask",
+			"otp",
+			"placeholder",
+			"disabled",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/Popover.js

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