@dxos/react-ui-list 0.9.1-main.c7dcc2e112 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-list",
-  "version": "0.9.1-main.c7dcc2e112",
+  "version": "0.10.0",
   "description": "A list component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -32,37 +32,38 @@
     "@fluentui/react-tabster": "9.26.11",
     "@radix-ui/react-accordion": "1.2.3",
     "@radix-ui/react-context": "1.1.1",
+    "@radix-ui/react-primitive": "2.0.2",
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@dxos/debug": "0.9.1-main.c7dcc2e112",
-    "@dxos/echo": "0.9.1-main.c7dcc2e112",
-    "@dxos/invariant": "0.9.1-main.c7dcc2e112",
-    "@dxos/react-list": "0.9.1-main.c7dcc2e112",
-    "@dxos/react-ui": "0.9.1-main.c7dcc2e112",
-    "@dxos/log": "0.9.1-main.c7dcc2e112",
-    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112",
-    "@dxos/ui-types": "0.9.1-main.c7dcc2e112",
-    "@dxos/util": "0.9.1-main.c7dcc2e112"
+    "@dxos/debug": "0.10.0",
+    "@dxos/echo": "0.10.0",
+    "@dxos/invariant": "0.10.0",
+    "@dxos/log": "0.10.0",
+    "@dxos/react-ui": "0.10.0",
+    "@dxos/ui-theme": "0.10.0",
+    "@dxos/react-list": "0.10.0",
+    "@dxos/ui-types": "0.10.0",
+    "@dxos/util": "0.10.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
-    "@types/react": "~19.2.7",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
     "resize-observer-polyfill": "^1.5.1",
     "vite": "^8.0.16",
-    "@dxos/random": "0.9.1-main.c7dcc2e112",
-    "@dxos/storybook-utils": "0.9.1-main.c7dcc2e112"
+    "@dxos/random": "0.10.0",
+    "@dxos/storybook-utils": "0.10.0"
   },
   "peerDependencies": {
-    "effect": "3.21.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.9.1-main.c7dcc2e112",
-    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112"
+    "effect": "3.21.4",
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7",
+    "@dxos/react-ui": "0.10.0",
+    "@dxos/ui-theme": "0.10.0"
   },
   "publishConfig": {
     "access": "public"

package/src/aspects/useListDisclosure.ts

@@ -29,15 +29,15 @@ export type DisclosureItemBinding = {
   panelId: string;
   /** Spread onto the trigger element (button, title row, …). */
   triggerProps: {
-    id: string;
+    'id': string;
     'aria-expanded': boolean;
     'aria-controls': string;
-    onClick: (event: MouseEvent) => void;
+    'onClick': (event: MouseEvent) => void;
   };
   /** Spread onto the disclosed panel; carries role=region for SR navigation. */
   panelProps: {
-    id: string;
-    role: 'region';
+    'id': string;
+    'role': 'region';
     'aria-labelledby': string;
   };
 };
@@ -141,14 +141,14 @@ export const useListDisclosure: {
         triggerId,
         panelId,
         triggerProps: {
-          id: triggerId,
+          'id': triggerId,
           'aria-expanded': expanded,
           'aria-controls': panelId,
-          onClick: () => setExpanded(id, !expanded),
+          'onClick': () => setExpanded(id, !expanded),
         },
         panelProps: {
-          id: panelId,
-          role: 'region',
+          'id': panelId,
+          'role': 'region',
           'aria-labelledby': triggerId,
         },
       };

package/src/aspects/useListNavigation.ts

@@ -45,17 +45,17 @@ export type UseListNavigationReturn = {
    * stable contract.
    */
   containerProps: TabsterDOMAttribute & {
-    role: ContainerRole;
+    'role': ContainerRole;
     'aria-orientation'?: 'vertical' | 'horizontal';
-    onFocus: (event: FocusEvent<HTMLElement>) => void;
+    'onFocus': (event: FocusEvent<HTMLElement>) => void;
   };
   /**
    * Apply to each item. Returns role, tabIndex, and aria-disabled. Disabled options remain
    * focusable so screen readers can announce them, per WAI-ARIA listbox guidance.
    */
   itemProps: (opts?: { disabled?: boolean }) => {
-    role: ItemRole;
-    tabIndex: number;
+    'role': ItemRole;
+    'tabIndex': number;
     'aria-disabled'?: true;
   };
 };
@@ -96,9 +96,11 @@ const findListboxEntryTarget = (container: HTMLElement): HTMLElement | null => {
  * and adds a focus-on-entry redirect (Tabster handles traversal once focus is on a
  * child; first-entry is the consumer's responsibility).
  *
- * Canonical for all list-shaped surfaces (List, OrderedList, RowList, Tree,
- * Combobox.List, Mosaic.Stack). Non-list focus zones — e.g. Composer's multi-pane
- * chrome — should keep their own Tabster wiring (Focus.Group).
+ * The canonical roving-tabindex keyboard aspect. Currently consumed by `Listbox` and
+ * `OrderedList`; `Tree` (Treegrid), `Picker`/`Combobox` (input-driven virtual focus), and
+ * `Mosaic.Stack` still ship bespoke navigation — see `react-ui-list/AUDIT.md` for the
+ * convergence analysis. Non-list focus zones — e.g. Composer's multi-pane chrome — keep
+ * their own Tabster wiring (`Focus.Group`).
  */
 export const useListNavigation = ({
   mode,

package/src/aspects/useListSelection.ts

@@ -30,8 +30,8 @@ export type SelectionItemBinding = {
   /** Spread onto the row element to bind click + focus + ARIA. */
   rowProps: {
     'aria-selected': boolean;
-    onClick: (event: MouseEvent) => void;
-    onFocus?: (event: FocusEvent) => void;
+    'onClick': (event: MouseEvent) => void;
+    'onFocus'?: (event: FocusEvent) => void;
   };
 };
 
@@ -46,7 +46,7 @@ const isMulti = (value: SingleValue | MultiValue): value is MultiValue => value
  * controllable value semantics; emits `aria-selected` + click/focus handlers per row.
  *
  * `single` mode: at most one selected id, selection follows focus by default. Matches the
- * existing `RowList` behaviour and the WAI-ARIA listbox single-select pattern.
+ * `Listbox` behaviour and the WAI-ARIA listbox single-select pattern.
  *
  * `multi` mode: tracks a `Set<string>`. Selection does NOT follow focus by default — multi
  * select usually pairs with an explicit toggle affordance (checkbox or keyboard Space) rather
@@ -129,7 +129,7 @@ export const useListSelection: {
         },
         rowProps: {
           'aria-selected': selected,
-          onClick: () => {
+          'onClick': () => {
             if (disabled) {
               return;
             }

package/src/components/Accordion/AccordionItem.tsx

@@ -9,12 +9,16 @@ import React, { type PropsWithChildren } from 'react';
 import { Icon, type ThemedClassName } from '@dxos/react-ui';
 import { mx } from '@dxos/ui-theme';
 
+import { listTheme } from '../List.theme';
+
 // See `AccordionRoot.tsx` for the rationale on `ListItemRecord = any`.
 type ListItemRecord = any;
 import { useAccordionContext } from './AccordionRoot';
 
 const ACCORDION_ITEM_NAME = 'AccordionItem';
 
+const styles = listTheme.styles();
+
 type AccordionItemContext<T extends ListItemRecord> = {
   item: T;
 };
@@ -31,29 +35,43 @@ export const AccordionItem = <T extends ListItemRecord>({ children, classNames,
 
   return (
     <AccordionItemProvider {...{ item }}>
-      <AccordionPrimitive.Item value={getId(item)} className={mx('overflow-hidden', classNames)}>
+      <AccordionPrimitive.Item value={getId(item)} className={styles.accordionItem({ class: mx(classNames) })}>
         {children}
       </AccordionPrimitive.Item>
     </AccordionItemProvider>
   );
 };
 
-export type AccordionItemHeaderProps = ThemedClassName<AccordionPrimitive.AccordionHeaderProps & { icon?: string }>;
+export type AccordionItemHeaderProps = ThemedClassName<
+  AccordionPrimitive.AccordionHeaderProps & {
+    icon?: string;
+    /** Apply `dx-hover` row styling on the trigger (off by default; mirrors `Listbox.Item`). */
+    hover?: boolean;
+  }
+>;
 
-export const AccordionItemHeader = ({ classNames, children, icon, ...props }: AccordionItemHeaderProps) => {
+export const AccordionItemHeader = ({ classNames, children, icon, hover, ...props }: AccordionItemHeaderProps) => {
   return (
     <AccordionPrimitive.Header {...props} className={mx(classNames)}>
       {/* `justify-between` pins the toggle caret to the trailing edge of the row regardless of
           the header content's intrinsic width — so the affordance lives at a predictable
           right-end position. The content wrapper grabs the remaining space. */}
-      <AccordionPrimitive.Trigger className='group flex items-center justify-between gap-2 p-2 dx-focus-ring-inset w-full text-start'>
-        {icon && <Icon icon={icon} size={4} />}
-        <span className='min-w-0 flex-1 truncate'>{children}</span>
-        <Icon
-          icon='ph--caret-right--regular'
-          size={4}
-          classNames='shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90'
-        />
+      <AccordionPrimitive.Trigger className={styles.accordionTrigger({ class: hover && 'dx-hover' })}>
+        {/* Leading icon and caret center within a single line-height band (`h-6`) so they sit on
+            the same centerline as the first line of the content, which may span multiple lines. */}
+        {icon && (
+          <span className={styles.accordionTriggerIcon()}>
+            <Icon icon={icon} size={4} />
+          </span>
+        )}
+        <div className={styles.accordionTriggerContent()}>{children}</div>
+        <span className={styles.accordionTriggerIcon()}>
+          <Icon
+            icon='ph--caret-right--regular'
+            size={4}
+            classNames='transition-transform duration-200 group-data-[state=open]:rotate-90'
+          />
+        </span>
       </AccordionPrimitive.Trigger>
     </AccordionPrimitive.Header>
   );
@@ -63,8 +81,8 @@ export type AccordionItemBodyProps = ThemedClassName<PropsWithChildren>;
 
 export const AccordionItemBody = ({ children, classNames }: AccordionItemBodyProps) => {
   return (
-    <AccordionPrimitive.Content className='overflow-hidden data-[state=closed]:animate-slide-up data-[state=open]:animate-slide-down'>
-      <div className={mx('p-2', classNames)}>{children}</div>
+    <AccordionPrimitive.Content className={styles.accordionBody()}>
+      <div className={styles.accordionBodyContent({ class: mx(classNames) })}>{children}</div>
     </AccordionPrimitive.Content>
   );
 };

package/src/components/Combobox/Combobox.tsx

@@ -40,8 +40,11 @@ import {
 import { composable, composableProps } from '@dxos/react-ui';
 import { mx } from '@dxos/ui-theme';
 
+import { listTheme } from '../List.theme';
 import { Picker, type PickerInputProps, type PickerItemProps } from '../Picker';
 
+const styles = listTheme.styles();
+
 const COMBOBOX_NAME = 'Combobox';
 const COMBOBOX_CONTENT_NAME = 'ComboboxContent';
 const COMBOBOX_ITEM_NAME = 'ComboboxItem';
@@ -125,19 +128,24 @@ const ComboboxRoot = ({
 // Filtering is caller-driven: pass already-matching <Combobox.Item> children.
 //
 
-type ComboboxContentProps = PopoverContentProps;
+type ComboboxContentProps = PopoverContentProps & {
+  /** Snap the highlight to the first item whenever the list changes (type-to-filter lists). */
+  resetSelectionOnChange?: boolean;
+};
 
-const ComboboxContent = composable<HTMLDivElement, ComboboxContentProps>(({ children, ...props }, forwardedRef) => {
-  const { modalId } = useComboboxContext(COMBOBOX_CONTENT_NAME);
+const ComboboxContent = composable<HTMLDivElement, ComboboxContentProps>(
+  ({ children, resetSelectionOnChange, ...props }, forwardedRef) => {
+    const { modalId } = useComboboxContext(COMBOBOX_CONTENT_NAME);
 
-  return (
-    <Popover.Content {...composableProps(props, { id: modalId })} ref={forwardedRef}>
-      <Popover.Viewport classNames='w-(--radix-popover-trigger-width)'>
-        <Picker.Root>{children}</Picker.Root>
-      </Popover.Viewport>
-    </Popover.Content>
-  );
-});
+    return (
+      <Popover.Content {...composableProps(props, { id: modalId })} ref={forwardedRef}>
+        <Popover.Viewport classNames='w-(--radix-popover-trigger-width)'>
+          <Picker.Root resetSelectionOnChange={resetSelectionOnChange}>{children}</Picker.Root>
+        </Popover.Viewport>
+      </Popover.Content>
+    );
+  },
+);
 
 ComboboxContent.displayName = COMBOBOX_CONTENT_NAME;
 
@@ -171,7 +179,7 @@ const ComboboxTrigger = forwardRef<HTMLButtonElement, ComboboxTriggerProps>(
         >
           {children ?? (
             <>
-              <span className={mx('font-normal text-start flex-1 min-w-0 truncate me-2', !value && 'text-subdued')}>
+              <span className={styles.comboboxTriggerText({ class: !value && 'text-subdued' })}>
                 {value || placeholder}
               </span>
               <Icon icon='ph--caret-down--bold' size={3} />
@@ -202,13 +210,7 @@ type ComboboxInputProps = ThemedClassName<
 >;
 
 const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(({ classNames, ...props }, forwardedRef) => {
-  return (
-    <Picker.Input
-      {...props}
-      classNames={['m-form-chrome mb-0 w-[calc(100%-2*var(--spacing-form-chrome))]', classNames]}
-      ref={forwardedRef}
-    />
-  );
+  return <Picker.Input {...props} classNames={styles.comboboxInput({ class: classNames })} ref={forwardedRef} />;
 });
 
 ComboboxInput.displayName = 'Combobox.Input';
@@ -223,7 +225,7 @@ const ComboboxList = forwardRef<HTMLDivElement, ComboboxListProps>(
   ({ classNames, children, ...props }, forwardedRef) => {
     return (
       <ScrollArea.Root
-        {...composableProps(props, { classNames: ['py-form-chrome', classNames] })}
+        {...composableProps(props, { classNames: styles.comboboxList({ class: classNames }) })}
         role='listbox'
         centered
         padding
@@ -248,6 +250,8 @@ type ComboboxItemProps = ThemedClassName<
     value: string;
     /** Display label (used when `children` are not provided). */
     label?: string;
+    /** Optional secondary line shown beneath the label (muted, smaller). */
+    description?: string;
     /** Optional icon id (Phosphor) shown before the label. */
     icon?: string;
     /** Additional class names for the icon. */
@@ -272,6 +276,7 @@ const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(
       onSelect,
       value,
       label,
+      description,
       icon,
       iconClassNames,
       checked,
@@ -299,21 +304,24 @@ const ComboboxItem = forwardRef<HTMLDivElement, ComboboxItemProps>(
         disabled={disabled}
         onSelect={handleSelect}
         ref={forwardedRef}
-        classNames={[
-          // Full width inside the viewport (no horizontal margin).
-          // `px-3 py-1`, `cursor-pointer`, `select-none` and the
-          // `dx-hover` / `dx-selected` pairing come from `Picker.Item`'s
-          // defaults; we only add the row-shape (flex / icons + label)
-          // and the disabled overrides on top.
-          'flex w-full gap-2 items-center',
-          disabled && 'hover:bg-transparent data-[selected=true]:bg-transparent',
-          classNames,
-        ]}
+        classNames={styles.comboboxItem({
+          // `px-3 py-1`, `cursor-pointer`, `select-none` and the `dx-hover` / `dx-selected`
+          // pairing come from `Picker.Item`'s defaults; the slot only adds row-shape (flex /
+          // icons + label). Disabled overrides are layered on per-instance.
+          class: mx(disabled && 'hover:bg-transparent data-[selected=true]:bg-transparent', classNames),
+        })}
       >
         {children ?? (
           <>
             {icon && <Icon icon={icon} classNames={iconClassNames} />}
-            <span className='w-0 grow truncate'>{label}</span>
+            {description ? (
+              <span className='w-0 grow flex flex-col'>
+                <span className='truncate'>{label}</span>
+                <span className={styles.comboboxItemDescription()}>{description}</span>
+              </span>
+            ) : (
+              <span className='w-0 grow truncate'>{label}</span>
+            )}
             {suffix && <span className='shrink-0 text-description'>{suffix}</span>}
             {checked && <Icon icon='ph--check--regular' />}
           </>
@@ -375,14 +383,14 @@ export const Combobox = {
 };
 
 export type {
-  ComboboxRootProps,
-  ComboboxPortalProps,
+  ComboboxArrowProps,
   ComboboxContentProps,
-  ComboboxTriggerProps,
-  ComboboxVirtualTriggerProps,
+  ComboboxEmptyProps,
   ComboboxInputProps,
-  ComboboxListProps,
   ComboboxItemProps,
-  ComboboxArrowProps,
-  ComboboxEmptyProps,
+  ComboboxListProps,
+  ComboboxPortalProps,
+  ComboboxRootProps,
+  ComboboxTriggerProps,
+  ComboboxVirtualTriggerProps,
 };

package/src/components/DropIndicator/DropIndicator.tsx

@@ -0,0 +1,74 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { type Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/types';
+import React, { type CSSProperties, type HTMLAttributes } from 'react';
+
+// Tailwind port of `@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box`. The atlaskit
+// React component `require`s a `.compiled.css` file, which crashes the node test loader (and
+// thus every node-tested plugin that transitively imports this list); this port is CSS-free
+// and theme-aware (`bg-accent-bg`). `react-ui-mosaic` keeps the atlaskit component. See
+// `react-ui-list/AUDIT.md` D4.
+
+type Orientation = 'horizontal' | 'vertical';
+
+const edgeToOrientationMap: Record<Edge, Orientation> = {
+  top: 'horizontal',
+  bottom: 'horizontal',
+  left: 'vertical',
+  right: 'vertical',
+};
+
+const orientationStyles: Record<Orientation, HTMLAttributes<HTMLElement>['className']> = {
+  horizontal:
+    'h-(--line-thickness) left-[calc(var(--line-inset)+var(--terminal-radius))] right-(--line-inset) before:left-(--terminal-inset)',
+  vertical:
+    'w-(--line-thickness) top-[calc(var(--line-inset)+var(--terminal-radius))] bottom-(--line-inset) before:top-(--terminal-inset)',
+};
+
+const edgeStyles: Record<Edge, HTMLAttributes<HTMLElement>['className']> = {
+  top: 'top-(--line-offset) before:top-(--offset-terminal)',
+  right: 'right-(--line-offset) before:right-(--offset-terminal)',
+  bottom: 'bottom-(--line-offset) before:bottom-(--offset-terminal)',
+  left: 'left-(--line-offset) before:left-(--offset-terminal)',
+};
+
+const strokeSize = 2;
+const terminalSize = 8;
+const offsetToAlignTerminalWithLine = (strokeSize - terminalSize) / 2;
+
+/** Props for {@link DropIndicator}. */
+export type DropIndicatorProps = {
+  edge: Edge;
+  gap?: number;
+  terminalInset?: number;
+  lineInset?: number;
+};
+
+/** Themed box-edge drop indicator (line + circular terminal) for pragmatic-dnd reorder. */
+export const DropIndicator = ({
+  edge,
+  gap = 0,
+  lineInset = 0,
+  terminalInset = lineInset - terminalSize,
+}: DropIndicatorProps) => {
+  const orientation = edgeToOrientationMap[edge];
+
+  return (
+    <div
+      style={
+        {
+          '--line-thickness': `${strokeSize}px`,
+          '--line-offset': `calc(-0.5 * (${gap}px + ${strokeSize}px))`,
+          '--line-inset': `${lineInset}px`,
+          '--terminal-size': `${terminalSize}px`,
+          '--terminal-radius': `${terminalSize / 2}px`,
+          '--terminal-inset': `${terminalInset}px`,
+          '--offset-terminal': `${offsetToAlignTerminalWithLine}px`,
+        } as CSSProperties
+      }
+      className={`absolute z-10 pointer-events-none bg-accent-bg before:content-[''] before:w-(--terminal-size) before:h-(--terminal-size) box-border before:box-border before:absolute before:border-[length:--line-thickness] before:border-solid before:border-accent-bg before:rounded-full ${orientationStyles[orientation]} ${edgeStyles[edge]}`}
+    />
+  );
+};

package/src/components/DropIndicator/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+export * from './DropIndicator';

package/src/components/Empty/Empty.stories.tsx

@@ -0,0 +1,37 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+
+import { withLayout, withTheme } from '@dxos/react-ui/testing';
+
+import { Empty, type EmptyProps } from './Empty';
+
+const meta = {
+  title: 'ui/react-ui-list/Empty',
+  component: Empty,
+  decorators: [withTheme(), withLayout({ layout: 'column' })],
+} satisfies Meta<typeof Empty>;
+
+export default meta;
+
+type Story = StoryObj<EmptyProps>;
+
+/** No label — falls back to the generic message. */
+export const Fallback: Story = {};
+
+/** Caller-supplied (already-translated) label. */
+export const WithLabel: Story = {
+  args: {
+    label: 'No automations',
+  },
+};
+
+/** Label plus a leading icon. */
+export const WithIcon: Story = {
+  args: {
+    label: 'No automations',
+    icon: 'ph--lightning--regular',
+  },
+};

package/src/components/Empty/Empty.tsx

@@ -0,0 +1,41 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import React, { type ReactNode } from 'react';
+
+import { Icon, composable, composableProps, useTranslation } from '@dxos/react-ui';
+import { osTranslations } from '@dxos/ui-theme';
+import { type ComposableProps } from '@dxos/ui-types';
+
+export type EmptyProps = ComposableProps<{
+  /** Message to show; caller is responsible for translating it. Falls back to a generic message when omitted. */
+  label?: ReactNode;
+  /** Optional Phosphor icon name shown above the message. */
+  icon?: string;
+}>;
+
+/**
+ * Empty-state placeholder for a list/collection: a subdued, centered message shown in place of the list
+ * when there are no items. Pass a domain-specific {@link EmptyProps.label} (already translated); when none is
+ * given it falls back to a generic "No items" message from the shared `os` translation namespace.
+ */
+export const Empty = composable<HTMLDivElement, EmptyProps>(({ label, icon, ...props }, forwardedRef) => {
+  const { t } = useTranslation(osTranslations);
+  // `defaultValue` keeps the fallback working even before a host registers the key, and leaves it translatable.
+  const message = label ?? t('empty.label', { defaultValue: 'No items' });
+  return (
+    <div
+      {...composableProps<HTMLDivElement>(props, {
+        classNames: 'flex flex-col items-center justify-center gap-2 p-4 text-sm text-center text-description',
+        role: 'status',
+      })}
+      ref={forwardedRef}
+    >
+      {icon && <Icon icon={icon} size={6} classNames='text-subdued' />}
+      <span>{message}</span>
+    </div>
+  );
+});
+
+Empty.displayName = 'Empty';

package/src/components/Empty/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+export * from './Empty';