@rokkit/ui 1.3.4 → 1.3.5

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 (175) hide show
  1. package/dist/components/index.js +63 -0
  2. package/dist/index.js +8 -0
  3. package/dist/markdown-plugin.js +1 -0
  4. package/dist/types/alert-list.js +7 -0
  5. package/dist/types/avatar.js +4 -0
  6. package/dist/types/badge.js +4 -0
  7. package/dist/types/breadcrumbs.js +4 -0
  8. package/dist/types/button.js +7 -0
  9. package/dist/types/card.js +4 -0
  10. package/dist/types/carousel.js +4 -0
  11. package/dist/types/chat.js +1 -0
  12. package/dist/types/code.js +12 -0
  13. package/dist/types/connector.js +8 -0
  14. package/dist/types/divider.js +4 -0
  15. package/dist/types/floating-action.js +12 -0
  16. package/dist/types/floating-navigation.js +1 -0
  17. package/dist/types/frame.js +8 -0
  18. package/dist/types/index.js +93 -0
  19. package/dist/types/item-content.js +8 -0
  20. package/dist/types/item-switch.js +10 -0
  21. package/dist/types/item-toggle.js +12 -0
  22. package/dist/types/list.js +36 -0
  23. package/dist/types/lock-mode.js +1 -0
  24. package/dist/types/menu.js +25 -0
  25. package/dist/types/message.js +4 -0
  26. package/dist/types/nav-content.js +4 -0
  27. package/dist/types/palette.js +54 -0
  28. package/dist/types/pill.js +4 -0
  29. package/dist/types/progress-bar.js +4 -0
  30. package/dist/types/range.js +7 -0
  31. package/dist/types/rating.js +4 -0
  32. package/dist/types/responsive-grid.js +4 -0
  33. package/dist/types/reveal.js +4 -0
  34. package/dist/types/search-filter.js +7 -0
  35. package/dist/types/select.js +21 -0
  36. package/dist/types/shine.js +7 -0
  37. package/dist/types/stack.js +4 -0
  38. package/dist/types/status-list.js +7 -0
  39. package/dist/types/stepper.js +4 -0
  40. package/dist/types/switch.js +7 -0
  41. package/dist/types/table.js +23 -0
  42. package/dist/types/tabs.js +7 -0
  43. package/dist/types/tilt.js +4 -0
  44. package/dist/types/timeline.js +14 -0
  45. package/dist/types/toggle.js +7 -0
  46. package/dist/types/toolbar.js +20 -0
  47. package/dist/types/tooltip.js +1 -0
  48. package/dist/types/tree-table.js +10 -0
  49. package/dist/types/tree.js +94 -0
  50. package/dist/types/upload-file-status.js +8 -0
  51. package/dist/types/upload-progress.js +8 -0
  52. package/dist/types/upload-target.js +7 -0
  53. package/dist/utils/palette.js +641 -0
  54. package/dist/utils/relative-time.js +17 -0
  55. package/dist/utils/shiki.js +118 -0
  56. package/package.json +13 -14
  57. package/src/components/index.ts +0 -63
  58. package/src/index.ts +0 -75
  59. package/src/markdown-plugin.ts +0 -12
  60. package/src/types/alert-list.ts +0 -28
  61. package/src/types/avatar.ts +0 -41
  62. package/src/types/badge.ts +0 -37
  63. package/src/types/breadcrumbs.ts +0 -43
  64. package/src/types/button.ts +0 -92
  65. package/src/types/card.ts +0 -38
  66. package/src/types/carousel.ts +0 -49
  67. package/src/types/chat.ts +0 -81
  68. package/src/types/code.ts +0 -147
  69. package/src/types/connector.ts +0 -22
  70. package/src/types/divider.ts +0 -20
  71. package/src/types/floating-action.ts +0 -123
  72. package/src/types/floating-navigation.ts +0 -80
  73. package/src/types/frame.ts +0 -29
  74. package/src/types/index.ts +0 -137
  75. package/src/types/item-content.ts +0 -26
  76. package/src/types/item-switch.ts +0 -34
  77. package/src/types/item-toggle.ts +0 -52
  78. package/src/types/list.ts +0 -200
  79. package/src/types/lock-mode.ts +0 -16
  80. package/src/types/menu.ts +0 -95
  81. package/src/types/message.ts +0 -54
  82. package/src/types/nav-content.ts +0 -31
  83. package/src/types/palette.ts +0 -160
  84. package/src/types/pill.ts +0 -43
  85. package/src/types/progress-bar.ts +0 -19
  86. package/src/types/range.ts +0 -51
  87. package/src/types/rating.ts +0 -43
  88. package/src/types/responsive-grid.ts +0 -25
  89. package/src/types/reveal.ts +0 -49
  90. package/src/types/search-filter.ts +0 -67
  91. package/src/types/select.ts +0 -176
  92. package/src/types/shine.ts +0 -37
  93. package/src/types/stack.ts +0 -40
  94. package/src/types/status-list.ts +0 -42
  95. package/src/types/stepper.ts +0 -74
  96. package/src/types/switch.ts +0 -68
  97. package/src/types/table.ts +0 -219
  98. package/src/types/tabs.ts +0 -103
  99. package/src/types/tilt.ts +0 -28
  100. package/src/types/timeline.ts +0 -53
  101. package/src/types/toggle.ts +0 -81
  102. package/src/types/toolbar.ts +0 -167
  103. package/src/types/tooltip.ts +0 -21
  104. package/src/types/tree-table.ts +0 -103
  105. package/src/types/tree.ts +0 -302
  106. package/src/types/upload-file-status.ts +0 -45
  107. package/src/types/upload-progress.ts +0 -111
  108. package/src/types/upload-target.ts +0 -71
  109. package/src/utils/palette.ts +0 -750
  110. package/src/utils/relative-time.ts +0 -12
  111. package/src/utils/shiki.ts +0 -137
  112. /package/{src → dist}/MarkdownRenderer.svelte +0 -0
  113. /package/{src → dist}/components/AlertList.svelte +0 -0
  114. /package/{src → dist}/components/Avatar.svelte +0 -0
  115. /package/{src → dist}/components/Badge.svelte +0 -0
  116. /package/{src → dist}/components/BreadCrumbs.svelte +0 -0
  117. /package/{src → dist}/components/Button.svelte +0 -0
  118. /package/{src → dist}/components/ButtonGroup.svelte +0 -0
  119. /package/{src → dist}/components/Card.svelte +0 -0
  120. /package/{src → dist}/components/Carousel.svelte +0 -0
  121. /package/{src → dist}/components/ChatComposer.svelte +0 -0
  122. /package/{src → dist}/components/ChatHistory.svelte +0 -0
  123. /package/{src → dist}/components/ChatMessage.svelte +0 -0
  124. /package/{src → dist}/components/ChatShell.svelte +0 -0
  125. /package/{src → dist}/components/ChatTimeline.svelte +0 -0
  126. /package/{src → dist}/components/Code.svelte +0 -0
  127. /package/{src → dist}/components/CodeBlock.svelte +0 -0
  128. /package/{src → dist}/components/CodeGroup.svelte +0 -0
  129. /package/{src → dist}/components/CommandPalette.svelte +0 -0
  130. /package/{src → dist}/components/Connector.svelte +0 -0
  131. /package/{src → dist}/components/Divider.svelte +0 -0
  132. /package/{src → dist}/components/Dropdown.svelte +0 -0
  133. /package/{src → dist}/components/FloatingAction.svelte +0 -0
  134. /package/{src → dist}/components/FloatingNavigation.svelte +0 -0
  135. /package/{src → dist}/components/Frame.svelte +0 -0
  136. /package/{src → dist}/components/Grid.svelte +0 -0
  137. /package/{src → dist}/components/ItemContent.svelte +0 -0
  138. /package/{src → dist}/components/ItemSwitch.svelte +0 -0
  139. /package/{src → dist}/components/ItemToggle.svelte +0 -0
  140. /package/{src → dist}/components/LazyTree.svelte +0 -0
  141. /package/{src → dist}/components/List.svelte +0 -0
  142. /package/{src → dist}/components/LockMode.svelte +0 -0
  143. /package/{src → dist}/components/Menu.svelte +0 -0
  144. /package/{src → dist}/components/Message.svelte +0 -0
  145. /package/{src → dist}/components/MultiSelect.svelte +0 -0
  146. /package/{src → dist}/components/NavContent.svelte +0 -0
  147. /package/{src → dist}/components/PaletteManager.svelte +0 -0
  148. /package/{src → dist}/components/Pill.svelte +0 -0
  149. /package/{src → dist}/components/ProgressBar.svelte +0 -0
  150. /package/{src → dist}/components/Range.svelte +0 -0
  151. /package/{src → dist}/components/Rating.svelte +0 -0
  152. /package/{src → dist}/components/ResponsiveGrid.svelte +0 -0
  153. /package/{src → dist}/components/Reveal.svelte +0 -0
  154. /package/{src → dist}/components/SearchFilter.svelte +0 -0
  155. /package/{src → dist}/components/Select.svelte +0 -0
  156. /package/{src → dist}/components/Shine.svelte +0 -0
  157. /package/{src → dist}/components/Stack.svelte +0 -0
  158. /package/{src → dist}/components/StatusList.svelte +0 -0
  159. /package/{src → dist}/components/Stepper.svelte +0 -0
  160. /package/{src → dist}/components/Swatch.svelte +0 -0
  161. /package/{src → dist}/components/Switch.svelte +0 -0
  162. /package/{src → dist}/components/Table.svelte +0 -0
  163. /package/{src → dist}/components/Tabs.svelte +0 -0
  164. /package/{src → dist}/components/Tilt.svelte +0 -0
  165. /package/{src → dist}/components/Timeline.svelte +0 -0
  166. /package/{src → dist}/components/Toggle.svelte +0 -0
  167. /package/{src → dist}/components/Toolbar.svelte +0 -0
  168. /package/{src → dist}/components/ToolbarGroup.svelte +0 -0
  169. /package/{src → dist}/components/Tooltip.svelte +0 -0
  170. /package/{src → dist}/components/Tree.svelte +0 -0
  171. /package/{src → dist}/components/TreeTable.svelte +0 -0
  172. /package/{src → dist}/components/UploadFileStatus.svelte +0 -0
  173. /package/{src → dist}/components/UploadProgress.svelte +0 -0
  174. /package/{src → dist}/components/UploadTarget.svelte +0 -0
  175. /package/{src → dist}/utils/upload.js +0 -0
@@ -0,0 +1,10 @@
1
+ /**
2
+ * TreeTable Component Types
3
+ *
4
+ * Hierarchical analog of Table — accepts nested rows (each row may
5
+ * carry a `children: []` array) and renders the hierarchy in one
6
+ * designated column with chevron + indent + tree connectors.
7
+ *
8
+ * Reuses the column / sort / cell types from Table.
9
+ */
10
+ export {};
@@ -0,0 +1,94 @@
1
+ /**
2
+ * Tree Component Types
3
+ *
4
+ * Provides types for the data-driven Tree component.
5
+ * Supports hierarchical data with expand/collapse, tree lines, and custom icons.
6
+ * Field mapping and data access is handled by ProxyItem from @rokkit/states.
7
+ */
8
+ import { DEFAULT_STATE_ICONS } from '@rokkit/core';
9
+ /**
10
+ * Default field mapping values for tree
11
+ */
12
+ export const defaultTreeFields = {
13
+ text: 'text',
14
+ value: 'value',
15
+ icon: 'icon',
16
+ description: 'description',
17
+ shortcut: 'shortcut',
18
+ label: 'label',
19
+ disabled: 'disabled',
20
+ active: 'active',
21
+ type: 'type',
22
+ children: 'children',
23
+ snippet: 'snippet',
24
+ href: 'href',
25
+ badge: 'badge',
26
+ expanded: 'expanded',
27
+ level: 'level'
28
+ };
29
+ /**
30
+ * Merge consumer-provided field overrides with the default field
31
+ * mapping so every key resolves to a string. Tree calls this once on
32
+ * its `fields` prop before passing the result to ProxyTree / line
33
+ * builders.
34
+ */
35
+ export function resolveTreeFields(fields = {}) {
36
+ // `Required<TreeFields>` cannot strip `undefined` from the index
37
+ // signature on its own, so spread-inference fails the contract even
38
+ // though `defaultTreeFields` provides every key. Cast through unknown
39
+ // to assert the post-merge shape.
40
+ return { ...defaultTreeFields, ...fields };
41
+ }
42
+ /**
43
+ * Default state icons — uses semantic names from @rokkit/core
44
+ * that get resolved to actual icon classes via UnoCSS shortcuts.
45
+ */
46
+ export const defaultTreeStateIcons = {
47
+ opened: DEFAULT_STATE_ICONS.node.opened,
48
+ closed: DEFAULT_STATE_ICONS.node.closed
49
+ };
50
+ // =============================================================================
51
+ // Helper Functions
52
+ // =============================================================================
53
+ /**
54
+ * Mapping for calculating next line type based on parent type
55
+ * Based on @rokkit/core connector implementation
56
+ */
57
+ const nextLineType = {
58
+ child: 'sibling',
59
+ last: 'empty',
60
+ sibling: 'sibling',
61
+ empty: 'empty',
62
+ icon: 'empty'
63
+ };
64
+ /**
65
+ * Constructs an array of line types for tree visualization.
66
+ * This determines what connectors to show at each depth level.
67
+ *
68
+ * Algorithm from @rokkit/core getLineTypes:
69
+ * - For all but the last parent type, convert to continuation type
70
+ * - For the last parent type, use the current node's position
71
+ * - Append 'icon' for nodes with children, 'empty' for leaf nodes
72
+ *
73
+ * @param hasChildren - Whether the node has children
74
+ * @param parentTypes - Line types from parent nodes
75
+ * @param position - Current position type ('child' or 'last')
76
+ * @returns Array of line types for rendering connectors
77
+ */
78
+ export function getLineTypes(hasChildren = false, parentTypes = [], position = 'child') {
79
+ const result = parentTypes.reduce((acc, type, index) => {
80
+ // For all but the last parent type, convert to next type
81
+ // 'child' -> 'sibling' (vertical line continues)
82
+ // 'last' -> 'empty' (no line, branch ended)
83
+ if (index < parentTypes.length - 1) {
84
+ return [...acc, nextLineType[type]];
85
+ }
86
+ // For the last parent type, use the current node's position
87
+ return [...acc, position];
88
+ }, []);
89
+ // Append icon slot for expandable nodes, empty for leaf nodes
90
+ return result.concat(hasChildren ? 'icon' : 'empty');
91
+ }
92
+ // Keep old name as alias for backward compatibility
93
+ export const getTreeLineTypes = getLineTypes;
94
+ export { getSnippet } from './menu.js';
@@ -0,0 +1,8 @@
1
+ /**
2
+ * UploadFileStatus Component Types
3
+ *
4
+ * Renders a single file's upload status with progress bar, action buttons
5
+ * (cancel/retry/remove), and file metadata (icon, name, size, status label).
6
+ * Action button visibility driven by cancelWhen/retryWhen/removeWhen arrays.
7
+ */
8
+ export {};
@@ -0,0 +1,8 @@
1
+ /**
2
+ * UploadProgress Component Types
3
+ *
4
+ * File upload status orchestrator. Thin composition layer that renders
5
+ * a header + List or Grid layout. Default itemContent snippet renders
6
+ * UploadFileStatus for each file. Consumer can override with custom snippet.
7
+ */
8
+ export {};
@@ -0,0 +1,7 @@
1
+ /**
2
+ * UploadTarget Component Types
3
+ *
4
+ * Drop zone with file validation. Accepts drag-and-drop or click-to-browse.
5
+ * Validates files against accept (MIME/extension) and maxSize constraints.
6
+ */
7
+ export {};