@proyecto-viviana/solidaria-components 0.2.5 → 0.2.9

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,6 +83,10 @@ 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
  */

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"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,aAAa,EAMd,MAAM,UAAU,CAAC;AAOlB;;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;AAMD;;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,CAgCtB;AAMD;;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,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAElG;AAMD;;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;AAUD;;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,CA4BH;AAMD,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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"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"}

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,6 +1,6 @@
 {
   "name": "@proyecto-viviana/solidaria-components",
-  "version": "0.2.5",
+  "version": "0.2.9",
   "description": "Pre-wired headless components for SolidJS - port of react-aria-components",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,17 +22,18 @@
   "scripts": {
     "build": "tsup && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
     "dev": "tsup --watch",
-    "prepublishOnly": "echo 'Use deno task release from root'"
+    "prepublishOnly": "echo 'Use the root Changesets npm release workflow'"
   },
   "dependencies": {
-    "@proyecto-viviana/solidaria": "^0.2.5",
-    "@proyecto-viviana/solid-stately": "^0.2.4"
+    "@internationalized/date": "^3.8.0",
+    "@proyecto-viviana/solidaria": "^0.2.8",
+    "@proyecto-viviana/solid-stately": "^0.2.7"
   },
   "peerDependencies": {
     "solid-js": "^1.9.0"
   },
   "devDependencies": {
-    "solid-js": "^1.9.10"
+    "solid-js": "^1.9.11"
   },
   "keywords": [
     "solid",
@@ -45,7 +46,8 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/proyecto-viviana/proyecto-viviana"
+    "url": "git+https://github.com/proyecto-viviana/proyecto-viviana.git",
+    "directory": "packages/solidaria-components"
   },
   "publishConfig": {
     "access": "public"

package/src/ActionBar.tsx

@@ -0,0 +1,248 @@
+/**
+ * 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';
+
+// ============================================
+// TYPES
+// ============================================
+
+export interface ActionBarRenderProps {
+  /** Whether the action bar is visible. */
+  isOpen: boolean;
+  /** The number of selected items. */
+  selectedItemCount: number | 'all';
+}
+
+export interface ActionBarProps extends SlotProps {
+  /** The number of selected items. ActionBar is hidden when 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>;
+}
+
+// ============================================
+// CONTEXT
+// ============================================
+
+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);
+}
+
+// ============================================
+// ACTIONBAR COMPONENT
+// ============================================
+
+export function ActionBar(props: ActionBarProps): JSX.Element {
+  const [local, domProps] = splitProps(props, [
+    'selectedItemCount',
+    'onClearSelection',
+    'onAction',
+    'children',
+    'class',
+    'style',
+    'slot',
+    'aria-label',
+    'aria-labelledby',
+    'onKeyDown',
+  ]);
+
+  const isOpen = () => local.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;
+  // Announce only when transitioning from closed -> open.
+  createEffect(() => {
+    const open = isOpen();
+    if (open && !wasOpen) {
+      announce('Actions available.');
+    }
+    wasOpen = open;
+  });
+
+  // Escape key to clear selection
+  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: local.selectedItemCount,
+    })
+  );
+
+  const filteredDOMProps = createMemo(() => filterDOMProps(domProps as Record<string, unknown>, { global: true }));
+
+  const contextValue = createMemo<ActionBarContextValue>(() => ({
+    selectedItemCount: () => local.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}
+        >
+          {local.children}
+        </div>
+      </ActionBarContext.Provider>
+    </Show>
+  );
+}
+
+// ============================================
+// ACTIONBAR CONTAINER
+// ============================================
+
+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>
+  );
+}
+
+// ============================================
+// SELECTION COUNT
+// ============================================
+
+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>;
+}
+
+// ============================================
+// CLEAR BUTTON
+// ============================================
+
+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>
+  );
+}