iryx-ui 0.22.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/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/index.d.ts

@@ -17,6 +17,7 @@ export { default as Card } from './Card.vue';
 export { default as Carousel } from './Carousel.vue';
 export { default as ChartLegend } from './ChartLegend.vue';
 export { default as Checkbox } from './Checkbox.vue';
+export { default as Code } from './Code.vue';
 export { default as Collapsible } from './Collapsible.vue';
 export { default as ColorPicker } from './ColorPicker.vue';
 export { default as Combobox } from './Combobox.vue';
@@ -27,6 +28,7 @@ export { default as ContextMenu } from './ContextMenu.vue';
 export { default as DateField } from './DateField.vue';
 export { default as DatePicker } from './DatePicker.vue';
 export { default as DateRangePicker } from './DateRangePicker.vue';
+export { default as DescriptionList } from './DescriptionList.vue';
 export { default as Dialog } from './Dialog.vue';
 export { default as DonutChart } from './DonutChart.vue';
 export { default as Drawer } from './Drawer.vue';

package/dist/components/index.js

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

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export type { CardProps } from './components/Card.vue';
 export type { CarouselProps } from './components/Carousel.vue';
 export type { ChartLegendProps } from './components/ChartLegend.vue';
 export type { CheckboxProps } from './components/Checkbox.vue';
+export type { CodeProps } from './components/Code.vue';
 export type { CollapsibleProps } from './components/Collapsible.vue';
 export type { ColorPickerProps } from './components/ColorPicker.vue';
 export type { ComboboxItemGroup, ComboboxItemOption, ComboboxItems, ComboboxProps } from './components/Combobox.vue';
@@ -31,6 +32,7 @@ export type { ContextMenuProps } from './components/ContextMenu.vue';
 export type { DateFieldProps } from './components/DateField.vue';
 export type { DatePickerProps } from './components/DatePicker.vue';
 export type { DateRange, DateRangePickerProps } from './components/DateRangePicker.vue';
+export type { DescriptionListItem, DescriptionListProps } from './components/DescriptionList.vue';
 export type { DialogProps } from './components/Dialog.vue';
 export type { DonutChartDatum, DonutChartProps } from './components/DonutChart.vue';
 export type { DrawerProps, DrawerSide, DrawerSnapPoint } from './components/Drawer.vue';

package/dist/index.js

@@ -48,125 +48,129 @@ import Ce from "./components/Carousel.js";
 import { formContextKey as we, formFieldContextKey as Te, getByPath as Ee, isStandardSchema as De, issuePath as Oe, useForm as ke, useFormField as Ae } from "./composables/form.js";
 import { checkboxTheme as je } from "./theme/checkbox.js";
 import Me from "./components/Checkbox.js";
-import { collapsibleTheme as Ne } from "./theme/collapsible.js";
-import Pe from "./components/Collapsible.js";
-import { fieldBase as Fe, inputTheme as Ie, textareaTheme as Le } from "./theme/input.js";
-import { colorPickerTheme as Re } from "./theme/color-picker.js";
-import ze from "./components/ColorPicker.js";
-import { comboboxTheme as Be } from "./theme/combobox.js";
-import Ve from "./components/Combobox.js";
-import { isApplePlatform as He, parseHotkey as Ue, useApplePlatform as We } from "./composables/kbd.js";
-import { commandHaystack as Ge, isCommandGroup as Ke, matchesHotkey as qe, toCommandGroups as Je } from "./composables/command-palette.js";
-import { commandPaletteTheme as Ye } from "./theme/command-palette.js";
-import { kbdTheme as Xe } from "./theme/kbd.js";
-import Ze from "./components/Kbd.js";
-import Qe from "./components/CommandPalette.js";
-import { resolveConfirm as $e, useConfirm as et, useConfirmState as tt } from "./composables/confirm.js";
-import { dialogTheme as nt } from "./theme/dialog.js";
-import rt from "./components/Dialog.js";
-import it from "./components/ConfirmDialog.js";
-import { containerTheme as at } from "./theme/container.js";
-import ot from "./components/Container.js";
-import { dropdownMenuTheme as st } from "./theme/dropdown-menu.js";
-import { isSeparator as ct, isSubmenu as lt } from "./composables/dropdown-menu.js";
-import ut from "./components/ContextMenu.js";
-import { dateFieldTheme as dt } from "./theme/date-field.js";
-import ft from "./components/DateField.js";
-import { datePickerTheme as pt } from "./theme/date-picker.js";
-import mt from "./components/DatePicker.js";
-import ht from "./components/DateRangePicker.js";
-import { donutChartTheme as gt } from "./theme/donut-chart.js";
-import _t from "./components/DonutChart.js";
-import vt from "./components/DropdownMenu.js";
-import { editableTheme as yt } from "./theme/editable.js";
-import bt from "./components/Editable.js";
-import { emptyStateTheme as xt } from "./theme/empty-state.js";
-import St from "./components/EmptyState.js";
-import { fileUploadTheme as Ct } from "./theme/file-upload.js";
-import wt from "./components/FileUpload.js";
-import Tt from "./components/Form.js";
-import { labelTheme as Et } from "./theme/label.js";
-import Dt from "./components/Label.js";
-import Ot from "./components/FormField.js";
-import { hoverCardTheme as kt } from "./theme/hover-card.js";
-import At from "./components/HoverCard.js";
-import jt from "./components/Input.js";
-import { lineChartTheme as Mt } from "./theme/line-chart.js";
-import Nt from "./components/LineChart.js";
-import { menubarTheme as Pt } from "./theme/menubar.js";
-import Ft from "./components/Menubar.js";
-import { isNavigationGroup as It } from "./composables/navigation-menu.js";
-import { navigationMenuTheme as Lt } from "./theme/navigation-menu.js";
-import Rt from "./components/NavigationMenu.js";
-import { addDecimals as zt, clampDecimal as Bt, compareDecimals as Vt, formatDecimal as Ht, formatForLocale as Ut, isDecimal as Wt, localeSeparators as Gt, parseDecimal as Kt, parseFromLocale as qt, roundDecimal as Jt, toEditable as Yt } from "./composables/decimal.js";
-import { numberInputTheme as Xt } from "./theme/number-input.js";
-import Zt from "./components/NumberInput.js";
-import { pageHeaderTheme as Qt } from "./theme/page-header.js";
-import $t from "./components/PageHeader.js";
-import { paginationTheme as en } from "./theme/pagination.js";
-import tn from "./components/Pagination.js";
-import { passwordInputTheme as nn } from "./theme/password-input.js";
-import rn from "./components/PasswordInput.js";
-import { pinInputTheme as an } from "./theme/pin-input.js";
-import on from "./components/PinInput.js";
-import { popoverTheme as sn } from "./theme/popover.js";
-import cn from "./components/Popover.js";
-import { progressTheme as ln } from "./theme/progress.js";
-import un from "./components/Progress.js";
-import { radioGroupTheme as dn } from "./theme/radio-group.js";
-import fn from "./components/RadioGroup.js";
-import pn from "./components/Rating.js";
-import { scrollAreaTheme as mn } from "./theme/scroll-area.js";
-import hn from "./components/ScrollArea.js";
-import { scrollFadeTheme as gn } from "./theme/scroll-fade.js";
-import _n from "./components/ScrollFade.js";
-import { selectTheme as vn } from "./theme/select.js";
-import yn from "./components/Select.js";
-import { separatorTheme as bn } from "./theme/separator.js";
-import xn from "./components/Separator.js";
-import { isSidebarGroup as Sn, isSidebarSection as Cn, toSidebarSections as wn } from "./composables/sidebar.js";
-import { sidebarTheme as Tn } from "./theme/sidebar.js";
-import En from "./components/Sidebar.js";
-import { hasInk as Dn, strokeWidth as On } from "./composables/signature.js";
-import { signaturePadTheme as kn } from "./theme/signature-pad.js";
-import An from "./components/SignaturePad.js";
-import { skeletonTheme as jn } from "./theme/skeleton.js";
-import Mn from "./components/Skeleton.js";
-import { sliderTheme as Nn } from "./theme/slider.js";
-import Pn from "./components/Slider.js";
-import { sparklineTheme as Fn } from "./theme/sparkline.js";
-import In from "./components/Sparkline.js";
-import { splitterTheme as Ln } from "./theme/splitter.js";
-import Rn from "./components/Splitter.js";
-import { statTheme as zn } from "./theme/stat.js";
-import Bn from "./components/Stat.js";
-import { stepperTheme as Vn } from "./theme/stepper.js";
-import Hn from "./components/Stepper.js";
-import { switchTheme as Un } from "./theme/switch.js";
-import Wn from "./components/Switch.js";
-import { getRowValue as Gn, useDataTable as Kn } from "./composables/data-table.js";
-import { tableTheme as qn } from "./theme/table.js";
-import Jn from "./components/Table.js";
-import { tabsTheme as Yn } from "./theme/tabs.js";
-import Xn from "./components/Tabs.js";
-import { tagsInputTheme as Zn } from "./theme/tags-input.js";
-import Qn from "./components/TagsInput.js";
-import $n from "./components/Textarea.js";
-import { timeFieldTheme as er } from "./theme/time-field.js";
-import tr from "./components/TimeField.js";
-import { timelineTheme as nr } from "./theme/timeline.js";
-import rr from "./components/Timeline.js";
-import { useToast as ir, useToastState as ar } from "./composables/toast.js";
-import { toastTheme as or } from "./theme/toast.js";
-import sr from "./components/Toaster.js";
-import { toggleGroupTheme as cr, toggleTheme as lr } from "./theme/toggle.js";
-import ur from "./components/Toggle.js";
-import dr from "./components/ToggleGroup.js";
-import { toolbarTheme as fr } from "./theme/toolbar.js";
-import pr from "./components/Toolbar.js";
-import { tooltipTheme as mr } from "./theme/tooltip.js";
-import hr from "./components/Tooltip.js";
-import { treeTheme as gr } from "./theme/tree.js";
-import _r from "./components/Tree.js";
-import { IryxUi as vr, createIryxUi as yr } from "./plugin.js";
-export { B as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, D as AuthProviders, A as Avatar, j as AvatarGroup, N as Badge, F as Banner, ie as BarChart, oe as Breadcrumb, E as Button, ce as ButtonGroup, V as CATEGORY_HEIGHT, H as CHAR_WIDTH, ve as Calendar, le as CalendarDate, be as Card, Ce as Carousel, re as ChartLegend, Me as Checkbox, Pe as Collapsible, ze as ColorPicker, Ve as Combobox, Qe as CommandPalette, it as ConfirmDialog, ot as Container, ut as ContextMenu, ft as DateField, mt as DatePicker, ht as DateRangePicker, rt as Dialog, _t as DonutChart, y as Drawer, vt as DropdownMenu, bt as Editable, St as EmptyState, wt as FileUpload, Tt as Form, Ot as FormField, At as HoverCard, o as Icon, jt as Input, vr as IryxUi, Ze as Kbd, Dt as Label, Nt as LineChart, Ft as Menubar, Rt as NavigationMenu, Zt as NumberInput, $t as PageHeader, tn as Pagination, rn as PasswordInput, on as PinInput, cn as Popover, un as Progress, Z as REVEAL_DURATION, fn as RadioGroup, pn as Rating, U as SERIES_SLOTS, hn as ScrollArea, _n as ScrollFade, yn as Select, xn as Separator, En as Sidebar, An as SignaturePad, Mn as Skeleton, Pn as Slider, In as Sparkline, Rn as Splitter, Bn as Stat, Hn as Stepper, Wn as Switch, W as TOP_PAD, Jn as Table, Xn as Tabs, Qn as TagsInput, $n as Textarea, ue as Time, tr as TimeField, rr as Timeline, sr as Toaster, ur as Toggle, dr as ToggleGroup, pr as Toolbar, hr as Tooltip, _r as Tree, i as accordionTheme, zt as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as authProvidersTheme, O as avatarGroupTheme, k as avatarTheme, M as badgeTheme, P as bannerTheme, te as barChartTheme, ae as breadcrumbTheme, C as buttonGroupContextKey, se as buttonGroupTheme, T as buttonTheme, _e as calendarTheme, ye as cardTheme, G as cartesianLayout, ne as chartLegendTheme, je as checkboxTheme, Bt as clampDecimal, K as clampTooltip, p as clearTheme, Ne as collapsibleTheme, Re as colorPickerTheme, Be as comboboxTheme, Ge as commandHaystack, Ye as commandPaletteTheme, Vt as compareDecimals, e as componentNames, at as containerTheme, yr as createIryxUi, dt as dateFieldTheme, pt as datePickerTheme, t as defaultConfig, nt as dialogTheme, gt as donutChartTheme, v as drawerTheme, st as dropdownMenuTheme, yt as editableTheme, xt as emptyStateTheme, I as extent, Fe as fieldBase, Ct as fileUploadTheme, L as finiteValues, we as formContextKey, Te as formFieldContextKey, Ht as formatDecimal, Ut as formatForLocale, de as formatIsoDate, Ee as getByPath, Gn as getRowValue, Dn as hasInk, kt as hoverCardTheme, u as initAppearance, Ie as inputTheme, n as iryxUiConfigKey, He as isApplePlatform, Ke as isCommandGroup, Wt as isDecimal, a as isIconArray, It as isNavigationGroup, ct as isSeparator, Sn as isSidebarGroup, Cn as isSidebarSection, De as isStandardSchema, lt as isSubmenu, fe as isoToday, Oe as issuePath, Xe as kbdTheme, Et as labelTheme, Mt as lineChartTheme, R as linearScale, Gt as localeSeparators, qe as matchesHotkey, Pt as menubarTheme, Lt as navigationMenuTheme, z as niceTicks, Xt as numberInputTheme, Qt as pageHeaderTheme, en as paginationTheme, Kt as parseDecimal, qt as parseFromLocale, Ue as parseHotkey, nn as passwordInputTheme, an as pinInputTheme, sn as popoverTheme, ln as progressTheme, dn as radioGroupTheme, $e as resolveConfirm, Jt as roundDecimal, mn as scrollAreaTheme, xe as scrollFadeMask, gn as scrollFadeTheme, vn as selectTheme, bn as separatorTheme, q as seriesColor, Tn as sidebarTheme, kn as signaturePadTheme, jn as skeletonTheme, Nn as sliderTheme, J as slotOf, Fn as sparklineTheme, Ln as splitterTheme, zn as statTheme, Vn as stepperTheme, On as strokeWidth, Un as switchTheme, qn as tableTheme, Yn as tabsTheme, Zn as tagsInputTheme, Le as textareaTheme, m as themes, er as timeFieldTheme, nr as timelineTheme, pe as toCalendarDate, Je as toCommandGroups, Yt as toEditable, me as toIsoDate, he as toIsoTime, wn as toSidebarSections, ge as toTime, or as toastTheme, cr as toggleGroupTheme, lr as toggleTheme, fr as toolbarTheme, Y as tooltipHalfWidth, mr as tooltipTheme, gr as treeTheme, d as useAppearance, We as useApplePlatform, w as useButtonGroup, Q as useChartAnimation, $ as useChartProgress, ee as useChartReveal, et as useConfirm, tt as useConfirmState, Kn as useDataTable, g as useElementSize, ke as useForm, Ae as useFormField, r as useIryxUiConfig, Se as useScrollEdges, ir as useToast, ar as useToastState, X as warnOnSlotOverflow };
+import { codeTheme as Ne } from "./theme/code.js";
+import Pe from "./components/Code.js";
+import { collapsibleTheme as Fe } from "./theme/collapsible.js";
+import Ie from "./components/Collapsible.js";
+import { fieldBase as Le, inputTheme as Re, textareaTheme as ze } from "./theme/input.js";
+import { colorPickerTheme as Be } from "./theme/color-picker.js";
+import Ve from "./components/ColorPicker.js";
+import { comboboxTheme as He } from "./theme/combobox.js";
+import Ue from "./components/Combobox.js";
+import { isApplePlatform as We, parseHotkey as Ge, useApplePlatform as Ke } from "./composables/kbd.js";
+import { commandHaystack as qe, isCommandGroup as Je, matchesHotkey as Ye, toCommandGroups as Xe } from "./composables/command-palette.js";
+import { commandPaletteTheme as Ze } from "./theme/command-palette.js";
+import { kbdTheme as Qe } from "./theme/kbd.js";
+import $e from "./components/Kbd.js";
+import et from "./components/CommandPalette.js";
+import { resolveConfirm as tt, useConfirm as nt, useConfirmState as rt } from "./composables/confirm.js";
+import { dialogTheme as it } from "./theme/dialog.js";
+import at from "./components/Dialog.js";
+import ot from "./components/ConfirmDialog.js";
+import { containerTheme as st } from "./theme/container.js";
+import ct from "./components/Container.js";
+import { dropdownMenuTheme as lt } from "./theme/dropdown-menu.js";
+import { isSeparator as ut, isSubmenu as dt } from "./composables/dropdown-menu.js";
+import ft from "./components/ContextMenu.js";
+import { dateFieldTheme as pt } from "./theme/date-field.js";
+import mt from "./components/DateField.js";
+import { datePickerTheme as ht } from "./theme/date-picker.js";
+import gt from "./components/DatePicker.js";
+import _t from "./components/DateRangePicker.js";
+import { descriptionListTheme as vt } from "./theme/description-list.js";
+import yt from "./components/DescriptionList.js";
+import { donutChartTheme as bt } from "./theme/donut-chart.js";
+import xt from "./components/DonutChart.js";
+import St from "./components/DropdownMenu.js";
+import { editableTheme as Ct } from "./theme/editable.js";
+import wt from "./components/Editable.js";
+import { emptyStateTheme as Tt } from "./theme/empty-state.js";
+import Et from "./components/EmptyState.js";
+import { fileUploadTheme as Dt } from "./theme/file-upload.js";
+import Ot from "./components/FileUpload.js";
+import kt from "./components/Form.js";
+import { labelTheme as At } from "./theme/label.js";
+import jt from "./components/Label.js";
+import Mt from "./components/FormField.js";
+import { hoverCardTheme as Nt } from "./theme/hover-card.js";
+import Pt from "./components/HoverCard.js";
+import Ft from "./components/Input.js";
+import { lineChartTheme as It } from "./theme/line-chart.js";
+import Lt from "./components/LineChart.js";
+import { menubarTheme as Rt } from "./theme/menubar.js";
+import zt from "./components/Menubar.js";
+import { isNavigationGroup as Bt } from "./composables/navigation-menu.js";
+import { navigationMenuTheme as Vt } from "./theme/navigation-menu.js";
+import Ht from "./components/NavigationMenu.js";
+import { addDecimals as Ut, clampDecimal as Wt, compareDecimals as Gt, formatDecimal as Kt, formatForLocale as qt, isDecimal as Jt, localeSeparators as Yt, parseDecimal as Xt, parseFromLocale as Zt, roundDecimal as Qt, toEditable as $t } from "./composables/decimal.js";
+import { numberInputTheme as en } from "./theme/number-input.js";
+import tn from "./components/NumberInput.js";
+import { pageHeaderTheme as nn } from "./theme/page-header.js";
+import rn from "./components/PageHeader.js";
+import { paginationTheme as an } from "./theme/pagination.js";
+import on from "./components/Pagination.js";
+import { passwordInputTheme as sn } from "./theme/password-input.js";
+import cn from "./components/PasswordInput.js";
+import { pinInputTheme as ln } from "./theme/pin-input.js";
+import un from "./components/PinInput.js";
+import { popoverTheme as dn } from "./theme/popover.js";
+import fn from "./components/Popover.js";
+import { progressTheme as pn } from "./theme/progress.js";
+import mn from "./components/Progress.js";
+import { radioGroupTheme as hn } from "./theme/radio-group.js";
+import gn from "./components/RadioGroup.js";
+import _n from "./components/Rating.js";
+import { scrollAreaTheme as vn } from "./theme/scroll-area.js";
+import yn from "./components/ScrollArea.js";
+import { scrollFadeTheme as bn } from "./theme/scroll-fade.js";
+import xn from "./components/ScrollFade.js";
+import { selectTheme as Sn } from "./theme/select.js";
+import Cn from "./components/Select.js";
+import { separatorTheme as wn } from "./theme/separator.js";
+import Tn from "./components/Separator.js";
+import { isSidebarGroup as En, isSidebarSection as Dn, toSidebarSections as On } from "./composables/sidebar.js";
+import { sidebarTheme as kn } from "./theme/sidebar.js";
+import An from "./components/Sidebar.js";
+import { hasInk as jn, strokeWidth as Mn } from "./composables/signature.js";
+import { signaturePadTheme as Nn } from "./theme/signature-pad.js";
+import Pn from "./components/SignaturePad.js";
+import { skeletonTheme as Fn } from "./theme/skeleton.js";
+import In from "./components/Skeleton.js";
+import { sliderTheme as Ln } from "./theme/slider.js";
+import Rn from "./components/Slider.js";
+import { sparklineTheme as zn } from "./theme/sparkline.js";
+import Bn from "./components/Sparkline.js";
+import { splitterTheme as Vn } from "./theme/splitter.js";
+import Hn from "./components/Splitter.js";
+import { statTheme as Un } from "./theme/stat.js";
+import Wn from "./components/Stat.js";
+import { stepperTheme as Gn } from "./theme/stepper.js";
+import Kn from "./components/Stepper.js";
+import { switchTheme as qn } from "./theme/switch.js";
+import Jn from "./components/Switch.js";
+import { getRowValue as Yn, useDataTable as Xn } from "./composables/data-table.js";
+import { tableTheme as Zn } from "./theme/table.js";
+import Qn from "./components/Table.js";
+import { tabsTheme as $n } from "./theme/tabs.js";
+import er from "./components/Tabs.js";
+import { tagsInputTheme as tr } from "./theme/tags-input.js";
+import nr from "./components/TagsInput.js";
+import rr from "./components/Textarea.js";
+import { timeFieldTheme as ir } from "./theme/time-field.js";
+import ar from "./components/TimeField.js";
+import { timelineTheme as or } from "./theme/timeline.js";
+import sr from "./components/Timeline.js";
+import { useToast as cr, useToastState as lr } from "./composables/toast.js";
+import { toastTheme as ur } from "./theme/toast.js";
+import dr from "./components/Toaster.js";
+import { toggleGroupTheme as fr, toggleTheme as pr } from "./theme/toggle.js";
+import mr from "./components/Toggle.js";
+import hr from "./components/ToggleGroup.js";
+import { toolbarTheme as gr } from "./theme/toolbar.js";
+import _r from "./components/Toolbar.js";
+import { tooltipTheme as vr } from "./theme/tooltip.js";
+import yr from "./components/Tooltip.js";
+import { treeTheme as br } from "./theme/tree.js";
+import xr from "./components/Tree.js";
+import { IryxUi as Sr, createIryxUi as Cr } from "./plugin.js";
+export { B as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, D as AuthProviders, A as Avatar, j as AvatarGroup, N as Badge, F as Banner, ie as BarChart, oe as Breadcrumb, E as Button, ce as ButtonGroup, V as CATEGORY_HEIGHT, H as CHAR_WIDTH, ve as Calendar, le as CalendarDate, be as Card, Ce as Carousel, re as ChartLegend, Me as Checkbox, Pe as Code, Ie as Collapsible, Ve as ColorPicker, Ue as Combobox, et as CommandPalette, ot as ConfirmDialog, ct as Container, ft as ContextMenu, mt as DateField, gt as DatePicker, _t as DateRangePicker, yt as DescriptionList, at as Dialog, xt as DonutChart, y as Drawer, St as DropdownMenu, wt as Editable, Et as EmptyState, Ot as FileUpload, kt as Form, Mt as FormField, Pt as HoverCard, o as Icon, Ft as Input, Sr as IryxUi, $e as Kbd, jt as Label, Lt as LineChart, zt as Menubar, Ht as NavigationMenu, tn as NumberInput, rn as PageHeader, on as Pagination, cn as PasswordInput, un as PinInput, fn as Popover, mn as Progress, Z as REVEAL_DURATION, gn as RadioGroup, _n as Rating, U as SERIES_SLOTS, yn as ScrollArea, xn as ScrollFade, Cn as Select, Tn as Separator, An as Sidebar, Pn as SignaturePad, In as Skeleton, Rn as Slider, Bn as Sparkline, Hn as Splitter, Wn as Stat, Kn as Stepper, Jn as Switch, W as TOP_PAD, Qn as Table, er as Tabs, nr as TagsInput, rr as Textarea, ue as Time, ar as TimeField, sr as Timeline, dr as Toaster, mr as Toggle, hr as ToggleGroup, _r as Toolbar, yr as Tooltip, xr as Tree, i as accordionTheme, Ut as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as authProvidersTheme, O as avatarGroupTheme, k as avatarTheme, M as badgeTheme, P as bannerTheme, te as barChartTheme, ae as breadcrumbTheme, C as buttonGroupContextKey, se as buttonGroupTheme, T as buttonTheme, _e as calendarTheme, ye as cardTheme, G as cartesianLayout, ne as chartLegendTheme, je as checkboxTheme, Wt as clampDecimal, K as clampTooltip, p as clearTheme, Ne as codeTheme, Fe as collapsibleTheme, Be as colorPickerTheme, He as comboboxTheme, qe as commandHaystack, Ze as commandPaletteTheme, Gt as compareDecimals, e as componentNames, st as containerTheme, Cr as createIryxUi, pt as dateFieldTheme, ht as datePickerTheme, t as defaultConfig, vt as descriptionListTheme, it as dialogTheme, bt as donutChartTheme, v as drawerTheme, lt as dropdownMenuTheme, Ct as editableTheme, Tt as emptyStateTheme, I as extent, Le as fieldBase, Dt as fileUploadTheme, L as finiteValues, we as formContextKey, Te as formFieldContextKey, Kt as formatDecimal, qt as formatForLocale, de as formatIsoDate, Ee as getByPath, Yn as getRowValue, jn as hasInk, Nt as hoverCardTheme, u as initAppearance, Re as inputTheme, n as iryxUiConfigKey, We as isApplePlatform, Je as isCommandGroup, Jt as isDecimal, a as isIconArray, Bt as isNavigationGroup, ut as isSeparator, En as isSidebarGroup, Dn as isSidebarSection, De as isStandardSchema, dt as isSubmenu, fe as isoToday, Oe as issuePath, Qe as kbdTheme, At as labelTheme, It as lineChartTheme, R as linearScale, Yt as localeSeparators, Ye as matchesHotkey, Rt as menubarTheme, Vt as navigationMenuTheme, z as niceTicks, en as numberInputTheme, nn as pageHeaderTheme, an as paginationTheme, Xt as parseDecimal, Zt as parseFromLocale, Ge as parseHotkey, sn as passwordInputTheme, ln as pinInputTheme, dn as popoverTheme, pn as progressTheme, hn as radioGroupTheme, tt as resolveConfirm, Qt as roundDecimal, vn as scrollAreaTheme, xe as scrollFadeMask, bn as scrollFadeTheme, Sn as selectTheme, wn as separatorTheme, q as seriesColor, kn as sidebarTheme, Nn as signaturePadTheme, Fn as skeletonTheme, Ln as sliderTheme, J as slotOf, zn as sparklineTheme, Vn as splitterTheme, Un as statTheme, Gn as stepperTheme, Mn as strokeWidth, qn as switchTheme, Zn as tableTheme, $n as tabsTheme, tr as tagsInputTheme, ze as textareaTheme, m as themes, ir as timeFieldTheme, or as timelineTheme, pe as toCalendarDate, Xe as toCommandGroups, $t as toEditable, me as toIsoDate, he as toIsoTime, On as toSidebarSections, ge as toTime, ur as toastTheme, fr as toggleGroupTheme, pr as toggleTheme, gr as toolbarTheme, Y as tooltipHalfWidth, vr as tooltipTheme, br as treeTheme, d as useAppearance, Ke as useApplePlatform, w as useButtonGroup, Q as useChartAnimation, $ as useChartProgress, ee as useChartReveal, nt as useConfirm, rt as useConfirmState, Xn as useDataTable, g as useElementSize, ke as useForm, Ae as useFormField, r as useIryxUiConfig, Se as useScrollEdges, cr as useToast, lr as useToastState, X as warnOnSlotOverflow };

package/dist/theme/code.d.ts

@@ -0,0 +1,53 @@
+export declare const codeTheme: import("tailwind-variants").TVReturnType<{
+    block: {
+        true: {
+            root: string;
+            code: string;
+            copy: string;
+        };
+        false: {
+            root: string;
+            code: string;
+            copy: string;
+        };
+    };
+}, {
+    root: string;
+    code: string;
+    copy: string;
+}, undefined, {
+    block: {
+        true: {
+            root: string;
+            code: string;
+            copy: string;
+        };
+        false: {
+            root: string;
+            code: string;
+            copy: string;
+        };
+    };
+}, {
+    root: string;
+    code: string;
+    copy: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    block: {
+        true: {
+            root: string;
+            code: string;
+            copy: string;
+        };
+        false: {
+            root: string;
+            code: string;
+            copy: string;
+        };
+    };
+}, {
+    root: string;
+    code: string;
+    copy: string;
+}>>;
+export type CodeSlots = keyof ReturnType<typeof codeTheme>;

package/dist/theme/code.js

@@ -0,0 +1,24 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/code.ts
+var t = e({
+	slots: {
+		root: "",
+		code: "font-mono",
+		copy: "focus-visible:outline-ring inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 [&_svg]:size-4"
+	},
+	variants: { block: {
+		true: {
+			root: "relative overflow-hidden rounded-lg border border-border bg-muted",
+			code: "block overflow-x-auto py-4 pr-14 pl-4 text-sm text-foreground",
+			copy: "absolute top-2 right-2 size-7 border border-border bg-background"
+		},
+		false: {
+			root: "inline-flex items-center gap-1",
+			code: "rounded border border-current/25 bg-current/10 px-1.5 py-0.5 font-mono text-[0.875em] text-current/90",
+			copy: "size-5 [&_svg]:size-3.5"
+		}
+	} },
+	defaultVariants: { block: !1 }
+});
+//#endregion
+export { t as codeTheme };

package/dist/theme/description-list.d.ts

@@ -0,0 +1,62 @@
+export declare const descriptionListTheme: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+        };
+    };
+    divided: {
+        true: {};
+        false: {};
+    };
+}, {
+    root: string;
+    item: string;
+    term: string;
+    description: string;
+}, undefined, {
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+        };
+    };
+    divided: {
+        true: {};
+        false: {};
+    };
+}, {
+    root: string;
+    item: string;
+    term: string;
+    description: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+        };
+    };
+    divided: {
+        true: {};
+        false: {};
+    };
+}, {
+    root: string;
+    item: string;
+    term: string;
+    description: string;
+}>>;
+export type DescriptionListSlots = keyof ReturnType<typeof descriptionListTheme>;

package/dist/theme/description-list.js

@@ -0,0 +1,48 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/description-list.ts
+var t = e({
+	slots: {
+		root: "text-sm",
+		item: "",
+		term: "font-medium text-muted-foreground",
+		description: "text-foreground"
+	},
+	variants: {
+		orientation: {
+			vertical: {
+				root: "flex flex-col",
+				item: "flex flex-col gap-1"
+			},
+			horizontal: {
+				root: "grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-x-6",
+				item: "col-span-full grid grid-cols-subgrid items-baseline"
+			}
+		},
+		divided: {
+			true: {},
+			false: {}
+		}
+	},
+	compoundVariants: [
+		{
+			orientation: "vertical",
+			divided: !1,
+			class: { root: "gap-4" }
+		},
+		{
+			orientation: "horizontal",
+			divided: !1,
+			class: { root: "gap-y-4" }
+		},
+		{
+			divided: !0,
+			class: { item: "border-t border-border py-3 first:border-t-0 first:pt-0 last:pb-0" }
+		}
+	],
+	defaultVariants: {
+		orientation: "vertical",
+		divided: !1
+	}
+});
+//#endregion
+export { t as descriptionListTheme };

package/dist/theme/index.d.ts

@@ -13,6 +13,7 @@ export * from './calendar';
 export * from './card';
 export * from './chart-legend';
 export * from './checkbox';
+export * from './code';
 export * from './collapsible';
 export * from './color-picker';
 export * from './combobox';
@@ -20,6 +21,7 @@ export * from './command-palette';
 export * from './container';
 export * from './date-field';
 export * from './date-picker';
+export * from './description-list';
 export * from './dialog';
 export * from './donut-chart';
 export * from './drawer';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",