@bridge-ui/vue 0.0.0

package/dist/Components/Badge/badge.types.d.ts

@@ -0,0 +1,64 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { BadgeColor, BadgeDensity, BadgeRounded, BadgeSize, BadgeVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+export interface BadgeSizeOverrides {}
+export interface BadgeColorOverrides {}
+export interface BadgeDensityOverrides {}
+export interface BadgeRoundedOverrides {}
+export interface BadgeVariantOverrides {}
+export interface BadgeClasses {
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+}
+export interface BadgeOwnProps {
+    /**
+     * The classes to apply to the badge.
+     *
+     * @default undefined
+     */
+    classes?: BadgeClasses;
+    /**
+     * The color to apply to the badge.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<BadgeColor, BadgeColorOverrides>;
+    /**
+     * The density of the badge.
+     *
+     * @default "default"
+     */
+    density?: MergeProps<BadgeDensity, BadgeDensityOverrides>;
+    /**
+     * Whether the badge is full width.
+     *
+     * @default false
+     */
+    full?: boolean;
+    /**
+     * The roundedness of the badge.
+     *
+     * @default "md"
+     */
+    rounded?: MergeProps<BadgeRounded, BadgeRoundedOverrides>;
+    /**
+     * The size of the badge.
+     *
+     * @default "sm"
+     */
+    size?: MergeProps<BadgeSize, BadgeSizeOverrides>;
+    /**
+     * The variant of the badge.
+     *
+     * @default "flat"
+     */
+    variant?: MergeProps<BadgeVariant, BadgeVariantOverrides>;
+}
+export interface BadgeSlots {
+    /**
+     * The content of the badge.
+     */
+    default?: Slot;
+}
+export type BadgeProps = MergeHtmlProps<BadgeOwnProps, HTMLAttributes>;

package/dist/Components/Badge/composables/useBadge.d.ts

@@ -0,0 +1,9 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { BadgeOwnProps, BadgeProps } from '../badge.types';
+type BadgeLibDefaults = LibDefaultsShape<BadgeOwnProps, "size" | "color" | "density" | "rounded" | "variant">;
+type BadgeMerged = MergeLibDefaults<BadgeOwnProps, BadgeLibDefaults>;
+export declare function useBadge(props: BadgeOwnProps, libDefaults: BadgeLibDefaults): {
+    merged: import('vue').ComputedRef<BadgeMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<BadgeProps, "color" | "size" | "classes" | "full" | "rounded" | "variant" | "density">>>;
+};
+export {};

package/dist/Components/Badge/composables/useBadge.js

@@ -0,0 +1,47 @@
+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 { densityProps as l, roundedProps as u, variantProps as d } from "@bridge-ui/core/Components/Badge";
+//#region src/Components/Badge/composables/useBadge.ts
+var f = [
+	"full",
+	"size",
+	"color",
+	"classes",
+	"density",
+	"rounded",
+	"variant"
+];
+function p(p, m) {
+	let h = i(), g = r(() => c({
+		bridgeKeys: f,
+		props: {
+			...h,
+			...p
+		}
+	})), { merged: _, entry: v } = t({
+		libDefaults: m,
+		componentName: "Badge",
+		props: () => g.value.componentProps
+	}), y = n({
+		entry: v,
+		props: () => g.value.componentProps
+	}), b = r(() => _.value.density === "mini"), x = r(() => a(s(l, v.value?.customProps?.density), [_.value.density, _.value.size])), S = r(() => a(s(d, v.value?.customProps?.variant), [_.value.variant, _.value.color])), C = r(() => a(s(u, v.value?.customProps?.rounded), _.value.rounded));
+	return {
+		merged: _,
+		rootBind: r(() => e({}, g.value.inheritedAttrs, o({
+			"inline-flex items-center justify-center font-medium whitespace-nowrap": !0,
+			"w-full": !b.value && _.value.full,
+			"w-fit": !b.value && !_.value.full,
+			[x.value ?? ""]: !0,
+			[C.value ?? ""]: !0,
+			[a(S.value, "background") ?? ""]: !0,
+			[a(S.value, "border") ?? ""]: !0,
+			[a(S.value, "text") ?? ""]: !0,
+			[y.value.root ?? ""]: !0
+		})))
+	};
+}
+//#endregion
+export { p as useBadge };

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

@@ -0,0 +1,3 @@
+export type { BadgeClasses, BadgeColorOverrides, BadgeDensityOverrides, BadgeOwnProps, BadgeProps, BadgeRoundedOverrides, BadgeSizeOverrides, BadgeSlots, BadgeVariantOverrides, } from './badge.types';
+export { default as Badge } from './Badge.vue';
+export { useBadge } from './composables/useBadge';

package/dist/Components/Badge/index.js

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

package/dist/Components/Button/Button.js

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

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

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

@@ -0,0 +1,74 @@
+import { hasNamedSlot as e, isPropPresent as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
+import r from "../Icon/Icon.js";
+import { useButton as i } from "./composables/useButton.js";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, useSlots as _, withCtx as v } from "vue";
+import { Loader2 as y } from "lucide-vue-next";
+//#region src/Components/Button/Button.vue?vue&type=script&setup=true&lang.ts
+var b = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "Button",
+	props: {
+		as: {},
+		classes: {},
+		color: {},
+		customProps: {},
+		density: {},
+		disabled: { type: Boolean },
+		endIcon: { type: [Function, Object] },
+		full: { type: Boolean },
+		href: {},
+		icon: { type: [Function, Object] },
+		loading: { type: Boolean },
+		rounded: {},
+		size: {},
+		startIcon: { type: [Function, Object] },
+		text: {},
+		variant: {}
+	},
+	setup(u) {
+		let b = u, x = _(), { tag: S, merged: C, isMini: w, iconBind: T, rootBind: E, rootHref: D, rootType: O, endIconBind: k, endSlotBind: A, rootAriaBusy: j, rootDisabled: M, startIconBind: N, startSlotBind: P, loadingIconBind: F, rootAriaDisabled: I } = i(b, {
+			size: "md",
+			as: "button",
+			rounded: "md",
+			color: "primary",
+			variant: "solid",
+			density: "default"
+		});
+		return (i, u) => (p(), o(m(g(S)), d({
+			type: g(O),
+			href: g(D)
+		}, g(E), {
+			disabled: g(M),
+			"aria-busy": g(j),
+			"aria-disabled": g(I)
+		}), {
+			default: v(() => [g(C).loading ? (p(), o(g(r), d({
+				key: 0,
+				icon: g(y),
+				size: g(C).size
+			}, g(F)), null, 16, ["icon", "size"])) : g(w) ? (p(), c(a, { key: 1 }, [g(e)(g(x), "default") ? (p(), o(m(g(n)(g(x), "default")), { key: 0 })) : g(C).icon ? (p(), o(g(r), d({ key: 1 }, g(T), {
+				icon: g(C).icon,
+				size: g(C).size
+			}), null, 16, ["icon", "size"])) : s("", !0)], 64)) : (p(), c(a, { key: 2 }, [
+				g(C).startIcon ? (p(), o(g(r), d({
+					key: 0,
+					size: g(C).size
+				}, g(N), { icon: g(C).startIcon }), null, 16, ["size", "icon"])) : g(e)(g(x), "start") ? (p(), c("div", f(d({ key: 1 }, g(P))), [(p(), o(m(g(n)(g(x), "start"))))], 16)) : s("", !0),
+				g(t)(g(C).text) ? (p(), c(a, { key: 2 }, [l(h(g(C).text), 1)], 64)) : g(e)(g(x), "default") ? (p(), o(m(g(n)(g(x), "default")), { key: 3 })) : s("", !0),
+				g(C).endIcon ? (p(), o(g(r), d({
+					key: 4,
+					size: g(C).size
+				}, g(k), { icon: g(C).endIcon }), null, 16, ["size", "icon"])) : g(e)(g(x), "end") ? (p(), c("div", f(d({ key: 5 }, g(A))), [(p(), o(m(g(n)(g(x), "end"))))], 16)) : s("", !0)
+			], 64))]),
+			_: 1
+		}, 16, [
+			"type",
+			"href",
+			"disabled",
+			"aria-busy",
+			"aria-disabled"
+		]));
+	}
+});
+//#endregion
+export { b as default };

package/dist/Components/Button/button.types.d.ts

@@ -0,0 +1,181 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
+import { ButtonColor, ButtonDensity, ButtonRounded, ButtonSize, ButtonVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconProps } from '../Icon';
+export interface ButtonSizeOverrides {}
+export interface ButtonColorOverrides {}
+export interface ButtonDensityOverrides {}
+export interface ButtonRoundedOverrides {}
+export interface ButtonVariantOverrides {}
+export interface ButtonClasses {
+    /**
+     * The classes to apply to the end icon.
+     */
+    endIcon?: string;
+    /**
+     * The classes to apply to the icon (mini density).
+     */
+    icon?: string;
+    /**
+     * The classes to apply to the loading.
+     */
+    loading?: string;
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+    /**
+     * The classes to apply to the start icon.
+     */
+    startIcon?: string;
+}
+export interface ButtonCustomProps {
+    /**
+     * Props forwarded to the inline-end slot wrapper.
+     */
+    end?: HTMLAttributes;
+    /**
+     * Props forwarded to the end `Icon` (`icon` is set by the button).
+     */
+    endIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the icon `Icon` (`icon` is set by the button).
+     */
+    icon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the loading spinner `Icon`.
+     */
+    loading?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the root element.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-start slot wrapper.
+     */
+    start?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-start `Icon` (`icon` is set by the button).
+     */
+    startIcon?: Partial<Omit<IconProps, "icon">>;
+}
+export interface ButtonOwnProps {
+    /**
+     * The element to render as.
+     *
+     * @default "button"
+     */
+    as?: "a" | "span" | "button";
+    /**
+     * The classes to apply to the button.
+     *
+     * @default undefined
+     */
+    classes?: ButtonClasses;
+    /**
+     * The color to apply to the button.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<ButtonColor, ButtonColorOverrides>;
+    /**
+     * Extra props for internal parts (`startIcon`, `endIcon`, slot wrappers, etc.).
+     * Root HTML attributes stay on the component top level.
+     *
+     * @default undefined
+     */
+    customProps?: ButtonCustomProps;
+    /**
+     * The density of the button.
+     *
+     * @default "default"
+     */
+    density?: MergeProps<ButtonDensity, ButtonDensityOverrides>;
+    /**
+     * Whether the button is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Icon at the **inline end** (physical right in `ltr`, physical left in `rtl`).
+     *
+     * @default undefined
+     */
+    endIcon?: LucideIcon;
+    /**
+     * Whether the button is full width.
+     *
+     * @default false
+     */
+    full?: boolean;
+    /**
+     * The href to apply to the button.
+     *
+     * @default undefined
+     */
+    href?: string;
+    /**
+     * Icon for mini density (replaces label and start/end icons).
+     *
+     * @default undefined
+     */
+    icon?: LucideIcon;
+    /**
+     * Whether the button is loading.
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The roundedness of the button.
+     *
+     * @default "md"
+     */
+    rounded?: MergeProps<ButtonRounded, ButtonRoundedOverrides>;
+    /**
+     * The size of the button.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<ButtonSize, ButtonSizeOverrides>;
+    /**
+     * Icon at the **inline start** (physical left in `ltr`, physical right in `rtl`).
+     *
+     * @default undefined
+     */
+    startIcon?: LucideIcon;
+    /**
+     * Label text when the default slot is not used.
+     *
+     * @default undefined
+     */
+    text?: string;
+    /**
+     * The variant of the button.
+     *
+     * @default "solid"
+     */
+    variant?: MergeProps<ButtonVariant, ButtonVariantOverrides>;
+}
+export interface ButtonSlots {
+    /**
+     * The default slot (label / main content).
+     */
+    default?: Slot<undefined>;
+    /**
+     * Slot at the inline end (follows `dir` on an ancestor, e.g. `<html dir="rtl">`).
+     */
+    end?: Slot<undefined>;
+    /**
+     * Slot at the inline start (follows `dir` on an ancestor, e.g. `<html dir="rtl">`).
+     */
+    start?: Slot<undefined>;
+}
+export type ButtonProps = MergeHtmlProps<ButtonOwnProps & {
+    as: "span";
+}, HTMLAttributes> | MergeHtmlProps<ButtonOwnProps & {
+    as: "a";
+}, AnchorHTMLAttributes> | MergeHtmlProps<ButtonOwnProps & {
+    as?: "button";
+}, ButtonHTMLAttributes>;

package/dist/Components/Button/composables/useButton.d.ts

@@ -0,0 +1,22 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { ButtonOwnProps, ButtonProps } from '../button.types';
+type ButtonLibDefaults = LibDefaultsShape<ButtonOwnProps, "as" | "size" | "color" | "density" | "rounded" | "variant">;
+type ButtonMerged = MergeLibDefaults<ButtonOwnProps, ButtonLibDefaults>;
+export declare function useButton(props: ButtonOwnProps, libDefaults: ButtonLibDefaults): {
+    tag: import('vue').ComputedRef<NonNullable<"a" | "button" | "span" | undefined>>;
+    merged: import('vue').ComputedRef<ButtonMerged>;
+    isMini: import('vue').ComputedRef<boolean>;
+    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<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "text" | "full" | "rounded" | "variant" | "density" | "as" | "disabled" | "endIcon" | "loading" | "startIcon">>>;
+    rootHref: import('vue').ComputedRef<string | undefined>;
+    rootType: import('vue').ComputedRef<"button" | undefined>;
+    endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    rootAriaBusy: import('vue').ComputedRef<true | undefined>;
+    rootDisabled: import('vue').ComputedRef<boolean | undefined>;
+    startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    loadingIconBind: 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/Button/composables/useButton.js

@@ -0,0 +1,91 @@
+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, isNil as o } from "es-toolkit/compat";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { densityProps as u, roundedProps as d, variantProps as f } from "@bridge-ui/core/Components/Button";
+//#region src/Components/Button/composables/useButton.ts
+var p = [
+	"as",
+	"full",
+	"href",
+	"icon",
+	"size",
+	"text",
+	"color",
+	"classes",
+	"density",
+	"endIcon",
+	"loading",
+	"rounded",
+	"variant",
+	"disabled",
+	"startIcon",
+	"customProps"
+];
+function m(m, h) {
+	let g = i(), _ = r(() => l({
+		bridgeKeys: p,
+		props: {
+			...g,
+			...m
+		}
+	})), { merged: v, entry: y } = t({
+		libDefaults: h,
+		componentName: "Button",
+		props: () => _.value.componentProps
+	}), b = r(() => v.value.customProps), x = n({
+		entry: y,
+		props: () => _.value.componentProps
+	}), S = r(() => v.value.as ?? "button"), C = r(() => S.value === "a"), w = r(() => S.value === "button"), T = r(() => v.value.density === "mini"), E = r(() => v.value.disabled || v.value.loading), D = r(() => w.value ? "button" : void 0), O = r(() => w.value ? E.value : void 0), k = r(() => v.value.loading ? !0 : void 0), A = r(() => E.value && !w.value ? !0 : void 0), j = r(() => {
+		if (!(!C.value || E.value || !v.value.href)) return v.value.href;
+	}), M = r(() => a(c(u, y.value?.customProps?.density), [v.value.density, v.value.size])), N = r(() => o(_.value.componentProps.variant) ? T.value ? "flat" : v.value.variant : _.value.componentProps.variant), P = r(() => a(c(f, y.value?.customProps?.variant), [N.value, v.value.color])), F = r(() => a(c(d, y.value?.customProps?.rounded), v.value.rounded));
+	return {
+		tag: S,
+		merged: v,
+		isMini: T,
+		iconBind: r(() => e(b.value?.icon, {}, s({
+			"shrink-0": !0,
+			[x.value.icon ?? ""]: !0
+		}))),
+		rootBind: r(() => e(b.value?.root, _.value.inheritedAttrs, s({
+			"inline-flex items-center justify-center": !0,
+			"cursor-pointer outline-none outline-hidden": !0,
+			"shrink-0": T.value,
+			[M.value ?? ""]: !0,
+			[F.value ?? ""]: !0,
+			"w-full": !T.value && v.value.full,
+			"w-fit": !T.value && !v.value.full,
+			"group hover:shadow-xs": !T.value,
+			[a(P.value, "base") ?? ""]: !0,
+			[a(P.value, "hover") ?? ""]: !0,
+			[a(P.value, "focus") ?? ""]: !0,
+			"transition-all ease-in-out duration-200": !0,
+			"focus:ring-2": !0,
+			"focus:ring-offset-background-white dark:focus:ring-offset-background-dark": !0,
+			"disabled:opacity-80 disabled:cursor-not-allowed": !0,
+			"aria-disabled:opacity-80 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none": !0,
+			[x.value.root ?? ""]: !0
+		}))),
+		rootHref: j,
+		rootType: D,
+		endIconBind: r(() => e(b.value?.endIcon, {}, s({
+			"shrink-0": !0,
+			[x.value.endIcon ?? ""]: !0
+		}))),
+		endSlotBind: r(() => e(b.value?.end, {}, "inline-flex shrink-0 items-center")),
+		rootAriaBusy: k,
+		rootDisabled: O,
+		startIconBind: r(() => e(b.value?.startIcon, {}, s({
+			"shrink-0": !0,
+			[x.value.startIcon ?? ""]: !0
+		}))),
+		startSlotBind: r(() => e(b.value?.start, {}, "inline-flex shrink-0 items-center")),
+		loadingIconBind: r(() => e(b.value?.loading, {}, s({
+			"shrink-0 animate-spin": !0,
+			[x.value.loading ?? ""]: !0
+		}))),
+		rootAriaDisabled: A
+	};
+}
+//#endregion
+export { m as useButton };

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

@@ -0,0 +1,3 @@
+export type { ButtonClasses, ButtonColorOverrides, ButtonCustomProps, ButtonDensityOverrides, ButtonOwnProps, ButtonProps, ButtonRoundedOverrides, ButtonSizeOverrides, ButtonSlots, ButtonVariantOverrides, } from './button.types';
+export { default as Button } from './Button.vue';
+export { useButton } from './composables/useButton';

package/dist/Components/Button/index.js

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

package/dist/Components/Card/Card.js

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

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

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

@@ -0,0 +1,33 @@
+import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
+import { useCard as i } from "./composables/useCard.js";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, unref as h } from "vue";
+//#region src/Components/Card/Card.vue?vue&type=script&setup=true&lang.ts
+var g = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "Card",
+	props: {
+		borderless: { type: Boolean },
+		classes: {},
+		customProps: {},
+		padding: {},
+		rounded: {},
+		shadow: {},
+		title: {},
+		variant: {}
+	},
+	setup(l) {
+		let { slots: g, merged: _, bodyBind: v, rootBind: y, hasFooter: b, titleBind: x, footerBind: S, headerBind: C, hasDefaultBody: w } = i(l, {
+			shadow: "sm",
+			rounded: "sm",
+			padding: "medium",
+			variant: "elevated"
+		});
+		return (i, l) => (p(), s("div", f(u(h(y))), [
+			h(e)(h(g), "header") ? (p(), a(m(h(n)(h(g), "header")), { key: 0 })) : h(t)(h(g), "title", h(_).title) ? (p(), s("div", f(d({ key: 1 }, h(C))), [c("div", f(u(h(x))), [(p(), a(m(h(r)(h(g), "title", h(_).title))))], 16), (p(), a(m(h(n)(h(g), "action"))))], 16)) : o("", !0),
+			h(w) ? (p(), s("div", f(d({ key: 2 }, h(v))), [(p(), a(m(h(n)(h(g), "default"))))], 16)) : o("", !0),
+			h(b) ? (p(), s("div", f(d({ key: 3 }, h(S))), [(p(), a(m(h(n)(h(g), "footer"))))], 16)) : o("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { g as default };