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

package/dist/Components/Snackbar/snackbar.types.d.ts

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { HTMLAttributes, Slot } from 'vue';
 import { MergeHtmlProps, MergeProps, SnackbarColor, SnackbarPadding, SnackbarPosition, SnackbarRounded, SnackbarTransition } from '@bridge-ui/core';
 import { IconProps } from '../Icon';

package/dist/Components/Snackbar/snackbarDefaultIcons.d.ts

@@ -1,4 +1,4 @@
-import { LucideIcon } from 'lucide-vue-next';
+import { LucideIcon } from '@lucide/vue';
 import { SnackbarColor } from '@bridge-ui/core';
 /** Library fallbacks when neither the `icon` prop nor theme `icon` is set. */
 export declare const snackbarDefaultIcons: Record<keyof SnackbarColor, LucideIcon>;

package/dist/Components/Snackbar/snackbarDefaultIcons.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/Snackbar/snackbarDefaultIcons.ts
 var o = {
 	dark: i,

package/dist/Components/TextField/composables/useTextField.d.ts

@@ -9,7 +9,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
             size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
             rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
             variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
-            errorIcon: import('lucide-vue-next').LucideIcon;
+            errorIcon: import('@lucide/vue').LucideIcon;
             withErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
@@ -205,7 +205,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
         }>>;
         controlId: import('vue').ComputedRef<string>;
         errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').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;

package/dist/Components/Textarea/composables/useTextarea.d.ts

@@ -10,7 +10,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
             size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
             rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
             variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
-            errorIcon: import('lucide-vue-next').LucideIcon;
+            errorIcon: import('@lucide/vue').LucideIcon;
             withErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
@@ -206,7 +206,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         }>>;
         controlId: import('vue').ComputedRef<string>;
         errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').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;

package/dist/augments.d.ts

@@ -4,6 +4,8 @@ import { BadgeClasses, BadgeProps } from './Components/Badge';
 import { ButtonClasses, ButtonProps } from './Components/Button';
 import { CardClasses, CardProps } from './Components/Card';
 import { CheckboxClasses, CheckboxProps } from './Components/Checkbox';
+import { ChipClasses, ChipProps } from './Components/Chip';
+import { DividerClasses, DividerProps } from './Components/Divider';
 import { FormControlClasses, FormControlProps } from './Components/FormControl';
 import { FormFieldClasses, FormFieldProps } from './Components/FormField';
 import { IconProps } from './Components/Icon';
@@ -18,6 +20,7 @@ import { NumberFieldClasses } from './Components/NumberField';
 import { PasswordFieldClasses } from './Components/PasswordField';
 import { RadioClasses, RadioProps } from './Components/Radio';
 import { SelectClasses, SelectProps } from './Components/Select';
+import { SkeletonClasses, SkeletonProps } from './Components/Skeleton';
 import { SnackbarClasses, SnackbarProps } from './Components/Snackbar';
 import { SwitchClasses, SwitchProps } from './Components/Switch';
 import { TextareaClasses, TextareaProps } from './Components/Textarea';
@@ -46,6 +49,14 @@ declare module "@bridge-ui/core" {
         classes: CheckboxClasses;
         defaultProps: Partial<Pick<CheckboxProps, "size" | "color" | "rounded">>;
     }
+    interface ChipConfigOverrides {
+        classes: ChipClasses;
+        defaultProps: Partial<Pick<ChipProps, "size">>;
+    }
+    interface DividerConfigOverrides {
+        classes: DividerClasses;
+        defaultProps: Partial<Pick<DividerProps, "color" | "orientation">>;
+    }
     interface FormControlConfigOverrides {
         classes: FormControlClasses;
         defaultProps: Partial<Pick<FormControlProps, "size" | "error" | "withoutErrorMessage">>;
@@ -102,6 +113,10 @@ declare module "@bridge-ui/core" {
         classes: SelectClasses;
         defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant">>;
     }
+    interface SkeletonConfigOverrides {
+        classes: SkeletonClasses;
+        defaultProps: Partial<Pick<SkeletonProps, "rounded">>;
+    }
     interface SwitchConfigOverrides {
         classes: SwitchClasses;
         defaultProps: Partial<Pick<SwitchProps, "size" | "color" | "rounded">>;

package/dist/index.d.ts

@@ -10,6 +10,10 @@ export { Card, useCard } from './Components/Card';
 export type { CardClasses, CardCustomProps, CardOwnProps, CardPaddingOverrides, CardProps, CardRoundedOverrides, CardShadowOverrides, CardSlots, CardVariantOverrides, } from './Components/Card';
 export { Checkbox, useCheckbox } from './Components/Checkbox';
 export type { CheckboxClasses, CheckboxColorOverrides, CheckboxCustomProps, CheckboxOwnProps, CheckboxProps, CheckboxRoundedOverrides, CheckboxSizeOverrides, CheckboxSlots, } from './Components/Checkbox';
+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 { FormControl, useFormControl } from './Components/FormControl';
 export type { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlProps, FormControlSizeOverrides, FormControlSlots, UseFormControlReturn, } from './Components/FormControl';
 export { FormField, useFormField } from './Components/FormField';
@@ -40,6 +44,8 @@ export { Radio, useRadio } from './Components/Radio';
 export type { RadioClasses, RadioColorOverrides, RadioCustomProps, RadioOwnProps, RadioProps, RadioRoundedOverrides, RadioSizeOverrides, RadioSlots, } from './Components/Radio';
 export { Select, SelectOption } from './Components/Select';
 export type { SelectAsyncData, SelectClasses, SelectEmits, SelectModel, SelectOptionData, SelectOptionProps, SelectProps, SelectSlots, SelectValue, } from './Components/Select';
+export { Skeleton, useSkeleton } from './Components/Skeleton';
+export type { SkeletonClasses, SkeletonOwnProps, SkeletonProps, SkeletonRoundedOverrides, } from './Components/Skeleton';
 export { Snackbar, useSnackbar } from './Components/Snackbar';
 export type { SnackbarClasses, SnackbarColorOverrides, SnackbarCustomProps, SnackbarEmits, SnackbarOwnProps, SnackbarPaddingOverrides, SnackbarProps, SnackbarSlots, SnackbarTransitionOverrides, } from './Components/Snackbar';
 export { Switch, useSwitch } from './Components/Switch';

package/dist/index.js

@@ -14,40 +14,46 @@ import { useFormControl as p } from "./Components/FormControl/composables/useFor
 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 { useFormField as _ } from "./Components/FormField/composables/useFormField.js";
-import v from "./Components/FormField/FormField.js";
-import { useLabel as y } from "./Components/Label/composables/useLabel.js";
-import b from "./Components/Label/Label.js";
-import { useLink as x } from "./Components/Link/composables/useLink.js";
-import S from "./Components/Link/Link.js";
-import { useList as C } from "./Components/List/composables/useList.js";
-import w from "./Components/List/List.js";
-import { useListbox as T } from "./Components/Listbox/composables/useListbox.js";
-import { findFirstEnabledOptionIndex as E, findLastEnabledOptionIndex as D, getListboxActiveDescendantId as O, getListboxOptionId as k, moveListboxHighlight as A, useListboxNavigation as j } from "./Components/Listbox/composables/useListboxNavigation.js";
-import M from "./Components/ListItem/ListItem.js";
-import { useMenu as N } from "./Components/Menu/composables/useMenu.js";
-import P from "./Components/Menu/Menu.js";
-import F from "./Components/Listbox/Listbox.js";
-import I from "./Components/ListSection/ListSection.js";
-import { useModal as L } from "./Components/Modal/composables/useModal.js";
-import R from "./Components/Modal/Modal.js";
-import { useNumberField as z } from "./Components/NumberField/composables/useNumberField.js";
-import B from "./Components/NumberField/NumberField.js";
-import { usePasswordField as V } from "./Components/PasswordField/composables/usePasswordField.js";
-import H from "./Components/PasswordField/PasswordField.js";
-import { useRadio as U } from "./Components/Radio/composables/useRadio.js";
-import W from "./Components/Radio/Radio.js";
-import G from "./Components/Select/Select.js";
-import K from "./Components/Select/SelectOption.js";
-import { useSnackbar as q } from "./Components/Snackbar/composables/useSnackbar.js";
-import J from "./Components/Snackbar/Snackbar.js";
-import { useSwitch as Y } from "./Components/Switch/composables/useSwitch.js";
-import X from "./Components/Switch/Switch.js";
-import { useTextarea as Z } from "./Components/Textarea/composables/useTextarea.js";
-import Q from "./Components/Textarea/Textarea.js";
-import { useTextField as $ } from "./Components/TextField/composables/useTextField.js";
-import ee from "./Components/TextField/TextField.js";
-import te from "./Provider/BridgeUIProvider.js";
-import { createBridgeUI as ne } from "./Provider/createBridgeUI.js";
-import { BRIDGE_UI_DEFAULT_GLOBAL as re, cn as ie, mergeBridgeUIComponents as ae, mergeBridgeUIGlobal as oe, resolveBridgeUIOptions as se } from "@bridge-ui/core";
-export { a as Alert, o as Avatar, re as BRIDGE_UI_DEFAULT_GLOBAL, c as Badge, te as BridgeUIProvider, u as Button, f as Card, g as Checkbox, m as FormControl, v as FormField, i as Icon, b as Label, S as Link, w as List, M as ListItem, I as ListSection, F as Listbox, P as Menu, R as Modal, B as NumberField, H as PasswordField, W as Radio, G as Select, K as SelectOption, J as Snackbar, X as Switch, ee as TextField, Q as Textarea, ie as cn, ne as createBridgeUI, E as findFirstEnabledOptionIndex, D as findLastEnabledOptionIndex, O as getListboxActiveDescendantId, k as getListboxOptionId, ae as mergeBridgeUIComponents, oe as mergeBridgeUIGlobal, A as moveListboxHighlight, se 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, p as useFormControl, _ as useFormField, y as useLabel, x as useLink, C as useList, T as useListbox, j as useListboxNavigation, N as useMenu, L as useModal, z as useNumberField, V as usePasswordField, U as useRadio, q as useSnackbar, Y as useSwitch, $ as useTextField, Z as useTextarea };
+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 { useMenu as L } from "./Components/Menu/composables/useMenu.js";
+import R from "./Components/Menu/Menu.js";
+import z from "./Components/Listbox/Listbox.js";
+import B from "./Components/ListSection/ListSection.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, B as ListSection, z as Listbox, R 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, L 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 };

package/dist/theme.css

@@ -97,6 +97,20 @@
   --color-info-800: var(--color-blue-800);
   --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
+    ease-in-out infinite;
+}
+
+@keyframes bridge-listbox-indeterminate {
+  0% {
+    transform: translateX(-100%);
+  }
+
+  100% {
+    transform: translateX(400%);
+  }
 }
 
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "license": "MIT",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.4",
   "author": "BridgeUI",
   "sideEffects": false,
   "name": "@bridge-ui/vue",
@@ -60,8 +60,8 @@
     "dist"
   ],
   "peerDependencies": {
-    "@bridge-ui/core": "^0.0.1-beta.2",
-    "lucide-vue-next": ">=0.400.0",
+    "@bridge-ui/core": "^0.0.1-beta.4",
+    "@lucide/vue": ">=1.0.0",
     "vue": "^3.4.0"
   },
   "dependencies": {
@@ -80,12 +80,12 @@
   },
   "devDependencies": {
     "@bridge-ui/core": "*",
+    "@lucide/vue": "^1.24.0",
     "@tailwindcss/cli": "^4.3.0",
     "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^24.0.0",
     "@vue/language-core": "^3.2.9",
     "@vue/test-utils": "^2.4.10",
-    "lucide-vue-next": "^1.0.0",
     "tailwindcss": "^4.3.0",
     "typescript": "^6.0.3",
     "vue": "^3.5.34",