@proyecto-viviana/solidaria-components 0.2.5 → 0.3.0

package/dist/useDragAndDrop.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Drag and drop compatibility hook for collection components.
+ *
+ * Mirrors RAC's `useDragAndDrop` shape while delegating to Solid
+ * state and aria primitives.
+ */
+import type { Accessor, JSX } from "solid-js";
+import { DragPreview } from "./DragPreview";
+import { ListDropTargetDelegate } from "./ListDropTargetDelegate";
+import { type DraggableCollectionOptions, type DraggableCollectionAria, type DraggableItemOptions, type DraggableItemAria, type DroppableCollectionOptions, type DroppableCollectionAria, type DroppableItemOptions, type DroppableItemAria, type DropTargetDelegate as AriaDropTargetDelegate } from "@proyecto-viviana/solidaria";
+import { type DragItem, type DragPreviewRenderer, type DraggableCollectionProps, type DraggableCollectionState, type DraggableCollectionStateOptions, type DropTarget, type DroppableCollectionProps, type DroppableCollectionState, type DroppableCollectionStateOptions } from "@proyecto-viviana/solid-stately";
+interface DraggableCollectionStateOpts<T = object> extends Omit<DraggableCollectionStateOptions<T>, "getItems"> {
+    items?: T[];
+}
+interface DragHooks<T = object> {
+    useDraggableCollectionState?: (props: DraggableCollectionStateOpts<T>) => DraggableCollectionState;
+    useDraggableCollection?: (props: Omit<DraggableCollectionOptions, "ref">, state: DraggableCollectionState, ref: Accessor<HTMLElement | null>) => DraggableCollectionAria;
+    useDraggableItem?: (props: DraggableItemOptions, state: DraggableCollectionState) => DraggableItemAria;
+    DragPreview?: typeof DragPreview;
+    renderDragPreview?: DragAndDropOptions<T>["renderDragPreview"];
+    isVirtualDragging?: () => boolean;
+}
+interface DropHooks {
+    useDroppableCollectionState?: (props: DroppableCollectionStateOptions) => DroppableCollectionState;
+    useDroppableCollection?: (props: Omit<DroppableCollectionOptions, "ref">, state: DroppableCollectionState, ref: Accessor<HTMLElement | null>) => DroppableCollectionAria;
+    useDroppableItem?: (options: Omit<DroppableItemOptions, "ref">, state: DroppableCollectionState, ref: Accessor<HTMLElement | null>) => DroppableItemAria;
+    useDropIndicator?: (props: {
+        target: DropTarget;
+    }, state: DroppableCollectionState, ref: Accessor<HTMLElement | null>) => {
+        dropIndicatorProps: JSX.HTMLAttributes<HTMLElement>;
+        isDropTarget: boolean;
+        isHidden: boolean;
+    };
+    renderDropIndicator?: (target: DropTarget) => JSX.Element;
+    dropTargetDelegate?: AriaDropTargetDelegate;
+    ListDropTargetDelegate?: typeof ListDropTargetDelegate;
+}
+export type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;
+export interface DragAndDrop<T = object> {
+    /** Drag and drop hooks for the collection element. */
+    dragAndDropHooks: DragAndDropHooks<T>;
+}
+export interface DragAndDropOptions<T = object> extends Partial<Omit<DraggableCollectionProps<T>, "preview">>, Partial<DroppableCollectionProps> {
+    /**
+     * Optional keyboard delegate forwarded to the collection droppable hook.
+     */
+    keyboardDelegate?: DroppableCollectionOptions["keyboardDelegate"];
+    /**
+     * Optional keydown handler composed with collection droppable keyboard behavior.
+     */
+    onKeyDown?: DroppableCollectionOptions["onKeyDown"];
+    /**
+     * A function that returns the items being dragged.
+     * If omitted, draggable hooks are not added.
+     */
+    getItems?: (keys: Set<string | number>, items: T[]) => DragItem[];
+    /**
+     * Optional custom drag preview renderer.
+     */
+    renderDragPreview?: (items: DragItem[]) => JSX.Element | {
+        element: JSX.Element;
+        x: number;
+        y: number;
+    };
+    /**
+     * Optional drop indicator renderer for collection components.
+     */
+    renderDropIndicator?: (target: DropTarget) => JSX.Element;
+    /**
+     * Optional custom drop target delegate.
+     */
+    dropTargetDelegate?: AriaDropTargetDelegate;
+    /**
+     * Optional drag preview ref.
+     */
+    preview?: {
+        current: DragPreviewRenderer | null;
+    };
+    /**
+     * Optional item snapshot used by draggable state `getItems`.
+     */
+    items?: T[];
+    /**
+     * Disable both drag and drop behavior.
+     */
+    isDisabled?: boolean;
+}
+/**
+ * Provides hooks to enable drag-and-drop behavior for collection components.
+ */
+export declare function useDragAndDrop<T = object>(options?: DragAndDropOptions<T>): DragAndDrop<T>;
+export {};
+//# sourceMappingURL=useDragAndDrop.d.ts.map

package/dist/useDragAndDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragAndDrop.d.ts","sourceRoot":"","sources":["../src/useDragAndDrop.ts"],"names":[],"mappings":"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"}

package/dist/utils.d.ts

@@ -2,7 +2,7 @@
  * Utility functions for solidaria-components
  * Port of react-aria-components/src/utils.tsx
  */
-import { type JSX, type Accessor, type FlowComponent, createContext } from 'solid-js';
+import { type JSX, type Accessor, type FlowComponent, type ParentComponent, createContext } from "solid-js";
 /**
  * Render props pattern - children can be a function that receives state
  */
@@ -33,6 +33,7 @@ export interface SlotProps {
     /** A slot name for the component. */
     slot?: string;
 }
+export declare const DEFAULT_SLOT = "default";
 /**
  * Return type for useRenderProps
  */
@@ -69,6 +70,7 @@ export interface RenderPropsResult<T> {
 export declare function useRenderProps<T extends object>(props: RenderPropsBase<T> & {
     defaultClassName?: string;
 }, values: Accessor<T>): RenderPropsResult<T>;
+export declare function composeRenderProps<T extends object>(base: RenderPropsBase<T> | undefined, override: RenderPropsBase<T> | undefined): RenderPropsBase<T>;
 /**
  * Context value that can be null or the actual value
  */
@@ -81,10 +83,14 @@ export declare function createSlottedContext<T>(): import("solid-js").Context<T
  * Use context with null check
  */
 export declare function useSlottedContext<T>(context: ReturnType<typeof createContext<T | null>>): T | null;
+export declare function useContextProps<TProps extends object, TRef>(props: TProps, ref: TRef, context?: ContextValue<Partial<TProps>>): [TProps, TRef];
+export declare const Provider: ParentComponent<{
+    values: Array<[ReturnType<typeof createContext<unknown>>, unknown]>;
+}>;
 /**
  * Converts boolean state values to data attributes
  */
-export declare function dataAttr(value: boolean | undefined): '' | undefined;
+export declare function dataAttr(value: boolean | undefined): "" | undefined;
 /**
  * Creates data attributes from render props
  */

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,aAAa,EAMd,MAAM,UAAU,CAAC;AAGlB;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAEhF;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,GAAG,CAAC,aAAa,CAAC,CAAC;AAE7F;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC7B,yGAAyG;IACzG,KAAK,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC/B,wGAAwG;IACxG,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,YAAY,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,gDAAgD;IAChD,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,gDAAgD;IAChD,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC/C;;;;;;;;;OASG;IACH,cAAc,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAClC,mFAAmF;IACnF,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACxC,uCAAuC;IACvC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,EACzD,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAClB,iBAAiB,CAAC,CAAC,CAAC,CAiCtB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EACjD,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,EACpC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,SAAS,GACvC,eAAe,CAAC,CAAC,CAAC,CAQpB;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAEvC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,0CAErC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,OAAO,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAClD,CAAC,GAAG,IAAI,CAEV;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,IAAI,EACzD,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAI,EACT,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GACtC,CAAC,MAAM,EAAE,IAAI,CAAC,CAGhB;AAED,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC;IACrC,MAAM,EAAE,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;CACrE,CAEA,CAAC;AAEF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,EAAE,GAAG,SAAS,CAEnE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACzF,MAAM,EAAE,CAAC,GACR,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAYpC;AAMD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAUnF;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvE,KAAK,EAAE,MAAM,EACb,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAO,GACjC,CAAC,CAqCH;AAED,MAAM,WAAW,eAAe;IAC9B,gDAAgD;IAChD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,eAAe,CAmBrD,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,CAiBjD"}

package/dist/virtualizer/Layout.d.ts

@@ -0,0 +1,79 @@
+import type { Key } from "@proyecto-viviana/solid-stately";
+export interface InvalidationContext<O = unknown> {
+    contentChanged?: boolean;
+    offsetChanged?: boolean;
+    sizeChanged?: boolean;
+    itemSizeChanged?: boolean;
+    layoutOptionsChanged?: boolean;
+    layoutOptions?: O;
+}
+export declare class Point {
+    x: number;
+    y: number;
+    constructor(x?: number, y?: number);
+    copy(): Point;
+    equals(point: Point): boolean;
+    isOrigin(): boolean;
+}
+export declare class Size {
+    width: number;
+    height: number;
+    constructor(width?: number, height?: number);
+    copy(): Size;
+    equals(other: Size): boolean;
+    get area(): number;
+}
+export declare class Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    constructor(x?: number, y?: number, width?: number, height?: number);
+    get maxX(): number;
+    get maxY(): number;
+    get area(): number;
+    get topLeft(): Point;
+    get topRight(): Point;
+    get bottomLeft(): Point;
+    get bottomRight(): Point;
+    intersects(rect: Rect): boolean;
+    containsRect(rect: Rect): boolean;
+    containsPoint(point: Point): boolean;
+    union(other: Rect): Rect;
+    intersection(other: Rect): Rect;
+    copy(): Rect;
+    equals(rect: Rect): boolean;
+}
+export declare class LayoutInfo {
+    type: string;
+    key: Key;
+    rect: Rect;
+    parentKey: Key | null;
+    content: unknown;
+    estimatedSize: boolean;
+    isSticky: boolean;
+    opacity: number;
+    transform: string | null;
+    zIndex: number;
+    allowOverflow: boolean;
+    constructor(type: string, key: Key, rect: Rect);
+    copy(): LayoutInfo;
+}
+interface VirtualizerLike {
+    visibleRect: Rect;
+}
+export declare abstract class Layout<T extends object = object, O = unknown> {
+    virtualizer: VirtualizerLike | null;
+    abstract getVisibleLayoutInfos(rect: Rect): LayoutInfo[];
+    abstract getLayoutInfo(key: Key): LayoutInfo | null;
+    abstract getContentSize(): Size;
+    shouldInvalidate(newRect: Rect, oldRect: Rect): boolean;
+    shouldInvalidateLayoutOptions(newOptions: O, oldOptions: O): boolean;
+    update(_context: InvalidationContext<O>): void;
+    updateItemSize?(_key: Key, _size: Size): boolean;
+    getDropTargetLayoutInfo?(_target: unknown): LayoutInfo | null;
+    protected getItemRect(key: Key): Rect | null;
+    getVisibleRect(): Rect;
+}
+export {};
+//# sourceMappingURL=Layout.d.ts.map

package/dist/virtualizer/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/virtualizer/Layout.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,53 +1,54 @@
 {
   "name": "@proyecto-viviana/solidaria-components",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "description": "Pre-wired headless components for SolidJS - port of react-aria-components",
+  "keywords": [
+    "accessibility",
+    "aria",
+    "components",
+    "headless",
+    "solid",
+    "solidjs"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/proyecto-viviana/ui.git",
+    "directory": "packages/solidaria-components"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "solid": "./src/index.ts",
+      "solid": "./dist/index.jsx",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     }
   },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "tsup && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
-    "dev": "tsup --watch",
-    "prepublishOnly": "echo 'Use deno task release from root'"
+  "publishConfig": {
+    "access": "public"
   },
   "dependencies": {
-    "@proyecto-viviana/solidaria": "^0.2.5",
-    "@proyecto-viviana/solid-stately": "^0.2.4"
-  },
-  "peerDependencies": {
-    "solid-js": "^1.9.0"
+    "@internationalized/date": "^3.8.0",
+    "@proyecto-viviana/solidaria": "0.3.0",
+    "@proyecto-viviana/solid-stately": "0.3.0"
   },
   "devDependencies": {
-    "solid-js": "^1.9.10"
+    "solid-js": "^1.9.11"
   },
-  "keywords": [
-    "solid",
-    "solidjs",
-    "accessibility",
-    "aria",
-    "headless",
-    "components"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/proyecto-viviana/proyecto-viviana"
+  "peerDependencies": {
+    "solid-js": "^1.9.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "scripts": {
+    "build": "rm -rf dist && tsdown && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
+    "dev": "tsup --watch"
   }
-}
+}

package/src/ActionBar.tsx

@@ -0,0 +1,251 @@
+/**
+ * ActionBar component for solidaria-components
+ *
+ * Headless action bar that appears when items are selected in a collection.
+ * Shows a selection count, clear button, and action buttons.
+ *
+ * No RAC headless equivalent — this is a thin component layer that ties
+ * selection state to visibility and keyboard behavior.
+ */
+
+import {
+  type JSX,
+  type ParentProps,
+  Show,
+  createContext,
+  createMemo,
+  createEffect,
+  splitProps,
+  useContext,
+} from "solid-js";
+import { announce, createToolbar } from "@proyecto-viviana/solidaria";
+import type { Key } from "@proyecto-viviana/solid-stately";
+import {
+  type ClassNameOrFunction,
+  type StyleOrFunction,
+  type SlotProps,
+  useRenderProps,
+  filterDOMProps,
+} from "./utils";
+
+type RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;
+
+function assignRef<T>(ref: RefLike<T>, el: T): void {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    ref(el);
+  } else {
+    ref.current = el;
+  }
+}
+
+export interface ActionBarRenderProps {
+  /** Whether the action bar is visible. */
+  isOpen: boolean;
+  /** The number of selected items. */
+  selectedItemCount: number | "all";
+}
+
+export interface ActionBarProps
+  extends
+    Omit<JSX.HTMLAttributes<HTMLDivElement>, "class" | "style" | "children" | "ref" | "slot">,
+    SlotProps {
+  /** The number of selected items. ActionBar is hidden when 0. @default 0 */
+  selectedItemCount?: number | "all";
+  /** Callback when the clear button is pressed. */
+  onClearSelection?: () => void;
+  /** Callback when an action is triggered. */
+  onAction?: (key: Key) => void;
+  /** The action buttons to display. */
+  children?: JSX.Element;
+  /** CSS class for the container. */
+  class?: ClassNameOrFunction<ActionBarRenderProps>;
+  /** Inline style for the container. */
+  style?: StyleOrFunction<ActionBarRenderProps>;
+  /** Accessible label for the action bar. @default 'Actions' */
+  "aria-label"?: string;
+  /** Identifies the element (or elements) that labels the action bar. */
+  "aria-labelledby"?: string;
+  /** Optional keydown handler on the action bar element. */
+  onKeyDown?: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent>;
+  /** Screen reader announcement when the action bar becomes available. */
+  actionsAvailableMessage?: string;
+  /** Ref for the underlying action bar element. */
+  ref?: RefLike<HTMLDivElement>;
+}
+
+export interface ActionBarContextValue {
+  selectedItemCount: () => number | "all";
+  onClearSelection?: () => void;
+  onAction?: (key: Key) => void;
+}
+
+export const ActionBarContext = createContext<ActionBarContextValue | null>(null);
+
+export function useActionBarContext(): ActionBarContextValue | null {
+  return useContext(ActionBarContext);
+}
+
+export function ActionBar(props: ActionBarProps): JSX.Element {
+  const [local, domProps] = splitProps(props, [
+    "selectedItemCount",
+    "onClearSelection",
+    "onAction",
+    "children",
+    "class",
+    "style",
+    "slot",
+    "aria-label",
+    "aria-labelledby",
+    "onKeyDown",
+    "actionsAvailableMessage",
+    "ref",
+  ]);
+
+  const selectedItemCount = () => local.selectedItemCount ?? 0;
+  const isOpen = () => selectedItemCount() !== 0;
+
+  const { toolbarProps } = createToolbar({
+    orientation: "horizontal",
+    get "aria-label"() {
+      return local["aria-label"] ?? (local["aria-labelledby"] ? undefined : "Actions");
+    },
+    get "aria-labelledby"() {
+      return local["aria-labelledby"];
+    },
+  });
+
+  let wasOpen = false;
+  createEffect(() => {
+    const open = isOpen();
+    if (open && !wasOpen) {
+      const message = local.actionsAvailableMessage ?? "Actions available.";
+      if (message) {
+        announce(message);
+      }
+    }
+    wasOpen = open;
+  });
+
+  const handleKeyDown: JSX.EventHandlerUnion<HTMLDivElement, KeyboardEvent> = (e) => {
+    const onKeyDown = local.onKeyDown as
+      | JSX.EventHandler<HTMLDivElement, KeyboardEvent>
+      | undefined;
+    onKeyDown?.(e);
+    if (e.defaultPrevented) {
+      return;
+    }
+
+    if (e.key === "Escape" && isOpen()) {
+      e.preventDefault();
+      e.stopPropagation();
+      local.onClearSelection?.();
+    }
+  };
+
+  const renderProps = useRenderProps(
+    {
+      children: undefined,
+      class: local.class,
+      style: local.style,
+      defaultClassName: "solidaria-ActionBar",
+    },
+    () => ({
+      isOpen: isOpen(),
+      selectedItemCount: selectedItemCount(),
+    }),
+  );
+
+  const filteredDOMProps = createMemo(() =>
+    filterDOMProps(domProps as Record<string, unknown>, { global: true }),
+  );
+
+  const contextValue = createMemo<ActionBarContextValue>(() => ({
+    selectedItemCount,
+    onClearSelection: local.onClearSelection,
+    onAction: local.onAction,
+  }));
+
+  return (
+    <Show when={isOpen()}>
+      <ActionBarContext.Provider value={contextValue()}>
+        <div
+          {...filteredDOMProps()}
+          {...toolbarProps}
+          class={renderProps.class()}
+          style={renderProps.style()}
+          slot={local.slot}
+          data-open={isOpen() || undefined}
+          onKeyDown={handleKeyDown}
+          ref={(el) => assignRef(local.ref, el)}
+        >
+          {local.children}
+        </div>
+      </ActionBarContext.Provider>
+    </Show>
+  );
+}
+
+export interface ActionBarContainerProps extends ParentProps {
+  class?: string;
+  style?: JSX.CSSProperties;
+}
+
+/**
+ * Container that positions a collection and its ActionBar.
+ */
+export function ActionBarContainer(props: ActionBarContainerProps): JSX.Element {
+  return (
+    <div
+      class={props.class ?? "solidaria-ActionBarContainer"}
+      style={{ position: "relative", ...props.style }}
+    >
+      {props.children}
+    </div>
+  );
+}
+
+export interface ActionBarSelectionCountProps {
+  class?: string;
+}
+
+/**
+ * Displays the count of selected items.
+ */
+export function ActionBarSelectionCount(props: ActionBarSelectionCountProps): JSX.Element {
+  const ctx = useActionBarContext();
+
+  const text = () => {
+    if (!ctx) return "";
+    const count = ctx.selectedItemCount();
+    if (count === "all") return "All selected";
+    if (count === 0) return "None selected";
+    return `${count} selected`;
+  };
+
+  return <span class={props.class}>{text()}</span>;
+}
+
+export interface ActionBarClearButtonProps {
+  class?: string;
+  children?: JSX.Element;
+  "aria-label"?: string;
+}
+
+/**
+ * Button to clear the current selection.
+ */
+export function ActionBarClearButton(props: ActionBarClearButtonProps): JSX.Element {
+  const ctx = useActionBarContext();
+
+  return (
+    <button
+      type="button"
+      aria-label={props["aria-label"] ?? "Clear selection"}
+      class={props.class}
+      onClick={() => ctx?.onClearSelection?.()}
+    >
+      {props.children ?? "\u2715"}
+    </button>
+  );
+}