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

package/dist/index.js

@@ -1,59 +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 B from "./Components/Listbox/Listbox.js";
-import { useModal as V } from "./Components/Modal/composables/useModal.js";
-import H from "./Components/Modal/Modal.js";
-import { useNumberField as U } from "./Components/NumberField/composables/useNumberField.js";
-import W from "./Components/NumberField/NumberField.js";
-import { usePasswordField as G } from "./Components/PasswordField/composables/usePasswordField.js";
-import K from "./Components/PasswordField/PasswordField.js";
-import { useRadio as q } from "./Components/Radio/composables/useRadio.js";
-import J from "./Components/Radio/Radio.js";
-import Y from "./Components/Select/Select.js";
-import X from "./Components/Select/SelectOption.js";
-import { useSkeleton as Z } from "./Components/Skeleton/composables/useSkeleton.js";
-import Q from "./Components/Skeleton/Skeleton.js";
-import { useSnackbar as $ } from "./Components/Snackbar/composables/useSnackbar.js";
-import ee from "./Components/Snackbar/Snackbar.js";
-import { useSwitch as te } from "./Components/Switch/composables/useSwitch.js";
-import ne from "./Components/Switch/Switch.js";
-import { useTextarea as re } from "./Components/Textarea/composables/useTextarea.js";
-import ie from "./Components/Textarea/Textarea.js";
-import { useTextField as ae } from "./Components/TextField/composables/useTextField.js";
-import oe from "./Components/TextField/TextField.js";
-import se from "./Provider/BridgeUIProvider.js";
-import { createBridgeUI as ce } from "./Provider/createBridgeUI.js";
-import { BRIDGE_UI_DEFAULT_GLOBAL as le, cn as ue, mergeBridgeUIComponents as de, mergeBridgeUIGlobal as fe, resolveBridgeUIOptions as pe } from "@bridge-ui/core";
-export { a as Alert, o as Avatar, le as BRIDGE_UI_DEFAULT_GLOBAL, c as Badge, se 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, B as Listbox, z as Menu, H as Modal, W as NumberField, K as PasswordField, J as Radio, Y as Select, X as SelectOption, Q as Skeleton, ee as Snackbar, ne as Switch, oe as TextField, ie as Textarea, ue as cn, ce as createBridgeUI, A as findFirstEnabledOptionIndex, j as findLastEnabledOptionIndex, M as getListboxActiveDescendantId, N as getListboxOptionId, de as mergeBridgeUIComponents, fe as mergeBridgeUIGlobal, P as moveListboxHighlight, pe 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, V as useModal, U as useNumberField, G as usePasswordField, q as useRadio, Z as useSkeleton, $ as useSnackbar, te as useSwitch, ae as useTextField, re 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;
@@ -98,12 +107,18 @@
   --color-info-900: var(--color-blue-900);
   --color-info-950: var(--color-blue-950);
 
-  /* Listbox indeterminate loading bar */
-  --animate-bridge-listbox-indeterminate: bridge-listbox-indeterminate 1.4s
+  /* Progress linear bar animations */
+  --animate-bridge-progress-indeterminate: bridge-progress-indeterminate 1.4s
     ease-in-out infinite;
+  --animate-bridge-progress-query: bridge-progress-query 1.4s ease-in-out
+    infinite;
+
+  /* Spinner circular animations */
+  --animate-bridge-spinner-rotate: bridge-spinner-rotate 1.4s linear infinite;
+  --animate-bridge-spinner-dash: bridge-spinner-dash 1.4s ease-in-out infinite;
 }
 
-@keyframes bridge-listbox-indeterminate {
+@keyframes bridge-progress-indeterminate {
   0% {
     transform: translateX(-100%);
   }
@@ -113,6 +128,43 @@
   }
 }
 
+@keyframes bridge-progress-query {
+  0% {
+    transform: translateX(400%);
+  }
+
+  100% {
+    transform: translateX(-100%);
+  }
+}
+
+@keyframes bridge-spinner-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes bridge-spinner-dash {
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+}
+
 /**
  * FormField slot adornments (`bridge-start-adornment` / `bridge-end-adornment`).
  * Parent `.group/field` sets `data-bridge-rounded` from FormField `rounded`.

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "license": "MIT",
-  "version": "0.0.1-beta.6",
+  "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.6",
+    "@bridge-ui/core": "^0.0.1",
     "@lucide/vue": ">=1.0.0",
     "vue": "^3.4.0"
   },