@bridge-ui/vue 0.0.0

package/dist/Components/FormField/composables/useFormField.js

@@ -0,0 +1,219 @@
+import { hasNamedSlot as e, hasSlotOrProp as t } from "../../../Utils/slotOrProp.js";
+import { mergePartBind as n, useBridgeUIComponent as r, useBridgeUIMergedRegistryClasses as i } from "../../../Utils/index.js";
+import { computed as a, toValue as o, useId as s, useSlots as c } from "vue";
+import { get as l, omit as u } from "es-toolkit/compat";
+import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
+import { CircleAlert as m } from "lucide-vue-next";
+import { colorProps as h, invalidatedProps as g, roundedProps as _, sizeProps as v, variantProps as y } from "@bridge-ui/core/Components/FormField";
+//#region src/Components/FormField/composables/useFormField.ts
+var b = [
+	"end",
+	"size",
+	"color",
+	"error",
+	"label",
+	"start",
+	"corner",
+	"classes",
+	"endIcon",
+	"rounded",
+	"variant",
+	"disabled",
+	"readonly",
+	"required",
+	"errorIcon",
+	"startIcon",
+	"customProps",
+	"description",
+	"errorMessage",
+	"withErrorIcon",
+	"withoutErrorMessage"
+];
+function x(x, S, C = {}) {
+	let ee = s(), w = c(), T = a(() => p({
+		props: o(x),
+		bridgeKeys: b
+	})), { merged: E, entry: D } = r({
+		libDefaults: S,
+		componentName: "FormField",
+		props: () => T.value.componentProps
+	}), O = a(() => E.value.customProps), k = a(() => C.control?.() ?? "input"), A = i({
+		entry: D,
+		props: () => T.value.componentProps
+	}), j = a(() => E.value.error === !0), M = a(() => !!E.value.disabled), N = a(() => !!E.value.readonly), P = a(() => E.value.variant ?? "outline"), F = a(() => E.value.errorIcon ?? m), I = a(() => P.value === "notched"), L = a(() => P.value === "stacked"), R = a(() => P.value === "underlined"), z = a(() => k.value === "textarea"), B = a(() => z.value && !!C.likeInput?.()), V = a(() => !E.value.withoutErrorMessage), H = a(() => {
+		let e = T.value.inheritedAttrs.id;
+		return E.value.controlId ?? e ?? ee;
+	}), U = a(() => j.value && t(w, "errorMessage", E.value.errorMessage)), W = a(() => (I.value || L.value) && (t(w, "label", E.value.label) || t(w, "corner", E.value.corner))), G = a(() => t(w, "label", E.value.label) ? "justify-between items-end" : "justify-end"), K = a(() => {
+		let e = [];
+		return !j.value && t(w, "description", E.value.description) && e.push(`${H.value}-description`), j.value && !E.value.withoutErrorMessage && t(w, "errorMessage", E.value.errorMessage) && e.push(`${H.value}-error`), e.length > 0 ? e.join(" ") : void 0;
+	}), q = a(() => l(f(v, D.value?.customProps?.size), [E.value.size, P.value])), J = a(() => l(f(h, D.value?.customProps?.color), E.value.color ?? "primary")), Y = a(() => f(g, D.value?.customProps?.invalidated, E.value.customProps?.invalidated)), X = a(() => j.value ? Y.value : void 0), Z = a(() => l(f(_, D.value?.customProps?.rounded), E.value.rounded)), Q = a(() => l(f(y, D.value?.customProps?.variant), P.value)), te = a(() => {
+		let e = j.value ? Y.value : J.value;
+		return R.value ? e?.underlined : e?.input;
+	}), ne = a(() => {
+		if (L.value) return d({
+			[q.value?.insetTop ?? ""]: !0,
+			[q.value?.insetStart ?? ""]: !0,
+			[q.value?.insetEnd ?? ""]: !0
+		});
+	}), re = a(() => {
+		let t = C.reservedSlots?.() ?? [], n = e(w, "end") || t.includes("end"), r = e(w, "start") || t.includes("start");
+		if (!L.value) return !r && !n ? q.value?.padding : d({
+			[q.value?.insetStart ?? ""]: !r,
+			[q.value?.insetEnd ?? ""]: !n
+		});
+	}), ie = a(() => n(O.value?.end, {}, d({
+		"shrink-0 self-center flex items-center whitespace-nowrap select-none pointer-events-none": !0,
+		"text-gray-500": !j.value,
+		[Z.value?.end ?? ""]: !R.value && !L.value,
+		[J.value?.end ?? ""]: !j.value,
+		[X.value?.adornment ?? ""]: j.value,
+		[A.value.end ?? ""]: !0
+	}))), ae = a(() => {
+		let e = T.value.inheritedAttrs;
+		return n(O.value?.root, {
+			class: d(e.class),
+			...u(e, ["class"])
+		}, d({
+			"group w-full relative": !0,
+			"aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-60": !0,
+			"aria-readonly:pointer-events-none aria-readonly:select-none": !0,
+			[A.value.root ?? ""]: !0
+		}));
+	}), oe = a(() => n(O.value?.errorMessage, {}, d({
+		"mt-2": !0,
+		"min-h-[1lh]": V.value,
+		[X.value?.errorMessage ?? ""]: !0,
+		[q.value?.text ?? ""]: !0,
+		[A.value.errorMessage ?? ""]: !0
+	}))), $ = a(() => n({
+		...O.value?.input,
+		id: H.value,
+		disabled: M.value,
+		readonly: N.value,
+		"aria-describedby": K.value,
+		"aria-invalid": j.value || void 0
+	}, u(T.value.inheritedAttrs, ["class"]), d({
+		"flex-1 min-w-0 min-h-0 bg-transparent border-0 shadow-none": !0,
+		"h-full": !z.value && !L.value,
+		"max-h-none": z.value,
+		"text-gray-900 dark:text-gray-100 placeholder:text-gray-400": !0,
+		"outline-none ring-0 focus:outline-none focus:ring-0": !0,
+		"disabled:cursor-not-allowed": !0,
+		[q.value?.input ?? ""]: !z.value,
+		[q.value?.textarea ?? ""]: z.value,
+		[q.value?.textareaLikeInput ?? ""]: B.value,
+		[A.value.input ?? ""]: !0
+	}))), se = a(() => n(O.value?.label, {}, d({
+		"inline-flex items-center gap-x-0.5 font-medium leading-none": !0,
+		"text-gray-700 dark:text-gray-300": !j.value,
+		[X.value?.label ?? ""]: j.value,
+		[q.value?.text ?? ""]: !0,
+		[Q.value?.label ?? ""]: I.value,
+		[A.value.label ?? ""]: !0
+	}))), ce = a(() => n(O.value?.start, {}, d({
+		"shrink-0 self-center flex items-center whitespace-nowrap select-none pointer-events-none": !0,
+		"text-gray-400": !j.value,
+		[Z.value?.start ?? ""]: !R.value && !L.value,
+		[J.value?.start ?? ""]: !j.value,
+		[X.value?.adornment ?? ""]: j.value,
+		[A.value.start ?? ""]: !0
+	}))), le = a(() => n(O.value?.corner, {}, d({
+		"text-gray-500 dark:text-gray-400": !I.value,
+		[q.value?.text ?? ""]: !0,
+		[Q.value?.corner ?? ""]: I.value,
+		[A.value.corner ?? ""]: !0
+	}))), ue = a(() => {
+		let e = t(w, "label", E.value.label);
+		return n(O.value?.header, {}, d({
+			flex: !0,
+			"w-full shrink-0": !0,
+			"justify-between": e,
+			"justify-end": !e,
+			"items-center": I.value,
+			"items-end": L.value,
+			[Q.value?.labelRow ?? ""]: W.value,
+			[A.value.header ?? ""]: !0
+		}));
+	}), de = a(() => n(O.value?.header, {}, d({
+		flex: !0,
+		"mb-1": !0,
+		[G.value]: !0,
+		[A.value.header ?? ""]: !0
+	}))), fe = a(() => n(O.value?.endIcon, {}, d({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))), pe = a(() => n(O.value?.end, {}, d({
+		"group/end wrapper-end-slot shrink-0 flex w-auto items-stretch self-stretch [&>*]:min-h-0": !0,
+		"self-stretch min-h-0 overflow-hidden py-0.5 pe-0.5": L.value,
+		"h-full min-h-0 overflow-hidden py-0.5 pe-0.5": !L.value,
+		[A.value.end ?? ""]: !0
+	}))), me = a(() => n({}, {}, d({
+		[Y.value?.required ?? ""]: !0,
+		[A.value.required ?? ""]: !0
+	}))), he = a(() => n({}, {}, d({
+		"flex min-h-0 min-w-0 flex-1 flex-col": !0,
+		[ne.value ?? ""]: !0
+	}))), ge = a(() => n({}, {}, d({
+		"flex w-full min-w-0 flex-1 items-stretch gap-x-2": !0,
+		[q.value?.controlRow ?? ""]: !0
+	})));
+	return {
+		slots: w,
+		merged: E,
+		control: k,
+		endBind: ie,
+		rootBind: ae,
+		controlId: H,
+		errorBind: oe,
+		errorIcon: F,
+		inputBind: $,
+		isNotched: I,
+		isStacked: L,
+		labelBind: se,
+		startBind: ce,
+		cornerBind: le,
+		headerBind: de,
+		isDisabled: M,
+		isReadonly: N,
+		variantKey: P,
+		endIconBind: fe,
+		endSlotBind: pe,
+		invalidated: j,
+		requiredBind: me,
+		containerBind: a(() => n(O.value?.container, { "data-bridge-rounded": E.value.rounded ?? "md" }, d({
+			"group/field relative flex flex-row items-stretch overflow-hidden": L.value,
+			"group/field relative flex justify-start gap-x-2 items-stretch": !L.value,
+			"transition-all ease-in-out duration-150 outline-none": !0,
+			"bg-gray-100 dark:bg-gray-800": M.value && !j.value,
+			[q.value?.container ?? ""]: !z.value,
+			[q.value?.containerTextareaLikeInput ?? ""]: B.value,
+			[q.value?.containerTextarea ?? ""]: z.value && !B.value,
+			[Q.value?.container ?? ""]: !0,
+			[Z.value?.input ?? ""]: !R.value,
+			[re.value ?? ""]: !0,
+			[te.value ?? ""]: !0,
+			"rounded-none": R.value,
+			[X.value?.container ?? ""]: j.value && !R.value,
+			[X.value?.containerUnderlined ?? ""]: j.value && R.value,
+			[A.value.container ?? ""]: !0
+		}))),
+		startIconBind: a(() => n(O.value?.startIcon, {}, d({ "inline-flex shrink-0 items-center justify-center self-center": L.value }))),
+		startSlotBind: a(() => n(O.value?.start, {}, d({
+			"group/start wrapper-start-slot shrink-0 flex w-auto items-stretch self-stretch [&>*]:min-h-0": !0,
+			"self-stretch min-h-0 overflow-hidden py-0.5 ps-0.5": L.value,
+			"h-full min-h-0 overflow-hidden py-0.5 ps-0.5": !L.value,
+			[A.value.start ?? ""]: !0
+		}))),
+		ariaDescribedBy: K,
+		descriptionBind: a(() => n(O.value?.description, {}, d({
+			"mt-2 text-gray-500 dark:text-gray-400": !0,
+			[q.value?.text ?? ""]: !0,
+			[A.value.description ?? ""]: !0
+		}))),
+		stackedBodyBind: he,
+		hasInsetLabelRow: W,
+		insetLabelRowBind: ue,
+		stackedInputRowBind: ge,
+		showErrorMessageContent: U,
+		reservesErrorMessageSpace: V
+	};
+}
+//#endregion
+export { b as formFieldBridgeKeys, x as useFormField };

package/dist/Components/FormField/formField.types.d.ts

@@ -0,0 +1,294 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { HTMLAttributes, InputHTMLAttributes, Slot } from 'vue';
+import { FormFieldColor, FormFieldInvalidated, FormFieldRounded, FormFieldSize, FormFieldVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { UseFormFieldReturn } from './composables/useFormField';
+import { IconProps } from '../Icon';
+export interface FormFieldSizeOverrides {}
+export interface FormFieldColorOverrides {}
+export interface FormFieldRoundedOverrides {}
+export interface FormFieldVariantOverrides {}
+export interface FormFieldClasses {
+    /**
+     * The classes to apply to the input container (`<div>` wrapper).
+     */
+    container?: string;
+    /**
+     * Classes merged onto the corner label in the header row.
+     */
+    corner?: string;
+    /**
+     * Classes merged onto the helper text below the control.
+     */
+    description?: string;
+    /**
+     * The classes to apply to the inline-end adornment (icon or slot).
+     */
+    end?: string;
+    /**
+     * Classes merged onto the error message below the control.
+     */
+    errorMessage?: string;
+    /**
+     * Classes merged onto the label + corner header row.
+     */
+    header?: string;
+    /**
+     * The classes to apply to the input element.
+     */
+    input?: string;
+    /**
+     * Classes merged onto the primary label in the header row.
+     */
+    label?: string;
+    /**
+     * Classes merged onto the required asterisk.
+     */
+    required?: string;
+    /**
+     * Classes merged onto the root wrapper.
+     */
+    root?: string;
+    /**
+     * The classes to apply to the inline-start adornment (icon or slot).
+     */
+    start?: string;
+}
+export interface FormFieldCustomProps {
+    /**
+     * Props forwarded to the input container (`<div>`).
+     */
+    container?: HTMLAttributes;
+    /**
+     * Props forwarded to the corner label element.
+     */
+    corner?: HTMLAttributes;
+    /**
+     * Props forwarded to the helper text below the control.
+     */
+    description?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-end adornment wrapper.
+     */
+    end?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-end `Icon` (`icon` is set by the field).
+     */
+    endIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the error message element.
+     */
+    errorMessage?: HTMLAttributes;
+    /**
+     * Props forwarded to the label + corner header row.
+     */
+    header?: HTMLAttributes;
+    /**
+     * Props forwarded to the `<input>`.
+     */
+    input?: Partial<InputHTMLAttributes>;
+    /**
+     * Error-state field chrome colors (label, container, adornments, …).
+     *
+     * @default undefined
+     */
+    invalidated?: Partial<FormFieldInvalidated>;
+    /**
+     * Props forwarded to the primary label element.
+     */
+    label?: HTMLAttributes;
+    /**
+     * Props forwarded to the root wrapper.
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-start adornment wrapper.
+     */
+    start?: HTMLAttributes;
+    /**
+     * Props forwarded to the inline-start `Icon` (`icon` is set by the field).
+     */
+    startIcon?: Partial<Omit<IconProps, "icon">>;
+}
+export interface FormFieldOwnProps {
+    /**
+     * Classes for the field chrome and the control (includes label, container, adornments).
+     *
+     * @default undefined
+     */
+    classes?: FormFieldClasses;
+    /**
+     * The color to apply to the field control.
+     *
+     * @default "primary"
+     */
+    color?: MergeProps<FormFieldColor, FormFieldColorOverrides>;
+    /**
+     * Associates labels and helper text with a form control. When omitted, an id
+     * is generated automatically.
+     *
+     * @default undefined
+     */
+    controlId?: string;
+    /**
+     * Secondary label text at the inline end of the header row.
+     *
+     * @default undefined
+     */
+    corner?: string;
+    /**
+     * Extra props for internal parts (`header`, `label`, `input`, `container`, …).
+     *
+     * @default undefined
+     */
+    customProps?: FormFieldCustomProps;
+    /**
+     * Helper text below the control (hidden when the field is invalid).
+     *
+     * @default undefined
+     */
+    description?: string;
+    /**
+     * Whether the control is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Inline-end text inside the field (suffix), e.g. `@mail.com`.
+     *
+     * @default undefined
+     */
+    end?: string;
+    /**
+     * Icon at the **inline end** (physical right in `ltr`, physical left in `rtl`).
+     *
+     * @default undefined
+     */
+    endIcon?: LucideIcon;
+    /**
+     * When `true`, applies invalid styling on the label and hides description.
+     *
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * Icon used when `withErrorIcon` is enabled and the field is invalid.
+     *
+     * @default CircleAlert
+     */
+    errorIcon?: LucideIcon;
+    /**
+     * Error message below the control. Shown only when set (or via `#errorMessage`
+     * slot).
+     *
+     * @default undefined
+     */
+    errorMessage?: string;
+    /**
+     * Pre-composed field API from a parent composable (e.g. `useTextField`). Used
+     * by `<FormField :field="…" />`; not set on field wrappers such as TextField.
+     *
+     * @default undefined
+     */
+    field?: UseFormFieldReturn;
+    /**
+     * The primary label text above the control.
+     *
+     * @default undefined
+     */
+    label?: string;
+    /**
+     * Whether the control is read-only.
+     *
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Shows a red asterisk on the label.
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * The roundedness of the field control.
+     *
+     * @default "md"
+     */
+    rounded?: MergeProps<FormFieldRounded, FormFieldRoundedOverrides>;
+    /**
+     * Typography scale for label, corner, description, and error message, and
+     * control sizing (input, container, icons).
+     *
+     * @default "md"
+     */
+    size?: MergeProps<FormFieldSize, FormFieldSizeOverrides>;
+    /**
+     * Chrome slots (`label`, `description`, `errorMessage`, …) via `#slot` or prop;
+     * inline adornments use `#start` / `#end`.
+     */
+    slots?: FormFieldSlots;
+    /**
+     * Inline-start text inside the field (prefix), e.g. `https://`.
+     *
+     * @default undefined
+     */
+    start?: string;
+    /**
+     * Icon at the **inline start** (physical left in `ltr`, physical right in `rtl`).
+     *
+     * @default undefined
+     */
+    startIcon?: LucideIcon;
+    /**
+     * The visual variant of the field shell and control.
+     *
+     * @default "outline"
+     */
+    variant?: MergeProps<FormFieldVariant, FormFieldVariantOverrides>;
+    /**
+     * When `true` and the field is invalid, shows an error icon at the inline end
+     * when no `endIcon` or `end` slot is present.
+     *
+     * @default true
+     */
+    withErrorIcon?: boolean;
+    /**
+     * When `true`, does not reserve space below the control for error messages.
+     *
+     * @default false
+     */
+    withoutErrorMessage?: boolean;
+}
+export interface FormFieldSlots {
+    /**
+     * Slot at the inline end of the header row (secondary label).
+     */
+    corner?: Slot;
+    /**
+     * The form control (input, textarea, select trigger, etc.).
+     */
+    default?: Slot;
+    /**
+     * Helper text below the control (hidden when the field is invalid).
+     */
+    description?: Slot;
+    /**
+     * Inline-end slot for custom content (e.g. a `Button`). Prefer the `end` prop
+     * for plain suffix text.
+     */
+    end?: Slot;
+    /**
+     * Custom error message content.
+     */
+    errorMessage?: Slot;
+    /**
+     * Slot at the inline start of the header row (primary label).
+     */
+    label?: Slot;
+    /**
+     * Inline-start slot for custom content (e.g. a `Button`). Prefer the `start`
+     * prop for plain prefix text.
+     */
+    start?: Slot;
+}
+export type FormFieldProps = MergeHtmlProps<FormFieldOwnProps, HTMLAttributes>;

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

@@ -0,0 +1,4 @@
+export { useFormField } from './composables/useFormField';
+export type { FormFieldOptions, FormFieldReservedSlotName, UseFormFieldReturn, } from './composables/useFormField';
+export type { FormFieldClasses, FormFieldColorOverrides, FormFieldCustomProps, FormFieldOwnProps, FormFieldProps, FormFieldRoundedOverrides, FormFieldSizeOverrides, FormFieldSlots, FormFieldVariantOverrides, } from './formField.types';
+export { default as FormField } from './FormField.vue';

package/dist/Components/FormField/index.js

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

package/dist/Components/Icon/Icon.js

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

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

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

package/dist/Components/Icon/Icon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { useIcon as e } from "./composables/useIcon.js";
+import { createBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, resolveDynamicComponent as o, unref as s } from "vue";
+//#region src/Components/Icon/Icon.vue?vue&type=script&setup=true&lang.ts
+var c = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	__name: "Icon",
+	props: {
+		icon: { type: [Function, Object] },
+		size: {}
+	},
+	setup(n) {
+		let { merged: c, rootBind: l } = e(n, { size: "md" });
+		return (e, n) => (a(), t(o(s(c).icon), i(r(s(l))), null, 16));
+	}
+});
+//#endregion
+export { c as default };

package/dist/Components/Icon/composables/useIcon.d.ts

@@ -0,0 +1,9 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { IconOwnProps, IconProps } from '../icon.types';
+type IconLibDefaults = LibDefaultsShape<IconOwnProps, "size">;
+type IconMerged = MergeLibDefaults<IconOwnProps, IconLibDefaults>;
+export declare function useIcon(props: IconOwnProps, libDefaults: IconLibDefaults): {
+    merged: import('vue').ComputedRef<IconMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<IconProps, "icon" | "size">>>;
+};
+export {};

package/dist/Components/Icon/composables/useIcon.js

@@ -0,0 +1,26 @@
+import { mergePartBind as e, useBridgeUIComponent as t } from "../../../Utils/index.js";
+import { computed as n, useAttrs as r } from "vue";
+import { get as i } from "es-toolkit/compat";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { sizeProps as c } from "@bridge-ui/core/Components/Icon";
+//#region src/Components/Icon/composables/useIcon.ts
+var l = ["icon", "size"];
+function u(u, d) {
+	let f = r(), p = n(() => s({
+		bridgeKeys: l,
+		props: {
+			...f,
+			...u
+		}
+	})), { merged: m, entry: h } = t({
+		libDefaults: d,
+		componentName: "Icon",
+		props: () => p.value.componentProps
+	}), g = n(() => i(o(c, h.value?.customProps?.size), m.value.size));
+	return {
+		merged: m,
+		rootBind: n(() => e({}, p.value.inheritedAttrs, a({ [g.value ?? ""]: !0 })))
+	};
+}
+//#endregion
+export { u as useIcon };

package/dist/Components/Icon/icon.types.d.ts

@@ -0,0 +1,17 @@
+import { LucideIcon } from 'lucide-vue-next';
+import { SVGAttributes } from 'vue';
+import { IconSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+export interface IconSizeOverrides {}
+export interface IconOwnProps {
+    /**
+     * Lucide icon component.
+     */
+    icon: LucideIcon;
+    /**
+     * The size of the icon.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<IconSize, IconSizeOverrides>;
+}
+export type IconProps = MergeHtmlProps<IconOwnProps, SVGAttributes>;

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

@@ -0,0 +1,3 @@
+export { useIcon } from './composables/useIcon';
+export type { IconOwnProps, IconProps, IconSizeOverrides, } from './icon.types';
+export { default as Icon } from './Icon.vue';

package/dist/Components/Icon/index.js

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

package/dist/Components/Label/Label.js

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

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

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

package/dist/Components/Label/Label.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
+import { useLabel as t } from "./composables/useLabel.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, resolveDynamicComponent as u, unref as d, useSlots as f } from "vue";
+//#region src/Components/Label/Label.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "Label",
+	props: {
+		classes: {},
+		error: { type: Boolean },
+		for: {},
+		required: { type: Boolean },
+		size: {}
+	},
+	setup(a) {
+		let p = f(), { merged: m, rootBind: h, requiredBind: g } = t(a, { size: "md" });
+		return (t, a) => (l(), i("label", c(o(d(h))), [(l(), n(u(d(e)(d(p), "default")))), d(m).required ? (l(), i("span", c(s({ key: 0 }, d(g))), "*", 16)) : r("", !0)], 16));
+	}
+});
+//#endregion
+export { p as default };

package/dist/Components/Label/composables/useLabel.d.ts

@@ -0,0 +1,10 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LabelOwnProps, LabelProps } from '../label.types';
+type LabelLibDefaults = LibDefaultsShape<LabelOwnProps, "size">;
+type LabelMerged = MergeLibDefaults<LabelOwnProps, LabelLibDefaults>;
+export declare function useLabel(props: LabelOwnProps, libDefaults: LabelLibDefaults): {
+    merged: import('vue').ComputedRef<LabelMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<LabelProps, "size" | "classes" | "error" | "required">>>;
+    requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+};
+export {};