@vkzstudio/muza-ui 1.0.43 → 1.0.44

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 (47) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +42 -6
  2. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  3. package/dist/components/Button/Button.d.ts +71 -17
  4. package/dist/components/Button/Button.d.ts.map +1 -1
  5. package/dist/components/DataTable/DataTable.d.ts +52 -15
  6. package/dist/components/DataTable/DataTable.d.ts.map +1 -1
  7. package/dist/components/DatePicker/DatePicker.d.ts +69 -36
  8. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  9. package/dist/components/DatePicker/DatePicker.stories.d.ts.map +1 -1
  10. package/dist/components/EdgeButton/EdgeButton.d.ts +10 -11
  11. package/dist/components/EdgeButton/EdgeButton.d.ts.map +1 -1
  12. package/dist/components/ExpandableTable/ExpandableTable.d.ts +73 -8
  13. package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
  14. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +3 -0
  15. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
  16. package/dist/components/ExpandableTable/index.d.ts +1 -1
  17. package/dist/components/ExpandableTable/index.d.ts.map +1 -1
  18. package/dist/components/FileUpload/FileItem.d.ts +16 -0
  19. package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
  20. package/dist/components/FileUpload/FileUpload.d.ts +105 -42
  21. package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
  22. package/dist/components/FileUpload/index.d.ts +1 -1
  23. package/dist/components/FileUpload/index.d.ts.map +1 -1
  24. package/dist/components/Input/Input.d.ts +33 -34
  25. package/dist/components/Input/Input.d.ts.map +1 -1
  26. package/dist/components/Input/Input.stories.d.ts.map +1 -1
  27. package/dist/components/MultiSelect/MultiSelect.d.ts +50 -23
  28. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  29. package/dist/components/Reorderable/Reorderable.d.ts +48 -1
  30. package/dist/components/Reorderable/Reorderable.d.ts.map +1 -1
  31. package/dist/components/ReorderableTable/ReorderableTable.d.ts +34 -17
  32. package/dist/components/ReorderableTable/ReorderableTable.d.ts.map +1 -1
  33. package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map +1 -1
  34. package/dist/components/Select/Select.d.ts +38 -21
  35. package/dist/components/Select/Select.d.ts.map +1 -1
  36. package/dist/components/Select/index.d.ts +1 -1
  37. package/dist/components/Select/index.d.ts.map +1 -1
  38. package/dist/components/TextEditor/TextEditor.d.ts +82 -46
  39. package/dist/components/TextEditor/TextEditor.d.ts.map +1 -1
  40. package/dist/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
  41. package/dist/components/TextEditor/index.d.ts +1 -1
  42. package/dist/components/TextEditor/index.d.ts.map +1 -1
  43. package/dist/components/Textarea/Textarea.d.ts +41 -10
  44. package/dist/components/Textarea/Textarea.d.ts.map +1 -1
  45. package/dist/components/Textarea/Textarea.stories.d.ts.map +1 -1
  46. package/dist/muza-ui.css +1 -1
  47. package/package.json +1 -1
@@ -62,20 +62,56 @@ export interface AccordionMultipleProps extends RadixAccordionMultipleProps {
62
62
  * <Accordion type="single" variant="default" collapsible>
63
63
  */
64
64
  export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
65
- /** Props for AccordionItem. Requires a unique `value` string to identify the section. */
65
+ /**
66
+ * Props for the AccordionItem component.
67
+ * Represents a single expandable section within an Accordion.
68
+ */
66
69
  export interface AccordionItemProps extends React.ComponentProps<typeof AccordionPrimitive.Item> {
67
- /** Unique string identifying this item within the accordion. */
70
+ /** Unique string identifying this item within the accordion. Must be unique across sibling items. */
68
71
  value: string;
69
72
  /** Prevents interaction with this specific item. @default false */
70
73
  disabled?: boolean;
71
- /** When true, clicking the content area also toggles the item. Set to false for items with interactive content (forms, inputs). @default true */
74
+ /**
75
+ * When true, clicking anywhere on the item (not just the header) toggles the open state.
76
+ * Set to false for items whose content contains interactive elements (forms, inputs, switches)
77
+ * so inner clicks don't collapse the section.
78
+ *
79
+ * @default true
80
+ * @example
81
+ * <AccordionItem value="settings" clickableContent={false}>
82
+ * <AccordionHeader>Settings</AccordionHeader>
83
+ * <AccordionContent>
84
+ * <Input />
85
+ * <Switch />
86
+ * </AccordionContent>
87
+ * </AccordionItem>
88
+ */
72
89
  clickableContent?: boolean;
73
- /** When true, the item is always expanded, non-interactive, and the chevron is hidden. The header renders as a plain element instead of a button for proper accessibility. @default false */
90
+ /**
91
+ * When true, the item is always expanded, non-interactive, and the chevron is hidden.
92
+ * The header renders as a plain element instead of a button so it stays accessible
93
+ * when no toggle action is available.
94
+ *
95
+ * @default false
96
+ * @example
97
+ * <AccordionItem value="always-visible" static>
98
+ * <AccordionHeader>Always visible</AccordionHeader>
99
+ * <AccordionContent>This content is always shown.</AccordionContent>
100
+ * </AccordionItem>
101
+ */
74
102
  static?: boolean;
75
103
  }
76
- /** Props for AccordionHeader. Clickable area that toggles content visibility. */
104
+ /**
105
+ * Props for the AccordionHeader component.
106
+ * Renders the clickable header area that toggles content visibility.
107
+ * Wraps and behaves as Radix's `Accordion.Header` + `Accordion.Trigger`.
108
+ */
77
109
  export type AccordionHeaderProps = React.ComponentProps<typeof AccordionPrimitive.Header>;
78
- /** Props for AccordionContent. Collapsible content area with slide animation. */
110
+ /**
111
+ * Props for the AccordionContent component.
112
+ * Collapsible content area with built-in slide-up/slide-down animation.
113
+ * Wraps Radix's `Accordion.Content`.
114
+ */
79
115
  export type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;
80
116
  declare const accordionItemVariants: (props?: ({
81
117
  variant?: "default" | "branded" | "settings" | null | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjE,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E,yFAAyF;AACzF,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iJAAiJ;IACjJ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,6LAA6L;IAC7L,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED,iFAAiF;AACjF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAA;AAMD,QAAA,MAAM,qBAAqB;;8EAYzB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;8EAe7B,CAAA;AAED,QAAA,MAAM,6BAA6B;;8EASjC,CAAA;AA8BF,QAAA,MAAM,SAAS,GAAI,+CAIhB,cAAc,4CAahB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,wFAQpB,kBAAkB,4CAiDpB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,oBAAoB,4CA+BtB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CA6BvB,CAAA;AAED,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,GAC9B,CAAA"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,KAAK,sBAAsB,IAAI,2BAA2B,EAC1D,KAAK,oBAAoB,IAAI,yBAAyB,EACvD,MAAM,2BAA2B,CAAA;AAKlC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjE,mEAAmE;AACnE,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,yDAAyD;IACzD,IAAI,EAAE,QAAQ,CAAA;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,gFAAgF;AAChF,MAAM,WAAW,sBAAuB,SAAQ,2BAA2B;IACzE,sEAAsE;IACtE,IAAI,EAAE,UAAU,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAA;AAE1E;;;GAGG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IAC5D,qGAAqG;IACrG,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CACrD,OAAO,kBAAkB,CAAC,MAAM,CACjC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CACtD,OAAO,kBAAkB,CAAC,OAAO,CAClC,CAAA;AAMD,QAAA,MAAM,qBAAqB;;8EAYzB,CAAA;AAEF,QAAA,MAAM,wBAAwB;;8EAe7B,CAAA;AAED,QAAA,MAAM,6BAA6B;;8EASjC,CAAA;AA8BF,QAAA,MAAM,SAAS,GAAI,+CAIhB,cAAc,4CAahB,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,wFAQpB,kBAAkB,4CAiDpB,CAAA;AAED,QAAA,MAAM,eAAe,GAAI,mCAItB,oBAAoB,4CA+BtB,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CA6BvB,CAAA;AAED,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,6BAA6B,GAC9B,CAAA"}
@@ -3,48 +3,102 @@ import { buttonVariants } from './buttonVariants';
3
3
  import * as React from 'react';
4
4
  /**
5
5
  * Props for the Button component.
6
- * Extends standard button HTML attributes. The `iconOnly` and `size` CVA variants
7
- * are excluded from VariantProps and re-declared with custom types.
6
+ *
7
+ * Extends standard button HTML attributes. CVA's inferred `iconOnly` and `size`
8
+ * variants are omitted from `VariantProps` and re-declared below with explicit
9
+ * union types so consumers see the allowed values in `.d.ts` output.
8
10
  */
9
11
  export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps<typeof buttonVariants>, 'iconOnly' | 'size'> {
10
12
  /**
11
- * Visual style variant: primary (brand), secondary (outlined), tertiary (subtle),
12
- * invert (dark backgrounds), dashed (bordered), link/linkInvert (text only).
13
+ * Visual style variant.
14
+ *
15
+ * - `primary` — brand-colored solid button for the main call-to-action.
16
+ * - `secondary` — outlined button for secondary actions.
17
+ * - `tertiary` — subtle button for low-emphasis actions.
18
+ * - `invert` — inverted colors for dark backgrounds.
19
+ * - `dashed` — dashed-border button, typically for add/create actions.
20
+ * - `link` / `linkInvert` — text-only link-styled button.
21
+ *
13
22
  * @default 'primary'
14
23
  */
15
24
  variant?: 'primary' | 'secondary' | 'tertiary' | 'invert' | 'dashed' | 'link' | 'linkInvert';
16
25
  /**
17
26
  * Controls height and padding. The `icon` size renders a compact icon-only
18
27
  * button with ghost styling (no background, border, or border radius).
28
+ *
19
29
  * @default 'md'
20
30
  */
21
31
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'icon';
22
- /** Stretches button to fill its container width. @default false */
32
+ /** Stretches the button to fill its container width. @default false */
23
33
  fullWidth?: boolean;
24
34
  /**
25
- * When true, merges Button props/styles onto the single child element via
26
- * Radix `Slot` (e.g. `<Button asChild><Link href="/">Home</Link></Button>`
27
- * renders an `<a>` with all button styling and click target). Icons and the
28
- * `loading` spinner are injected as siblings of the child's original content.
29
- * Note: `disabled` has no effect on non-`<button>` children — use
30
- * `aria-disabled` on the child instead.
35
+ * Renders the single child as the root element via Radix `Slot`, merging
36
+ * Button's props, styles, ref, and event handlers onto it. Use for
37
+ * polymorphic rendering e.g. a router `Link`, a plain `<a>`, a `<label>`,
38
+ * or a `<button type="submit">` while keeping full Button styling.
39
+ *
40
+ * Icons and the `loading` spinner are injected as siblings of the child's
41
+ * original content.
42
+ *
43
+ * Note: the `disabled` attribute is inert on non-`<button>` children
44
+ * (e.g. `<a>`). Use `aria-disabled` on the child instead.
45
+ *
31
46
  * @default false
47
+ * @example
48
+ * <Button asChild variant="primary">
49
+ * <Link href="/dashboard">Go to dashboard</Link>
50
+ * </Button>
51
+ *
52
+ * @example
53
+ * <Button asChild variant="primary">
54
+ * <button type="submit">Submit form</button>
55
+ * </Button>
32
56
  */
33
57
  asChild?: boolean;
34
- /** React node displayed as an icon. Position controlled by `iconPosition`. */
58
+ /**
59
+ * Icon node rendered alongside the label. Position is controlled by
60
+ * `iconPosition`. Omit `children` to render an icon-only button (provide
61
+ * `aria-label` for accessibility).
62
+ *
63
+ * @example
64
+ * <Button icon={<DownloadIcon />}>Download</Button>
65
+ *
66
+ * @example
67
+ * <Button icon={<PlusIcon />} aria-label="Add" />
68
+ */
35
69
  icon?: React.ReactNode;
36
- /** Places icon before (`start`) or after (`end`) the button text. Ignored when `secondIcon` is provided. @default 'start' */
70
+ /**
71
+ * Places `icon` before (`'start'`) or after (`'end'`) the button text.
72
+ * Ignored when `secondIcon` is provided.
73
+ *
74
+ * @default 'start'
75
+ */
37
76
  iconPosition?: 'start' | 'end';
38
- /** Optional trailing icon. When set, `icon` is always rendered at the start and `secondIcon` at the end, ignoring `iconPosition`. */
77
+ /**
78
+ * Optional trailing icon. When set, `icon` is always rendered at the start
79
+ * and `secondIcon` at the end, overriding `iconPosition`.
80
+ *
81
+ * @example
82
+ * <Button icon={<PlusIcon />} secondIcon={<ArrowRightIcon />}>Add and continue</Button>
83
+ */
39
84
  secondIcon?: React.ReactNode;
40
- /** Removes background, showing only text and icon with hover effects. @default false */
85
+ /**
86
+ * Removes background and border, showing only text and icon with hover
87
+ * effects. The `icon` size always renders as ghost regardless of this prop.
88
+ *
89
+ * @default false
90
+ */
41
91
  ghost?: boolean;
42
92
  /** Applies destructive/error styling for delete or dangerous actions. @default false */
43
93
  danger?: boolean;
44
94
  /**
45
- * Shows a spinner overlay and disables interaction.
46
- * Text becomes invisible but maintains button width.
95
+ * Shows a spinner overlay and disables interaction. The label fades out but
96
+ * the button keeps its width, preventing layout shift during async actions.
97
+ *
47
98
  * @default false
99
+ * @example
100
+ * const [saving, setSaving] = useState(false)
101
+ * <Button loading={saving} onClick={handleSave}>Save</Button>
48
102
  */
49
103
  loading?: boolean;
50
104
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6HAA6H;IAC7H,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,qIAAqI;IACrI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAqFX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;GAMG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAqFX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
@@ -1,11 +1,19 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { VariantProps } from 'class-variance-authority';
3
+ /**
4
+ * CVA variants for the DataTable body cells. Controls background color
5
+ * (`variant`) and rounded-corner/border treatment based on the cell's
6
+ * position in the row (`position`).
7
+ */
3
8
  declare const dataTableCellVariants: (props?: ({
4
9
  variant?: "default" | "white" | null | undefined;
5
10
  position?: "first" | "last" | "middle" | null | undefined;
6
11
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
12
  /**
8
- * Column definition for the DataTable component.
13
+ * Column definition for the DataTable component. Describes how a single column
14
+ * pulls its value from each row object, how its header renders, and optionally
15
+ * how each cell renders.
16
+ *
9
17
  * @typeParam T - The type of data objects in each row
10
18
  *
11
19
  * @example
@@ -16,20 +24,24 @@ declare const dataTableCellVariants: (props?: ({
16
24
  * ]
17
25
  */
18
26
  export interface DataTableColumn<T> {
19
- /** Property key from the data object to display in this column. */
27
+ /** Property key on each row object whose value is displayed in this column. */
20
28
  dataKey: keyof T;
21
- /** Header label for the column. */
29
+ /** Header label for the column. Pass an empty string to render a blank header (e.g. an actions column). */
22
30
  title: ReactNode;
23
- /** Additional CSS class applied to both the header and body cells. */
31
+ /** Extra CSS class applied to both the header cell (`<th>`) and body cells (`<td>`) of this column. */
24
32
  className?: string;
25
33
  /**
26
- * Truncates cell text to the specified number of lines.
27
- * `true` or `1` clamps to one line, `2` clamps to two lines.
34
+ * Truncates default cell text to the specified number of lines. Has no
35
+ * effect when a custom `render` is provided.
36
+ * - `true` or `1` clamps to one line
37
+ * - `2` clamps to two lines
28
38
  */
29
39
  lineClamp?: boolean | 1 | 2;
30
40
  /**
31
41
  * Custom render function for cell content. When omitted, the raw value
32
- * is displayed inside a Typography component.
42
+ * at `dataKey` is displayed inside a Typography component. The function
43
+ * receives the raw value, the full row object, the row index, and the
44
+ * table's `disabled` state so custom cells can mirror the disabled styling.
33
45
  *
34
46
  * @example
35
47
  * render: (value, rowData, rowIndex, disabled) => (
@@ -40,26 +52,51 @@ export interface DataTableColumn<T> {
40
52
  }
41
53
  /**
42
54
  * Props for the DataTable component.
43
- * Extends standard table attributes except `children` (content is driven by `data` and `columns`).
55
+ * Extends standard table attributes except `children` (content is driven by
56
+ * `data` and `columns` rather than JSX children).
57
+ *
44
58
  * @typeParam T - The type of data objects in each row
45
59
  */
46
60
  export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'>, Omit<VariantProps<typeof dataTableCellVariants>, 'variant' | 'position'> {
47
- /** Array of data objects to display as table rows. */
61
+ /** Array of data objects to display. Each item renders as one table row. */
48
62
  data: T[];
49
- /** Column definitions describing headers and cell rendering. @see DataTableColumn */
63
+ /**
64
+ * Column definitions describing headers, cell rendering, and per-column styling.
65
+ * @see DataTableColumn
66
+ */
50
67
  columns: DataTableColumn<T>[];
51
68
  /** Controls visibility of the table header row. @default true */
52
69
  showHeader?: boolean;
53
- /** Additional CSS class applied to the table element. */
70
+ /** Extra CSS class applied to the `<table>` element. */
54
71
  className?: string;
55
- /** Visual style variant for row background. @default 'default' */
72
+ /**
73
+ * Visual style variant for row background.
74
+ * - `'default'` uses the primary surface color
75
+ * - `'white'` uses the secondary surface color (for nested/alt backgrounds)
76
+ *
77
+ * @default 'default'
78
+ */
56
79
  variant?: 'default' | 'white';
57
- /** Prevents interaction and applies muted text colors. @default false */
80
+ /**
81
+ * Prevents row-click interaction and applies muted text colors. The value
82
+ * is also forwarded to every column's `render` callback so custom cells
83
+ * can reflect the disabled state.
84
+ *
85
+ * @default false
86
+ */
58
87
  disabled?: boolean;
59
88
  /**
60
89
  * Fires when a row is clicked (pointer only — rows are not keyboard-activatable).
61
- * When provided and not `disabled`, rows get a pointer cursor and a
62
- * hover/focus-within border on cells.
90
+ * When provided and the table is not `disabled`, rows get a pointer cursor
91
+ * and a hover/focus-within border on cells. Inner interactive elements
92
+ * should call `event.stopPropagation()` to prevent the row handler from firing.
93
+ *
94
+ * @example
95
+ * <DataTable
96
+ * data={users}
97
+ * columns={columns}
98
+ * onRowClick={(rowData, rowIndex) => openDetail(rowData.id)}
99
+ * />
63
100
  */
64
101
  onRowClick?: (rowData: T, rowIndex: number) => void;
65
102
  }
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,mCAAmC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,sDAAsD;IACtD,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,qFAAqF;IACrF,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,mFASpB,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;;GAIG;AACH,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,2GAA2G;IAC3G,KAAK,EAAE,SAAS,CAAA;IAChB,uGAAuG;IACvG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,4EAA4E;IAC5E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;;OAGG;IACH,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,mFASpB,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
@@ -3,29 +3,44 @@ import { DateRange } from 'react-day-picker';
3
3
  import { CalendarBaseProps } from '../Calendar';
4
4
  import { PopoverContentProps } from '../Popover/Popover';
5
5
  import { Presets } from './utils/getDateRange';
6
+ /**
7
+ * Custom class names for DatePicker internal elements.
8
+ *
9
+ * @example
10
+ * classNames={{ popoverTrigger: 'w-full', input: 'rounded-lg' }}
11
+ */
12
+ export type DatePickerClassNames = Partial<{
13
+ /** Class applied to the Radix popover trigger wrapping the input. */
14
+ popoverTrigger: string;
15
+ /** Class applied to the popover content container. */
16
+ popoverContent: string;
17
+ /** Class applied to the default Input trigger. */
18
+ input: string;
19
+ /** Class applied to each preset button in the left panel. */
20
+ leftPanelButton: string;
21
+ }>;
6
22
  /**
7
23
  * Props for the DatePicker component.
8
24
  *
9
- * Uses a discriminated union on `mode` to type `value`, `defaultValue`,
10
- * `onChange`, and `dateFormatter` for either single date or date range selection.
25
+ * Discriminated union on `mode`: `'single'` for picking one date, `'range'` for a start-end range.
26
+ * The `mode` value narrows `value`, `defaultValue`, `onChange`, and `dateFormatter`
27
+ * to the matching type — see {@link DatePickerSingleProps} and {@link DatePickerRangeProps}.
11
28
  *
12
- * Also inherits calendar layout/visibility props from {@link CalendarBaseProps}
13
- * (e.g. `hideNavigation`, `hideCaption`, `showOutsideDays`, etc.).
29
+ * Also inherits calendar layout and visibility props from {@link CalendarBaseProps}
30
+ * (e.g. `hideNavigation`, `hideCaption`, `showOutsideDays`, `weekStartsOn`, `disabledDates`).
14
31
  */
15
32
  export type DatePickerProps = {
16
- /** Controls horizontal alignment of the calendar popover relative to the trigger. */
33
+ /** Horizontal alignment of the calendar popover relative to the trigger. */
17
34
  alignCalendar?: 'center' | 'end' | 'start';
18
35
  /**
19
- * Defines preset date range options shown in the left panel (range mode only).
36
+ * Preset date range shortcuts shown in the left panel (range mode only).
20
37
  * Each preset has a display `name` and a `type` matching a built-in range calculation.
21
38
  *
22
39
  * @example
23
- * ```tsx
24
40
  * allowedPresets={[
25
41
  * { name: 'Today', type: 'Today' },
26
42
  * { name: 'Last 7 days', type: 'Last 7 days' },
27
43
  * ]}
28
- * ```
29
44
  *
30
45
  * @see Presets
31
46
  */
@@ -33,35 +48,26 @@ export type DatePickerProps = {
33
48
  name: string;
34
49
  type: (typeof Presets)[number];
35
50
  }[];
36
- /** Controls the open state of the calendar popover when used as a controlled component. */
51
+ /** Controlled open state of the calendar popover. */
37
52
  open?: boolean;
38
53
  /** Fires when the popover open state changes. */
39
54
  onOpenChange?: (open: boolean) => void;
40
55
  /**
41
56
  * Custom class names for internal elements.
42
- *
43
- * @example
44
- * ```tsx
45
- * classNames={{ popoverTrigger: 'w-full', input: 'rounded-lg' }}
46
- * ```
57
+ * @see DatePickerClassNames
47
58
  */
48
- classNames?: Partial<{
49
- popoverTrigger: string;
50
- popoverContent: string;
51
- input: string;
52
- leftPanelButton: string;
53
- }>;
59
+ classNames?: DatePickerClassNames;
54
60
  /** Prevents interaction and applies disabled styling. */
55
61
  disabled?: boolean;
56
62
  /** Applies error styling with red border to the input. */
57
63
  error?: boolean;
58
- /** Displays label text above the input. */
64
+ /** Label text displayed above the input. */
59
65
  label?: string;
60
- /** Displays helper text below the input. */
66
+ /** Helper text displayed below the input. */
61
67
  hint?: string;
62
68
  /** Placeholder text shown when no date is selected. */
63
69
  placeholder?: string;
64
- /** Controls which side of the trigger the calendar popover opens on. @default 'bottom' */
70
+ /** Side of the trigger the calendar popover opens on. @default 'bottom' */
65
71
  side?: 'top' | 'right' | 'bottom' | 'left';
66
72
  /** Prevents the popover from overflowing viewport boundaries. @default true */
67
73
  avoidCollisions?: boolean;
@@ -79,24 +85,48 @@ export type DatePickerProps = {
79
85
  /** Replaces the default Input trigger with a custom rendered element. */
80
86
  renderCustomTrigger?: () => ReactNode;
81
87
  /**
82
- * Controls reset button behavior. When true, reset restores `defaultValue`.
83
- * When false or omitted, reset reverts to the last confirmed value.
88
+ * Controls reset button behavior. When `true`, reset restores `defaultValue`.
89
+ * When `false` or omitted, reset reverts to the last confirmed value.
90
+ *
91
+ * @example
92
+ * // Reset clears the field (defaultValue is undefined)
93
+ * <DatePicker shouldResetToDefaultValue defaultValue={undefined} />
84
94
  */
85
95
  shouldResetToDefaultValue?: boolean;
86
- /** When true, every calendar click calls onChange immediately. Buttons remain visible. Reset reverts to value when popover opened. */
96
+ /**
97
+ * Calls `onChange` immediately on every calendar click instead of waiting for
98
+ * confirm. Bottom bar buttons remain visible unless {@link hideBottomBar} is true.
99
+ * Reset reverts to the value the popover was opened with.
100
+ */
87
101
  immediateCommit?: boolean;
88
- /** Range mode only. Replicates react-day-picker v8 range behavior (no longer natively supported in v9): first click sets start, second click sets end (same-day allowed). Clicking the same day again cycles back — when `required` is false the cycle is: selected → one-day range → cleared → selected; otherwise: selected → one-day range → selected. */
102
+ /**
103
+ * Range mode only. Replicates react-day-picker v8 same-day range behavior
104
+ * (no longer supported natively in v9): first click sets start, second click
105
+ * sets end (same day allowed). A third click on the same day cycles back:
106
+ * - `required={false}`: selected → one-day range → cleared → selected
107
+ * - otherwise: selected → one-day range → selected
108
+ */
89
109
  allowOneDayRange?: boolean;
90
- /** Marks the field as required, displaying an asterisk on the label. Also passed to the underlying Calendar — when explicitly set to `false`, allows deselecting dates by clicking the selected date again. */
110
+ /**
111
+ * Marks the field as required and displays an asterisk on the label.
112
+ * Also forwarded to the underlying Calendar — when explicitly set to `false`,
113
+ * dates can be deselected by clicking the selected date again.
114
+ */
91
115
  required?: boolean;
92
116
  /** Hides the required asterisk even when `required` is true. @default false */
93
117
  disableRequiredAsterisk?: boolean;
94
- /** Number of months to display side by side. @default 2 on desktop, 1 on mobile */
118
+ /** Number of months displayed side by side. @default 2 on desktop, 1 on mobile */
95
119
  numberOfMonths?: 1 | 2;
96
- /** Hides the entire bottom bar (text, reset button, and confirm button). Only effective when `immediateCommit` is true. @default false */
120
+ /**
121
+ * Hides the entire bottom bar (text, reset button, and confirm button).
122
+ * Only effective when `immediateCommit` is true. @default false
123
+ */
97
124
  hideBottomBar?: boolean;
98
125
  } & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter' | 'required'> & (DatePickerRangeProps | DatePickerSingleProps);
99
- /** Props for date range selection mode. */
126
+ /**
127
+ * Props for date range selection mode (`mode: 'range'`).
128
+ * Narrows `value`, `defaultValue`, `onChange`, and `dateFormatter` to `DateRange`.
129
+ */
100
130
  export type DatePickerRangeProps = {
101
131
  /** Enables date range selection with start and end dates. */
102
132
  mode: 'range';
@@ -104,12 +134,15 @@ export type DatePickerRangeProps = {
104
134
  value?: DateRange | undefined;
105
135
  /** Initial date range for uncontrolled usage. */
106
136
  defaultValue?: DateRange | undefined;
107
- /** Fires when a date range selection is confirmed, or `undefined` when deselected (`required={false}`). */
137
+ /** Fires when a date range is confirmed, or `undefined` when deselected (`required={false}`). */
108
138
  onChange?: (date: DateRange | undefined) => void;
109
- /** Custom function to format the displayed date range string. */
139
+ /** Custom formatter for the date range displayed in the input trigger. */
110
140
  dateFormatter?: (date: DateRange) => string;
111
141
  };
112
- /** Props for single date selection mode. */
142
+ /**
143
+ * Props for single date selection mode (`mode: 'single'`).
144
+ * Narrows `value`, `defaultValue`, `onChange`, and `dateFormatter` to `Date`.
145
+ */
113
146
  export type DatePickerSingleProps = {
114
147
  /** Enables single date selection. */
115
148
  mode: 'single';
@@ -117,9 +150,9 @@ export type DatePickerSingleProps = {
117
150
  value?: Date | undefined;
118
151
  /** Initial date for uncontrolled usage. */
119
152
  defaultValue?: Date | undefined;
120
- /** Fires when a single date selection is confirmed, or `undefined` when deselected (`required={false}`). */
153
+ /** Fires when a date is confirmed, or `undefined` when deselected (`required={false}`). */
121
154
  onChange?: (date: Date | undefined) => void;
122
- /** Custom function to format the displayed date string. */
155
+ /** Custom formatter for the date displayed in the input trigger. */
123
156
  dateFormatter?: (date: Date) => string;
124
157
  };
125
158
  export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;
@@ -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 +1 @@
1
- {"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiMjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}
1
+ {"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2KjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,KAiC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}
@@ -4,17 +4,13 @@ declare const edgeButtonVariants: (props?: ({
4
4
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
5
5
  /**
6
6
  * Props for the EdgeButton component.
7
- *
8
- * EdgeButton is a fixed-position help button designed for page corners with a distinctive
9
- * rounded top-left corner design and primary brand styling.
7
+ * Extends standard button HTML attributes. `disabled` is re-declared on the
8
+ * interface so JSDoc flows into the generated `.d.ts` output.
10
9
  */
11
10
  export interface EdgeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
12
- /** Button text content displayed next to the icon. */
11
+ /** Button text content displayed next to the icon. Rendered with Typography (cta, medium, base). */
13
12
  text?: string;
14
- /**
15
- * Prevents user interaction and applies disabled styling with reduced opacity.
16
- * @default false
17
- */
13
+ /** Prevents interaction and applies disabled styling. @default false */
18
14
  disabled?: boolean;
19
15
  /**
20
16
  * When true, merges EdgeButton props/styles onto the single child element via
@@ -24,11 +20,14 @@ export interface EdgeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
24
20
  * Note: `disabled` has no effect on non-`<button>` children — use
25
21
  * `aria-disabled` on the child instead.
26
22
  * @default false
23
+ *
24
+ * @example
25
+ * <EdgeButton asChild text="Help">
26
+ * <a href="/help" />
27
+ * </EdgeButton>
27
28
  */
28
29
  asChild?: boolean;
29
- /**
30
- * Leading icon element positioned before the text.
31
- */
30
+ /** Leading icon node rendered before the text. Sized to `size-icon-medium`. */
32
31
  icon?: React.ReactNode;
33
32
  }
34
33
  declare const EdgeButton: React.ForwardRefExoticComponent<EdgeButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,kBAAkB;;8EAwBvB,CAAA;AAED;;;;;GAKG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,UAAU,2FAmFf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}
1
+ {"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,kBAAkB;;8EAwBvB,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,UAAU,2FAmFf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}