@smwb/ui-solid 0.10.0 → 0.11.1

package/dist/headless/source/connects/rt/table/table.jsx

@@ -0,0 +1,183 @@
+import { For, Show, createMemo, createSignal, splitProps } from "solid-js";
+import {
+  createSolidTable,
+  flexRender,
+  getCoreRowModel,
+  getExpandedRowModel,
+  getPaginationRowModel,
+  getSortedRowModel
+} from "@tanstack/solid-table";
+import {
+  Table as SmwbTable,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeadCell,
+  TableRow
+} from "../../../components/dataDisplay/table";
+import { ProgressIndicator } from "../../../components/feedBack/progressIndicator";
+import { Message } from "../../../components/feedBack/message";
+function Table(props) {
+  const [local, rest] = splitProps(props, [
+    "data",
+    "columns",
+    "sortable",
+    "defaultSorting",
+    "onSortingChange",
+    "withPagination",
+    "isInfinite",
+    "limit",
+    "limitOptions",
+    "onNextPage",
+    "onPrevPage",
+    "expandable",
+    "getRowCanExpand",
+    "renderSubComponent",
+    "cellAlign",
+    "error",
+    "onHeadCellClick",
+    "onBodyRowClick",
+    "isLoading"
+  ]);
+  const limit = () => local.limit ?? 5;
+  const [sorting, setSorting] = createSignal(local.defaultSorting ?? []);
+  const table = createSolidTable({
+    get data() {
+      return local.data;
+    },
+    get columns() {
+      return local.columns;
+    },
+    state: {
+      get sorting() {
+        return sorting();
+      }
+    },
+    initialState: { pagination: { pageIndex: 0, pageSize: limit() } },
+    manualPagination: local.isInfinite,
+    getCoreRowModel: getCoreRowModel(),
+    onSortingChange: (updater) => {
+      const next = typeof updater === "function" ? updater(sorting()) : updater;
+      setSorting(next);
+      local.onSortingChange?.(next);
+    },
+    get getSortedRowModel() {
+      return local.sortable ? getSortedRowModel() : void 0;
+    },
+    get getPaginationRowModel() {
+      return local.withPagination ? getPaginationRowModel() : void 0;
+    },
+    get getExpandedRowModel() {
+      return local.expandable ? getExpandedRowModel() : void 0;
+    },
+    get getRowCanExpand() {
+      return local.expandable ? local.getRowCanExpand : void 0;
+    }
+  });
+  const pagination = createMemo(() => {
+    if (!local.withPagination) return void 0;
+    const state = table.getState().pagination;
+    const base = {
+      limit: state.pageSize,
+      page: state.pageIndex + 1,
+      limitOptions: local.limitOptions ?? [5, 10, 15],
+      onNext: () => {
+        table.nextPage();
+        local.onNextPage?.();
+      },
+      onPrev: () => {
+        table.previousPage();
+        local.onPrevPage?.();
+      },
+      onLimitChange: (value) => table.setPageSize(value)
+    };
+    return local.isInfinite ? { ...base, hasNextPage: local.data.length >= state.pageSize } : { ...base, totalCount: table.getFilteredRowModel().rows.length };
+  });
+  const columnCount = () => table.getVisibleFlatColumns().length || 1;
+  const paginationProp = createMemo(() => {
+    const settings = pagination();
+    return settings ? { paginationSettings: settings } : {};
+  });
+  const align = () => local.cellAlign ?? "left";
+  return <SmwbTable
+    {...rest}
+    {...paginationProp()}
+    isLoading={local.isLoading ?? false}
+    hovered={!!local.onBodyRowClick}
+  >
+      <TableHead>
+        <For each={table.getHeaderGroups()}>
+          {(headerGroup) => <TableRow>
+              <For each={headerGroup.headers}>
+                {(header) => {
+    const canSort = () => !!local.sortable && header.column.getCanSort();
+    return <TableHeadCell
+      cellAlign={align()}
+      sortable={canSort()}
+      sortDirection={header.column.getIsSorted() || false}
+      onSort={() => {
+        if (canSort()) header.column.toggleSorting();
+      }}
+      onClick={() => {
+        local.onHeadCellClick?.(header.column.columnDef);
+      }}
+      {...header.getSize() ? { style: { width: `${header.getSize()}px` } } : {}}
+    >
+                      <Show when={!header.isPlaceholder}>
+                        {flexRender(header.column.columnDef.header, header.getContext())}
+                      </Show>
+                    </TableHeadCell>;
+  }}
+              </For>
+            </TableRow>}
+        </For>
+      </TableHead>
+
+      <TableBody>
+        <Show
+    when={!local.isLoading}
+    fallback={<TableRow class="smwb-table__loader__row">
+              <TableCell class="smwb-table__loader" colSpan={columnCount()}>
+                <ProgressIndicator variant="circular" type="indeterminate" />
+              </TableCell>
+            </TableRow>}
+  >
+          <Show
+    when={!local.error}
+    fallback={<TableRow class="smwb-table__loader__row">
+                <TableCell class="smwb-table__loader" colSpan={columnCount()}>
+                  <Message variant="filled" type="error">
+                    {local.error}
+                  </Message>
+                </TableCell>
+              </TableRow>}
+  >
+            <For each={table.getRowModel().rows}>
+              {(row) => <>
+                  <TableRow onClick={(event) => local.onBodyRowClick?.(row, event)}>
+                    <For each={row.getVisibleCells()}>
+                      {(cell) => <TableCell cellAlign={align()} {...cell.column.columnDef.meta?.cellProps}>
+                          {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                        </TableCell>}
+                    </For>
+                  </TableRow>
+                  <Show when={row.getIsExpanded() && local.renderSubComponent}>
+                    <TableRow>
+                      <TableCell colSpan={row.getVisibleCells().length}>
+                        {local.renderSubComponent?.({ row })}
+                      </TableCell>
+                    </TableRow>
+                  </Show>
+                </>}
+            </For>
+          </Show>
+        </Show>
+      </TableBody>
+    </SmwbTable>;
+}
+var table_default = Table;
+export {
+  Table,
+  table_default as default
+};
+//# sourceMappingURL=table.jsx.map

package/dist/headless/source/connects/rt/table/table.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/connects/rt/table/table.tsx"],"sourcesContent":["import { For, Show, createMemo, createSignal, splitProps, type JSX } from \"solid-js\";\nimport {\n  createSolidTable,\n  flexRender,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type Row,\n  type RowData,\n  type SortingState,\n  type TableOptions,\n} from \"@tanstack/solid-table\";\n\nimport {\n  Table as SmwbTable,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeadCell,\n  TableRow,\n  type SortDirection,\n  type TableProps as SmwbTableProps,\n  type TablePaginationProps,\n} from \"../../../components/dataDisplay/table\";\nimport { ProgressIndicator } from \"../../../components/feedBack/progressIndicator\";\nimport { Message } from \"../../../components/feedBack/message\";\n\ndeclare module \"@tanstack/table-core\" {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface ColumnMeta<TData extends RowData, TValue> {\n    /** Extra attributes for every body cell of the column. */\n    cellProps?: JSX.ThHTMLAttributes<HTMLTableCellElement>;\n  }\n}\n\nexport interface RtTableProps<TData extends RowData, TValue = unknown> extends SmwbTableProps {\n  data: TData[];\n  columns: ColumnDef<TData, TValue>[];\n  /** Enables the sort affordance in head cells and the sorted row model. */\n  sortable?: boolean;\n  /** Initial sorting, e.g. `[{ id: \"name\", desc: false }]`. */\n  defaultSorting?: SortingState;\n  onSortingChange?: (sorting: SortingState) => void;\n  withPagination?: boolean;\n  /** Rows come from the outside page by page; the total is unknown. */\n  isInfinite?: boolean;\n  limit?: number;\n  limitOptions?: number[];\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n  expandable?: boolean;\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  renderSubComponent?: (props: { row: Row<TData> }) => JSX.Element;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  error?: string;\n  onHeadCellClick?: (column: ColumnDef<TData, TValue>) => void;\n  onBodyRowClick?: (row: Row<TData>, event: MouseEvent) => void;\n}\n\n/**\n * TanStack Table bound to the smwb table components.\n *\n * The connector owns only what the two sides must agree on — row models, the\n * sort affordance in the head cell, the pagination footer, and the loading /\n * error / empty rows. Everything else stays TanStack's: columns are plain\n * `ColumnDef`s and cells are rendered through `flexRender`, so any column\n * definition written against the React connector works here unchanged.\n *\n * `@tanstack/solid-table` is an optional peer: it ships with the connector's\n * subpath only, and a consumer that never imports the subpath never installs it.\n */\nexport function Table<TData extends RowData, TValue = unknown>(\n  props: RtTableProps<TData, TValue>\n): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"data\",\n    \"columns\",\n    \"sortable\",\n    \"defaultSorting\",\n    \"onSortingChange\",\n    \"withPagination\",\n    \"isInfinite\",\n    \"limit\",\n    \"limitOptions\",\n    \"onNextPage\",\n    \"onPrevPage\",\n    \"expandable\",\n    \"getRowCanExpand\",\n    \"renderSubComponent\",\n    \"cellAlign\",\n    \"error\",\n    \"onHeadCellClick\",\n    \"onBodyRowClick\",\n    \"isLoading\",\n  ]);\n\n  const limit = (): number => local.limit ?? 5;\n  const [sorting, setSorting] = createSignal<SortingState>(local.defaultSorting ?? []);\n\n  // Options are a getter object: Solid has no render pass to rebuild them on,\n  // so the table reads current data, columns and sorting on every access.\n  const table = createSolidTable({\n    get data() {\n      return local.data;\n    },\n    get columns() {\n      return local.columns;\n    },\n    state: {\n      get sorting() {\n        return sorting();\n      },\n    },\n    initialState: { pagination: { pageIndex: 0, pageSize: limit() } },\n    manualPagination: local.isInfinite,\n    getCoreRowModel: getCoreRowModel(),\n    onSortingChange: (updater) => {\n      const next = typeof updater === \"function\" ? updater(sorting()) : updater;\n      setSorting(next);\n      local.onSortingChange?.(next);\n    },\n    get getSortedRowModel() {\n      return local.sortable ? getSortedRowModel() : undefined;\n    },\n    get getPaginationRowModel() {\n      return local.withPagination ? getPaginationRowModel() : undefined;\n    },\n    get getExpandedRowModel() {\n      return local.expandable ? getExpandedRowModel() : undefined;\n    },\n    get getRowCanExpand() {\n      return local.expandable ? local.getRowCanExpand : undefined;\n    },\n  } as TableOptions<TData>);\n\n  const pagination = createMemo<TablePaginationProps | undefined>(() => {\n    if (!local.withPagination) return undefined;\n    const state = table.getState().pagination;\n    const base = {\n      limit: state.pageSize,\n      page: state.pageIndex + 1,\n      limitOptions: local.limitOptions ?? [5, 10, 15],\n      onNext: () => {\n        table.nextPage();\n        local.onNextPage?.();\n      },\n      onPrev: () => {\n        table.previousPage();\n        local.onPrevPage?.();\n      },\n      onLimitChange: (value: number) => table.setPageSize(value),\n    };\n    return local.isInfinite\n      ? { ...base, hasNextPage: local.data.length >= state.pageSize }\n      : { ...base, totalCount: table.getFilteredRowModel().rows.length };\n  });\n\n  const columnCount = (): number => table.getVisibleFlatColumns().length || 1;\n\n  // Spread instead of a prop: with exactOptionalPropertyTypes an explicit\n  // `undefined` is not the same as an absent prop, and the footer is absent\n  // whenever pagination is off.\n  const paginationProp = createMemo(() => {\n    const settings = pagination();\n    return settings ? { paginationSettings: settings } : {};\n  });\n\n  const align = (): \"left\" | \"right\" | \"center\" => local.cellAlign ?? \"left\";\n\n  return (\n    <SmwbTable\n      {...rest}\n      {...paginationProp()}\n      isLoading={local.isLoading ?? false}\n      hovered={!!local.onBodyRowClick}\n    >\n      <TableHead>\n        <For each={table.getHeaderGroups()}>\n          {(headerGroup) => (\n            <TableRow>\n              <For each={headerGroup.headers}>\n                {(header) => {\n                  const canSort = (): boolean => !!local.sortable && header.column.getCanSort();\n                  return (\n                    <TableHeadCell\n                      cellAlign={align()}\n                      sortable={canSort()}\n                      sortDirection={(header.column.getIsSorted() || false) as SortDirection}\n                      onSort={() => {\n                        if (canSort()) header.column.toggleSorting();\n                      }}\n                      onClick={() => {\n                        local.onHeadCellClick?.(header.column.columnDef);\n                      }}\n                      {...(header.getSize() ? { style: { width: `${header.getSize()}px` } } : {})}\n                    >\n                      <Show when={!header.isPlaceholder}>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                      </Show>\n                    </TableHeadCell>\n                  );\n                }}\n              </For>\n            </TableRow>\n          )}\n        </For>\n      </TableHead>\n\n      <TableBody>\n        <Show\n          when={!local.isLoading}\n          fallback={\n            <TableRow class=\"smwb-table__loader__row\">\n              <TableCell class=\"smwb-table__loader\" colSpan={columnCount()}>\n                <ProgressIndicator variant=\"circular\" type=\"indeterminate\" />\n              </TableCell>\n            </TableRow>\n          }\n        >\n          <Show\n            when={!local.error}\n            fallback={\n              <TableRow class=\"smwb-table__loader__row\">\n                <TableCell class=\"smwb-table__loader\" colSpan={columnCount()}>\n                  <Message variant=\"filled\" type=\"error\">\n                    {local.error}\n                  </Message>\n                </TableCell>\n              </TableRow>\n            }\n          >\n            <For each={table.getRowModel().rows}>\n              {(row) => (\n                <>\n                  <TableRow onClick={(event: MouseEvent) => local.onBodyRowClick?.(row, event)}>\n                    <For each={row.getVisibleCells()}>\n                      {(cell) => (\n                        <TableCell cellAlign={align()} {...cell.column.columnDef.meta?.cellProps}>\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </TableCell>\n                      )}\n                    </For>\n                  </TableRow>\n                  <Show when={row.getIsExpanded() && local.renderSubComponent}>\n                    <TableRow>\n                      <TableCell colSpan={row.getVisibleCells().length}>\n                        {local.renderSubComponent?.({ row })}\n                      </TableCell>\n                    </TableRow>\n                  </Show>\n                </>\n              )}\n            </For>\n          </Show>\n        </Show>\n      </TableBody>\n    </SmwbTable>\n  );\n}\n\nexport default Table;\n"],"mappings":"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","names":[],"file":"table.jsx"}

package/dist/source/components/dataDisplay/table/tableHeadCell.jsx

@@ -1,4 +1,4 @@
-import { mergeProps, splitProps } from "solid-js";
+import { Show, mergeProps, splitProps } from "solid-js";
 import cn from "clsx";
 import { Icon } from "../../base/icon";
 import { mergeRefs } from "../../../primitives/mergeRefs";
@@ -17,7 +17,7 @@ function TableHeadCell(props) {
   ]);
   const direction = () => local.sortDirection !== void 0 ? local.sortDirection : local.isSortedByAsc ? "asc" : local.isSortedByDesc ? "desc" : false;
   const ariaSort = () => local.sortable ? direction() === "asc" ? "ascending" : direction() === "desc" ? "descending" : "none" : void 0;
-  const iconName = () => direction() === "asc" ? "expand_more" : direction() === "desc" ? "expand_less" : "";
+  const iconName = () => direction() === "asc" ? "expand_more" : direction() === "desc" ? "expand_less" : "unfold_more";
   const onKeyDown = (event) => {
     if (local.sortable && local.onSort && (event.key === "Enter" || event.key === " ")) {
       event.preventDefault();
@@ -30,7 +30,8 @@ function TableHeadCell(props) {
     aria-sort={ariaSort()}
     class={cn("smwb-table__cell", "smwb-head-cell", local.class, {
       [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,
-      "smwb-head-cell_sortable": local.sortable
+      "smwb-head-cell_sortable": local.sortable,
+      "smwb-head-cell_sorted": !!local.sortable && direction() !== false
     })}
   >
       <span
@@ -41,7 +42,9 @@ function TableHeadCell(props) {
     tabindex={local.sortable ? 0 : void 0}
   >
         {local.children}
-        <Icon name={iconName()} size={18} weight={800} />
+        <Show when={local.sortable}>
+          <Icon class="smwb-head-cell__icon" name={iconName()} size={18} weight={800} />
+        </Show>
       </span>
     </th>;
 }

package/dist/source/components/dataDisplay/table/tableHeadCell.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /** Enables the interactive sort affordance with keyboard/aria support. */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\nexport function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"class\",\n    \"cellAlign\",\n    \"isSortedByAsc\",\n    \"isSortedByDesc\",\n    \"sortable\",\n    \"sortDirection\",\n    \"onSort\",\n    \"ref\",\n  ]);\n\n  const direction = (): SortDirection =>\n    local.sortDirection !== undefined ? local.sortDirection : local.isSortedByAsc ? \"asc\" : local.isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = (): \"ascending\" | \"descending\" | \"none\" | undefined =>\n    local.sortable ? (direction() === \"asc\" ? \"ascending\" : direction() === \"desc\" ? \"descending\" : \"none\") : undefined;\n\n  const iconName = (): string => (direction() === \"asc\" ? \"expand_more\" : direction() === \"desc\" ? \"expand_less\" : \"\");\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (local.sortable && local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  return (\n    <th\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      aria-sort={ariaSort()}\n      class={cn(\"smwb-table__cell\", \"smwb-head-cell\", local.class, {\n        [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,\n        \"smwb-head-cell_sortable\": local.sortable,\n      })}\n    >\n      <span\n        class=\"smwb-head-cell__content\"\n        onClick={local.sortable ? () => local.onSort?.() : undefined}\n        onKeyDown={local.sortable ? onKeyDown : undefined}\n        role={local.sortable ? \"button\" : undefined}\n        tabindex={local.sortable ? 0 : undefined}\n      >\n        {local.children}\n        <Icon name={iconName()} size={18} weight={800} />\n      </span>\n    </th>\n  );\n}\n\nexport default TableHeadCell;\n"],"mappings":"AAAA,SAAqC,YAAY,kBAAkB;AACnE,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,iBAA2B;AAmB7B,SAAS,cAAc,OAAqD;AACjF,QAAM,SAAS,WAAW,EAAE,WAAW,OAAgB,GAAG,KAAK;AAC/D,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,YAAY,MAChB,MAAM,kBAAkB,SAAY,MAAM,gBAAgB,MAAM,gBAAgB,QAAQ,MAAM,iBAAiB,SAAS;AAE1H,QAAM,WAAW,MACf,MAAM,WAAY,UAAU,MAAM,QAAQ,cAAc,UAAU,MAAM,SAAS,eAAe,SAAU;AAE5G,QAAM,WAAW,MAAe,UAAU,MAAM,QAAQ,gBAAgB,UAAU,MAAM,SAAS,gBAAgB;AAEjH,QAAM,YAA8D,CAAC,UAAU;AAC7E,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;AAClF,YAAM,eAAe;AACrB,YAAM,OAAO;AAAA,IACf;AAAA,EACF;AAEA,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,WAAW,SAAS;AAAA,IACpB,OAAO,GAAG,oBAAoB,kBAAkB,MAAM,OAAO;AAAA,MAC3D,CAAC,cAAc,MAAM,SAAS,EAAE,GAAG,CAAC,CAAC,MAAM;AAAA,MAC3C,2BAA2B,MAAM;AAAA,IACnC,CAAC;AAAA,GACF;AAAA,MACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS,MAAM,WAAW,MAAM,MAAM,SAAS,IAAI;AAAA,IACnD,WAAW,MAAM,WAAW,YAAY;AAAA,IACxC,MAAM,MAAM,WAAW,WAAW;AAAA,IAClC,UAAU,MAAM,WAAW,IAAI;AAAA,GAChC;AAAA,SACE,MAAM,SAAS;AAAA,QAChB,CAAC,KAAK,MAAM,SAAS,GAAG,MAAM,IAAI,QAAQ,KAAK,EAAE;AAAA,MACnD,EATC,KASM;AAAA,IACT,EAnBC;AAqBL;AAEA,IAAO,wBAAQ;","names":[],"file":"tableHeadCell.jsx"}
+{"version":3,"sources":["../../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /** Enables the interactive sort affordance with keyboard/aria support. */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\nexport function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"class\",\n    \"cellAlign\",\n    \"isSortedByAsc\",\n    \"isSortedByDesc\",\n    \"sortable\",\n    \"sortDirection\",\n    \"onSort\",\n    \"ref\",\n  ]);\n\n  const direction = (): SortDirection =>\n    local.sortDirection !== undefined ? local.sortDirection : local.isSortedByAsc ? \"asc\" : local.isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = (): \"ascending\" | \"descending\" | \"none\" | undefined =>\n    local.sortable ? (direction() === \"asc\" ? \"ascending\" : direction() === \"desc\" ? \"descending\" : \"none\") : undefined;\n\n  /**\n   * A sortable column always shows a marker: the current direction once sorted,\n   * and `unfold_more` before that — otherwise nothing tells the reader the column\n   * can be sorted at all. A cell that is not sortable shows nothing; it used to\n   * render an `<Icon name=\"\">`, which reserved a gap and warned about a missing\n   * icon under `source: \"smwb\"`.\n   */\n  const iconName = (): string =>\n    direction() === \"asc\" ? \"expand_more\" : direction() === \"desc\" ? \"expand_less\" : \"unfold_more\";\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (local.sortable && local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  return (\n    <th\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      aria-sort={ariaSort()}\n      class={cn(\"smwb-table__cell\", \"smwb-head-cell\", local.class, {\n        [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,\n        \"smwb-head-cell_sortable\": local.sortable,\n        \"smwb-head-cell_sorted\": !!local.sortable && direction() !== false,\n      })}\n    >\n      <span\n        class=\"smwb-head-cell__content\"\n        onClick={local.sortable ? () => local.onSort?.() : undefined}\n        onKeyDown={local.sortable ? onKeyDown : undefined}\n        role={local.sortable ? \"button\" : undefined}\n        tabindex={local.sortable ? 0 : undefined}\n      >\n        {local.children}\n        <Show when={local.sortable}>\n          <Icon class=\"smwb-head-cell__icon\" name={iconName()} size={18} weight={800} />\n        </Show>\n      </span>\n    </th>\n  );\n}\n\nexport default TableHeadCell;\n"],"mappings":"AAAA,SAAqC,MAAM,YAAY,kBAAkB;AACzE,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,iBAA2B;AAmB7B,SAAS,cAAc,OAAqD;AACjF,QAAM,SAAS,WAAW,EAAE,WAAW,OAAgB,GAAG,KAAK;AAC/D,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,YAAY,MAChB,MAAM,kBAAkB,SAAY,MAAM,gBAAgB,MAAM,gBAAgB,QAAQ,MAAM,iBAAiB,SAAS;AAE1H,QAAM,WAAW,MACf,MAAM,WAAY,UAAU,MAAM,QAAQ,cAAc,UAAU,MAAM,SAAS,eAAe,SAAU;AAS5G,QAAM,WAAW,MACf,UAAU,MAAM,QAAQ,gBAAgB,UAAU,MAAM,SAAS,gBAAgB;AAEnF,QAAM,YAA8D,CAAC,UAAU;AAC7E,QAAI,MAAM,YAAY,MAAM,WAAW,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;AAClF,YAAM,eAAe;AACrB,YAAM,OAAO;AAAA,IACf;AAAA,EACF;AAEA,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,WAAW,SAAS;AAAA,IACpB,OAAO,GAAG,oBAAoB,kBAAkB,MAAM,OAAO;AAAA,MAC3D,CAAC,cAAc,MAAM,SAAS,EAAE,GAAG,CAAC,CAAC,MAAM;AAAA,MAC3C,2BAA2B,MAAM;AAAA,MACjC,yBAAyB,CAAC,CAAC,MAAM,YAAY,UAAU,MAAM;AAAA,IAC/D,CAAC;AAAA,GACF;AAAA,MACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,SAAS,MAAM,WAAW,MAAM,MAAM,SAAS,IAAI;AAAA,IACnD,WAAW,MAAM,WAAW,YAAY;AAAA,IACxC,MAAM,MAAM,WAAW,WAAW;AAAA,IAClC,UAAU,MAAM,WAAW,IAAI;AAAA,GAChC;AAAA,SACE,MAAM,SAAS;AAAA,QAChB,CAAC,KAAK,MAAM,MAAM,UAAU;AAAA,UAC1B,CAAC,KAAK,MAAM,uBAAuB,MAAM,SAAS,GAAG,MAAM,IAAI,QAAQ,KAAK,EAAE;AAAA,QAChF,EAFC,KAEM;AAAA,MACT,EAXC,KAWM;AAAA,IACT,EAtBC;AAwBL;AAEA,IAAO,wBAAQ;","names":[],"file":"tableHeadCell.jsx"}

package/dist/source/components/layout/floatingWindow/floatingWindow.jsx

@@ -4,6 +4,7 @@ import {
   Show,
   createEffect,
   createMemo,
+  createSignal,
   mergeProps,
   onCleanup,
   splitProps
@@ -122,10 +123,21 @@ function FloatingWindow(props) {
     const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rect2.y));
     return { x, y, width, height };
   };
-  const rect = createMemo(
-    () => clampRect({ x: position().x, y: position().y, width: size().width, height: size().height }, viewportOf())
-  );
-  const commitRect = (next) => {
+  const fitRect = (rect2, vp) => {
+    const clamped = clampRect(rect2, vp);
+    return {
+      ...clamped,
+      x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),
+      y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height))
+    };
+  };
+  const [placed, setPlaced] = createSignal(false);
+  const rect = createMemo(() => {
+    const current = { x: position().x, y: position().y, width: size().width, height: size().height };
+    return placed() ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());
+  });
+  const commitRect = (next, gesture = true) => {
+    if (gesture) setPlaced(true);
     const clamped = clampRect(next, viewportOf());
     const pos = position();
     const dim = size();
@@ -134,9 +146,12 @@ function FloatingWindow(props) {
       setSize({ width: clamped.width, height: clamped.height });
     }
   };
+  createEffect(() => {
+    if (!local.open) setPlaced(false);
+  });
   createEffect(() => {
     if (isServer || !local.open) return;
-    const onViewportResize = () => commitRect(rect());
+    const onViewportResize = () => commitRect(rect(), false);
     window.addEventListener("resize", onViewportResize);
     onCleanup(() => window.removeEventListener("resize", onViewportResize));
   });

package/dist/source/components/layout/floatingWindow/floatingWindow.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/floatingWindow/floatingWindow.entry.less\";\nimport {\n  type Accessor,\n  For,\n  type JSX,\n  type ParentProps,\n  Show,\n  createEffect,\n  createMemo,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FloatingWindowPosition {\n  x: number;\n  y: number;\n}\n\nexport interface FloatingWindowSize {\n  width: number;\n  height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onResize\" | \"title\"> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: JSX.Element;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: JSX.Element;\n\n  /** Controlled top-left position in viewport px. */\n  position?: FloatingWindowPosition;\n  /** Initial position when uncontrolled. */\n  defaultPosition?: FloatingWindowPosition;\n  /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n  onPositionChange?: ((position: FloatingWindowPosition) => void) | undefined;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: ((position: FloatingWindowPosition) => void) | undefined;\n\n  /** Controlled size in px. */\n  size?: FloatingWindowSize;\n  /** Initial size when uncontrolled. */\n  defaultSize?: FloatingWindowSize;\n  /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n  onResize?: ((size: FloatingWindowSize) => void) | undefined;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: ((size: FloatingWindowSize) => void) | undefined;\n\n  /** Minimum width in px (default 200). */\n  minWidth?: number;\n  /** Minimum height in px (default 120). */\n  minHeight?: number;\n  /** Maximum width in px (default: viewport width). */\n  maxWidth?: number;\n  /** Maximum height in px (default: viewport height). */\n  maxHeight?: number;\n  /** Px of the window that must stay inside the viewport (default 56). */\n  keepVisible?: number;\n  /** Step in px for keyboard moving (default 24). */\n  moveStep?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n\n  /** Inline stacking order. The host owns z-order across several windows. */\n  zIndex?: number;\n  /** Called on pointerdown anywhere in the window, so the host can raise it. */\n  onActivate?: (() => void) | undefined;\n\n  /** Shade the window down to its title bar. */\n  collapsed?: boolean;\n  /** Initial collapsed state when uncontrolled. */\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: ((collapsed: boolean) => void) | undefined;\n  /** Render the built-in collapse toggle (default true). */\n  collapsible?: boolean;\n\n  /** Allow drag-to-move by the title bar (default true). */\n  movable?: boolean;\n  /** Allow drag-to-resize from the edges and corners (default true). */\n  resizable?: boolean;\n  /** Close on Escape while focus is inside the window (default false). */\n  closeOnEsc?: boolean;\n  onClose?: (() => void) | undefined;\n\n  /** Accessible label for the move handle. */\n  moveHandleAriaLabel?: string;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  /** Accessible label for the collapse toggle while expanded. */\n  collapseAriaLabel?: string;\n  /** Accessible label for the collapse toggle while collapsed. */\n  expandAriaLabel?: string;\n\n  \"aria-label\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface Viewport {\n  width: number;\n  height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n  n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n  s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n  e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n  w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n  se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n  sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n  typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport function FloatingWindow(props: ParentProps<FloatingWindowProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      minWidth: 200,\n      minHeight: 120,\n      keepVisible: 56,\n      moveStep: 24,\n      resizeStep: 24,\n      collapsible: true,\n      movable: true,\n      resizable: true,\n      closeOnEsc: false,\n      defaultPosition: { x: 24, y: 24 },\n      defaultSize: { width: 360, height: 420 },\n      defaultCollapsed: false,\n      moveHandleAriaLabel: \"Move window\",\n      resizeHandleAriaLabel: \"Resize window\",\n      closeAriaLabel: \"Close window\",\n      collapseAriaLabel: \"Collapse window\",\n      expandAriaLabel: \"Expand window\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"open\",\n    \"title\",\n    \"headerActions\",\n    \"position\",\n    \"defaultPosition\",\n    \"onPositionChange\",\n    \"onMoveEnd\",\n    \"size\",\n    \"defaultSize\",\n    \"onResize\",\n    \"onResizeEnd\",\n    \"minWidth\",\n    \"minHeight\",\n    \"maxWidth\",\n    \"maxHeight\",\n    \"keepVisible\",\n    \"moveStep\",\n    \"resizeStep\",\n    \"zIndex\",\n    \"onActivate\",\n    \"collapsed\",\n    \"defaultCollapsed\",\n    \"onCollapsedChange\",\n    \"collapsible\",\n    \"movable\",\n    \"resizable\",\n    \"closeOnEsc\",\n    \"onClose\",\n    \"moveHandleAriaLabel\",\n    \"resizeHandleAriaLabel\",\n    \"closeAriaLabel\",\n    \"collapseAriaLabel\",\n    \"expandAriaLabel\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let rootEl: HTMLDivElement | undefined;\n  const titleId = createId(undefined, \"smwb-floating-window-title\");\n\n  const transition = createCssTransition({\n    in: () => local.open,\n    timeout: { enter: 120, exit: 120 },\n    classNames: { enterDone: \"smwb-floating-window_entered\" },\n    appear: true,\n  });\n\n  const [position, setPosition] = createControllableState<FloatingWindowPosition>({\n    value: () => local.position,\n    defaultValue: local.defaultPosition,\n    onChange: (next) => local.onPositionChange?.(next),\n  });\n  const [size, setSize] = createControllableState<FloatingWindowSize>({\n    value: () => local.size,\n    defaultValue: local.defaultSize,\n    onChange: (next) => local.onResize?.(next),\n  });\n  const [collapsed, setCollapsed] = createControllableState<boolean>({\n    value: () => local.collapsed,\n    defaultValue: local.defaultCollapsed,\n    onChange: (next) => local.onCollapsedChange?.(next),\n  });\n\n  /**\n   * Size first, then position against the clamped size. `y` is never negative, so the\n   * title bar can never be dragged above the top edge and become ungrabbable — the gap\n   * that makes an off-screen Sheet unrecoverable.\n   */\n  const clampRect = (rect: Rect, vp: Viewport): Rect => {\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.max(local.minWidth, Math.min(maxW, rect.width));\n    const height = Math.max(local.minHeight, Math.min(maxH, rect.height));\n    const keep = Math.min(local.keepVisible, width);\n    const x = Math.max(keep - width, Math.min(vp.width - keep, rect.x));\n    const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rect.y));\n    return { x, y, width, height };\n  };\n\n  /** The clamped geometry actually rendered. Clamping the CONTROLLED value (not just drag\n   *  frames) means a rect restored from a larger monitor lands on screen immediately. */\n  const rect: Accessor<Rect> = createMemo(() =>\n    clampRect({ x: position().x, y: position().y, width: size().width, height: size().height }, viewportOf())\n  );\n\n  const commitRect = (next: Rect): void => {\n    const clamped = clampRect(next, viewportOf());\n    const pos = position();\n    const dim = size();\n    if (clamped.x !== pos.x || clamped.y !== pos.y) setPosition({ x: clamped.x, y: clamped.y });\n    if (clamped.width !== dim.width || clamped.height !== dim.height) {\n      setSize({ width: clamped.width, height: clamped.height });\n    }\n  };\n\n  // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n  // screen stays reachable on a small one. Sheet has no such listener, which is why a\n  // dragged sheet survives a viewport shrink oversized.\n  createEffect(() => {\n    if (isServer || !local.open) return;\n    const onViewportResize = (): void => commitRect(rect());\n    window.addEventListener(\"resize\", onViewportResize);\n    onCleanup(() => window.removeEventListener(\"resize\", onViewportResize));\n  });\n\n  // Escape only while focus is inside this window. FloatingWindow is not an overlay\n  // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n  // arbiter with several windows open.\n  createEffect(() => {\n    if (isServer || !local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== \"Escape\") return;\n      if (!rootEl || !rootEl.contains(document.activeElement)) return;\n      local.onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const activate = (): void => {\n    local.onActivate?.();\n    // Only when focus is elsewhere — an unconditional focus() would steal the caret\n    // from an input inside the window on every raise.\n    if (rootEl && !rootEl.contains(document.activeElement)) rootEl.focus({ preventScroll: true });\n  };\n\n  // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n  // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n  let move: { px: number; py: number; x: number; y: number } | null = null;\n\n  const onMoveHandlePointerDown = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (!local.movable) return;\n    // Header buttons stay clickable.\n    if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n    event.preventDefault();\n    const current = rect();\n    move = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onMoveHandlePointerMove = (event: PointerEvent): void => {\n    if (!move) return;\n    const current = rect();\n    commitRect({\n      ...current,\n      x: move.x + event.clientX - move.px,\n      y: move.y + event.clientY - move.py,\n    });\n  };\n\n  const endMove = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (move) {\n      move = null;\n      const current = rect();\n      local.onMoveEnd?.({ x: current.x, y: current.y });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  let resize: { dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null = null;\n\n  const onResizePointerDown = (\n    dir: FloatingWindowResizeDir,\n    event: PointerEvent & { currentTarget: HTMLDivElement }\n  ): void => {\n    event.preventDefault();\n    event.stopPropagation();\n    resize = { dir, px: event.clientX, py: event.clientY, rect: rect() };\n    // Grabbing a resize grip is an interaction with the window, so raise it too. (The root\n    // listener cannot be relied on here — see the `on:pointerdown` note on the root.)\n    activate();\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onResizePointerMove = (event: PointerEvent): void => {\n    if (!resize) return;\n    const sign = RESIZE_DIRS[resize.dir];\n    const dx = event.clientX - resize.px;\n    const dy = event.clientY - resize.py;\n    const start = resize.rect;\n    // A west/north drag moves the origin AND changes the size, so width is recomputed from\n    // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n    // would keep sliding the window instead of stopping at the minimum.\n    //\n    // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n    // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n    // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n    // dragging would drift away under the cursor.\n    const vp = viewportOf();\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.min(maxW, Math.max(local.minWidth, start.width + sign.dw * dx));\n    const height = Math.min(maxH, Math.max(local.minHeight, start.height + sign.dh * dy));\n    commitRect({\n      x: sign.dx ? start.x + start.width - width : start.x,\n      y: sign.dy ? start.y + start.height - height : start.y,\n      width,\n      height,\n    });\n  };\n\n  const endResize = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (resize) {\n      resize = null;\n      const current = rect();\n      local.onResizeEnd?.({ width: current.width, height: current.height });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n   *  per-frame change — otherwise a consumer that persists only on `*End` (the documented\n   *  way to avoid thrashing storage during a drag) would silently never save\n   *  keyboard-driven geometry. */\n  const endKeyboardGesture = (resized: boolean): void => {\n    const current = rect();\n    if (resized) local.onResizeEnd?.({ width: current.width, height: current.height });\n    else local.onMoveEnd?.({ x: current.x, y: current.y });\n  };\n\n  /** Arrows move; Shift+Arrows resize. */\n  const onMoveHandleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const step = event.shiftKey ? local.resizeStep : local.moveStep;\n    const delta: Record<string, [number, number]> = {\n      ArrowLeft: [-step, 0],\n      ArrowRight: [step, 0],\n      ArrowUp: [0, -step],\n      ArrowDown: [0, step],\n    };\n    const d = delta[event.key];\n    if (!d) return;\n    event.preventDefault();\n    if (event.shiftKey) {\n      commitRect({ ...current, width: current.width + d[0], height: current.height + d[1] });\n    } else {\n      commitRect({ ...current, x: current.x + d[0], y: current.y + d[1] });\n    }\n    endKeyboardGesture(event.shiftKey);\n  };\n\n  const onResizeHandleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const vp = viewportOf();\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowRight\" ? 1 : -1;\n      commitRect({ ...current, width: current.width + dir * local.resizeStep });\n    } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowDown\" ? 1 : -1;\n      commitRect({ ...current, height: current.height + dir * local.resizeStep });\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.minWidth, height: local.minHeight });\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.maxWidth ?? vp.width, height: local.maxHeight ?? vp.height });\n    } else {\n      return;\n    }\n    endKeyboardGesture(true);\n  };\n\n  const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={(isServer ? undefined : document.body) as Node}>\n        <div\n          {...rest}\n          ref={mergeRefs(local.ref, (el) => (rootEl = el as HTMLDivElement))}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabindex={-1}\n          aria-labelledby={local.title ? titleId : undefined}\n          class={cn(\"smwb-floating-window\", local.class, transition.classes(), {\n            \"smwb-collapsed\": collapsed(),\n          })}\n          style={{\n            left: `${rect().x}px`,\n            top: `${rect().y}px`,\n            width: `${rect().width}px`,\n            ...(collapsed() ? {} : { height: `${rect().height}px` }),\n            ...(local.zIndex === undefined ? {} : { \"z-index\": local.zIndex }),\n            ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n          }}\n          // `on:pointerdown` (native listener), NOT `onPointerDown` (delegated). Solid's\n          // delegated dispatcher walks `_$host`, the LOGICAL owner chain, and Portal sets\n          // `_$host` to its marker's parent — so an event raised inside content a consumer\n          // portals into this window never reaches this handler, and clicking such a panel\n          // would silently fail to raise the window. A native listener follows the real DOM\n          // tree, where the portaled container genuinely is a descendant.\n          on:pointerdown={activate}\n        >\n          <div\n            class=\"smwb-floating-window__header\"\n            data-testid=\"floating-window-header\"\n            onPointerDown={onMoveHandlePointerDown}\n            onPointerMove={onMoveHandlePointerMove}\n            onPointerUp={endMove}\n            onPointerCancel={endMove}\n          >\n            {/* The move affordance is the grip, not the header: the header also hosts the\n                collapse/close buttons and any consumer `headerActions`, and nesting those\n                inside a role=\"button\" is an a11y violation. Pointer drag still works\n                anywhere on the header; only the keyboard affordance lives here. */}\n            <span\n              class=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabindex={0}\n              aria-label={local.moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            <Show when={local.title}>\n              <span class=\"smwb-floating-window__title\" id={titleId}>\n                {local.title}\n              </span>\n            </Show>\n            <div class=\"smwb-floating-window__actions\" data-no-drag>\n              {local.headerActions}\n              <Show when={local.collapsible}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed() ? local.expandAriaLabel : local.collapseAriaLabel}\n                  aria-expanded={!collapsed()}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed() ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              </Show>\n              <Show when={local.onClose}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={local.closeAriaLabel}\n                  onClick={() => local.onClose?.()}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              </Show>\n            </div>\n          </div>\n\n          <Show when={!collapsed()}>\n            <div class=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {local.children}\n            </div>\n          </Show>\n\n          <Show when={local.resizable && !collapsed()}>\n            <For each={RESIZE_ORDER}>\n              {(dir) => (\n                <div\n                  class={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n                  data-testid={`floating-window-resize-${dir}`}\n                  // Only the south-east grip is reachable by keyboard: eight tab stops per\n                  // window would make Tab unusable once a few windows are open.\n                  {...(dir === \"se\"\n                    ? {\n                        role: \"separator\",\n                        tabindex: 0,\n                        \"aria-label\": local.resizeHandleAriaLabel,\n                        \"aria-valuemin\": local.minWidth,\n                        \"aria-valuemax\": Math.round(local.maxWidth ?? viewportOf().width),\n                        \"aria-valuenow\": Math.round(rect().width),\n                        onKeyDown: onResizeHandleKeyDown,\n                      }\n                    : { \"aria-hidden\": true, tabindex: -1 })}\n                  onPointerDown={(event) => onResizePointerDown(dir, event)}\n                  onPointerMove={onResizePointerMove}\n                  onPointerUp={endResize}\n                  onPointerCancel={endResize}\n                />\n              )}\n            </For>\n          </Show>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport default FloatingWindow;\n"],"mappings":"AAAA,OAAO;AACP;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,gBAAgB;AACjC,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAyGpC,MAAM,cAAyG;AAAA,EAC7G,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG;AAAA,EACjC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAChC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAChC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE;AAAA,EACjC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG;AAAA,EAClC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG;AAAA,EACnC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EACjC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE;AACpC;AAEA,MAAM,eAA0C,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,MAAM,IAAI;AAE3F,MAAM,aAAa,MACjB,OAAO,WAAW,cAAc,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,EAAE,OAAO,OAAO,YAAY,QAAQ,OAAO,YAAY;AAY5G,SAAS,eAAe,OAAsD;AACnF,QAAM,SAAS;AAAA,IACb;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,iBAAiB,EAAE,GAAG,IAAI,GAAG,GAAG;AAAA,MAChC,aAAa,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,MACvC,kBAAkB;AAAA,MAClB,qBAAqB;AAAA,MACrB,uBAAuB;AAAA,MACvB,gBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI;AACJ,QAAM,UAAU,SAAS,QAAW,4BAA4B;AAEhE,QAAM,aAAa,oBAAoB;AAAA,IACrC,IAAI,MAAM,MAAM;AAAA,IAChB,SAAS,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,IACjC,YAAY,EAAE,WAAW,+BAA+B;AAAA,IACxD,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,CAAC,UAAU,WAAW,IAAI,wBAAgD;AAAA,IAC9E,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,mBAAmB,IAAI;AAAA,EACnD,CAAC;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,wBAA4C;AAAA,IAClE,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,WAAW,IAAI;AAAA,EAC3C,CAAC;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,wBAAiC;AAAA,IACjE,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,oBAAoB,IAAI;AAAA,EACpD,CAAC;AAOD,QAAM,YAAY,CAACA,OAAY,OAAuB;AACpD,UAAM,OAAO,MAAM,YAAY,GAAG;AAClC,UAAM,OAAO,MAAM,aAAa,GAAG;AACnC,UAAM,QAAQ,KAAK,IAAI,MAAM,UAAU,KAAK,IAAI,MAAMA,MAAK,KAAK,CAAC;AACjE,UAAM,SAAS,KAAK,IAAI,MAAM,WAAW,KAAK,IAAI,MAAMA,MAAK,MAAM,CAAC;AACpE,UAAM,OAAO,KAAK,IAAI,MAAM,aAAa,KAAK;AAC9C,UAAM,IAAI,KAAK,IAAI,OAAO,OAAO,KAAK,IAAI,GAAG,QAAQ,MAAMA,MAAK,CAAC,CAAC;AAClE,UAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,IAAI,GAAG,GAAG,SAAS,IAAI,GAAGA,MAAK,CAAC,CAAC;AACrE,WAAO,EAAE,GAAG,GAAG,OAAO,OAAO;AAAA,EAC/B;AAIA,QAAM,OAAuB;AAAA,IAAW,MACtC,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,SAAS,EAAE,GAAG,OAAO,KAAK,EAAE,OAAO,QAAQ,KAAK,EAAE,OAAO,GAAG,WAAW,CAAC;AAAA,EAC1G;AAEA,QAAM,aAAa,CAAC,SAAqB;AACvC,UAAM,UAAU,UAAU,MAAM,WAAW,CAAC;AAC5C,UAAM,MAAM,SAAS;AACrB,UAAM,MAAM,KAAK;AACjB,QAAI,QAAQ,MAAM,IAAI,KAAK,QAAQ,MAAM,IAAI,EAAG,aAAY,EAAE,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE,CAAC;AAC1F,QAAI,QAAQ,UAAU,IAAI,SAAS,QAAQ,WAAW,IAAI,QAAQ;AAChE,cAAQ,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,OAAO,CAAC;AAAA,IAC1D;AAAA,EACF;AAKA,eAAa,MAAM;AACjB,QAAI,YAAY,CAAC,MAAM,KAAM;AAC7B,UAAM,mBAAmB,MAAY,WAAW,KAAK,CAAC;AACtD,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,cAAU,MAAM,OAAO,oBAAoB,UAAU,gBAAgB,CAAC;AAAA,EACxE,CAAC;AAKD,eAAa,MAAM;AACjB,QAAI,YAAY,CAAC,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,MAAM,QAAS;AACpE,UAAM,YAAY,CAAC,UAA+B;AAChD,UAAI,MAAM,QAAQ,SAAU;AAC5B,UAAI,CAAC,UAAU,CAAC,OAAO,SAAS,SAAS,aAAa,EAAG;AACzD,YAAM,UAAU;AAAA,IAClB;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,cAAU,MAAM,SAAS,oBAAoB,WAAW,SAAS,CAAC;AAAA,EACpE,CAAC;AAED,QAAM,WAAW,MAAY;AAC3B,UAAM,aAAa;AAGnB,QAAI,UAAU,CAAC,OAAO,SAAS,SAAS,aAAa,EAAG,QAAO,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EAC9F;AAIA,MAAI,OAAgE;AAEpE,QAAM,0BAA0B,CAAC,UAAkE;AACjG,QAAI,CAAC,MAAM,QAAS;AAEpB,QAAK,MAAM,QAA2B,QAAQ,uBAAuB,EAAG;AACxE,UAAM,eAAe;AACrB,UAAM,UAAU,KAAK;AACrB,WAAO,EAAE,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE;AAC1E,QAAI;AACF,YAAM,cAAc,oBAAoB,MAAM,SAAS;AAAA,IACzD,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,0BAA0B,CAAC,UAA8B;AAC7D,QAAI,CAAC,KAAM;AACX,UAAM,UAAU,KAAK;AACrB,eAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG,KAAK,IAAI,MAAM,UAAU,KAAK;AAAA,MACjC,GAAG,KAAK,IAAI,MAAM,UAAU,KAAK;AAAA,IACnC,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,CAAC,UAAkE;AACjF,QAAI,MAAM;AACR,aAAO;AACP,YAAM,UAAU,KAAK;AACrB,YAAM,YAAY,EAAE,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE,CAAC;AAAA,IAClD;AACA,QAAI,MAAM,cAAc,oBAAoB,MAAM,SAAS,GAAG;AAC5D,YAAM,cAAc,wBAAwB,MAAM,SAAS;AAAA,IAC7D;AAAA,EACF;AAEA,MAAI,SAAsF;AAE1F,QAAM,sBAAsB,CAC1B,KACA,UACS;AACT,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,aAAS,EAAE,KAAK,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS,MAAM,KAAK,EAAE;AAGnE,aAAS;AACT,QAAI;AACF,YAAM,cAAc,oBAAoB,MAAM,SAAS;AAAA,IACzD,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,UAA8B;AACzD,QAAI,CAAC,OAAQ;AACb,UAAM,OAAO,YAAY,OAAO,GAAG;AACnC,UAAM,KAAK,MAAM,UAAU,OAAO;AAClC,UAAM,KAAK,MAAM,UAAU,OAAO;AAClC,UAAM,QAAQ,OAAO;AASrB,UAAM,KAAK,WAAW;AACtB,UAAM,OAAO,MAAM,YAAY,GAAG;AAClC,UAAM,OAAO,MAAM,aAAa,GAAG;AACnC,UAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,IAAI,MAAM,UAAU,MAAM,QAAQ,KAAK,KAAK,EAAE,CAAC;AACjF,UAAM,SAAS,KAAK,IAAI,MAAM,KAAK,IAAI,MAAM,WAAW,MAAM,SAAS,KAAK,KAAK,EAAE,CAAC;AACpF,eAAW;AAAA,MACT,GAAG,KAAK,KAAK,MAAM,IAAI,MAAM,QAAQ,QAAQ,MAAM;AAAA,MACnD,GAAG,KAAK,KAAK,MAAM,IAAI,MAAM,SAAS,SAAS,MAAM;AAAA,MACrD;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,YAAY,CAAC,UAAkE;AACnF,QAAI,QAAQ;AACV,eAAS;AACT,YAAM,UAAU,KAAK;AACrB,YAAM,cAAc,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,OAAO,CAAC;AAAA,IACtE;AACA,QAAI,MAAM,cAAc,oBAAoB,MAAM,SAAS,GAAG;AAC5D,YAAM,cAAc,wBAAwB,MAAM,SAAS;AAAA,IAC7D;AAAA,EACF;AAMA,QAAM,qBAAqB,CAAC,YAA2B;AACrD,UAAM,UAAU,KAAK;AACrB,QAAI,QAAS,OAAM,cAAc,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,OAAO,CAAC;AAAA,QAC5E,OAAM,YAAY,EAAE,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE,CAAC;AAAA,EACvD;AAGA,QAAM,sBAAwE,CAAC,UAAU;AACvF,UAAM,UAAU,KAAK;AACrB,UAAM,OAAO,MAAM,WAAW,MAAM,aAAa,MAAM;AACvD,UAAM,QAA0C;AAAA,MAC9C,WAAW,CAAC,CAAC,MAAM,CAAC;AAAA,MACpB,YAAY,CAAC,MAAM,CAAC;AAAA,MACpB,SAAS,CAAC,GAAG,CAAC,IAAI;AAAA,MAClB,WAAW,CAAC,GAAG,IAAI;AAAA,IACrB;AACA,UAAM,IAAI,MAAM,MAAM,GAAG;AACzB,QAAI,CAAC,EAAG;AACR,UAAM,eAAe;AACrB,QAAI,MAAM,UAAU;AAClB,iBAAW,EAAE,GAAG,SAAS,OAAO,QAAQ,QAAQ,EAAE,CAAC,GAAG,QAAQ,QAAQ,SAAS,EAAE,CAAC,EAAE,CAAC;AAAA,IACvF,OAAO;AACL,iBAAW,EAAE,GAAG,SAAS,GAAG,QAAQ,IAAI,EAAE,CAAC,GAAG,GAAG,QAAQ,IAAI,EAAE,CAAC,EAAE,CAAC;AAAA,IACrE;AACA,uBAAmB,MAAM,QAAQ;AAAA,EACnC;AAEA,QAAM,wBAAyE,CAAC,UAAU;AACxF,UAAM,UAAU,KAAK;AACrB,UAAM,KAAK,WAAW;AACtB,QAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAc;AAC3D,YAAM,eAAe;AACrB,YAAM,MAAM,MAAM,QAAQ,eAAe,IAAI;AAC7C,iBAAW,EAAE,GAAG,SAAS,OAAO,QAAQ,QAAQ,MAAM,MAAM,WAAW,CAAC;AAAA,IAC1E,WAAW,MAAM,QAAQ,aAAa,MAAM,QAAQ,aAAa;AAC/D,YAAM,eAAe;AACrB,YAAM,MAAM,MAAM,QAAQ,cAAc,IAAI;AAC5C,iBAAW,EAAE,GAAG,SAAS,QAAQ,QAAQ,SAAS,MAAM,MAAM,WAAW,CAAC;AAAA,IAC5E,WAAW,MAAM,QAAQ,QAAQ;AAC/B,YAAM,eAAe;AACrB,iBAAW,EAAE,GAAG,SAAS,OAAO,MAAM,UAAU,QAAQ,MAAM,UAAU,CAAC;AAAA,IAC3E,WAAW,MAAM,QAAQ,OAAO;AAC9B,YAAM,eAAe;AACrB,iBAAW,EAAE,GAAG,SAAS,OAAO,MAAM,YAAY,GAAG,OAAO,QAAQ,MAAM,aAAa,GAAG,OAAO,CAAC;AAAA,IACpG,OAAO;AACL;AAAA,IACF;AACA,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,kBAAkB,MAAY,aAAa,CAAC,SAAS,CAAC,IAAI;AAEhE,SACE,CAAC,KAAK,MAAM,WAAW,QAAQ,GAAG;AAAA,MAChC,CAAC,OAAO,OAAQ,WAAW,SAAY,SAAS,MAAe;AAAA,QAC7D,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,KAAK,CAAC,OAAQ,SAAS,EAAqB;AAAA,IACjE,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU;AAAA,IACV,iBAAiB,MAAM,QAAQ,UAAU;AAAA,IACzC,OAAO,GAAG,wBAAwB,MAAM,OAAO,WAAW,QAAQ,GAAG;AAAA,MACnE,kBAAkB,UAAU;AAAA,IAC9B,CAAC;AAAA,IACD,OAAO;AAAA,MACL,MAAM,GAAG,KAAK,EAAE,CAAC;AAAA,MACjB,KAAK,GAAG,KAAK,EAAE,CAAC;AAAA,MAChB,OAAO,GAAG,KAAK,EAAE,KAAK;AAAA,MACtB,GAAI,UAAU,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,KAAK;AAAA,MACtD,GAAI,MAAM,WAAW,SAAY,CAAC,IAAI,EAAE,WAAW,MAAM,OAAO;AAAA,MAChE,GAAI,OAAO,MAAM,UAAU,YAAY,MAAM,QAAQ,MAAM,QAAQ,CAAC;AAAA,IACtE;AAAA,IAOA,gBAAgB;AAAA,GACjB;AAAA,UACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAIyE;AAAA,YACxE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU;AAAA,IACV,YAAY,MAAM;AAAA,IAClB,WAAW;AAAA,GACZ;AAAA,cACC,CAAC,KAAK,KAAK,iBAAiB,EAAE;AAAA,YAChC,EATC,KASM;AAAA,YACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,cACvB,CAAC,KAAK,MAAM,8BAA8B,IAAI,SAAS;AAAA,iBACpD,MAAM,MAAM;AAAA,cACf,EAFC,KAEM;AAAA,YACT,EAJC,KAIM;AAAA,YACP,CAAC,IAAI,MAAM,gCAAgC,aAAa;AAAA,eACrD,MAAM,cAAc;AAAA,cACrB,CAAC,KAAK,MAAM,MAAM,aAAa;AAAA,gBAC7B,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY,UAAU,IAAI,MAAM,kBAAkB,MAAM;AAAA,IACxD,eAAe,CAAC,UAAU;AAAA,IAC1B,SAAS;AAAA,GACV;AAAA,kBACC,CAAC,KAAK,MAAM,UAAU,IAAI,iBAAiB,oBAAoB,EAAE;AAAA,gBACnE,EATC,OASQ;AAAA,cACX,EAXC,KAWM;AAAA,cACP,CAAC,KAAK,MAAM,MAAM,SAAS;AAAA,gBACzB,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY,MAAM;AAAA,IAClB,SAAS,MAAM,MAAM,UAAU;AAAA,GAChC;AAAA,kBACC,CAAC,KAAK,KAAK,QAAQ,EAAE;AAAA,gBACvB,EARC,OAQQ;AAAA,cACX,EAVC,KAUM;AAAA,YACT,EAzBC,IAyBK;AAAA,UACR,EArDC,IAqDK;AAAA;AAAA,UAEN,CAAC,KAAK,MAAM,CAAC,UAAU,GAAG;AAAA,YACxB,CAAC,IAAI,MAAM,6BAA6B,YAAY,uBAAuB;AAAA,eACxE,MAAM,SAAS;AAAA,YAClB,EAFC,IAEK;AAAA,UACR,EAJC,KAIM;AAAA;AAAA,UAEP,CAAC,KAAK,MAAM,MAAM,aAAa,CAAC,UAAU,GAAG;AAAA,YAC3C,CAAC,IAAI,MAAM,cAAc;AAAA,eACtB,CAAC,QACA,CAAC;AAAA,IACC,OAAO,GAAG,gCAAgC,gCAAgC,GAAG,EAAE;AAAA,IAC/E,aAAa,0BAA0B,GAAG;AAAA,QAGrC,QAAQ,OACT;AAAA,MACE,MAAM;AAAA,MACN,UAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,iBAAiB,MAAM;AAAA,MACvB,iBAAiB,KAAK,MAAM,MAAM,YAAY,WAAW,EAAE,KAAK;AAAA,MAChE,iBAAiB,KAAK,MAAM,KAAK,EAAE,KAAK;AAAA,MACxC,WAAW;AAAA,IACb,IACA,EAAE,eAAe,MAAM,UAAU,GAAG;AAAA,IACxC,eAAe,CAAC,UAAU,oBAAoB,KAAK,KAAK;AAAA,IACxD,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB,GACA;AAAA,YACJ,EAxBC,IAwBK;AAAA,UACR,EA1BC,KA0BM;AAAA,QACT,EAlHC,IAkHK;AAAA,MACR,EApHC,OAoHQ;AAAA,IACX,EAtHC;AAwHL;AAEA,IAAO,yBAAQ;","names":["rect"],"file":"floatingWindow.jsx"}
+{"version":3,"sources":["../../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/floatingWindow/floatingWindow.entry.less\";\nimport {\n  type Accessor,\n  For,\n  type JSX,\n  type ParentProps,\n  Show,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FloatingWindowPosition {\n  x: number;\n  y: number;\n}\n\nexport interface FloatingWindowSize {\n  width: number;\n  height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onResize\" | \"title\"> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: JSX.Element;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: JSX.Element;\n\n  /** Controlled top-left position in viewport px. */\n  position?: FloatingWindowPosition;\n  /** Initial position when uncontrolled. */\n  defaultPosition?: FloatingWindowPosition;\n  /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n  onPositionChange?: ((position: FloatingWindowPosition) => void) | undefined;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: ((position: FloatingWindowPosition) => void) | undefined;\n\n  /** Controlled size in px. */\n  size?: FloatingWindowSize;\n  /** Initial size when uncontrolled. */\n  defaultSize?: FloatingWindowSize;\n  /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n  onResize?: ((size: FloatingWindowSize) => void) | undefined;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: ((size: FloatingWindowSize) => void) | undefined;\n\n  /** Minimum width in px (default 200). */\n  minWidth?: number;\n  /** Minimum height in px (default 120). */\n  minHeight?: number;\n  /** Maximum width in px (default: viewport width). */\n  maxWidth?: number;\n  /** Maximum height in px (default: viewport height). */\n  maxHeight?: number;\n  /** Px of the window that must stay inside the viewport (default 56). */\n  keepVisible?: number;\n  /** Step in px for keyboard moving (default 24). */\n  moveStep?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n\n  /** Inline stacking order. The host owns z-order across several windows. */\n  zIndex?: number;\n  /** Called on pointerdown anywhere in the window, so the host can raise it. */\n  onActivate?: (() => void) | undefined;\n\n  /** Shade the window down to its title bar. */\n  collapsed?: boolean;\n  /** Initial collapsed state when uncontrolled. */\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: ((collapsed: boolean) => void) | undefined;\n  /** Render the built-in collapse toggle (default true). */\n  collapsible?: boolean;\n\n  /** Allow drag-to-move by the title bar (default true). */\n  movable?: boolean;\n  /** Allow drag-to-resize from the edges and corners (default true). */\n  resizable?: boolean;\n  /** Close on Escape while focus is inside the window (default false). */\n  closeOnEsc?: boolean;\n  onClose?: (() => void) | undefined;\n\n  /** Accessible label for the move handle. */\n  moveHandleAriaLabel?: string;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  /** Accessible label for the collapse toggle while expanded. */\n  collapseAriaLabel?: string;\n  /** Accessible label for the collapse toggle while collapsed. */\n  expandAriaLabel?: string;\n\n  \"aria-label\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface Viewport {\n  width: number;\n  height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n  n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n  s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n  e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n  w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n  se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n  sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n  typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport function FloatingWindow(props: ParentProps<FloatingWindowProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      minWidth: 200,\n      minHeight: 120,\n      keepVisible: 56,\n      moveStep: 24,\n      resizeStep: 24,\n      collapsible: true,\n      movable: true,\n      resizable: true,\n      closeOnEsc: false,\n      defaultPosition: { x: 24, y: 24 },\n      defaultSize: { width: 360, height: 420 },\n      defaultCollapsed: false,\n      moveHandleAriaLabel: \"Move window\",\n      resizeHandleAriaLabel: \"Resize window\",\n      closeAriaLabel: \"Close window\",\n      collapseAriaLabel: \"Collapse window\",\n      expandAriaLabel: \"Expand window\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"open\",\n    \"title\",\n    \"headerActions\",\n    \"position\",\n    \"defaultPosition\",\n    \"onPositionChange\",\n    \"onMoveEnd\",\n    \"size\",\n    \"defaultSize\",\n    \"onResize\",\n    \"onResizeEnd\",\n    \"minWidth\",\n    \"minHeight\",\n    \"maxWidth\",\n    \"maxHeight\",\n    \"keepVisible\",\n    \"moveStep\",\n    \"resizeStep\",\n    \"zIndex\",\n    \"onActivate\",\n    \"collapsed\",\n    \"defaultCollapsed\",\n    \"onCollapsedChange\",\n    \"collapsible\",\n    \"movable\",\n    \"resizable\",\n    \"closeOnEsc\",\n    \"onClose\",\n    \"moveHandleAriaLabel\",\n    \"resizeHandleAriaLabel\",\n    \"closeAriaLabel\",\n    \"collapseAriaLabel\",\n    \"expandAriaLabel\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let rootEl: HTMLDivElement | undefined;\n  const titleId = createId(undefined, \"smwb-floating-window-title\");\n\n  const transition = createCssTransition({\n    in: () => local.open,\n    timeout: { enter: 120, exit: 120 },\n    classNames: { enterDone: \"smwb-floating-window_entered\" },\n    appear: true,\n  });\n\n  const [position, setPosition] = createControllableState<FloatingWindowPosition>({\n    value: () => local.position,\n    defaultValue: local.defaultPosition,\n    onChange: (next) => local.onPositionChange?.(next),\n  });\n  const [size, setSize] = createControllableState<FloatingWindowSize>({\n    value: () => local.size,\n    defaultValue: local.defaultSize,\n    onChange: (next) => local.onResize?.(next),\n  });\n  const [collapsed, setCollapsed] = createControllableState<boolean>({\n    value: () => local.collapsed,\n    defaultValue: local.defaultCollapsed,\n    onChange: (next) => local.onCollapsedChange?.(next),\n  });\n\n  /**\n   * Size first, then position against the clamped size. `y` is never negative, so the\n   * title bar can never be dragged above the top edge and become ungrabbable — the gap\n   * that makes an off-screen Sheet unrecoverable.\n   */\n  const clampRect = (rect: Rect, vp: Viewport): Rect => {\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.max(local.minWidth, Math.min(maxW, rect.width));\n    const height = Math.max(local.minHeight, Math.min(maxH, rect.height));\n    const keep = Math.min(local.keepVisible, width);\n    const x = Math.max(keep - width, Math.min(vp.width - keep, rect.x));\n    const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rect.y));\n    return { x, y, width, height };\n  };\n\n  /**\n   * Where a window is placed before anyone touches it: fully inside the viewport when\n   * it fits at all. `clampRect` alone only keeps `keepVisible` px reachable, which is\n   * right for a window the user parked at an edge but wrong on opening — a 760px\n   * default on a 375px phone opened a quarter of a screen off to the right.\n   */\n  const fitRect = (rect: Rect, vp: Viewport): Rect => {\n    const clamped = clampRect(rect, vp);\n    return {\n      ...clamped,\n      x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),\n      y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height)),\n    };\n  };\n\n  // Set by the first move/resize: from then on the user's placement wins and only the\n  // reachability clamp applies, so a window can still be parked half off-screen.\n  const [placed, setPlaced] = createSignal(false);\n\n  /** The geometry actually rendered. Clamping the CONTROLLED value (not just drag\n   *  frames) means a rect restored from a larger monitor lands on screen immediately. */\n  const rect: Accessor<Rect> = createMemo(() => {\n    const current = { x: position().x, y: position().y, width: size().width, height: size().height };\n    return placed() ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());\n  });\n\n  const commitRect = (next: Rect, gesture = true): void => {\n    if (gesture) setPlaced(true);\n    const clamped = clampRect(next, viewportOf());\n    const pos = position();\n    const dim = size();\n    if (clamped.x !== pos.x || clamped.y !== pos.y) setPosition({ x: clamped.x, y: clamped.y });\n    if (clamped.width !== dim.width || clamped.height !== dim.height) {\n      setSize({ width: clamped.width, height: clamped.height });\n    }\n  };\n\n  // A closed window forgets that it was moved: opening it again should land on screen\n  // like the first time, whatever the viewport is now.\n  createEffect(() => {\n    if (!local.open) setPlaced(false);\n  });\n\n  // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n  // screen stays reachable on a small one. Sheet has no such listener, which is why a\n  // dragged sheet survives a viewport shrink oversized.\n  createEffect(() => {\n    if (isServer || !local.open) return;\n    const onViewportResize = (): void => commitRect(rect(), false);\n    window.addEventListener(\"resize\", onViewportResize);\n    onCleanup(() => window.removeEventListener(\"resize\", onViewportResize));\n  });\n\n  // Escape only while focus is inside this window. FloatingWindow is not an overlay\n  // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n  // arbiter with several windows open.\n  createEffect(() => {\n    if (isServer || !local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== \"Escape\") return;\n      if (!rootEl || !rootEl.contains(document.activeElement)) return;\n      local.onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const activate = (): void => {\n    local.onActivate?.();\n    // Only when focus is elsewhere — an unconditional focus() would steal the caret\n    // from an input inside the window on every raise.\n    if (rootEl && !rootEl.contains(document.activeElement)) rootEl.focus({ preventScroll: true });\n  };\n\n  // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n  // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n  let move: { px: number; py: number; x: number; y: number } | null = null;\n\n  const onMoveHandlePointerDown = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (!local.movable) return;\n    // Header buttons stay clickable.\n    if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n    event.preventDefault();\n    const current = rect();\n    move = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onMoveHandlePointerMove = (event: PointerEvent): void => {\n    if (!move) return;\n    const current = rect();\n    commitRect({\n      ...current,\n      x: move.x + event.clientX - move.px,\n      y: move.y + event.clientY - move.py,\n    });\n  };\n\n  const endMove = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (move) {\n      move = null;\n      const current = rect();\n      local.onMoveEnd?.({ x: current.x, y: current.y });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  let resize: { dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null = null;\n\n  const onResizePointerDown = (\n    dir: FloatingWindowResizeDir,\n    event: PointerEvent & { currentTarget: HTMLDivElement }\n  ): void => {\n    event.preventDefault();\n    event.stopPropagation();\n    resize = { dir, px: event.clientX, py: event.clientY, rect: rect() };\n    // Grabbing a resize grip is an interaction with the window, so raise it too. (The root\n    // listener cannot be relied on here — see the `on:pointerdown` note on the root.)\n    activate();\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onResizePointerMove = (event: PointerEvent): void => {\n    if (!resize) return;\n    const sign = RESIZE_DIRS[resize.dir];\n    const dx = event.clientX - resize.px;\n    const dy = event.clientY - resize.py;\n    const start = resize.rect;\n    // A west/north drag moves the origin AND changes the size, so width is recomputed from\n    // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n    // would keep sliding the window instead of stopping at the minimum.\n    //\n    // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n    // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n    // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n    // dragging would drift away under the cursor.\n    const vp = viewportOf();\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.min(maxW, Math.max(local.minWidth, start.width + sign.dw * dx));\n    const height = Math.min(maxH, Math.max(local.minHeight, start.height + sign.dh * dy));\n    commitRect({\n      x: sign.dx ? start.x + start.width - width : start.x,\n      y: sign.dy ? start.y + start.height - height : start.y,\n      width,\n      height,\n    });\n  };\n\n  const endResize = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (resize) {\n      resize = null;\n      const current = rect();\n      local.onResizeEnd?.({ width: current.width, height: current.height });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n   *  per-frame change — otherwise a consumer that persists only on `*End` (the documented\n   *  way to avoid thrashing storage during a drag) would silently never save\n   *  keyboard-driven geometry. */\n  const endKeyboardGesture = (resized: boolean): void => {\n    const current = rect();\n    if (resized) local.onResizeEnd?.({ width: current.width, height: current.height });\n    else local.onMoveEnd?.({ x: current.x, y: current.y });\n  };\n\n  /** Arrows move; Shift+Arrows resize. */\n  const onMoveHandleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const step = event.shiftKey ? local.resizeStep : local.moveStep;\n    const delta: Record<string, [number, number]> = {\n      ArrowLeft: [-step, 0],\n      ArrowRight: [step, 0],\n      ArrowUp: [0, -step],\n      ArrowDown: [0, step],\n    };\n    const d = delta[event.key];\n    if (!d) return;\n    event.preventDefault();\n    if (event.shiftKey) {\n      commitRect({ ...current, width: current.width + d[0], height: current.height + d[1] });\n    } else {\n      commitRect({ ...current, x: current.x + d[0], y: current.y + d[1] });\n    }\n    endKeyboardGesture(event.shiftKey);\n  };\n\n  const onResizeHandleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const vp = viewportOf();\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowRight\" ? 1 : -1;\n      commitRect({ ...current, width: current.width + dir * local.resizeStep });\n    } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowDown\" ? 1 : -1;\n      commitRect({ ...current, height: current.height + dir * local.resizeStep });\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.minWidth, height: local.minHeight });\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.maxWidth ?? vp.width, height: local.maxHeight ?? vp.height });\n    } else {\n      return;\n    }\n    endKeyboardGesture(true);\n  };\n\n  const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={(isServer ? undefined : document.body) as Node}>\n        <div\n          {...rest}\n          ref={mergeRefs(local.ref, (el) => (rootEl = el as HTMLDivElement))}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabindex={-1}\n          aria-labelledby={local.title ? titleId : undefined}\n          class={cn(\"smwb-floating-window\", local.class, transition.classes(), {\n            \"smwb-collapsed\": collapsed(),\n          })}\n          style={{\n            left: `${rect().x}px`,\n            top: `${rect().y}px`,\n            width: `${rect().width}px`,\n            ...(collapsed() ? {} : { height: `${rect().height}px` }),\n            ...(local.zIndex === undefined ? {} : { \"z-index\": local.zIndex }),\n            ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n          }}\n          // `on:pointerdown` (native listener), NOT `onPointerDown` (delegated). Solid's\n          // delegated dispatcher walks `_$host`, the LOGICAL owner chain, and Portal sets\n          // `_$host` to its marker's parent — so an event raised inside content a consumer\n          // portals into this window never reaches this handler, and clicking such a panel\n          // would silently fail to raise the window. A native listener follows the real DOM\n          // tree, where the portaled container genuinely is a descendant.\n          on:pointerdown={activate}\n        >\n          <div\n            class=\"smwb-floating-window__header\"\n            data-testid=\"floating-window-header\"\n            onPointerDown={onMoveHandlePointerDown}\n            onPointerMove={onMoveHandlePointerMove}\n            onPointerUp={endMove}\n            onPointerCancel={endMove}\n          >\n            {/* The move affordance is the grip, not the header: the header also hosts the\n                collapse/close buttons and any consumer `headerActions`, and nesting those\n                inside a role=\"button\" is an a11y violation. Pointer drag still works\n                anywhere on the header; only the keyboard affordance lives here. */}\n            <span\n              class=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabindex={0}\n              aria-label={local.moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            <Show when={local.title}>\n              <span class=\"smwb-floating-window__title\" id={titleId}>\n                {local.title}\n              </span>\n            </Show>\n            <div class=\"smwb-floating-window__actions\" data-no-drag>\n              {local.headerActions}\n              <Show when={local.collapsible}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed() ? local.expandAriaLabel : local.collapseAriaLabel}\n                  aria-expanded={!collapsed()}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed() ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              </Show>\n              <Show when={local.onClose}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={local.closeAriaLabel}\n                  onClick={() => local.onClose?.()}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              </Show>\n            </div>\n          </div>\n\n          <Show when={!collapsed()}>\n            <div class=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {local.children}\n            </div>\n          </Show>\n\n          <Show when={local.resizable && !collapsed()}>\n            <For each={RESIZE_ORDER}>\n              {(dir) => (\n                <div\n                  class={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n                  data-testid={`floating-window-resize-${dir}`}\n                  // Only the south-east grip is reachable by keyboard: eight tab stops per\n                  // window would make Tab unusable once a few windows are open.\n                  {...(dir === \"se\"\n                    ? {\n                        role: \"separator\",\n                        tabindex: 0,\n                        \"aria-label\": local.resizeHandleAriaLabel,\n                        \"aria-valuemin\": local.minWidth,\n                        \"aria-valuemax\": Math.round(local.maxWidth ?? viewportOf().width),\n                        \"aria-valuenow\": Math.round(rect().width),\n                        onKeyDown: onResizeHandleKeyDown,\n                      }\n                    : { \"aria-hidden\": true, tabindex: -1 })}\n                  onPointerDown={(event) => onResizePointerDown(dir, event)}\n                  onPointerMove={onResizePointerMove}\n                  onPointerUp={endResize}\n                  onPointerCancel={endResize}\n                />\n              )}\n            </For>\n          </Show>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport default FloatingWindow;\n"],"mappings":"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","names":["rect"],"file":"floatingWindow.jsx"}

package/dist/source/connects/rt/index.js

@@ -0,0 +1,5 @@
+import { Table } from "./table";
+export {
+  Table
+};
+//# sourceMappingURL=index.js.map

package/dist/source/connects/rt/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/connects/rt/index.ts"],
+  "sourcesContent": ["export { Table } from \"./table\";\nexport type { RtTableProps } from \"./table\";\n"],
+  "mappings": "AAAA,SAAS,aAAa;",
+  "names": []
+}

package/dist/source/connects/rt/table/index.js

@@ -0,0 +1,6 @@
+import { Table, default as default2 } from "./table";
+export {
+  Table,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/source/connects/rt/table/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/connects/rt/table/index.ts"],
+  "sourcesContent": ["export { Table, default } from \"./table\";\nexport type { RtTableProps } from \"./table\";\n"],
+  "mappings": "AAAA,SAAS,OAAO,WAAAA,gBAAe;",
+  "names": ["default"]
+}