@bridge-ui/vue 0.0.11 → 0.1.0

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 (131) hide show
  1. package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +1 -1
  2. package/dist/Components/Autocomplete/composables/useAutocomplete.js +112 -113
  3. package/dist/Components/BaseField/baseField.types.d.ts +1 -8
  4. package/dist/Components/BaseField/composables/useBaseField.js +79 -83
  5. package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js +2 -0
  6. package/dist/Components/Calendar/calendar.types.d.ts +13 -0
  7. package/dist/Components/Calendar/composables/useCalendar.d.ts +2 -1
  8. package/dist/Components/Calendar/composables/useCalendar.js +5 -2
  9. package/dist/Components/CalendarDate/CalendarDate.vue_vue_type_script_setup_true_lang.js +1 -0
  10. package/dist/Components/CalendarDate/calendarDate.types.d.ts +6 -0
  11. package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +1 -1
  12. package/dist/Components/CalendarDate/composables/useCalendarDate.js +95 -87
  13. package/dist/Components/CalendarMonth/CalendarMonth.vue_vue_type_script_setup_true_lang.js +1 -0
  14. package/dist/Components/CalendarMonth/calendarMonth.types.d.ts +6 -0
  15. package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +1 -1
  16. package/dist/Components/CalendarMonth/composables/useCalendarMonth.js +51 -43
  17. package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js +4 -2
  18. package/dist/Components/CalendarRange/calendarRange.types.d.ts +13 -0
  19. package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +3 -2
  20. package/dist/Components/CalendarRange/composables/useCalendarRange.js +14 -12
  21. package/dist/Components/CalendarYear/CalendarYear.vue_vue_type_script_setup_true_lang.js +1 -0
  22. package/dist/Components/CalendarYear/calendarYear.types.d.ts +6 -0
  23. package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +1 -1
  24. package/dist/Components/CalendarYear/composables/useCalendarYear.js +53 -45
  25. package/dist/Components/Checkbox/composables/useCheckbox.js +23 -19
  26. package/dist/Components/DateField/DateField.vue.d.ts +1 -0
  27. package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +13 -31
  28. package/dist/Components/DateField/composables/useDateField.d.ts +3 -4
  29. package/dist/Components/DateField/composables/useDateField.js +95 -107
  30. package/dist/Components/DateField/dateField.types.d.ts +16 -0
  31. package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +6 -0
  32. package/dist/Components/DatePicker/composables/useDatePicker.d.ts +1 -1
  33. package/dist/Components/DatePicker/composables/useDatePicker.js +4 -27
  34. package/dist/Components/DatePicker/datePicker.types.d.ts +13 -0
  35. package/dist/Components/DateRangeField/DateRangeField.vue.d.ts +1 -0
  36. package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +39 -30
  37. package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +4 -3
  38. package/dist/Components/DateRangeField/composables/useDateRangeField.js +55 -48
  39. package/dist/Components/DateRangeField/dateRangeField.types.d.ts +16 -0
  40. package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +6 -0
  41. package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +1 -1
  42. package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +5 -1
  43. package/dist/Components/DateRangePicker/dateRangePicker.types.d.ts +13 -0
  44. package/dist/Components/DateTimeField/DateTimeField.vue.d.ts +1 -0
  45. package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +13 -6
  46. package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +4 -3
  47. package/dist/Components/DateTimeField/composables/useDateTimeField.js +64 -84
  48. package/dist/Components/DateTimeField/dateTimeField.types.d.ts +16 -0
  49. package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +10 -0
  50. package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +1 -1
  51. package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +4 -2
  52. package/dist/Components/DateTimePicker/dateTimePicker.types.d.ts +13 -0
  53. package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue.d.ts +1 -0
  54. package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +44 -37
  55. package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +4 -3
  56. package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +46 -66
  57. package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +16 -0
  58. package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +14 -0
  59. package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +1 -1
  60. package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +7 -4
  61. package/dist/Components/DateTimeRangePicker/dateTimeRangePicker.types.d.ts +13 -0
  62. package/dist/Components/Drawer/Drawer.vue_vue_type_script_setup_true_lang.js +4 -3
  63. package/dist/Components/FieldOverlay/composables/useFieldOverlay.js +3 -2
  64. package/dist/Components/FormControl/composables/useFormControl.js +61 -65
  65. package/dist/Components/FormControl/formControl.types.d.ts +1 -7
  66. package/dist/Components/FormField/composables/useFormField.js +115 -116
  67. package/dist/Components/FormField/formField.types.d.ts +1 -7
  68. package/dist/Components/Label/composables/useLabel.js +28 -28
  69. package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +1 -1
  70. package/dist/Components/Listbox/composables/useListbox.d.ts +4 -4
  71. package/dist/Components/Listbox/composables/useListbox.js +28 -24
  72. package/dist/Components/Listbox/listbox.types.d.ts +6 -6
  73. package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js +3 -5
  74. package/dist/Components/Modal/Modal.vue_vue_type_script_setup_true_lang.js +4 -3
  75. package/dist/Components/OtpField/composables/useOtpField.js +95 -94
  76. package/dist/Components/OtpField/otpField.types.d.ts +2 -9
  77. package/dist/Components/Radio/composables/useRadio.js +24 -20
  78. package/dist/Components/Select/composables/useSelect.d.ts +1 -1
  79. package/dist/Components/Select/composables/useSelect.js +21 -22
  80. package/dist/Components/Slider/composables/useSlider.js +167 -163
  81. package/dist/Components/Slider/slider.types.d.ts +2 -9
  82. package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +3 -2
  83. package/dist/Components/Switch/composables/useSwitch.js +28 -24
  84. package/dist/Components/TimeField/TimeField.vue.d.ts +1 -0
  85. package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +34 -25
  86. package/dist/Components/TimeField/composables/useTimeField.d.ts +4 -3
  87. package/dist/Components/TimeField/composables/useTimeField.js +67 -60
  88. package/dist/Components/TimeField/timeField.types.d.ts +16 -0
  89. package/dist/Components/TimePanel/TimePanel.vue_vue_type_script_setup_true_lang.js +2 -0
  90. package/dist/Components/TimePanel/composables/useTimePanel.d.ts +1 -1
  91. package/dist/Components/TimePanel/composables/useTimePanel.js +71 -60
  92. package/dist/Components/TimePanel/timePanel.types.d.ts +13 -0
  93. package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +6 -0
  94. package/dist/Components/TimePicker/composables/useTimePicker.d.ts +1 -1
  95. package/dist/Components/TimePicker/composables/useTimePicker.js +5 -1
  96. package/dist/Components/TimePicker/timePicker.types.d.ts +13 -0
  97. package/dist/Components/TimeRangeField/TimeRangeField.vue.d.ts +1 -0
  98. package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +34 -25
  99. package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +4 -3
  100. package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +88 -81
  101. package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +16 -0
  102. package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +10 -0
  103. package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +1 -1
  104. package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +5 -1
  105. package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts +13 -0
  106. package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +4 -6
  107. package/dist/Utils/index.d.ts +9 -0
  108. package/dist/Utils/index.js +23 -12
  109. package/docs/components/BaseField.md +1 -1
  110. package/docs/components/BridgeUIProvider.md +3 -3
  111. package/docs/components/Calendar.md +2 -0
  112. package/docs/components/CalendarDate.md +1 -0
  113. package/docs/components/CalendarMonth.md +1 -0
  114. package/docs/components/CalendarRange.md +2 -0
  115. package/docs/components/CalendarYear.md +17 -16
  116. package/docs/components/DateField.md +9 -0
  117. package/docs/components/DatePicker.md +2 -0
  118. package/docs/components/DateRangeField.md +30 -22
  119. package/docs/components/DateRangePicker.md +2 -0
  120. package/docs/components/DateTimeField.md +35 -28
  121. package/docs/components/DateTimePicker.md +2 -0
  122. package/docs/components/DateTimeRangeField.md +36 -28
  123. package/docs/components/DateTimeRangePicker.md +2 -0
  124. package/docs/components/FieldOverlay.md +4 -3
  125. package/docs/components/FormControl.md +1 -1
  126. package/docs/components/TimeField.md +24 -17
  127. package/docs/components/TimePanel.md +2 -0
  128. package/docs/components/TimePicker.md +2 -0
  129. package/docs/components/TimeRangeField.md +25 -17
  130. package/docs/components/TimeRangePicker.md +2 -0
  131. package/package.json +2 -2
package/docs/components/TimeField.md CHANGED
@@ -21,6 +21,11 @@ import { TimeField } from "@bridge-ui/vue/Components/TimeField";
21
21
  ```
22
22
 
23
23
  Supports the same `overlay` prop as DateField (`menu` | `modal` | `drawer` | `auto`).
24
+ The input is read-only by default (picker only). Set `editable` to unlock typing. The field does not parse or commit typed text — handle that in your own component if needed:
25
+
26
+ ```vue
27
+ <TimeField editable label="Time" />
28
+ ```
24
29
 
25
30
  ### customProps
26
31
 
@@ -38,23 +43,25 @@ Supports the same `overlay` prop as DateField (`menu` | `modal` | `drawer` | `au
38
43
 
39
44
  ### TimeField-specific
40
45
 
41
- | Prop | Type | Default | Description |
42
- | -------------- | ---------------------- | -------------------------------------------- | ---------------------------------------------------- |
43
- | `ampm` | `boolean` | `false` | Uses a 12-hour clock with an AM/PM column. |
44
- | `classes` | `TimeFieldClasses` | — | Classes for field / input regions. |
45
- | `clearable` | `boolean` | `true` | Whether the value can be cleared. |
46
- | `customProps` | `TimeFieldCustomProps` | — | Extra props for internal parts. |
47
- | `defaultValue` | `Date \| null` | `null` | Uncontrolled initial value. |
48
- | `disableTimes` | `Date[]` | — | Times that cannot be selected. |
49
- | `interval` | `number` | `1` | Minute step between options. |
50
- | `maxTime` | `Date` | — | Latest selectable time. |
51
- | `minTime` | `Date` | — | Earliest selectable time. |
52
- | `overlay` | `FieldOverlayMode` | `"auto"` | Overlay shell: `menu`, `modal`, `drawer`, or `auto`. |
53
- | `showFooter` | `boolean` | `false` (`true` for modal/drawer when unset) | Shows Cancel / Apply on the nested picker. |
54
- | `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
55
- | `slots` | `TimeFieldSlots` | — | Named slots (`FormField` slots + footer). |
56
- | `timeZone` | `string` | — | IANA time zone. |
57
- | `value` | `Date \| null` | — | Controlled value. |
46
+ | Prop | Type | Default | Description |
47
+ | -------------- | ---------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------- |
48
+ | `ampm` | `boolean` | `false` | Uses a 12-hour clock with an AM/PM column. |
49
+ | `classes` | `TimeFieldClasses` | — | Classes for field / input regions. |
50
+ | `clearable` | `boolean` | `true` | Whether the value can be cleared. |
51
+ | `customProps` | `TimeFieldCustomProps` | — | Extra props for internal parts. |
52
+ | `defaultValue` | `Date \| null` | `null` | Uncontrolled initial value. |
53
+ | `disableTimes` | `Date[]` | — | Times that cannot be selected. |
54
+ | `editable` | `boolean` | `false` | Unlocks the input. Does not parse or commit typed text. |
55
+ | `fill` | `boolean` | — | Fills the overlay width. Unset: `true` for `drawer`, `false` for `menu` / `modal`. |
56
+ | `interval` | `number` | `1` | Minute step between options. |
57
+ | `maxTime` | `Date` | — | Latest selectable time. |
58
+ | `minTime` | `Date` | — | Earliest selectable time. |
59
+ | `overlay` | `FieldOverlayMode` | `"auto"` | Overlay shell: `menu`, `modal`, `drawer`, or `auto`. |
60
+ | `showFooter` | `boolean` | `false` (`true` for modal/drawer when unset) | Shows Cancel / Apply on the nested picker. |
61
+ | `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
62
+ | `slots` | `TimeFieldSlots` | — | Named slots (`FormField` slots + footer). |
63
+ | `timeZone` | `string` | — | IANA time zone. |
64
+ | `value` | `Date \| null` | — | Controlled value. |
58
65
 
59
66
  ### v-model
60
67
 
package/docs/components/TimePanel.md CHANGED
@@ -28,6 +28,8 @@ import { TimePanel } from "@bridge-ui/vue/Components/TimePanel";
28
28
  | `customProps` | `TimePanelCustomProps` | — | Extra props for internal parts. |
29
29
  | `disabled` | `boolean` | `false` | Disables the entire panel. |
30
30
  | `disableTimes` | `Date[]` | — | Times that cannot be selected. |
31
+ | `error` | `boolean` | `false` | Applies the error color palette to tiles. |
32
+ | `fill` | `boolean` | `false` | Fills the container width. |
31
33
  | `interval` | `number` | `1` | Minute step between options. |
32
34
  | `maxTime` | `Date` | — | Latest selectable time. |
33
35
  | `minTime` | `Date` | — | Earliest selectable time. |
package/docs/components/TimePicker.md CHANGED
@@ -31,6 +31,8 @@ import { TimePicker } from "@bridge-ui/vue/Components/TimePicker";
31
31
  | `defaultValue` | `Date \| null` | `null` | Uncontrolled initial value. |
32
32
  | `disabled` | `boolean` | `false` | Disables the picker. |
33
33
  | `disableTimes` | `Date[]` | — | Times that cannot be selected. |
34
+ | `error` | `boolean` | `false` | Applies the error color palette to tiles. |
35
+ | `fill` | `boolean` | `false` | Fills the container width. |
34
36
  | `interval` | `number` | `1` | Minute step between options. |
35
37
  | `maxTime` | `Date` | — | Latest selectable time. |
36
38
  | `minTime` | `Date` | — | Earliest selectable time. |
package/docs/components/TimeRangeField.md CHANGED
@@ -20,6 +20,12 @@ import { TimeRangeField } from "@bridge-ui/vue/Components/TimeRangeField";
20
20
 
21
21
  Supports the same `overlay` prop as DateField (`menu` | `modal` | `drawer` | `auto`).
22
22
 
23
+ The input is read-only by default (picker only). Set `editable` to unlock typing. The field does not parse or commit typed text — handle that in your own component if needed:
24
+
25
+ ```vue
26
+ <TimeRangeField editable label="Hours" />
27
+ ```
28
+
23
29
  ### customProps
24
30
 
25
31
  ```vue
@@ -36,23 +42,25 @@ Supports the same `overlay` prop as DateField (`menu` | `modal` | `drawer` | `au
36
42
 
37
43
  ### TimeRangeField-specific
38
44
 
39
- | Prop | Type | Default | Description |
40
- | -------------- | --------------------------- | -------------------------------------------- | ---------------------------------------------------- |
41
- | `ampm` | `boolean` | `false` | Uses a 12-hour clock with an AM/PM column. |
42
- | `classes` | `TimeRangeFieldClasses` | — | Classes for field / input regions. |
43
- | `clearable` | `boolean` | `true` | Whether the value can be cleared. |
44
- | `customProps` | `TimeRangeFieldCustomProps` | — | Extra props for internal parts. |
45
- | `defaultValue` | `TimeRangeValue \| null` | `null` | Uncontrolled initial value. |
46
- | `disableTimes` | `Date[]` | — | Times that cannot be selected. |
47
- | `interval` | `number` | `1` | Minute step between options. |
48
- | `maxTime` | `Date` | — | Latest selectable time. |
49
- | `minTime` | `Date` | — | Earliest selectable time. |
50
- | `overlay` | `FieldOverlayMode` | `"auto"` | Overlay shell: `menu`, `modal`, `drawer`, or `auto`. |
51
- | `showFooter` | `boolean` | `false` (`true` for modal/drawer when unset) | Shows Cancel / Apply on the nested picker. |
52
- | `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
53
- | `slots` | `TimeRangeFieldSlots` | — | Named slots (`FormField` slots + footer). |
54
- | `timeZone` | `string` | — | IANA time zone. |
55
- | `value` | `TimeRangeValue \| null` | — | Controlled value. |
45
+ | Prop | Type | Default | Description |
46
+ | -------------- | --------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------- |
47
+ | `ampm` | `boolean` | `false` | Uses a 12-hour clock with an AM/PM column. |
48
+ | `classes` | `TimeRangeFieldClasses` | — | Classes for field / input regions. |
49
+ | `clearable` | `boolean` | `true` | Whether the value can be cleared. |
50
+ | `customProps` | `TimeRangeFieldCustomProps` | — | Extra props for internal parts. |
51
+ | `defaultValue` | `TimeRangeValue \| null` | `null` | Uncontrolled initial value. |
52
+ | `disableTimes` | `Date[]` | — | Times that cannot be selected. |
53
+ | `editable` | `boolean` | `false` | Unlocks the input. Does not parse or commit typed text. |
54
+ | `fill` | `boolean` | — | Fills the overlay width. Unset: `true` for `drawer`, `false` for `menu` / `modal`. |
55
+ | `interval` | `number` | `1` | Minute step between options. |
56
+ | `maxTime` | `Date` | — | Latest selectable time. |
57
+ | `minTime` | `Date` | — | Earliest selectable time. |
58
+ | `overlay` | `FieldOverlayMode` | `"auto"` | Overlay shell: `menu`, `modal`, `drawer`, or `auto`. |
59
+ | `showFooter` | `boolean` | `false` (`true` for modal/drawer when unset) | Shows Cancel / Apply on the nested picker. |
60
+ | `showSeconds` | `boolean` | `false` | Shows seconds in the panel and formatted value. |
61
+ | `slots` | `TimeRangeFieldSlots` | — | Named slots (`FormField` slots + footer). |
62
+ | `timeZone` | `string` | — | IANA time zone. |
63
+ | `value` | `TimeRangeValue \| null` | — | Controlled value. |
56
64
 
57
65
  ### v-model
58
66
 
package/docs/components/TimeRangePicker.md CHANGED
@@ -32,6 +32,8 @@ import { TimeRangePicker } from "@bridge-ui/vue/Components/TimeRangePicker";
32
32
  | `disabled` | `boolean` | `false` | Disables the picker. |
33
33
  | `disableTimes` | `Date[]` | — | Times that cannot be selected. |
34
34
  | `endTitle` | `string` | `"End time"` | Label above the end time panel. |
35
+ | `error` | `boolean` | `false` | Applies the error color palette to tiles. |
36
+ | `fill` | `boolean` | `false` | Fills the container width. |
35
37
  | `interval` | `number` | `1` | Minute step between options. |
36
38
  | `maxTime` | `Date` | — | Latest selectable time. |
37
39
  | `minTime` | `Date` | — | Earliest selectable time. |
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "license": "MIT",
4
- "version": "0.0.11",
4
+ "version": "0.1.0",
5
5
  "author": "BridgeUI",
6
6
  "sideEffects": false,
7
7
  "name": "@bridge-ui/vue",
@@ -83,7 +83,7 @@
83
83
  "vue": "^3.4.0"
84
84
  },
85
85
  "dependencies": {
86
- "@bridge-ui/core": "^0.0.11",
86
+ "@bridge-ui/core": "^0.1.0",
87
87
  "clsx": "^2.1.1",
88
88
  "es-toolkit": "^1.50.0",
89
89
  "tailwind-merge": "^3.6.0"