@bridge-ui/vue 0.0.0

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+export { Alert, useAlert } from './Components/Alert';
+export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
+export { Avatar } from './Components/Avatar';
+export type { AvatarClasses, AvatarColorOverrides, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
+export { Badge, useBadge } from './Components/Badge';
+export type { BadgeClasses, BadgeColorOverrides, BadgeDensityOverrides, BadgeOwnProps, BadgeProps, BadgeRoundedOverrides, BadgeSizeOverrides, BadgeSlots, BadgeVariantOverrides, } from './Components/Badge';
+export { Button, useButton } from './Components/Button';
+export type { ButtonClasses, ButtonColorOverrides, ButtonDensityOverrides, ButtonProps, ButtonRoundedOverrides, ButtonSizeOverrides, ButtonSlots, ButtonVariantOverrides, } from './Components/Button';
+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 { FormControl, useFormControl } from './Components/FormControl';
+export type { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlProps, FormControlSizeOverrides, FormControlSlots, UseFormControlReturn, } from './Components/FormControl';
+export { FormField, useFormField } from './Components/FormField';
+export type { FormFieldClasses, FormFieldColorOverrides, FormFieldCustomProps, FormFieldOwnProps, FormFieldProps, FormFieldRoundedOverrides, FormFieldSizeOverrides, FormFieldSlots, FormFieldVariantOverrides, UseFormFieldReturn, } from './Components/FormField';
+export { Icon, type IconOwnProps, type IconProps } from './Components/Icon';
+export type { IconSizeOverrides } from './Components/Icon';
+export { Label, useLabel } from './Components/Label';
+export type { LabelClasses, LabelOwnProps, LabelProps, LabelSizeOverrides, } from './Components/Label';
+export { Link, useLink } from './Components/Link';
+export type { LinkClasses, LinkColorOverrides, LinkCustomProps, LinkOwnProps, LinkProps, LinkSizeOverrides, LinkSlots, LinkUnderlineOverrides, } from './Components/Link';
+export { List, useList } from './Components/List';
+export type { ListClasses, ListContextValue, ListCustomProps, ListOwnProps, ListPaddingOverrides, ListProps, } from './Components/List';
+export { Listbox, findFirstEnabledOptionIndex, findLastEnabledOptionIndex, getListboxActiveDescendantId, getListboxOptionId, moveListboxHighlight, useListbox, useListboxNavigation, } from './Components/Listbox';
+export type { ListboxClasses, ListboxColorOverrides, ListboxCustomProps, ListboxEmits, ListboxOption, ListboxOwnProps, ListboxProps, ListboxSlots, ListboxValue, } from './Components/Listbox';
+export { ListItem } from './Components/ListItem';
+export type { ListItemAlignOverrides, ListItemClasses, ListItemCustomProps, ListItemOwnProps, ListItemProps, ListItemSlots, } from './Components/ListItem';
+export { ListSection } from './Components/ListSection';
+export type { ListSectionClasses, ListSectionCustomProps, ListSectionOwnProps, ListSectionProps, ListSectionSlots, } from './Components/ListSection';
+export { Menu, useMenu } from './Components/Menu';
+export type { MenuClasses, MenuCustomProps, MenuEmits, MenuOptions, MenuOwnProps, MenuProps, MenuRoundedOverrides, MenuShadowOverrides, MenuSlots, } from './Components/Menu';
+export { Modal, useModal } from './Components/Modal';
+export type { ModalAlignOverrides, ModalBlurOverrides, ModalClasses, ModalCustomProps, ModalEmits, ModalOwnProps, ModalProps, ModalSizeOverrides, ModalSlots, } from './Components/Modal';
+export { NumberField, useNumberField } from './Components/NumberField';
+export type { NumberFieldClasses, NumberFieldCustomProps, NumberFieldOwnProps, NumberFieldProps, NumberFieldSlots, } from './Components/NumberField';
+export { PasswordField, usePasswordField } from './Components/PasswordField';
+export type { PasswordFieldClasses, PasswordFieldCustomProps, PasswordFieldOwnProps, PasswordFieldProps, PasswordFieldSlots, } from './Components/PasswordField';
+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 { 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';
+export type { SwitchClasses, SwitchColorOverrides, SwitchCustomProps, SwitchOwnProps, SwitchProps, SwitchRoundedOverrides, SwitchSizeOverrides, SwitchSlots, } from './Components/Switch';
+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 { BRIDGE_UI_DEFAULT_GLOBAL, cn, mergeBridgeUIComponents, mergeBridgeUIGlobal, resolveBridgeUIOptions, } from '@bridge-ui/core';

package/dist/index.js

@@ -0,0 +1,53 @@
+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 { 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 };

package/dist/theme.css

@@ -0,0 +1,205 @@
+@source "./Actions";
+@source "./Components";
+@source "../../core/src/Components";
+
+@theme inline {
+  /* Typography */
+  --text-2xs: 0.625rem;
+  --text-2xs--line-height: 0.75rem;
+
+  /* Dark (slate) */
+  --color-dark-50: var(--color-slate-50);
+  --color-dark-100: var(--color-slate-100);
+  --color-dark-200: var(--color-slate-200);
+  --color-dark-300: var(--color-slate-300);
+  --color-dark-400: var(--color-slate-400);
+  --color-dark-500: var(--color-slate-500);
+  --color-dark-600: var(--color-slate-600);
+  --color-dark-700: var(--color-slate-700);
+  --color-dark-800: var(--color-slate-800);
+  --color-dark-900: var(--color-slate-900);
+  --color-dark-950: var(--color-slate-950);
+
+  /* Primary (purple) */
+  --color-primary-50: var(--color-purple-50);
+  --color-primary-100: var(--color-purple-100);
+  --color-primary-200: var(--color-purple-200);
+  --color-primary-300: var(--color-purple-300);
+  --color-primary-400: var(--color-purple-400);
+  --color-primary-500: var(--color-purple-500);
+  --color-primary-600: var(--color-purple-600);
+  --color-primary-700: var(--color-purple-700);
+  --color-primary-800: var(--color-purple-800);
+  --color-primary-900: var(--color-purple-900);
+  --color-primary-950: var(--color-purple-950);
+
+  /* Secondary (amber) */
+  --color-secondary-50: var(--color-amber-50);
+  --color-secondary-100: var(--color-amber-100);
+  --color-secondary-200: var(--color-amber-200);
+  --color-secondary-300: var(--color-amber-300);
+  --color-secondary-400: var(--color-amber-400);
+  --color-secondary-500: var(--color-amber-500);
+  --color-secondary-600: var(--color-amber-600);
+  --color-secondary-700: var(--color-amber-700);
+  --color-secondary-800: var(--color-amber-800);
+  --color-secondary-900: var(--color-amber-900);
+  --color-secondary-950: var(--color-amber-950);
+
+  /* Success (green) */
+  --color-success-50: var(--color-green-50);
+  --color-success-100: var(--color-green-100);
+  --color-success-200: var(--color-green-200);
+  --color-success-300: var(--color-green-300);
+  --color-success-400: var(--color-green-400);
+  --color-success-500: var(--color-green-500);
+  --color-success-600: var(--color-green-600);
+  --color-success-700: var(--color-green-700);
+  --color-success-800: var(--color-green-800);
+  --color-success-900: var(--color-green-900);
+  --color-success-950: var(--color-green-950);
+
+  /* Error (red) */
+  --color-error-50: var(--color-red-50);
+  --color-error-100: var(--color-red-100);
+  --color-error-200: var(--color-red-200);
+  --color-error-300: var(--color-red-300);
+  --color-error-400: var(--color-red-400);
+  --color-error-500: var(--color-red-500);
+  --color-error-600: var(--color-red-600);
+  --color-error-700: var(--color-red-700);
+  --color-error-800: var(--color-red-800);
+  --color-error-900: var(--color-red-900);
+  --color-error-950: var(--color-red-950);
+
+  /* Warning (yellow) */
+  --color-warning-50: var(--color-yellow-50);
+  --color-warning-100: var(--color-yellow-100);
+  --color-warning-200: var(--color-yellow-200);
+  --color-warning-300: var(--color-yellow-300);
+  --color-warning-400: var(--color-yellow-400);
+  --color-warning-500: var(--color-yellow-500);
+  --color-warning-600: var(--color-yellow-600);
+  --color-warning-700: var(--color-yellow-700);
+  --color-warning-800: var(--color-yellow-800);
+  --color-warning-900: var(--color-yellow-900);
+  --color-warning-950: var(--color-yellow-950);
+
+  /* Info (blue) */
+  --color-info-50: var(--color-blue-50);
+  --color-info-100: var(--color-blue-100);
+  --color-info-200: var(--color-blue-200);
+  --color-info-300: var(--color-blue-300);
+  --color-info-400: var(--color-blue-400);
+  --color-info-500: var(--color-blue-500);
+  --color-info-600: var(--color-blue-600);
+  --color-info-700: var(--color-blue-700);
+  --color-info-800: var(--color-blue-800);
+  --color-info-900: var(--color-blue-900);
+  --color-info-950: var(--color-blue-950);
+}
+
+/**
+ * FormField slot adornments (`bridge-start-adornment` / `bridge-end-adornment`).
+ * Parent `.group/field` sets `data-bridge-rounded` from FormField `rounded`.
+ * Suffix `!` overrides Button/Badge `rounded-*` from the utilities layer.
+ */
+@layer components {
+  .bridge-end-adornment,
+  .bridge-start-adornment {
+    @apply h-full min-h-0 rounded-none!;
+  }
+
+  [data-bridge-rounded="none"] .bridge-start-adornment {
+    @apply rounded-s-none! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="xs"] .bridge-start-adornment {
+    @apply rounded-s-xs! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="sm"] .bridge-start-adornment {
+    @apply rounded-s-sm! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="md"] .bridge-start-adornment {
+    @apply rounded-s-md! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="lg"] .bridge-start-adornment {
+    @apply rounded-s-lg! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="xl"] .bridge-start-adornment {
+    @apply rounded-s-xl! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="2xl"] .bridge-start-adornment {
+    @apply rounded-s-2xl! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="3xl"] .bridge-start-adornment {
+    @apply rounded-s-3xl! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="4xl"] .bridge-start-adornment {
+    @apply rounded-s-4xl! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="full"] .bridge-start-adornment {
+    @apply rounded-s-full! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="none"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-none!;
+  }
+
+  [data-bridge-rounded="xs"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-xs!;
+  }
+
+  [data-bridge-rounded="sm"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-sm!;
+  }
+
+  [data-bridge-rounded="md"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-md!;
+  }
+
+  [data-bridge-rounded="lg"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-lg!;
+  }
+
+  [data-bridge-rounded="xl"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-xl!;
+  }
+
+  [data-bridge-rounded="2xl"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-2xl!;
+  }
+
+  [data-bridge-rounded="3xl"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-3xl!;
+  }
+
+  [data-bridge-rounded="4xl"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-4xl!;
+  }
+
+  [data-bridge-rounded="full"] .bridge-end-adornment {
+    @apply rounded-s-none! rounded-e-full!;
+  }
+
+  .bridge-field-adornment-button {
+    @apply cursor-pointer transition-colors duration-150 ease-in-out select-none;
+    @apply text-gray-500 hover:bg-gray-100 hover:text-gray-700;
+    @apply active:bg-gray-200 active:text-gray-900;
+    @apply focus-visible:bg-gray-100 focus-visible:text-gray-700 focus-visible:outline-none;
+    @apply dark:text-gray-400 dark:hover:bg-gray-700/50 dark:hover:text-gray-200;
+    @apply dark:active:bg-gray-700 dark:active:text-white;
+    @apply dark:focus-visible:bg-gray-700/50 dark:focus-visible:text-gray-200;
+    @apply disabled:cursor-not-allowed disabled:opacity-50;
+    @apply disabled:hover:bg-transparent disabled:hover:text-gray-500;
+    @apply dark:disabled:hover:bg-transparent dark:disabled:hover:text-gray-400;
+  }
+}

package/package.json

@@ -0,0 +1,90 @@
+{
+  "type": "module",
+  "license": "MIT",
+  "version": "0.0.0",
+  "author": "BridgeUI",
+  "sideEffects": false,
+  "name": "@bridge-ui/vue",
+  "homepage": "https://github.com/Bridge-UI/core#readme",
+  "description": "Vue components and composables for Bridge UI.",
+  "bugs": {
+    "url": "https://github.com/Bridge-UI/core/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "repository": {
+    "type": "git",
+    "directory": "packages/vue",
+    "url": "git+https://github.com/Bridge-UI/core.git"
+  },
+  "keywords": [
+    "ui",
+    "vue",
+    "tailwind",
+    "bridge-ui",
+    "components",
+    "design-system"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./Utils": {
+      "import": "./dist/Utils/index.js",
+      "types": "./dist/Utils/index.d.ts"
+    },
+    "./Provider": {
+      "import": "./dist/Provider/index.js",
+      "types": "./dist/Provider/index.d.ts"
+    },
+    "./Actions": {
+      "import": "./dist/Actions/index.js",
+      "types": "./dist/Actions/index.d.ts"
+    },
+    "./Components/*": {
+      "import": "./dist/Components/*/index.js",
+      "types": "./dist/Components/*/index.d.ts"
+    },
+    "./theme.css": "./dist/theme.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@bridge-ui/core": "*",
+    "lucide-vue-next": ">=0.400.0",
+    "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "es-toolkit": "^1.46.1",
+    "tailwind-merge": "^3.6.0"
+  },
+  "scripts": {
+    "build": "vite build && cp src/theme.css dist/theme.css",
+    "dev": "vite build --watch",
+    "type-check": "vue-tsc --noEmit",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:cy": "cypress run --component",
+    "test:cy:open": "cypress open --component"
+  },
+  "devDependencies": {
+    "@bridge-ui/core": "*",
+    "@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",
+    "vue-tsc": "^3.2.9"
+  }
+}