@synopackageland/ui 0.20.3 → 0.20.4

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 (146) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/LICENSES/ux-foundation.md +83 -0
  3. package/LICENSES/ux-grid-baserow.md +35 -0
  4. package/LICENSES/ux-grid-teable.md +48 -0
  5. package/README.md +3 -0
  6. package/dist/cli.js +0 -0
  7. package/dist/components/app/app-layout/AppLayout.vue.d.ts +31 -4
  8. package/dist/components/app/app-root/AppRoot.vue.d.ts +9 -0
  9. package/dist/components/app/aside-panel/AsidePanel.vue.d.ts +69 -0
  10. package/dist/components/app/aside-panel/asidePreference.d.ts +28 -0
  11. package/dist/components/composite/adaptive-panel/AdaptivePanel.vue.d.ts +61 -0
  12. package/dist/components/composite/connection-topology/ConnectionTopology.vue.d.ts +1 -1
  13. package/dist/components/composite/file-picker/FilePicker.vue.d.ts +1 -1
  14. package/dist/components/composite/mention-list/MentionList.vue.d.ts +2 -2
  15. package/dist/components/composite/overflow-toolbar/OverflowToolbar.vue.d.ts +2 -2
  16. package/dist/components/composite/record-panel/RecordPanel.vue.d.ts +77 -0
  17. package/dist/components/composite/record-panel/recordPanelWidth.d.ts +54 -0
  18. package/dist/components/composite/summary-card/SummaryCard.vue.d.ts +1 -1
  19. package/dist/components/composite/tag-editor/TagEditor.vue.d.ts +2 -2
  20. package/dist/components/composite/tree-view/TreeView.vue.d.ts +1 -1
  21. package/dist/components/composite/wizard/Wizard.vue.d.ts +2 -2
  22. package/dist/components/composite/wizard/WizardDialog.vue.d.ts +2 -2
  23. package/dist/components/containers/card/Card.vue.d.ts +1 -1
  24. package/dist/components/containers/card/CardField.vue.d.ts +26 -0
  25. package/dist/components/containers/card-grid/CardCover.vue.d.ts +16 -0
  26. package/dist/components/containers/card-grid/CardGrid.vue.d.ts +1 -1
  27. package/dist/components/containers/card-grid/VirtualCardGrid.vue.d.ts +71 -0
  28. package/dist/components/containers/expandable-item/ExpandableItem.vue.d.ts +1 -1
  29. package/dist/components/containers/fieldset/Fieldset.vue.d.ts +1 -1
  30. package/dist/components/containers/list-detail/ListDetail.vue.d.ts +1 -1
  31. package/dist/components/containers/split-pane/SplitPane.vue.d.ts +1 -1
  32. package/dist/components/feedback/notification/Notification.vue.d.ts +1 -1
  33. package/dist/components/feedback/notification/NotificationProvider.vue.d.ts +1 -1
  34. package/dist/components/primitives/breadcrumb/Breadcrumb.vue.d.ts +2 -2
  35. package/dist/components/primitives/context-menu/ContextMenu.vue.d.ts +3 -0
  36. package/dist/components/primitives/context-menu/ContextMenuItems.vue.d.ts +4 -5
  37. package/dist/components/primitives/dialog/Dialog.vue.d.ts +2 -2
  38. package/dist/components/primitives/dropdown-menu/DropdownMenu.vue.d.ts +4 -0
  39. package/dist/components/primitives/dropdown-menu/DropdownMenuItems.vue.d.ts +6 -3
  40. package/dist/components/primitives/popover/Popover.vue.d.ts +10 -2
  41. package/dist/components/primitives/popover/floating.d.ts +27 -0
  42. package/dist/components/primitives/popover/overlay.d.ts +36 -0
  43. package/dist/components/primitives/segment-control/SegmentControl.vue.d.ts +4 -1
  44. package/dist/components/primitives/segment-control/context.d.ts +3 -0
  45. package/dist/components/primitives/select/Select.vue.d.ts +4 -0
  46. package/dist/components/primitives/select/internal/ComboboxField.vue.d.ts +1 -0
  47. package/dist/components/primitives/select/internal/types.d.ts +2 -0
  48. package/dist/components/primitives/skeleton/SectionSkeleton.vue.d.ts +25 -4
  49. package/dist/components/primitives/skeleton/Skeleton.vue.d.ts +3 -0
  50. package/dist/components/primitives/tag/Tag.vue.d.ts +2 -2
  51. package/dist/components/primitives/toast/ToastProvider.vue.d.ts +0 -2
  52. package/dist/components/primitives/toast/toast.d.ts +21 -1
  53. package/dist/components/primitives/tooltip/Tooltip.vue.d.ts +8 -3
  54. package/dist/components/primitives/tooltip/tooltipStyle.d.ts +11 -1
  55. package/dist/composables/backDismiss.d.ts +19 -0
  56. package/dist/composables/phone.d.ts +8 -0
  57. package/dist/composables/softKeyboard.d.ts +26 -4
  58. package/dist/composables/visualViewport.d.ts +31 -0
  59. package/dist/dnd/autoScroll.d.ts +57 -0
  60. package/dist/dnd/dragKit.d.ts +111 -0
  61. package/dist/dnd/index.d.ts +4 -0
  62. package/dist/dnd/layout.d.ts +57 -0
  63. package/dist/dnd/vue.d.ts +16 -0
  64. package/dist/feedback/StatusSlot.vue.d.ts +24 -0
  65. package/dist/feedback/showAfter.d.ts +15 -0
  66. package/dist/feedback/stackMotion.d.ts +13 -0
  67. package/dist/feedback/timing.d.ts +23 -0
  68. package/dist/grid/cells/draw.d.ts +57 -0
  69. package/dist/grid/cells/images.d.ts +5 -0
  70. package/dist/grid/cells/index.d.ts +7 -0
  71. package/dist/grid/cells/number.d.ts +5 -0
  72. package/dist/grid/cells/registry.d.ts +56 -0
  73. package/dist/grid/cells/renderers.d.ts +8 -0
  74. package/dist/grid/cells/status.d.ts +6 -0
  75. package/dist/grid/cells/types.d.ts +200 -0
  76. package/dist/grid/cells/use.d.ts +7 -0
  77. package/dist/grid/clipboard/copy.d.ts +17 -0
  78. package/dist/grid/clipboard/index.d.ts +4 -0
  79. package/dist/grid/clipboard/proposal.d.ts +35 -0
  80. package/dist/grid/clipboard/tsv.d.ts +14 -0
  81. package/dist/grid/clipboard/write.d.ts +21 -0
  82. package/dist/grid/contracts.d.ts +200 -0
  83. package/dist/grid/edit/cell-status.d.ts +33 -0
  84. package/dist/grid/edit/edit-session.d.ts +97 -0
  85. package/dist/grid/edit/use-grid-edit.d.ts +48 -0
  86. package/dist/grid/focus/editor-style.d.ts +67 -0
  87. package/dist/grid/host/GridHost.vue.d.ts +137 -0
  88. package/dist/grid/host/controller.d.ts +219 -0
  89. package/dist/grid/host/dom.d.ts +10 -0
  90. package/dist/grid/index.d.ts +8 -0
  91. package/dist/grid/range/block.d.ts +30 -0
  92. package/dist/grid/range/fill.d.ts +27 -0
  93. package/dist/grid/range/index.d.ts +2 -0
  94. package/dist/grid/theme.d.ts +61 -0
  95. package/dist/grid-core/auto-scroll.d.ts +67 -0
  96. package/dist/grid-core/column-resize.d.ts +43 -0
  97. package/dist/grid-core/config.d.ts +39 -0
  98. package/dist/grid-core/coordinate.d.ts +64 -0
  99. package/dist/grid-core/drag.d.ts +46 -0
  100. package/dist/grid-core/freeze.d.ts +11 -0
  101. package/dist/grid-core/index.d.ts +17 -0
  102. package/dist/grid-core/keyboard.d.ts +34 -0
  103. package/dist/grid-core/keys.d.ts +38 -0
  104. package/dist/grid-core/lru.d.ts +10 -0
  105. package/dist/grid-core/range.d.ts +28 -0
  106. package/dist/grid-core/region.d.ts +73 -0
  107. package/dist/grid-core/renderer/base.d.ts +92 -0
  108. package/dist/grid-core/renderer/layout.d.ts +129 -0
  109. package/dist/grid-core/selection-controller.d.ts +62 -0
  110. package/dist/grid-core/selection.d.ts +35 -0
  111. package/dist/grid-core/theme.d.ts +81 -0
  112. package/dist/grid-core/types.d.ts +178 -0
  113. package/dist/grid.js +6173 -0
  114. package/dist/i18n/text.d.ts +6 -0
  115. package/dist/index.d.ts +32 -2
  116. package/dist/index.js +17647 -13630
  117. package/dist/interaction/editSession.d.ts +49 -0
  118. package/dist/interaction/focus.d.ts +28 -0
  119. package/dist/interaction/gesture.d.ts +49 -0
  120. package/dist/interaction/ime.d.ts +55 -0
  121. package/dist/interaction/index.d.ts +6 -0
  122. package/dist/interaction/outside.d.ts +40 -0
  123. package/dist/interaction/vue.d.ts +21 -0
  124. package/dist/json-ai-prompt.md +1 -1
  125. package/dist/json-preview/preview.js +8523 -7814
  126. package/dist/json.js +10 -10
  127. package/dist/lib/adaptiveLayout.d.ts +32 -2
  128. package/dist/lib/deviceViewport.d.ts +2 -1
  129. package/dist/lib/motion.d.ts +12 -0
  130. package/dist/reka-runtime.json +1 -1
  131. package/dist/theme.css +1 -1
  132. package/dist/themes/dsm7-embedded-theme.css +1 -1
  133. package/dist/themes/dsm7-embedded.css +1 -1
  134. package/dist/themes/dsm7.css +1 -1
  135. package/dist/virtual/cardHeight.d.ts +39 -0
  136. package/dist/virtual/galleryColumns.d.ts +11 -0
  137. package/dist/virtual/layoutMotion.d.ts +30 -0
  138. package/docs/adaptive-layout.md +137 -16
  139. package/docs/callout.md +22 -1
  140. package/docs/list-detail.md +54 -0
  141. package/docs/mobile-native.md +214 -0
  142. package/docs/release-checks.md +23 -0
  143. package/docs/theme-hooks.md +28 -7
  144. package/docs/ux-foundation.md +133 -0
  145. package/docs/ux-grid.md +217 -0
  146. package/package.json +94 -3
@@ -142,6 +142,7 @@ export declare const englishUiText: {
142
142
  readonly PM: "PM";
143
143
  readonly "Expand {name}": "Expand {name}";
144
144
  readonly "Collapse {name}": "Collapse {name}";
145
+ readonly "Restore {name}": "Restore {name}";
145
146
  readonly "Select all times": "Select all times";
146
147
  readonly "Select hour {hour}": "Select hour {hour}";
147
148
  readonly "Select {name}": "Select {name}";
@@ -241,6 +242,11 @@ export declare const englishUiText: {
241
242
  readonly "What you entered will be lost": "What you entered will be lost";
242
243
  readonly "Keep editing": "Keep editing";
243
244
  readonly Discard: "Discard";
245
+ readonly Checked: "Checked";
246
+ readonly "Not checked": "Not checked";
247
+ readonly "Rating {value} of {max}": "Rating {value} of {max}";
248
+ readonly Saving: "Saving";
249
+ readonly "Not saved": "Not saved";
244
250
  };
245
251
  export type UiTextKey = keyof typeof englishUiText;
246
252
  export type UiTranslator = (key: UiTextKey, values?: Record<string, string | number>) => string;
package/dist/index.d.ts CHANGED
@@ -38,6 +38,10 @@ export { default as Surface } from './components/primitives/surface/Surface.vue'
38
38
  export { default as Tooltip } from './components/primitives/tooltip/Tooltip.vue';
39
39
  export { default as OverflowTooltip } from './components/primitives/tooltip/OverflowTooltip.vue';
40
40
  export { default as Popover } from './components/primitives/popover/Popover.vue';
41
+ export { provideOverlayMotion, type OverlayMotion } from './components/primitives/popover/overlay';
42
+ export { default as AdaptivePanel } from './components/composite/adaptive-panel/AdaptivePanel.vue';
43
+ export { default as RecordPanel } from './components/composite/record-panel/RecordPanel.vue';
44
+ export type { RecordPanelCloseReason } from './components/composite/record-panel/RecordPanel.vue';
41
45
  export { default as DropdownMenu } from './components/primitives/dropdown-menu/DropdownMenu.vue';
42
46
  export type { DropdownMenuEntry } from './components/primitives/dropdown-menu/DropdownMenu.vue';
43
47
  export type { DropdownMenuCheckboxEntry, DropdownMenuRadioEntry } from './components/primitives/dropdown-menu/types';
@@ -53,6 +57,10 @@ export { DATE_FORMATS, TIME_FORMATS, composeDateTime, formatDateText, formatTime
53
57
  export { default as ToastProvider } from './components/primitives/toast/ToastProvider.vue';
54
58
  export { useToast } from './components/primitives/toast/toast';
55
59
  export type { ToastController, ToastMessage, ToastOptions, ToastTone } from './components/primitives/toast/toast';
60
+ export { default as StatusSlot } from './feedback/StatusSlot.vue';
61
+ export { useShowAfter } from './feedback/showAfter';
62
+ export type { ShowAfterOptions } from './feedback/showAfter';
63
+ export { PENDING_DELAY_MS, TOAST_DURATION_MS } from './feedback/timing';
56
64
  export { default as Tabs } from './components/primitives/tabs/Tabs.vue';
57
65
  export type { TabItem } from './components/primitives/tabs/Tabs.vue';
58
66
  export { default as Accordion } from './components/primitives/accordion/Accordion.vue';
@@ -189,6 +197,14 @@ export type { NotificationAction, NotificationActionConfig, NotificationControll
189
197
  export { default as ValidationPopup } from './components/feedback/validation-popup/ValidationPopup.vue';
190
198
  export { default as Card } from './components/containers/card/Card.vue';
191
199
  export { default as CardGrid } from './components/containers/card-grid/CardGrid.vue';
200
+ export { default as VirtualCardGrid } from './components/containers/card-grid/VirtualCardGrid.vue';
201
+ export { default as CardCover } from './components/containers/card-grid/CardCover.vue';
202
+ export { default as CardField } from './components/containers/card/CardField.vue';
203
+ export { CARD_METRICS, CARD_VALUE_HEIGHT, cardHeight } from './virtual/cardHeight';
204
+ export type { CardHeightInput } from './virtual/cardHeight';
205
+ export { GALLERY_BREAKPOINTS, galleryColumns } from './virtual/galleryColumns';
206
+ export { createLayoutMotion, provideLayoutMotion, useLayoutMotion } from './virtual/layoutMotion';
207
+ export type { LayoutMotion } from './virtual/layoutMotion';
192
208
  export { default as HighlightBox } from './components/containers/highlight-box/HighlightBox.vue';
193
209
  export { default as Panel } from './components/containers/panel/Panel.vue';
194
210
  export type { PanelFbar, PanelFbarConfig } from './components/containers/panel/Panel.vue';
@@ -217,12 +233,20 @@ export { APP_ROOT_ATTRIBUTE, APP_ROOT_SELECTOR } from './lib/appRoot';
217
233
  export { accentScale, accentStyle } from './lib/accent';
218
234
  export type { AccentOptions, AccentScale } from './lib/accent';
219
235
  export { default as AppLayout } from './components/app/app-layout/AppLayout.vue';
236
+ export { default as AsidePanel } from './components/app/aside-panel/AsidePanel.vue';
237
+ export { clampAsideWidth, readAsidePreference, useAsidePreference, writeAsidePreference } from './components/app/aside-panel/asidePreference';
238
+ export type { AsidePreference } from './components/app/aside-panel/asidePreference';
220
239
  export { default as ResponsiveView } from './components/app/responsive-view/ResponsiveView.vue';
221
- export { appPresentationForWidth, MOBILE_LAYOUT_MAX, WEB_LAYOUT_MIN } from './lib/adaptiveLayout';
222
- export type { AppNavigation, AppPresentation, WideLayout } from './lib/adaptiveLayout';
240
+ export { APP_ASIDE_KEY, APP_SIDE_MOTION_KEY, appPresentationForWidth, MOBILE_LAYOUT_MAX, WEB_ASIDE_DEFAULT, WEB_ASIDE_MAX, WEB_ASIDE_MIN, WEB_LAYOUT_MIN, WEB_RAIL_BELOW, WEB_RAIL_WIDTH } from './lib/adaptiveLayout';
241
+ export type { AppAside, AppAsideState, AppNavigation, AppPresentation, WideLayout } from './lib/adaptiveLayout';
223
242
  export { default as AppTabBar } from './components/app/app-tab-bar/AppTabBar.vue';
224
243
  export type { AppTabBarItem } from './components/app/app-tab-bar/AppTabBar.vue';
225
244
  export { ensureDeviceViewport } from './lib/deviceViewport';
245
+ export { KEYBOARD_THRESHOLD, useVisualViewport } from './composables/visualViewport';
246
+ export type { VisualViewportState } from './composables/visualViewport';
247
+ export { focusWithoutScroll, useSoftKeyboard } from './composables/softKeyboard';
248
+ export { BACK_DISMISS_STATE_KEY, useBackDismiss } from './composables/backDismiss';
249
+ export type { BackDismissOptions } from './composables/backDismiss';
226
250
  export { default as AppSidebar } from './components/app/app-sidebar/AppSidebar.vue';
227
251
  export { default as AppSidebarUser } from './components/app/app-sidebar/AppSidebarUser.vue';
228
252
  export type { AppSidebarGroup, AppSidebarItem } from './components/app/app-sidebar/AppSidebar.vue';
@@ -269,6 +293,12 @@ export type { AffixFix, AffixPlacement } from './components/primitives/affix/aff
269
293
  export { default as OverflowToolbar } from './components/composite/overflow-toolbar/OverflowToolbar.vue';
270
294
  export { computeOverflowFit, ITEM_GAP } from './components/composite/overflow-toolbar/overflow';
271
295
  export type { OverflowToolbarItem, OverflowToolbarMenuEntry, OverflowToolbarMoreMenu, OverflowToolbarMoreState, OverflowToolbarMoreText, } from './components/composite/overflow-toolbar/types';
296
+ export { MOTION_OFF_SELECTOR, motionMs, motionOff, transitionMs, useInsertedKeys, useSwapMotion } from './lib/motion';
297
+ export type { InsertedKeysOptions, MotionToken } from './lib/motion';
298
+ export { COMPOSITION_END_GRACE_MS, createCompositionGuard, createEditSession, createFocusOwner, DIALOG_SELECTOR, DRAG_THRESHOLD_PX, dropIndexAt, editSessionOutside, focusSync, IGNORE_OUTSIDE_ATTR, IGNORE_OUTSIDE_SELECTOR, isComposingKey, isInForeignDialog, isPrintableKey, outsideLayerCount, pathInForeignDialog, registerOutsideLayer, swallowNextClick, trackPointerGesture, useEditSession, useOutsideLayer, usePointerGesture, } from './interaction';
299
+ export type { CompositionGuard, EditCommitResult, EditSession, EditSessionOptions, EditSessionState, FocusOwner, GestureAxis, GestureCancelReason, OutsideLayer, OutsideLayerOptions, OutsideResult, PointerGesture, PointerGestureOptions, PointerGestureState, } from './interaction';
300
+ export { AUTO_SCROLL_MAX_SPEED, AUTO_SCROLL_MIN_ZONE_PX, AUTO_SCROLL_ZONE_PERCENT, createAutoScroll, createDragKit, DND_GHOST_ATTR, DND_INDEX_ATTR, DND_KEY_ATTR, DND_LANE_ATTR, DND_STATE_ATTR, edgeSpeed, gridGeometry as dragGridGeometry, listGeometry as dragListGeometry, measuredGeometry as dragMeasuredGeometry, SWAP_LOCK_MS, TOUCH_HOLD_MS, TOUCH_HOLD_TOLERANCE_PX, useDragKit, } from './dnd';
301
+ export type { Arrangement as DragArrangement, AutoScroll, AutoScrollOptions, Axis as DragAxis, DragDrop, DragItemBinding, DragKey, DragKit, DragKitOptions, DragLaneOptions, DragMode, DragPhase, DragPlaceholder, DragPosition, DragState, LaneGeometry as DragLaneGeometry, LaneLayout as DragLaneLayout, Rect as DragRect, UseDragKit, } from './dnd';
272
302
  export type { UiLocale } from './i18n/locale';
273
303
  export { detectUiLocale, toUiLocale, UI_LOCALES } from './i18n/locale';
274
304
  export { useUiText } from './i18n/text';