iryx-ui 0.21.0 → 0.23.0

package/dist/component-names.d.ts

@@ -3,7 +3,7 @@
  * 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 ["Accordion", "Alert", "App", "AppShell", "AspectRatio", "AuthProviders", "Avatar", "AvatarGroup", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Calendar", "Card", "Carousel", "ChartLegend", "Checkbox", "ColorPicker", "Combobox", "Collapsible", "CommandPalette", "Container", "ConfirmDialog", "ContextMenu", "DateField", "DatePicker", "DateRangePicker", "Dialog", "DonutChart", "Drawer", "DropdownMenu", "Editable", "EmptyState", "FileUpload", "Form", "FormField", "HoverCard", "Icon", "Input", "Kbd", "Label", "LineChart", "NavigationMenu", "NumberInput", "Menubar", "PageHeader", "Pagination", "PasswordInput", "PinInput", "Popover", "Progress", "RadioGroup", "Rating", "ScrollArea", "ScrollFade", "Select", "Separator", "Sidebar", "SignaturePad", "Skeleton", "Slider", "Sparkline", "Splitter", "Stat", "Stepper", "Switch", "Table", "Tabs", "TagsInput", "Textarea", "Toaster", "Toggle", "ToggleGroup", "TimeField", "Timeline", "Toolbar", "Tooltip", "Tree"];
+export declare const componentNames: readonly ["Accordion", "Alert", "App", "AppShell", "AspectRatio", "AuthProviders", "Avatar", "AvatarGroup", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Calendar", "Card", "Carousel", "ChartLegend", "Checkbox", "Code", "ColorPicker", "Combobox", "Collapsible", "CommandPalette", "Container", "ConfirmDialog", "ContextMenu", "DateField", "DatePicker", "DateRangePicker", "DescriptionList", "Dialog", "DonutChart", "Drawer", "DropdownMenu", "Editable", "EmptyState", "FileUpload", "Form", "FormField", "HoverCard", "Icon", "Input", "Kbd", "Label", "LineChart", "NavigationMenu", "NumberInput", "Menubar", "PageHeader", "Pagination", "PasswordInput", "PinInput", "Popover", "Progress", "RadioGroup", "Rating", "ScrollArea", "ScrollFade", "Select", "Separator", "Sidebar", "SignaturePad", "Skeleton", "Slider", "Sparkline", "Splitter", "Stat", "Stepper", "Switch", "Table", "Tabs", "TagsInput", "Textarea", "Toaster", "Toggle", "ToggleGroup", "TimeField", "Timeline", "Toolbar", "Tooltip", "Tree"];
 export type ComponentName = (typeof componentNames)[number];
 /**
  * Names of every block exported from `iryx-ui/marketing`.

package/dist/component-names.js

@@ -1,5 +1,5 @@
 //#region src/component-names.ts
-var e = /* @__PURE__ */ "Accordion.Alert.App.AppShell.AspectRatio.AuthProviders.Avatar.AvatarGroup.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Calendar.Card.Carousel.ChartLegend.Checkbox.ColorPicker.Combobox.Collapsible.CommandPalette.Container.ConfirmDialog.ContextMenu.DateField.DatePicker.DateRangePicker.Dialog.DonutChart.Drawer.DropdownMenu.Editable.EmptyState.FileUpload.Form.FormField.HoverCard.Icon.Input.Kbd.Label.LineChart.NavigationMenu.NumberInput.Menubar.PageHeader.Pagination.PasswordInput.PinInput.Popover.Progress.RadioGroup.Rating.ScrollArea.ScrollFade.Select.Separator.Sidebar.SignaturePad.Skeleton.Slider.Sparkline.Splitter.Stat.Stepper.Switch.Table.Tabs.TagsInput.Textarea.Toaster.Toggle.ToggleGroup.TimeField.Timeline.Toolbar.Tooltip.Tree".split("."), t = [
+var e = /* @__PURE__ */ "Accordion.Alert.App.AppShell.AspectRatio.AuthProviders.Avatar.AvatarGroup.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Calendar.Card.Carousel.ChartLegend.Checkbox.Code.ColorPicker.Combobox.Collapsible.CommandPalette.Container.ConfirmDialog.ContextMenu.DateField.DatePicker.DateRangePicker.DescriptionList.Dialog.DonutChart.Drawer.DropdownMenu.Editable.EmptyState.FileUpload.Form.FormField.HoverCard.Icon.Input.Kbd.Label.LineChart.NavigationMenu.NumberInput.Menubar.PageHeader.Pagination.PasswordInput.PinInput.Popover.Progress.RadioGroup.Rating.ScrollArea.ScrollFade.Select.Separator.Sidebar.SignaturePad.Skeleton.Slider.Sparkline.Splitter.Stat.Stepper.Switch.Table.Tabs.TagsInput.Textarea.Toaster.Toggle.ToggleGroup.TimeField.Timeline.Toolbar.Tooltip.Tree".split("."), t = [
 	"BrowserFrame",
 	"FeatureCard",
 	"Hero",

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

@@ -1,10 +1,19 @@
 import type { CheckboxRootProps } from 'reka-ui';
 import type { ClassValue } from '../class-value';
+import type { IconLike } from '../composables/icon';
 export interface CheckboxProps extends CheckboxRootProps {
     /** Text shown beside the box. Also makes the text clickable. */
     label?: string;
     /** Secondary text under the label. */
     description?: string;
+    /**
+     * How the control is drawn. `checkbox` is a box beside its label, `card`
+     * makes the whole bordered surface the control, and `tile` centres an icon
+     * above the label.
+     */
+    variant?: 'checkbox' | 'card' | 'tile';
+    /** Shown above the label by the `tile` variant, ignored by the others. */
+    icon?: IconLike;
     size?: 'sm' | 'md' | 'lg';
     id?: string;
     /** Mark as failing validation. Taken from the enclosing `IFormField` when omitted. */
@@ -16,21 +25,29 @@ export interface CheckboxProps extends CheckboxRootProps {
     ui?: {
         wrapper?: string;
         root?: string;
+        mark?: string;
+        icon?: string;
         indicator?: string;
         content?: string;
         label?: string;
         description?: string;
     };
 }
-declare var __VLS_13: {}, __VLS_31: {}, __VLS_33: {}, __VLS_48: {};
+declare var __VLS_14: {}, __VLS_31: {}, __VLS_33: {}, __VLS_47: {}, __VLS_65: {}, __VLS_67: {}, __VLS_82: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_14) => any;
 } & {
     label?: (props: typeof __VLS_31) => any;
 } & {
     description?: (props: typeof __VLS_33) => any;
 } & {
-    default?: (props: typeof __VLS_48) => any;
+    default?: (props: typeof __VLS_47) => any;
+} & {
+    label?: (props: typeof __VLS_65) => any;
+} & {
+    description?: (props: typeof __VLS_67) => any;
+} & {
+    default?: (props: typeof __VLS_82) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean | "indeterminate") => any;

package/dist/components/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -2,16 +2,18 @@ import { useIryxUiConfig as e } from "../config.js";
 import t from "./Icon.js";
 import { useFormField as n } from "../composables/form.js";
 import { checkboxTheme as r } from "../theme/checkbox.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
-import { MinusSignIcon as y, Tick02Icon as b } from "@hugeicons/core-free-icons";
-import { CheckboxIndicator as x, CheckboxRoot as S, Label as C, useForwardPropsEmits as w, useId as T } from "reka-ui";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as v, withCtx as y } from "vue";
+import { MinusSignIcon as b, Tick02Icon as x } from "@hugeicons/core-free-icons";
+import { CheckboxIndicator as S, CheckboxRoot as C, Label as w, useForwardPropsEmits as T, useId as E } from "reka-ui";
 //#region src/components/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var E = ["id"], D = /*@__PURE__*/ d({
+var D = ["id"], O = ["id"], k = ["id"], A = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "Checkbox",
 	props: {
 		label: {},
 		description: {},
+		variant: {},
+		icon: {},
 		size: {},
 		id: {},
 		invalid: {
@@ -41,35 +43,80 @@ var E = ["id"], D = /*@__PURE__*/ d({
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(d, { emit: D }) {
-		let O = d, k = D, A = w(i(() => {
-			let { label: e, description: t, size: n, id: r, invalid: i, unstyled: a, class: o, ui: s, ...c } = O;
-			return c;
-		}), k), j = T(), M = n(), N = i(() => O.invalid ?? M?.invalid.value ?? !1), P = i(() => O.id ?? M?.id.value ?? j);
-		M && (M.id.value = P.value);
-		let F = i(() => !!(O.label || O.description)), I = e(), L = i(() => O.unstyled ?? I.unstyled), R = i(() => r({
-			size: O.size,
-			withText: F.value,
-			invalid: N.value
-		})), z = i(() => L.value ? O.ui?.wrapper : R.value.wrapper({ class: O.ui?.wrapper })), B = i(() => L.value ? [O.ui?.root, O.class] : R.value.root({ class: [O.ui?.root, O.class] })), V = i(() => L.value ? O.ui?.indicator : R.value.indicator({ class: O.ui?.indicator })), H = i(() => L.value ? O.ui?.content : R.value.content({ class: O.ui?.content })), U = i(() => L.value ? O.ui?.label : R.value.label({ class: O.ui?.label })), W = i(() => L.value ? O.ui?.description : R.value.description({ class: O.ui?.description }));
-		return (e, n) => F.value ? (m(), s("div", {
+	setup(d, { emit: A }) {
+		let j = d, M = A, N = T(i(() => {
+			let { label: e, description: t, variant: n, icon: r, size: i, id: a, invalid: o, unstyled: s, class: c, ui: l, ...u } = j;
+			return u;
+		}), M), P = v(), F = E(), I = n(), L = i(() => j.invalid ?? I?.invalid.value ?? !1), R = i(() => j.id ?? I?.id.value ?? F);
+		I && (I.id.value = R.value);
+		let z = i(() => !!(j.description || P.description)), B = i(() => !!(j.label || P.label || z.value)), V = i(() => z.value ? `${R.value}-description` : void 0), H = e(), U = i(() => j.unstyled ?? H.unstyled), W = i(() => (j.variant ?? "checkbox") !== "checkbox"), G = i(() => r({
+			variant: j.variant,
+			size: j.size,
+			withText: B.value,
+			invalid: L.value
+		})), K = i(() => U.value ? j.ui?.wrapper : G.value.wrapper({ class: j.ui?.wrapper })), q = i(() => U.value ? [j.ui?.root, j.class] : G.value.root({ class: [j.ui?.root, j.class] })), J = i(() => U.value ? j.ui?.indicator : G.value.indicator({ class: j.ui?.indicator })), Y = i(() => U.value ? j.ui?.content : G.value.content({ class: j.ui?.content })), X = i(() => U.value ? j.ui?.label : G.value.label({ class: j.ui?.label })), Z = i(() => U.value ? j.ui?.description : G.value.description({ class: j.ui?.description })), Q = i(() => U.value ? j.ui?.mark : G.value.mark({ class: j.ui?.mark })), $ = i(() => U.value ? j.ui?.icon : G.value.icon({ class: j.ui?.icon }));
+		return (e, n) => W.value ? (m(), a(_(C), f({
 			key: 0,
-			class: p(z.value)
-		}, [u(_(S), f({ id: P.value }, {
-			..._(A),
+			id: R.value
+		}, {
+			..._(N),
 			...e.$attrs
 		}, {
-			"aria-invalid": N.value || void 0,
-			"aria-describedby": O.description ? `${P.value}-description` : void 0,
-			class: B.value
+			"aria-invalid": L.value || void 0,
+			"aria-labelledby": `${R.value}-label`,
+			"aria-describedby": V.value,
+			class: [q.value, "group/item"]
 		}), {
-			default: v(() => [u(_(x), { class: p(V.value) }, {
-				default: v(() => [h(e.$slots, "default", {}, () => [O.modelValue === "indeterminate" ? (m(), a(t, {
+			default: y(() => [j.variant === "card" ? (m(), s("span", {
+				key: 0,
+				class: p(Q.value)
+			}, [u(_(S), { class: p(J.value) }, {
+				default: y(() => [h(e.$slots, "default", {}, () => [j.modelValue === "indeterminate" ? (m(), a(t, {
 					key: 0,
-					icon: _(y)
+					icon: _(b)
 				}, null, 8, ["icon"])) : (m(), a(t, {
 					key: 1,
+					icon: _(x)
+				}, null, 8, ["icon"]))])]),
+				_: 3
+			}, 8, ["class"])], 2)) : j.icon ? (m(), a(t, {
+				key: 1,
+				icon: j.icon,
+				"data-slot": "icon",
+				class: p($.value)
+			}, null, 8, ["icon", "class"])) : o("", !0), c("span", { class: p(Y.value) }, [c("span", {
+				id: `${R.value}-label`,
+				class: p(X.value)
+			}, [h(e.$slots, "label", {}, () => [l(g(j.label), 1)])], 10, D), z.value ? (m(), s("span", {
+				key: 0,
+				id: `${R.value}-description`,
+				class: p(Z.value)
+			}, [h(e.$slots, "description", {}, () => [l(g(j.description), 1)])], 10, O)) : o("", !0)], 2)]),
+			_: 3
+		}, 16, [
+			"id",
+			"aria-invalid",
+			"aria-labelledby",
+			"aria-describedby",
+			"class"
+		])) : B.value ? (m(), s("div", {
+			key: 1,
+			class: p(K.value)
+		}, [u(_(C), f({ id: R.value }, {
+			..._(N),
+			...e.$attrs
+		}, {
+			"aria-invalid": L.value || void 0,
+			"aria-describedby": V.value,
+			class: q.value
+		}), {
+			default: y(() => [u(_(S), { class: p(J.value) }, {
+				default: y(() => [h(e.$slots, "default", {}, () => [j.modelValue === "indeterminate" ? (m(), a(t, {
+					key: 0,
 					icon: _(b)
+				}, null, 8, ["icon"])) : (m(), a(t, {
+					key: 1,
+					icon: _(x)
 				}, null, 8, ["icon"]))])]),
 				_: 3
 			}, 8, ["class"])]),
@@ -79,33 +126,33 @@ var E = ["id"], D = /*@__PURE__*/ d({
 			"aria-invalid",
 			"aria-describedby",
 			"class"
-		]), c("div", { class: p(H.value) }, [u(_(C), {
-			for: P.value,
-			class: p(U.value)
+		]), c("div", { class: p(Y.value) }, [u(_(w), {
+			for: R.value,
+			class: p(X.value)
 		}, {
-			default: v(() => [h(e.$slots, "label", {}, () => [l(g(O.label), 1)])]),
+			default: y(() => [h(e.$slots, "label", {}, () => [l(g(j.label), 1)])]),
 			_: 3
-		}, 8, ["for", "class"]), O.description || e.$slots.description ? (m(), s("p", {
+		}, 8, ["for", "class"]), z.value ? (m(), s("p", {
 			key: 0,
-			id: `${P.value}-description`,
-			class: p(W.value)
-		}, [h(e.$slots, "description", {}, () => [l(g(O.description), 1)])], 10, E)) : o("", !0)], 2)], 2)) : (m(), a(_(S), f({
-			key: 1,
-			id: P.value
+			id: `${R.value}-description`,
+			class: p(Z.value)
+		}, [h(e.$slots, "description", {}, () => [l(g(j.description), 1)])], 10, k)) : o("", !0)], 2)], 2)) : (m(), a(_(C), f({
+			key: 2,
+			id: R.value
 		}, {
-			..._(A),
+			..._(N),
 			...e.$attrs
 		}, {
-			"aria-invalid": N.value || void 0,
-			class: B.value
+			"aria-invalid": L.value || void 0,
+			class: q.value
 		}), {
-			default: v(() => [u(_(x), { class: p(V.value) }, {
-				default: v(() => [h(e.$slots, "default", {}, () => [O.modelValue === "indeterminate" ? (m(), a(t, {
+			default: y(() => [u(_(S), { class: p(J.value) }, {
+				default: y(() => [h(e.$slots, "default", {}, () => [j.modelValue === "indeterminate" ? (m(), a(t, {
 					key: 0,
-					icon: _(y)
+					icon: _(b)
 				}, null, 8, ["icon"])) : (m(), a(t, {
 					key: 1,
-					icon: _(b)
+					icon: _(x)
 				}, null, 8, ["icon"]))])]),
 				_: 3
 			}, 8, ["class"])]),
@@ -118,4 +165,4 @@ var E = ["id"], D = /*@__PURE__*/ d({
 	}
 });
 //#endregion
-export { D as default };
+export { A as default };

package/dist/components/Code.js

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

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

@@ -0,0 +1,38 @@
+import type { ClassValue } from '../class-value';
+export interface CodeProps {
+    /** The code itself. The default slot renders instead when it is absent. */
+    code?: string;
+    /** Render a `pre` block rather than an inline chip. */
+    block?: boolean;
+    /** Show a copy button. Defaults to on for a block, off inline. */
+    copy?: boolean;
+    copyLabel?: string;
+    copiedLabel?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: ClassValue;
+    /** Override classes per element, e.g. `{ code: 'text-xs' }`. */
+    ui?: {
+        root?: string;
+        code?: string;
+        copy?: string;
+    };
+}
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CodeProps> & Readonly<{}>, {
+    unstyled: boolean;
+    copy: boolean;
+    copyLabel: string;
+    copiedLabel: 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/Code.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { codeTheme as n } from "../theme/code.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+import { Copy01Icon as y, Tick02Icon as b } from "@hugeicons/core-free-icons";
+import { Primitive as x } from "reka-ui";
+//#region src/components/Code.vue?vue&type=script&setup=true&lang.ts
+var S = ["aria-label"], C = /*@__PURE__*/ u({
+	__name: "Code",
+	props: {
+		code: {},
+		block: { type: Boolean },
+		copy: {
+			type: Boolean,
+			default: void 0
+		},
+		copyLabel: { default: "Copy code" },
+		copiedLabel: { default: "Copied" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
+		ui: {}
+	},
+	setup(u) {
+		let C = u, w = e(), T = r(() => C.unstyled ?? w.unstyled), E = r(() => C.copy ?? C.block ?? !1), D = m(), O = m(!1), k;
+		async function A() {
+			let e = C.code ?? D.value?.textContent ?? "";
+			if (e) {
+				try {
+					await navigator.clipboard.writeText(e);
+				} catch {
+					return;
+				}
+				O.value = !0, clearTimeout(k), k = setTimeout(() => O.value = !1, 2e3);
+			}
+		}
+		f(() => clearTimeout(k));
+		let j = r(() => n({ block: C.block })), M = r(() => T.value ? [C.ui?.root, C.class] : j.value.root({ class: [C.ui?.root, C.class] })), N = r(() => T.value ? C.ui?.code : j.value.code({ class: C.ui?.code })), P = r(() => T.value ? C.ui?.copy : j.value.copy({ class: C.ui?.copy }));
+		return (e, n) => (p(), i(_(x), {
+			as: C.block ? "pre" : "span",
+			class: d(M.value)
+		}, {
+			default: v(() => [s("code", {
+				ref_key: "codeEl",
+				ref: D,
+				class: d(N.value)
+			}, [h(e.$slots, "default", {}, () => [c(g(C.code), 1)])], 2), E.value ? (p(), o("button", {
+				key: 0,
+				type: "button",
+				class: d(P.value),
+				"aria-label": O.value ? C.copiedLabel : C.copyLabel,
+				onClick: A
+			}, [l(t, { icon: O.value ? _(b) : _(y) }, null, 8, ["icon"])], 10, S)) : a("", !0)]),
+			_: 3
+		}, 8, ["as", "class"]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/DescriptionList.js

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

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

@@ -0,0 +1,50 @@
+import type { ClassValue } from '../class-value';
+export interface DescriptionListItem {
+    term: string;
+    description?: string | number;
+    /** Passed to the slots, so a row can be rendered by name rather than by index. */
+    key?: string;
+}
+export interface DescriptionListProps {
+    items?: DescriptionListItem[];
+    /** `horizontal` puts the term and the description side by side on one row. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Separate the rows with a rule instead of whitespace. */
+    divided?: boolean;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: ClassValue;
+    /** Override classes per element, e.g. `{ term: 'text-foreground' }`. */
+    ui?: {
+        root?: string;
+        item?: string;
+        term?: string;
+        description?: string;
+    };
+}
+declare var __VLS_8: {
+    item: DescriptionListItem;
+    index: number;
+}, __VLS_10: {
+    item: DescriptionListItem;
+    index: number;
+}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    term?: (props: typeof __VLS_8) => any;
+} & {
+    description?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DescriptionListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DescriptionListProps> & Readonly<{}>, {
+    items: DescriptionListItem[];
+    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/DescriptionList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { descriptionListTheme as t } from "../theme/description-list.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+import { Primitive as g } from "reka-ui";
+//#region src/components/DescriptionList.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ c({
+	__name: "DescriptionList",
+	props: {
+		items: { default: () => [] },
+		orientation: {},
+		divided: { type: Boolean },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
+		ui: {}
+	},
+	setup(c) {
+		let _ = c, v = e(), y = r(() => _.unstyled ?? v.unstyled), b = r(() => t({
+			orientation: _.orientation,
+			divided: _.divided
+		})), x = r(() => y.value ? [_.ui?.root, _.class] : b.value.root({ class: [_.ui?.root, _.class] })), S = r(() => y.value ? _.ui?.item : b.value.item({ class: _.ui?.item })), C = r(() => y.value ? _.ui?.term : b.value.term({ class: _.ui?.term })), w = r(() => y.value ? _.ui?.description : b.value.description({ class: _.ui?.description }));
+		return (e, t) => (u(), i(m(g), {
+			as: "dl",
+			class: l(x.value)
+		}, {
+			default: h(() => [(u(!0), a(n, null, d(_.items, (t, n) => (u(), a("div", {
+				key: t.key ?? t.term,
+				class: l(S.value)
+			}, [o("dt", { class: l(C.value) }, [f(e.$slots, "term", {
+				item: t,
+				index: n
+			}, () => [s(p(t.term), 1)])], 2), o("dd", { class: l(w.value) }, [f(e.$slots, "description", {
+				item: t,
+				index: n
+			}, () => [s(p(t.description), 1)])], 2)], 2))), 128)), f(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { _ as default };

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

@@ -11,6 +11,18 @@ export interface ProgressProps {
     /** Current value. `null` (or `indeterminate`) means unknown duration. */
     modelValue?: number | null;
     max?: number;
+    /**
+     * `linear` is a bar, `circle` a ring with the value in the middle. A ring
+     * ignores `segments` — a broken-up ring is a donut chart, and `IDonutChart`
+     * is the component for that.
+     */
+    shape?: 'linear' | 'circle';
+    /**
+     * How many degrees of the ring the track covers — `180` is a half circle,
+     * `270` a gauge. The arc is centred at the top, so the gap sits at the
+     * bottom. Circles only, and ignored by the bar.
+     */
+    angle?: number;
     variant?: ProgressVariant;
     /**
      * Break the bar into runs that share one track — storage by file type, a
@@ -46,17 +58,31 @@ export interface ProgressProps {
         legendItem?: string;
         legendSwatch?: string;
         legendValue?: string;
+        ring?: string;
+        ringTrack?: string;
+        ringIndicator?: string;
+        ringContent?: string;
+        ringValue?: string;
+        ringLabel?: string;
     };
 }
-declare var __VLS_1: {}, __VLS_3: {
+declare var __VLS_13: {
+    value: number | null;
+    percent: number;
+    formatted: string;
+}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {
     value: number | null;
     percent: number;
     formatted: string;
 };
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
+    value?: (props: typeof __VLS_13) => any;
+} & {
+    label?: (props: typeof __VLS_15) => any;
+} & {
+    label?: (props: typeof __VLS_17) => any;
 } & {
-    value?: (props: typeof __VLS_3) => any;
+    value?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
     unstyled: boolean;