@vkzstudio/muza-ui 1.0.17 → 1.0.18

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 (49) hide show
  1. package/dist/components/Button/buttonVariants.js +1 -1
  2. package/dist/components/Checkbox/Checkbox.d.ts +4 -0
  3. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  4. package/dist/components/Checkbox/Checkbox.js +36 -29
  5. package/dist/components/Checkbox/Checkbox.stories.d.ts +1 -0
  6. package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
  7. package/dist/components/DatePicker/DatePicker.d.ts +2 -0
  8. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  9. package/dist/components/DatePicker/DatePicker.js +33 -31
  10. package/dist/components/FileUpload/FileUpload.d.ts +6 -2
  11. package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
  12. package/dist/components/FileUpload/FileUpload.js +141 -135
  13. package/dist/components/FileUpload/FileUpload.stories.d.ts +2 -0
  14. package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
  15. package/dist/components/Flex/Flex.d.ts +3 -1
  16. package/dist/components/Flex/Flex.d.ts.map +1 -1
  17. package/dist/components/Flex/Flex.js +33 -31
  18. package/dist/components/FormField/FormField.d.ts +30 -0
  19. package/dist/components/FormField/FormField.d.ts.map +1 -0
  20. package/dist/components/FormField/FormField.js +56 -0
  21. package/dist/components/FormField/InputHint.d.ts +13 -0
  22. package/dist/components/FormField/InputHint.d.ts.map +1 -0
  23. package/dist/components/FormField/InputHint.js +26 -0
  24. package/dist/components/FormField/InputLabel.d.ts +20 -0
  25. package/dist/components/FormField/InputLabel.d.ts.map +1 -0
  26. package/dist/components/FormField/InputLabel.js +27 -0
  27. package/dist/components/FormField/index.d.ts +4 -0
  28. package/dist/components/FormField/index.d.ts.map +1 -0
  29. package/dist/components/Input/Input.d.ts.map +1 -1
  30. package/dist/components/Input/Input.js +79 -94
  31. package/dist/components/MultiSelect/MultiSelect.d.ts +2 -0
  32. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  33. package/dist/components/MultiSelect/MultiSelect.js +125 -131
  34. package/dist/components/Radio/Radio.js +1 -1
  35. package/dist/components/Select/Select.d.ts +2 -0
  36. package/dist/components/Select/Select.d.ts.map +1 -1
  37. package/dist/components/Select/Select.js +126 -131
  38. package/dist/components/TextEditor/TextEditor.d.ts +4 -0
  39. package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
  40. package/dist/components/TextEditor/TextEditor.js +113 -135
  41. package/dist/components/Textarea/Textarea.d.ts +4 -0
  42. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  43. package/dist/components/Textarea/Textarea.js +52 -61
  44. package/dist/components/Textarea/Textarea.stories.d.ts +1 -0
  45. package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
  46. package/dist/components/TimePicker/TimePicker.d.ts +2 -0
  47. package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
  48. package/dist/muza-ui.css +1 -1
  49. package/package.json +1 -1
@@ -241,7 +241,7 @@ const e = {
241
241
  ],
242
242
  xs: [
243
243
  "h-comp-button-h-xs px-comp-button-p-xs",
244
- "[&>span>svg]:size-icon-small [&>svg]:size-icon-small"
244
+ "[&>span>svg]:size-icon-small [&>svg]:size-icon-xsmall"
245
245
  ],
246
246
  sm: [
247
247
  "h-comp-button-h-sm px-comp-button-p-sm",
@@ -27,6 +27,10 @@ export interface CheckboxProps extends ComponentProps<typeof CheckboxPrimitive.R
27
27
  id?: string;
28
28
  /** Applies error border styling for validation failure. */
29
29
  error?: boolean;
30
+ /** Marks the checkbox as required and displays a red asterisk next to the label. @default false */
31
+ required?: boolean;
32
+ /** Hides the required asterisk even when `required` is true. @default false */
33
+ disableRequiredAsterisk?: boolean;
30
34
  }
31
35
  export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
32
36
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D;;;GAGG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrD,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,QAAQ,0HAuFpB,CAAA"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D;;;GAGG;AACH,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrD,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAA;IAC9D,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kFAAkF;IAClF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,0HA8FpB,CAAA"}
@@ -1,55 +1,59 @@
1
- import { jsxs as c, jsx as r } from "react/jsx-runtime";
2
- import { forwardRef as k, useId as p } from "react";
3
- import * as a from "@radix-ui/react-checkbox";
4
- import { CheckMinus as u, Checked as g } from "../Icons/CustomIcons.js";
5
- import { cn as o } from "../../utils/cn.js";
1
+ import { jsxs as i, jsx as r } from "react/jsx-runtime";
2
+ import { forwardRef as u, useId as g } from "react";
3
+ import * as n from "@radix-ui/react-checkbox";
4
+ import { CheckMinus as v, Checked as N } from "../Icons/CustomIcons.js";
5
+ import { cn as s } from "../../utils/cn.js";
6
6
  import { Typography as d } from "../Typography/Typography.js";
7
- const v = k(
7
+ const z = u(
8
8
  ({
9
- isIndeterminate: n = !1,
10
- label: i,
9
+ isIndeterminate: l = !1,
10
+ label: c,
11
11
  secondaryLabel: e,
12
12
  className: b,
13
13
  id: f,
14
14
  disabled: t,
15
- error: l,
16
- ...m
17
- }, h) => {
18
- const x = p(), s = f || x;
19
- return /* @__PURE__ */ c("div", { className: "flex items-start gap-sm", children: [
15
+ error: m,
16
+ required: o,
17
+ disableRequiredAsterisk: h,
18
+ ...x
19
+ }, k) => {
20
+ const p = g(), a = f || p;
21
+ return /* @__PURE__ */ i("div", { className: "isolate flex items-start gap-sm", children: [
20
22
  /* @__PURE__ */ r(
21
- a.Root,
23
+ n.Root,
22
24
  {
23
- ref: h,
24
- id: s,
25
+ ref: k,
26
+ id: a,
25
27
  "data-slot": "checkbox",
26
- className: o(
28
+ className: s(
27
29
  "peer relative flex size-icon-small shrink-0 cursor-pointer items-center justify-center",
28
30
  "rounded-[25%] focus-visible-default",
29
31
  'before:absolute before:inset-0 before:z-[-1] before:rounded-[25%] before:border before:border-comp-checkbox-stroke-def before:transition-colors before:content-[""]',
30
32
  "hover:before:border-stroke-brand-hover hover:before:bg-surface-brand-brand-tertiary",
31
33
  "data-[state=checked]:text-primary-foreground data-[state=checked]:border-comp-checkbox-stroke-hover data-[state=checked]:bg-comp-checkbox-bg-active",
32
34
  "disabled:cursor-not-allowed disabled:before:border-comp-checkbox-stroke-disabled disabled:before:bg-comp-checkbox-bg-disabled",
33
- { "before:border-stroke-error-def": l },
35
+ { "before:border-stroke-error-def": m },
34
36
  b
35
37
  ),
36
38
  disabled: t,
37
- ...m,
39
+ required: o,
40
+ "aria-required": o,
41
+ ...x,
38
42
  children: /* @__PURE__ */ r(
39
- a.Indicator,
43
+ n.Indicator,
40
44
  {
41
45
  "data-slot": "checkbox-indicator",
42
46
  className: "flex size-full shrink-0 items-center justify-center text-current transition-none",
43
- children: n ? /* @__PURE__ */ r(u, { className: "size-full shrink-0 text-icon-invert-def" }) : /* @__PURE__ */ r(g, { className: "size-full shrink-0 text-icon-invert-def" })
47
+ children: l ? /* @__PURE__ */ r(v, { className: "size-full shrink-0 text-icon-invert-def" }) : /* @__PURE__ */ r(N, { className: "size-full shrink-0 text-icon-invert-def" })
44
48
  }
45
49
  )
46
50
  }
47
51
  ),
48
- i && /* @__PURE__ */ c(
52
+ c && /* @__PURE__ */ i(
49
53
  "label",
50
54
  {
51
- htmlFor: s,
52
- className: o(
55
+ htmlFor: a,
56
+ className: s(
53
57
  "fix-y-text-1 cursor-pointer leading-none text-text-dark-primary-def select-none",
54
58
  {
55
59
  "cursor-not-allowed text-text-dark-disabled": t
@@ -57,14 +61,17 @@ const v = k(
57
61
  ),
58
62
  "aria-disabled": t,
59
63
  children: [
60
- /* @__PURE__ */ r(
64
+ /* @__PURE__ */ i(
61
65
  d,
62
66
  {
63
67
  component: "span",
64
68
  variant: "body",
65
69
  weight: e != null && e.length ? "medium" : "regular",
66
70
  size: "base",
67
- children: i
71
+ children: [
72
+ c,
73
+ o && !h && /* @__PURE__ */ r("span", { className: "text-comp-input-text-error", children: " *" })
74
+ ]
68
75
  }
69
76
  ),
70
77
  (e == null ? void 0 : e.length) && /* @__PURE__ */ r(
@@ -74,7 +81,7 @@ const v = k(
74
81
  variant: "body",
75
82
  weight: "regular",
76
83
  size: "base",
77
- className: o("block text-text-dark-secondary", {
84
+ className: s("block text-text-dark-secondary", {
78
85
  "text-text-dark-disabled": t
79
86
  }),
80
87
  children: e
@@ -86,7 +93,7 @@ const v = k(
86
93
  ] });
87
94
  }
88
95
  );
89
- v.displayName = "Checkbox";
96
+ z.displayName = "Checkbox";
90
97
  export {
91
- v as Checkbox
98
+ z as Checkbox
92
99
  };
@@ -13,5 +13,6 @@ export declare const IndeterminateWithLabel: Story;
13
13
  export declare const Disabled: Story;
14
14
  export declare const DisabledWithLabel: Story;
15
15
  export declare const Error: Story;
16
+ export declare const Required: Story;
16
17
  export declare const ErrorWithLabel: Story;
17
18
  //# sourceMappingURL=Checkbox.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAsE/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}
1
+ {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA4E/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA"}
@@ -70,6 +70,8 @@ export type DatePickerProps = {
70
70
  shouldResetToDefaultValue?: boolean;
71
71
  /** Marks the field as required, displaying an asterisk on the label. */
72
72
  required?: boolean;
73
+ /** Hides the required asterisk even when `required` is true. @default false */
74
+ disableRequiredAsterisk?: boolean;
73
75
  } & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter'> & (DatePickerRangeProps | DatePickerSingleProps);
74
76
  /** Props for date range selection mode. */
75
77
  export type DatePickerRangeProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
@@ -1,17 +1,17 @@
1
- import { jsx as e, jsxs as U } from "react/jsx-runtime";
2
- import { forwardRef as W, useState as l, useEffect as X } from "react";
3
- import { useIsDesktop as Z } from "../../hooks/use-is-desktop.js";
4
- import { useIsMobile as _ } from "../../hooks/use-is-mobile.js";
5
- import { Popover as $, PopoverTrigger as w, PopoverContent as T } from "../Popover/Popover.js";
6
- import { getDateRange as a } from "./utils/getDateRange.js";
7
- import { Input as s } from "../Input/Input.js";
8
- import { formatDate as V } from "../Calendar/utils/formatDate.js";
9
- import { formatDateRange as O } from "../Calendar/utils/formatDateRange.js";
1
+ import { jsx as e, jsxs as W } from "react/jsx-runtime";
2
+ import { forwardRef as X, useState as l, useEffect as Z } from "react";
3
+ import { useIsDesktop as _ } from "../../hooks/use-is-desktop.js";
4
+ import { useIsMobile as $ } from "../../hooks/use-is-mobile.js";
5
+ import { Popover as w, PopoverTrigger as T, PopoverContent as a } from "../Popover/Popover.js";
6
+ import { getDateRange as s } from "./utils/getDateRange.js";
7
+ import { Input as V } from "../Input/Input.js";
8
+ import { formatDate as O } from "../Calendar/utils/formatDate.js";
9
+ import { formatDateRange as h } from "../Calendar/utils/formatDateRange.js";
10
10
  import { Calendar as R } from "../Calendar/Calendar.js";
11
11
  import { cn as b } from "../../utils/cn.js";
12
- import { typographyVariants as h } from "../Typography/Typography.js";
13
- import { CalendarBold as C } from "@solar-icons/react-perf";
14
- const N = W(
12
+ import { typographyVariants as C } from "../Typography/Typography.js";
13
+ import { CalendarBold as N } from "@solar-icons/react-perf";
14
+ const tt = X(
15
15
  ({
16
16
  alignCalendar: j,
17
17
  mode: v,
@@ -33,19 +33,20 @@ const N = W(
33
33
  renderCustomTrigger: I,
34
34
  shouldResetToDefaultValue: c,
35
35
  required: q,
36
+ disableRequiredAsterisk: G,
36
37
  ...M
37
- }, G) => {
38
- const F = Z(), H = _(), [J, y] = l(!1), K = typeof d == "boolean" ? d : J, [u, k] = l(
38
+ }, H) => {
39
+ const F = _(), J = $(), [K, y] = l(!1), L = typeof d == "boolean" ? d : K, [u, k] = l(
39
40
  n ?? p
40
41
  ), [o, m] = l(n ?? p);
41
- X(() => {
42
+ Z(() => {
42
43
  k(n), m(n);
43
44
  }, [n]);
44
- const L = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
45
+ const Q = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
45
46
  "button",
46
47
  {
47
48
  className: b(
48
- h({
49
+ C({
49
50
  variant: "cta",
50
51
  weight: "medium",
51
52
  size: "sm",
@@ -58,23 +59,23 @@ const N = W(
58
59
  t == null ? void 0 : t.leftPanelButton
59
60
  ),
60
61
  onClick: () => {
61
- const Q = a(i.type);
62
- m(Q);
62
+ const U = s(i.type);
63
+ m(U);
63
64
  },
64
65
  children: i.name
65
66
  },
66
67
  i.type
67
- )), D = z ?? (v === "single" ? V : O);
68
- return /* @__PURE__ */ U(
69
- $,
68
+ )), D = z ?? (v === "single" ? O : h);
69
+ return /* @__PURE__ */ W(
70
+ w,
70
71
  {
71
- open: K,
72
+ open: L,
72
73
  onOpenChange: (i) => {
73
74
  d === void 0 && y(i), r == null || r(i);
74
75
  },
75
76
  children: [
76
77
  /* @__PURE__ */ e(
77
- w,
78
+ T,
78
79
  {
79
80
  className: b(
80
81
  "group cursor-pointer rounded-full text-left outline-0",
@@ -82,9 +83,9 @@ const N = W(
82
83
  ),
83
84
  disabled: S,
84
85
  children: I ? I() : /* @__PURE__ */ e(
85
- s,
86
+ V,
86
87
  {
87
- ref: G,
88
+ ref: H,
88
89
  value: u ? D(u) : "",
89
90
  placeholder: P,
90
91
  error: B,
@@ -93,18 +94,19 @@ const N = W(
93
94
  hint: A,
94
95
  tabIndex: -1,
95
96
  required: q,
97
+ disableRequiredAsterisk: G,
96
98
  className: b(
97
99
  "pointer-events-none",
98
100
  t == null ? void 0 : t.input,
99
101
  "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
100
102
  ),
101
- suffix: /* @__PURE__ */ e(C, { className: "size-icon-medium text-icon-dark-secondary-def" })
103
+ suffix: /* @__PURE__ */ e(N, { className: "size-icon-medium text-icon-dark-secondary-def" })
102
104
  }
103
105
  )
104
106
  }
105
107
  ),
106
108
  /* @__PURE__ */ e(
107
- T,
109
+ a,
108
110
  {
109
111
  className: b("flex w-auto p-0", t == null ? void 0 : t.popoverContent),
110
112
  align: j,
@@ -141,7 +143,7 @@ const N = W(
141
143
  (o !== void 0 || c) && (k(o), f == null || f(o)), d === void 0 && y(!1), r == null || r(!1);
142
144
  },
143
145
  numberOfMonths: F ? 2 : 1,
144
- leftPanelChildren: v === "range" && !H && L,
146
+ leftPanelChildren: v === "range" && !J && Q,
145
147
  dateRangeFormatter: D
146
148
  }
147
149
  )
@@ -152,7 +154,7 @@ const N = W(
152
154
  );
153
155
  }
154
156
  );
155
- N.displayName = "DatePicker";
157
+ tt.displayName = "DatePicker";
156
158
  export {
157
- N as DatePicker
159
+ tt as DatePicker
158
160
  };
@@ -36,12 +36,16 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
36
36
  readOnly?: boolean;
37
37
  /** Title text displayed inside the dropzone area. Defaults to a translated string. */
38
38
  title?: string;
39
- /** Label displayed above the upload area. Renders as a `<label>` when passed as a string. */
40
- label?: React.ReactNode;
39
+ /** Label displayed above the upload area. */
40
+ label?: string;
41
41
  /** Subtitle text displayed below the title inside the dropzone. */
42
42
  subtitle?: string;
43
43
  /** Applies error border and text styling to the dropzone. */
44
44
  error?: boolean;
45
+ /** Marks the field as required and displays a red asterisk next to the label. @default false */
46
+ required?: boolean;
47
+ /** Hides the required asterisk even when `required` is true. @default false */
48
+ disableRequiredAsterisk?: boolean;
45
49
  /**
46
50
  * Additional options passed to react-dropzone.
47
51
  * Props managed by the component (`onDrop`, `accept`, `multiple`, `maxSize`, `disabled`) are excluded.
@@ -1 +1 @@
1
- {"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,gBAAgB,CAAA;AAQlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,QAAQ,GAAG,SAAS,GAAG,UAAU,CAClC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAC/D,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;;OAIG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,CAAA;IACD,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,UAAU,wFA+Mf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
1
+ {"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,gBAAgB,CAAA;AASlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,QAAQ,GAAG,SAAS,GAAG,UAAU,CAClC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAC/D,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;OAIG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,CAAA;IACD,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,UAAU,wFA8Mf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}