@bridge-ui/vue 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js +8 -8
  2. package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js +5 -5
  3. package/dist/Actions/Snackbar/createBridgeSnackbarApi.js +17 -17
  4. package/dist/Adapters/I18n/index.d.ts +1 -0
  5. package/dist/Adapters/I18n/index.js +2 -0
  6. package/dist/Adapters/I18n/useI18nAdapter.d.ts +16 -0
  7. package/dist/Adapters/I18n/useI18nAdapter.js +18 -0
  8. package/dist/Adapters/Icon/iconSource.types.d.ts +11 -0
  9. package/dist/Adapters/Icon/index.d.ts +2 -0
  10. package/dist/Adapters/Icon/index.js +2 -0
  11. package/dist/Adapters/Icon/useIconAdapter.d.ts +11 -0
  12. package/dist/Adapters/Icon/useIconAdapter.js +13 -0
  13. package/dist/Adapters/index.d.ts +3 -0
  14. package/dist/Adapters/index.js +3 -0
  15. package/dist/Components/Alert/Alert.vue_vue_type_script_setup_true_lang.js +1 -5
  16. package/dist/Components/Alert/alert.types.d.ts +2 -2
  17. package/dist/Components/Alert/alertDefaultIcons.d.ts +2 -2
  18. package/dist/Components/Alert/alertDefaultIcons.js +9 -10
  19. package/dist/Components/Alert/composables/useAlert.d.ts +2 -2
  20. package/dist/Components/Alert/composables/useAlert.js +17 -17
  21. package/dist/Components/Autocomplete/Autocomplete.js +5 -0
  22. package/dist/Components/Autocomplete/Autocomplete.vue.d.ts +40 -0
  23. package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +197 -0
  24. package/dist/Components/Autocomplete/AutocompleteOption.js +5 -0
  25. package/dist/Components/Autocomplete/AutocompleteOption.vue.d.ts +4 -0
  26. package/dist/Components/Autocomplete/AutocompleteOption.vue_vue_type_script_setup_true_lang.js +32 -0
  27. package/dist/Components/Autocomplete/autocomplete.types.d.ts +285 -0
  28. package/dist/Components/Autocomplete/autocompleteInjectionKey.d.ts +7 -0
  29. package/dist/Components/Autocomplete/autocompleteInjectionKey.js +4 -0
  30. package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +762 -0
  31. package/dist/Components/Autocomplete/composables/useAutocomplete.js +382 -0
  32. package/dist/Components/Autocomplete/index.d.ts +4 -0
  33. package/dist/Components/Autocomplete/index.js +4 -0
  34. package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +1 -1
  35. package/dist/Components/Avatar/avatar.types.d.ts +2 -2
  36. package/dist/Components/Avatar/composables/useAvatar.d.ts +1 -1
  37. package/dist/Components/Avatar/composables/useAvatar.js +46 -47
  38. package/dist/Components/Badge/composables/useBadge.js +8 -8
  39. package/dist/Components/Button/Button.vue_vue_type_script_setup_true_lang.js +24 -25
  40. package/dist/Components/Button/button.types.d.ts +4 -4
  41. package/dist/Components/Button/composables/useButton.d.ts +1 -1
  42. package/dist/Components/Button/composables/useButton.js +14 -14
  43. package/dist/Components/Card/composables/useCard.js +27 -27
  44. package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +27 -27
  45. package/dist/Components/Checkbox/composables/useCheckbox.d.ts +4 -4
  46. package/dist/Components/Checkbox/composables/useCheckbox.js +9 -9
  47. package/dist/Components/Chip/Chip.vue_vue_type_script_setup_true_lang.js +8 -9
  48. package/dist/Components/Chip/composables/useChip.js +6 -6
  49. package/dist/Components/Divider/composables/useDivider.js +5 -5
  50. package/dist/Components/Drawer/composables/useDrawer.js +23 -23
  51. package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +1 -1
  52. package/dist/Components/FormControl/composables/useFormControl.d.ts +3 -3
  53. package/dist/Components/FormControl/composables/useFormControl.js +12 -12
  54. package/dist/Components/FormControl/formControl.types.d.ts +6 -6
  55. package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  56. package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  57. package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  58. package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  59. package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +2 -2
  60. package/dist/Components/FormField/composables/useFormField.d.ts +6 -6
  61. package/dist/Components/FormField/composables/useFormField.js +108 -109
  62. package/dist/Components/FormField/formField.types.d.ts +19 -19
  63. package/dist/Components/Icon/Icon.vue_vue_type_script_setup_true_lang.js +7 -7
  64. package/dist/Components/Icon/composables/useIcon.d.ts +2 -0
  65. package/dist/Components/Icon/composables/useIcon.js +20 -18
  66. package/dist/Components/Icon/icon.types.d.ts +3 -3
  67. package/dist/Components/Label/composables/useLabel.d.ts +1 -1
  68. package/dist/Components/Label/composables/useLabel.js +5 -5
  69. package/dist/Components/Link/Link.vue_vue_type_script_setup_true_lang.js +2 -2
  70. package/dist/Components/Link/composables/useLink.js +9 -9
  71. package/dist/Components/Link/link.types.d.ts +3 -3
  72. package/dist/Components/List/composables/useList.js +6 -6
  73. package/dist/Components/ListItem/composables/useListItem.d.ts +2 -2
  74. package/dist/Components/ListItem/composables/useListItem.js +81 -82
  75. package/dist/Components/ListItem/listItem.types.d.ts +2 -2
  76. package/dist/Components/ListSection/composables/useListSection.js +8 -8
  77. package/dist/Components/Listbox/Listbox.vue.d.ts +0 -2
  78. package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +75 -74
  79. package/dist/Components/Listbox/composables/useListbox.js +7 -7
  80. package/dist/Components/Listbox/index.js +3 -3
  81. package/dist/Components/Menu/composables/useMenu.js +43 -43
  82. package/dist/Components/Modal/composables/useModal.js +18 -18
  83. package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +43 -43
  84. package/dist/Components/NumberField/composables/useNumberField.d.ts +8 -8
  85. package/dist/Components/NumberField/composables/useNumberField.js +9 -9
  86. package/dist/Components/OtpField/OtpField.js +5 -0
  87. package/dist/Components/OtpField/OtpField.vue.d.ts +31 -0
  88. package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js +80 -0
  89. package/dist/Components/OtpField/OtpFieldLabel.js +5 -0
  90. package/dist/Components/OtpField/OtpFieldLabel.vue.d.ts +7 -0
  91. package/dist/Components/OtpField/OtpFieldLabel.vue_vue_type_script_setup_true_lang.js +16 -0
  92. package/dist/Components/OtpField/composables/useOtpField.d.ts +460 -0
  93. package/dist/Components/OtpField/composables/useOtpField.js +212 -0
  94. package/dist/Components/OtpField/index.d.ts +4 -0
  95. package/dist/Components/OtpField/index.js +3 -0
  96. package/dist/Components/OtpField/otpField.types.d.ts +290 -0
  97. package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +27 -27
  98. package/dist/Components/PasswordField/composables/usePasswordField.d.ts +8 -8
  99. package/dist/Components/PasswordField/composables/usePasswordField.js +2 -2
  100. package/dist/Components/Progress/composables/useProgress.js +11 -11
  101. package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +2 -2
  102. package/dist/Components/Radio/composables/useRadio.d.ts +4 -4
  103. package/dist/Components/Radio/composables/useRadio.js +9 -9
  104. package/dist/Components/Select/Select.vue.d.ts +1 -2
  105. package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +72 -68
  106. package/dist/Components/Select/composables/useSelect.d.ts +10 -10
  107. package/dist/Components/Select/composables/useSelect.js +193 -193
  108. package/dist/Components/Skeleton/composables/useSkeleton.js +5 -5
  109. package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +81 -75
  110. package/dist/Components/Snackbar/composables/useSnackbar.d.ts +4 -4
  111. package/dist/Components/Snackbar/composables/useSnackbar.js +115 -115
  112. package/dist/Components/Snackbar/snackbar.types.d.ts +2 -2
  113. package/dist/Components/Snackbar/snackbarDefaultIcons.d.ts +3 -3
  114. package/dist/Components/Snackbar/snackbarDefaultIcons.js +9 -10
  115. package/dist/Components/Spinner/composables/useSpinner.js +11 -11
  116. package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js +2 -2
  117. package/dist/Components/Switch/composables/useSwitch.d.ts +4 -4
  118. package/dist/Components/Switch/composables/useSwitch.js +9 -9
  119. package/dist/Components/Tab/Tab.vue_vue_type_script_setup_true_lang.js +2 -2
  120. package/dist/Components/Tab/composables/useTab.js +11 -11
  121. package/dist/Components/Tab/tab.types.d.ts +3 -3
  122. package/dist/Components/TabItem/TabItem.vue_vue_type_script_setup_true_lang.js +2 -2
  123. package/dist/Components/TabItem/tabItem.types.d.ts +3 -3
  124. package/dist/Components/TabList/composables/useTabList.js +7 -7
  125. package/dist/Components/TabPanel/composables/useTabPanel.js +7 -7
  126. package/dist/Components/Tabs/composables/useTabs.d.ts +468 -4
  127. package/dist/Components/Tabs/composables/useTabs.js +22 -22
  128. package/dist/Components/Tabs/tabsInjectionKey.d.ts +5 -5
  129. package/dist/Components/TextField/TextField.vue.d.ts +1 -1
  130. package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +6 -6
  131. package/dist/Components/TextField/composables/useTextField.d.ts +8 -8
  132. package/dist/Components/TextField/composables/useTextField.js +1 -1
  133. package/dist/Components/Textarea/Textarea.vue.d.ts +1 -1
  134. package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +6 -6
  135. package/dist/Components/Textarea/composables/useTextarea.d.ts +8 -8
  136. package/dist/Components/Textarea/composables/useTextarea.js +9 -9
  137. package/dist/Components/Tooltip/Tooltip.js +5 -0
  138. package/dist/Components/Tooltip/Tooltip.vue.d.ts +35 -0
  139. package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +73 -0
  140. package/dist/Components/Tooltip/composables/useTooltip.d.ts +50 -0
  141. package/dist/Components/Tooltip/composables/useTooltip.js +208 -0
  142. package/dist/Components/Tooltip/index.d.ts +4 -0
  143. package/dist/Components/Tooltip/index.js +3 -0
  144. package/dist/Components/Tooltip/tooltip.types.d.ts +166 -0
  145. package/dist/Provider/bridgeUITypes.d.ts +4 -1
  146. package/dist/Provider/createBridgeUIApi.js +15 -2
  147. package/dist/Utils/index.js +7 -7
  148. package/dist/Utils/useBreakpoint.js +7 -7
  149. package/dist/augments.d.ts +2 -2
  150. package/dist/index.d.ts +11 -1
  151. package/dist/index.js +84 -76
  152. package/package.json +21 -3
@@ -0,0 +1,166 @@
1
+ import { HTMLAttributes, Slot } from 'vue';
2
+ import { MergeHtmlProps, MergeProps, PositionPlacement, PositionStrategy, TooltipColor, TooltipRounded, TooltipSize } from '@bridge-ui/core';
3
+ export interface TooltipSizeOverrides {}
4
+ export interface TooltipColorOverrides {}
5
+ export interface TooltipRoundedOverrides {}
6
+ export interface TooltipClasses {
7
+ /**
8
+ * The classes to apply to the arrow.
9
+ */
10
+ arrow?: string;
11
+ /**
12
+ * The classes to apply to the content.
13
+ */
14
+ content?: string;
15
+ /**
16
+ * The classes to apply to the root.
17
+ */
18
+ root?: string;
19
+ /**
20
+ * The classes to apply to the trigger.
21
+ */
22
+ trigger?: string;
23
+ }
24
+ export interface TooltipCustomProps {
25
+ /**
26
+ * Props forwarded to the arrow element.
27
+ */
28
+ arrow?: HTMLAttributes;
29
+ /**
30
+ * Props forwarded to the floating tooltip panel.
31
+ */
32
+ content?: HTMLAttributes;
33
+ /**
34
+ * Props forwarded to the root wrapper (contains the trigger).
35
+ */
36
+ root?: HTMLAttributes;
37
+ /**
38
+ * Props forwarded to the trigger wrapper.
39
+ */
40
+ trigger?: HTMLAttributes;
41
+ }
42
+ export interface TooltipEmits {
43
+ /**
44
+ * Emitted when `show` should change (controlled state without `v-model`).
45
+ */
46
+ "show-change": [show: boolean];
47
+ }
48
+ /**
49
+ * Anchored tooltip. Visibility uses `v-model` (omit for uncontrolled hover/focus
50
+ * when using the `trigger` slot). Anchor with `anchorEl` or put the opener in
51
+ * the `trigger` slot. Use `content` for plain text, or the default slot for
52
+ * custom panel body (default slot wins when both are set).
53
+ */
54
+ export interface TooltipOwnProps {
55
+ /**
56
+ * Element that anchors the tooltip panel. When set, it is used
57
+ * for positioning instead of the `trigger` slot wrapper.
58
+ * Prefer this when the opener lives outside the `Tooltip` or is controlled manually.
59
+ * Not merged into Bridge defaults (DOM nodes must not be deep-merged).
60
+ *
61
+ * @default undefined
62
+ */
63
+ anchorEl?: null | HTMLElement;
64
+ /**
65
+ * Whether the tooltip shows an arrow pointing at the trigger.
66
+ *
67
+ * @default true
68
+ */
69
+ arrow?: boolean;
70
+ /**
71
+ * The classes to apply to the tooltip.
72
+ *
73
+ * @default undefined
74
+ */
75
+ classes?: TooltipClasses;
76
+ /**
77
+ * Delay in ms before closing after pointer leave / blur.
78
+ *
79
+ * @default 0
80
+ */
81
+ closeDelay?: number;
82
+ /**
83
+ * The color of the tooltip.
84
+ *
85
+ * @default "dark"
86
+ */
87
+ color?: MergeProps<TooltipColor, TooltipColorOverrides>;
88
+ /**
89
+ * Plain text for the tooltip panel. Prefer the default slot for custom markup.
90
+ *
91
+ * @default undefined
92
+ */
93
+ content?: string;
94
+ /**
95
+ * Extra props for internal parts (`root`, `trigger`, `content`, `arrow`).
96
+ * Root HTML attributes stay on the component top level.
97
+ *
98
+ * @default undefined
99
+ */
100
+ customProps?: TooltipCustomProps;
101
+ /**
102
+ * When true, the tooltip does not open on hover or focus.
103
+ *
104
+ * @default false
105
+ */
106
+ disabled?: boolean;
107
+ /**
108
+ * Gap between the trigger and the tooltip panel (px).
109
+ *
110
+ * @default 8
111
+ */
112
+ offset?: number;
113
+ /**
114
+ * Called when `show` should change (controlled state without `v-model`).
115
+ *
116
+ * @default undefined
117
+ */
118
+ onShowChange?: (show: boolean) => void;
119
+ /**
120
+ * Delay in ms before opening after pointer enter / focus.
121
+ *
122
+ * @default 200
123
+ */
124
+ openDelay?: number;
125
+ /**
126
+ * Preferred placement of the tooltip relative to the anchor (Floating UI).
127
+ *
128
+ * @default "top"
129
+ */
130
+ placement?: PositionPlacement;
131
+ /**
132
+ * The roundedness of the tooltip panel.
133
+ *
134
+ * @default "md"
135
+ */
136
+ rounded?: MergeProps<TooltipRounded, TooltipRoundedOverrides>;
137
+ /**
138
+ * The size of the tooltip.
139
+ *
140
+ * @default "md"
141
+ */
142
+ size?: MergeProps<TooltipSize, TooltipSizeOverrides>;
143
+ /**
144
+ * CSS position strategy for the floating panel.
145
+ *
146
+ * @default "fixed"
147
+ */
148
+ strategy?: PositionStrategy;
149
+ /**
150
+ * Where to portal the tooltip panel. Pass `false` to render in place.
151
+ *
152
+ * @default "body"
153
+ */
154
+ teleportTo?: false | string;
155
+ }
156
+ export interface TooltipSlots {
157
+ /**
158
+ * Custom panel body. Wins over the `content` prop when both are set.
159
+ */
160
+ default?: Slot<undefined>;
161
+ /**
162
+ * The trigger element that opens the tooltip.
163
+ */
164
+ trigger?: Slot<undefined>;
165
+ }
166
+ export type TooltipProps = MergeHtmlProps<TooltipOwnProps, HTMLAttributes>;
@@ -1,8 +1,11 @@
1
1
  import { ComputedRef } from 'vue';
2
- import { BridgeUIComponentsConfig, BridgeUIGlobal } from '@bridge-ui/core';
2
+ import { BridgeUIComponentsConfig, BridgeUIGlobal, Direction } from '@bridge-ui/core';
3
3
  export interface BridgeUIContextApi {
4
4
  components: ComputedRef<BridgeUIComponentsConfig>;
5
5
  global: ComputedRef<BridgeUIGlobal>;
6
6
  setComponents: (patch: BridgeUIComponentsConfig) => void;
7
+ setDirection: (direction: Direction) => void;
7
8
  setGlobal: (patch: Partial<BridgeUIGlobal>) => void;
9
+ setLocale: (locale: string) => void;
10
+ setTheme: (theme: string) => void;
8
11
  }
@@ -17,9 +17,19 @@ function o(o, s) {
17
17
  partials: [l.value]
18
18
  }));
19
19
  function m(e) {
20
- c.value = a(c.value, e);
20
+ let { icons: t, ...n } = e, r = a(c.value, n);
21
+ t !== void 0 && (r.icons = t), c.value = r;
21
22
  }
22
23
  function h(e) {
24
+ m({ theme: e });
25
+ }
26
+ function g(e) {
27
+ m({ locale: e }), d.value.i18n?.setLocale?.(e);
28
+ }
29
+ function _(e) {
30
+ m({ direction: e });
31
+ }
32
+ function v(e) {
23
33
  l.value = r({
24
34
  partials: [e],
25
35
  base: l.value
@@ -27,9 +37,12 @@ function o(o, s) {
27
37
  }
28
38
  return {
29
39
  global: d,
40
+ setTheme: h,
30
41
  setGlobal: m,
42
+ setLocale: g,
31
43
  components: p,
32
- setComponents: h
44
+ setDirection: _,
45
+ setComponents: v
33
46
  };
34
47
  }
35
48
  //#endregion
@@ -3,8 +3,8 @@ import { hasNamedSlot as t, hasSlotOrProp as n, isPropPresent as r, resolveNamed
3
3
  import { useBreakpoint as o } from "./useBreakpoint.js";
4
4
  import { useHoldRepeat as s } from "./useHoldRepeat.js";
5
5
  import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
6
- import { get as f, isNil as p } from "es-toolkit/compat";
7
- import { createMergeNestedComponentProps as m, createMergePartBind as h } from "@bridge-ui/core";
6
+ import { createMergeNestedComponentProps as f, createMergePartBind as p } from "@bridge-ui/core";
7
+ import { get as m, isNil as h } from "es-toolkit/compat";
8
8
  import { mergeBridgeUILayeredClasses as g, mergePropsWithBridgeUIDefaults as _ } from "@bridge-ui/core/Utils";
9
9
  //#region src/Utils/index.ts
10
10
  function v(e) {
@@ -15,11 +15,11 @@ function v(e) {
15
15
  }
16
16
  });
17
17
  }
18
- var y = h("class"), b = m(y);
18
+ var y = p("class"), b = f(y);
19
19
  function x({ props: t, libDefaults: n, componentName: r }) {
20
- let i = e(), a = c(() => p(i) ? null : d(i.components));
20
+ let i = e(), a = c(() => h(i) ? null : d(i.components));
21
21
  return {
22
- entry: c(() => f(a.value, r)),
22
+ entry: c(() => m(a.value, r)),
23
23
  bridge: i,
24
24
  merged: c(() => _({
25
25
  libDefaults: n,
@@ -31,10 +31,10 @@ function x({ props: t, libDefaults: n, componentName: r }) {
31
31
  };
32
32
  }
33
33
  function S({ entry: e, props: t }) {
34
- return c(() => g(f(e.value, "classes"), u(t).classes));
34
+ return c(() => g(m(e.value, "classes"), u(t).classes));
35
35
  }
36
36
  function C(e) {
37
- return f({
37
+ return m({
38
38
  xs: "xs",
39
39
  sm: "sm",
40
40
  md: "md",
@@ -1,24 +1,24 @@
1
1
  import { useBridgeUI as e } from "../Provider/useBridgeUI.js";
2
2
  import { onBeforeUnmount as t, reactive as n, toValue as r, watch as i } from "vue";
3
- import { isEmpty as a, isNil as o } from "es-toolkit/compat";
4
- import { buildBreakpointSnapshot as s, createBreakpointObserver as c, resolveBreakpoints as l } from "@bridge-ui/core";
3
+ import { buildBreakpointSnapshot as a, createBreakpointObserver as o, resolveBreakpoints as s } from "@bridge-ui/core";
4
+ import { isEmpty as c, isNil as l } from "es-toolkit/compat";
5
5
  import { toMerged as u } from "es-toolkit/object";
6
6
  //#region src/Utils/useBreakpoint.ts
7
7
  function d(d) {
8
- let f = e(), p = n(s(0, 0, l(), "sm")), m, h;
8
+ let f = e(), p = n(a(0, 0, s(), "sm")), m, h;
9
9
  function g(e) {
10
10
  Object.assign(p, e);
11
11
  }
12
12
  function _(e) {
13
13
  let t = u(f?.global.value.breakpoints ?? {}, e?.breakpoints ?? {});
14
14
  return {
15
- breakpoints: a(t) ? void 0 : t,
16
- mobileBreakpoint: o(e?.mobileBreakpoint) ? f?.global.value.mobileBreakpoint : e.mobileBreakpoint
15
+ breakpoints: c(t) ? void 0 : t,
16
+ mobileBreakpoint: l(e?.mobileBreakpoint) ? f?.global.value.mobileBreakpoint : e.mobileBreakpoint
17
17
  };
18
18
  }
19
19
  function v(e) {
20
- h?.(), h = void 0, m = c(_(e)), g(m.getSnapshot()), h = m.subscribe(() => {
21
- o(m) || g(m.getSnapshot());
20
+ h?.(), h = void 0, m = o(_(e)), g(m.getSnapshot()), h = m.subscribe(() => {
21
+ l(m) || g(m.getSnapshot());
22
22
  });
23
23
  }
24
24
  return v(r(d)), i(() => [
@@ -61,11 +61,11 @@ declare module "@bridge-ui/core" {
61
61
  }
62
62
  interface FormControlConfigOverrides {
63
63
  classes: FormControlClasses;
64
- defaultProps: Partial<Pick<FormControlProps, "size" | "error" | "withoutErrorMessage">>;
64
+ defaultProps: Partial<Pick<FormControlProps, "size" | "error" | "hideErrorMessage">>;
65
65
  }
66
66
  interface FormFieldConfigOverrides {
67
67
  classes: FormFieldClasses;
68
- defaultProps: Partial<Pick<FormFieldProps, "size" | "color" | "rounded" | "variant" | "errorIcon" | "withErrorIcon">>;
68
+ defaultProps: Partial<Pick<FormFieldProps, "size" | "color" | "rounded" | "variant" | "errorIcon" | "showErrorIcon">>;
69
69
  }
70
70
  interface IconConfigOverrides {
71
71
  defaultProps: Partial<Pick<IconProps, "size">>;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,10 @@
1
+ export { setI18nAdapterForTests, useI18nAdapter, useResolveMessage, } from './Adapters/I18n';
2
+ export { setIconAdapterForTests, useIconAdapter } from './Adapters/Icon';
3
+ export type { IconElement, IconSource, SemanticIconName, } from './Adapters/Icon';
1
4
  export { Alert, useAlert } from './Components/Alert';
2
5
  export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
6
+ export { Autocomplete, AutocompleteOption } from './Components/Autocomplete';
7
+ export type { AutocompleteClasses, AutocompleteEmits, AutocompleteOptionData, AutocompleteOptionProps, AutocompleteProps, AutocompleteSlots, } from './Components/Autocomplete';
3
8
  export { Avatar } from './Components/Avatar';
4
9
  export type { AvatarClasses, AvatarColorOverrides, AvatarCustomProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
5
10
  export { Badge, useBadge } from './Components/Badge';
@@ -40,6 +45,8 @@ export { Modal, useModal } from './Components/Modal';
40
45
  export type { ModalAlignOverrides, ModalBlurOverrides, ModalClasses, ModalCustomProps, ModalEmits, ModalOwnProps, ModalProps, ModalSizeOverrides, ModalSlots, } from './Components/Modal';
41
46
  export { NumberField, useNumberField } from './Components/NumberField';
42
47
  export type { NumberFieldClasses, NumberFieldCustomProps, NumberFieldOwnProps, NumberFieldProps, NumberFieldSlots, } from './Components/NumberField';
48
+ export { OtpField, useOtpField } from './Components/OtpField';
49
+ export type { OtpFieldClasses, OtpFieldCustomProps, OtpFieldEmits, OtpFieldOwnProps, OtpFieldProps, OtpFieldSlots, UseOtpFieldOptions, } from './Components/OtpField';
43
50
  export { PasswordField, usePasswordField } from './Components/PasswordField';
44
51
  export type { PasswordFieldClasses, PasswordFieldCustomProps, PasswordFieldOwnProps, PasswordFieldProps, PasswordFieldSlots, } from './Components/PasswordField';
45
52
  export { Progress, useProgress } from './Components/Progress';
@@ -70,8 +77,11 @@ export { Textarea, useTextarea } from './Components/Textarea';
70
77
  export type { TextareaClasses, TextareaCustomProps, TextareaOwnProps, TextareaProps, TextareaSlots, } from './Components/Textarea';
71
78
  export { TextField, useTextField } from './Components/TextField';
72
79
  export type { TextFieldClasses, TextFieldCustomProps, TextFieldOwnProps, TextFieldProps, TextFieldSlots, } from './Components/TextField';
80
+ export { Tooltip, useTooltip } from './Components/Tooltip';
81
+ export type { TooltipClasses, TooltipColorOverrides, TooltipCustomProps, TooltipEmits, TooltipOptions, TooltipOwnProps, TooltipProps, TooltipRoundedOverrides, TooltipSizeOverrides, TooltipSlots, } from './Components/Tooltip';
73
82
  export { BridgeUIProvider, createBridgeUI, useBridgeUI } from './Provider';
74
83
  export type { BridgeUIContextApi } from './Provider';
75
84
  export { useBreakpoint, useBridgeUIComponent, useBridgeUIMergedRegistryClasses, } from './Utils';
76
85
  export type { UseBreakpointOptions } from './Utils';
77
- export { BRIDGE_UI_DEFAULT_GLOBAL, cn, mergeBridgeUIComponents, mergeBridgeUIGlobal, resolveBridgeUIOptions, } from '@bridge-ui/core';
86
+ export { BRIDGE_UI_DEFAULT_GLOBAL, SEMANTIC_ICON_NAMES, cn, mergeBridgeUIComponents, mergeBridgeUIGlobal, resolveBridgeUIOptions, resolveMessage, } from '@bridge-ui/core';
87
+ export type { I18nAdapter, IconAdapter, SemanticIconNameOverrides, } from '@bridge-ui/core';
package/dist/index.js CHANGED
@@ -1,77 +1,85 @@
1
1
  import { useBridgeUI as e } from "./Provider/useBridgeUI.js";
2
- import { useBreakpoint as t } from "./Utils/useBreakpoint.js";
3
- import { useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "./Utils/index.js";
4
- import { useAlert as i } from "./Components/Alert/composables/useAlert.js";
5
- import a from "./Components/Icon/Icon.js";
6
- import o from "./Components/Alert/Alert.js";
7
- import s from "./Components/Avatar/Avatar.js";
8
- import { useBadge as c } from "./Components/Badge/composables/useBadge.js";
9
- import l from "./Components/Badge/Badge.js";
10
- import { useButton as u } from "./Components/Button/composables/useButton.js";
11
- import d from "./Components/Button/Button.js";
12
- import { useCard as f } from "./Components/Card/composables/useCard.js";
13
- import p from "./Components/Card/Card.js";
14
- import { useFormControl as m } from "./Components/FormControl/composables/useFormControl.js";
15
- import { useLabel as h } from "./Components/Label/composables/useLabel.js";
16
- import g from "./Components/Label/Label.js";
17
- import _ from "./Components/FormControl/FormControl.js";
18
- import { useCheckbox as v } from "./Components/Checkbox/composables/useCheckbox.js";
19
- import y from "./Components/Checkbox/Checkbox.js";
20
- import { useChip as b } from "./Components/Chip/composables/useChip.js";
21
- import x from "./Components/Chip/Chip.js";
22
- import { useDivider as S } from "./Components/Divider/composables/useDivider.js";
23
- import C from "./Components/Divider/Divider.js";
24
- import { useDrawer as w } from "./Components/Drawer/composables/useDrawer.js";
25
- import T from "./Components/Drawer/Drawer.js";
26
- import { useFormField as E } from "./Components/FormField/composables/useFormField.js";
27
- import D from "./Components/FormField/FormField.js";
28
- import { useLink as O } from "./Components/Link/composables/useLink.js";
29
- import k from "./Components/Link/Link.js";
30
- import { useList as A } from "./Components/List/composables/useList.js";
31
- import j from "./Components/List/List.js";
32
- import { useListbox as M } from "./Components/Listbox/composables/useListbox.js";
33
- 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";
34
- import z from "./Components/ListItem/ListItem.js";
35
- import B from "./Components/ListSection/ListSection.js";
36
- import { useMenu as V } from "./Components/Menu/composables/useMenu.js";
37
- import H from "./Components/Menu/Menu.js";
38
- import { useProgress as U } from "./Components/Progress/composables/useProgress.js";
39
- import W from "./Components/Progress/Progress.js";
40
- import G from "./Components/Listbox/Listbox.js";
41
- import { useModal as K } from "./Components/Modal/composables/useModal.js";
42
- import q from "./Components/Modal/Modal.js";
43
- import { useNumberField as J } from "./Components/NumberField/composables/useNumberField.js";
44
- import Y from "./Components/NumberField/NumberField.js";
45
- import { usePasswordField as X } from "./Components/PasswordField/composables/usePasswordField.js";
46
- import Z from "./Components/PasswordField/PasswordField.js";
47
- import { useRadio as Q } from "./Components/Radio/composables/useRadio.js";
48
- import $ from "./Components/Radio/Radio.js";
49
- import ee from "./Components/Select/Select.js";
50
- import te from "./Components/Select/SelectOption.js";
51
- import { useSkeleton as ne } from "./Components/Skeleton/composables/useSkeleton.js";
52
- import re from "./Components/Skeleton/Skeleton.js";
53
- import { useSnackbar as ie } from "./Components/Snackbar/composables/useSnackbar.js";
54
- import ae from "./Components/Snackbar/Snackbar.js";
55
- import { useSpinner as oe } from "./Components/Spinner/composables/useSpinner.js";
56
- import se from "./Components/Spinner/Spinner.js";
57
- import { useSwitch as ce } from "./Components/Switch/composables/useSwitch.js";
58
- import le from "./Components/Switch/Switch.js";
59
- import { TABS_INJECTION_KEY as ue } from "./Components/Tabs/tabsInjectionKey.js";
60
- import { useTab as de } from "./Components/Tab/composables/useTab.js";
61
- import fe from "./Components/Tab/Tab.js";
62
- import { useTabItem as pe } from "./Components/TabItem/composables/useTabItem.js";
63
- import me from "./Components/TabItem/TabItem.js";
64
- import { useTabList as he } from "./Components/TabList/composables/useTabList.js";
65
- import ge from "./Components/TabList/TabList.js";
66
- import { useTabPanel as _e } from "./Components/TabPanel/composables/useTabPanel.js";
67
- import ve from "./Components/TabPanel/TabPanel.js";
68
- import { useTabs as ye } from "./Components/Tabs/composables/useTabs.js";
69
- import be from "./Components/Tabs/Tabs.js";
70
- import { useTextarea as xe } from "./Components/Textarea/composables/useTextarea.js";
71
- import Se from "./Components/Textarea/Textarea.js";
72
- import { useTextField as Ce } from "./Components/TextField/composables/useTextField.js";
73
- import we from "./Components/TextField/TextField.js";
74
- import Te from "./Provider/BridgeUIProvider.js";
75
- import { createBridgeUI as Ee } from "./Provider/createBridgeUI.js";
76
- import { BRIDGE_UI_DEFAULT_GLOBAL as De, cn as Oe, mergeBridgeUIComponents as ke, mergeBridgeUIGlobal as Ae, resolveBridgeUIOptions as je } from "@bridge-ui/core";
77
- 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, y as Checkbox, x as Chip, C as Divider, T as Drawer, _ as FormControl, D as FormField, a as Icon, g 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, v as useCheckbox, b as useChip, S as useDivider, w as useDrawer, m as useFormControl, E as useFormField, h 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 };
2
+ import { setI18nAdapterForTests as t, useI18nAdapter as n, useResolveMessage as r } from "./Adapters/I18n/useI18nAdapter.js";
3
+ import { setIconAdapterForTests as i, useIconAdapter as a } from "./Adapters/Icon/useIconAdapter.js";
4
+ import { useBreakpoint as o } from "./Utils/useBreakpoint.js";
5
+ import { useBridgeUIComponent as s, useBridgeUIMergedRegistryClasses as c } from "./Utils/index.js";
6
+ import { useAlert as l } from "./Components/Alert/composables/useAlert.js";
7
+ import u from "./Components/Icon/Icon.js";
8
+ import d from "./Components/Alert/Alert.js";
9
+ import { useFormField as f } from "./Components/FormField/composables/useFormField.js";
10
+ import { findFirstEnabledOptionIndex as p, findLastEnabledOptionIndex as m, getListboxActiveDescendantId as h, getListboxOptionId as g, moveListboxHighlight as _, useListboxNavigation as v } from "./Components/Listbox/composables/useListboxNavigation.js";
11
+ import { useChip as y } from "./Components/Chip/composables/useChip.js";
12
+ import b from "./Components/Chip/Chip.js";
13
+ import { useLabel as x } from "./Components/Label/composables/useLabel.js";
14
+ import S from "./Components/Label/Label.js";
15
+ import C from "./Components/FormField/FormField.js";
16
+ import { useListbox as w } from "./Components/Listbox/composables/useListbox.js";
17
+ import { useList as T } from "./Components/List/composables/useList.js";
18
+ import E from "./Components/List/List.js";
19
+ import D from "./Components/ListItem/ListItem.js";
20
+ import O from "./Components/ListSection/ListSection.js";
21
+ import { useMenu as k } from "./Components/Menu/composables/useMenu.js";
22
+ import A from "./Components/Menu/Menu.js";
23
+ import { useProgress as j } from "./Components/Progress/composables/useProgress.js";
24
+ import M from "./Components/Progress/Progress.js";
25
+ import N from "./Components/Listbox/Listbox.js";
26
+ import P from "./Components/Autocomplete/Autocomplete.js";
27
+ import F from "./Components/Autocomplete/AutocompleteOption.js";
28
+ import I from "./Components/Avatar/Avatar.js";
29
+ import { useBadge as L } from "./Components/Badge/composables/useBadge.js";
30
+ import R from "./Components/Badge/Badge.js";
31
+ import { useButton as z } from "./Components/Button/composables/useButton.js";
32
+ import B from "./Components/Button/Button.js";
33
+ import { useCard as V } from "./Components/Card/composables/useCard.js";
34
+ import H from "./Components/Card/Card.js";
35
+ import { useFormControl as U } from "./Components/FormControl/composables/useFormControl.js";
36
+ import W from "./Components/FormControl/FormControl.js";
37
+ import { useCheckbox as G } from "./Components/Checkbox/composables/useCheckbox.js";
38
+ import K from "./Components/Checkbox/Checkbox.js";
39
+ import { useDivider as q } from "./Components/Divider/composables/useDivider.js";
40
+ import J from "./Components/Divider/Divider.js";
41
+ import { useDrawer as Y } from "./Components/Drawer/composables/useDrawer.js";
42
+ import X from "./Components/Drawer/Drawer.js";
43
+ import { useLink as Z } from "./Components/Link/composables/useLink.js";
44
+ import Q from "./Components/Link/Link.js";
45
+ import { useModal as $ } from "./Components/Modal/composables/useModal.js";
46
+ import ee from "./Components/Modal/Modal.js";
47
+ import { useNumberField as te } from "./Components/NumberField/composables/useNumberField.js";
48
+ import ne from "./Components/NumberField/NumberField.js";
49
+ import { useOtpField as re } from "./Components/OtpField/composables/useOtpField.js";
50
+ import ie from "./Components/OtpField/OtpField.js";
51
+ import { usePasswordField as ae } from "./Components/PasswordField/composables/usePasswordField.js";
52
+ import oe from "./Components/PasswordField/PasswordField.js";
53
+ import { useRadio as se } from "./Components/Radio/composables/useRadio.js";
54
+ import ce from "./Components/Radio/Radio.js";
55
+ import le from "./Components/Select/Select.js";
56
+ import ue from "./Components/Select/SelectOption.js";
57
+ import { useSkeleton as de } from "./Components/Skeleton/composables/useSkeleton.js";
58
+ import fe from "./Components/Skeleton/Skeleton.js";
59
+ import { useSnackbar as pe } from "./Components/Snackbar/composables/useSnackbar.js";
60
+ import me from "./Components/Snackbar/Snackbar.js";
61
+ import { useSpinner as he } from "./Components/Spinner/composables/useSpinner.js";
62
+ import ge from "./Components/Spinner/Spinner.js";
63
+ import { useSwitch as _e } from "./Components/Switch/composables/useSwitch.js";
64
+ import ve from "./Components/Switch/Switch.js";
65
+ import { TABS_INJECTION_KEY as ye } from "./Components/Tabs/tabsInjectionKey.js";
66
+ import { useTab as be } from "./Components/Tab/composables/useTab.js";
67
+ import xe from "./Components/Tab/Tab.js";
68
+ import { useTabItem as Se } from "./Components/TabItem/composables/useTabItem.js";
69
+ import Ce from "./Components/TabItem/TabItem.js";
70
+ import { useTabList as we } from "./Components/TabList/composables/useTabList.js";
71
+ import Te from "./Components/TabList/TabList.js";
72
+ import { useTabPanel as Ee } from "./Components/TabPanel/composables/useTabPanel.js";
73
+ import De from "./Components/TabPanel/TabPanel.js";
74
+ import { useTabs as Oe } from "./Components/Tabs/composables/useTabs.js";
75
+ import ke from "./Components/Tabs/Tabs.js";
76
+ import { useTextarea as Ae } from "./Components/Textarea/composables/useTextarea.js";
77
+ import je from "./Components/Textarea/Textarea.js";
78
+ import { useTextField as Me } from "./Components/TextField/composables/useTextField.js";
79
+ import Ne from "./Components/TextField/TextField.js";
80
+ import { useTooltip as Pe } from "./Components/Tooltip/composables/useTooltip.js";
81
+ import Fe from "./Components/Tooltip/Tooltip.js";
82
+ import Ie from "./Provider/BridgeUIProvider.js";
83
+ import { createBridgeUI as Le } from "./Provider/createBridgeUI.js";
84
+ import { BRIDGE_UI_DEFAULT_GLOBAL as Re, SEMANTIC_ICON_NAMES as ze, cn as Be, mergeBridgeUIComponents as Ve, mergeBridgeUIGlobal as He, resolveBridgeUIOptions as Ue, resolveMessage as We } from "@bridge-ui/core";
85
+ export { d as Alert, P as Autocomplete, F as AutocompleteOption, I as Avatar, Re as BRIDGE_UI_DEFAULT_GLOBAL, R as Badge, Ie as BridgeUIProvider, B as Button, H as Card, K as Checkbox, b as Chip, J as Divider, X as Drawer, W as FormControl, C as FormField, u as Icon, S as Label, Q as Link, E as List, D as ListItem, O as ListSection, N as Listbox, A as Menu, ee as Modal, ne as NumberField, ie as OtpField, oe as PasswordField, M as Progress, ce as Radio, ze as SEMANTIC_ICON_NAMES, le as Select, ue as SelectOption, fe as Skeleton, me as Snackbar, ge as Spinner, ve as Switch, ye as TABS_INJECTION_KEY, xe as Tab, Ce as TabItem, Te as TabList, De as TabPanel, ke as Tabs, Ne as TextField, je as Textarea, Fe as Tooltip, Be as cn, Le as createBridgeUI, p as findFirstEnabledOptionIndex, m as findLastEnabledOptionIndex, h as getListboxActiveDescendantId, g as getListboxOptionId, Ve as mergeBridgeUIComponents, He as mergeBridgeUIGlobal, _ as moveListboxHighlight, Ue as resolveBridgeUIOptions, We as resolveMessage, t as setI18nAdapterForTests, i as setIconAdapterForTests, l as useAlert, L as useBadge, o as useBreakpoint, e as useBridgeUI, s as useBridgeUIComponent, c as useBridgeUIMergedRegistryClasses, z as useButton, V as useCard, G as useCheckbox, y as useChip, q as useDivider, Y as useDrawer, U as useFormControl, f as useFormField, n as useI18nAdapter, a as useIconAdapter, x as useLabel, Z as useLink, T as useList, w as useListbox, v as useListboxNavigation, k as useMenu, $ as useModal, te as useNumberField, re as useOtpField, ae as usePasswordField, j as useProgress, se as useRadio, r as useResolveMessage, de as useSkeleton, pe as useSnackbar, he as useSpinner, _e as useSwitch, be as useTab, Se as useTabItem, we as useTabList, Ee as useTabPanel, Oe as useTabs, Me as useTextField, Ae as useTextarea, Pe as useTooltip };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "license": "MIT",
4
- "version": "0.0.5",
4
+ "version": "0.0.7",
5
5
  "author": "BridgeUI",
6
6
  "sideEffects": false,
7
7
  "name": "@bridge-ui/vue",
@@ -42,6 +42,18 @@
42
42
  "import": "./dist/Provider/index.js",
43
43
  "types": "./dist/Provider/index.d.ts"
44
44
  },
45
+ "./Adapters": {
46
+ "import": "./dist/Adapters/index.js",
47
+ "types": "./dist/Adapters/index.d.ts"
48
+ },
49
+ "./Adapters/Icon": {
50
+ "import": "./dist/Adapters/Icon/index.js",
51
+ "types": "./dist/Adapters/Icon/index.d.ts"
52
+ },
53
+ "./Adapters/I18n": {
54
+ "import": "./dist/Adapters/I18n/index.js",
55
+ "types": "./dist/Adapters/I18n/index.d.ts"
56
+ },
45
57
  "./Actions": {
46
58
  "import": "./dist/Actions/index.js",
47
59
  "types": "./dist/Actions/index.d.ts"
@@ -60,8 +72,7 @@
60
72
  "dist"
61
73
  ],
62
74
  "peerDependencies": {
63
- "@bridge-ui/core": "^0.0.5",
64
- "@lucide/vue": ">=1.0.0",
75
+ "@bridge-ui/core": "^0.0.7",
65
76
  "vue": "^3.4.0"
66
77
  },
67
78
  "dependencies": {
@@ -80,7 +91,13 @@
80
91
  },
81
92
  "devDependencies": {
82
93
  "@bridge-ui/core": "*",
94
+ "@fortawesome/fontawesome-svg-core": "^7.3.1",
95
+ "@fortawesome/free-solid-svg-icons": "^7.3.1",
96
+ "@fortawesome/vue-fontawesome": "^3.3.3",
97
+ "@heroicons/vue": "^2.2.0",
83
98
  "@lucide/vue": "^1.24.0",
99
+ "@phosphor-icons/vue": "^2.2.1",
100
+ "@tabler/icons-vue": "^3.46.0",
84
101
  "@tailwindcss/cli": "^4.3.0",
85
102
  "@tailwindcss/vite": "^4.3.0",
86
103
  "@types/node": "^24.0.0",
@@ -89,6 +106,7 @@
89
106
  "tailwindcss": "^4.3.0",
90
107
  "typescript": "^6.0.3",
91
108
  "vue": "^3.5.34",
109
+ "vue-i18n": "^11.4.8",
92
110
  "vue-tsc": "^3.2.9"
93
111
  }
94
112
  }