@bridge-ui/vue 0.0.0

package/dist/Components/Label/composables/useLabel.js

@@ -0,0 +1,44 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { computed as r, useAttrs as i } from "vue";
+import { get as a } from "es-toolkit/compat";
+import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
+import { invalidatedProps as l, sizeProps as u } from "@bridge-ui/core/Components/Label";
+//#region src/Components/Label/composables/useLabel.ts
+var d = [
+	"size",
+	"error",
+	"classes",
+	"required"
+];
+function f(f, p) {
+	let m = i(), h = r(() => c({
+		bridgeKeys: d,
+		props: {
+			...m,
+			...f
+		}
+	})), { merged: g, entry: _ } = t({
+		libDefaults: p,
+		componentName: "Label",
+		props: () => h.value.componentProps
+	}), v = n({
+		entry: _,
+		props: () => h.value.componentProps
+	}), y = r(() => a(s(u, _.value?.customProps?.size), g.value.size)), b = r(() => s(l, _.value?.customProps?.invalidated)), x = r(() => e({}, {}, o({
+		[b.value.required ?? ""]: !0,
+		[v.value.required ?? ""]: !0
+	})));
+	return {
+		merged: g,
+		rootBind: r(() => e({}, h.value.inheritedAttrs, o({
+			"inline-flex items-center gap-x-0.5 font-medium leading-none": !0,
+			"text-gray-700 dark:text-gray-300": !g.value.error,
+			[b.value.label ?? ""]: g.value.error,
+			[y.value ?? ""]: !0,
+			[v.value.root ?? ""]: !0
+		}))),
+		requiredBind: x
+	};
+}
+//#endregion
+export { f as useLabel };

package/dist/Components/Label/index.d.ts

@@ -0,0 +1,3 @@
+export { useLabel } from './composables/useLabel';
+export type { LabelClasses, LabelOwnProps, LabelProps, LabelSizeOverrides, LabelSlots, } from './label.types';
+export { default as Label } from './Label.vue';

package/dist/Components/Label/index.js

@@ -0,0 +1,3 @@
+import { useLabel as e } from "./composables/useLabel.js";
+import t from "./Label.js";
+export { t as Label, e as useLabel };

package/dist/Components/Label/label.types.d.ts

@@ -0,0 +1,52 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { LabelSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+export interface LabelSizeOverrides {}
+export interface LabelClasses {
+    /**
+     * Classes merged onto the required asterisk.
+     */
+    required?: string;
+    /**
+     * Classes merged onto the `<label>` element.
+     */
+    root?: string;
+}
+export interface LabelOwnProps {
+    /**
+     * The classes to apply to the label.
+     *
+     * @default undefined
+     */
+    classes?: LabelClasses;
+    /**
+     * Applies error label colors.
+     *
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Associates the label with a form control.
+     *
+     * @default undefined
+     */
+    for?: string;
+    /**
+     * Shows a red required asterisk after the label text.
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Typography scale aligned with TextField sizes.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<LabelSize, LabelSizeOverrides>;
+}
+export interface LabelSlots {
+    /**
+     * Label content.
+     */
+    default?: Slot;
+}
+export type LabelProps = MergeHtmlProps<LabelOwnProps, HTMLAttributes>;

package/dist/Components/Link/Link.js

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

package/dist/Components/Link/Link.vue.d.ts

@@ -0,0 +1,11 @@
+import { LinkOwnProps, LinkSlots } from './link.types';
+type __VLS_Slots = LinkSlots;
+declare const __VLS_base: import('vue').DefineComponent<LinkOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LinkOwnProps> & Readonly<{}>, {}, {}, {}, {}, 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/Link/Link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { useLink as r } from "./composables/useLink.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d } from "vue";
+//#region src/Components/Link/Link.vue?vue&type=script&setup=true&lang.ts
+var f = [
+	"rel",
+	"href",
+	"target",
+	"aria-disabled"
+], p = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "Link",
+	props: {
+		classes: {},
+		color: {},
+		customProps: {},
+		disabled: { type: Boolean },
+		external: { type: Boolean },
+		href: {},
+		leftIcon: { type: [Function, Object] },
+		rightIcon: { type: [Function, Object] },
+		size: {},
+		underline: {}
+	},
+	setup(s) {
+		let { slots: p, merged: m, rootRel: h, rootBind: g, rootHref: _, rootTarget: v, leftIconBind: y, rightIconBind: b, rootAriaDisabled: x } = r(s, {
+			size: "md",
+			color: "primary",
+			underline: "hover"
+		});
+		return (r, s) => (l(), o("a", c({
+			rel: d(h),
+			href: d(_)
+		}, d(g), {
+			target: d(v),
+			"aria-disabled": d(x)
+		}), [
+			d(e)(d(p), "prepend") ? (l(), i(u(d(t)(d(p), "prepend")), { key: 0 })) : d(m).leftIcon ? (l(), i(d(n), c({
+				key: 1,
+				size: d(m).size
+			}, d(y), { icon: d(m).leftIcon }), null, 16, ["size", "icon"])) : a("", !0),
+			(l(), i(u(d(t)(d(p), "default")))),
+			d(e)(d(p), "append") ? (l(), i(u(d(t)(d(p), "append")), { key: 2 })) : d(m).rightIcon ? (l(), i(d(n), c({
+				key: 3,
+				size: d(m).size
+			}, d(b), { icon: d(m).rightIcon }), null, 16, ["size", "icon"])) : a("", !0)
+		], 16, f));
+	}
+});
+//#endregion
+export { p as default };

package/dist/Components/Link/composables/useLink.d.ts

@@ -0,0 +1,18 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LinkOwnProps, LinkProps } from '../link.types';
+type LinkLibDefaults = LibDefaultsShape<LinkOwnProps, "size" | "color" | "underline">;
+type LinkMerged = MergeLibDefaults<LinkOwnProps, LinkLibDefaults>;
+export declare function useLink(props: LinkOwnProps, libDefaults: LinkLibDefaults): {
+    slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    merged: import('vue').ComputedRef<LinkMerged>;
+    rootRel: import('vue').ComputedRef<"noopener noreferrer" | undefined>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<LinkProps, "color" | "href" | "size" | "classes" | "customProps" | "disabled" | "external" | "leftIcon" | "rightIcon" | "underline">>>;
+    rootHref: import('vue').ComputedRef<string | undefined>;
+    rootTarget: import('vue').ComputedRef<"_blank" | undefined>;
+    leftIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rightIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rootAriaDisabled: import('vue').ComputedRef<true | undefined>;
+};
+export {};

package/dist/Components/Link/composables/useLink.js

@@ -0,0 +1,66 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { computed as r, useAttrs as i, useSlots as a } from "vue";
+import { get as o } from "es-toolkit/compat";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { colorProps as u, sizeProps as d, underlineProps as f } from "@bridge-ui/core/Components/Link";
+//#region src/Components/Link/composables/useLink.ts
+var p = [
+	"href",
+	"size",
+	"color",
+	"classes",
+	"disabled",
+	"external",
+	"leftIcon",
+	"rightIcon",
+	"underline",
+	"customProps"
+];
+function m(m, h) {
+	let g = i(), _ = a(), v = r(() => l({
+		bridgeKeys: p,
+		props: {
+			...g,
+			...m
+		}
+	})), { merged: y, entry: b } = t({
+		libDefaults: h,
+		componentName: "Link",
+		props: () => v.value.componentProps
+	}), x = r(() => y.value.customProps), S = n({
+		entry: b,
+		props: () => v.value.componentProps
+	}), C = r(() => !!y.value.disabled), w = r(() => C.value ? !0 : void 0), T = r(() => C.value ? void 0 : y.value.href), E = r(() => {
+		if (y.value.external && !C.value) return "_blank";
+	}), D = r(() => {
+		if (y.value.external && !C.value) return "noopener noreferrer";
+	}), O = r(() => o(c(d, b.value?.customProps?.size), y.value.size)), k = r(() => o(c(u, b.value?.customProps?.color), y.value.color)), A = r(() => o(c(f, b.value?.customProps?.underline), y.value.underline));
+	return {
+		slots: _,
+		merged: y,
+		rootRel: D,
+		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, s({
+			"inline-flex items-center gap-x-1 font-medium": !0,
+			"transition-colors duration-200": !0,
+			[O.value ?? ""]: !0,
+			[A.value ?? ""]: !0,
+			[o(k.value, "base") ?? ""]: !0,
+			[o(k.value, "hover") ?? ""]: !0,
+			"aria-disabled:opacity-80 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none": !0,
+			[S.value.root ?? ""]: !0
+		}))),
+		rootHref: T,
+		rootTarget: E,
+		leftIconBind: r(() => e(x.value?.leftIcon, {}, s({
+			"shrink-0": !0,
+			[S.value.leftIcon ?? ""]: !0
+		}))),
+		rightIconBind: r(() => e(x.value?.rightIcon, {}, s({
+			"shrink-0": !0,
+			[S.value.rightIcon ?? ""]: !0
+		}))),
+		rootAriaDisabled: w
+	};
+}
+//#endregion
+export { m as useLink };

package/dist/Components/Link/index.d.ts

@@ -0,0 +1,3 @@
+export { useLink } from './composables/useLink';
+export type { LinkClasses, LinkColorOverrides, LinkCustomProps, LinkOwnProps, LinkProps, LinkSizeOverrides, LinkSlots, LinkUnderlineOverrides, } from './link.types';
+export { default as Link } from './Link.vue';

package/dist/Components/Link/index.js

@@ -0,0 +1,3 @@
+import { useLink as e } from "./composables/useLink.js";
+import t from "./Link.js";
+export { t as Link, e as useLink };

package/dist/Components/Link/link.types.d.ts

@@ -0,0 +1,113 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { AnchorHTMLAttributes, HTMLAttributes, Slot } from 'vue';
+import { LinkColor, LinkSize, LinkUnderline, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconProps } from '../Icon';
+export interface LinkSizeOverrides {}
+export interface LinkColorOverrides {}
+export interface LinkUnderlineOverrides {}
+export interface LinkClasses {
+    /**
+     * The classes to apply to the left icon.
+     */
+    leftIcon?: string;
+    /**
+     * The classes to apply to the right icon.
+     */
+    rightIcon?: string;
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+}
+export interface LinkCustomProps {
+    /**
+     * Props forwarded to the left `Icon` (`icon` is set by the link).
+     */
+    leftIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the right `Icon` (`icon` is set by the link).
+     */
+    rightIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the root `<a>`.
+     */
+    root?: HTMLAttributes;
+}
+export interface LinkOwnProps {
+    /**
+     * The classes to apply to the link.
+     *
+     * @default undefined
+     */
+    classes?: LinkClasses;
+    /**
+     * The color to apply to the link.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<LinkColor, LinkColorOverrides>;
+    /**
+     * Extra props for internal parts (`leftIcon`, `rightIcon`, etc.).
+     * Root HTML attributes stay on the component top level.
+     *
+     * @default undefined
+     */
+    customProps?: LinkCustomProps;
+    /**
+     * Whether the link is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the link opens in a new tab.
+     *
+     * @default false
+     */
+    external?: boolean;
+    /**
+     * The URL the link points to.
+     *
+     * @default undefined
+     */
+    href?: string;
+    /**
+     * The icon to display before the link text.
+     *
+     * @default undefined
+     */
+    leftIcon?: LucideIcon;
+    /**
+     * The icon to display after the link text.
+     *
+     * @default undefined
+     */
+    rightIcon?: LucideIcon;
+    /**
+     * The size of the link.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<LinkSize, LinkSizeOverrides>;
+    /**
+     * The underline behavior of the link.
+     *
+     * @default "hover"
+     */
+    underline?: MergeProps<LinkUnderline, LinkUnderlineOverrides>;
+}
+export interface LinkSlots {
+    /**
+     * Content after the label (inline end).
+     */
+    append?: Slot;
+    /**
+     * The link label.
+     */
+    default?: Slot;
+    /**
+     * Content before the label (inline start).
+     */
+    prepend?: Slot;
+}
+export type LinkProps = MergeHtmlProps<LinkOwnProps, AnchorHTMLAttributes>;

package/dist/Components/List/List.js

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

package/dist/Components/List/List.vue.d.ts

@@ -0,0 +1,9 @@
+import { ListOwnProps } from './list.types';
+declare const __VLS_export: import('vue').DefineComponent<ListOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListOwnProps> & Readonly<{}>, {
+    padding: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListPadding, import('./list.types').ListPaddingOverrides>;
+    as: "ol" | "ul" | "nav";
+    dense: boolean;
+    nested: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/List/List.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import { useList as t } from "./composables/useList.js";
+import { computed as n, createBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, useSlots as u, withCtx as d } from "vue";
+//#region src/Components/List/List.vue?vue&type=script&setup=true&lang.ts
+var f = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "List",
+	props: {
+		as: { default: "ul" },
+		classes: {},
+		customProps: {},
+		dense: {
+			type: Boolean,
+			default: !1
+		},
+		nested: {
+			type: Boolean,
+			default: !1
+		},
+		padding: { default: "normal" }
+	},
+	setup(i) {
+		let f = u(), { merged: p, rootBind: m } = t(i, { padding: "normal" }), h = n(() => p.value.as ?? "ul");
+		return (t, n) => (s(), r(c(h.value), o(a(l(m))), {
+			default: d(() => [(s(), r(c(l(e)(l(f), "default"))))]),
+			_: 1
+		}, 16));
+	}
+});
+//#endregion
+export { f as default };

package/dist/Components/List/composables/useList.d.ts

@@ -0,0 +1,11 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { ListOwnProps, ListProps } from '../list.types';
+type ListLibDefaults = LibDefaultsShape<ListOwnProps, "padding">;
+type ListMerged = MergeLibDefaults<ListOwnProps, ListLibDefaults>;
+export declare function useList(props: ListOwnProps, libDefaults: ListLibDefaults): {
+    merged: import('vue').ComputedRef<ListMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<ListProps, "classes" | "customProps" | "padding" | "as" | "dense" | "nested">, never>>>;
+};
+export {};

package/dist/Components/List/composables/useList.js

@@ -0,0 +1,44 @@
+import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
+import { LIST_INJECTION_KEY as r } from "../listInjectionKey.js";
+import { computed as i, provide as a, useAttrs as o } from "vue";
+import { get as s, omit as c } from "es-toolkit/compat";
+import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { paddingProps as f } from "@bridge-ui/core/Components/List";
+//#region src/Components/List/composables/useList.ts
+var p = [
+	"as",
+	"dense",
+	"nested",
+	"classes",
+	"padding",
+	"customProps"
+];
+function m(m, h) {
+	let g = o(), _ = i(() => d({
+		bridgeKeys: p,
+		props: {
+			...g,
+			...m
+		}
+	})), { merged: v, entry: y } = t({
+		libDefaults: h,
+		componentName: "List",
+		props: () => _.value.componentProps
+	}), b = i(() => v.value.customProps), x = n({
+		entry: y,
+		props: () => _.value.componentProps
+	});
+	a(r, i(() => ({ dense: v.value.dense === !0 })));
+	let S = i(() => s(u(f, y.value?.customProps?.padding), v.value.padding)), C = i(() => c(_.value.inheritedAttrs, []));
+	return {
+		merged: v,
+		rootBind: i(() => e(b.value?.root, C.value, { class: l({
+			"m-0 list-none": !0,
+			[S.value ?? ""]: !0,
+			"pl-4": v.value.nested,
+			[s(x.value, "root") ?? ""]: !0
+		}) }))
+	};
+}
+//#endregion
+export { m as useList };

package/dist/Components/List/index.d.ts

@@ -0,0 +1,5 @@
+export { useList } from './composables/useList';
+export type { ListClasses, ListCustomProps, ListOwnProps, ListPaddingOverrides, ListProps, } from './list.types';
+export { default as List } from './List.vue';
+export { LIST_INJECTION_KEY } from './listInjectionKey';
+export type { ListContextValue } from './listInjectionKey';

package/dist/Components/List/index.js

@@ -0,0 +1,4 @@
+import { LIST_INJECTION_KEY as e } from "./listInjectionKey.js";
+import { useList as t } from "./composables/useList.js";
+import n from "./List.js";
+export { e as LIST_INJECTION_KEY, n as List, t as useList };

package/dist/Components/List/list.types.d.ts

@@ -0,0 +1,57 @@
+import { HTMLAttributes } from 'vue';
+import { ListPadding, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+export interface ListPaddingOverrides {}
+export interface ListClasses {
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+}
+export interface ListCustomProps {
+    /**
+     * Props forwarded to the root element.
+     */
+    root?: HTMLAttributes;
+}
+/**
+ * Vertical list container (MUI `List`-like). Use with `ListItem` and `ListSection`.
+ */
+export interface ListOwnProps {
+    /**
+     * The element to render as.
+     *
+     * @default "ul"
+     */
+    as?: "ol" | "ul" | "nav";
+    /**
+     * The classes to apply to the list.
+     *
+     * @default undefined
+     */
+    classes?: ListClasses;
+    /**
+     * Props forwarded to each list part.
+     *
+     * @default undefined
+     */
+    customProps?: ListCustomProps;
+    /**
+     * Compact vertical spacing on items (`ListItem` / `ListSection`), not the list root.
+     *
+     * @default false
+     */
+    dense?: boolean;
+    /**
+     * When true, indents the list for nested navigation/submenus.
+     *
+     * @default false
+     */
+    nested?: boolean;
+    /**
+     * Root padding preset. Use `"none"` inside menus/cards (MUI `disablePadding`).
+     *
+     * @default "normal"
+     */
+    padding?: MergeProps<ListPadding, ListPaddingOverrides>;
+}
+export type ListProps = MergeHtmlProps<ListOwnProps, HTMLAttributes>;

package/dist/Components/List/listInjectionKey.d.ts

@@ -0,0 +1,5 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export type ListContextValue = {
+    dense: boolean;
+};
+export declare const LIST_INJECTION_KEY: InjectionKey<ComputedRef<ListContextValue>>;

package/dist/Components/List/listInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/List/listInjectionKey.ts
+var e = Symbol("bridge-list");
+//#endregion
+export { e as LIST_INJECTION_KEY };

package/dist/Components/ListItem/ListItem.js

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

package/dist/Components/ListItem/ListItem.vue.d.ts

@@ -0,0 +1,19 @@
+import { ListItemOwnProps, ListItemSlots } from './listItem.types';
+type __VLS_Slots = ListItemSlots;
+declare const __VLS_base: import('vue').DefineComponent<ListItemOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListItemOwnProps> & Readonly<{}>, {
+    role: "button" | "option" | "menuitem";
+    as: "li" | "div";
+    disabled: boolean;
+    align: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ListItemAlign, import('./listItem.types').ListItemAlignOverrides>;
+    divider: boolean;
+    interactive: boolean;
+    selected: 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/ListItem/ListItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { resolveNamedSlot as e, resolveSlotOrProp as t } from "../../Utils/slotOrProp.js";
+import { resolveListItemPrimary as n, useListItem as r } from "./composables/useListItem.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, resolveDynamicComponent as h, unref as g, useSlots as _, withCtx as v } from "vue";
+//#region src/Components/ListItem/ListItem.vue?vue&type=script&setup=true&lang.ts
+var y = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "ListItem",
+	props: {
+		align: { default: "center" },
+		as: { default: "li" },
+		classes: {},
+		customProps: {},
+		dense: { type: Boolean },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		divider: {
+			type: Boolean,
+			default: !1
+		},
+		interactive: {
+			type: Boolean,
+			default: !1
+		},
+		primary: {},
+		role: { default: "button" },
+		secondary: {},
+		selected: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(l) {
+		let y = _(), b = l, { merged: x, hasEnd: S, endBind: C, rootBind: w, rowClass: T, hasStart: E, startBind: D, hasPrimary: O, contentBind: k, primaryBind: A, hasSecondary: j, secondaryBind: M, interactiveBind: N } = r(b, {
+			role: "button",
+			align: "center"
+		}, y), P = i(() => x.value.as ?? "li"), F = i(() => n(y, b.primary)), I = i(() => t(y, "secondary", b.secondary));
+		return (t, n) => (m(), a(h(P.value), p(u(g(w))), {
+			default: v(() => [g(N) ? (m(), s("div", p(d({ key: 0 }, g(N))), [c("div", { class: f(g(T)) }, [
+				g(E) ? (m(), s("div", p(d({ key: 0 }, g(D))), [(m(), a(h(g(e)(g(y), "start"))))], 16)) : o("", !0),
+				c("div", p(u(g(k))), [g(O) ? (m(), s("span", p(d({ key: 0 }, g(A))), [(m(), a(h(F.value)))], 16)) : o("", !0), g(j) ? (m(), s("span", p(d({ key: 1 }, g(M))), [(m(), a(h(I.value)))], 16)) : o("", !0)], 16),
+				g(S) ? (m(), s("div", p(d({ key: 1 }, g(C))), [(m(), a(h(g(e)(g(y), "end"))))], 16)) : o("", !0)
+			], 2)], 16)) : (m(), s("div", {
+				key: 1,
+				class: f(g(T))
+			}, [
+				g(E) ? (m(), s("div", p(d({ key: 0 }, g(D))), [(m(), a(h(g(e)(g(y), "start"))))], 16)) : o("", !0),
+				c("div", p(u(g(k))), [g(O) ? (m(), s("span", p(d({ key: 0 }, g(A))), [(m(), a(h(F.value)))], 16)) : o("", !0), g(j) ? (m(), s("span", p(d({ key: 1 }, g(M))), [(m(), a(h(I.value)))], 16)) : o("", !0)], 16),
+				g(S) ? (m(), s("div", p(d({ key: 1 }, g(C))), [(m(), a(h(g(e)(g(y), "end"))))], 16)) : o("", !0)
+			], 2))]),
+			_: 1
+		}, 16));
+	}
+});
+//#endregion
+export { y as default };