@usefragments/ui 1.0.1 → 1.1.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 (213) hide show
  1. package/README.md +16 -16
  2. package/dist/assets/fragments-wordmark.cjs +30 -0
  3. package/dist/assets/fragments-wordmark.d.ts +13 -0
  4. package/dist/assets/fragments-wordmark.d.ts.map +1 -0
  5. package/dist/assets/fragments-wordmark.js +30 -0
  6. package/dist/assets/ui.css +3173 -3108
  7. package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
  8. package/dist/components/Accordion/Accordion.module.scss.js +8 -8
  9. package/dist/components/Accordion/index.cjs +22 -10
  10. package/dist/components/Accordion/index.d.ts.map +1 -1
  11. package/dist/components/Accordion/index.js +22 -10
  12. package/dist/components/Alert/Alert.module.scss.cjs +13 -13
  13. package/dist/components/Alert/Alert.module.scss.js +13 -13
  14. package/dist/components/AppShell/AppShell.module.scss.cjs +22 -10
  15. package/dist/components/AppShell/AppShell.module.scss.js +22 -10
  16. package/dist/components/AppShell/index.cjs +1 -1
  17. package/dist/components/AppShell/index.js +1 -1
  18. package/dist/components/Avatar/Avatar.module.scss.cjs +13 -13
  19. package/dist/components/Avatar/Avatar.module.scss.js +13 -13
  20. package/dist/components/Badge/Badge.module.scss.cjs +16 -16
  21. package/dist/components/Badge/Badge.module.scss.js +16 -16
  22. package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
  23. package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
  24. package/dist/components/Box/Box.module.scss.cjs +152 -152
  25. package/dist/components/Box/Box.module.scss.js +152 -152
  26. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +8 -8
  27. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
  28. package/dist/components/Button/Button.module.scss.cjs +13 -13
  29. package/dist/components/Button/Button.module.scss.js +13 -13
  30. package/dist/components/Card/Card.module.scss.cjs +17 -17
  31. package/dist/components/Card/Card.module.scss.js +17 -17
  32. package/dist/components/Card/index.d.ts +3 -3
  33. package/dist/components/Card/index.d.ts.map +1 -1
  34. package/dist/components/Chart/Chart.module.scss.cjs +15 -15
  35. package/dist/components/Chart/Chart.module.scss.js +15 -15
  36. package/dist/components/Checkbox/Checkbox.module.scss.cjs +11 -11
  37. package/dist/components/Checkbox/Checkbox.module.scss.js +11 -11
  38. package/dist/components/Chip/Chip.module.scss.cjs +15 -15
  39. package/dist/components/Chip/Chip.module.scss.js +15 -15
  40. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
  41. package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
  42. package/dist/components/Collapsible/Collapsible.module.scss.cjs +10 -10
  43. package/dist/components/Collapsible/Collapsible.module.scss.js +10 -10
  44. package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
  45. package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
  46. package/dist/components/Combobox/Combobox.module.scss.cjs +23 -23
  47. package/dist/components/Combobox/Combobox.module.scss.js +23 -23
  48. package/dist/components/Command/Command.module.scss.cjs +11 -11
  49. package/dist/components/Command/Command.module.scss.js +11 -11
  50. package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
  51. package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
  52. package/dist/components/DataTable/DataTable.module.scss.cjs +34 -34
  53. package/dist/components/DataTable/DataTable.module.scss.js +34 -34
  54. package/dist/components/DataTable/DataTable.virtual.cjs +7 -7
  55. package/dist/components/DataTable/DataTable.virtual.js +1 -1
  56. package/dist/components/DataTable/index.d.ts +3 -1
  57. package/dist/components/DataTable/index.d.ts.map +1 -1
  58. package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
  59. package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
  60. package/dist/components/DatePicker/index.d.ts +1 -1
  61. package/dist/components/DatePicker/index.d.ts.map +1 -1
  62. package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
  63. package/dist/components/Dialog/Dialog.module.scss.js +14 -14
  64. package/dist/components/Drawer/Drawer.module.scss.cjs +28 -28
  65. package/dist/components/Drawer/Drawer.module.scss.js +28 -28
  66. package/dist/components/Drawer/index.cjs +20 -3
  67. package/dist/components/Drawer/index.d.ts.map +1 -1
  68. package/dist/components/Drawer/index.js +20 -3
  69. package/dist/components/Editor/Editor.module.scss.cjs +17 -17
  70. package/dist/components/Editor/Editor.module.scss.js +17 -17
  71. package/dist/components/EmptyState/EmptyState.module.scss.cjs +8 -8
  72. package/dist/components/EmptyState/EmptyState.module.scss.js +8 -8
  73. package/dist/components/Field/Field.module.scss.cjs +4 -4
  74. package/dist/components/Field/Field.module.scss.js +4 -4
  75. package/dist/components/Field/index.cjs +10 -9
  76. package/dist/components/Field/index.d.ts +7 -7
  77. package/dist/components/Field/index.d.ts.map +1 -1
  78. package/dist/components/Field/index.js +10 -9
  79. package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
  80. package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
  81. package/dist/components/Header/Header.module.scss.cjs +44 -29
  82. package/dist/components/Header/Header.module.scss.js +44 -29
  83. package/dist/components/Header/index.cjs +56 -3
  84. package/dist/components/Header/index.d.ts +25 -3
  85. package/dist/components/Header/index.d.ts.map +1 -1
  86. package/dist/components/Header/index.js +56 -3
  87. package/dist/components/Icon/Icon.module.scss.cjs +8 -8
  88. package/dist/components/Icon/Icon.module.scss.js +8 -8
  89. package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
  90. package/dist/components/IconButton/IconButton.module.scss.js +8 -8
  91. package/dist/components/Image/Image.module.scss.cjs +27 -27
  92. package/dist/components/Image/Image.module.scss.js +27 -27
  93. package/dist/components/Input/Input.module.scss.cjs +19 -19
  94. package/dist/components/Input/Input.module.scss.js +19 -19
  95. package/dist/components/Link/Link.module.scss.cjs +10 -10
  96. package/dist/components/Link/Link.module.scss.js +10 -10
  97. package/dist/components/List/List.module.scss.cjs +19 -19
  98. package/dist/components/List/List.module.scss.js +19 -19
  99. package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
  100. package/dist/components/Listbox/Listbox.module.scss.js +8 -8
  101. package/dist/components/Loading/Loading.module.scss.cjs +30 -30
  102. package/dist/components/Loading/Loading.module.scss.js +30 -30
  103. package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
  104. package/dist/components/Markdown/Markdown.module.scss.js +1 -1
  105. package/dist/components/Menu/Menu.module.scss.cjs +14 -14
  106. package/dist/components/Menu/Menu.module.scss.js +14 -14
  107. package/dist/components/Message/Message.module.scss.cjs +18 -18
  108. package/dist/components/Message/Message.module.scss.js +18 -18
  109. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
  110. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
  111. package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
  112. package/dist/components/Pagination/Pagination.module.scss.js +7 -7
  113. package/dist/components/Popover/Popover.module.scss.cjs +10 -10
  114. package/dist/components/Popover/Popover.module.scss.js +10 -10
  115. package/dist/components/Popover/index.cjs +27 -2
  116. package/dist/components/Popover/index.d.ts.map +1 -1
  117. package/dist/components/Popover/index.js +27 -2
  118. package/dist/components/Progress/Progress.module.scss.cjs +25 -25
  119. package/dist/components/Progress/Progress.module.scss.js +25 -25
  120. package/dist/components/Prompt/Prompt.module.scss.cjs +18 -18
  121. package/dist/components/Prompt/Prompt.module.scss.js +18 -18
  122. package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +17 -17
  123. package/dist/components/RadioGroup/RadioGroup.module.scss.js +17 -17
  124. package/dist/components/RadioGroup/index.cjs +2 -0
  125. package/dist/components/RadioGroup/index.d.ts +2 -0
  126. package/dist/components/RadioGroup/index.d.ts.map +1 -1
  127. package/dist/components/RadioGroup/index.js +2 -0
  128. package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +10 -10
  129. package/dist/components/ScrollArea/ScrollArea.module.scss.js +10 -10
  130. package/dist/components/Select/Select.module.scss.cjs +17 -17
  131. package/dist/components/Select/Select.module.scss.js +17 -17
  132. package/dist/components/Separator/Separator.module.scss.cjs +10 -10
  133. package/dist/components/Separator/Separator.module.scss.js +10 -10
  134. package/dist/components/Sidebar/Sidebar.module.scss.cjs +42 -42
  135. package/dist/components/Sidebar/Sidebar.module.scss.js +42 -42
  136. package/dist/components/Skeleton/Skeleton.module.scss.cjs +38 -38
  137. package/dist/components/Skeleton/Skeleton.module.scss.js +38 -38
  138. package/dist/components/Slider/Slider.module.scss.cjs +12 -12
  139. package/dist/components/Slider/Slider.module.scss.js +12 -12
  140. package/dist/components/Table/Table.module.scss.cjs +18 -18
  141. package/dist/components/Table/Table.module.scss.js +18 -18
  142. package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
  143. package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
  144. package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
  145. package/dist/components/Tabs/Tabs.module.scss.js +12 -12
  146. package/dist/components/Text/Text.module.scss.cjs +51 -51
  147. package/dist/components/Text/Text.module.scss.js +51 -51
  148. package/dist/components/Textarea/Textarea.module.scss.cjs +23 -23
  149. package/dist/components/Textarea/Textarea.module.scss.js +23 -23
  150. package/dist/components/Theme/ThemeToggle.module.scss.cjs +6 -6
  151. package/dist/components/Theme/ThemeToggle.module.scss.js +6 -6
  152. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
  153. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
  154. package/dist/components/Toast/Toast.module.scss.cjs +21 -21
  155. package/dist/components/Toast/Toast.module.scss.js +21 -21
  156. package/dist/components/Toggle/Toggle.module.scss.cjs +13 -13
  157. package/dist/components/Toggle/Toggle.module.scss.js +13 -13
  158. package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
  159. package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
  160. package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
  161. package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
  162. package/dist/data-table.cjs +58 -41
  163. package/dist/data-table.js +59 -41
  164. package/dist/datepicker.cjs +32 -72
  165. package/dist/datepicker.js +32 -72
  166. package/dist/index.cjs +2 -0
  167. package/dist/index.d.ts +1 -0
  168. package/dist/index.d.ts.map +1 -1
  169. package/dist/index.js +2 -0
  170. package/fragments.json +1 -1
  171. package/package.json +4 -8
  172. package/src/assets/fragments-wordmark.tsx +47 -0
  173. package/src/components/Accordion/index.tsx +13 -3
  174. package/src/components/Alert/Alert.module.scss +15 -2
  175. package/src/components/AppShell/AppShell.module.scss +73 -15
  176. package/src/components/AppShell/index.tsx +1 -1
  177. package/src/components/Button/Button.module.scss +19 -20
  178. package/src/components/Card/Card.module.scss +3 -3
  179. package/src/components/Card/index.tsx +3 -3
  180. package/src/components/CodeBlock/CodeBlock.module.scss +2 -7
  181. package/src/components/Combobox/Combobox.module.scss +3 -2
  182. package/src/components/DataTable/DataTable.contract.json +16 -23
  183. package/src/components/DataTable/index.tsx +25 -4
  184. package/src/components/DatePicker/index.tsx +32 -84
  185. package/src/components/Drawer/index.tsx +38 -12
  186. package/src/components/Field/index.tsx +35 -35
  187. package/src/components/Header/Header.contract.json +41 -1
  188. package/src/components/Header/Header.module.scss +40 -0
  189. package/src/components/Header/index.tsx +88 -2
  190. package/src/components/IconButton/IconButton.contract.json +120 -0
  191. package/src/components/Listbox/Listbox.module.scss +5 -4
  192. package/src/components/Menu/Menu.module.scss +8 -10
  193. package/src/components/Popover/index.tsx +34 -2
  194. package/src/components/RadioGroup/RadioGroup.contract.json +13 -27
  195. package/src/components/RadioGroup/index.tsx +4 -0
  196. package/src/components/Select/Select.module.scss +13 -12
  197. package/src/components/TableOfContents/TableOfContents.module.scss +10 -1
  198. package/src/components/Toast/Toast.module.scss +15 -2
  199. package/src/components/ToggleGroup/ToggleGroup.module.scss +4 -1
  200. package/src/index.ts +1 -0
  201. package/src/styles/globals.scss +13 -10
  202. package/src/tokens/_component-properties.scss +25 -0
  203. package/src/tokens/_computed.scss +22 -4
  204. package/src/tokens/_derive.scss +55 -6
  205. package/src/tokens/_palettes.scss +24 -0
  206. package/src/tokens/_seeds.scss +20 -12
  207. package/src/tokens/_variables.scss +110 -63
  208. package/dist/node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.cjs +0 -68
  209. package/dist/node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.js +0 -52
  210. package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.cjs +0 -822
  211. package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.js +0 -822
  212. package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/utils.cjs +0 -72
  213. package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/utils.js +0 -72
@@ -1,68 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const React = require("react");
4
- const reactDom = require("react-dom");
5
- const index = require("../../../../../../@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.cjs");
6
- function _interopNamespaceDefault(e) {
7
- const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
- if (e) {
9
- for (const k in e) {
10
- if (k !== "default") {
11
- const d = Object.getOwnPropertyDescriptor(e, k);
12
- Object.defineProperty(n, k, d.get ? d : {
13
- enumerable: true,
14
- get: () => e[k]
15
- });
16
- }
17
- }
18
- }
19
- n.default = e;
20
- return Object.freeze(n);
21
- }
22
- const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
23
- const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
24
- function useVirtualizerBase({
25
- useFlushSync = true,
26
- ...options
27
- }) {
28
- const rerender = React__namespace.useReducer(() => ({}), {})[1];
29
- const resolvedOptions = {
30
- ...options,
31
- onChange: (instance2, sync) => {
32
- var _a;
33
- if (useFlushSync && sync) {
34
- reactDom.flushSync(rerender);
35
- } else {
36
- rerender();
37
- }
38
- (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
39
- }
40
- };
41
- const [instance] = React__namespace.useState(
42
- () => new index.Virtualizer(resolvedOptions)
43
- );
44
- instance.setOptions(resolvedOptions);
45
- useIsomorphicLayoutEffect(() => {
46
- return instance._didMount();
47
- }, []);
48
- useIsomorphicLayoutEffect(() => {
49
- return instance._willUpdate();
50
- });
51
- return instance;
52
- }
53
- function useVirtualizer(options) {
54
- return useVirtualizerBase({
55
- observeElementRect: index.observeElementRect,
56
- observeElementOffset: index.observeElementOffset,
57
- scrollToFn: index.elementScroll,
58
- ...options
59
- });
60
- }
61
- exports.Virtualizer = index.Virtualizer;
62
- exports.defaultKeyExtractor = index.defaultKeyExtractor;
63
- exports.defaultRangeExtractor = index.defaultRangeExtractor;
64
- exports.elementScroll = index.elementScroll;
65
- exports.measureElement = index.measureElement;
66
- exports.observeElementOffset = index.observeElementOffset;
67
- exports.observeElementRect = index.observeElementRect;
68
- exports.useVirtualizer = useVirtualizer;
@@ -1,52 +0,0 @@
1
- import * as React from "react";
2
- import { flushSync } from "react-dom";
3
- import { Virtualizer, elementScroll, observeElementOffset, observeElementRect } from "../../../../../../@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.js";
4
- import { defaultKeyExtractor, defaultRangeExtractor, measureElement } from "../../../../../../@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.js";
5
- const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
6
- function useVirtualizerBase({
7
- useFlushSync = true,
8
- ...options
9
- }) {
10
- const rerender = React.useReducer(() => ({}), {})[1];
11
- const resolvedOptions = {
12
- ...options,
13
- onChange: (instance2, sync) => {
14
- var _a;
15
- if (useFlushSync && sync) {
16
- flushSync(rerender);
17
- } else {
18
- rerender();
19
- }
20
- (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
21
- }
22
- };
23
- const [instance] = React.useState(
24
- () => new Virtualizer(resolvedOptions)
25
- );
26
- instance.setOptions(resolvedOptions);
27
- useIsomorphicLayoutEffect(() => {
28
- return instance._didMount();
29
- }, []);
30
- useIsomorphicLayoutEffect(() => {
31
- return instance._willUpdate();
32
- });
33
- return instance;
34
- }
35
- function useVirtualizer(options) {
36
- return useVirtualizerBase({
37
- observeElementRect,
38
- observeElementOffset,
39
- scrollToFn: elementScroll,
40
- ...options
41
- });
42
- }
43
- export {
44
- Virtualizer,
45
- defaultKeyExtractor,
46
- defaultRangeExtractor,
47
- elementScroll,
48
- measureElement,
49
- observeElementOffset,
50
- observeElementRect,
51
- useVirtualizer
52
- };