@usableapp/cardds 0.3.0 → 0.4.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 (103) hide show
  1. package/README.md +12 -8
  2. package/css/actions.css +38 -27
  3. package/css/base.css +9 -9
  4. package/css/card.css +24 -23
  5. package/css/choice.css +50 -50
  6. package/css/forms.css +18 -18
  7. package/css/journey.css +16 -16
  8. package/css/layover.css +57 -60
  9. package/css/lists.css +52 -43
  10. package/css/media.css +96 -60
  11. package/css/numbers.css +41 -25
  12. package/css/people.css +11 -11
  13. package/css/sheet.css +28 -24
  14. package/css/stack.css +3 -3
  15. package/css/theme.template.css +6 -3
  16. package/dist/actions/Btn.d.ts +109 -108
  17. package/dist/actions/BtnRow.d.ts +2 -2
  18. package/dist/actions/Chip.d.ts +102 -101
  19. package/dist/actions/Dot.d.ts +2 -2
  20. package/dist/actions/Dropdown.d.ts +4 -4
  21. package/dist/actions/Fab.d.ts +2 -2
  22. package/dist/actions/IconBtn.d.ts +107 -106
  23. package/dist/actions/Link.d.ts +105 -104
  24. package/dist/actions/Segment.d.ts +3 -3
  25. package/dist/cardds.css +443 -369
  26. package/dist/cards/Card.d.ts +99 -98
  27. package/dist/cards/CardFoot.d.ts +2 -2
  28. package/dist/cards/CardHead.d.ts +2 -2
  29. package/dist/cards/CardParts.d.ts +7 -7
  30. package/dist/cards/Placeholder.d.ts +2 -2
  31. package/dist/cards/Stat.d.ts +7 -5
  32. package/dist/cards/Stat.js +2 -2
  33. package/dist/choice/Calendar.d.ts +2 -2
  34. package/dist/choice/Check.d.ts +3 -3
  35. package/dist/choice/DayStrip.d.ts +3 -3
  36. package/dist/choice/Mood.d.ts +2 -2
  37. package/dist/choice/Slider.d.ts +2 -2
  38. package/dist/forms/AddRow.d.ts +2 -2
  39. package/dist/forms/Composer.d.ts +2 -2
  40. package/dist/forms/Field.d.ts +2 -2
  41. package/dist/forms/FileBtn.d.ts +2 -2
  42. package/dist/forms/Pin.d.ts +2 -2
  43. package/dist/index.d.ts +2 -1
  44. package/dist/index.js +2 -1
  45. package/dist/journey/NoteRow.d.ts +2 -2
  46. package/dist/journey/Route.d.ts +2 -2
  47. package/dist/journey/TileBadge.d.ts +2 -2
  48. package/dist/layover/Banner.d.ts +2 -2
  49. package/dist/layover/Callout.d.ts +2 -2
  50. package/dist/layover/Deck.d.ts +3 -3
  51. package/dist/lists/Bubble.d.ts +3 -3
  52. package/dist/lists/Kv.d.ts +5 -5
  53. package/dist/lists/Legend.d.ts +3 -3
  54. package/dist/lists/Row.d.ts +14 -285
  55. package/dist/lists/Row.js +10 -3
  56. package/dist/lists/Timeline.d.ts +3 -3
  57. package/dist/media/MapArea.d.ts +2 -2
  58. package/dist/media/Mosaic.d.ts +3 -3
  59. package/dist/media/Postcard.d.ts +17 -7
  60. package/dist/media/Postcard.js +8 -5
  61. package/dist/media/Quote.d.ts +2 -2
  62. package/dist/media/Tile.d.ts +5 -4
  63. package/dist/numbers/Badge.d.ts +2 -2
  64. package/dist/numbers/Band.d.ts +3 -3
  65. package/dist/numbers/Bars.d.ts +3 -3
  66. package/dist/numbers/DotGrid.d.ts +2 -2
  67. package/dist/numbers/Picker.d.ts +3 -3
  68. package/dist/numbers/Progress.d.ts +9 -0
  69. package/dist/numbers/Progress.js +7 -0
  70. package/dist/numbers/Ring.d.ts +2 -2
  71. package/dist/numbers/Track.d.ts +3 -3
  72. package/dist/people/Avatar.d.ts +100 -99
  73. package/dist/people/AvatarPick.d.ts +3 -3
  74. package/dist/scaffold/ActionBar.d.ts +3 -3
  75. package/dist/scaffold/AppBar.d.ts +2 -2
  76. package/dist/scaffold/BaseContent.d.ts +3 -3
  77. package/dist/scaffold/Centre.d.ts +3 -3
  78. package/dist/scaffold/EmptyState.d.ts +2 -2
  79. package/dist/scaffold/FilterRow.d.ts +2 -2
  80. package/dist/scaffold/FloatBar.d.ts +105 -104
  81. package/dist/scaffold/PagerAt.d.ts +2 -2
  82. package/dist/scaffold/Screen.d.ts +100 -99
  83. package/dist/scaffold/TopBar.d.ts +2 -2
  84. package/dist/sheets/Drawer.d.ts +7 -7
  85. package/dist/sheets/Drawer.js +1 -1
  86. package/dist/sheets/Sheet.d.ts +3 -5
  87. package/dist/sheets/Sheet.js +2 -2
  88. package/dist/sheets/SheetBody.d.ts +2 -2
  89. package/dist/sheets/SheetHead.d.ts +2 -2
  90. package/dist/sheets/SheetStack.d.ts +5 -5
  91. package/dist/sheets/SheetStack.js +3 -3
  92. package/dist/sheets/SheetStage.d.ts +5 -7
  93. package/dist/sheets/SheetStage.js +3 -3
  94. package/dist/sheets/StackBack.d.ts +7 -0
  95. package/dist/sheets/StackBack.js +7 -0
  96. package/dist/sheets/Step.d.ts +2 -2
  97. package/dist/type/Icon.d.ts +22 -7
  98. package/dist/type/Icon.js +27 -4
  99. package/dist/type/Text.d.ts +7 -1
  100. package/dist/type/Text.js +2 -2
  101. package/package.json +3 -2
  102. package/dist/sheets/CardBack.d.ts +0 -7
  103. package/dist/sheets/CardBack.js +0 -7
@@ -1,6 +1,6 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
1
+ import { type ComponentProps } from 'react';
2
2
  import { type IconName } from '../type/Icon.js';
3
- export interface IconBtnProps extends ComponentPropsWithoutRef<'button'> {
3
+ export interface IconBtnProps extends ComponentProps<'button'> {
4
4
  /** the accessible name — required, the button has no text */
5
5
  label: string;
6
6
  /** the icon to show (sized to the button); or pass an Icon as children */
@@ -16,75 +16,127 @@ export interface IconBtnProps extends ComponentPropsWithoutRef<'button'> {
16
16
  * It is a button and nothing more: to open a Menu, give it the platform's `popoverTarget={the Menu's id}` and render that `<Menu popover actions id>`
17
17
  * wherever you like — the panel anchors to the button that opened it. To open anything else, `onClick`. */
18
18
  export declare function IconBtn({ label, icon, sm, invert, href, className, type, children, ...rest }: IconBtnProps): import("react").DetailedReactHTMLElement<{
19
- form?: string | undefined | undefined;
20
- slot?: string | undefined | undefined;
19
+ ref?: import("react").Ref<HTMLButtonElement> | undefined;
20
+ key?: import("react").Key | null | undefined;
21
+ disabled?: boolean | undefined;
22
+ form?: string | undefined;
23
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
24
+ formEncType?: string | undefined;
25
+ formMethod?: string | undefined;
26
+ formNoValidate?: boolean | undefined;
27
+ formTarget?: string | undefined;
28
+ name?: string | undefined;
29
+ value?: string | readonly string[] | number | undefined;
30
+ defaultChecked?: boolean | undefined;
31
+ defaultValue?: string | number | readonly string[] | undefined;
32
+ suppressContentEditableWarning?: boolean | undefined;
33
+ suppressHydrationWarning?: boolean | undefined;
34
+ accessKey?: string | undefined;
35
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
36
+ autoFocus?: boolean | undefined;
37
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
38
+ contextMenu?: string | undefined;
39
+ dir?: string | undefined;
40
+ draggable?: (boolean | "true" | "false") | undefined;
41
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
42
+ hidden?: boolean | undefined;
43
+ id?: string | undefined;
44
+ lang?: string | undefined;
45
+ nonce?: string | undefined;
46
+ slot?: string | undefined;
47
+ spellCheck?: (boolean | "true" | "false") | undefined;
21
48
  style?: import("react").CSSProperties | undefined;
22
- title?: string | undefined | undefined;
23
- suppressHydrationWarning?: boolean | undefined | undefined;
24
- color?: string | undefined | undefined;
25
- id?: string | undefined | undefined;
26
- lang?: string | undefined | undefined;
27
- name?: string | undefined | undefined;
28
- nonce?: string | undefined | undefined;
29
- part?: string | undefined | undefined;
49
+ tabIndex?: number | undefined;
50
+ title?: string | undefined;
51
+ translate?: "yes" | "no" | undefined;
52
+ radioGroup?: string | undefined;
30
53
  role?: import("react").AriaRole | undefined;
31
- tabIndex?: number | undefined | undefined;
32
- "aria-activedescendant"?: string | undefined | undefined;
54
+ about?: string | undefined;
55
+ content?: string | undefined;
56
+ datatype?: string | undefined;
57
+ inlist?: any;
58
+ prefix?: string | undefined;
59
+ property?: string | undefined;
60
+ rel?: string | undefined;
61
+ resource?: string | undefined;
62
+ rev?: string | undefined;
63
+ typeof?: string | undefined;
64
+ vocab?: string | undefined;
65
+ autoCorrect?: string | undefined;
66
+ autoSave?: string | undefined;
67
+ color?: string | undefined;
68
+ itemProp?: string | undefined;
69
+ itemScope?: boolean | undefined;
70
+ itemType?: string | undefined;
71
+ itemID?: string | undefined;
72
+ itemRef?: string | undefined;
73
+ results?: number | undefined;
74
+ security?: string | undefined;
75
+ unselectable?: "on" | "off" | undefined;
76
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
77
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
78
+ popoverTarget?: string | undefined;
79
+ inert?: boolean | undefined;
80
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
81
+ is?: string | undefined;
82
+ exportparts?: string | undefined;
83
+ part?: string | undefined;
84
+ "aria-activedescendant"?: string | undefined;
33
85
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
34
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
35
- "aria-braillelabel"?: string | undefined | undefined;
36
- "aria-brailleroledescription"?: string | undefined | undefined;
86
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
87
+ "aria-braillelabel"?: string | undefined;
88
+ "aria-brailleroledescription"?: string | undefined;
37
89
  "aria-busy"?: (boolean | "true" | "false") | undefined;
38
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
39
- "aria-colcount"?: number | undefined | undefined;
40
- "aria-colindex"?: number | undefined | undefined;
41
- "aria-colindextext"?: string | undefined | undefined;
42
- "aria-colspan"?: number | undefined | undefined;
43
- "aria-controls"?: string | undefined | undefined;
44
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
45
- "aria-describedby"?: string | undefined | undefined;
46
- "aria-description"?: string | undefined | undefined;
47
- "aria-details"?: string | undefined | undefined;
90
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
91
+ "aria-colcount"?: number | undefined;
92
+ "aria-colindex"?: number | undefined;
93
+ "aria-colindextext"?: string | undefined;
94
+ "aria-colspan"?: number | undefined;
95
+ "aria-controls"?: string | undefined;
96
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
97
+ "aria-describedby"?: string | undefined;
98
+ "aria-description"?: string | undefined;
99
+ "aria-details"?: string | undefined;
48
100
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
49
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
50
- "aria-errormessage"?: string | undefined | undefined;
101
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
102
+ "aria-errormessage"?: string | undefined;
51
103
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
52
- "aria-flowto"?: string | undefined | undefined;
104
+ "aria-flowto"?: string | undefined;
53
105
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
54
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
106
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
55
107
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
56
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
57
- "aria-keyshortcuts"?: string | undefined | undefined;
108
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
109
+ "aria-keyshortcuts"?: string | undefined;
58
110
  "aria-label": string;
59
- "aria-labelledby"?: string | undefined | undefined;
60
- "aria-level"?: number | undefined | undefined;
61
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
111
+ "aria-labelledby"?: string | undefined;
112
+ "aria-level"?: number | undefined;
113
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
62
114
  "aria-modal"?: (boolean | "true" | "false") | undefined;
63
115
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
64
116
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
65
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
66
- "aria-owns"?: string | undefined | undefined;
67
- "aria-placeholder"?: string | undefined | undefined;
68
- "aria-posinset"?: number | undefined | undefined;
69
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
117
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
118
+ "aria-owns"?: string | undefined;
119
+ "aria-placeholder"?: string | undefined;
120
+ "aria-posinset"?: number | undefined;
121
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
70
122
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
71
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
123
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
72
124
  "aria-required"?: (boolean | "true" | "false") | undefined;
73
- "aria-roledescription"?: string | undefined | undefined;
74
- "aria-rowcount"?: number | undefined | undefined;
75
- "aria-rowindex"?: number | undefined | undefined;
76
- "aria-rowindextext"?: string | undefined | undefined;
77
- "aria-rowspan"?: number | undefined | undefined;
125
+ "aria-roledescription"?: string | undefined;
126
+ "aria-rowcount"?: number | undefined;
127
+ "aria-rowindex"?: number | undefined;
128
+ "aria-rowindextext"?: string | undefined;
129
+ "aria-rowspan"?: number | undefined;
78
130
  "aria-selected"?: (boolean | "true" | "false") | undefined;
79
- "aria-setsize"?: number | undefined | undefined;
80
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
81
- "aria-valuemax"?: number | undefined | undefined;
82
- "aria-valuemin"?: number | undefined | undefined;
83
- "aria-valuenow"?: number | undefined | undefined;
84
- "aria-valuetext"?: string | undefined | undefined;
131
+ "aria-setsize"?: number | undefined;
132
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
133
+ "aria-valuemax"?: number | undefined;
134
+ "aria-valuemin"?: number | undefined;
135
+ "aria-valuenow"?: number | undefined;
136
+ "aria-valuetext"?: string | undefined;
85
137
  dangerouslySetInnerHTML?: {
86
138
  __html: string | TrustedHTML;
87
- } | undefined | undefined;
139
+ } | undefined;
88
140
  onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
89
141
  onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
90
142
  onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -253,58 +305,7 @@ export declare function IconBtn({ label, icon, sm, invert, href, className, type
253
305
  onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
254
306
  onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
255
307
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
256
- key?: import("react").Key | null | undefined;
257
- defaultChecked?: boolean | undefined | undefined;
258
- defaultValue?: string | number | readonly string[] | undefined;
259
- suppressContentEditableWarning?: boolean | undefined | undefined;
260
- accessKey?: string | undefined | undefined;
261
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
262
- autoFocus?: boolean | undefined | undefined;
263
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
264
- contextMenu?: string | undefined | undefined;
265
- dir?: string | undefined | undefined;
266
- draggable?: (boolean | "true" | "false") | undefined;
267
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
268
- hidden?: boolean | undefined | undefined;
269
- spellCheck?: (boolean | "true" | "false") | undefined;
270
- translate?: "yes" | "no" | undefined | undefined;
271
- radioGroup?: string | undefined | undefined;
272
- about?: string | undefined | undefined;
273
- content?: string | undefined | undefined;
274
- datatype?: string | undefined | undefined;
275
- inlist?: any;
276
- prefix?: string | undefined | undefined;
277
- property?: string | undefined | undefined;
278
- rel?: string | undefined | undefined;
279
- resource?: string | undefined | undefined;
280
- rev?: string | undefined | undefined;
281
- typeof?: string | undefined | undefined;
282
- vocab?: string | undefined | undefined;
283
- autoCorrect?: string | undefined | undefined;
284
- autoSave?: string | undefined | undefined;
285
- itemProp?: string | undefined | undefined;
286
- itemScope?: boolean | undefined | undefined;
287
- itemType?: string | undefined | undefined;
288
- itemID?: string | undefined | undefined;
289
- itemRef?: string | undefined | undefined;
290
- results?: number | undefined | undefined;
291
- security?: string | undefined | undefined;
292
- unselectable?: "on" | "off" | undefined | undefined;
293
- popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
294
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
295
- popoverTarget?: string | undefined | undefined;
296
- inert?: boolean | undefined | undefined;
297
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
298
- is?: string | undefined | undefined;
299
- exportparts?: string | undefined | undefined;
300
- disabled?: boolean | undefined | undefined;
301
- formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
302
- formEncType?: string | undefined | undefined;
303
- formMethod?: string | undefined | undefined;
304
- formNoValidate?: boolean | undefined | undefined;
305
- formTarget?: string | undefined | undefined;
306
- value?: string | number | readonly string[] | undefined;
307
308
  href: string | undefined;
308
309
  type: "button" | "reset" | "submit" | undefined;
309
310
  className: string;
310
- }, HTMLElement>;
311
+ }, HTMLButtonElement>;
@@ -1,6 +1,6 @@
1
- import { type ComponentPropsWithoutRef } from 'react';
1
+ import { type ComponentProps } from 'react';
2
2
  import { type IconName } from '../type/Icon.js';
3
- export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
3
+ export interface LinkProps extends ComponentProps<'a'> {
4
4
  /** muted ink (Skip, "didn't get the code?") */
5
5
  muted?: boolean;
6
6
  /** a trailing xs icon (arrow-up-right for "See all") */
@@ -10,76 +10,125 @@ export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
10
10
  }
11
11
  /** Link — an inline text action big enough to tap (40px): "See all ↗" in a card head, "Skip" between pager buttons. */
12
12
  export declare function Link({ muted, icon, href, className, children, ...rest }: LinkProps): import("react").DetailedReactHTMLElement<{
13
- slot?: string | undefined | undefined;
14
- style?: import("react").CSSProperties | undefined;
15
- title?: string | undefined | undefined;
16
- suppressHydrationWarning?: boolean | undefined | undefined;
17
- color?: string | undefined | undefined;
18
- id?: string | undefined | undefined;
19
- lang?: string | undefined | undefined;
20
- media?: string | undefined | undefined;
21
- nonce?: string | undefined | undefined;
22
- part?: string | undefined | undefined;
13
+ ref?: import("react").Ref<HTMLAnchorElement> | undefined;
14
+ key?: import("react").Key | null | undefined;
15
+ download?: any;
16
+ hrefLang?: string | undefined;
17
+ media?: string | undefined;
18
+ ping?: string | undefined;
23
19
  target?: import("react").HTMLAttributeAnchorTarget | undefined;
24
20
  type: string | undefined;
21
+ referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
22
+ defaultChecked?: boolean | undefined;
23
+ defaultValue?: string | number | readonly string[] | undefined;
24
+ suppressContentEditableWarning?: boolean | undefined;
25
+ suppressHydrationWarning?: boolean | undefined;
26
+ accessKey?: string | undefined;
27
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
28
+ autoFocus?: boolean | undefined;
29
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
30
+ contextMenu?: string | undefined;
31
+ dir?: string | undefined;
32
+ draggable?: (boolean | "true" | "false") | undefined;
33
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
34
+ hidden?: boolean | undefined;
35
+ id?: string | undefined;
36
+ lang?: string | undefined;
37
+ nonce?: string | undefined;
38
+ slot?: string | undefined;
39
+ spellCheck?: (boolean | "true" | "false") | undefined;
40
+ style?: import("react").CSSProperties | undefined;
41
+ tabIndex?: number | undefined;
42
+ title?: string | undefined;
43
+ translate?: "yes" | "no" | undefined;
44
+ radioGroup?: string | undefined;
25
45
  role?: import("react").AriaRole | undefined;
26
- tabIndex?: number | undefined | undefined;
27
- "aria-activedescendant"?: string | undefined | undefined;
46
+ about?: string | undefined;
47
+ content?: string | undefined;
48
+ datatype?: string | undefined;
49
+ inlist?: any;
50
+ prefix?: string | undefined;
51
+ property?: string | undefined;
52
+ rel?: string | undefined;
53
+ resource?: string | undefined;
54
+ rev?: string | undefined;
55
+ typeof?: string | undefined;
56
+ vocab?: string | undefined;
57
+ autoCorrect?: string | undefined;
58
+ autoSave?: string | undefined;
59
+ color?: string | undefined;
60
+ itemProp?: string | undefined;
61
+ itemScope?: boolean | undefined;
62
+ itemType?: string | undefined;
63
+ itemID?: string | undefined;
64
+ itemRef?: string | undefined;
65
+ results?: number | undefined;
66
+ security?: string | undefined;
67
+ unselectable?: "on" | "off" | undefined;
68
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
69
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
70
+ popoverTarget?: string | undefined;
71
+ inert?: boolean | undefined;
72
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
73
+ is?: string | undefined;
74
+ exportparts?: string | undefined;
75
+ part?: string | undefined;
76
+ "aria-activedescendant"?: string | undefined;
28
77
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
29
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
30
- "aria-braillelabel"?: string | undefined | undefined;
31
- "aria-brailleroledescription"?: string | undefined | undefined;
78
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
79
+ "aria-braillelabel"?: string | undefined;
80
+ "aria-brailleroledescription"?: string | undefined;
32
81
  "aria-busy"?: (boolean | "true" | "false") | undefined;
33
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
34
- "aria-colcount"?: number | undefined | undefined;
35
- "aria-colindex"?: number | undefined | undefined;
36
- "aria-colindextext"?: string | undefined | undefined;
37
- "aria-colspan"?: number | undefined | undefined;
38
- "aria-controls"?: string | undefined | undefined;
39
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
40
- "aria-describedby"?: string | undefined | undefined;
41
- "aria-description"?: string | undefined | undefined;
42
- "aria-details"?: string | undefined | undefined;
82
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
83
+ "aria-colcount"?: number | undefined;
84
+ "aria-colindex"?: number | undefined;
85
+ "aria-colindextext"?: string | undefined;
86
+ "aria-colspan"?: number | undefined;
87
+ "aria-controls"?: string | undefined;
88
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
89
+ "aria-describedby"?: string | undefined;
90
+ "aria-description"?: string | undefined;
91
+ "aria-details"?: string | undefined;
43
92
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
44
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
45
- "aria-errormessage"?: string | undefined | undefined;
93
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
94
+ "aria-errormessage"?: string | undefined;
46
95
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
47
- "aria-flowto"?: string | undefined | undefined;
96
+ "aria-flowto"?: string | undefined;
48
97
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
49
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
98
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
50
99
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
51
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
52
- "aria-keyshortcuts"?: string | undefined | undefined;
53
- "aria-label"?: string | undefined | undefined;
54
- "aria-labelledby"?: string | undefined | undefined;
55
- "aria-level"?: number | undefined | undefined;
56
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
100
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
101
+ "aria-keyshortcuts"?: string | undefined;
102
+ "aria-label"?: string | undefined;
103
+ "aria-labelledby"?: string | undefined;
104
+ "aria-level"?: number | undefined;
105
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
57
106
  "aria-modal"?: (boolean | "true" | "false") | undefined;
58
107
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
59
108
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
60
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
61
- "aria-owns"?: string | undefined | undefined;
62
- "aria-placeholder"?: string | undefined | undefined;
63
- "aria-posinset"?: number | undefined | undefined;
64
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
109
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
110
+ "aria-owns"?: string | undefined;
111
+ "aria-placeholder"?: string | undefined;
112
+ "aria-posinset"?: number | undefined;
113
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
65
114
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
66
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
115
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
67
116
  "aria-required"?: (boolean | "true" | "false") | undefined;
68
- "aria-roledescription"?: string | undefined | undefined;
69
- "aria-rowcount"?: number | undefined | undefined;
70
- "aria-rowindex"?: number | undefined | undefined;
71
- "aria-rowindextext"?: string | undefined | undefined;
72
- "aria-rowspan"?: number | undefined | undefined;
117
+ "aria-roledescription"?: string | undefined;
118
+ "aria-rowcount"?: number | undefined;
119
+ "aria-rowindex"?: number | undefined;
120
+ "aria-rowindextext"?: string | undefined;
121
+ "aria-rowspan"?: number | undefined;
73
122
  "aria-selected"?: (boolean | "true" | "false") | undefined;
74
- "aria-setsize"?: number | undefined | undefined;
75
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
76
- "aria-valuemax"?: number | undefined | undefined;
77
- "aria-valuemin"?: number | undefined | undefined;
78
- "aria-valuenow"?: number | undefined | undefined;
79
- "aria-valuetext"?: string | undefined | undefined;
123
+ "aria-setsize"?: number | undefined;
124
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
125
+ "aria-valuemax"?: number | undefined;
126
+ "aria-valuemin"?: number | undefined;
127
+ "aria-valuenow"?: number | undefined;
128
+ "aria-valuetext"?: string | undefined;
80
129
  dangerouslySetInnerHTML?: {
81
130
  __html: string | TrustedHTML;
82
- } | undefined | undefined;
131
+ } | undefined;
83
132
  onCopy?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
84
133
  onCopyCapture?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
85
134
  onCut?: import("react").ClipboardEventHandler<HTMLAnchorElement> | undefined;
@@ -248,54 +297,6 @@ export declare function Link({ muted, icon, href, className, children, ...rest }
248
297
  onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
249
298
  onTransitionStart?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
250
299
  onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
251
- key?: import("react").Key | null | undefined;
252
- defaultChecked?: boolean | undefined | undefined;
253
- defaultValue?: string | number | readonly string[] | undefined;
254
- suppressContentEditableWarning?: boolean | undefined | undefined;
255
- accessKey?: string | undefined | undefined;
256
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
257
- autoFocus?: boolean | undefined | undefined;
258
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
259
- contextMenu?: string | undefined | undefined;
260
- dir?: string | undefined | undefined;
261
- draggable?: (boolean | "true" | "false") | undefined;
262
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
263
- hidden?: boolean | undefined | undefined;
264
- spellCheck?: (boolean | "true" | "false") | undefined;
265
- translate?: "yes" | "no" | undefined | undefined;
266
- radioGroup?: string | undefined | undefined;
267
- about?: string | undefined | undefined;
268
- content?: string | undefined | undefined;
269
- datatype?: string | undefined | undefined;
270
- inlist?: any;
271
- prefix?: string | undefined | undefined;
272
- property?: string | undefined | undefined;
273
- rel?: string | undefined | undefined;
274
- resource?: string | undefined | undefined;
275
- rev?: string | undefined | undefined;
276
- typeof?: string | undefined | undefined;
277
- vocab?: string | undefined | undefined;
278
- autoCorrect?: string | undefined | undefined;
279
- autoSave?: string | undefined | undefined;
280
- itemProp?: string | undefined | undefined;
281
- itemScope?: boolean | undefined | undefined;
282
- itemType?: string | undefined | undefined;
283
- itemID?: string | undefined | undefined;
284
- itemRef?: string | undefined | undefined;
285
- results?: number | undefined | undefined;
286
- security?: string | undefined | undefined;
287
- unselectable?: "on" | "off" | undefined | undefined;
288
- popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
289
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
290
- popoverTarget?: string | undefined | undefined;
291
- inert?: boolean | undefined | undefined;
292
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
293
- is?: string | undefined | undefined;
294
- exportparts?: string | undefined | undefined;
295
- download?: any;
296
- hrefLang?: string | undefined | undefined;
297
- ping?: string | undefined | undefined;
298
- referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
299
300
  href: string | undefined;
300
301
  className: string;
301
- }, HTMLElement>;
302
+ }, HTMLAnchorElement>;
@@ -1,9 +1,9 @@
1
- import type { ComponentPropsWithoutRef } from 'react';
2
- export interface SegmentProps extends ComponentPropsWithoutRef<'div'> {
1
+ import type { ComponentProps } from 'react';
2
+ export interface SegmentProps extends ComponentProps<'div'> {
3
3
  }
4
4
  /** Segment — a tab strip / day picker whose items share the width; children are SegmentItems. */
5
5
  export declare function Segment({ className, ...rest }: SegmentProps): import("react").JSX.Element;
6
- export interface SegmentItemProps extends ComponentPropsWithoutRef<'button'> {
6
+ export interface SegmentItemProps extends ComponentProps<'button'> {
7
7
  /** the selected tab (filled) */
8
8
  selected?: boolean;
9
9
  }