@koine/react 2.0.0-beta.5 → 2.0.0-beta.7

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 (177) hide show
  1. package/Alert/Alert.js +7 -3
  2. package/Alert/Alert.mjs +7 -3
  3. package/Alert/Alert.stories.js +4 -1
  4. package/Alert/Alert.stories.mjs +4 -1
  5. package/Animations/Reveal.js +5 -3
  6. package/Animations/Reveal.mjs +5 -3
  7. package/Animations/Underline.d.ts +1 -1
  8. package/Autocomplete/AutocompleteMui.js +57 -28
  9. package/Autocomplete/AutocompleteMui.mjs +57 -28
  10. package/Autocomplete/components.d.ts +12 -16
  11. package/Bg/BgColor.d.ts +2 -7
  12. package/Bg/BgColor.js +15 -10
  13. package/Bg/BgColor.mjs +15 -10
  14. package/Bg/BgPhoto.js +8 -6
  15. package/Bg/BgPhoto.mjs +8 -6
  16. package/Bg/BgSvg.js +8 -6
  17. package/Bg/BgSvg.mjs +8 -6
  18. package/Breadcrumbs/Breadcrumbs.js +30 -17
  19. package/Breadcrumbs/Breadcrumbs.mjs +30 -17
  20. package/Buttons/Button.d.ts +1 -1
  21. package/Buttons/ButtonComposite.js +52 -19
  22. package/Buttons/ButtonComposite.mjs +52 -19
  23. package/Buttons/ButtonFab.d.ts +1 -3
  24. package/Buttons/ButtonLink.js +3 -2
  25. package/Buttons/ButtonLink.mjs +3 -2
  26. package/Buttons/IconButton.d.ts +1 -3
  27. package/Calendar/CalendarDaygridCell.js +75 -52
  28. package/Calendar/CalendarDaygridCell.mjs +75 -52
  29. package/Calendar/CalendarDaygridNav.js +31 -17
  30. package/Calendar/CalendarDaygridNav.mjs +31 -17
  31. package/Calendar/CalendarDaygridTable.js +40 -15
  32. package/Calendar/CalendarDaygridTable.mjs +40 -15
  33. package/Calendar/CalendarLegend.js +20 -7
  34. package/Calendar/CalendarLegend.mjs +20 -7
  35. package/Carousel/CarouselCss.d.ts +2 -19
  36. package/Carousel/CarouselCss.js +10 -8
  37. package/Carousel/CarouselCss.mjs +10 -8
  38. package/Debug/Debug.js +4 -1
  39. package/Debug/Debug.mjs +4 -1
  40. package/Details/Details.js +27 -19
  41. package/Details/Details.mjs +27 -19
  42. package/Details/Details.stories.js +2 -1
  43. package/Details/Details.stories.mjs +2 -1
  44. package/Dialog/DialogMui.d.ts +9 -326
  45. package/Dialog/DialogMui.js +24 -11
  46. package/Dialog/DialogMui.mjs +24 -11
  47. package/Dialog/DialogMui.stories.js +2 -1
  48. package/Dialog/DialogMui.stories.mjs +2 -1
  49. package/Dialog/css/bare.d.ts +9 -327
  50. package/Dialog/css/index.stories.js +11 -3
  51. package/Dialog/css/index.stories.mjs +11 -3
  52. package/Dialog/m/bare.d.ts +2 -398
  53. package/Dialog/m/bare.js +114 -69
  54. package/Dialog/m/bare.mjs +114 -69
  55. package/Dialog/sc/bare.d.ts +27 -405
  56. package/Dialog/sc/framer.d.ts +15 -422
  57. package/Dialog/sc/framerMaterial.d.ts +15 -422
  58. package/Dialog/sc/index.stories.js +5 -4
  59. package/Dialog/sc/index.stories.mjs +5 -4
  60. package/Dialog/sc/material.d.ts +27 -405
  61. package/Dialog/tw/bare.d.ts +9 -327
  62. package/Dialog/tw/elegant.d.ts +9 -327
  63. package/Dialog/tw/framer.d.ts +3 -354
  64. package/Dialog/tw/framerMaterial.d.ts +3 -354
  65. package/Dialog/tw/index.stories.js +6 -5
  66. package/Dialog/tw/index.stories.mjs +6 -5
  67. package/Dialog/tw/material.d.ts +9 -327
  68. package/Editor/Editor--tiptap.js +29 -14
  69. package/Editor/Editor--tiptap.mjs +29 -14
  70. package/Editor/components.d.ts +3 -5
  71. package/FaviconTags.js +52 -38
  72. package/FaviconTags.mjs +52 -38
  73. package/Form/Form.js +33 -16
  74. package/Form/Form.mjs +33 -16
  75. package/Form/sc/bare.d.ts +11 -11
  76. package/Forms/Checkbox/Checkbox.d.ts +4 -4
  77. package/Forms/Checkbox/Checkbox.js +15 -1
  78. package/Forms/Checkbox/Checkbox.mjs +15 -1
  79. package/Forms/Feedback/Feedback.js +5 -3
  80. package/Forms/Feedback/Feedback.mjs +5 -3
  81. package/Forms/Field/Field.d.ts +2 -4
  82. package/Forms/Field/Field.js +11 -5
  83. package/Forms/Field/Field.mjs +11 -5
  84. package/Forms/Field/FieldControl.js +20 -6
  85. package/Forms/Field/FieldControl.mjs +20 -6
  86. package/Forms/Field/FieldHint.d.ts +1 -1
  87. package/Forms/Input/Input.d.ts +5 -5
  88. package/Forms/Input/Input.js +15 -7
  89. package/Forms/Input/Input.mjs +15 -7
  90. package/Forms/InputGroup/InputGroup.d.ts +4 -4
  91. package/Forms/InputGroup/InputGroup.js +17 -7
  92. package/Forms/InputGroup/InputGroup.mjs +17 -7
  93. package/Forms/Label/Label.d.ts +1 -1
  94. package/Forms/Password/Password.d.ts +1 -1
  95. package/Forms/Password/Password.js +25 -11
  96. package/Forms/Password/Password.mjs +25 -11
  97. package/Forms/Radio/Radio.js +30 -11
  98. package/Forms/Radio/Radio.mjs +30 -11
  99. package/Forms/Switch/Switch.d.ts +2 -2
  100. package/Forms/Switch/Switch.js +13 -1
  101. package/Forms/Switch/Switch.mjs +13 -1
  102. package/Forms/Textarea/Textarea.d.ts +1 -1
  103. package/Forms/Textarea/Textarea.js +15 -7
  104. package/Forms/Textarea/Textarea.mjs +15 -7
  105. package/Forms/Textarea/TextareaRich.js +20 -12
  106. package/Forms/Textarea/TextareaRich.mjs +20 -12
  107. package/Forms/Toggle/Toggle.d.ts +7 -7
  108. package/Forms/Toggle/Toggle.js +48 -29
  109. package/Forms/Toggle/Toggle.mjs +49 -30
  110. package/Forms/Toggle/useToggle.js +21 -15
  111. package/Forms/Toggle/useToggle.mjs +21 -15
  112. package/Forms/styles.d.ts +3 -7
  113. package/Forms/styles.js +2 -1
  114. package/Forms/styles.mjs +2 -1
  115. package/Grid/Grid.d.ts +4 -28
  116. package/Hamburger/Hamburger.js +24 -17
  117. package/Hamburger/Hamburger.mjs +25 -18
  118. package/Hidden/Hidden.d.ts +1 -1
  119. package/Img/sc/bare.d.ts +1 -1
  120. package/Link/Link.d.ts +1 -3
  121. package/Link/LinkBlank.d.ts +2 -5
  122. package/Link/LinkBlank.js +8 -1
  123. package/Link/LinkBlank.mjs +8 -1
  124. package/Menu/Menu.d.ts +1 -1
  125. package/MenuItem/MenuItem.d.ts +1 -4
  126. package/Meta/Meta.js +2 -1
  127. package/Meta/Meta.mjs +2 -1
  128. package/NoJs/NoJs.js +2 -1
  129. package/NoJs/NoJs.mjs +2 -1
  130. package/Pagination/PaginationNav.js +42 -23
  131. package/Pagination/PaginationNav.mjs +42 -23
  132. package/Pagination/PaginationResults.js +25 -20
  133. package/Pagination/PaginationResults.mjs +25 -20
  134. package/Pill/Pill.d.ts +4 -4
  135. package/Progress/ProgressCircular.js +14 -12
  136. package/Progress/ProgressCircular.mjs +14 -12
  137. package/Progress/ProgressLinear.js +21 -19
  138. package/Progress/ProgressLinear.mjs +21 -19
  139. package/Progress/ProgressOverlay.js +20 -14
  140. package/Progress/ProgressOverlay.mjs +20 -14
  141. package/Rating/Rating.d.ts +5 -5
  142. package/Rating/Rating.js +61 -35
  143. package/Rating/Rating.mjs +61 -35
  144. package/Select/components.d.ts +1 -1
  145. package/Select/components.js +5 -3
  146. package/Select/components.mjs +5 -3
  147. package/Sidebar/Sidebar.js +17 -8
  148. package/Sidebar/Sidebar.mjs +17 -8
  149. package/Spacing/Spacing.js +5 -2
  150. package/Spacing/Spacing.mjs +5 -2
  151. package/Sticky/StickyCss.js +2 -1
  152. package/Sticky/StickyCss.mjs +2 -1
  153. package/Tabs/TabsMui.d.ts +7 -296
  154. package/Tabs/TabsMui.js +11 -2
  155. package/Tabs/TabsMui.mjs +11 -2
  156. package/Tabs/TabsMui.stories.js +2 -1
  157. package/Tabs/TabsMui.stories.mjs +2 -1
  158. package/Tabs/tw/bare.d.ts +7 -296
  159. package/Tabs/tw/index.stories.js +3 -2
  160. package/Tabs/tw/index.stories.mjs +3 -2
  161. package/Tabs/tw/material.d.ts +7 -332
  162. package/Typography/CopyPasteVisible.d.ts +1 -1
  163. package/Typography/Native.d.ts +5 -5
  164. package/Typography/ReadMore.js +33 -18
  165. package/Typography/ReadMore.mjs +33 -18
  166. package/Typography/TextLoop.js +43 -35
  167. package/Typography/TextLoop.mjs +43 -35
  168. package/Typography/TypeStairs.js +27 -19
  169. package/Typography/TypeStairs.mjs +27 -19
  170. package/helpers/classed.stories.js +40 -22
  171. package/helpers/classed.stories.mjs +40 -22
  172. package/m/MotionProvider.js +5 -3
  173. package/m/MotionProvider.mjs +5 -3
  174. package/package.json +5 -25
  175. package/styles/Body.d.ts +2 -2
  176. package/styles/theme--vanilla.js +5 -3
  177. package/styles/theme--vanilla.mjs +5 -3
package/Tabs/tw/bare.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- /// <reference types="react" />
3
2
  export type { KoineTabsProps } from "../TabsMui";
4
3
  export declare const Root: import("react").ForwardRefExoticComponent<Omit<{
5
4
  className?: string | undefined;
@@ -12,13 +11,7 @@ export declare const List: import("react").ForwardRefExoticComponent<Omit<{
12
11
  export declare const Tab: import("react").ForwardRefExoticComponent<Omit<{
13
12
  className?: string | undefined;
14
13
  ref?: import("react").Ref<any> | undefined;
15
- }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
16
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
17
- }, keyof import("@mui/base/Tab").TabOwnProps> & {
18
- Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
19
- children?: import("react").ReactNode;
20
- }>> | undefined;
21
- }, "ref"> & import("react").RefAttributes<unknown>>>>;
14
+ }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>>>;
22
15
  export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<{
23
16
  className?: string | undefined;
24
17
  ref?: import("react").Ref<any> | undefined;
@@ -30,281 +23,11 @@ export declare const Panel: import("react").ForwardRefExoticComponent<Omit<{
30
23
  ref?: import("react").Ref<any> | undefined;
31
24
  }, "ref"> & import("react").RefAttributes<import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabPanel").TabPanelTypeMap<{}, "div">>>>;
32
25
  export declare const KoineTabs: ((props: Omit<{
33
- key?: import("react").Key | null | undefined;
34
- value?: string | number | null | undefined;
35
- id?: string | undefined;
36
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
37
- slot?: string | undefined;
38
- style?: import("react").CSSProperties | undefined;
39
- title?: string | undefined;
40
- color?: string | undefined;
41
- defaultChecked?: boolean | undefined;
42
- defaultValue?: string | number | null | undefined;
43
- suppressContentEditableWarning?: boolean | undefined;
44
- suppressHydrationWarning?: boolean | undefined;
45
- accessKey?: string | undefined;
46
- autoFocus?: boolean | undefined;
47
- className?: string | undefined;
48
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
49
- contextMenu?: string | undefined;
50
- dir?: string | undefined;
51
- draggable?: (boolean | "true" | "false") | undefined;
52
- hidden?: boolean | undefined;
53
- lang?: string | undefined;
54
- nonce?: string | undefined;
55
- placeholder?: string | undefined;
56
- spellCheck?: (boolean | "true" | "false") | undefined;
57
- tabIndex?: number | undefined;
58
- translate?: "yes" | "no" | undefined;
59
- radioGroup?: string | undefined;
60
- role?: import("react").AriaRole | undefined;
61
- about?: string | undefined;
62
- content?: string | undefined;
63
- datatype?: string | undefined;
64
- inlist?: any;
65
- prefix?: string | undefined;
66
- property?: string | undefined;
67
- rel?: string | undefined;
68
- resource?: string | undefined;
69
- rev?: string | undefined;
70
- typeof?: string | undefined;
71
- vocab?: string | undefined;
72
- autoCapitalize?: string | undefined;
73
- autoCorrect?: string | undefined;
74
- autoSave?: string | undefined;
75
- itemProp?: string | undefined;
76
- itemScope?: boolean | undefined;
77
- itemType?: string | undefined;
78
- itemID?: string | undefined;
79
- itemRef?: string | undefined;
80
- results?: number | undefined;
81
- security?: string | undefined;
82
- unselectable?: "on" | "off" | undefined;
83
- inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
84
- is?: string | undefined;
85
- 'aria-activedescendant'?: string | undefined;
86
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
87
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
88
- 'aria-braillelabel'?: string | undefined;
89
- 'aria-brailleroledescription'?: string | undefined;
90
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
91
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-colcount'?: number | undefined;
93
- 'aria-colindex'?: number | undefined;
94
- 'aria-colindextext'?: string | undefined;
95
- 'aria-colspan'?: number | undefined;
96
- 'aria-controls'?: string | undefined;
97
- 'aria-current'?: boolean | "time" | "location" | "true" | "false" | "page" | "step" | "date" | undefined;
98
- 'aria-describedby'?: string | undefined;
99
- 'aria-description'?: string | undefined;
100
- 'aria-details'?: string | undefined;
101
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
102
- 'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
103
- 'aria-errormessage'?: string | undefined;
104
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
105
- 'aria-flowto'?: string | undefined;
106
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
107
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
108
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
109
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
110
- 'aria-keyshortcuts'?: string | undefined;
111
- 'aria-label'?: string | undefined;
112
- 'aria-labelledby'?: string | undefined;
113
- 'aria-level'?: number | undefined;
114
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
115
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
116
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
117
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
118
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
119
- 'aria-owns'?: string | undefined;
120
- 'aria-placeholder'?: string | undefined;
121
- 'aria-posinset'?: number | undefined;
122
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
123
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
124
- 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
125
- 'aria-required'?: (boolean | "true" | "false") | undefined;
126
- 'aria-roledescription'?: string | undefined;
127
- 'aria-rowcount'?: number | undefined;
128
- 'aria-rowindex'?: number | undefined;
129
- 'aria-rowindextext'?: string | undefined;
130
- 'aria-rowspan'?: number | undefined;
131
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
132
- 'aria-setsize'?: number | undefined;
133
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
134
- 'aria-valuemax'?: number | undefined;
135
- 'aria-valuemin'?: number | undefined;
136
- 'aria-valuenow'?: number | undefined;
137
- 'aria-valuetext'?: string | undefined;
138
- children?: import("react").ReactNode;
139
- dangerouslySetInnerHTML?: {
140
- __html: string | TrustedHTML;
141
- } | undefined;
142
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
143
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
144
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
145
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
146
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
147
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
148
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
149
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
150
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
151
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
152
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
153
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
154
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
155
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
156
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
157
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
158
- onChange?: ((event: import("react").SyntheticEvent<Element, Event> | null, value: string | number | null) => void) | undefined;
159
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
160
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
161
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
162
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
163
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
164
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
165
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
166
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
167
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
168
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
169
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
170
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
175
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
176
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
177
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
178
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
179
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
180
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
196
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
203
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
204
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
205
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
206
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
207
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
208
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
209
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
210
- onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
211
- onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
212
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
213
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
214
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
215
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
221
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
222
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
223
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
224
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
225
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
226
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
227
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
228
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
229
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
230
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
231
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
232
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
233
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
234
- onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
235
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
236
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
237
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
238
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
239
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
240
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
241
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
242
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
243
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
244
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
245
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
246
- onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
247
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
248
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
249
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
250
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
251
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
252
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
253
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
254
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
255
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
256
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
257
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
258
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
259
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
260
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
261
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
262
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
263
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
264
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
265
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
266
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
267
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
268
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
269
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
270
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
271
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
272
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
273
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
274
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
275
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
276
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
277
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
278
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
279
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
280
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
281
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
282
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
283
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
284
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
285
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
286
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
287
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
288
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
289
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
290
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
291
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
292
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
293
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
294
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
295
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
296
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
297
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
298
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
299
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
300
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
301
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
302
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
303
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
304
- direction?: ("ltr" | "rtl") | undefined;
305
- orientation?: ("horizontal" | "vertical") | undefined;
306
- selectionFollowsFocus?: boolean | undefined;
26
+ [x: string]: any;
27
+ [x: number]: any;
28
+ [x: symbol]: any;
307
29
  mTab?: import("framer-motion").MotionProps | undefined;
30
+ children?: import("react").ReactNode;
308
31
  Root: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tabs").TabsTypeMap<{}, "div">>;
309
32
  List: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/TabsList").TabsListTypeMap<{}, "div">>;
310
33
  Tab: import("@mui/base/utils").PolymorphicComponent<import("@mui/base/Tab").TabTypeMap<{}, "button">>;
@@ -324,13 +47,7 @@ export declare const KoineTabs: ((props: Omit<{
324
47
  Tab: import("react").ForwardRefExoticComponent<Omit<{
325
48
  className?: string | undefined;
326
49
  ref?: import("react").Ref<any> | undefined;
327
- }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
328
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
329
- }, keyof import("@mui/base/Tab").TabOwnProps> & {
330
- Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
331
- children?: import("react").ReactNode;
332
- }>> | undefined;
333
- }, "ref"> & import("react").RefAttributes<unknown>>>>;
50
+ }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>>>;
334
51
  Indicator: import("react").ForwardRefExoticComponent<Omit<{
335
52
  className?: string | undefined;
336
53
  ref?: import("react").Ref<any> | undefined;
@@ -354,13 +71,7 @@ export declare const KoineTabs: ((props: Omit<{
354
71
  Tab: import("react").ForwardRefExoticComponent<Omit<{
355
72
  className?: string | undefined;
356
73
  ref?: import("react").Ref<any> | undefined;
357
- }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<import("@mui/base/Tab").TabOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
358
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
359
- }, keyof import("@mui/base/Tab").TabOwnProps> & {
360
- Indicator?: NonNullable<import("react").ElementType<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "onAnimationEnd"> & Pick<import("@mui/base/useTab").UseTabReturnValue, "selected" | "active"> & {
361
- children?: import("react").ReactNode;
362
- }>> | undefined;
363
- }, "ref"> & import("react").RefAttributes<unknown>>>>;
74
+ }, "ref"> & import("react").RefAttributes<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>>>;
364
75
  Indicator: import("react").ForwardRefExoticComponent<Omit<{
365
76
  className?: string | undefined;
366
77
  ref?: import("react").Ref<any> | undefined;
@@ -20,6 +20,7 @@ _export(exports, {
20
20
  return material;
21
21
  }
22
22
  });
23
+ const _jsxruntime = require("react/jsx-runtime");
23
24
  const _stories = require("@koine/stories");
24
25
  const _bare = require("./bare");
25
26
  const _material = require("./material");
@@ -28,7 +29,7 @@ const _default = {
28
29
  ..._stories.storyTabsMeta
29
30
  };
30
31
  const bareTemplate = (args)=>{
31
- return /*#__PURE__*/ React.createElement(_stories.StoryTabs, {
32
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stories.StoryTabs, {
32
33
  ...args,
33
34
  Tabs: _bare.KoineTabs
34
35
  });
@@ -36,7 +37,7 @@ const bareTemplate = (args)=>{
36
37
  const bare = bareTemplate.bind({});
37
38
  bare.args = _stories.storyTabsArgs;
38
39
  const materialTemplate = (args)=>{
39
- return /*#__PURE__*/ React.createElement(_stories.StoryTabs, {
40
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stories.StoryTabs, {
40
41
  ...args,
41
42
  Tabs: _material.KoineTabs
42
43
  });
@@ -1,3 +1,4 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
1
2
  import { StoryTabs, storyTabsArgs, storyTabsMeta } from "@koine/stories";
2
3
  import { KoineTabs as bareComp } from "./bare";
3
4
  import { KoineTabs as materialComp } from "./material";
@@ -7,7 +8,7 @@ export default {
7
8
  ...storyTabsMeta
8
9
  };
9
10
  const bareTemplate = (args)=>{
10
- return /*#__PURE__*/ React.createElement(StoryTabs, {
11
+ return /*#__PURE__*/ _jsx(StoryTabs, {
11
12
  ...args,
12
13
  Tabs: bareComp
13
14
  });
@@ -15,7 +16,7 @@ const bareTemplate = (args)=>{
15
16
  export const bare = bareTemplate.bind({});
16
17
  bare.args = storyTabsArgs;
17
18
  const materialTemplate = (args)=>{
18
- return /*#__PURE__*/ React.createElement(StoryTabs, {
19
+ return /*#__PURE__*/ _jsx(StoryTabs, {
19
20
  ...args,
20
21
  Tabs: materialComp
21
22
  });