@bridge-ui/vue 0.0.1-beta.2 → 0.0.1-beta.4

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

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { HTMLAttributes, Slot } from 'vue';
 import { AlertColor, AlertPadding, AlertRounded, AlertShadow, AlertVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
 import { IconProps } from '../Icon';

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

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 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

@@ -1,4 +1,4 @@
-import { Bell as e, CircleAlert as t, CircleCheck as n, CircleX as r, Info as i, TriangleAlert as a } from "lucide-vue-next";
+import { Bell as e, CircleAlert as t, CircleCheck as n, CircleX as r, Info as i, TriangleAlert as a } from "@lucide/vue";
 //#region src/Components/Alert/alertDefaultIcons.ts
 var o = {
 	dark: i,

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

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
 import { AlertOwnProps, AlertProps } from '..';
 type AlertLibDefaults = LibDefaultsShape<AlertOwnProps, "color" | "shadow" | "padding" | "rounded" | "variant">;

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

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { HTMLAttributes, Slot } from 'vue';
 import { AvatarColor, AvatarRounded, AvatarSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
 export interface AvatarSizeOverrides {}

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

@@ -15,7 +15,7 @@ export declare function useAvatar(props: AvatarProps, libDefaults: AvatarLibDefa
         src: string | undefined;
     }>>;
     fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
-    resolvedIcon: import('vue').ComputedRef<import('lucide-vue-next').LucideIcon>;
+    resolvedIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
     hasFallbackSlot: import('vue').ComputedRef<boolean>;
     hasFallbackText: import('vue').ComputedRef<boolean>;
     hasCustomContent: import('vue').ComputedRef<boolean>;

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

@@ -3,7 +3,7 @@ import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistr
 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 { User as p } from "@lucide/vue";
 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 = [

package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { hasNamedSlot as e, isPropPresent as t, resolveNamedSlot as n } from "..
 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";
+import { Loader2 as y } from "@lucide/vue";
 //#region src/Components/Button/Button.vue?vue&type=script&setup=true&lang.ts
 var b = /* @__PURE__ */ u({
 	inheritAttrs: !1,
@@ -34,10 +34,8 @@ var b = /* @__PURE__ */ u({
 			variant: "solid",
 			density: "default"
 		});
-		return (i, u) => (p(), o(m(g(S)), d({
+		return (i, u) => (p(), o(m(g(S)), d({ href: g(D) }, g(E), {
 			type: g(O),
-			href: g(D)
-		}, g(E), {
 			disabled: g(M),
 			"aria-busy": g(j),
 			"aria-disabled": g(I)
@@ -62,8 +60,8 @@ var b = /* @__PURE__ */ u({
 			], 64))]),
 			_: 1
 		}, 16, [
-			"type",
 			"href",
+			"type",
 			"disabled",
 			"aria-busy",
 			"aria-disabled"

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

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
 import { ButtonColor, ButtonDensity, ButtonRounded, ButtonSize, ButtonVariant, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
 import { IconProps } from '../Icon';

package/dist/Components/Button/composables/useButton.js

@@ -1,10 +1,10 @@
 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";
+import { get as a, includes as o, isNil as s } from "es-toolkit/compat";
+import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
+import { densityProps as d, roundedProps as f, variantProps as p } from "@bridge-ui/core/Components/Button";
 //#region src/Components/Button/composables/useButton.ts
-var p = [
+var m = [
 	"as",
 	"full",
 	"href",
@@ -22,70 +22,78 @@ var p = [
 	"startIcon",
 	"customProps"
 ];
-function m(m, h) {
-	let g = i(), _ = r(() => l({
-		bridgeKeys: p,
+function h(h, g) {
+	let _ = i(), v = r(() => u({
+		bridgeKeys: m,
 		props: {
-			...g,
-			...m
+			..._,
+			...h
 		}
-	})), { merged: v, entry: y } = t({
-		libDefaults: h,
+	})), { merged: y, entry: b } = t({
+		libDefaults: g,
 		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));
+		props: () => v.value.componentProps
+	}), x = r(() => y.value.customProps), S = n({
+		entry: b,
+		props: () => v.value.componentProps
+	}), C = r(() => y.value.as ?? "button"), w = r(() => C.value === "a"), T = r(() => C.value === "button"), E = r(() => y.value.density === "mini"), D = r(() => y.value.disabled || y.value.loading), O = r(() => T.value ? D.value : void 0), k = r(() => y.value.loading ? !0 : void 0), A = r(() => D.value && !T.value ? !0 : void 0), j = r(() => {
+		if (!(!w.value || D.value || !y.value.href)) return y.value.href;
+	}), M = r(() => {
+		if (!T.value) return;
+		let e = a(v.value.inheritedAttrs, "type");
+		return o([
+			"submit",
+			"reset",
+			"button"
+		], e) ? e : "button";
+	}), N = r(() => a(l(d, b.value?.customProps?.density), [y.value.density, y.value.size])), P = r(() => s(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => a(l(p, b.value?.customProps?.variant), [P.value, y.value.color])), I = r(() => a(l(f, b.value?.customProps?.rounded), y.value.rounded));
 	return {
-		tag: S,
-		merged: v,
-		isMini: T,
-		iconBind: r(() => e(b.value?.icon, {}, s({
+		tag: C,
+		merged: y,
+		isMini: E,
+		iconBind: r(() => e(x.value?.icon, {}, c({
 			"shrink-0": !0,
-			[x.value.icon ?? ""]: !0
+			[S.value.icon ?? ""]: !0
 		}))),
-		rootBind: r(() => e(b.value?.root, _.value.inheritedAttrs, s({
+		rootBind: r(() => e(x.value?.root, v.value.inheritedAttrs, c({
 			"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,
+			"shrink-0": E.value,
+			[N.value ?? ""]: !0,
+			[I.value ?? ""]: !0,
+			"w-full": !E.value && y.value.full,
+			"w-fit": !E.value && !y.value.full,
+			"group hover:shadow-xs": !E.value,
+			[a(F.value, "base") ?? ""]: !0,
+			[a(F.value, "hover") ?? ""]: !0,
+			[a(F.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
+			[S.value.root ?? ""]: !0
 		}))),
 		rootHref: j,
-		rootType: D,
-		endIconBind: r(() => e(b.value?.endIcon, {}, s({
+		rootType: M,
+		endIconBind: r(() => e(x.value?.endIcon, {}, c({
 			"shrink-0": !0,
-			[x.value.endIcon ?? ""]: !0
+			[S.value.endIcon ?? ""]: !0
 		}))),
-		endSlotBind: r(() => e(b.value?.end, {}, "inline-flex shrink-0 items-center")),
+		endSlotBind: r(() => e(x.value?.end, {}, "inline-flex shrink-0 items-center")),
 		rootAriaBusy: k,
 		rootDisabled: O,
-		startIconBind: r(() => e(b.value?.startIcon, {}, s({
+		startIconBind: r(() => e(x.value?.startIcon, {}, c({
 			"shrink-0": !0,
-			[x.value.startIcon ?? ""]: !0
+			[S.value.startIcon ?? ""]: !0
 		}))),
-		startSlotBind: r(() => e(b.value?.start, {}, "inline-flex shrink-0 items-center")),
-		loadingIconBind: r(() => e(b.value?.loading, {}, s({
+		startSlotBind: r(() => e(x.value?.start, {}, "inline-flex shrink-0 items-center")),
+		loadingIconBind: r(() => e(x.value?.loading, {}, c({
 			"shrink-0 animate-spin": !0,
-			[x.value.loading ?? ""]: !0
+			[S.value.loading ?? ""]: !0
 		}))),
 		rootAriaDisabled: A
 	};
 }
 //#endregion
-export { m as useButton };
+export { h as useButton };

package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import e from "../FormControl/FormControl.js";
 import { useCheckbox as t } from "./composables/useCheckbox.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, guardReactiveProps as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, unref as m, useAttrs as h, useModel as g, withCtx as _ } from "vue";
 import { cn as v } from "@bridge-ui/core";
-import { Check as y } from "lucide-vue-next";
+import { Check as y } from "@lucide/vue";
 //#region src/Components/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
 var b = ["for"], x = ["checked"], S = {
 	key: 1,

package/dist/Components/Chip/Chip.js

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

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

@@ -0,0 +1,20 @@
+import { ChipOwnProps, ChipSlots } from './chip.types';
+type __VLS_Slots = ChipSlots;
+declare const __VLS_base: import('vue').DefineComponent<ChipOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    dismiss: (event: MouseEvent | KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ChipOwnProps> & Readonly<{
+    onDismiss?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
+}>, {
+    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').ChipSize, import('./chip.types').ChipSizeOverrides>;
+    disabled: boolean;
+    clearLabel: string;
+    dismissible: 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/Chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
+import n from "../Icon/Icon.js";
+import { useChip as r } from "./composables/useChip.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y } from "vue";
+import { X as b } from "@lucide/vue";
+//#region src/Components/Chip/Chip.vue?vue&type=script&setup=true&lang.ts
+var x = /* @__PURE__ */ d({
+	inheritAttrs: !1,
+	__name: "Chip",
+	props: {
+		classes: {},
+		clearLabel: { default: "Remove" },
+		customProps: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		dismissible: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		size: { default: "md" }
+	},
+	emits: ["dismiss"],
+	setup(d, { emit: x }) {
+		let S = y(), { merged: C, rootBind: w, labelBind: T, clearBind: E, clearIconSize: D, handleDismiss: O, handleClearKeyDown: k } = r(d, { size: "md" }, x), A = a(() => C.value.customProps?.clearIcon), j = a(() => D.value), M = a(() => e(S, "default") || !!C.value.label);
+		return (r, a) => (h(), c("span", m(f(v(w))), [M.value ? (h(), c("span", m(p({ key: 0 }, v(T))), [v(e)(v(S), "default") ? (h(), o(g(v(t)(v(S), "default")), { key: 0 })) : (h(), c(i, { key: 1 }, [l(_(d.label), 1)], 64))], 16)) : s("", !0), d.dismissible ? (h(), c("span", p({ key: 1 }, v(E), {
+			onClick: a[0] ||= (...e) => v(O) && v(O)(...e),
+			onKeydown: a[1] ||= (...e) => v(k) && v(k)(...e)
+		}), [u(v(n), p({ icon: v(b) }, A.value, { size: j.value }), null, 16, ["icon", "size"])], 16)) : s("", !0)], 16));
+	}
+});
+//#endregion
+export { x as default };

package/dist/Components/Chip/chip.types.d.ts

@@ -0,0 +1,93 @@
+import { HTMLAttributes, Slot } from 'vue';
+import { ChipSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconProps } from '../Icon';
+export interface ChipSizeOverrides {}
+export interface ChipClasses {
+    /**
+     * Classes merged onto the dismiss control.
+     */
+    clear?: string;
+    /**
+     * Classes merged onto the label.
+     */
+    label?: string;
+    /**
+     * Classes merged onto the root element.
+     */
+    root?: string;
+}
+export interface ChipCustomProps {
+    /**
+     * Props forwarded to the dismiss control.
+     */
+    clear?: HTMLAttributes;
+    /**
+     * Props forwarded to the dismiss `Icon` (`icon` is set by the chip).
+     */
+    clearIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the label element.
+     */
+    label?: HTMLAttributes;
+    /**
+     * Props forwarded to the root element.
+     */
+    root?: HTMLAttributes;
+}
+export interface ChipEmits {
+    /**
+     * Emitted when the dismiss control is activated.
+     */
+    dismiss: [event: MouseEvent | KeyboardEvent];
+}
+export interface ChipOwnProps {
+    /**
+     * Classes for chip parts.
+     *
+     * @default undefined
+     */
+    classes?: ChipClasses;
+    /**
+     * Accessible name for the dismiss control.
+     *
+     * @default "Remove"
+     */
+    clearLabel?: string;
+    /**
+     * Extra props for internal parts (`root`, `label`, `clear`, …).
+     *
+     * @default undefined
+     */
+    customProps?: ChipCustomProps;
+    /**
+     * Whether the chip is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Shows a dismiss control that emits `dismiss`.
+     *
+     * @default false
+     */
+    dismissible?: boolean;
+    /**
+     * Chip label text. Prefer the default slot for custom content.
+     *
+     * @default undefined
+     */
+    label?: string;
+    /**
+     * Typography and padding scale, aligned with `FormField` / `Select`.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<ChipSize, ChipSizeOverrides>;
+}
+export interface ChipSlots {
+    /**
+     * Chip content. Falls back to `label` when omitted.
+     */
+    default?: Slot;
+}
+export type ChipProps = MergeHtmlProps<ChipOwnProps, HTMLAttributes>;

package/dist/Components/Chip/composables/useChip.d.ts

@@ -0,0 +1,22 @@
+import { SetupContext } from 'vue';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { ChipClasses, ChipEmits, ChipOwnProps, ChipProps } from '../chip.types';
+export declare const chipBridgeKeys: readonly ["size", "label", "classes", "disabled", "clearLabel", "customProps", "dismissible"];
+type ChipLibDefaults = LibDefaultsShape<ChipOwnProps, "size">;
+type ChipMerged = MergeLibDefaults<ChipOwnProps, ChipLibDefaults>;
+export declare function useChip(props: ChipOwnProps, libDefaults: ChipLibDefaults, emit: SetupContext<ChipEmits>["emit"]): {
+    merged: import('vue').ComputedRef<ChipMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ChipProps, "size" | "classes" | "customProps" | "label" | "disabled" | "clearLabel" | "dismissible">>>;
+    labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    clearBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        role: string;
+        tabindex: number;
+        "aria-label": string;
+        "aria-disabled": boolean | undefined;
+    }>>;
+    clearIconSize: import('vue').ComputedRef<string>;
+    mergedClasses: import('vue').ComputedRef<Partial<ChipClasses>>;
+    handleDismiss: (event: MouseEvent | KeyboardEvent) => void;
+    handleClearKeyDown: (event: KeyboardEvent) => void;
+};
+export {};

package/dist/Components/Chip/composables/useChip.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 } 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 { sizeProps as l } from "@bridge-ui/core/Components/Chip";
+//#region src/Components/Chip/composables/useChip.ts
+var u = [
+	"size",
+	"label",
+	"classes",
+	"disabled",
+	"clearLabel",
+	"customProps",
+	"dismissible"
+];
+function d(d, f, p) {
+	let m = i(), h = r(() => c({
+		bridgeKeys: u,
+		props: {
+			...m,
+			...d
+		}
+	})), { merged: g, entry: _ } = t({
+		libDefaults: f,
+		componentName: "Chip",
+		props: () => h.value.componentProps
+	}), v = n({
+		entry: _,
+		props: () => h.value.componentProps
+	}), y = r(() => g.value.customProps), b = r(() => a(s(l, _.value?.customProps?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, o({
+		"inline-flex max-w-full items-center bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-100": !0,
+		"opacity-50 pointer-events-none": g.value.disabled === !0,
+		[b.value?.root ?? ""]: !0,
+		[v.value.root ?? ""]: !0
+	}))), C = r(() => e(y.value?.label, {}, o({
+		truncate: !0,
+		[b.value?.label ?? ""]: !0,
+		[v.value.label ?? ""]: !0
+	}))), w = r(() => e(y.value?.clear, {
+		role: "button",
+		tabindex: g.value.disabled ? -1 : 0,
+		"aria-label": g.value.clearLabel ?? "Remove",
+		"aria-disabled": g.value.disabled ? !0 : void 0
+	}, o({
+		"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-sm text-gray-400 transition-colors duration-150 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200": !0,
+		[v.value.clear ?? ""]: !0
+	})));
+	function T(e) {
+		g.value.disabled || p("dismiss", e);
+	}
+	function E(e) {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T(e));
+	}
+	return {
+		merged: g,
+		rootBind: S,
+		labelBind: C,
+		clearBind: w,
+		clearIconSize: x,
+		mergedClasses: v,
+		handleDismiss: T,
+		handleClearKeyDown: E
+	};
+}
+//#endregion
+export { d as useChip };

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

@@ -0,0 +1,3 @@
+export type { ChipClasses, ChipCustomProps, ChipEmits, ChipOwnProps, ChipProps, ChipSizeOverrides, ChipSlots, } from './chip.types';
+export { default as Chip } from './Chip.vue';
+export { useChip } from './composables/useChip';

package/dist/Components/Chip/index.js

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

package/dist/Components/Divider/Divider.js

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

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

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

package/dist/Components/Divider/Divider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { useDivider as e } from "./composables/useDivider.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, unref as o } from "vue";
+//#region src/Components/Divider/Divider.vue?vue&type=script&setup=true&lang.ts
+var s = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	__name: "Divider",
+	props: {
+		classes: {},
+		color: {},
+		orientation: {}
+	},
+	setup(n) {
+		let { rootBind: s } = e(n, {
+			color: "dark",
+			orientation: "horizontal"
+		});
+		return (e, n) => (a(), t("hr", i(r(o(s))), null, 16));
+	}
+});
+//#endregion
+export { s as default };

package/dist/Components/Divider/composables/useDivider.d.ts

@@ -0,0 +1,13 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { DividerOwnProps, DividerProps } from '../divider.types';
+type DividerLibDefaults = LibDefaultsShape<DividerOwnProps, "color" | "orientation">;
+type DividerMerged = MergeLibDefaults<DividerOwnProps, DividerLibDefaults>;
+export declare function useDivider(props: DividerOwnProps, libDefaults: DividerLibDefaults): {
+    merged: import('vue').ComputedRef<DividerMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        role: string;
+        "aria-orientation": NonNullable<keyof import('@bridge-ui/core').DividerOrientation | undefined>;
+        class: string;
+    }, "class", {}, Omit<DividerProps, "color" | "orientation" | "classes">>>;
+};
+export {};

package/dist/Components/Divider/composables/useDivider.js

@@ -0,0 +1,42 @@
+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 { colorProps as l, orientationProps as u } from "@bridge-ui/core/Components/Divider";
+//#region src/Components/Divider/composables/useDivider.ts
+var d = [
+	"color",
+	"classes",
+	"orientation"
+];
+function f(f, p) {
+	let m = i(), h = r(() => c({
+		props: {
+			...m,
+			...f
+		},
+		bridgeKeys: d
+	})), { merged: g, entry: _ } = t({
+		libDefaults: p,
+		componentName: "Divider",
+		props: () => h.value.componentProps
+	}), v = n({
+		entry: _,
+		props: () => h.value.componentProps
+	}), y = r(() => a(s(l, _.value?.customProps?.color), g.value.color)), b = r(() => a(s(u, _.value?.customProps?.orientation), g.value.orientation));
+	return {
+		merged: g,
+		rootBind: r(() => e({}, h.value.inheritedAttrs, {
+			role: "separator",
+			"aria-orientation": g.value.orientation,
+			class: o({
+				"m-0 shrink-0 border-0 border-solid": !0,
+				[y.value ?? ""]: !0,
+				[b.value ?? ""]: !0,
+				[v.value.root ?? ""]: !0
+			})
+		}))
+	};
+}
+//#endregion
+export { f as useDivider };

package/dist/Components/Divider/divider.types.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes } from 'vue';
+import { DividerColor, DividerOrientation, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+export interface DividerColorOverrides {}
+export interface DividerOrientationOverrides {}
+export interface DividerClasses {
+    /**
+     * The classes to apply to the root.
+     */
+    root?: string;
+}
+export interface DividerOwnProps {
+    /**
+     * The classes to apply to the divider.
+     *
+     * @default undefined
+     */
+    classes?: DividerClasses;
+    /**
+     * The color of the divider.
+     *
+     * @default "dark"
+     */
+    color?: MergeProps<DividerColor, DividerColorOverrides>;
+    /**
+     * The orientation of the divider.
+     *
+     * @default "horizontal"
+     */
+    orientation?: MergeProps<DividerOrientation, DividerOrientationOverrides>;
+}
+export type DividerProps = MergeHtmlProps<DividerOwnProps, HTMLAttributes>;

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

@@ -0,0 +1,3 @@
+export { useDivider } from './composables/useDivider';
+export type { DividerClasses, DividerColorOverrides, DividerOrientationOverrides, DividerOwnProps, DividerProps, } from './divider.types';
+export { default as Divider } from './Divider.vue';

package/dist/Components/Divider/index.js

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

package/dist/Components/FormField/composables/useFormField.d.ts

@@ -220,7 +220,7 @@ export declare function useFormField(props: MaybeRefOrGetter<Omit<FormFieldOwnPr
     }>>;
     controlId: import('vue').ComputedRef<string>;
     errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", HTMLAttributes | undefined, {}>>;
-    errorIcon: import('vue').ComputedRef<import('lucide-vue-next').LucideIcon>;
+    errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
     inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
         id: string;
         disabled: boolean;