entangle-ui 0.6.2 → 0.7.0

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 (152) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/README.md +5 -3
  3. package/dist/esm/_virtual/_commonjsHelpers.js +6 -0
  4. package/dist/esm/_virtual/_commonjsHelpers.js.map +1 -0
  5. package/dist/esm/_virtual/cssesc.js +5 -1
  6. package/dist/esm/_virtual/cssesc.js.map +1 -1
  7. package/dist/esm/_virtual/picocolors.js +8 -0
  8. package/dist/esm/_virtual/picocolors.js.map +1 -0
  9. package/dist/esm/_virtual/picocolors2.js +4 -0
  10. package/dist/esm/_virtual/picocolors2.js.map +1 -0
  11. package/dist/esm/assets/src/components/editor/ChatPanel/{ChatPanel.css.ts.vanilla-DPIGnZ4A.css → ChatPanel.css.ts.vanilla-BI5569ZO.css} +81 -1
  12. package/dist/esm/assets/src/components/feedback/EmptyState/EmptyState.css.ts.vanilla-B_TWsTOW.css +58 -0
  13. package/dist/esm/assets/src/components/feedback/Spinner/Spinner.css.ts.vanilla-DEUewqdK.css +80 -0
  14. package/dist/esm/assets/src/components/layout/Divider/Divider.css.ts.vanilla-CPvd_RW9.css +72 -0
  15. package/dist/esm/assets/src/components/layout/ListItem/ListItem.css.ts.vanilla-BwAZrX2f.css +68 -0
  16. package/dist/esm/assets/src/components/layout/PageHeader/PageHeader.css.ts.vanilla-DdbyyWAN.css +70 -0
  17. package/dist/esm/assets/src/components/layout/SplitPane/{SplitPane.css.ts.vanilla-BFxdvwyI.css → SplitPane.css.ts.vanilla-BGFZ7zDa.css} +5 -0
  18. package/dist/esm/assets/src/components/primitives/Badge/Badge.css.ts.vanilla-DxCUcxYW.css +95 -0
  19. package/dist/esm/assets/src/components/primitives/Code/Code.css.ts.vanilla-mayBqLDM.css +19 -0
  20. package/dist/esm/assets/src/components/primitives/TextArea/TextArea.css.ts.vanilla-DTOMjGkp.css +85 -0
  21. package/dist/esm/assets/src/theme/{darkTheme.css.ts.vanilla-DCe89yCJ.css → darkTheme.css.ts.vanilla-ab1WD4dr.css} +3 -0
  22. package/dist/esm/assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css +21 -0
  23. package/dist/esm/assets/src/utils/animations.css.ts.vanilla-DOVlpljP.css +58 -0
  24. package/dist/esm/components/editor/ChatPanel/ChatInput.js +18 -7
  25. package/dist/esm/components/editor/ChatPanel/ChatInput.js.map +1 -1
  26. package/dist/esm/components/editor/ChatPanel/ChatMarkdownRenderer.js +268 -0
  27. package/dist/esm/components/editor/ChatPanel/ChatMarkdownRenderer.js.map +1 -0
  28. package/dist/esm/components/editor/ChatPanel/ChatMessage.js +15 -3
  29. package/dist/esm/components/editor/ChatPanel/ChatMessage.js.map +1 -1
  30. package/dist/esm/components/editor/ChatPanel/ChatMessageList.js +19 -5
  31. package/dist/esm/components/editor/ChatPanel/ChatMessageList.js.map +1 -1
  32. package/dist/esm/components/editor/ChatPanel/ChatPanel.css.js +14 -2
  33. package/dist/esm/components/editor/ChatPanel/ChatPanel.css.js.map +1 -1
  34. package/dist/esm/components/editor/ChatPanel/ChatPanel.js +15 -3
  35. package/dist/esm/components/editor/ChatPanel/ChatPanel.js.map +1 -1
  36. package/dist/esm/components/editor/ChatPanel/useChatInput.js +3 -3
  37. package/dist/esm/components/editor/ChatPanel/useChatInput.js.map +1 -1
  38. package/dist/esm/components/editor/ChatPanel/useChatScroll.js +59 -2
  39. package/dist/esm/components/editor/ChatPanel/useChatScroll.js.map +1 -1
  40. package/dist/esm/components/feedback/EmptyState/EmptyState.css.js +13 -0
  41. package/dist/esm/components/feedback/EmptyState/EmptyState.css.js.map +1 -0
  42. package/dist/esm/components/feedback/EmptyState/EmptyState.js +43 -0
  43. package/dist/esm/components/feedback/EmptyState/EmptyState.js.map +1 -0
  44. package/dist/esm/components/feedback/Spinner/Spinner.css.js +16 -0
  45. package/dist/esm/components/feedback/Spinner/Spinner.css.js.map +1 -0
  46. package/dist/esm/components/feedback/Spinner/Spinner.js +50 -0
  47. package/dist/esm/components/feedback/Spinner/Spinner.js.map +1 -0
  48. package/dist/esm/components/layout/Divider/Divider.css.js +9 -0
  49. package/dist/esm/components/layout/Divider/Divider.css.js.map +1 -0
  50. package/dist/esm/components/layout/Divider/Divider.js +51 -0
  51. package/dist/esm/components/layout/Divider/Divider.js.map +1 -0
  52. package/dist/esm/components/layout/ListItem/ListItem.css.js +10 -0
  53. package/dist/esm/components/layout/ListItem/ListItem.css.js.map +1 -0
  54. package/dist/esm/components/layout/ListItem/ListItem.js +45 -0
  55. package/dist/esm/components/layout/ListItem/ListItem.js.map +1 -0
  56. package/dist/esm/components/layout/PageHeader/PageHeader.css.js +13 -0
  57. package/dist/esm/components/layout/PageHeader/PageHeader.css.js.map +1 -0
  58. package/dist/esm/components/layout/PageHeader/PageHeader.js +29 -0
  59. package/dist/esm/components/layout/PageHeader/PageHeader.js.map +1 -0
  60. package/dist/esm/components/layout/SplitPane/SplitPane.css.js +1 -1
  61. package/dist/esm/components/navigation/Tabs/TabPanel.js +6 -3
  62. package/dist/esm/components/navigation/Tabs/TabPanel.js.map +1 -1
  63. package/dist/esm/components/navigation/Tabs/Tabs.js +3 -1
  64. package/dist/esm/components/navigation/Tabs/Tabs.js.map +1 -1
  65. package/dist/esm/components/primitives/Badge/Badge.css.js +12 -0
  66. package/dist/esm/components/primitives/Badge/Badge.css.js.map +1 -0
  67. package/dist/esm/components/primitives/Badge/Badge.js +67 -0
  68. package/dist/esm/components/primitives/Badge/Badge.js.map +1 -0
  69. package/dist/esm/components/primitives/Code/Code.css.js +7 -0
  70. package/dist/esm/components/primitives/Code/Code.css.js.map +1 -0
  71. package/dist/esm/components/primitives/Code/Code.js +24 -0
  72. package/dist/esm/components/primitives/Code/Code.js.map +1 -0
  73. package/dist/esm/components/primitives/TextArea/TextArea.css.js +10 -0
  74. package/dist/esm/components/primitives/TextArea/TextArea.css.js.map +1 -0
  75. package/dist/esm/components/primitives/TextArea/TextArea.js +97 -0
  76. package/dist/esm/components/primitives/TextArea/TextArea.js.map +1 -0
  77. package/dist/esm/index.js +12 -1
  78. package/dist/esm/index.js.map +1 -1
  79. package/dist/esm/node_modules/@emotion/hash/dist/emotion-hash.esm.js +56 -0
  80. package/dist/esm/node_modules/@emotion/hash/dist/emotion-hash.esm.js.map +1 -0
  81. package/dist/esm/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js +32 -1
  82. package/dist/esm/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js.map +1 -1
  83. package/dist/esm/node_modules/@vanilla-extract/css/dist/taggedTemplateLiteral-10998315.esm.js +13 -0
  84. package/dist/esm/node_modules/@vanilla-extract/css/dist/taggedTemplateLiteral-10998315.esm.js.map +1 -0
  85. package/dist/esm/node_modules/@vanilla-extract/css/dist/transformCss-fd0786e1.esm.js +837 -3
  86. package/dist/esm/node_modules/@vanilla-extract/css/dist/transformCss-fd0786e1.esm.js.map +1 -1
  87. package/dist/esm/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js +244 -5
  88. package/dist/esm/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js.map +1 -1
  89. package/dist/esm/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.esm.js +18 -0
  90. package/dist/esm/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.esm.js.map +1 -0
  91. package/dist/esm/node_modules/@vanilla-extract/css/injectStyles/dist/vanilla-extract-css-injectStyles.esm.js +23 -0
  92. package/dist/esm/node_modules/@vanilla-extract/css/injectStyles/dist/vanilla-extract-css-injectStyles.esm.js.map +1 -0
  93. package/dist/esm/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +38 -0
  94. package/dist/esm/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js.map +1 -0
  95. package/dist/esm/node_modules/css-what/lib/es/parse.js +424 -0
  96. package/dist/esm/node_modules/css-what/lib/es/parse.js.map +1 -0
  97. package/dist/esm/node_modules/css-what/lib/es/types.js +29 -0
  98. package/dist/esm/node_modules/css-what/lib/es/types.js.map +1 -0
  99. package/dist/esm/node_modules/dedent/dist/dedent.js +3 -1
  100. package/dist/esm/node_modules/dedent/dist/dedent.js.map +1 -1
  101. package/dist/esm/node_modules/deep-object-diff/mjs/diff.js +40 -0
  102. package/dist/esm/node_modules/deep-object-diff/mjs/diff.js.map +1 -0
  103. package/dist/esm/node_modules/deep-object-diff/mjs/utils.js +9 -0
  104. package/dist/esm/node_modules/deep-object-diff/mjs/utils.js.map +1 -0
  105. package/dist/esm/node_modules/media-query-parser/dist/media-query-parser.esm.js +1386 -0
  106. package/dist/esm/node_modules/media-query-parser/dist/media-query-parser.esm.js.map +1 -0
  107. package/dist/esm/node_modules/modern-ahocorasick/dist/index.js +102 -0
  108. package/dist/esm/node_modules/modern-ahocorasick/dist/index.js.map +1 -0
  109. package/dist/esm/node_modules/picocolors/picocolors.js +87 -0
  110. package/dist/esm/node_modules/picocolors/picocolors.js.map +1 -0
  111. package/dist/esm/theme/ThemeProvider.js +17 -3
  112. package/dist/esm/theme/ThemeProvider.js.map +1 -1
  113. package/dist/esm/theme/contract.css.js +1 -1
  114. package/dist/esm/theme/createCustomTheme.js +33 -0
  115. package/dist/esm/theme/createCustomTheme.js.map +1 -0
  116. package/dist/esm/theme/darkTheme.css.js +2 -2
  117. package/dist/esm/theme/globalScrollbars.css.js +6 -0
  118. package/dist/esm/theme/globalScrollbars.css.js.map +1 -0
  119. package/dist/esm/utils/animations.css.js +13 -0
  120. package/dist/esm/utils/animations.css.js.map +1 -0
  121. package/dist/esm/utils/objects.js +22 -0
  122. package/dist/esm/utils/objects.js.map +1 -0
  123. package/dist/types/components/editor/ChatPanel/ChatMarkdownRenderer.d.ts +323 -0
  124. package/dist/types/components/editor/ChatPanel/ChatMarkdownRenderer.types.d.ts +46 -0
  125. package/dist/types/components/editor/ChatPanel/ChatMessage.d.ts +1 -0
  126. package/dist/types/components/editor/ChatPanel/ChatMessageList.d.ts +2 -1
  127. package/dist/types/components/editor/ChatPanel/ChatPanel.d.ts +1 -0
  128. package/dist/types/components/editor/ChatPanel/ChatPanel.types.d.ts +82 -1
  129. package/dist/types/components/feedback/EmptyState/EmptyState.d.ts +313 -0
  130. package/dist/types/components/feedback/EmptyState/EmptyState.types.d.ts +31 -0
  131. package/dist/types/components/feedback/Spinner/Spinner.d.ts +306 -0
  132. package/dist/types/components/feedback/Spinner/Spinner.types.d.ts +41 -0
  133. package/dist/types/components/layout/Divider/Divider.d.ts +307 -0
  134. package/dist/types/components/layout/Divider/Divider.types.d.ts +50 -0
  135. package/dist/types/components/layout/ListItem/ListItem.d.ts +312 -0
  136. package/dist/types/components/layout/ListItem/ListItem.types.d.ts +35 -0
  137. package/dist/types/components/layout/PageHeader/PageHeader.d.ts +311 -0
  138. package/dist/types/components/layout/PageHeader/PageHeader.types.d.ts +30 -0
  139. package/dist/types/components/navigation/Tabs/Tabs.types.d.ts +10 -0
  140. package/dist/types/components/primitives/Badge/Badge.d.ts +310 -0
  141. package/dist/types/components/primitives/Badge/Badge.types.d.ts +67 -0
  142. package/dist/types/components/primitives/Code/Code.d.ts +301 -0
  143. package/dist/types/components/primitives/Code/Code.types.d.ts +17 -0
  144. package/dist/types/components/primitives/TextArea/TextArea.d.ts +26 -0
  145. package/dist/types/components/primitives/TextArea/TextArea.types.d.ts +76 -0
  146. package/dist/types/index.d.ts +22 -2
  147. package/dist/types/theme/ThemeProvider.d.ts +14 -2
  148. package/dist/types/theme/contract.css.d.ts +3 -0
  149. package/dist/types/theme/createCustomTheme.d.ts +29 -0
  150. package/dist/types/theme/darkTheme.css.d.ts +3 -0
  151. package/dist/types/utils/animations.css.d.ts +18 -0
  152. package/package.json +1 -1
@@ -0,0 +1,307 @@
1
+ import { DividerOrientation, DividerVariant, DividerSpacing } from './Divider.types.js';
2
+ import React from 'react';
3
+
4
+ /**
5
+ * Thin horizontal or vertical rule, optionally with an inline label.
6
+ *
7
+ * @example
8
+ * ```tsx
9
+ * <Stack>
10
+ * <SectionA />
11
+ * <Divider spacing={3} />
12
+ * <SectionB />
13
+ * </Stack>
14
+ *
15
+ * <Divider label="Advanced" />
16
+ * ```
17
+ */
18
+ declare const Divider: React.NamedExoticComponent<{
19
+ orientation?: DividerOrientation | undefined;
20
+ variant?: DividerVariant | undefined;
21
+ spacing?: (DividerSpacing | string) | undefined;
22
+ label?: React.ReactNode;
23
+ id?: string | undefined | undefined;
24
+ className?: string | undefined | undefined;
25
+ testId?: string | undefined;
26
+ style?: React.CSSProperties | undefined;
27
+ ref?: React.Ref<HTMLDivElement> | undefined;
28
+ defaultChecked?: boolean | undefined | undefined;
29
+ defaultValue?: string | number | readonly string[] | undefined;
30
+ suppressContentEditableWarning?: boolean | undefined | undefined;
31
+ suppressHydrationWarning?: boolean | undefined | undefined;
32
+ accessKey?: string | undefined | undefined;
33
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
34
+ autoFocus?: boolean | undefined | undefined;
35
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
36
+ contextMenu?: string | undefined | undefined;
37
+ dir?: string | undefined | undefined;
38
+ draggable?: (boolean | "true" | "false") | undefined;
39
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
40
+ hidden?: boolean | undefined | undefined;
41
+ lang?: string | undefined | undefined;
42
+ nonce?: string | undefined | undefined;
43
+ slot?: string | undefined | undefined;
44
+ spellCheck?: (boolean | "true" | "false") | undefined;
45
+ tabIndex?: number | undefined | undefined;
46
+ title?: string | undefined | undefined;
47
+ translate?: "yes" | "no" | undefined | undefined;
48
+ radioGroup?: string | undefined | undefined;
49
+ role?: React.AriaRole | undefined;
50
+ about?: string | undefined | undefined;
51
+ content?: string | undefined | undefined;
52
+ datatype?: string | undefined | undefined;
53
+ inlist?: any;
54
+ prefix?: string | undefined | undefined;
55
+ property?: string | undefined | undefined;
56
+ rel?: string | undefined | undefined;
57
+ resource?: string | undefined | undefined;
58
+ rev?: string | undefined | undefined;
59
+ typeof?: string | undefined | undefined;
60
+ vocab?: string | undefined | undefined;
61
+ autoCorrect?: string | undefined | undefined;
62
+ autoSave?: string | undefined | undefined;
63
+ color?: string | undefined | undefined;
64
+ itemProp?: string | undefined | undefined;
65
+ itemScope?: boolean | undefined | undefined;
66
+ itemType?: string | undefined | undefined;
67
+ itemID?: string | undefined | undefined;
68
+ itemRef?: string | undefined | undefined;
69
+ results?: number | undefined | undefined;
70
+ security?: string | undefined | undefined;
71
+ unselectable?: "on" | "off" | undefined | undefined;
72
+ popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
73
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
74
+ popoverTarget?: string | undefined | undefined;
75
+ inert?: boolean | undefined | undefined;
76
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
77
+ is?: string | undefined | undefined;
78
+ exportparts?: string | undefined | undefined;
79
+ part?: string | undefined | undefined;
80
+ "aria-activedescendant"?: string | undefined | undefined;
81
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
82
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
83
+ "aria-braillelabel"?: string | undefined | undefined;
84
+ "aria-brailleroledescription"?: string | undefined | undefined;
85
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
86
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
87
+ "aria-colcount"?: number | undefined | undefined;
88
+ "aria-colindex"?: number | undefined | undefined;
89
+ "aria-colindextext"?: string | undefined | undefined;
90
+ "aria-colspan"?: number | undefined | undefined;
91
+ "aria-controls"?: string | undefined | undefined;
92
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
93
+ "aria-describedby"?: string | undefined | undefined;
94
+ "aria-description"?: string | undefined | undefined;
95
+ "aria-details"?: string | undefined | undefined;
96
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
97
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
98
+ "aria-errormessage"?: string | undefined | undefined;
99
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
100
+ "aria-flowto"?: string | undefined | undefined;
101
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
102
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
103
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
104
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
105
+ "aria-keyshortcuts"?: string | undefined | undefined;
106
+ "aria-label"?: string | undefined | undefined;
107
+ "aria-labelledby"?: string | undefined | undefined;
108
+ "aria-level"?: number | undefined | undefined;
109
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
110
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
111
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
112
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
113
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
114
+ "aria-owns"?: string | undefined | undefined;
115
+ "aria-placeholder"?: string | undefined | undefined;
116
+ "aria-posinset"?: number | undefined | undefined;
117
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
118
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
119
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
120
+ "aria-required"?: (boolean | "true" | "false") | undefined;
121
+ "aria-roledescription"?: string | undefined | undefined;
122
+ "aria-rowcount"?: number | undefined | undefined;
123
+ "aria-rowindex"?: number | undefined | undefined;
124
+ "aria-rowindextext"?: string | undefined | undefined;
125
+ "aria-rowspan"?: number | undefined | undefined;
126
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
127
+ "aria-setsize"?: number | undefined | undefined;
128
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
129
+ "aria-valuemax"?: number | undefined | undefined;
130
+ "aria-valuemin"?: number | undefined | undefined;
131
+ "aria-valuenow"?: number | undefined | undefined;
132
+ "aria-valuetext"?: string | undefined | undefined;
133
+ children?: React.ReactNode;
134
+ dangerouslySetInnerHTML?: {
135
+ __html: string | TrustedHTML;
136
+ } | undefined | undefined;
137
+ onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
138
+ onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
139
+ onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
140
+ onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
141
+ onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
142
+ onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
143
+ onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
144
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
145
+ onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
146
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
147
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
148
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
149
+ onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
150
+ onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
151
+ onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
152
+ onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
153
+ onChange?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
154
+ onChangeCapture?: React.ChangeEventHandler<HTMLDivElement, Element> | undefined;
155
+ onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
156
+ onBeforeInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
157
+ onInput?: React.InputEventHandler<HTMLDivElement> | undefined;
158
+ onInputCapture?: React.InputEventHandler<HTMLDivElement> | undefined;
159
+ onReset?: React.ReactEventHandler<HTMLDivElement> | undefined;
160
+ onResetCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
161
+ onSubmit?: React.SubmitEventHandler<HTMLDivElement> | undefined;
162
+ onSubmitCapture?: React.SubmitEventHandler<HTMLDivElement> | undefined;
163
+ onInvalid?: React.ReactEventHandler<HTMLDivElement> | undefined;
164
+ onInvalidCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
165
+ onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
166
+ onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
167
+ onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
168
+ onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
169
+ onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
170
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
171
+ onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
172
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
173
+ onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
174
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
175
+ onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
176
+ onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
177
+ onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
178
+ onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
179
+ onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
180
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
181
+ onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
182
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
183
+ onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
184
+ onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
185
+ onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
186
+ onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
187
+ onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
188
+ onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
189
+ onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
190
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
191
+ onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
192
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
193
+ onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
194
+ onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
195
+ onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
196
+ onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
197
+ onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
198
+ onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
199
+ onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
200
+ onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
201
+ onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
202
+ onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
203
+ onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
204
+ onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
205
+ onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
206
+ onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
207
+ onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
208
+ onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
209
+ onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
210
+ onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
211
+ onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
212
+ onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
213
+ onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
214
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
215
+ onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
216
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
217
+ onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
218
+ onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
219
+ onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
220
+ onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
221
+ onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
222
+ onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
223
+ onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
224
+ onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
225
+ onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
226
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
227
+ onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
228
+ onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
229
+ onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
230
+ onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
231
+ onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
232
+ onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
233
+ onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
234
+ onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
235
+ onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
236
+ onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
237
+ onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
238
+ onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
239
+ onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
240
+ onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
241
+ onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
242
+ onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
243
+ onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
244
+ onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
245
+ onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
246
+ onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
247
+ onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
248
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
249
+ onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
250
+ onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
251
+ onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
252
+ onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
253
+ onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
254
+ onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
255
+ onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
256
+ onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
257
+ onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
258
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
259
+ onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
260
+ onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
261
+ onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
262
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
263
+ onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
264
+ onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
265
+ onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
266
+ onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
267
+ onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
268
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
269
+ onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
270
+ onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
271
+ onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
272
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
273
+ onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
274
+ onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
275
+ onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
276
+ onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
277
+ onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
278
+ onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
279
+ onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
280
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
281
+ onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
282
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
283
+ onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
284
+ onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
285
+ onScrollEnd?: React.UIEventHandler<HTMLDivElement> | undefined;
286
+ onScrollEndCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
287
+ onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
288
+ onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
289
+ onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
290
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
291
+ onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
292
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
293
+ onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
294
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
295
+ onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
296
+ onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
297
+ onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
298
+ onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
299
+ onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
300
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
301
+ onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
302
+ onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
303
+ onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
304
+ onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
305
+ }>;
306
+
307
+ export { Divider };
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+ import { BaseComponent } from '../../../types/common.js';
3
+ import { Prettify } from '../../../types/utilities.js';
4
+
5
+ type DividerOrientation = 'horizontal' | 'vertical';
6
+ type DividerVariant = 'solid' | 'dashed' | 'dotted';
7
+ /**
8
+ * Spacing map — numeric indexes map onto the theme spacing scale.
9
+ *
10
+ * - `0` → no spacing
11
+ * - `1` → `xs` (2px)
12
+ * - `2` → `sm` (4px)
13
+ * - `3` → `md` (8px)
14
+ * - `4` → `lg` (12px)
15
+ * - `5` → `xl` (16px)
16
+ * - `6` → `xxl` (24px)
17
+ * - `7` → `xxxl` (32px)
18
+ */
19
+ type DividerSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
20
+ interface DividerBaseProps extends BaseComponent<HTMLDivElement> {
21
+ /**
22
+ * Divider axis.
23
+ * @default "horizontal"
24
+ */
25
+ orientation?: DividerOrientation;
26
+ /**
27
+ * Line style.
28
+ * @default "solid"
29
+ */
30
+ variant?: DividerVariant;
31
+ /**
32
+ * Margin along the axis (top/bottom for horizontal, left/right for vertical).
33
+ *
34
+ * Numbers map onto the theme spacing scale (see `DividerSpacing`).
35
+ * Strings are passed through verbatim.
36
+ *
37
+ * @default 0
38
+ */
39
+ spacing?: DividerSpacing | string;
40
+ /**
41
+ * Optional label rendered centered on the line.
42
+ *
43
+ * Only honored for horizontal dividers — the pseudo-line layout does
44
+ * not translate well to vertical dividers in a flex row.
45
+ */
46
+ label?: React.ReactNode;
47
+ }
48
+ type DividerProps = Prettify<DividerBaseProps>;
49
+
50
+ export type { DividerBaseProps, DividerOrientation, DividerProps, DividerSpacing, DividerVariant };