@smwb/ui-solid 0.12.1 → 0.14.0

package/dist/headless/components/dataDisplay/table/tableHeadCell.js

@@ -1,56 +1,81 @@
-import { use as w, spread as _, mergeProps as x, insert as i, createComponent as d, effect as y, setAttribute as m, template as k, delegateEvents as S } from "solid-js/web";
-import { mergeProps as v, splitProps as $, Show as A } from "solid-js";
-import D from "clsx";
-import { mergeRefs as C } from "../../../primitives/mergeRefs.js";
-import { Icon as P } from "../../base/icon/icon.js";
-var T = /* @__PURE__ */ k("<th><span class=smwb-head-cell__content>");
-const B = ["a[href]", "button", "input", "select", "textarea", "label", "summary", "[tabindex]", "[contenteditable]:not([contenteditable='false'])", ...["button", "link", "checkbox", "radio", "switch", "textbox", "searchbox", "combobox", "spinbutton", "slider", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "tab"].map((s) => `[role='${s}']`)].join(",");
-function z(s) {
-  const b = v({
+import { use as x, spread as T, mergeProps as B, memo as I, insert as m, createComponent as p, effect as P, setAttribute as w, template as A, delegateEvents as E } from "solid-js/web";
+import { mergeProps as H, splitProps as R, children as k, createSignal as L, createUniqueId as O, Show as C, createMemo as q, createComputed as z, onCleanup as K } from "solid-js";
+import M from "clsx";
+import { mergeRefs as N } from "../../../primitives/mergeRefs.js";
+import { isOwnClick as U } from "../../../utils/ownClick.js";
+import { useTableLabels as j, useTableRow as F, useInTableHead as G, textOf as J, cellRowSpan as Q, cellSpan as V } from "./tableColumns.js";
+import { Icon as W } from "../../base/icon/icon.js";
+var X = /* @__PURE__ */ A("<div class=smwb-head-cell__actions>"), Y = /* @__PURE__ */ A("<th><span class=smwb-head-cell__content>");
+function Z(b, i, e, l) {
+  const n = j(), u = F(), f = G(), s = u?.registerCell(b, i, e);
+  if (!n || !s || !f) return;
+  const o = Symbol(), g = q(() => l() || void 0);
+  z(() => {
+    if (!n.stacked() || i() !== 1) return;
+    const c = s.column(), d = s.row();
+    c < 0 || (n.labels.set(c, d, o, g()), K(() => n.labels.remove(c, d, o)));
+  });
+}
+function ae(b) {
+  const i = H({
     cellAlign: "left"
-  }, s), [e, u] = $(b, ["children", "class", "cellAlign", "isSortedByAsc", "isSortedByDesc", "sortable", "sortDirection", "onSort", "ref"]), o = () => e.sortDirection !== void 0 ? e.sortDirection : e.isSortedByAsc ? "asc" : e.isSortedByDesc ? "desc" : !1, f = () => e.sortable ? o() === "asc" ? "ascending" : o() === "desc" ? "descending" : "none" : void 0, g = () => o() === "asc" ? "expand_more" : o() === "desc" ? "expand_less" : "unfold_more", p = (t) => {
+  }, b), [e, l] = R(i, ["children", "class", "cellAlign", "isSortedByAsc", "isSortedByDesc", "sortable", "sortDirection", "onSort", "actions", "label", "ref"]), n = k(() => e.children), [u, f] = L();
+  Z(u, () => V(l.colSpan ?? l.colspan), () => Q(l.rowSpan ?? l.rowspan), () => e.label ?? J(n()));
+  const s = k(() => e.actions), o = () => e.sortDirection !== void 0 ? e.sortDirection : e.isSortedByAsc ? "asc" : e.isSortedByDesc ? "desc" : !1, g = () => e.sortable ? o() === "asc" ? "ascending" : o() === "desc" ? "descending" : "none" : void 0, c = () => o() === "asc" ? "expand_more" : o() === "desc" ? "expand_less" : "unfold_more", d = (t) => {
     !e.sortable || t.target !== t.currentTarget || e.onSort && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.onSort());
-  }, h = (t) => {
-    !e.sortable || t.defaultPrevented || t.target?.closest(B) === t.currentTarget && e.onSort?.();
-  };
+  }, D = (t) => {
+    !e.sortable || !U(t) || e.onSort?.();
+  }, h = `${O()}-label`, v = () => !!s() && l["aria-label"] == null && l["aria-labelledby"] == null;
   return (() => {
-    var t = T(), r = t.firstChild, l = C(e.ref);
-    return typeof l == "function" && w(l, t), _(t, x(u, {
+    var t = Y(), a = t.firstChild, _ = N(e.ref, f);
+    return typeof _ == "function" && x(_, t), T(t, B(l, {
+      get "aria-labelledby"() {
+        return I(() => !!v())() ? h : l["aria-labelledby"];
+      },
       get "aria-sort"() {
-        return f();
+        return g();
       },
       get class() {
-        return D("smwb-table__cell", "smwb-head-cell", e.class, {
+        return M("smwb-table__cell", "smwb-head-cell", e.class, {
           [`smwb-align_${e.cellAlign}`]: !!e.cellAlign,
           "smwb-head-cell_sortable": e.sortable,
           "smwb-head-cell_sorted": !!e.sortable && o() !== !1
         });
       }
-    }), !1, !0), r.$$keydown = p, r.$$click = h, i(r, () => e.children, null), i(r, d(A, {
+    }), !1, !0), a.$$keydown = d, a.$$click = D, m(a, n, null), m(a, p(C, {
       get when() {
         return e.sortable;
       },
       get children() {
-        return d(P, {
+        return p(W, {
           class: "smwb-head-cell__icon",
           get name() {
-            return g();
+            return c();
           },
           size: 18,
           weight: 800
         });
       }
-    }), null), y((n) => {
-      var a = e.sortable ? "button" : void 0, c = e.sortable ? 0 : void 0;
-      return a !== n.e && m(r, "role", n.e = a), c !== n.t && m(r, "tabindex", n.t = c), n;
+    }), null), m(t, p(C, {
+      get when() {
+        return s();
+      },
+      get children() {
+        var r = X();
+        return m(r, s), r;
+      }
+    }), null), P((r) => {
+      var S = v() ? h : void 0, y = e.sortable ? "button" : void 0, $ = e.sortable ? 0 : void 0;
+      return S !== r.e && w(a, "id", r.e = S), y !== r.t && w(a, "role", r.t = y), $ !== r.a && w(a, "tabindex", r.a = $), r;
     }, {
       e: void 0,
-      t: void 0
+      t: void 0,
+      a: void 0
     }), t;
   })();
 }
-S(["click", "keydown"]);
+E(["click", "keydown"]);
 export {
-  z as TableHeadCell
+  ae as TableHeadCell
 };
 //# sourceMappingURL=tableHeadCell.js.map

package/dist/headless/components/dataDisplay/table/tableHeadCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHeadCell.js","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  /**\n   * Enables the interactive sort affordance with keyboard/aria support.\n   *\n   * The children sit inside the sort control, and controls among them keep\n   * their own input: Enter and Space sort only while the sort control itself\n   * has focus, and a click sorts unless it lands in a nested control (input,\n   * button, link, label, anything focusable) or in a portal. Content that is not\n   * a control, such as click-to-edit text, keeps its click from sorting by\n   * calling `preventDefault()` on it. A nested control's name, or its value,\n   * becomes part of the sort control's accessible name.\n   */\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\n/**\n * Whatever takes a click of its own inside the sort control. The control\n * matches too (`role=\"button\"`), so it is the nearest match for a click on the\n * header's text or marker, and only then does the click sort.\n */\nconst INTERACTIVE = [\n  \"a[href]\",\n  \"button\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"label\",\n  \"summary\",\n  \"[tabindex]\",\n  \"[contenteditable]:not([contenteditable='false'])\",\n  ...[\n    \"button\",\n    \"link\",\n    \"checkbox\",\n    \"radio\",\n    \"switch\",\n    \"textbox\",\n    \"searchbox\",\n    \"combobox\",\n    \"spinbutton\",\n    \"slider\",\n    \"menuitem\",\n    \"menuitemcheckbox\",\n    \"menuitemradio\",\n    \"option\",\n    \"tab\",\n  ].map((role) => `[role='${role}']`),\n].join(\",\");\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  // Solid binds event handlers once, so both are always attached and check\n  // `sortable` themselves: a cell can turn sortable, or stop, after it renders.\n\n  // Keys typed into an input or pressed on a button inside bubble up here too;\n  // only the control's own keys sort.\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.sortable || event.target !== event.currentTarget) return;\n    if (local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  // A click sorts only when the control is the nearest thing that takes it. A\n  // click in a Portal rendered inside fails that too: Solid delivers it here,\n  // though it landed outside the control.\n  const onClick: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (!local.sortable || event.defaultPrevented) return;\n    if ((event.target as Element | null)?.closest(INTERACTIVE) !== event.currentTarget) return;\n    local.onSort?.();\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={onClick}\n        onKeyDown={onKeyDown}\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"],"names":["INTERACTIVE","map","role","join","TableHeadCell","props","merged","mergeProps","cellAlign","local","rest","splitProps","direction","sortDirection","undefined","isSortedByAsc","isSortedByDesc","ariaSort","sortable","iconName","onKeyDown","event","target","currentTarget","onSort","key","preventDefault","onClick","defaultPrevented","closest","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","$$keydown","$$click","_$insert","children","_$createComponent","Show","when","Icon","name","size","weight","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"tableHeadCell.js","sources":["../../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import {\n  type Accessor,\n  type JSX,\n  type ParentProps,\n  Show,\n  children,\n  createComputed,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { isOwnClick } from \"../../../utils/ownClick\";\nimport { cellRowSpan, cellSpan, textOf, useInTableHead, useTableLabels, useTableRow } from \"./tableColumns\";\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  /**\n   * Enables the interactive sort affordance with keyboard/aria support.\n   *\n   * The children sit inside the sort control, and controls among them keep\n   * their own input: Enter and Space sort only while the sort control itself\n   * has focus, and a click sorts unless it lands in a nested control (input,\n   * button, link, label, anything focusable) or in a portal. Content that is not\n   * a control, such as click-to-edit text, keeps its click from sorting by\n   * calling `preventDefault()` on it. A nested control's name, or its value,\n   * becomes part of the sort control's accessible name: put controls in\n   * `actions` instead.\n   */\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  /**\n   * The column's controls — a filter field, a menu button, a column resizer —\n   * drawn after the sort control, outside it. Their names and values stay out\n   * of the sort control's accessible name, and their keys and clicks never\n   * reach it. Rendered whether or not the cell is sortable.\n   *\n   * The column header is then named after the children alone: the cell's\n   * `aria-labelledby` points at the sort control, unless the cell is given\n   * `aria-label` or `aria-labelledby`. Named from its content, the header would\n   * take in the controls' names and values too.\n   */\n  actions?: JSX.Element;\n  /**\n   * The column's name for its body cells while the table stacks rows as cards\n   * (`Table stackBelow`). Without it, the text of the children is the name; give\n   * `label` where they hold no text of their own (an icon) or more than the\n   * name, or where their text changes inside markup: the text of markup is read\n   * when it is created. An empty `label` leaves the column's cells unlabelled, so\n   * they fill the card's width.\n   */\n  label?: string;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\n/**\n * A head cell of a stacked table labels its column, for its own head row: the\n * lowest row's label wins. It labels as soon as it is created: the body cells,\n * created after it, read the label at once. In a body row (a row header) it\n * labels nothing, but still takes its column, as the cells after it count it.\n */\nfunction useColumnLabel(\n  element: Accessor<Element | undefined>,\n  span: Accessor<number>,\n  rowSpan: Accessor<number>,\n  text: Accessor<string>\n): void {\n  const table = useTableLabels();\n  const row = useTableRow();\n  const inHead = useInTableHead();\n  const place = row?.registerCell(element, span, rowSpan);\n  if (!table || !place || !inHead) return;\n  const owner = Symbol();\n  const label = createMemo(() => text() || undefined);\n  createComputed(() => {\n    if (!table.stacked() || span() !== 1) return;\n    const column = place.column();\n    const at = place.row();\n    if (column < 0) return;\n    table.labels.set(column, at, owner, label());\n    onCleanup(() => table.labels.remove(column, at, owner));\n  });\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    \"actions\",\n    \"label\",\n    \"ref\",\n  ]);\n\n  // Read once: the content is drawn, and its text names the column.\n  const content = children(() => local.children);\n  const [element, setElement] = createSignal<HTMLTableCellElement>();\n  useColumnLabel(\n    element,\n    () => cellSpan(rest.colSpan ?? rest.colspan),\n    () => cellRowSpan(rest.rowSpan ?? rest.rowspan),\n    () => local.label ?? textOf(content())\n  );\n\n  // Read once: markup passed as a prop is created anew on every read, and\n  // during hydration a copy the server never rendered has no DOM node.\n  const actions = children(() => local.actions);\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  // Solid binds event handlers once, so both are always attached and check\n  // `sortable` themselves: a cell can turn sortable, or stop, after it renders.\n\n  // Keys typed into an input or pressed on a button inside bubble up here too;\n  // only the control's own keys sort.\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.sortable || event.target !== event.currentTarget) return;\n    if (local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  // A click sorts only when the control is the nearest thing that takes it. A\n  // click in a Portal rendered inside fails that too: Solid delivers it here,\n  // though it landed outside the control.\n  const onClick: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (!local.sortable || !isOwnClick(event)) return;\n    local.onSort?.();\n  };\n\n  // With actions drawn, the column header is named after the content of its\n  // sort control, not after the whole cell: the controls' names and the text\n  // typed into them would join the header's name.\n  const labelId = `${createUniqueId()}-label`;\n  const labelled = (): boolean => !!actions() && rest[\"aria-label\"] == null && rest[\"aria-labelledby\"] == null;\n\n  return (\n    <th\n      {...rest}\n      ref={mergeRefs(local.ref, setElement)}\n      aria-labelledby={labelled() ? labelId : rest[\"aria-labelledby\"]}\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        id={labelled() ? labelId : undefined}\n        class=\"smwb-head-cell__content\"\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        role={local.sortable ? \"button\" : undefined}\n        tabindex={local.sortable ? 0 : undefined}\n      >\n        {content()}\n        <Show when={local.sortable}>\n          <Icon class=\"smwb-head-cell__icon\" name={iconName()} size={18} weight={800} />\n        </Show>\n      </span>\n      <Show when={actions()}>\n        <div class=\"smwb-head-cell__actions\">{actions()}</div>\n      </Show>\n    </th>\n  );\n}\n\nexport default TableHeadCell;\n"],"names":["useColumnLabel","element","span","rowSpan","text","table","useTableLabels","row","useTableRow","inHead","useInTableHead","place","registerCell","owner","Symbol","label","createMemo","undefined","createComputed","stacked","column","at","labels","set","onCleanup","remove","TableHeadCell","props","merged","mergeProps","cellAlign","local","rest","splitProps","content","children","setElement","createSignal","cellSpan","colSpan","colspan","cellRowSpan","rowspan","textOf","actions","direction","sortDirection","isSortedByAsc","isSortedByDesc","ariaSort","sortable","iconName","onKeyDown","event","target","currentTarget","onSort","key","preventDefault","onClick","isOwnClick","labelId","createUniqueId","labelled","_el$","_tmpl$2","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","_$memo","cn","class","$$keydown","$$click","_$insert","_$createComponent","Show","when","Icon","name","size","weight","_el$3","_tmpl$","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","_$delegateEvents"],"mappings":"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"}

package/dist/headless/components/dataDisplay/table/tableHtmlText.js

@@ -0,0 +1,121 @@
+import { NAMED_REFERENCES as x, LEGACY_REFERENCES as A } from "./tableEntities.js";
+let u, d;
+function S() {
+  return (!u || !d) && (u = new Map(
+    x.split(",").map((e) => {
+      const [i, n] = e.split(":");
+      return [i, String.fromCodePoint(...n.split(".").map((s) => parseInt(s, 36)))];
+    })
+  ), d = new Set(A.split(","))), { named: u, legacy: d };
+}
+const w = {
+  128: 8364,
+  130: 8218,
+  131: 402,
+  132: 8222,
+  133: 8230,
+  134: 8224,
+  135: 8225,
+  136: 710,
+  137: 8240,
+  138: 352,
+  139: 8249,
+  140: 338,
+  142: 381,
+  145: 8216,
+  146: 8217,
+  147: 8220,
+  148: 8221,
+  149: 8226,
+  150: 8211,
+  151: 8212,
+  152: 732,
+  153: 8482,
+  154: 353,
+  155: 8250,
+  156: 339,
+  158: 382,
+  159: 376
+};
+function E(e) {
+  return e === 0 || e > 1114111 || e >= 55296 && e <= 57343 ? "�" : String.fromCodePoint(w[e] ?? e);
+}
+function l(e) {
+  return e.replace(/&(?:#([0-9]+);?|#[xX]([0-9a-fA-F]+);?|([A-Za-z0-9]+)(;?))/g, (i, n, s, t, c) => {
+    if (n !== void 0) return E(Number.parseInt(n, 10));
+    if (s !== void 0) return E(Number.parseInt(s, 16));
+    const r = S(), o = t;
+    if (c) {
+      const f = r.named.get(o);
+      if (f !== void 0) return f;
+    }
+    for (let f = Math.min(o.length, 6); f > 1; f--) {
+      const a = o.slice(0, f);
+      if (r.legacy.has(a)) return r.named.get(a) + i.slice(1 + f);
+    }
+    return i;
+  });
+}
+const C = /* @__PURE__ */ new Set(["script", "style", "xmp", "iframe", "noembed", "noframes"]), N = /* @__PURE__ */ new Set(["textarea", "title"]);
+function R(e) {
+  let i = "", n = 0, s;
+  for (; n < e.length; ) {
+    const t = e.indexOf("<", n);
+    if (t < 0) break;
+    const c = e[t + 1] ?? "";
+    let r;
+    if (e.startsWith("<!--", t))
+      if (e.startsWith(">", t + 4)) r = t + 5;
+      else if (e.startsWith("->", t + 4)) r = t + 6;
+      else {
+        const o = e.indexOf("-->", t + 4);
+        r = o < 0 ? e.length : o + 3;
+      }
+    else if (/[A-Za-z]/.test(c)) {
+      r = g(e, t + 1);
+      const o = /^[A-Za-z][^\s/>]*/.exec(e.slice(t + 1, t + 10))?.[0].toLowerCase() ?? "", f = C.has(o);
+      if (f || N.has(o)) {
+        s ?? (s = e.toLowerCase());
+        const a = O(s, o, r), p = e.slice(r, a);
+        i += l(e.slice(n, t)) + (f ? p : l(p)), n = a < e.length ? g(e, a + 1) : a;
+        continue;
+      }
+    } else if (c === "/")
+      r = g(e, t + 1);
+    else if (c === "!" || c === "?") {
+      const o = e.indexOf(">", t);
+      r = o < 0 ? e.length : o + 1;
+    } else {
+      i += l(e.slice(n, t + 1)), n = t + 1;
+      continue;
+    }
+    i += l(e.slice(n, t)), n = r;
+  }
+  return i + l(e.slice(n));
+}
+function O(e, i, n) {
+  for (let s = e.indexOf(`</${i}`, n); s >= 0; s = e.indexOf(`</${i}`, s + 1)) {
+    const t = e[s + 2 + i.length];
+    if (t === void 0 || /[\s/>]/.test(t)) return s;
+  }
+  return e.length;
+}
+function g(e, i) {
+  let n = i, s = !1;
+  for (; n < e.length; ) {
+    const t = e[n];
+    if (t === ">") return n + 1;
+    if (s && (t === '"' || t === "'")) {
+      const c = e.indexOf(t, n + 1);
+      if (c < 0) return e.length;
+      n = c + 1, s = !1;
+      continue;
+    }
+    t === "=" ? s = !0 : /\s/.test(t) || (s = !1), n++;
+  }
+  return e.length;
+}
+export {
+  R as htmlText
+};
+//# sourceMappingURL=tableHtmlText.js.map

package/dist/headless/components/dataDisplay/table/tableHtmlText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHtmlText.js","sources":["../../../../../src/components/dataDisplay/table/tableHtmlText.ts"],"sourcesContent":["import { LEGACY_REFERENCES, NAMED_REFERENCES } from \"./tableEntities\";\n\nlet named: Map<string, string> | undefined;\nlet legacy: Set<string> | undefined;\n\nfunction references(): { named: Map<string, string>; legacy: Set<string> } {\n  if (!named || !legacy) {\n    named = new Map(\n      NAMED_REFERENCES.split(\",\").map((entry) => {\n        const [name, points] = entry.split(\":\") as [string, string];\n        return [name, String.fromCodePoint(...points.split(\".\").map((point) => parseInt(point, 36)))];\n      })\n    );\n    legacy = new Set(LEGACY_REFERENCES.split(\",\"));\n  }\n  return { named, legacy };\n}\n\n// Numeric references to C1 controls that browsers read as windows-1252.\nconst WINDOWS_1252: Record<number, number> = {\n  0x80: 0x20ac,\n  0x82: 0x201a,\n  0x83: 0x0192,\n  0x84: 0x201e,\n  0x85: 0x2026,\n  0x86: 0x2020,\n  0x87: 0x2021,\n  0x88: 0x02c6,\n  0x89: 0x2030,\n  0x8a: 0x0160,\n  0x8b: 0x2039,\n  0x8c: 0x0152,\n  0x8e: 0x017d,\n  0x91: 0x2018,\n  0x92: 0x2019,\n  0x93: 0x201c,\n  0x94: 0x201d,\n  0x95: 0x2022,\n  0x96: 0x2013,\n  0x97: 0x2014,\n  0x98: 0x02dc,\n  0x99: 0x2122,\n  0x9a: 0x0161,\n  0x9b: 0x203a,\n  0x9c: 0x0153,\n  0x9e: 0x017e,\n  0x9f: 0x0178,\n};\n\nfunction fromNumber(value: number): string {\n  if (value === 0 || value > 0x10ffff || (value >= 0xd800 && value <= 0xdfff)) return \"�\";\n  return String.fromCodePoint(WINDOWS_1252[value] ?? value);\n}\n\n/** Reads the character references of HTML text as a browser does. */\nfunction decode(text: string): string {\n  return text.replace(/&(?:#([0-9]+);?|#[xX]([0-9a-fA-F]+);?|([A-Za-z0-9]+)(;?))/g, (match, dec, hex, name, semi) => {\n    if (dec !== undefined) return fromNumber(Number.parseInt(dec as string, 10));\n    if (hex !== undefined) return fromNumber(Number.parseInt(hex as string, 16));\n    const refs = references();\n    const word = name as string;\n    if (semi) {\n      const char = refs.named.get(word);\n      if (char !== undefined) return char;\n    }\n    // Without a \";\" (or with an unknown name before it), the longest name that\n    // counts without one is read, and the rest stays as written.\n    for (let length = Math.min(word.length, 6); length > 1; length--) {\n      const prefix = word.slice(0, length);\n      if (refs.legacy.has(prefix)) return refs.named.get(prefix)! + match.slice(1 + length);\n    }\n    return match;\n  });\n}\n\n// Elements whose content is text up to their end tag: kept as written (raw\n// text), or with its character references decoded (escapable raw text).\nconst RAW_TEXT = new Set([\"script\", \"style\", \"xmp\", \"iframe\", \"noembed\", \"noframes\"]);\nconst ESCAPABLE_RAW_TEXT = new Set([\"textarea\", \"title\"]);\n\n/**\n * The text of a piece of HTML, as `textContent` reads it once a browser has\n * parsed it: tags and comments dropped (`>` inside a quoted attribute value\n * included), and character references, named or numeric, decoded. The content\n * of `<script>`, `<style>`, `<textarea>`, `<title>` and the like is text up to\n * the end tag, as the browser reads it.\n */\nexport function htmlText(html: string): string {\n  let text = \"\";\n  let at = 0;\n  let lower: string | undefined;\n  while (at < html.length) {\n    const open = html.indexOf(\"<\", at);\n    if (open < 0) break;\n    const next = html[open + 1] ?? \"\";\n    let end: number;\n    if (html.startsWith(\"<!--\", open)) {\n      if (html.startsWith(\">\", open + 4)) end = open + 5;\n      else if (html.startsWith(\"->\", open + 4)) end = open + 6;\n      else {\n        const close = html.indexOf(\"-->\", open + 4);\n        end = close < 0 ? html.length : close + 3;\n      }\n    } else if (/[A-Za-z]/.test(next)) {\n      end = tagEnd(html, open + 1);\n      const name = /^[A-Za-z][^\\s/>]*/.exec(html.slice(open + 1, open + 10))?.[0].toLowerCase() ?? \"\";\n      const raw = RAW_TEXT.has(name);\n      if (raw || ESCAPABLE_RAW_TEXT.has(name)) {\n        lower ??= html.toLowerCase();\n        const close = endTag(lower, name, end);\n        const content = html.slice(end, close);\n        text += decode(html.slice(at, open)) + (raw ? content : decode(content));\n        at = close < html.length ? tagEnd(html, close + 1) : close;\n        continue;\n      }\n    } else if (next === \"/\") {\n      end = tagEnd(html, open + 1);\n    } else if (next === \"!\" || next === \"?\") {\n      const close = html.indexOf(\">\", open);\n      end = close < 0 ? html.length : close + 1;\n    } else {\n      // A \"<\" that starts no tag is text.\n      text += decode(html.slice(at, open + 1));\n      at = open + 1;\n      continue;\n    }\n    text += decode(html.slice(at, open));\n    at = end;\n  }\n  return text + decode(html.slice(at));\n}\n\n/** Where the end tag of a raw-text element starts, in the lower-cased markup; its length if there is none. */\nfunction endTag(lower: string, name: string, from: number): number {\n  for (let at = lower.indexOf(`</${name}`, from); at >= 0; at = lower.indexOf(`</${name}`, at + 1)) {\n    const after = lower[at + 2 + name.length];\n    if (after === undefined || /[\\s/>]/.test(after)) return at;\n  }\n  return lower.length;\n}\n\n/** Where a tag that starts at `from` ends: after its \">\", skipping quoted attribute values. */\nfunction tagEnd(html: string, from: number): number {\n  let at = from;\n  let afterEquals = false;\n  while (at < html.length) {\n    const char = html[at]!;\n    if (char === \">\") return at + 1;\n    if (afterEquals && (char === '\"' || char === \"'\")) {\n      const close = html.indexOf(char, at + 1);\n      if (close < 0) return html.length;\n      at = close + 1;\n      afterEquals = false;\n      continue;\n    }\n    if (char === \"=\") afterEquals = true;\n    else if (!/\\s/.test(char)) afterEquals = false;\n    at++;\n  }\n  return html.length;\n}\n"],"names":["named","legacy","references","NAMED_REFERENCES","entry","name","points","point","LEGACY_REFERENCES","WINDOWS_1252","fromNumber","value","decode","text","match","dec","hex","semi","refs","word","char","length","prefix","RAW_TEXT","ESCAPABLE_RAW_TEXT","htmlText","html","at","lower","open","next","end","close","tagEnd","raw","endTag","content","from","after","afterEquals"],"mappings":"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"}

package/dist/headless/components/dataDisplay/table/tableRow.js

@@ -1,16 +1,19 @@
-import { use as o, spread as d, mergeProps as l, insert as n, template as p } from "solid-js/web";
-import { splitProps as c } from "solid-js";
-import i from "clsx";
-import { mergeRefs as m } from "../../../primitives/mergeRefs.js";
-var f = /* @__PURE__ */ p("<tr>");
-function x(a) {
-  const [e, s] = c(a, ["children", "class", "selected", "expanded", "ref"]);
+import { use as m, spread as i, mergeProps as p, insert as u, createComponent as s, template as b } from "solid-js/web";
+import { splitProps as f, createSignal as _ } from "solid-js";
+import g from "clsx";
+import { mergeRefs as w } from "../../../primitives/mergeRefs.js";
+import { useTableLabels as v, createRowColumns as x, useTableSection as h, TableRowContext as C, ChildElements as R } from "./tableColumns.js";
+var T = /* @__PURE__ */ b("<tr>");
+function k(n) {
+  const [e, o] = f(n, ["children", "class", "selected", "expanded", "ref", "data-testid"]), l = v(), [d, c] = _(), r = x(() => !!l?.stacked(), h(), d);
   return (() => {
-    var r = f(), t = m(e.ref);
-    return typeof t == "function" && o(t, r), d(r, l(s, {
-      "data-testid": "table-row",
+    var t = T(), a = w(e.ref, c);
+    return typeof a == "function" && m(a, t), i(t, p(o, {
+      get "data-testid"() {
+        return e["data-testid"] ?? "table-row";
+      },
       get class() {
-        return i("smwb-table__row", e.class, {
+        return g("smwb-table__row", e.class, {
           "smwb-table__row_selected": e.selected,
           "smwb-table__row_expanded": e.expanded
         });
@@ -21,10 +24,22 @@ function x(a) {
       get "aria-expanded"() {
         return e.expanded ?? void 0;
       }
-    }), !1, !0), n(r, () => e.children), r;
+    }), !1, !0), u(t, s(C.Provider, {
+      value: r,
+      get children() {
+        return s(R, {
+          get onItems() {
+            return r.setItems;
+          },
+          get children() {
+            return e.children;
+          }
+        });
+      }
+    })), t;
   })();
 }
 export {
-  x as TableRow
+  k as TableRow
 };
 //# sourceMappingURL=tableRow.js.map

package/dist/headless/components/dataDisplay/table/tableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableRow.js","sources":["../../../../../src/components/dataDisplay/table/tableRow.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {\n  /** Marks the row as selected (adds aria-selected + styling). */\n  selected?: boolean;\n  /** Reflects expandable-row state (adds aria-expanded + styling). */\n  expanded?: boolean;\n  ref?: Ref<HTMLTableRowElement>;\n}\n\nexport function TableRow(props: ParentProps<TableRowProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"selected\", \"expanded\", \"ref\"]);\n  return (\n    <tr\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"table-row\"\n      class={cn(\"smwb-table__row\", local.class, {\n        \"smwb-table__row_selected\": local.selected,\n        \"smwb-table__row_expanded\": local.expanded,\n      })}\n      aria-selected={local.selected ?? undefined}\n      aria-expanded={local.expanded ?? undefined}\n    >\n      {local.children}\n    </tr>\n  );\n}\n\nexport default TableRow;\n"],"names":["TableRow","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","selected","expanded","undefined","_$insert","children"],"mappings":";;;;;AAYO,SAASA,EAASC,GAAgD;AACvE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,YAAY,YAAY,KAAK,CAAC;AAC5F,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,eAEI;AAAA,MAAW,IAAA,QAAA;AAAA,eAChBU,EAAG,mBAAmBX,EAAMY,OAAO;AAAA,UACxC,4BAA4BZ,EAAMa;AAAAA,UAClC,4BAA4Bb,EAAMc;AAAAA,QAAAA,CACnC;AAAA,MAAC;AAAA,MAAA,IAAA,kBAAA;AAAA,eACad,EAAMa,YAAYE;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eAC3Bf,EAAMc,YAAYC;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAb,GAAA,MAEzCH,EAAMiB,QAAQ,GAAAd;AAAAA,EAAA,GAAA;AAGrB;"}
+{"version":3,"file":"tableRow.js","sources":["../../../../../src/components/dataDisplay/table/tableRow.tsx"],"sourcesContent":["import { type JSX, type ParentProps, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { ChildElements, TableRowContext, createRowColumns, useTableLabels, useTableSection } from \"./tableColumns\";\n\nexport interface TableRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {\n  /** Marks the row as selected (adds aria-selected + styling). */\n  selected?: boolean;\n  /** Reflects expandable-row state (adds aria-expanded + styling). */\n  expanded?: boolean;\n  /** Test id of the `<tr>`; `table-row` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLTableRowElement>;\n}\n\nexport function TableRow(props: ParentProps<TableRowProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"selected\", \"expanded\", \"ref\", \"data-testid\"]);\n  // Each cell learns its column, by which a body cell of a stacked table finds\n  // its label in the head.\n  const table = useTableLabels();\n  const [element, setElement] = createSignal<HTMLTableRowElement>();\n  const columns = createRowColumns(() => !!table?.stacked(), useTableSection(), element);\n  return (\n    <tr\n      {...rest}\n      ref={mergeRefs(local.ref, setElement)}\n      data-testid={local[\"data-testid\"] ?? \"table-row\"}\n      class={cn(\"smwb-table__row\", local.class, {\n        \"smwb-table__row_selected\": local.selected,\n        \"smwb-table__row_expanded\": local.expanded,\n      })}\n      // `selected` and `expanded` win over the caller's aria-selected and\n      // aria-expanded; without them (undefined), the caller's stay.\n      aria-selected={local.selected ?? undefined}\n      aria-expanded={local.expanded ?? undefined}\n    >\n      <TableRowContext.Provider value={columns}>\n        <ChildElements onItems={columns.setItems}>{local.children}</ChildElements>\n      </TableRowContext.Provider>\n    </tr>\n  );\n}\n\nexport default TableRow;\n"],"names":["TableRow","props","local","rest","splitProps","table","useTableLabels","element","setElement","createSignal","columns","createRowColumns","stacked","useTableSection","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","selected","expanded","undefined","_$insert","_$createComponent","TableRowContext","Provider","value","children","ChildElements","onItems","setItems"],"mappings":";;;;;;AAeO,SAASA,EAASC,GAAgD;AACvE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,YAAY,YAAY,OAAO,aAAa,CAAC,GAGrGI,IAAQC,EAAAA,GACR,CAACC,GAASC,CAAU,IAAIC,EAAAA,GACxBC,IAAUC,EAAiB,MAAM,CAAC,CAACN,GAAOO,QAAAA,GAAWC,EAAAA,GAAmBN,CAAO;AACrF,UAAA,MAAA;AAAA,QAAAO,IAAAC,EAAAA,GAAAC,IAGSC,EAAUf,EAAMgB,KAAKV,CAAU;AAAC,kBAAAQ,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADjClB,GAAI;AAAA,MAAA,IAAA,gBAAA;AAAA,eAEKD,EAAM,aAAa,KAAK;AAAA,MAAW;AAAA,MAAA,IAAA,QAAA;AAAA,eACzCoB,EAAG,mBAAmBpB,EAAMqB,OAAO;AAAA,UACxC,4BAA4BrB,EAAMsB;AAAAA,UAClC,4BAA4BtB,EAAMuB;AAAAA,QAAAA,CACnC;AAAA,MAAC;AAAA,MAAA,IAAA,kBAAA;AAAA,eAGavB,EAAMsB,YAAYE;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eAC3BxB,EAAMuB,YAAYC;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAb,GAAAc,EAEzCC,EAAgBC,UAAQ;AAAA,MAACC,OAAOrB;AAAAA,MAAO,IAAAsB,WAAA;AAAA,eAAAJ,EACrCK,GAAa;AAAA,UAAA,IAACC,UAAO;AAAA,mBAAExB,EAAQyB;AAAAA,UAAQ;AAAA,UAAA,IAAAH,WAAA;AAAA,mBAAG9B,EAAM8B;AAAAA,UAAQ;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAlB;AAAAA,EAAA,GAAA;AAIjE;"}

package/dist/headless/components/dataDisplay/thumbCard/thumbCard.js

@@ -1,58 +1,86 @@
-import { use as w, spread as T, mergeProps as L, memo as y, insert as n, createComponent as l, Portal as x, effect as $, setAttribute as F, style as K, isServer as M, template as o } from "solid-js/web";
-import { mergeProps as O, splitProps as R, children as v, createSignal as A, onCleanup as I, Show as c } from "solid-js";
-import j from "clsx";
-import { createFloating as q } from "../../../primitives/createFloating.js";
-import { mergeRefs as B } from "../../../primitives/mergeRefs.js";
-import { LazyImage as G } from "../lazyImage/lazyImage.js";
-var H = /* @__PURE__ */ o('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--start">'), J = /* @__PURE__ */ o('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--end">'), N = /* @__PURE__ */ o("<div class=smwb-thumb-card__caption>"), Q = /* @__PURE__ */ o("<div class=smwb-thumb-card__preview>"), U = /* @__PURE__ */ o("<div><div class=smwb-thumb-card__media>"), V = /* @__PURE__ */ o("<img alt>");
-function re(S) {
-  const P = O({
+import { use as v, spread as P, mergeProps as C, memo as k, insert as o, createComponent as l, Portal as A, effect as D, setAttribute as H, style as I, isServer as j, template as s } from "solid-js/web";
+import { mergeProps as q, splitProps as B, children as f, createSignal as G, onCleanup as J, Show as c } from "solid-js";
+import N from "clsx";
+import { createFloating as Q } from "../../../primitives/createFloating.js";
+import { mergeRefs as U } from "../../../primitives/mergeRefs.js";
+import { callHandler as m } from "../../../primitives/callHandler.js";
+import { isOwnClick as V } from "../../../utils/ownClick.js";
+import { splitControlProps as W } from "../../../utils/controlProps.js";
+import { LazyImage as X } from "../lazyImage/lazyImage.js";
+var Y = /* @__PURE__ */ s("<div class=smwb-thumb-card__caption>"), Z = /* @__PURE__ */ s('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--start">'), ee = /* @__PURE__ */ s('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--end">'), te = /* @__PURE__ */ s("<div class=smwb-thumb-card__preview>"), re = /* @__PURE__ */ s("<div><div><div class=smwb-thumb-card__media>"), oe = /* @__PURE__ */ s("<img alt>");
+function pe(E) {
+  const M = q({
     lazy: !0,
     hoverDelay: 350
-  }, S), [e, k] = R(P, ["src", "caption", "selected", "onSelect", "fallback", "hoverPreview", "topStart", "topEnd", "lazy", "disabled", "hoverDelay", "class", "ref"]), p = v(() => e.topStart), b = v(() => e.topEnd), h = v(() => e.caption), d = q({
+  }, E), [e, z] = B(M, [
+    "src",
+    "caption",
+    "selected",
+    "onSelect",
+    "fallback",
+    "hoverPreview",
+    "topStart",
+    "topEnd",
+    "lazy",
+    "disabled",
+    "hoverDelay",
+    "class",
+    "ref",
+    // The card sets these on its root too; its own handlers call the caller's.
+    "onClick",
+    "onKeyDown",
+    "onMouseEnter",
+    "onMouseLeave"
+  ]), [h, L] = W(z);
+  let d;
+  const g = f(() => e.topStart), _ = f(() => e.topEnd), w = f(() => e.caption), u = Q({
     placement: () => "right"
-  }), [D, g] = A(!1);
+  }), [T, y] = G(!1);
   let i;
-  const m = () => {
+  const p = () => {
     i && (clearTimeout(i), i = void 0);
-  }, E = () => {
-    e.hoverPreview == null || e.disabled || (m(), i = setTimeout(() => g(!0), e.hoverDelay));
-  }, z = () => {
-    m(), g(!1);
+  }, x = (t) => {
+    m(e.onMouseEnter, t), !(e.hoverPreview == null || e.disabled) && (p(), i = setTimeout(() => y(!0), e.hoverDelay));
+  }, K = (t) => {
+    m(e.onMouseLeave, t), p(), y(!1);
   };
-  I(m);
-  const a = () => !!e.onSelect && !e.disabled, C = (r) => {
-    a() && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onSelect?.());
+  J(p);
+  const b = () => !!e.onSelect && !e.disabled, O = (t) => {
+    if (e.disabled) return;
+    const n = V(t, d ?? null);
+    m(e.onClick, t), n && e.onSelect?.();
+  }, F = (t) => {
+    m(e.onKeyDown, t), !(!b() || t.target !== d) && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.onSelect?.());
   };
   return (() => {
-    var r = U(), u = r.firstChild, f = B(e.ref, (t) => d.setReference(t));
-    return typeof f == "function" && w(f, r), T(r, L(k, {
+    var t = re(), n = t.firstChild, R = n.firstChild, $ = U(e.ref, (r) => u.setReference(r));
+    return typeof $ == "function" && v($, t), P(t, C(L, {
       get class() {
-        return j("smwb-thumb-card", e.class, {
+        return N("smwb-thumb-card", e.class, {
           "smwb-thumb-card--selected": e.selected,
           "smwb-thumb-card--disabled": e.disabled,
-          "smwb-thumb-card--interactive": a()
+          "smwb-thumb-card--interactive": b()
         });
       },
+      onClick: O,
+      onKeyDown: F,
+      onMouseEnter: x,
+      onMouseLeave: K
+    }), !1, !0), v((r) => d = r, n), P(n, C(h, {
+      class: "smwb-thumb-card__content",
       get role() {
-        return a() ? "button" : void 0;
+        return e.onSelect ? "button" : void 0;
       },
       get tabindex() {
-        return a() ? 0 : void 0;
+        return h.tabindex ?? (b() ? 0 : void 0);
       },
       get "aria-pressed"() {
-        return y(() => !!e.onSelect)() ? e.selected ?? !1 : void 0;
+        return k(() => !!e.onSelect)() ? e.selected ?? !1 : void 0;
       },
       get "aria-disabled"() {
         return e.disabled || void 0;
-      },
-      get onClick() {
-        return a() ? () => e.onSelect?.() : void 0;
-      },
-      onKeyDown: C,
-      onMouseEnter: E,
-      onMouseLeave: z
-    }), !1, !0), n(u, l(G, {
+      }
+    }), !1, !0), o(R, l(X, {
       get src() {
         return e.src;
       },
@@ -62,52 +90,52 @@ function re(S) {
       get fallback() {
         return e.fallback;
       }
-    }), null), n(u, l(c, {
+    })), o(n, l(c, {
       get when() {
-        return p();
+        return w();
       },
       get children() {
-        var t = H();
-        return n(t, p), t;
+        var r = Y();
+        return o(r, w), r;
       }
-    }), null), n(u, l(c, {
+    }), null), o(t, l(c, {
       get when() {
-        return b();
+        return g();
       },
       get children() {
-        var t = J();
-        return n(t, b), t;
+        var r = Z();
+        return o(r, g), r;
       }
-    }), null), n(r, l(c, {
+    }), null), o(t, l(c, {
       get when() {
-        return h();
+        return _();
       },
       get children() {
-        var t = N();
-        return n(t, h), t;
+        var r = ee();
+        return o(r, _), r;
       }
-    }), null), n(r, l(c, {
+    }), null), o(t, l(c, {
       get when() {
-        return D() && !M;
+        return T() && !j;
       },
       get children() {
-        return l(x, {
+        return l(A, {
           get children() {
-            var t = Q();
-            return w((s) => d.setFloating(s), t), n(t, (() => {
-              var s = y(() => typeof e.hoverPreview == "string");
-              return () => s() ? (() => {
-                var _ = V();
-                return $(() => F(_, "src", e.hoverPreview)), _;
+            var r = te();
+            return v((a) => u.setFloating(a), r), o(r, (() => {
+              var a = k(() => typeof e.hoverPreview == "string");
+              return () => a() ? (() => {
+                var S = oe();
+                return D(() => H(S, "src", e.hoverPreview)), S;
               })() : e.hoverPreview;
-            })()), $((s) => K(t, d.floatingStyles(), s)), t;
+            })()), D((a) => I(r, u.floatingStyles(), a)), r;
           }
         });
       }
-    }), null), r;
+    }), null), t;
   })();
 }
 export {
-  re as ThumbCard
+  pe as ThumbCard
 };
 //# sourceMappingURL=thumbCard.js.map