@bridge-ui/vue 0.0.11 → 0.1.1

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 (195) hide show
  1. package/ai/skills/bridge-ui-components/SKILL.md +5 -3
  2. package/ai/skills/bridge-ui-forms/SKILL.md +4 -2
  3. package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +1 -2
  4. package/dist/Components/Autocomplete/composables/useAutocomplete.js +112 -114
  5. package/dist/Components/BaseField/baseField.types.d.ts +1 -8
  6. package/dist/Components/BaseField/composables/useBaseField.js +79 -83
  7. package/dist/Components/Calendar/Calendar.vue_vue_type_script_setup_true_lang.js +2 -1
  8. package/dist/Components/Calendar/calendar.types.d.ts +14 -21
  9. package/dist/Components/Calendar/composables/useCalendar.d.ts +2 -2
  10. package/dist/Components/Calendar/composables/useCalendar.js +101 -98
  11. package/dist/Components/Calendar/index.d.ts +1 -1
  12. package/dist/Components/CalendarDate/CalendarDate.vue_vue_type_script_setup_true_lang.js +1 -1
  13. package/dist/Components/CalendarDate/calendarDate.types.d.ts +7 -21
  14. package/dist/Components/CalendarDate/composables/useCalendarDate.d.ts +1 -1
  15. package/dist/Components/CalendarDate/composables/useCalendarDate.js +81 -73
  16. package/dist/Components/CalendarDate/index.d.ts +1 -1
  17. package/dist/Components/CalendarMonth/CalendarMonth.vue_vue_type_script_setup_true_lang.js +1 -1
  18. package/dist/Components/CalendarMonth/calendarMonth.types.d.ts +7 -17
  19. package/dist/Components/CalendarMonth/composables/useCalendarMonth.d.ts +1 -1
  20. package/dist/Components/CalendarMonth/composables/useCalendarMonth.js +58 -50
  21. package/dist/Components/CalendarMonth/index.d.ts +1 -1
  22. package/dist/Components/CalendarRange/CalendarRange.vue_vue_type_script_setup_true_lang.js +4 -3
  23. package/dist/Components/CalendarRange/calendarRange.types.d.ts +14 -21
  24. package/dist/Components/CalendarRange/composables/useCalendarRange.d.ts +3 -3
  25. package/dist/Components/CalendarRange/composables/useCalendarRange.js +121 -120
  26. package/dist/Components/CalendarRange/index.d.ts +1 -1
  27. package/dist/Components/CalendarYear/CalendarYear.vue_vue_type_script_setup_true_lang.js +1 -1
  28. package/dist/Components/CalendarYear/calendarYear.types.d.ts +7 -17
  29. package/dist/Components/CalendarYear/composables/useCalendarYear.d.ts +1 -1
  30. package/dist/Components/CalendarYear/composables/useCalendarYear.js +60 -52
  31. package/dist/Components/CalendarYear/index.d.ts +1 -1
  32. package/dist/Components/Checkbox/composables/useCheckbox.js +23 -19
  33. package/dist/Components/ColorField/ColorField.js +5 -0
  34. package/dist/Components/ColorField/ColorField.vue.d.ts +38 -0
  35. package/dist/Components/ColorField/ColorField.vue_vue_type_script_setup_true_lang.js +149 -0
  36. package/dist/Components/ColorField/colorField.types.d.ts +179 -0
  37. package/dist/Components/ColorField/composables/useColorField.d.ts +748 -0
  38. package/dist/Components/ColorField/composables/useColorField.js +182 -0
  39. package/dist/Components/ColorField/index.d.ts +3 -0
  40. package/dist/Components/ColorField/index.js +3 -0
  41. package/dist/Components/ColorPicker/ColorPicker.js +5 -0
  42. package/dist/Components/ColorPicker/ColorPicker.vue.d.ts +21 -0
  43. package/dist/Components/ColorPicker/ColorPicker.vue_vue_type_script_setup_true_lang.js +91 -0
  44. package/dist/Components/ColorPicker/colorPicker.types.d.ts +200 -0
  45. package/dist/Components/ColorPicker/composables/useColorPicker.d.ts +111 -0
  46. package/dist/Components/ColorPicker/composables/useColorPicker.js +253 -0
  47. package/dist/Components/ColorPicker/index.d.ts +3 -0
  48. package/dist/Components/ColorPicker/index.js +3 -0
  49. package/dist/Components/DateField/DateField.vue.d.ts +1 -0
  50. package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +13 -31
  51. package/dist/Components/DateField/composables/useDateField.d.ts +3 -4
  52. package/dist/Components/DateField/composables/useDateField.js +95 -107
  53. package/dist/Components/DateField/dateField.types.d.ts +16 -0
  54. package/dist/Components/DatePicker/DatePicker.vue_vue_type_script_setup_true_lang.js +10 -7
  55. package/dist/Components/DatePicker/composables/useDatePicker.d.ts +1 -6
  56. package/dist/Components/DatePicker/composables/useDatePicker.js +8 -10
  57. package/dist/Components/DatePicker/datePicker.types.d.ts +14 -29
  58. package/dist/Components/DatePicker/index.d.ts +1 -1
  59. package/dist/Components/DateRangeField/DateRangeField.vue.d.ts +1 -0
  60. package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +39 -30
  61. package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +4 -3
  62. package/dist/Components/DateRangeField/composables/useDateRangeField.js +55 -48
  63. package/dist/Components/DateRangeField/dateRangeField.types.d.ts +16 -0
  64. package/dist/Components/DateRangePicker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +10 -7
  65. package/dist/Components/DateRangePicker/composables/useDateRangePicker.d.ts +1 -6
  66. package/dist/Components/DateRangePicker/composables/useDateRangePicker.js +8 -10
  67. package/dist/Components/DateRangePicker/dateRangePicker.types.d.ts +14 -29
  68. package/dist/Components/DateRangePicker/index.d.ts +1 -1
  69. package/dist/Components/DateTimeField/DateTimeField.vue.d.ts +1 -0
  70. package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +13 -6
  71. package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +4 -3
  72. package/dist/Components/DateTimeField/composables/useDateTimeField.js +64 -84
  73. package/dist/Components/DateTimeField/dateTimeField.types.d.ts +16 -0
  74. package/dist/Components/DateTimePicker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +26 -21
  75. package/dist/Components/DateTimePicker/composables/useDateTimePicker.d.ts +1 -10
  76. package/dist/Components/DateTimePicker/composables/useDateTimePicker.js +33 -40
  77. package/dist/Components/DateTimePicker/dateTimePicker.types.d.ts +14 -36
  78. package/dist/Components/DateTimePicker/index.d.ts +1 -1
  79. package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue.d.ts +1 -0
  80. package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +44 -37
  81. package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +4 -3
  82. package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.js +46 -66
  83. package/dist/Components/DateTimeRangeField/dateTimeRangeField.types.d.ts +16 -0
  84. package/dist/Components/DateTimeRangePicker/DateTimeRangePicker.vue_vue_type_script_setup_true_lang.js +34 -27
  85. package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.d.ts +1 -10
  86. package/dist/Components/DateTimeRangePicker/composables/useDateTimeRangePicker.js +39 -45
  87. package/dist/Components/DateTimeRangePicker/dateTimeRangePicker.types.d.ts +14 -36
  88. package/dist/Components/DateTimeRangePicker/index.d.ts +1 -1
  89. package/dist/Components/Drawer/Drawer.vue_vue_type_script_setup_true_lang.js +4 -3
  90. package/dist/Components/FieldOverlay/composables/useFieldOverlay.js +20 -12
  91. package/dist/Components/FieldOverlay/fieldOverlay.types.d.ts +3 -0
  92. package/dist/Components/FormControl/composables/useFormControl.js +61 -65
  93. package/dist/Components/FormControl/formControl.types.d.ts +1 -7
  94. package/dist/Components/FormField/composables/useFormField.d.ts +1 -1
  95. package/dist/Components/FormField/composables/useFormField.js +115 -116
  96. package/dist/Components/FormField/formField.types.d.ts +1 -7
  97. package/dist/Components/Label/composables/useLabel.js +28 -28
  98. package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js +2 -3
  99. package/dist/Components/Listbox/composables/useListbox.d.ts +5 -14
  100. package/dist/Components/Listbox/composables/useListbox.js +57 -54
  101. package/dist/Components/Listbox/index.d.ts +0 -1
  102. package/dist/Components/Listbox/listbox.types.d.ts +6 -12
  103. package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js +3 -5
  104. package/dist/Components/Modal/Modal.vue_vue_type_script_setup_true_lang.js +4 -3
  105. package/dist/Components/OtpField/composables/useOtpField.js +95 -94
  106. package/dist/Components/OtpField/otpField.types.d.ts +2 -9
  107. package/dist/Components/Radio/composables/useRadio.js +24 -20
  108. package/dist/Components/Select/composables/useSelect.d.ts +1 -2
  109. package/dist/Components/Select/composables/useSelect.js +21 -23
  110. package/dist/Components/Slider/composables/useSlider.js +167 -163
  111. package/dist/Components/Slider/slider.types.d.ts +2 -9
  112. package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js +3 -2
  113. package/dist/Components/Step/Step.js +5 -0
  114. package/dist/Components/Step/Step.vue.d.ts +11 -0
  115. package/dist/Components/Step/Step.vue_vue_type_script_setup_true_lang.js +32 -0
  116. package/dist/Components/Step/composables/useStep.d.ts +56 -0
  117. package/dist/Components/Step/composables/useStep.js +162 -0
  118. package/dist/Components/Step/index.d.ts +3 -0
  119. package/dist/Components/Step/index.js +3 -0
  120. package/dist/Components/Step/step.types.d.ts +160 -0
  121. package/dist/Components/Stepper/Stepper.js +5 -0
  122. package/dist/Components/Stepper/Stepper.vue.d.ts +24 -0
  123. package/dist/Components/Stepper/Stepper.vue_vue_type_script_setup_true_lang.js +33 -0
  124. package/dist/Components/Stepper/composables/useStepper.d.ts +18 -0
  125. package/dist/Components/Stepper/composables/useStepper.js +91 -0
  126. package/dist/Components/Stepper/index.d.ts +4 -0
  127. package/dist/Components/Stepper/index.js +4 -0
  128. package/dist/Components/Stepper/stepper.types.d.ts +93 -0
  129. package/dist/Components/Stepper/stepperInjectionKey.d.ts +77 -0
  130. package/dist/Components/Stepper/stepperInjectionKey.js +4 -0
  131. package/dist/Components/Switch/composables/useSwitch.js +28 -24
  132. package/dist/Components/TimeField/TimeField.vue.d.ts +1 -0
  133. package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +34 -25
  134. package/dist/Components/TimeField/composables/useTimeField.d.ts +4 -3
  135. package/dist/Components/TimeField/composables/useTimeField.js +67 -60
  136. package/dist/Components/TimeField/timeField.types.d.ts +16 -0
  137. package/dist/Components/TimePanel/TimePanel.vue_vue_type_script_setup_true_lang.js +2 -1
  138. package/dist/Components/TimePanel/composables/useTimePanel.d.ts +1 -1
  139. package/dist/Components/TimePanel/composables/useTimePanel.js +65 -54
  140. package/dist/Components/TimePanel/index.d.ts +1 -1
  141. package/dist/Components/TimePanel/timePanel.types.d.ts +14 -17
  142. package/dist/Components/TimePicker/TimePicker.vue_vue_type_script_setup_true_lang.js +16 -13
  143. package/dist/Components/TimePicker/composables/useTimePicker.d.ts +1 -5
  144. package/dist/Components/TimePicker/composables/useTimePicker.js +17 -18
  145. package/dist/Components/TimePicker/index.d.ts +1 -1
  146. package/dist/Components/TimePicker/timePicker.types.d.ts +14 -24
  147. package/dist/Components/TimeRangeField/TimeRangeField.vue.d.ts +1 -0
  148. package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +34 -25
  149. package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +4 -3
  150. package/dist/Components/TimeRangeField/composables/useTimeRangeField.js +88 -81
  151. package/dist/Components/TimeRangeField/timeRangeField.types.d.ts +16 -0
  152. package/dist/Components/TimeRangePicker/TimeRangePicker.vue_vue_type_script_setup_true_lang.js +23 -18
  153. package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts +1 -5
  154. package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.js +32 -33
  155. package/dist/Components/TimeRangePicker/index.d.ts +1 -1
  156. package/dist/Components/TimeRangePicker/timeRangePicker.types.d.ts +14 -24
  157. package/dist/Components/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +4 -6
  158. package/dist/Utils/index.d.ts +9 -0
  159. package/dist/Utils/index.js +23 -12
  160. package/dist/index.d.ts +20 -12
  161. package/dist/index.js +88 -80
  162. package/docs/README.md +3 -0
  163. package/docs/components/Autocomplete.md +1 -1
  164. package/docs/components/BaseField.md +1 -1
  165. package/docs/components/BridgeUIProvider.md +12 -14
  166. package/docs/components/Calendar.md +4 -1
  167. package/docs/components/CalendarDate.md +3 -1
  168. package/docs/components/CalendarMonth.md +3 -1
  169. package/docs/components/CalendarRange.md +4 -1
  170. package/docs/components/CalendarYear.md +18 -16
  171. package/docs/components/ColorField.md +93 -0
  172. package/docs/components/ColorPicker.md +78 -0
  173. package/docs/components/DateField.md +9 -0
  174. package/docs/components/DatePicker.md +4 -1
  175. package/docs/components/DateRangeField.md +30 -22
  176. package/docs/components/DateRangePicker.md +4 -1
  177. package/docs/components/DateTimeField.md +35 -28
  178. package/docs/components/DateTimePicker.md +4 -1
  179. package/docs/components/DateTimeRangeField.md +36 -28
  180. package/docs/components/DateTimeRangePicker.md +4 -1
  181. package/docs/components/FieldOverlay.md +5 -4
  182. package/docs/components/FormControl.md +1 -1
  183. package/docs/components/Select.md +1 -1
  184. package/docs/components/Stepper.md +60 -0
  185. package/docs/components/TimeField.md +24 -17
  186. package/docs/components/TimePanel.md +4 -1
  187. package/docs/components/TimePicker.md +4 -1
  188. package/docs/components/TimeRangeField.md +25 -17
  189. package/docs/components/TimeRangePicker.md +4 -1
  190. package/docs/examples/icon-fontawesome.ts +2 -0
  191. package/docs/examples/icon-heroicons.ts +2 -0
  192. package/docs/examples/icon-lucide.ts +2 -0
  193. package/docs/examples/icon-phosphor.ts +2 -0
  194. package/docs/examples/icon-tabler.ts +2 -0
  195. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
1
  import { ButtonHTMLAttributes, HTMLAttributes, Slot } from 'vue';
2
2
  import { DateRangeValue, DisableDatesInput, StartOfWeek } from '@bridge-ui/core/Domain';
3
- import { CalendarColor, CalendarColorItem, CalendarDay, CalendarRounded } from '@bridge-ui/core/Tokens';
3
+ import { CalendarColor, CalendarRounded } from '@bridge-ui/core/Tokens';
4
4
  import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
5
5
  import { CalendarDateDayCell } from '../CalendarDate/calendarDate.types';
6
6
  import { IconProps } from '../Icon/icon.types';
@@ -153,20 +153,6 @@ export interface CalendarRangeEmits {
153
153
  */
154
154
  viewDateChange: [date: Date];
155
155
  }
156
- export interface CalendarRangeTokens {
157
- /**
158
- * Color token map overrides.
159
- */
160
- color?: Record<string, Partial<CalendarColorItem>>;
161
- /**
162
- * Day chrome overrides.
163
- */
164
- day?: Partial<CalendarDay>;
165
- /**
166
- * Border radius token map overrides.
167
- */
168
- rounded?: Record<string, string>;
169
- }
170
156
  export interface CalendarRangeOwnProps {
171
157
  /**
172
158
  * Classes for calendar range regions.
@@ -216,6 +202,19 @@ export interface CalendarRangeOwnProps {
216
202
  * @default undefined
217
203
  */
218
204
  disableYears?: number[];
205
+ /**
206
+ * When `true`, applies the error color palette to tiles.
207
+ *
208
+ * @default false
209
+ */
210
+ error?: boolean;
211
+ /**
212
+ * When `true`, fills the container width.
213
+ * When `false` or unset, stays at the minimum width.
214
+ *
215
+ * @default false
216
+ */
217
+ fill?: boolean;
219
218
  /**
220
219
  * Hides the shared month selector and month panel.
221
220
  *
@@ -291,12 +290,6 @@ export interface CalendarRangeOwnProps {
291
290
  * @default undefined
292
291
  */
293
292
  timeZone?: string;
294
- /**
295
- * Token overrides.
296
- *
297
- * @default undefined
298
- */
299
- tokens?: CalendarRangeTokens;
300
293
  /**
301
294
  * Controlled range value.
302
295
  *
@@ -13,7 +13,7 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
13
13
  value: import('vue').ComputedRef<DateRangeValue | null>;
14
14
  shared: import('vue').ComputedRef<{
15
15
  color: NonNullable<keyof import('@bridge-ui/core/Tokens').CalendarColor | undefined>;
16
- tokens: import('../calendarRange.types').CalendarRangeTokens | undefined;
16
+ error: boolean | undefined;
17
17
  rounded: NonNullable<keyof import('@bridge-ui/core/Tokens').CalendarRounded | undefined>;
18
18
  maxDate: Date | undefined;
19
19
  minDate: Date | undefined;
@@ -24,7 +24,7 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
24
24
  merged: import('vue').ComputedRef<CalendarRangeMerged>;
25
25
  showNav: import('vue').ComputedRef<boolean>;
26
26
  endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
27
- rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarRangeOwnProps, "color" | "orientation" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "hideMonths" | "hideYears">>>>;
27
+ rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarRangeOwnProps, "error" | "color" | "fill" | "orientation" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "disableDates" | "disableMonths" | "disableYears" | "hideOutsideDays" | "hideWeekdays" | "maxDate" | "minDate" | "previewDate" | "startOfWeek" | "timeZone" | "viewDate" | "hideMonths" | "hideYears">>>>;
28
28
  bodyBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
29
29
  viewDate: import('vue').ComputedRef<Date>;
30
30
  viewYear: import('vue').ComputedRef<number>;
@@ -45,6 +45,7 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
45
45
  yearPageSize: number;
46
46
  endMonthLabel: import('vue').ComputedRef<string>;
47
47
  endHeaderBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
48
+ monthYearBind: import('vue').ComputedRef<string>;
48
49
  nextButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
49
50
  onClick: () => void;
50
51
  type: "button";
@@ -251,7 +252,6 @@ export declare function useCalendarRange(props: MaybeRefOrGetter<CalendarRangeOw
251
252
  onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
252
253
  onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
253
254
  }>>;
254
- pickerFillBind: import('vue').ComputedRef<string>;
255
255
  monthPanelYear: import('vue').ComputedRef<number>;
256
256
  todayButtonBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {
257
257
  onClick: () => void;
@@ -5,12 +5,13 @@ import { computed as a, getCurrentInstance as te, ref as o, toValue as s, useAtt
5
5
  import { get as ne, isFunction as l, isNil as u, omit as re } from "es-toolkit/compat";
6
6
  import { isDateRangeValue as d } from "@bridge-ui/core/Domain";
7
7
  import { calendarRoundedProps as f } from "@bridge-ui/core/Tokens";
8
- import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
8
+ import { cn as p, mergeBridgeUILayeredClasses as ie, splitComponentProps as ae } from "@bridge-ui/core/Utils";
9
9
  //#region src/Components/CalendarRange/composables/useCalendarRange.ts
10
- var ie = [
10
+ var oe = [
11
+ "fill",
11
12
  "color",
13
+ "error",
12
14
  "value",
13
- "tokens",
14
15
  "classes",
15
16
  "maxDate",
16
17
  "minDate",
@@ -32,223 +33,223 @@ var ie = [
32
33
  "disableMonths",
33
34
  "hideOutsideDays"
34
35
  ];
35
- function ae(e, t, n) {
36
+ function se(e, t, n) {
36
37
  return u(e) ? t.now(n) : e[0];
37
38
  }
38
- function oe(e) {
39
+ function ce(e) {
39
40
  return d(e) ? e : null;
40
41
  }
41
- function g(d, g, _) {
42
- let se = c(), v = e(), y = n(), ce = t(), b = a(() => h({
43
- bridgeKeys: ie,
42
+ function m(d, m, h) {
43
+ let le = c(), g = e(), _ = n(), v = t(), y = a(() => ae({
44
+ bridgeKeys: oe,
44
45
  props: {
45
- ...se,
46
+ ...le,
46
47
  ...s(d)
47
48
  }
48
- })), { merged: x } = i({
49
- libDefaults: g,
50
- props: () => b.value.componentProps
51
- }), S = a(() => x.value.customProps), C = a(() => re(b.value.inheritedAttrs, [
49
+ })), { merged: b, entry: x } = i({
50
+ libDefaults: m,
51
+ componentName: "Calendar",
52
+ props: () => y.value.componentProps
53
+ }), S = a(() => b.value.customProps), C = a(() => re(y.value.inheritedAttrs, [
52
54
  "onChange",
53
55
  "onViewDateChange",
54
56
  "onPreviewDateChange"
55
57
  ])), w = ee({
56
- props: () => b.value.componentProps,
58
+ props: () => y.value.componentProps,
57
59
  entry: a(() => {})
58
- }), T = a(() => ce(x.value.timeZone)), E = a(() => s(d)), D = a(() => !u(E.value.value)), O = a(() => {
60
+ }), T = a(() => v(b.value.timeZone)), E = a(() => s(d)), D = a(() => !u(E.value.value)), O = a(() => {
59
61
  let e = te()?.vnode.props ?? {}, t = l(e.onViewDateChange) || l(e["onUpdate:viewDate"]);
60
62
  return !u(E.value.viewDate) && t;
61
- }), k = a(() => !u(E.value.previewDate)), A = o(x.value.defaultValue ?? null), j = o("date"), M = o(v.value.startOfMonth(u(E.value.viewDate) ? ae(E.value.value ?? x.value.defaultValue ?? null, v.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = o("start"), I = a(() => D.value ? E.value.value ?? null : A.value), L = a(() => j.value === "year" && x.value.hideYears || j.value === "month" && x.value.hideMonths ? "date" : j.value), R = a(() => O.value ? E.value.viewDate : M.value), z = a(() => v.value.addMonths(R.value, 1, T.value)), B = a(() => k.value ? E.value.previewDate ?? null : N.value), V = a(() => String(v.value.getYear(R.value, T.value))), H = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(R.value, T.value)] ?? ""), U = a(() => v.value.getMonthNames(T.value)[v.value.getMonth(z.value, T.value)] ?? ""), W = a(() => v.value.getYear(R.value, T.value)), G = a(() => v.value.getMonth(R.value, T.value)), K = a(() => u(P.value) ? Math.max(1, W.value - 7) : P.value), q = a(() => {
62
- let e = m(f, x.value.tokens?.rounded);
63
- return ne(e, x.value.rounded);
63
+ }), k = a(() => !u(E.value.previewDate)), A = o(b.value.defaultValue ?? null), j = o("date"), M = o(g.value.startOfMonth(u(E.value.viewDate) ? se(E.value.value ?? b.value.defaultValue ?? null, g.value, T.value) : E.value.viewDate, T.value)), N = o(null), P = o(null), F = o("start"), I = a(() => D.value ? E.value.value ?? null : A.value), L = a(() => j.value === "year" && b.value.hideYears || j.value === "month" && b.value.hideMonths ? "date" : j.value), R = a(() => O.value ? E.value.viewDate : M.value), z = a(() => g.value.addMonths(R.value, 1, T.value)), B = a(() => k.value ? E.value.previewDate ?? null : N.value), V = a(() => String(g.value.getYear(R.value, T.value))), H = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(R.value, T.value)] ?? ""), U = a(() => g.value.getMonthNames(T.value)[g.value.getMonth(z.value, T.value)] ?? ""), W = a(() => g.value.getYear(R.value, T.value)), G = a(() => g.value.getMonth(R.value, T.value)), K = a(() => u(P.value) ? Math.max(1, W.value - 7) : P.value), q = a(() => {
64
+ let e = ie(f, x.value?.tokens?.rounded);
65
+ return ne(e, b.value.rounded);
64
66
  }), J = (e) => {
65
67
  j.value = e;
66
- }, le = () => {
68
+ }, ue = () => {
67
69
  P.value = Math.max(1, W.value - 7), J("year");
68
70
  }, Y = (e) => {
69
- let t = v.value.startOfMonth(e, T.value);
70
- O.value || (M.value = t), _("viewDateChange", t);
71
- }, ue = (e) => {
72
- Y(e);
71
+ let t = g.value.startOfMonth(e, T.value);
72
+ O.value || (M.value = t), h("viewDateChange", t);
73
73
  }, de = (e) => {
74
- Y(v.value.addMonths(e, -1, T.value));
74
+ Y(e);
75
75
  }, fe = (e) => {
76
- let t = oe(e);
77
- D.value || (A.value = t), _("change", t);
76
+ Y(g.value.addMonths(e, -1, T.value));
78
77
  }, pe = (e) => {
79
- k.value || (N.value = e), _("previewDateChange", e);
80
- }, me = () => {
78
+ let t = ce(e);
79
+ D.value || (A.value = t), h("change", t);
80
+ }, me = (e) => {
81
+ k.value || (N.value = e), h("previewDateChange", e);
82
+ }, he = () => {
81
83
  if (L.value === "year") {
82
84
  P.value = Math.max(1, K.value - 15);
83
85
  return;
84
86
  }
85
- Y(v.value.addMonths(R.value, -1, T.value));
86
- }, he = () => {
87
+ Y(g.value.addMonths(R.value, -1, T.value));
88
+ }, ge = () => {
87
89
  if (L.value === "year") {
88
90
  P.value = K.value + 15;
89
91
  return;
90
92
  }
91
- Y(v.value.addMonths(R.value, 1, T.value));
92
- }, ge = () => {
93
- let e = v.value.startOfMonth(v.value.now(T.value), T.value);
93
+ Y(g.value.addMonths(R.value, 1, T.value));
94
+ }, _e = () => {
95
+ let e = g.value.startOfMonth(g.value.now(T.value), T.value);
94
96
  P.value = null, Y(e), J("date");
95
- }, _e = (e) => {
96
- P.value = null, F.value = "start", Y(v.value.setYear(R.value, e, T.value)), J(x.value.hideMonths ? "date" : "month");
97
- }, ve = () => {
98
- F.value = "start", J("month");
97
+ }, ve = (e) => {
98
+ P.value = null, F.value = "start", Y(g.value.setYear(R.value, e, T.value)), J(b.value.hideMonths ? "date" : "month");
99
99
  }, ye = () => {
100
+ F.value = "start", J("month");
101
+ }, be = () => {
100
102
  F.value = "end", J("month");
101
- }, be = (e) => {
103
+ }, xe = (e) => {
102
104
  if (F.value === "end") {
103
- let t = v.value.getYear(z.value, T.value), n = v.value.setMonth(v.value.setYear(R.value, t, T.value), e, T.value);
104
- Y(v.value.addMonths(n, -1, T.value));
105
- } else Y(v.value.setMonth(R.value, e, T.value));
105
+ let t = g.value.getYear(z.value, T.value), n = g.value.setMonth(g.value.setYear(R.value, t, T.value), e, T.value);
106
+ Y(g.value.addMonths(n, -1, T.value));
107
+ } else Y(g.value.setMonth(R.value, e, T.value));
106
108
  J("date");
107
- }, xe = a(() => F.value === "end" ? v.value.getYear(z.value, T.value) : W.value), Se = a(() => F.value === "end" ? v.value.getMonth(z.value, T.value) : G.value), Ce = a(() => ({
108
- color: x.value.color,
109
- tokens: x.value.tokens,
110
- rounded: x.value.rounded,
111
- maxDate: x.value.maxDate,
112
- minDate: x.value.minDate,
113
- disabled: x.value.disabled,
114
- readOnly: x.value.readOnly,
115
- timeZone: x.value.timeZone
116
- })), X = a(() => x.value.orientation === "vertical"), we = a(() => r(S.value?.root, C.value, p({
117
- "flex w-full flex-col overflow-hidden": !0,
118
- "min-w-[38rem]": !X.value,
119
- "min-w-72": X.value,
109
+ }, Se = a(() => F.value === "end" ? g.value.getYear(z.value, T.value) : W.value), Ce = a(() => F.value === "end" ? g.value.getMonth(z.value, T.value) : G.value), we = a(() => ({
110
+ color: b.value.color,
111
+ error: b.value.error,
112
+ rounded: b.value.rounded,
113
+ maxDate: b.value.maxDate,
114
+ minDate: b.value.minDate,
115
+ disabled: b.value.disabled,
116
+ readOnly: b.value.readOnly,
117
+ timeZone: b.value.timeZone
118
+ })), X = a(() => b.value.orientation === "vertical"), Te = a(() => r(S.value?.root, C.value, p({
119
+ "flex flex-col overflow-hidden": !0,
120
+ "w-full": b.value.fill,
121
+ "min-w-max": !0,
122
+ "w-fit": !b.value.fill && X.value,
120
123
  [w.value.root ?? ""]: !0
121
- }))), Te = a(() => r(S.value?.header, {}, p({
122
- "flex items-center p-2.5": !0,
124
+ }))), Ee = a(() => r(S.value?.header, {}, p({
125
+ "flex w-full items-center p-2.5": !0,
123
126
  [w.value.header ?? ""]: !0
124
- }))), Ee = a(() => r(S.value?.months, {}, p({
125
- "flex shrink-0 items-center gap-x-10": !0,
127
+ }))), De = a(() => r(S.value?.months, {}, p({
128
+ "flex min-w-0 flex-1 items-center": !0,
129
+ "justify-between": !X.value,
130
+ "justify-start": X.value,
126
131
  [w.value.months ?? ""]: !0
127
- }))), De = a(() => r(S.value?.endHeader, {}, p({
132
+ }))), Oe = a(() => r(S.value?.endHeader, {}, p({
128
133
  "flex items-center justify-center px-2.5 pb-1 pt-2": !0,
129
134
  [w.value.endHeader ?? ""]: !0
130
- }))), Oe = a(() => r(S.value?.body, {}, p({
135
+ }))), ke = a(() => r(S.value?.body, {}, p({
131
136
  "flex min-h-64 flex-col p-2.5": !0,
132
137
  [w.value.body ?? ""]: !0
133
- }))), ke = a(() => r(S.value?.panels, {}, p({
138
+ }))), Ae = a(() => r(S.value?.panels, {}, p({
134
139
  "flex w-full gap-4": !0,
135
140
  "flex-row": !X.value,
136
141
  "flex-col": X.value,
137
142
  [w.value.panels ?? ""]: !0
138
- }))), Ae = a(() => r(S.value?.start, {}, p({
139
- "flex flex-col": !0,
140
- "min-w-0 flex-1": X.value,
141
- "w-72 shrink-0": !X.value,
143
+ }))), je = a(() => r(S.value?.start, {}, p({
144
+ "flex min-w-72 flex-1 flex-col": !0,
142
145
  [w.value.start ?? ""]: !0
143
- }))), je = a(() => r(S.value?.end, {}, p({
144
- "flex flex-col": !0,
145
- "min-w-0 flex-1": X.value,
146
- "w-72 shrink-0": !X.value,
146
+ }))), Me = a(() => r(S.value?.end, {}, p({
147
+ "flex min-w-72 flex-1 flex-col": !0,
147
148
  [w.value.end ?? ""]: !0
148
- }))), Me = a(() => p({ "flex min-h-64 flex-1 flex-col": !0 })), Z = a(() => r(S.value?.selector, {
149
+ }))), Ne = a(() => p({ "flex min-h-64 flex-1 flex-col": !0 })), Z = a(() => r(S.value?.selector, {
149
150
  type: "button",
150
- disabled: x.value.disabled
151
+ disabled: b.value.disabled
151
152
  }, p({
152
153
  "inline-flex cursor-pointer items-center gap-x-2 px-1.5 py-1 text-sm font-medium text-dark-600 hover:bg-dark-100 focus:outline-none disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
153
154
  [q.value ?? ""]: !0,
154
155
  [w.value.selector ?? ""]: !0
155
156
  }))), Q = a(() => r(S.value?.navButton, {
156
157
  type: "button",
157
- disabled: x.value.disabled
158
+ disabled: b.value.disabled
158
159
  }, p({
159
160
  "inline-flex size-8 shrink-0 cursor-pointer items-center justify-center text-dark-600 hover:bg-dark-100 disabled:cursor-not-allowed dark:text-dark-300 dark:hover:bg-dark-800": !0,
160
161
  [q.value ?? ""]: !0,
161
162
  [w.value.navButton ?? ""]: !0
162
- }))), Ne = a(() => L.value === "year" ? y("Previous years") : y("Previous month")), Pe = a(() => L.value === "year" ? y("Next years") : y("Next month")), Fe = a(() => r(S.value?.previousButton, {
163
+ }))), Pe = a(() => L.value === "year" ? _("Previous years") : _("Previous month")), $ = a(() => L.value === "year" ? _("Next years") : _("Next month")), Fe = a(() => r(S.value?.previousButton, {
163
164
  ...Q.value,
164
- onClick: me,
165
+ onClick: he,
165
166
  type: "button",
166
- disabled: x.value.disabled,
167
- "aria-label": Ne.value
167
+ disabled: b.value.disabled,
168
+ "aria-label": Pe.value
168
169
  }, p({ [w.value.navButton ?? ""]: !0 }))), Ie = a(() => r(S.value?.nextButton, {
169
170
  ...Q.value,
170
- onClick: he,
171
+ onClick: ge,
171
172
  type: "button",
172
- disabled: x.value.disabled,
173
- "aria-label": Pe.value
173
+ disabled: b.value.disabled,
174
+ "aria-label": $.value
174
175
  }, p({ [w.value.navButton ?? ""]: !0 }))), Le = a(() => r(S.value?.todayButton, {
175
- onClick: ge,
176
+ onClick: _e,
176
177
  type: "button",
177
- disabled: x.value.disabled,
178
- "aria-label": y("Today")
178
+ disabled: b.value.disabled,
179
+ "aria-label": _("Today")
179
180
  }, p({
180
181
  "inline-flex size-8 shrink-0 cursor-pointer items-center justify-center hover:bg-dark-100 disabled:cursor-not-allowed dark:hover:bg-dark-800": !0,
181
182
  [q.value ?? ""]: !0,
182
183
  [w.value.navButton ?? ""]: !0
183
- }))), $ = a(() => r(S.value?.selector, void 0, {
184
+ }))), Re = a(() => r(S.value?.selector, void 0, {
184
185
  ...Z.value,
185
- onClick: le,
186
+ onClick: ue,
186
187
  type: "button",
187
- "aria-label": y("Select year"),
188
- disabled: x.value.disabled || x.value.hideYears
189
- })), Re = a(() => ({
188
+ "aria-label": _("Select year"),
189
+ disabled: b.value.disabled || b.value.hideYears
190
+ })), ze = a(() => ({
190
191
  ...r(S.value?.selector, void 0, {
191
192
  ...Z.value,
192
193
  type: "button",
193
- "aria-label": y("Select month"),
194
- disabled: x.value.disabled || x.value.hideMonths
194
+ "aria-label": _("Select month"),
195
+ disabled: b.value.disabled || b.value.hideMonths
195
196
  }),
196
- onClick: ve
197
- })), ze = a(() => ({
197
+ onClick: ye
198
+ })), Be = a(() => ({
198
199
  ...r(S.value?.selector, void 0, {
199
200
  ...Z.value,
200
201
  type: "button",
201
- "aria-label": y("Select end month"),
202
- disabled: x.value.disabled || x.value.hideMonths
202
+ "aria-label": _("Select end month"),
203
+ disabled: b.value.disabled || b.value.hideMonths
203
204
  }),
204
- onClick: ye
205
- })), Be = a(() => !x.value.hideYears), Ve = a(() => !x.value.hideMonths);
205
+ onClick: be
206
+ })), Ve = a(() => !b.value.hideYears), He = a(() => !b.value.hideMonths);
206
207
  return {
207
208
  view: L,
208
209
  value: I,
209
- shared: Ce,
210
- merged: x,
210
+ shared: we,
211
+ merged: b,
211
212
  showNav: a(() => !0),
212
- endBind: je,
213
- rootBind: we,
214
- bodyBind: Oe,
213
+ endBind: Me,
214
+ rootBind: Te,
215
+ bodyBind: ke,
215
216
  viewDate: R,
216
217
  viewYear: W,
217
- startBind: Ae,
218
+ startBind: je,
218
219
  viewMonth: G,
219
220
  yearLabel: V,
220
221
  monthLabel: H,
221
- headerBind: Te,
222
- monthsBind: Ee,
223
- panelsBind: ke,
222
+ headerBind: Ee,
223
+ monthsBind: De,
224
+ panelsBind: Ae,
224
225
  isVertical: X,
225
226
  endViewDate: z,
226
227
  previewDate: B,
227
228
  setViewDate: Y,
228
229
  navIconBind: a(() => S.value?.navIcon),
229
230
  monthTarget: F,
230
- handleChange: fe,
231
+ handleChange: pe,
231
232
  yearPageSize: 15,
232
233
  endMonthLabel: U,
233
- endHeaderBind: De,
234
+ endHeaderBind: Oe,
235
+ monthYearBind: Ne,
234
236
  nextButtonBind: Ie,
235
- pickerFillBind: Me,
236
- monthPanelYear: xe,
237
+ monthPanelYear: Se,
237
238
  todayButtonBind: Le,
238
- monthPanelValue: Se,
239
- yearSelectorBind: $,
240
- handleYearSelect: _e,
241
- showYearSelector: Be,
242
- monthSelectorBind: Re,
243
- handleMonthSelect: be,
244
- showMonthSelector: Ve,
239
+ monthPanelValue: Ce,
240
+ yearSelectorBind: Re,
241
+ handleYearSelect: ve,
242
+ showYearSelector: Ve,
243
+ monthSelectorBind: ze,
244
+ handleMonthSelect: xe,
245
+ showMonthSelector: He,
245
246
  previousButtonBind: Fe,
246
- endMonthSelectorBind: ze,
247
- handleEndViewDateChange: de,
248
- handlePreviewDateChange: pe,
249
- handleStartViewDateChange: ue,
247
+ endMonthSelectorBind: Be,
248
+ handleEndViewDateChange: fe,
249
+ handlePreviewDateChange: me,
250
+ handleStartViewDateChange: de,
250
251
  yearPageStart: K
251
252
  };
252
253
  }
253
254
  //#endregion
254
- export { g as useCalendarRange };
255
+ export { m as useCalendarRange };
@@ -1,3 +1,3 @@
1
- export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOrientation, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, CalendarRangeTokens, CalendarRangeView, } from './calendarRange.types';
1
+ export type { CalendarRangeClasses, CalendarRangeColorOverrides, CalendarRangeCustomProps, CalendarRangeEmits, CalendarRangeOrientation, CalendarRangeOwnProps, CalendarRangeProps, CalendarRangeRoundedOverrides, CalendarRangeSlots, CalendarRangeView, } from './calendarRange.types';
2
2
  export { default as CalendarRange } from './CalendarRange.vue';
3
3
  export { useCalendarRange } from './composables/useCalendarRange';
@@ -10,6 +10,7 @@ var f = /*@__PURE__*/ i({
10
10
  customProps: {},
11
11
  disabled: { type: Boolean },
12
12
  disableYears: {},
13
+ error: { type: Boolean },
13
14
  maxDate: {},
14
15
  minDate: {},
15
16
  pageSize: {},
@@ -17,7 +18,6 @@ var f = /*@__PURE__*/ i({
17
18
  rounded: {},
18
19
  startYear: {},
19
20
  timeZone: {},
20
- tokens: {},
21
21
  value: {}
22
22
  },
23
23
  emits: ["change"],
@@ -1,5 +1,5 @@
1
1
  import { ButtonHTMLAttributes, HTMLAttributes } from 'vue';
2
- import { CalendarColor, CalendarColorItem, CalendarRounded } from '@bridge-ui/core/Tokens';
2
+ import { CalendarColor, CalendarRounded } from '@bridge-ui/core/Tokens';
3
3
  import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
4
4
  export interface CalendarYearColorOverrides {}
5
5
  export interface CalendarYearRoundedOverrides {}
@@ -43,16 +43,6 @@ export interface CalendarYearEmits {
43
43
  */
44
44
  change: [year: number];
45
45
  }
46
- export interface CalendarYearTokens {
47
- /**
48
- * Color token map overrides.
49
- */
50
- color?: Record<string, Partial<CalendarColorItem>>;
51
- /**
52
- * Border radius token map overrides.
53
- */
54
- rounded?: Record<string, string>;
55
- }
56
46
  export interface CalendarYearOwnProps {
57
47
  /**
58
48
  * Classes for calendar regions.
@@ -84,6 +74,12 @@ export interface CalendarYearOwnProps {
84
74
  * @default undefined
85
75
  */
86
76
  disableYears?: number[];
77
+ /**
78
+ * When `true`, applies the error color palette to tiles.
79
+ *
80
+ * @default false
81
+ */
82
+ error?: boolean;
87
83
  /**
88
84
  * Latest selectable date (bounds year availability).
89
85
  *
@@ -126,12 +122,6 @@ export interface CalendarYearOwnProps {
126
122
  * @default undefined
127
123
  */
128
124
  timeZone?: string;
129
- /**
130
- * Token overrides.
131
- *
132
- * @default undefined
133
- */
134
- tokens?: CalendarYearTokens;
135
125
  /**
136
126
  * Selected year.
137
127
  *
@@ -14,7 +14,7 @@ export type CalendarYearCell = {
14
14
  export declare function useCalendarYear(props: MaybeRefOrGetter<CalendarYearOwnProps>, libDefaults: CalendarYearLibDefaults, emit: (event: "change", year: number) => void): {
15
15
  years: import('vue').ComputedRef<CalendarYearCell[]>;
16
16
  merged: import('vue').ComputedRef<CalendarYearMerged>;
17
- rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "color" | "value" | "classes" | "tokens" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "pageSize" | "startYear">>>>;
17
+ rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<CalendarYearOwnProps, "error" | "color" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "readOnly" | "disableYears" | "maxDate" | "minDate" | "timeZone" | "pageSize" | "startYear">>>>;
18
18
  gridBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
19
19
  role: string;
20
20
  }>>;