@bridge-ui/vue 0.0.2 → 0.0.4

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 (95) hide show
  1. package/dist/Actions/Dialog/BridgeDialogAction.vue_vue_type_script_setup_true_lang.js +19 -35
  2. package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js +41 -54
  3. package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js +1 -1
  4. package/dist/Components/Alert/alertDefaultIcons.d.ts +1 -1
  5. package/dist/Components/Alert/composables/useAlert.js +2 -2
  6. package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js +1 -0
  7. package/dist/Components/Avatar/avatar.types.d.ts +34 -1
  8. package/dist/Components/Avatar/composables/useAvatar.d.ts +4 -4
  9. package/dist/Components/Avatar/composables/useAvatar.js +10 -9
  10. package/dist/Components/Avatar/index.d.ts +1 -1
  11. package/dist/Components/Badge/composables/useBadge.js +2 -2
  12. package/dist/Components/Button/composables/useButton.d.ts +1 -1
  13. package/dist/Components/Button/composables/useButton.js +2 -2
  14. package/dist/Components/Card/composables/useCard.js +4 -4
  15. package/dist/Components/Checkbox/Checkbox.vue.d.ts +3 -3
  16. package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js +23 -23
  17. package/dist/Components/Checkbox/checkbox.types.d.ts +7 -6
  18. package/dist/Components/Checkbox/composables/useCheckbox.d.ts +6 -11
  19. package/dist/Components/Checkbox/composables/useCheckbox.js +4 -3
  20. package/dist/Components/Chip/composables/useChip.js +2 -2
  21. package/dist/Components/Divider/composables/useDivider.js +2 -2
  22. package/dist/Components/Drawer/Drawer.vue.d.ts +1 -1
  23. package/dist/Components/Drawer/composables/useDrawer.d.ts +1 -1
  24. package/dist/Components/Drawer/composables/useDrawer.js +2 -2
  25. package/dist/Components/FormControl/FormControl.vue_vue_type_script_setup_true_lang.js +24 -18
  26. package/dist/Components/FormControl/FormControlLabel.js +5 -0
  27. package/dist/Components/FormControl/FormControlLabel.vue.d.ts +8 -0
  28. package/dist/Components/FormControl/FormControlLabel.vue_vue_type_script_setup_true_lang.js +19 -0
  29. package/dist/Components/FormControl/composables/useFormControl.d.ts +7 -11
  30. package/dist/Components/FormControl/composables/useFormControl.js +62 -68
  31. package/dist/Components/FormControl/formControl.types.d.ts +19 -30
  32. package/dist/Components/FormField/FilledFormField.vue_vue_type_script_setup_true_lang.js +23 -25
  33. package/dist/Components/FormField/FormFieldLabel.js +5 -0
  34. package/dist/Components/FormField/FormFieldLabel.vue.d.ts +7 -0
  35. package/dist/Components/FormField/FormFieldLabel.vue_vue_type_script_setup_true_lang.js +16 -0
  36. package/dist/Components/FormField/NotchedFormField.vue_vue_type_script_setup_true_lang.js +22 -24
  37. package/dist/Components/FormField/OutlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -25
  38. package/dist/Components/FormField/StackedFormField.vue_vue_type_script_setup_true_lang.js +25 -27
  39. package/dist/Components/FormField/UnderlinedFormField.vue_vue_type_script_setup_true_lang.js +23 -25
  40. package/dist/Components/FormField/composables/useFormField.d.ts +3 -3
  41. package/dist/Components/FormField/composables/useFormField.js +112 -111
  42. package/dist/Components/FormField/formField.types.d.ts +6 -3
  43. package/dist/Components/Icon/composables/useIcon.js +2 -2
  44. package/dist/Components/Label/composables/useLabel.js +2 -2
  45. package/dist/Components/Link/composables/useLink.js +2 -2
  46. package/dist/Components/Listbox/Listbox.vue.d.ts +1 -1
  47. package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +82 -118
  48. package/dist/Components/Listbox/composables/useListbox.js +2 -2
  49. package/dist/Components/Listbox/listbox.types.d.ts +39 -5
  50. package/dist/Components/Menu/Menu.vue.d.ts +2 -2
  51. package/dist/Components/Menu/composables/useMenu.d.ts +1 -1
  52. package/dist/Components/Menu/composables/useMenu.js +2 -2
  53. package/dist/Components/Modal/composables/useModal.js +2 -2
  54. package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +52 -47
  55. package/dist/Components/NumberField/composables/useNumberField.d.ts +3 -4
  56. package/dist/Components/NumberField/composables/useNumberField.js +2 -2
  57. package/dist/Components/NumberField/numberField.types.d.ts +41 -2
  58. package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +35 -29
  59. package/dist/Components/PasswordField/composables/usePasswordField.d.ts +3 -4
  60. package/dist/Components/PasswordField/composables/usePasswordField.js +2 -2
  61. package/dist/Components/PasswordField/passwordField.types.d.ts +29 -2
  62. package/dist/Components/Progress/composables/useProgress.js +2 -2
  63. package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +15 -16
  64. package/dist/Components/Radio/composables/useRadio.d.ts +6 -11
  65. package/dist/Components/Radio/composables/useRadio.js +4 -3
  66. package/dist/Components/Radio/radio.types.d.ts +7 -6
  67. package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +64 -57
  68. package/dist/Components/Select/composables/useSelect.d.ts +16 -16
  69. package/dist/Components/Select/composables/useSelect.js +13 -13
  70. package/dist/Components/Select/select.types.d.ts +23 -4
  71. package/dist/Components/Skeleton/composables/useSkeleton.js +2 -2
  72. package/dist/Components/Snackbar/composables/useSnackbar.js +1 -1
  73. package/dist/Components/Spinner/composables/useSpinner.js +2 -2
  74. package/dist/Components/Switch/Switch.vue.d.ts +3 -3
  75. package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js +19 -19
  76. package/dist/Components/Switch/composables/useSwitch.d.ts +6 -11
  77. package/dist/Components/Switch/composables/useSwitch.js +4 -3
  78. package/dist/Components/Switch/switch.types.d.ts +7 -6
  79. package/dist/Components/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js +16 -16
  80. package/dist/Components/Tabs/composables/useTabs.js +2 -2
  81. package/dist/Components/Tabs/tabs.types.d.ts +27 -1
  82. package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +15 -8
  83. package/dist/Components/TextField/composables/useTextField.d.ts +3 -4
  84. package/dist/Components/TextField/composables/useTextField.js +7 -4
  85. package/dist/Components/TextField/textField.types.d.ts +9 -1
  86. package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +19 -12
  87. package/dist/Components/Textarea/composables/useTextarea.d.ts +3 -4
  88. package/dist/Components/Textarea/composables/useTextarea.js +4 -3
  89. package/dist/Components/Textarea/textarea.types.d.ts +7 -0
  90. package/dist/Utils/index.d.ts +9 -2
  91. package/dist/Utils/index.js +11 -11
  92. package/dist/index.d.ts +1 -1
  93. package/dist/index.js +14 -14
  94. package/dist/theme.css +1 -1
  95. package/package.json +2 -2
@@ -427,10 +427,9 @@ export declare function useTextField(props: TextFieldOwnProps): {
427
427
  onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
428
428
  onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
429
429
  onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
430
- }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "description" | "errorMessage" | "readonly" | "required" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
430
+ }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
431
431
  isNotched: import('vue').ComputedRef<boolean>;
432
432
  isStacked: import('vue').ComputedRef<boolean>;
433
- labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
434
433
  startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
435
434
  cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
436
435
  headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -440,12 +439,12 @@ export declare function useTextField(props: TextFieldOwnProps): {
440
439
  endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
441
440
  endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
442
441
  invalidated: import('vue').ComputedRef<boolean>;
443
- requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
444
442
  containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
445
443
  "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
446
444
  }>>;
447
445
  startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
448
446
  startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
447
+ fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
449
448
  ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
450
449
  descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
451
450
  stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
@@ -676,5 +675,5 @@ export declare function useTextField(props: TextFieldOwnProps): {
676
675
  onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
677
676
  onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
678
677
  onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
679
- }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "description" | "errorMessage" | "readonly" | "required" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
678
+ }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
680
679
  };
@@ -2,10 +2,13 @@ import { useFormField as e } from "../../FormField/composables/useFormField.js";
2
2
  import { useAttrs as t } from "vue";
3
3
  //#region src/Components/TextField/composables/useTextField.ts
4
4
  function n(n) {
5
- let r = t(), i = e(() => ({
6
- ...r,
7
- ...n
8
- }), {
5
+ let r = t(), i = e(() => {
6
+ let { defaultValue: e, ...t } = n;
7
+ return {
8
+ ...r,
9
+ ...t
10
+ };
11
+ }, {
9
12
  size: "md",
10
13
  rounded: "md",
11
14
  color: "primary",
@@ -3,7 +3,15 @@ import { MergeHtmlProps } from '@bridge-ui/core';
3
3
  import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
4
4
  export interface TextFieldClasses extends FormFieldClasses {}
5
5
  export interface TextFieldCustomProps extends FormFieldCustomProps {}
6
- export interface TextFieldOwnProps extends Omit<FormFieldOwnProps, "field"> {}
6
+ export interface TextFieldOwnProps extends Omit<FormFieldOwnProps, "field"> {
7
+ /**
8
+ * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
9
+ * not bound).
10
+ *
11
+ * @default undefined
12
+ */
13
+ defaultValue?: string;
14
+ }
7
15
  export interface TextFieldSlots extends FormFieldSlots {}
8
16
  export type TextFieldProps = MergeHtmlProps<TextFieldOwnProps, InputHTMLAttributes> & {
9
17
  /**
@@ -1,12 +1,14 @@
1
1
  import e from "../FormField/FormField.js";
2
2
  import { useTextarea as t } from "./composables/useTextarea.js";
3
- import { createBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, unref as c, useModel as l, useTemplateRef as u, vModelText as d, watch as f, withCtx as p, withDirectives as m } from "vue";
3
+ import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, useTemplateRef as f, vModelText as p, watch as m, withCtx as h, withDirectives as g } from "vue";
4
+ import { isUndefined as _ } from "es-toolkit/compat";
4
5
  //#region src/Components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
5
- var h = /* @__PURE__ */ i({
6
+ var v = /* @__PURE__ */ a({
6
7
  inheritAttrs: !1,
7
8
  __name: "Textarea",
8
- props: /* @__PURE__ */ a({
9
+ props: /* @__PURE__ */ o({
9
10
  autosize: { type: Boolean },
11
+ defaultValue: {},
10
12
  likeInput: { type: Boolean },
11
13
  resize: {},
12
14
  classes: {},
@@ -40,18 +42,23 @@ var h = /* @__PURE__ */ i({
40
42
  modelModifiers: {}
41
43
  }),
42
44
  emits: ["update:modelValue"],
43
- setup(i) {
44
- let a = l(i, "modelValue"), h = i, g = u("textarea"), { formField: _, textareaBind: v, adjustHeight: y } = t(h, g);
45
- return f(a, () => {
46
- y(g.value);
47
- }), (t, i) => (s(), n(c(e), { field: c(_) }, {
48
- default: p(() => [m(r("textarea", o({
45
+ setup(a) {
46
+ let o = d(a, "modelValue"), v = a, y = l(v.defaultValue), b = n({
47
+ set: (e) => {
48
+ o.value = e, y.value = e;
49
+ },
50
+ get: () => _(o.value) ? y.value : o.value
51
+ }), x = f("textarea"), { formField: S, textareaBind: C, adjustHeight: w } = t(v, x);
52
+ return m(b, () => {
53
+ w(x.value);
54
+ }), (t, n) => (c(), r(u(e), { field: u(S) }, {
55
+ default: h(() => [g(i("textarea", s({
49
56
  ref: "textarea",
50
- "onUpdate:modelValue": i[0] ||= (e) => a.value = e
51
- }, c(v)), null, 16), [[d, a.value]])]),
57
+ "onUpdate:modelValue": n[0] ||= (e) => b.value = e
58
+ }, u(C)), null, 16), [[p, b.value]])]),
52
59
  _: 1
53
60
  }, 8, ["field"]));
54
61
  }
55
62
  });
56
63
  //#endregion
57
- export { h as default };
64
+ export { v as default };
@@ -428,10 +428,9 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
428
428
  onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
429
429
  onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
430
430
  onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
431
- }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "description" | "errorMessage" | "readonly" | "required" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
431
+ }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
432
432
  isNotched: import('vue').ComputedRef<boolean>;
433
433
  isStacked: import('vue').ComputedRef<boolean>;
434
- labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
435
434
  startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
436
435
  cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
437
436
  headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -441,12 +440,12 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
441
440
  endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
442
441
  endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
443
442
  invalidated: import('vue').ComputedRef<boolean>;
444
- requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
445
443
  containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
446
444
  "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
447
445
  }>>;
448
446
  startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
449
447
  startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
448
+ fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
450
449
  ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
451
450
  descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
452
451
  stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
@@ -678,7 +677,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
678
677
  onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
679
678
  onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
680
679
  onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
681
- }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "description" | "errorMessage" | "readonly" | "required" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
680
+ }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
682
681
  rows?: string | number | undefined;
683
682
  onInput?: ((event: Event) => void) | undefined;
684
683
  }>>;
@@ -3,7 +3,7 @@ import { useFormField as r } from "../../FormField/composables/useFormField.js";
3
3
  import { computed as i, onMounted as a, useAttrs as o, watch as s } from "vue";
4
4
  import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
5
5
  import { adjustAutosizeTextareaHeight as d, cn as f, mergeBridgeUILayeredClasses as p } from "@bridge-ui/core";
6
- import { resizeProps as m } from "@bridge-ui/core/Components/Textarea";
6
+ import { resizeProps as m } from "@bridge-ui/core/Tokens/Textarea";
7
7
  //#region src/Components/Textarea/composables/useTextarea.ts
8
8
  function h(h, g) {
9
9
  let _ = o(), v = i(() => ({
@@ -28,7 +28,8 @@ function h(h, g) {
28
28
  ...u(h, [
29
29
  "autosize",
30
30
  "resize",
31
- "likeInput"
31
+ "likeInput",
32
+ "defaultValue"
32
33
  ]),
33
34
  classes: x.value
34
35
  }), {
@@ -40,7 +41,7 @@ function h(h, g) {
40
41
  }, {
41
42
  control: () => "textarea",
42
43
  likeInput: () => S.value
43
- }), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.customProps?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
44
+ }), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
44
45
  !e || !C.value || d(e);
45
46
  }, A = (e) => {
46
47
  k(e.target), O.value?.(e);
@@ -11,6 +11,13 @@ export interface TextareaOwnProps extends Omit<FormFieldOwnProps, "field"> {
11
11
  * Defaults to `true` when `likeInput` is set; otherwise `false`.
12
12
  */
13
13
  autosize?: boolean;
14
+ /**
15
+ * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
16
+ * not bound).
17
+ *
18
+ * @default undefined
19
+ */
20
+ defaultValue?: string;
14
21
  /**
15
22
  * Use compact TextField-like sizing instead of the default multiline textarea profile.
16
23
  * Enables `autosize` and `rows={1}` by default; both can be overridden explicitly.
@@ -1,7 +1,7 @@
1
1
  import { ComponentPublicInstance, ComputedRef, MaybeRefOrGetter } from 'vue';
2
- import { FormFieldSize } from '@bridge-ui/core/Components/FormField';
3
- import { IconSize } from '@bridge-ui/core/Components/Icon';
4
2
  import { BridgeUIComponentsConfig } from '@bridge-ui/core/Config';
3
+ import { FormFieldSize } from '@bridge-ui/core/Tokens/FormField';
4
+ import { IconSize } from '@bridge-ui/core/Tokens/Icon';
5
5
  import { useBridgeUI } from '../Provider/useBridgeUI';
6
6
  type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
7
7
  export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig> = {
@@ -18,6 +18,13 @@ export declare function defineHeadlessComponent(setup: () => void): import('vue'
18
18
  * Merges Vue-specific classes into the `class` attribute.
19
19
  */
20
20
  export declare const mergePartBind: <Bridge extends object, Part extends object | undefined = undefined, Inherited extends object | undefined = undefined>(partProps: Part, inheritedAttrs: Inherited, bridgeProps: string | Bridge) => import('@bridge-ui/core').MergePartBind<Bridge, "class", Part, Inherited>;
21
+ /**
22
+ * Merges consumer nested-component props with package defaults (consumer wins).
23
+ */
24
+ export declare const mergeNestedComponentProps: <P extends {
25
+ classes?: object;
26
+ customProps?: object;
27
+ }>(userProps: undefined | Partial<P>, defaults?: import('@bridge-ui/core').NestedComponentDefaults<P>) => Partial<P>;
21
28
  /**
22
29
  * Registry entry + props merged with Bridge defaults for a named component.
23
30
  */
@@ -4,10 +4,10 @@ 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
6
  import { get as f, isNil as p } from "es-toolkit/compat";
7
- import { createMergePartBind as m } from "@bridge-ui/core";
8
- import { mergeBridgeUILayeredClasses as h, mergePropsWithBridgeUIDefaults as g } from "@bridge-ui/core/Utils";
7
+ import { createMergeNestedComponentProps as m, createMergePartBind as h } from "@bridge-ui/core";
8
+ import { mergeBridgeUILayeredClasses as g, mergePropsWithBridgeUIDefaults as _ } from "@bridge-ui/core/Utils";
9
9
  //#region src/Utils/index.ts
10
- function _(e) {
10
+ function v(e) {
11
11
  return l({
12
12
  name: "HeadlessTestComponent",
13
13
  setup() {
@@ -15,13 +15,13 @@ function _(e) {
15
15
  }
16
16
  });
17
17
  }
18
- var v = m("class");
19
- function y({ props: t, libDefaults: n, componentName: r }) {
18
+ var y = h("class"), b = m(y);
19
+ function x({ props: t, libDefaults: n, componentName: r }) {
20
20
  let i = e(), a = c(() => p(i) ? null : d(i.components));
21
21
  return {
22
22
  entry: c(() => f(a.value, r)),
23
23
  bridge: i,
24
- merged: c(() => g({
24
+ merged: c(() => _({
25
25
  libDefaults: n,
26
26
  componentName: r,
27
27
  props: u(t),
@@ -30,10 +30,10 @@ function y({ props: t, libDefaults: n, componentName: r }) {
30
30
  components: a
31
31
  };
32
32
  }
33
- function b({ entry: e, props: t }) {
34
- return c(() => h(f(e.value, "classes"), u(t).classes));
33
+ function S({ entry: e, props: t }) {
34
+ return c(() => g(f(e.value, "classes"), u(t).classes));
35
35
  }
36
- function x(e) {
36
+ function C(e) {
37
37
  return f({
38
38
  xs: "xs",
39
39
  sm: "sm",
@@ -44,7 +44,7 @@ function x(e) {
44
44
  "2xl": "lg"
45
45
  }, e ?? "md");
46
46
  }
47
- function S(e) {
47
+ function w(e) {
48
48
  if (e instanceof HTMLElement) return e;
49
49
  if (e && "$el" in e) {
50
50
  let t = e.$el;
@@ -53,4 +53,4 @@ function S(e) {
53
53
  return null;
54
54
  }
55
55
  //#endregion
56
- export { _ as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, v as mergePartBind, x as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, S as resolveVnodeRefElement, o as useBreakpoint, y as useBridgeUIComponent, b as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };
56
+ export { v as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, b as mergeNestedComponentProps, y as mergePartBind, C as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, w as resolveVnodeRefElement, o as useBreakpoint, x as useBridgeUIComponent, S as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { Alert, useAlert } from './Components/Alert';
2
2
  export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
3
3
  export { Avatar } from './Components/Avatar';
4
- export type { AvatarClasses, AvatarColorOverrides, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
4
+ export type { AvatarClasses, AvatarColorOverrides, AvatarCustomProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
5
5
  export { Badge, useBadge } from './Components/Badge';
6
6
  export type { BadgeClasses, BadgeColorOverrides, BadgeDensityOverrides, BadgeOwnProps, BadgeProps, BadgeRoundedOverrides, BadgeSizeOverrides, BadgeSlots, BadgeVariantOverrides, } from './Components/Badge';
7
7
  export { Button, useButton } from './Components/Button';
package/dist/index.js CHANGED
@@ -12,19 +12,19 @@ import d from "./Components/Button/Button.js";
12
12
  import { useCard as f } from "./Components/Card/composables/useCard.js";
13
13
  import p from "./Components/Card/Card.js";
14
14
  import { useFormControl as m } from "./Components/FormControl/composables/useFormControl.js";
15
- import h from "./Components/FormControl/FormControl.js";
16
- import { useCheckbox as g } from "./Components/Checkbox/composables/useCheckbox.js";
17
- import _ from "./Components/Checkbox/Checkbox.js";
18
- import { useChip as v } from "./Components/Chip/composables/useChip.js";
19
- import y from "./Components/Chip/Chip.js";
20
- import { useDivider as b } from "./Components/Divider/composables/useDivider.js";
21
- import x from "./Components/Divider/Divider.js";
22
- import { useDrawer as S } from "./Components/Drawer/composables/useDrawer.js";
23
- import C from "./Components/Drawer/Drawer.js";
24
- import { useFormField as w } from "./Components/FormField/composables/useFormField.js";
25
- import T from "./Components/FormField/FormField.js";
26
- import { useLabel as E } from "./Components/Label/composables/useLabel.js";
27
- import D from "./Components/Label/Label.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
28
  import { useLink as O } from "./Components/Link/composables/useLink.js";
29
29
  import k from "./Components/Link/Link.js";
30
30
  import { useList as A } from "./Components/List/composables/useList.js";
@@ -74,4 +74,4 @@ import we from "./Components/TextField/TextField.js";
74
74
  import Te from "./Provider/BridgeUIProvider.js";
75
75
  import { createBridgeUI as Ee } from "./Provider/createBridgeUI.js";
76
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, _ 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 };
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 };
package/dist/theme.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @source "./Actions";
2
2
  @source "./Components";
3
- @source "../../core/dist/Components";
3
+ @source "../../core/dist/Tokens";
4
4
 
5
5
  /* Emitted for JS (`useBreakpoint`) — Tailwind otherwise omits unused --breakpoint-* vars. */
6
6
  @theme static {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "license": "MIT",
4
- "version": "0.0.2",
4
+ "version": "0.0.4",
5
5
  "author": "BridgeUI",
6
6
  "sideEffects": false,
7
7
  "name": "@bridge-ui/vue",
@@ -60,7 +60,7 @@
60
60
  "dist"
61
61
  ],
62
62
  "peerDependencies": {
63
- "@bridge-ui/core": "^0.0.2",
63
+ "@bridge-ui/core": "^0.0.4",
64
64
  "@lucide/vue": ">=1.0.0",
65
65
  "vue": "^3.4.0"
66
66
  },