@bridge-ui/vue 0.0.0

package/dist/Actions/bridgeUIHosts.types.d.ts

@@ -0,0 +1,17 @@
+import { BridgeDialogHostProps } from './Dialog/bridgeDialog.types';
+import { BridgeModalHostProps } from './Modal/bridgeModal.types';
+import { BridgeSnackbarHostProps } from './Snackbar/bridgeSnackbar.types';
+export type BridgeUIHostsProps = {
+    /**
+     * Props forwarded to {@link BridgeDialogHost}.
+     */
+    dialog?: BridgeDialogHostProps;
+    /**
+     * Props forwarded to {@link BridgeModalHost}.
+     */
+    modal?: BridgeModalHostProps;
+    /**
+     * Props forwarded to {@link BridgeSnackbarHost}.
+     */
+    snackbar?: BridgeSnackbarHostProps;
+};

package/dist/Actions/index.d.ts

@@ -0,0 +1,8 @@
+export type { BridgeUIHostsProps } from './bridgeUIHosts.types';
+export { default as BridgeUIHosts } from './BridgeUIHosts.vue';
+export { BridgeDialogHost, BridgeDialogHostMissingError, useDialogAction, } from './Dialog';
+export type { BridgeDialogActionProps, BridgeDialogApi, BridgeDialogEntry, BridgeDialogHostProps, BridgeDialogOpenOptions, BridgeDialogShellProps, BridgeDialogUpdateOptions, DialogAction, DialogActions, } from './Dialog';
+export { BridgeModalHost, BridgeModalHostMissingError, useModalAction, } from './Modal';
+export type { BridgeModalApi, BridgeModalController, BridgeModalEntry, BridgeModalHostProps, BridgeModalOpenOptions, BridgeModalShellProps, BridgeModalUpdateOptions, } from './Modal';
+export { BridgeSnackbarHost, BridgeSnackbarHostMissingError, useSnackbarAction, } from './Snackbar';
+export type { BridgeSnackbarActionProps, BridgeSnackbarApi, BridgeSnackbarEntry, BridgeSnackbarHostProps, BridgeSnackbarOpenOptions, BridgeSnackbarShellProps, BridgeSnackbarUpdateOptions, SnackbarAction, SnackbarActions, } from './Snackbar';

package/dist/Actions/index.js

@@ -0,0 +1,8 @@
+import e from "./Dialog/BridgeDialogHost.js";
+import { BridgeDialogHostMissingError as t, useDialogAction as n } from "./Dialog/useDialogAction.js";
+import r from "./Modal/BridgeModalHost.js";
+import { BridgeModalHostMissingError as i, useModalAction as a } from "./Modal/useModalAction.js";
+import o from "./Snackbar/BridgeSnackbarHost.js";
+import { BridgeSnackbarHostMissingError as s, useSnackbarAction as c } from "./Snackbar/useSnackbarAction.js";
+import l from "./BridgeUIHosts.js";
+export { e as BridgeDialogHost, t as BridgeDialogHostMissingError, r as BridgeModalHost, i as BridgeModalHostMissingError, o as BridgeSnackbarHost, s as BridgeSnackbarHostMissingError, l as BridgeUIHosts, n as useDialogAction, a as useModalAction, c as useSnackbarAction };

package/dist/Components/Alert/Alert.js

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

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

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

@@ -0,0 +1,43 @@
+import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
+import { useAlert as i } from "./composables/useAlert.js";
+import a from "../Icon/Icon.js";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, unref as _ } from "vue";
+//#region src/Components/Alert/Alert.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 1,
+	class: "flex justify-between items-start"
+}, y = { class: "flex items-start gap-x-3" }, b = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Alert",
+	props: {
+		classes: {},
+		color: {},
+		customProps: {},
+		icon: { type: [
+			null,
+			Function,
+			Object
+		] },
+		padding: {},
+		rounded: {},
+		shadow: {},
+		title: {},
+		variant: {}
+	},
+	setup(d) {
+		let { slots: b, merged: x, bodyBind: S, iconBind: C, rootBind: w, titleBind: T, resolvedIcon: E, hasDefaultBody: D } = i(d, {
+			shadow: "sm",
+			rounded: "sm",
+			variant: "flat",
+			color: "primary",
+			padding: "medium"
+		});
+		return (i, d) => (h(), l("div", m(f(_(w))), [
+			_(e)(_(b), "header") ? (h(), s(g(_(n)(_(b), "header")), { key: 0 })) : _(t)(_(b), "title", _(x).title) ? (h(), l("div", v, [u("div", y, [_(e)(_(b), "icon") || _(E) ? (h(), l(o, { key: 0 }, [_(e)(_(b), "icon") ? (h(), s(g(_(n)(_(b), "icon")), { key: 0 })) : _(E) ? (h(), s(a, p({ key: 1 }, _(C), { icon: _(E) }), null, 16, ["icon"])) : c("", !0)], 64)) : c("", !0), u("div", m(f(_(T))), [(h(), s(g(_(r)(_(b), "title", _(x).title))))], 16)]), (h(), s(g(_(n)(_(b), "action"))))])) : c("", !0),
+			_(D) ? (h(), l("div", m(p({ key: 2 }, _(S))), [(h(), s(g(_(n)(_(b), "default"))))], 16)) : c("", !0),
+			(h(), s(g(_(n)(_(b), "footer"))))
+		], 16));
+	}
+});
+//#endregion
+export { b as default };

package/dist/Components/Alert/alert.types.d.ts

@@ -0,0 +1,134 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { HTMLAttributes, Slot } from 'vue';
+import { AlertColor, AlertPadding, AlertRounded, AlertShadow, AlertVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconProps } from '../Icon';
+export interface AlertColorOverrides {}
+export interface AlertShadowOverrides {}
+export interface AlertPaddingOverrides {}
+export interface AlertRoundedOverrides {}
+export interface AlertVariantOverrides {}
+export interface AlertClasses {
+    /**
+     * The classes to apply to the body.
+     */
+    body?: string;
+    /**
+     * The classes to apply to the icon.
+     */
+    icon?: string;
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+    /**
+     * The classes to apply to the title.
+     */
+    title?: string;
+}
+export interface AlertCustomProps {
+    /**
+     * Props forwarded to the default body container.
+     */
+    body?: HTMLAttributes;
+    /**
+     * Props forwarded to the default `Icon` (`icon` is set by the alert).
+     */
+    icon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the root container.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the title container.
+     */
+    title?: HTMLAttributes;
+}
+/**
+ * Alert banner. Does not set `role` or `aria-live` by default — pass them when needed:
+ * urgent dynamic messages: `role="alert"` and optionally `aria-live="assertive"`;
+ * non-interrupting updates: `role="status"` and `aria-live="polite"`.
+ */
+export interface AlertOwnProps {
+    /**
+     * The classes to apply to the alert.
+     *
+     * @default undefined
+     */
+    classes?: AlertClasses;
+    /**
+     * The color to apply to the alert.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<AlertColor, AlertColorOverrides>;
+    /**
+     * Extra props for internal parts (`icon`, `title`, `body`, etc.).
+     * Root HTML attributes stay on the component top level.
+     *
+     * @default undefined
+     */
+    customProps?: AlertCustomProps;
+    /**
+     * The icon to apply to the alert. Use `null` to omit the prop icon.
+     *
+     * @default undefined
+     */
+    icon?: null | LucideIcon;
+    /**
+     * The padding to apply to the alert.
+     *
+     * @default "medium"
+     */
+    padding?: MergeProps<AlertPadding, AlertPaddingOverrides>;
+    /**
+     * The roundedness of the alert.
+     *
+     * @default "sm"
+     */
+    rounded?: MergeProps<AlertRounded, AlertRoundedOverrides>;
+    /**
+     * The shadow to apply to the alert.
+     *
+     * @default "sm"
+     */
+    shadow?: MergeProps<AlertShadow, AlertShadowOverrides>;
+    /**
+     * The title to apply to the alert.
+     *
+     * @default undefined
+     */
+    title?: string;
+    /**
+     * The variant of the alert.
+     *
+     * @default "flat"
+     */
+    variant?: MergeProps<AlertVariant, AlertVariantOverrides>;
+}
+export interface AlertSlots {
+    /**
+     * Content aligned to the right of the title row (e.g. dismiss or link).
+     */
+    action?: Slot<undefined>;
+    /**
+     * Main body text below the title row.
+     */
+    default?: Slot<undefined>;
+    /**
+     * Footer below the body, with top border spacing.
+     */
+    footer?: Slot<undefined>;
+    /**
+     * Replaces the entire alert header area (title row, icon, action).
+     */
+    header?: Slot<undefined>;
+    /**
+     * Custom icon markup. When provided, it replaces the default `Icon` used from the `icon` prop.
+     */
+    icon?: Slot<undefined>;
+    /**
+     * The title of the alert.
+     */
+    title?: Slot<undefined>;
+}
+export type AlertProps = MergeHtmlProps<AlertOwnProps, HTMLAttributes>;

package/dist/Components/Alert/alertDefaultIcons.d.ts

@@ -0,0 +1,4 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { AlertColor } from '@bridge-ui/core/Components/Alert';
+/** Library fallbacks when neither the `icon` prop nor theme `icon` is set. */
+export declare const alertDefaultIcons: Record<keyof AlertColor, LucideIcon>;

package/dist/Components/Alert/alertDefaultIcons.js

@@ -0,0 +1,13 @@
+import { Bell as e, CircleAlert as t, CircleCheck as n, CircleX as r, Info as i, TriangleAlert as a } from "lucide-vue-next";
+//#region src/Components/Alert/alertDefaultIcons.ts
+var o = {
+	dark: i,
+	primary: e,
+	error: r,
+	secondary: i,
+	info: t,
+	success: n,
+	warning: a
+};
+//#endregion
+export { o as alertDefaultIcons };

package/dist/Components/Alert/composables/useAlert.d.ts

@@ -0,0 +1,18 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { AlertOwnProps, AlertProps } from '..';
+type AlertLibDefaults = LibDefaultsShape<AlertOwnProps, "color" | "shadow" | "padding" | "rounded" | "variant">;
+type AlertMerged = MergeLibDefaults<AlertOwnProps, AlertLibDefaults>;
+export declare function useAlert(props: AlertOwnProps, libDefaults: AlertLibDefaults): {
+    slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    merged: import('vue').ComputedRef<AlertMerged>;
+    bodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AlertProps, "color" | "icon" | "classes" | "customProps" | "title" | "padding" | "rounded" | "shadow" | "variant">>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    resolvedIcon: import('vue').ComputedRef<LucideIcon | null>;
+    hasDefaultBody: import('vue').ComputedRef<boolean>;
+};
+export {};

package/dist/Components/Alert/composables/useAlert.js

@@ -0,0 +1,71 @@
+import { alertDefaultIcons as e } from "../alertDefaultIcons.js";
+import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { computed as i, useAttrs as a, useSlots as o } from "vue";
+import { get as s, isNull as c } from "es-toolkit/compat";
+import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { paddingProps as f, roundedProps as p, shadowProps as m, variantProps as h } from "@bridge-ui/core/Components/Alert";
+//#region src/Components/Alert/composables/useAlert.ts
+var g = [
+	"icon",
+	"color",
+	"title",
+	"shadow",
+	"classes",
+	"padding",
+	"rounded",
+	"variant",
+	"customProps"
+];
+function _(_, v) {
+	let y = a(), b = o(), x = i(() => d({
+		bridgeKeys: g,
+		props: {
+			...y,
+			..._
+		}
+	})), { merged: S, entry: C } = n({
+		libDefaults: v,
+		componentName: "Alert",
+		props: () => x.value.componentProps
+	}), w = i(() => S.value.customProps), T = r({
+		entry: C,
+		props: () => x.value.componentProps
+	}), E = i(() => {
+		let e = b.default?.();
+		return !!(e && e.length > 0);
+	}), D = i(() => s(u(h, C.value?.customProps?.variant), [S.value.variant, S.value.color])), O = i(() => s(u(m, C.value?.customProps?.shadow), S.value.shadow)), k = i(() => s(u(f, C.value?.customProps?.padding), S.value.padding)), A = i(() => s(u(p, C.value?.customProps?.rounded), S.value.rounded)), j = i(() => c(S.value.icon) ? null : S.value.icon ? S.value.icon : s(D.value, "icon") ?? s(e, S.value.color));
+	return {
+		slots: b,
+		merged: S,
+		bodyBind: i(() => t(w.value?.body, {}, l({
+			"grow text-sm text-start": !0,
+			[k.value ?? ""]: !0,
+			[s(D.value, "text") ?? ""]: !0,
+			[s(T.value, "body") ?? ""]: !0
+		}))),
+		iconBind: i(() => t(w.value?.icon, {}, l({
+			"w-5 h-5 shrink-0": !0,
+			[s(D.value, "iconColor") ?? ""]: !0,
+			[s(T.value, "icon") ?? ""]: !0
+		}))),
+		rootBind: i(() => t(w.value?.root, x.value.inheritedAttrs, l({
+			"w-full flex flex-col p-4": !0,
+			[O.value ?? ""]: !0,
+			[A.value ?? ""]: !0,
+			[s(D.value, "border") ?? ""]: !0,
+			[s(D.value, "background") ?? ""]: !0,
+			[s(T.value, "root") ?? ""]: !0
+		}))),
+		titleBind: i(() => t(w.value?.title, {}, l({
+			"text-start text-sm whitespace-normal": !0,
+			"font-normal": !E.value,
+			"font-semibold": E.value,
+			[s(D.value, "text") ?? ""]: !0,
+			[s(T.value, "title") ?? ""]: !0
+		}))),
+		resolvedIcon: j,
+		hasDefaultBody: E
+	};
+}
+//#endregion
+export { _ as useAlert };

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

@@ -0,0 +1,3 @@
+export type { AlertClasses, AlertColorOverrides, AlertCustomProps, AlertOwnProps, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './alert.types';
+export { default as Alert } from './Alert.vue';
+export { useAlert } from './composables/useAlert';

package/dist/Components/Alert/index.js

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

package/dist/Components/Avatar/Avatar.js

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

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

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

@@ -0,0 +1,32 @@
+import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import t from "../Icon/Icon.js";
+import { useAvatar as n } from "./composables/useAvatar.js";
+import { createBlock as r, createElementBlock as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, resolveDynamicComponent as u, toDisplayString as d, unref as f } from "vue";
+//#region src/Components/Avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "Avatar",
+	props: {
+		alt: {},
+		classes: {},
+		color: {},
+		fallback: {},
+		icon: { type: [Function, Object] },
+		rounded: {},
+		size: {},
+		src: {}
+	},
+	setup(a) {
+		let { slots: p, merged: m, rootBind: h, iconBind: g, hasImage: _, imageBind: v, fallbackBind: y, resolvedIcon: b, hasFallbackSlot: x, hasFallbackText: S, hasCustomContent: C } = n(a, {
+			size: "md",
+			rounded: "full",
+			color: "secondary"
+		});
+		return (n, a) => (l(), i("div", c(o(f(h))), [f(C) ? (l(), r(u(f(e)(f(p), "default")), { key: 0 })) : f(_) ? (l(), i("img", c(s({ key: 1 }, f(v))), null, 16)) : f(x) ? (l(), r(u(f(e)(f(p), "fallback")), { key: 2 })) : f(S) ? (l(), i("span", c(s({ key: 3 }, f(y))), d(f(m).fallback), 17)) : (l(), r(f(t), s({
+			key: 4,
+			icon: f(b)
+		}, f(g)), null, 16, ["icon"]))], 16));
+	}
+});
+//#endregion
+export { p as default };

package/dist/Components/Avatar/avatar.types.d.ts

@@ -0,0 +1,81 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { HTMLAttributes, Slot } from 'vue';
+import { AvatarColor, AvatarRounded, AvatarSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+export interface AvatarSizeOverrides {}
+export interface AvatarColorOverrides {}
+export interface AvatarRoundedOverrides {}
+export interface AvatarClasses {
+    /**
+     * The classes to apply to the fallback.
+     */
+    fallback?: string;
+    /**
+     * The classes to apply to the image.
+     */
+    image?: string;
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+}
+export interface AvatarOwnProps {
+    /**
+     * The alt text for the avatar image.
+     *
+     * @default undefined
+     */
+    alt?: string;
+    /**
+     * The classes to apply to the avatar.
+     *
+     * @default undefined
+     */
+    classes?: AvatarClasses;
+    /**
+     * The color to apply to the avatar fallback.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<AvatarColor, AvatarColorOverrides>;
+    /**
+     * The fallback text to display when no image is available.
+     *
+     * @default undefined
+     */
+    fallback?: string;
+    /**
+     * The icon to display as fallback.
+     *
+     * @default undefined
+     */
+    icon?: LucideIcon;
+    /**
+     * The roundedness of the avatar.
+     *
+     * @default "full"
+     */
+    rounded?: MergeProps<AvatarRounded, AvatarRoundedOverrides>;
+    /**
+     * The size of the avatar.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<AvatarSize, AvatarSizeOverrides>;
+    /**
+     * The source URL for the avatar image.
+     *
+     * @default undefined
+     */
+    src?: string;
+}
+export interface AvatarSlots {
+    /**
+     * Custom content to render inside the avatar.
+     */
+    default?: Slot<undefined>;
+    /**
+     * Custom fallback content when no image is available.
+     */
+    fallback?: Slot<undefined>;
+}
+export type AvatarProps = MergeHtmlProps<AvatarOwnProps, HTMLAttributes>;

package/dist/Components/Avatar/composables/useAvatar.d.ts

@@ -0,0 +1,23 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { AvatarProps } from '../avatar.types';
+type AvatarLibDefaults = LibDefaultsShape<AvatarProps, "size" | "color" | "rounded">;
+type AvatarMerged = MergeLibDefaults<AvatarProps, AvatarLibDefaults>;
+export declare function useAvatar(props: AvatarProps, libDefaults: AvatarLibDefaults): {
+    slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }>;
+    merged: import('vue').ComputedRef<AvatarMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<AvatarProps, "color" | "icon" | "size" | "classes" | "rounded" | "alt" | "fallback" | "src">>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    hasImage: import('vue').ComputedRef<boolean>;
+    imageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {
+        alt: string | undefined;
+        src: string | undefined;
+    }>>;
+    fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    resolvedIcon: import('vue').ComputedRef<import('lucide-vue-next').LucideIcon>;
+    hasFallbackSlot: import('vue').ComputedRef<boolean>;
+    hasFallbackText: import('vue').ComputedRef<boolean>;
+    hasCustomContent: import('vue').ComputedRef<boolean>;
+};
+export {};

package/dist/Components/Avatar/composables/useAvatar.js

@@ -0,0 +1,73 @@
+import { hasNamedSlot as e } from "../../../Utils/slotOrProp.js";
+import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { computed as i, useAttrs as a, useSlots as o } from "vue";
+import { get as s, isEmpty as c, isNil as l } from "es-toolkit/compat";
+import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
+import { User as p } from "lucide-vue-next";
+import { colorProps as m, iconSizeProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Components/Avatar";
+//#region src/Components/Avatar/composables/useAvatar.ts
+var v = [
+	"alt",
+	"src",
+	"icon",
+	"size",
+	"color",
+	"classes",
+	"rounded",
+	"fallback"
+];
+function y(y, b) {
+	let x = a(), S = o(), C = i(() => f({
+		bridgeKeys: v,
+		props: {
+			...x,
+			...y
+		}
+	})), { merged: w, entry: T } = n({
+		libDefaults: b,
+		componentName: "Avatar",
+		props: () => C.value.componentProps
+	}), E = r({
+		entry: T,
+		props: () => C.value.componentProps
+	}), D = i(() => e(S, "default")), O = i(() => !l(w.value.src) && !c(w.value.src)), k = i(() => e(S, "fallback")), A = i(() => !l(w.value.fallback) && !c(w.value.fallback)), j = i(() => w.value.icon ?? p), M = i(() => !O.value && !D.value), N = i(() => s(d(_, T.value?.customProps?.size), w.value.size)), P = i(() => s(d(m, T.value?.customProps?.color), w.value.color)), F = i(() => s(d(g, T.value?.customProps?.rounded), w.value.rounded)), I = i(() => s(d(h, T.value?.customProps?.iconSize), w.value.size)), L = i(() => t({}, C.value.inheritedAttrs, u({
+		"inline-flex shrink-0 items-center justify-center overflow-hidden": !0,
+		[E.value.root ?? ""]: !0,
+		[F.value ?? ""]: !0,
+		[N.value ?? ""]: M.value || D.value || O.value,
+		[s(P.value, "background") ?? ""]: M.value,
+		[s(P.value, "text") ?? ""]: M.value
+	}))), R = i(() => t({}, {
+		alt: w.value.alt,
+		src: w.value.src
+	}, u({
+		"shrink-0 object-cover object-center": !0,
+		[N.value ?? ""]: !0,
+		[F.value ?? ""]: !0,
+		[E.value.image ?? ""]: !0
+	}))), z = i(() => t({}, {}, u({
+		"font-medium": !0,
+		[s(I.value, "label") ?? ""]: !0,
+		[s(P.value, "text") ?? ""]: !0,
+		[E.value.fallback ?? ""]: !0
+	})));
+	return {
+		slots: S,
+		merged: w,
+		rootBind: L,
+		iconBind: i(() => t({}, {}, u({
+			"shrink-0": !0,
+			[s(I.value, "icon") ?? ""]: !0,
+			[s(P.value, "text") ?? ""]: !0
+		}))),
+		hasImage: O,
+		imageBind: R,
+		fallbackBind: z,
+		resolvedIcon: j,
+		hasFallbackSlot: k,
+		hasFallbackText: A,
+		hasCustomContent: D
+	};
+}
+//#endregion
+export { y as useAvatar };

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

@@ -0,0 +1,3 @@
+export type { AvatarClasses, AvatarColorOverrides, AvatarOwnProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './avatar.types';
+export { default as Avatar } from './Avatar.vue';
+export { useAvatar } from './composables/useAvatar';

package/dist/Components/Avatar/index.js

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

package/dist/Components/Badge/Badge.js

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

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

@@ -0,0 +1,4 @@
+import { BadgeOwnProps } from './badge.types';
+declare const __VLS_export: import('vue').DefineComponent<BadgeOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/Components/Badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import { useBadge as t } from "./composables/useBadge.js";
+import { createBlock as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, useSlots as u } from "vue";
+//#region src/Components/Badge/Badge.vue?vue&type=script&setup=true&lang.ts
+var d = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "Badge",
+	props: {
+		classes: {},
+		color: {},
+		density: {},
+		full: { type: Boolean },
+		rounded: {},
+		size: {},
+		variant: {}
+	},
+	setup(i) {
+		let d = u(), { rootBind: f } = t(i, {
+			size: "sm",
+			rounded: "md",
+			variant: "flat",
+			color: "primary",
+			density: "default"
+		});
+		return (t, i) => (s(), r("span", o(a(l(f))), [(s(), n(c(l(e)(l(d), "default"))))], 16));
+	}
+});
+//#endregion
+export { d as default };