@bridge-ui/vue 0.0.1-beta.7 → 0.0.1

package/dist/Components/Tabs/tabsInjectionKey.d.ts

@@ -0,0 +1,121 @@
+import { LucideIcon } from '@lucide/vue';
+import { ComputedRef, InjectionKey, VNodeChild } from 'vue';
+import { TabsActivation } from '@bridge-ui/core';
+/**
+ * Merged token classes for triggers / list / panel.
+ */
+export type TabsTokenClasses = {
+    colorSelected?: string;
+    colorSelectedSoft?: string;
+    iconGap?: string;
+    iconSize?: string;
+    listOrientation?: string;
+    listSize?: string;
+    listVariant?: string;
+    panelOrientation?: string;
+    panelSize?: string;
+    rootOrientation?: string;
+    softFill?: boolean;
+    tabOrientation?: string;
+    tabSize?: string;
+    tabVariant?: string;
+    tabVariantSelected?: string;
+};
+/**
+ * Declarative tab + panel registered by `TabItem`.
+ */
+export type TabsItemEntry = {
+    /**
+     * Whether the tab is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Optional trailing Lucide icon on the tab trigger.
+     */
+    endIcon?: LucideIcon;
+    /**
+     * When set, overrides `Tabs` `keepMounted` for this panel.
+     */
+    keepMounted?: boolean;
+    /**
+     * Trigger label content (string or render function).
+     */
+    label: string | (() => VNodeChild);
+    /**
+     * Panel content render function.
+     */
+    panel: () => VNodeChild;
+    /**
+     * Custom start / end adornment render functions for the tab trigger.
+     */
+    slots?: {
+        end?: () => VNodeChild;
+        start?: () => VNodeChild;
+    };
+    /**
+     * Optional leading Lucide icon on the tab trigger.
+     */
+    startIcon?: LucideIcon;
+    /**
+     * Stable value matching the tab / panel pair.
+     */
+    value: string;
+};
+/**
+ * Shared tabs state for `TabList` / `Tab` / `TabPanel` / `TabItem` descendants.
+ */
+export type TabsContextValue = {
+    /**
+     * Keyboard activation mode.
+     */
+    activation: TabsActivation;
+    /**
+     * Disabled tab values.
+     */
+    disabledValues: string[];
+    /**
+     * Focus a tab by value (roving tabindex).
+     */
+    focusTab: (value: string) => void;
+    /**
+     * Stable id prefix for tab / panel pairing.
+     */
+    id: string;
+    /**
+     * Whether panels stay mounted when inactive.
+     */
+    keepMounted: boolean;
+    /**
+     * Orientation of the tab list.
+     */
+    orientation: "vertical" | "horizontal";
+    /**
+     * Registers a tab trigger and returns unregister.
+     */
+    registerTab: (value: string, disabled?: boolean) => () => void;
+    /**
+     * Registers a declarative `TabItem` (label + panel) and returns unregister.
+     */
+    registerTabItem: (entry: TabsItemEntry) => () => void;
+    /**
+     * Currently selected tab value.
+     */
+    selected: string;
+    /**
+     * Selects a tab by value.
+     */
+    setSelected: (value: string) => void;
+    /**
+     * Declarative items from `TabItem` children (mount order).
+     */
+    tabItems: TabsItemEntry[];
+    /**
+     * Ordered tab values (mount order).
+     */
+    tabValues: string[];
+    /**
+     * Merged token classes for triggers / list / panel.
+     */
+    tokenClasses: TabsTokenClasses;
+};
+export declare const TABS_INJECTION_KEY: InjectionKey<ComputedRef<TabsContextValue>>;

package/dist/Components/Tabs/tabsInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Tabs/tabsInjectionKey.ts
+var e = Symbol("bridge-tabs");
+//#endregion
+export { e as TABS_INJECTION_KEY };

package/dist/Utils/index.d.ts

@@ -43,5 +43,7 @@ export declare function resolveFieldAdornmentIconSize(fieldSize?: keyof FormFiel
  */
 export declare function resolveVnodeRefElement(element: null | Element | ComponentPublicInstance): null | HTMLElement;
 export { hasNamedSlot, hasSlotOrProp, isPropPresent, resolveNamedSlot, resolveSlotOrProp, } from './slotOrProp';
+export { useBreakpoint } from './useBreakpoint';
+export type { UseBreakpointOptions } from './useBreakpoint';
 export { useHoldRepeat } from './useHoldRepeat';
 export type { HoldRepeatAction, UseHoldRepeatOptions, } from './useHoldRepeat';

package/dist/Utils/index.js

@@ -1,39 +1,40 @@
 import { useBridgeUI as e } from "../Provider/useBridgeUI.js";
 import { hasNamedSlot as t, hasSlotOrProp as n, isPropPresent as r, resolveNamedSlot as i, resolveSlotOrProp as a } from "./slotOrProp.js";
-import { useHoldRepeat as o } from "./useHoldRepeat.js";
-import { computed as s, defineComponent as c, toValue as l, unref as u } from "vue";
-import { get as d, isNil as f } from "es-toolkit/compat";
-import { createMergePartBind as p } from "@bridge-ui/core";
-import { mergeBridgeUILayeredClasses as m, mergePropsWithBridgeUIDefaults as h } from "@bridge-ui/core/Utils";
+import { useBreakpoint as o } from "./useBreakpoint.js";
+import { useHoldRepeat as s } from "./useHoldRepeat.js";
+import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
+import { get as f, isNil as p } from "es-toolkit/compat";
+import { createMergePartBind as m } from "@bridge-ui/core";
+import { mergeBridgeUILayeredClasses as h, mergePropsWithBridgeUIDefaults as g } from "@bridge-ui/core/Utils";
 //#region src/Utils/index.ts
-function g(e) {
-	return c({
+function _(e) {
+	return l({
 		name: "HeadlessTestComponent",
 		setup() {
 			return e(), () => null;
 		}
 	});
 }
-var _ = p("class");
-function v({ props: t, libDefaults: n, componentName: r }) {
-	let i = e(), a = s(() => f(i) ? null : u(i.components));
+var v = m("class");
+function y({ props: t, libDefaults: n, componentName: r }) {
+	let i = e(), a = c(() => p(i) ? null : d(i.components));
 	return {
-		entry: s(() => d(a.value, r)),
+		entry: c(() => f(a.value, r)),
 		bridge: i,
-		merged: s(() => h({
+		merged: c(() => g({
 			libDefaults: n,
 			componentName: r,
-			props: l(t),
+			props: u(t),
 			components: a.value
 		})),
 		components: a
 	};
 }
-function y({ entry: e, props: t }) {
-	return s(() => m(d(e.value, "classes"), l(t).classes));
+function b({ entry: e, props: t }) {
+	return c(() => h(f(e.value, "classes"), u(t).classes));
 }
-function b(e) {
-	return d({
+function x(e) {
+	return f({
 		xs: "xs",
 		sm: "sm",
 		md: "md",
@@ -43,7 +44,7 @@ function b(e) {
 		"2xl": "lg"
 	}, e ?? "md");
 }
-function x(e) {
+function S(e) {
 	if (e instanceof HTMLElement) return e;
 	if (e && "$el" in e) {
 		let t = e.$el;
@@ -52,4 +53,4 @@ function x(e) {
 	return null;
 }
 //#endregion
-export { g as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, _ as mergePartBind, b as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, x as resolveVnodeRefElement, v as useBridgeUIComponent, y as useBridgeUIMergedRegistryClasses, o as useHoldRepeat };
+export { _ as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, v as mergePartBind, x as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, S as resolveVnodeRefElement, o as useBreakpoint, y as useBridgeUIComponent, b as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };

package/dist/Utils/useBreakpoint.d.ts

@@ -0,0 +1,19 @@
+import { MaybeRefOrGetter } from 'vue';
+import { BreakpointObserverOptions, BreakpointSnapshot } from '@bridge-ui/core';
+export type UseBreakpointOptions = BreakpointObserverOptions;
+/**
+ * Reactive viewport breakpoints aligned with Tailwind `--breakpoint-*` tokens.
+ *
+ * Returns a reactive object — call helpers on the object (do not destructure
+ * them) so updates stay reactive in script.
+ *
+ * Falls back to `BridgeUIProvider` `global.mobileBreakpoint` and
+ * `global.breakpoints`. Composable options win when passed.
+ *
+ * On the server (and before mount), `mobile` is `true` at width `0`.
+ *
+ * @example
+ * const breakpoint = useBreakpoint();
+ * // :align="breakpoint.mobile ? 'bottom-center' : 'middle-center'"
+ */
+export declare function useBreakpoint(options?: MaybeRefOrGetter<undefined | UseBreakpointOptions>): BreakpointSnapshot;

package/dist/Utils/useBreakpoint.js

@@ -0,0 +1,35 @@
+import { useBridgeUI as e } from "../Provider/useBridgeUI.js";
+import { onBeforeUnmount as t, reactive as n, toValue as r, watch as i } from "vue";
+import { isEmpty as a, isNil as o } from "es-toolkit/compat";
+import { buildBreakpointSnapshot as s, createBreakpointObserver as c, resolveBreakpoints as l } from "@bridge-ui/core";
+import { toMerged as u } from "es-toolkit/object";
+//#region src/Utils/useBreakpoint.ts
+function d(d) {
+	let f = e(), p = n(s(0, 0, l(), "sm")), m, h;
+	function g(e) {
+		Object.assign(p, e);
+	}
+	function _(e) {
+		let t = u(f?.global.value.breakpoints ?? {}, e?.breakpoints ?? {});
+		return {
+			breakpoints: a(t) ? void 0 : t,
+			mobileBreakpoint: o(e?.mobileBreakpoint) ? f?.global.value.mobileBreakpoint : e.mobileBreakpoint
+		};
+	}
+	function v(e) {
+		h?.(), h = void 0, m = c(_(e)), g(m.getSnapshot()), h = m.subscribe(() => {
+			o(m) || g(m.getSnapshot());
+		});
+	}
+	return v(r(d)), i(() => [
+		r(d),
+		f?.global.value.breakpoints,
+		f?.global.value.mobileBreakpoint
+	], () => {
+		v(r(d));
+	}, { deep: !0 }), t(() => {
+		h?.(), h = void 0, m = void 0;
+	}), p;
+}
+//#endregion
+export { d as useBreakpoint };

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export { Chip, useChip } from './Components/Chip';
 export type { ChipClasses, ChipCustomProps, ChipEmits, ChipOwnProps, ChipProps, ChipSizeOverrides, ChipSlots, } from './Components/Chip';
 export { Divider, useDivider } from './Components/Divider';
 export type { DividerClasses, DividerColorOverrides, DividerOrientationOverrides, DividerOwnProps, DividerProps, } from './Components/Divider';
+export { Drawer, useDrawer } from './Components/Drawer';
+export type { DrawerBlurOverrides, DrawerClasses, DrawerCustomProps, DrawerEmits, DrawerOwnProps, DrawerPlacementOverrides, DrawerProps, DrawerScrollOverrides, DrawerSizeOverrides, DrawerSlots, DrawerTransitionOverrides, } from './Components/Drawer';
 export { FormControl, useFormControl } from './Components/FormControl';
 export type { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlProps, FormControlSizeOverrides, FormControlSlots, UseFormControlReturn, } from './Components/FormControl';
 export { FormField, useFormField } from './Components/FormField';
@@ -54,11 +56,22 @@ export { Spinner, useSpinner } from './Components/Spinner';
 export type { SpinnerClasses, SpinnerColorOverrides, SpinnerCustomProps, SpinnerOwnProps, SpinnerProps, SpinnerSizeOverrides, SpinnerVariantOverrides, } from './Components/Spinner';
 export { Switch, useSwitch } from './Components/Switch';
 export type { SwitchClasses, SwitchColorOverrides, SwitchCustomProps, SwitchOwnProps, SwitchProps, SwitchRoundedOverrides, SwitchSizeOverrides, SwitchSlots, } from './Components/Switch';
+export { Tab, useTab } from './Components/Tab';
+export type { TabClasses, TabCustomProps, TabOwnProps, TabProps, TabSlots, } from './Components/Tab';
+export { TabItem, useTabItem } from './Components/TabItem';
+export type { TabItemClasses, TabItemOwnProps, TabItemProps, TabItemSlots, } from './Components/TabItem';
+export { TabList, useTabList } from './Components/TabList';
+export type { TabListClasses, TabListCustomProps, TabListOwnProps, TabListProps, TabListSlots, } from './Components/TabList';
+export { TabPanel, useTabPanel } from './Components/TabPanel';
+export type { TabPanelClasses, TabPanelCustomProps, TabPanelOwnProps, TabPanelProps, TabPanelSlots, } from './Components/TabPanel';
+export { TABS_INJECTION_KEY, Tabs, useTabs } from './Components/Tabs';
+export type { TabsClasses, TabsColorOverrides, TabsContextValue, TabsCustomProps, TabsEmits, TabsItemEntry, TabsOrientationOverrides, TabsOwnProps, TabsProps, TabsSizeOverrides, TabsSlots, TabsTokenClasses, TabsVariantOverrides, } from './Components/Tabs';
 export { Textarea, useTextarea } from './Components/Textarea';
 export type { TextareaClasses, TextareaCustomProps, TextareaOwnProps, TextareaProps, TextareaSlots, } from './Components/Textarea';
 export { TextField, useTextField } from './Components/TextField';
 export type { TextFieldClasses, TextFieldCustomProps, TextFieldOwnProps, TextFieldProps, TextFieldSlots, } from './Components/TextField';
 export { BridgeUIProvider, createBridgeUI, useBridgeUI } from './Provider';
 export type { BridgeUIContextApi } from './Provider';
-export { useBridgeUIComponent, useBridgeUIMergedRegistryClasses, } from './Utils';
+export { useBreakpoint, useBridgeUIComponent, useBridgeUIMergedRegistryClasses, } from './Utils';
+export type { UseBreakpointOptions } from './Utils';
 export { BRIDGE_UI_DEFAULT_GLOBAL, cn, mergeBridgeUIComponents, mergeBridgeUIGlobal, resolveBridgeUIOptions, } from '@bridge-ui/core';

package/dist/index.js

@@ -1,63 +1,77 @@
 import { useBridgeUI as e } from "./Provider/useBridgeUI.js";
-import { useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "./Utils/index.js";
-import { useAlert as r } from "./Components/Alert/composables/useAlert.js";
-import i from "./Components/Icon/Icon.js";
-import a from "./Components/Alert/Alert.js";
-import o from "./Components/Avatar/Avatar.js";
-import { useBadge as s } from "./Components/Badge/composables/useBadge.js";
-import c from "./Components/Badge/Badge.js";
-import { useButton as l } from "./Components/Button/composables/useButton.js";
-import u from "./Components/Button/Button.js";
-import { useCard as d } from "./Components/Card/composables/useCard.js";
-import f from "./Components/Card/Card.js";
-import { useFormControl as p } from "./Components/FormControl/composables/useFormControl.js";
-import m from "./Components/FormControl/FormControl.js";
-import { useCheckbox as h } from "./Components/Checkbox/composables/useCheckbox.js";
-import g from "./Components/Checkbox/Checkbox.js";
-import { useChip as _ } from "./Components/Chip/composables/useChip.js";
-import v from "./Components/Chip/Chip.js";
-import { useDivider as y } from "./Components/Divider/composables/useDivider.js";
-import b from "./Components/Divider/Divider.js";
-import { useFormField as x } from "./Components/FormField/composables/useFormField.js";
-import S from "./Components/FormField/FormField.js";
-import { useLabel as C } from "./Components/Label/composables/useLabel.js";
-import w from "./Components/Label/Label.js";
-import { useLink as T } from "./Components/Link/composables/useLink.js";
-import E from "./Components/Link/Link.js";
-import { useList as D } from "./Components/List/composables/useList.js";
-import O from "./Components/List/List.js";
-import { useListbox as k } from "./Components/Listbox/composables/useListbox.js";
-import { findFirstEnabledOptionIndex as A, findLastEnabledOptionIndex as j, getListboxActiveDescendantId as M, getListboxOptionId as N, moveListboxHighlight as P, useListboxNavigation as F } from "./Components/Listbox/composables/useListboxNavigation.js";
-import I from "./Components/ListItem/ListItem.js";
-import L from "./Components/ListSection/ListSection.js";
-import { useMenu as R } from "./Components/Menu/composables/useMenu.js";
-import z from "./Components/Menu/Menu.js";
-import { useProgress as B } from "./Components/Progress/composables/useProgress.js";
-import V from "./Components/Progress/Progress.js";
-import H from "./Components/Listbox/Listbox.js";
-import { useModal as U } from "./Components/Modal/composables/useModal.js";
-import W from "./Components/Modal/Modal.js";
-import { useNumberField as G } from "./Components/NumberField/composables/useNumberField.js";
-import K from "./Components/NumberField/NumberField.js";
-import { usePasswordField as q } from "./Components/PasswordField/composables/usePasswordField.js";
-import J from "./Components/PasswordField/PasswordField.js";
-import { useRadio as Y } from "./Components/Radio/composables/useRadio.js";
-import X from "./Components/Radio/Radio.js";
-import Z from "./Components/Select/Select.js";
-import Q from "./Components/Select/SelectOption.js";
-import { useSkeleton as $ } from "./Components/Skeleton/composables/useSkeleton.js";
-import ee from "./Components/Skeleton/Skeleton.js";
-import { useSnackbar as te } from "./Components/Snackbar/composables/useSnackbar.js";
-import ne from "./Components/Snackbar/Snackbar.js";
-import { useSpinner as re } from "./Components/Spinner/composables/useSpinner.js";
-import ie from "./Components/Spinner/Spinner.js";
-import { useSwitch as ae } from "./Components/Switch/composables/useSwitch.js";
-import oe from "./Components/Switch/Switch.js";
-import { useTextarea as se } from "./Components/Textarea/composables/useTextarea.js";
-import ce from "./Components/Textarea/Textarea.js";
-import { useTextField as le } from "./Components/TextField/composables/useTextField.js";
-import ue from "./Components/TextField/TextField.js";
-import de from "./Provider/BridgeUIProvider.js";
-import { createBridgeUI as fe } from "./Provider/createBridgeUI.js";
-import { BRIDGE_UI_DEFAULT_GLOBAL as pe, cn as me, mergeBridgeUIComponents as he, mergeBridgeUIGlobal as ge, resolveBridgeUIOptions as _e } from "@bridge-ui/core";
-export { a as Alert, o as Avatar, pe as BRIDGE_UI_DEFAULT_GLOBAL, c as Badge, de as BridgeUIProvider, u as Button, f as Card, g as Checkbox, v as Chip, b as Divider, m as FormControl, S as FormField, i as Icon, w as Label, E as Link, O as List, I as ListItem, L as ListSection, H as Listbox, z as Menu, W as Modal, K as NumberField, J as PasswordField, V as Progress, X as Radio, Z as Select, Q as SelectOption, ee as Skeleton, ne as Snackbar, ie as Spinner, oe as Switch, ue as TextField, ce as Textarea, me as cn, fe as createBridgeUI, A as findFirstEnabledOptionIndex, j as findLastEnabledOptionIndex, M as getListboxActiveDescendantId, N as getListboxOptionId, he as mergeBridgeUIComponents, ge as mergeBridgeUIGlobal, P as moveListboxHighlight, _e as resolveBridgeUIOptions, r as useAlert, s as useBadge, e as useBridgeUI, t as useBridgeUIComponent, n as useBridgeUIMergedRegistryClasses, l as useButton, d as useCard, h as useCheckbox, _ as useChip, y as useDivider, p as useFormControl, x as useFormField, C as useLabel, T as useLink, D as useList, k as useListbox, F as useListboxNavigation, R as useMenu, U as useModal, G as useNumberField, q as usePasswordField, B as useProgress, Y as useRadio, $ as useSkeleton, te as useSnackbar, re as useSpinner, ae as useSwitch, le as useTextField, se as useTextarea };
+import { useBreakpoint as t } from "./Utils/useBreakpoint.js";
+import { useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "./Utils/index.js";
+import { useAlert as i } from "./Components/Alert/composables/useAlert.js";
+import a from "./Components/Icon/Icon.js";
+import o from "./Components/Alert/Alert.js";
+import s from "./Components/Avatar/Avatar.js";
+import { useBadge as c } from "./Components/Badge/composables/useBadge.js";
+import l from "./Components/Badge/Badge.js";
+import { useButton as u } from "./Components/Button/composables/useButton.js";
+import d from "./Components/Button/Button.js";
+import { useCard as f } from "./Components/Card/composables/useCard.js";
+import p from "./Components/Card/Card.js";
+import { useFormControl as m } from "./Components/FormControl/composables/useFormControl.js";
+import h from "./Components/FormControl/FormControl.js";
+import { useCheckbox as g } from "./Components/Checkbox/composables/useCheckbox.js";
+import _ from "./Components/Checkbox/Checkbox.js";
+import { useChip as v } from "./Components/Chip/composables/useChip.js";
+import y from "./Components/Chip/Chip.js";
+import { useDivider as b } from "./Components/Divider/composables/useDivider.js";
+import x from "./Components/Divider/Divider.js";
+import { useDrawer as S } from "./Components/Drawer/composables/useDrawer.js";
+import C from "./Components/Drawer/Drawer.js";
+import { useFormField as w } from "./Components/FormField/composables/useFormField.js";
+import T from "./Components/FormField/FormField.js";
+import { useLabel as E } from "./Components/Label/composables/useLabel.js";
+import D from "./Components/Label/Label.js";
+import { useLink as O } from "./Components/Link/composables/useLink.js";
+import k from "./Components/Link/Link.js";
+import { useList as A } from "./Components/List/composables/useList.js";
+import j from "./Components/List/List.js";
+import { useListbox as M } from "./Components/Listbox/composables/useListbox.js";
+import { findFirstEnabledOptionIndex as N, findLastEnabledOptionIndex as P, getListboxActiveDescendantId as F, getListboxOptionId as I, moveListboxHighlight as L, useListboxNavigation as R } from "./Components/Listbox/composables/useListboxNavigation.js";
+import z from "./Components/ListItem/ListItem.js";
+import B from "./Components/ListSection/ListSection.js";
+import { useMenu as V } from "./Components/Menu/composables/useMenu.js";
+import H from "./Components/Menu/Menu.js";
+import { useProgress as U } from "./Components/Progress/composables/useProgress.js";
+import W from "./Components/Progress/Progress.js";
+import G from "./Components/Listbox/Listbox.js";
+import { useModal as K } from "./Components/Modal/composables/useModal.js";
+import q from "./Components/Modal/Modal.js";
+import { useNumberField as J } from "./Components/NumberField/composables/useNumberField.js";
+import Y from "./Components/NumberField/NumberField.js";
+import { usePasswordField as X } from "./Components/PasswordField/composables/usePasswordField.js";
+import Z from "./Components/PasswordField/PasswordField.js";
+import { useRadio as Q } from "./Components/Radio/composables/useRadio.js";
+import $ from "./Components/Radio/Radio.js";
+import ee from "./Components/Select/Select.js";
+import te from "./Components/Select/SelectOption.js";
+import { useSkeleton as ne } from "./Components/Skeleton/composables/useSkeleton.js";
+import re from "./Components/Skeleton/Skeleton.js";
+import { useSnackbar as ie } from "./Components/Snackbar/composables/useSnackbar.js";
+import ae from "./Components/Snackbar/Snackbar.js";
+import { useSpinner as oe } from "./Components/Spinner/composables/useSpinner.js";
+import se from "./Components/Spinner/Spinner.js";
+import { useSwitch as ce } from "./Components/Switch/composables/useSwitch.js";
+import le from "./Components/Switch/Switch.js";
+import { TABS_INJECTION_KEY as ue } from "./Components/Tabs/tabsInjectionKey.js";
+import { useTab as de } from "./Components/Tab/composables/useTab.js";
+import fe from "./Components/Tab/Tab.js";
+import { useTabItem as pe } from "./Components/TabItem/composables/useTabItem.js";
+import me from "./Components/TabItem/TabItem.js";
+import { useTabList as he } from "./Components/TabList/composables/useTabList.js";
+import ge from "./Components/TabList/TabList.js";
+import { useTabPanel as _e } from "./Components/TabPanel/composables/useTabPanel.js";
+import ve from "./Components/TabPanel/TabPanel.js";
+import { useTabs as ye } from "./Components/Tabs/composables/useTabs.js";
+import be from "./Components/Tabs/Tabs.js";
+import { useTextarea as xe } from "./Components/Textarea/composables/useTextarea.js";
+import Se from "./Components/Textarea/Textarea.js";
+import { useTextField as Ce } from "./Components/TextField/composables/useTextField.js";
+import we from "./Components/TextField/TextField.js";
+import Te from "./Provider/BridgeUIProvider.js";
+import { createBridgeUI as Ee } from "./Provider/createBridgeUI.js";
+import { BRIDGE_UI_DEFAULT_GLOBAL as De, cn as Oe, mergeBridgeUIComponents as ke, mergeBridgeUIGlobal as Ae, resolveBridgeUIOptions as je } from "@bridge-ui/core";
+export { o as Alert, s as Avatar, De as BRIDGE_UI_DEFAULT_GLOBAL, l as Badge, Te as BridgeUIProvider, d as Button, p as Card, _ as Checkbox, y as Chip, x as Divider, C as Drawer, h as FormControl, T as FormField, a as Icon, D as Label, k as Link, j as List, z as ListItem, B as ListSection, G as Listbox, H as Menu, q as Modal, Y as NumberField, Z as PasswordField, W as Progress, $ as Radio, ee as Select, te as SelectOption, re as Skeleton, ae as Snackbar, se as Spinner, le as Switch, ue as TABS_INJECTION_KEY, fe as Tab, me as TabItem, ge as TabList, ve as TabPanel, be as Tabs, we as TextField, Se as Textarea, Oe as cn, Ee as createBridgeUI, N as findFirstEnabledOptionIndex, P as findLastEnabledOptionIndex, F as getListboxActiveDescendantId, I as getListboxOptionId, ke as mergeBridgeUIComponents, Ae as mergeBridgeUIGlobal, L as moveListboxHighlight, je as resolveBridgeUIOptions, i as useAlert, c as useBadge, t as useBreakpoint, e as useBridgeUI, n as useBridgeUIComponent, r as useBridgeUIMergedRegistryClasses, u as useButton, f as useCard, g as useCheckbox, v as useChip, b as useDivider, S as useDrawer, m as useFormControl, w as useFormField, E as useLabel, O as useLink, A as useList, M as useListbox, R as useListboxNavigation, V as useMenu, K as useModal, J as useNumberField, X as usePasswordField, U as useProgress, Q as useRadio, ne as useSkeleton, ie as useSnackbar, oe as useSpinner, ce as useSwitch, de as useTab, pe as useTabItem, he as useTabList, _e as useTabPanel, ye as useTabs, Ce as useTextField, xe as useTextarea };

package/dist/theme.css

@@ -2,6 +2,15 @@
 @source "./Components";
 @source "../../core/dist/Components";
 
+/* Emitted for JS (`useBreakpoint`) — Tailwind otherwise omits unused --breakpoint-* vars. */
+@theme static {
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --breakpoint-2xl: 96rem;
+}
+
 @theme inline {
   /* Typography */
   --text-2xs: 0.625rem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "license": "MIT",
-  "version": "0.0.1-beta.7",
+  "version": "0.0.1",
   "author": "BridgeUI",
   "sideEffects": false,
   "name": "@bridge-ui/vue",
@@ -60,7 +60,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@bridge-ui/core": "^0.0.1-beta.7",
+    "@bridge-ui/core": "^0.0.1",
     "@lucide/vue": ">=1.0.0",
     "vue": "^3.4.0"
   },