@smwb/ui-solid 0.11.1 → 0.12.0

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

@@ -1,42 +1,43 @@
-import { use as w, spread as _, mergeProps as p, insert as n, createComponent as a, effect as h, className as d, template as f } from "solid-js/web";
-import '../../../assets/styles/less/components/table/table.entry.css';/* empty css                                                     */
-import { splitProps as v, Show as b } from "solid-js";
+import { use as h, spread as u, mergeProps as d, insert as a, createComponent as i, effect as v, className as b, template as _ } from "solid-js/web";
+import '../../../assets/styles/less/components/table/table.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                     */
+import { splitProps as k, children as $, Show as w } from "solid-js";
 import s from "clsx";
-import { TablePagination as $ } from "./tablePagination/tablePagination.js";
-import { mergeRefs as y } from "../../../primitives/mergeRefs.js";
-var P = /* @__PURE__ */ f("<caption class=smwb-table__caption>"), S = /* @__PURE__ */ f("<div><div><table>");
-function N(g) {
-  const [e, u] = v(g, ["class", "dense", "hovered", "children", "paginationSettings", "isLoading", "stickyHeader", "caption", "ref"]);
+import { TablePagination as y } from "./tablePagination/tablePagination.js";
+import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
+var S = /* @__PURE__ */ _("<caption class=smwb-table__caption>"), B = /* @__PURE__ */ _("<div><div><table>");
+function j(f) {
+  const [e, g] = k(f, ["class", "dense", "hovered", "children", "paginationSettings", "isLoading", "stickyHeader", "caption", "stackBelow", "ref"]), o = $(() => e.caption);
   return (() => {
-    var r = S(), o = r.firstChild, i = o.firstChild, l = y(e.ref);
-    return typeof l == "function" && w(l, r), _(r, p(u, {
+    var r = B(), l = r.firstChild, n = l.firstChild, c = P(e.ref);
+    return typeof c == "function" && h(c, r), u(r, d(g, {
       get class() {
         return s("smwb-table__wrapper", e.class, {
           "smwb-table__wrapper_loading": e.isLoading
-        });
+        }, e.stackBelow && `smwb-table__wrapper_stack-${e.stackBelow}`);
       }
-    }), !1, !0), n(i, a(b, {
+    }), !1, !0), a(n, i(w, {
       get when() {
-        return e.caption != null;
+        return o() != null;
       },
       get children() {
-        var t = P();
-        return n(t, () => e.caption), t;
+        var t = S();
+        return a(t, o), t;
       }
-    }), null), n(i, () => e.children, null), n(r, a(b, {
+    }), null), a(n, () => e.children, null), a(r, i(w, {
       get when() {
         return e.paginationSettings;
       },
-      children: (t) => a($, p(t))
-    }), null), h((t) => {
+      children: (t) => i(y, d(t))
+    }), null), v((t) => {
       var m = s("smwb-table__container", {
         "smwb-withPagination": !!e.paginationSettings
-      }), c = s("smwb-table", {
+      }), p = s("smwb-table", {
         "smwb-dense": e.dense,
         "smwb-hovered": e.hovered,
         "smwb-table_sticky-header": e.stickyHeader
       });
-      return m !== t.e && d(o, t.e = m), c !== t.t && d(i, t.t = c), t;
+      return m !== t.e && b(l, t.e = m), p !== t.t && b(n, t.t = p), t;
     }, {
       e: void 0,
       t: void 0
@@ -44,6 +45,6 @@ function N(g) {
   })();
 }
 export {
-  N as Table
+  j as Table
 };
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TablePagination, type TablePaginationProps } from \"./tablePagination/tablePagination\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n  isLoading?: boolean;\n  hovered?: boolean;\n  /** Pins the table header while the body scrolls. */\n  stickyHeader?: boolean;\n  /** Optional accessible caption rendered for screen readers. */\n  caption?: JSX.Element;\n  paginationSettings?: TablePaginationProps;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Table(props: ParentProps<TableProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"dense\",\n    \"hovered\",\n    \"children\",\n    \"paginationSettings\",\n    \"isLoading\",\n    \"stickyHeader\",\n    \"caption\",\n    \"ref\",\n  ]);\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-table__wrapper\", local.class, { \"smwb-table__wrapper_loading\": local.isLoading })}\n    >\n      <div class={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!local.paginationSettings })}>\n        <table\n          class={cn(\"smwb-table\", {\n            \"smwb-dense\": local.dense,\n            \"smwb-hovered\": local.hovered,\n            \"smwb-table_sticky-header\": local.stickyHeader,\n          })}\n        >\n          <Show when={local.caption != null}>\n            <caption class=\"smwb-table__caption\">{local.caption}</caption>\n          </Show>\n          {local.children}\n        </table>\n      </div>\n      <Show when={local.paginationSettings}>\n        {(settings) => <TablePagination {...settings()} />}\n      </Show>\n    </div>\n  );\n}\n\nexport default Table;\n"],"names":["Table","props","local","rest","splitProps","_el$","_tmpl$2","_el$2","firstChild","_el$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","isLoading","_$insert","_$createComponent","Show","when","caption","children","_el$4","_tmpl$","paginationSettings","settings","TablePagination","_$effect","_p$","_v$","_v$2","dense","hovered","stickyHeader","e","_$className","t","undefined"],"mappings":";;;;;;;AAkBO,SAASA,EAAMC,GAA6C;AACjE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,SACA,WACA,YACA,sBACA,aACA,gBACA,WACA,KAAK,CACN;AAED,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAGSC,EAAUT,EAAMU,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAS,EAAAT,GAAAU,EADrBZ,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDa,EAAG,uBAAuBd,EAAMe,OAAO;AAAA,UAAE,+BAA+Bf,EAAMgB;AAAAA,QAAAA,CAAW;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAAW,EAU5FC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEpB,EAAMqB,WAAW;AAAA,MAAI;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MACOvB,EAAMqB,OAAO,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAN,EAAAV,GAAA,MAEpDP,EAAMsB,UAAQ,IAAA,GAAAL,EAAAd,GAAAe,EAGlBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEpB,EAAMyB;AAAAA,MAAkB;AAAA,MAAAH,UAChCI,CAAAA,MAAQR,EAAMS,GAAed,EAAKa,CAAQ,CAAA;AAAA,IAAA,CAAM,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAfxChB,EAAG,yBAAyB;AAAA,QAAE,uBAAuB,CAAC,CAACd,EAAMyB;AAAAA,MAAAA,CAAoB,GAACM,IAEnFjB,EAAG,cAAc;AAAA,QACtB,cAAcd,EAAMgC;AAAAA,QACpB,gBAAgBhC,EAAMiC;AAAAA,QACtB,4BAA4BjC,EAAMkC;AAAAA,MAAAA,CACnC;AAACJ,aAAAA,MAAAD,EAAAM,KAAAC,EAAA/B,GAAAwB,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAA7B,GAAAsB,EAAAQ,IAAAN,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAM,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAAnC;AAAAA,EAAA,GAAA;AAaZ;"}
+{"version":3,"file":"table.js","sources":["../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TablePagination, type TablePaginationProps } from \"./tablePagination/tablePagination\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  dense?: boolean;\n  isLoading?: boolean;\n  hovered?: boolean;\n  /** Pins the table header while the body scrolls. */\n  stickyHeader?: boolean;\n  /** Optional accessible caption rendered for screen readers. */\n  caption?: JSX.Element;\n  /**\n   * Show each row as a card — cells one under another, each with its column's\n   * label — while the table's container is narrower than this breakpoint:\n   * `sm` (420px), `md` (768px) or `lg` (1024px). A container query: the space\n   * the table has decides, not the window. Labels come from `TableCell label`.\n   */\n  stackBelow?: \"sm\" | \"md\" | \"lg\";\n  paginationSettings?: TablePaginationProps;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Table(props: ParentProps<TableProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"dense\",\n    \"hovered\",\n    \"children\",\n    \"paginationSettings\",\n    \"isLoading\",\n    \"stickyHeader\",\n    \"caption\",\n    \"stackBelow\",\n    \"ref\",\n  ]);\n\n  // Read the caption once: markup is created anew on every read, and during\n  // hydration the copy made for the <Show> test has no server DOM node.\n  const caption = children(() => local.caption);\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\n        \"smwb-table__wrapper\",\n        local.class,\n        { \"smwb-table__wrapper_loading\": local.isLoading },\n        local.stackBelow && `smwb-table__wrapper_stack-${local.stackBelow}`\n      )}\n    >\n      <div class={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!local.paginationSettings })}>\n        <table\n          class={cn(\"smwb-table\", {\n            \"smwb-dense\": local.dense,\n            \"smwb-hovered\": local.hovered,\n            \"smwb-table_sticky-header\": local.stickyHeader,\n          })}\n        >\n          <Show when={caption() != null}>\n            <caption class=\"smwb-table__caption\">{caption()}</caption>\n          </Show>\n          {local.children}\n        </table>\n      </div>\n      <Show when={local.paginationSettings}>\n        {(settings) => <TablePagination {...settings()} />}\n      </Show>\n    </div>\n  );\n}\n\nexport default Table;\n"],"names":["Table","props","local","rest","splitProps","caption","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","isLoading","stackBelow","_$insert","_$createComponent","Show","when","_el$4","_tmpl$","paginationSettings","settings","TablePagination","_$effect","_p$","_v$","_v$2","dense","hovered","stickyHeader","e","_$className","t","undefined"],"mappings":";;;;;;;;AA0BO,SAASA,EAAMC,GAA6C;AACjE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,SACA,WACA,YACA,sBACA,aACA,gBACA,WACA,cACA,KAAK,CACN,GAIKI,IAAUC,EAAS,MAAMJ,EAAMG,OAAO;AAE5C,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAGSC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAS,EAAAT,GAAAU,EADrBd,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDe,EACL,uBACAhB,EAAMiB,OACN;AAAA,UAAE,+BAA+BjB,EAAMkB;AAAAA,QAAAA,GACvClB,EAAMmB,cAAc,6BAA6BnB,EAAMmB,UAAU,EACnE;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAX,GAAAY,EAUIC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEpB,OAAa;AAAA,MAAI;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAoB,IAAAC,EAAAA;AAAAL,eAAAA,EAAAI,GACWrB,CAAO,GAAAqB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAJ,EAAAX,GAAA,MAE9CT,EAAMI,UAAQ,IAAA,GAAAgB,EAAAf,GAAAgB,EAGlBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAM0B;AAAAA,MAAkB;AAAA,MAAAtB,UAChCuB,CAAAA,MAAQN,EAAMO,GAAeb,EAAKY,CAAQ,CAAA;AAAA,IAAA,CAAM,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAfxCf,EAAG,yBAAyB;AAAA,QAAE,uBAAuB,CAAC,CAAChB,EAAM0B;AAAAA,MAAAA,CAAoB,GAACM,IAEnFhB,EAAG,cAAc;AAAA,QACtB,cAAchB,EAAMiC;AAAAA,QACpB,gBAAgBjC,EAAMkC;AAAAA,QACtB,4BAA4BlC,EAAMmC;AAAAA,MAAAA,CACnC;AAACJ,aAAAA,MAAAD,EAAAM,KAAAC,EAAA9B,GAAAuB,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAA5B,GAAAqB,EAAAQ,IAAAN,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAM,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAAlC;AAAAA,EAAA,GAAA;AAaZ;"}

package/dist/components/dataDisplay/table/tableCell.d.ts

@@ -2,6 +2,8 @@ import { type JSX, type ParentProps } from "solid-js";
 import { type Ref } from "../../../primitives/mergeRefs";
 export interface TableCellProps extends JSX.TdHTMLAttributes<HTMLTableCellElement> {
     cellAlign?: "left" | "right" | "center";
+    /** The column's name, shown next to the value when the table stacks rows as cards (`Table stackBelow`). */
+    label?: string;
     ref?: Ref<HTMLTableCellElement>;
 }
 export declare function TableCell(props: ParentProps<TableCellProps>): JSX.Element;

package/dist/components/dataDisplay/table/tableCell.js

@@ -1,22 +1,25 @@
-import { use as n, spread as m, mergeProps as c, insert as a, template as f } from "solid-js/web";
+import { use as n, spread as o, mergeProps as m, insert as c, template as f } from "solid-js/web";
 import { mergeProps as i, splitProps as p } from "solid-js";
 import g from "clsx";
 import { mergeRefs as u } from "../../../primitives/mergeRefs.js";
-var d = /* @__PURE__ */ f("<td>");
+var b = /* @__PURE__ */ f("<td>");
 function v(t) {
   const s = i({
     cellAlign: "left"
-  }, t), [e, o] = p(s, ["children", "cellAlign", "class", "ref"]);
+  }, t), [e, a] = p(s, ["children", "cellAlign", "class", "label", "ref"]);
   return (() => {
-    var r = d(), l = u(e.ref);
-    return typeof l == "function" && n(l, r), m(r, c(o, {
+    var r = b(), l = u(e.ref);
+    return typeof l == "function" && n(l, r), o(r, m(a, {
       get class() {
         return g("smwb-table__cell", e.class);
       },
       get align() {
         return e.cellAlign || "left";
+      },
+      get "data-label"() {
+        return e.label;
       }
-    }), !1, !0), a(r, () => e.children), r;
+    }), !1, !0), c(r, () => e.children), r;
   })();
 }
 export {

package/dist/components/dataDisplay/table/tableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableCell.js","sources":["../../../../src/components/dataDisplay/table/tableCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableCellProps extends JSX.TdHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  ref?: Ref<HTMLTableCellElement>;\n}\n\nexport function TableCell(props: ParentProps<TableCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"children\", \"cellAlign\", \"class\", \"ref\"]);\n  return (\n    <td {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__cell\", local.class)} align={local.cellAlign || \"left\"}>\n      {local.children}\n    </td>\n  );\n}\n\nexport default TableCell;\n"],"names":["TableCell","props","merged","mergeProps","cellAlign","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","align","_$insert","children"],"mappings":";;;;;AASO,SAASA,EAAUC,GAAiD;AACzE,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,GAAmBH,CAAK,GACzD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CAAC,YAAY,aAAa,SAAS,KAAK,CAAC;AAClF,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA,GAAAC,IACqBC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EAA/BT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoCU,EAAG,oBAAoBX,EAAMY,KAAK;AAAA,MAAC;AAAA,MAAA,IAAEC,QAAK;AAAA,eAAEb,EAAMD,aAAa;AAAA,MAAM;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAe,EAAAX,GAAA,MAClHH,EAAMe,QAAQ,GAAAZ;AAAAA,EAAA,GAAA;AAGrB;"}
+{"version":3,"file":"tableCell.js","sources":["../../../../src/components/dataDisplay/table/tableCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableCellProps extends JSX.TdHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** The column's name, shown next to the value when the table stacks rows as cards (`Table stackBelow`). */\n  label?: string;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\nexport function TableCell(props: ParentProps<TableCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"children\", \"cellAlign\", \"class\", \"label\", \"ref\"]);\n  return (\n    <td\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-table__cell\", local.class)}\n      align={local.cellAlign || \"left\"}\n      data-label={local.label}\n    >\n      {local.children}\n    </td>\n  );\n}\n\nexport default TableCell;\n"],"names":["TableCell","props","merged","mergeProps","cellAlign","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","align","label","_$insert","children"],"mappings":";;;;;AAWO,SAASA,EAAUC,GAAiD;AACzE,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,GAAmBH,CAAK,GACzD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CAAC,YAAY,aAAa,SAAS,SAAS,KAAK,CAAC;AAC3F,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDU,EAAG,oBAAoBX,EAAMY,KAAK;AAAA,MAAC;AAAA,MAAA,IAC1CC,QAAK;AAAA,eAAEb,EAAMD,aAAa;AAAA,MAAM;AAAA,MAAA,IAAA,eAAA;AAAA,eACpBC,EAAMc;AAAAA,MAAK;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAZ,GAAA,MAEtBH,EAAMgB,QAAQ,GAAAb;AAAAA,EAAA,GAAA;AAGrB;"}

package/dist/components/dataDisplay/table/tableHeadCell.d.ts

@@ -7,7 +7,17 @@ export interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellEl
     isSortedByDesc?: boolean;
     /** @deprecated use `sortDirection="asc"`. */
     isSortedByAsc?: boolean;
-    /** Enables the interactive sort affordance with keyboard/aria support. */
+    /**
+     * Enables the interactive sort affordance with keyboard/aria support.
+     *
+     * The children sit inside the sort control, and controls among them keep
+     * their own input: Enter and Space sort only while the sort control itself
+     * has focus, and a click sorts unless it lands in a nested control (input,
+     * button, link, label, anything focusable) or in a portal. Content that is not
+     * a control, such as click-to-edit text, keeps its click from sorting by
+     * calling `preventDefault()` on it. A nested control's name, or its value,
+     * becomes part of the sort control's accessible name.
+     */
     sortable?: boolean;
     /** Current sort direction for this column. */
     sortDirection?: SortDirection;

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

@@ -1,53 +1,56 @@
-import { use as _, spread as h, mergeProps as w, addEventListener as c, insert as i, createComponent as d, effect as y, setAttribute as m, template as S, delegateEvents as A } from "solid-js/web";
-import { mergeProps as D, splitProps as k, Show as x } from "solid-js";
-import B from "clsx";
-import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
-import { Icon as $ } from "../../base/icon/icon.js";
-var C = /* @__PURE__ */ S("<th><span class=smwb-head-cell__content>");
-function L(b) {
-  const f = D({
+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({
     cellAlign: "left"
-  }, b), [e, u] = k(f, ["children", "class", "cellAlign", "isSortedByAsc", "isSortedByDesc", "sortable", "sortDirection", "onSort", "ref"]), 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, p = () => o() === "asc" ? "expand_more" : o() === "desc" ? "expand_less" : "unfold_more", v = (r) => {
-    e.sortable && e.onSort && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onSort());
+  }, 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) => {
+    !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?.();
   };
   return (() => {
-    var r = C(), t = r.firstChild, l = P(e.ref);
-    return typeof l == "function" && _(l, r), h(r, w(u, {
+    var t = T(), r = t.firstChild, l = C(e.ref);
+    return typeof l == "function" && w(l, t), _(t, x(u, {
       get "aria-sort"() {
-        return g();
+        return f();
       },
       get class() {
-        return B("smwb-table__cell", "smwb-head-cell", e.class, {
+        return D("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), c(t, "keydown", e.sortable ? v : void 0, !0), c(t, "click", e.sortable ? () => e.onSort?.() : void 0, !0), i(t, () => e.children, null), i(t, d(x, {
+    }), !1, !0), r.$$keydown = p, r.$$click = h, i(r, () => e.children, null), i(r, d(A, {
       get when() {
         return e.sortable;
       },
       get children() {
-        return d($, {
+        return d(P, {
           class: "smwb-head-cell__icon",
           get name() {
-            return p();
+            return g();
           },
           size: 18,
           weight: 800
         });
       }
-    }), null), y((s) => {
-      var n = e.sortable ? "button" : void 0, a = e.sortable ? 0 : void 0;
-      return n !== s.e && m(t, "role", s.e = n), a !== s.t && m(t, "tabindex", s.t = a), s;
+    }), 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;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), t;
   })();
 }
-A(["click", "keydown"]);
+S(["click", "keydown"]);
 export {
-  L as TableHeadCell
+  z as TableHeadCell
 };
 //# sourceMappingURL=tableHeadCell.js.map

package/dist/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  /** 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"],"names":["TableHeadCell","props","merged","mergeProps","cellAlign","local","rest","splitProps","direction","sortDirection","undefined","isSortedByAsc","isSortedByDesc","ariaSort","sortable","iconName","onKeyDown","event","onSort","key","preventDefault","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$addEventListener","_$insert","children","_$createComponent","Show","when","Icon","name","size","weight","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$delegateEvents"],"mappings":";;;;;;AAsBO,SAASA,EAAcC,GAAqD;AACjF,QAAMC,IAASC,EAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,GAAmBH,CAAK,GACzD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CACvC,YACA,SACA,aACA,iBACA,kBACA,YACA,iBACA,UACA,KAAK,CACN,GAEKM,IAAYA,MAChBH,EAAMI,kBAAkBC,SAAYL,EAAMI,gBAAgBJ,EAAMM,gBAAgB,QAAQN,EAAMO,iBAAiB,SAAS,IAEpHC,IAAWA,MACfR,EAAMS,WAAYN,EAAAA,MAAgB,QAAQ,cAAcA,EAAAA,MAAgB,SAAS,eAAe,SAAUE,QAStGK,IAAWA,MACfP,EAAAA,MAAgB,QAAQ,gBAAgBA,EAAAA,MAAgB,SAAS,gBAAgB,eAE7EQ,IAA+DC,CAAAA,MAAU;AAC7E,IAAIZ,EAAMS,YAAYT,EAAMa,WAAWD,EAAME,QAAQ,WAAWF,EAAME,QAAQ,SAC5EF,EAAMG,eAAAA,GACNf,EAAMa,OAAAA;AAAAA,EAEV;AAEA,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAGSC,EAAUrB,EAAMsB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EADrBxB,GAAI;AAAA,MAAA,IAAA,cAAA;AAAA,eAEGO,EAAAA;AAAAA,MAAU;AAAA,MAAA,IAAA,QAAA;AAAA,eACdkB,EAAG,oBAAoB,kBAAkB1B,EAAM2B,OAAO;AAAA,UAC3D,CAAC,cAAc3B,EAAMD,SAAS,EAAE,GAAG,CAAC,CAACC,EAAMD;AAAAA,UAC3C,2BAA2BC,EAAMS;AAAAA,UACjC,yBAAyB,CAAC,CAACT,EAAMS,YAAYN,QAAgB;AAAA,QAAA,CAC9D;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAyB,EAAAV,GAAA,WAKWlB,EAAMS,WAAWE,IAAYN,QAAS,EAAA,GAAAuB,EAAAV,GAAA,SADxClB,EAAMS,WAAW,MAAMT,EAAMa,SAAAA,IAAaR,QAAS,EAAA,GAAAwB,EAAAX,GAAA,MAK3DlB,EAAM8B,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEjC,EAAMS;AAAAA,MAAQ;AAAA,MAAA,IAAAqB,WAAA;AAAA,eAAAC,EACvBG,GAAI;AAAA,UAAA,OAAA;AAAA,UAAA,IAA8BC,OAAI;AAAA,mBAAEzB,EAAAA;AAAAA,UAAU;AAAA,UAAE0B,MAAM;AAAA,UAAIC,QAAQ;AAAA,QAAA,CAAG;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAC,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IALtExC,EAAMS,WAAW,WAAWJ,QAASoC,IACjCzC,EAAMS,WAAW,IAAIJ;AAASmC,aAAAA,MAAAD,EAAAG,KAAAC,EAAAzB,GAAA,QAAAqB,EAAAG,IAAAF,CAAA,GAAAC,MAAAF,EAAAK,KAAAD,EAAAzB,GAAA,YAAAqB,EAAAK,IAAAH,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAG,GAAArC;AAAAA,MAAAuC,GAAAvC;AAAAA,IAAAA,CAAA,GAAAW;AAAAA,EAAA,GAAA;AAShD;AAE6B6B,EAAA,CAAA,SAAA,SAAA,CAAA;"}
+{"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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"}

package/dist/components/dataDisplay/table/tablePagination/tablePagination.js

@@ -1,10 +1,11 @@
 import { insert as i, createComponent as c, effect as b, className as x, memo as S, template as d, delegateEvents as N } from "solid-js/web";
-import '../../../../assets/styles/less/components/table/tablePagination/tablePagination.entry.css';/* empty css                                                                                  */
+import '../../../../assets/styles/less/components/table/tablePagination/tablePagination.entry.css';import '../../../../assets/styles/less/tokens.entry.css';/* empty css                                        */
+/* empty css                                                                                  */
 import { Show as k, For as L } from "solid-js";
 import O from "clsx";
 import { Icon as h } from "../../../base/icon/icon.js";
 var P = /* @__PURE__ */ d("<div class=smwb-table__pagination__rows><span>Rows per page</span><select id=rows class=smwb-table__pagination__select>"), T = /* @__PURE__ */ d("<div class=smwb-table__pagination><div class=smwb-table__pagination__controls><div class=smwb-table__pagination__current-count></div><div class=smwb-table__pagination__buttons><button class=smwb-table__pagination__control></button><span class=smwb-table__pagination__page></span><button class=smwb-table__pagination__control>"), z = /* @__PURE__ */ d("<option>");
-function F(t) {
+function R(t) {
   const u = () => typeof t.totalCount > "u", $ = () => u() ? !t.hasNextPage : t.page === Math.ceil(t.totalCount / t.limit), f = () => {
     const n = t.page * t.limit - t.limit, l = t.page * t.limit;
     return `${n}–${l}` + (u() ? "" : ` of ${t.totalCount}`);
@@ -50,6 +51,6 @@ function F(t) {
 }
 N(["click"]);
 export {
-  F as TablePagination
+  R as TablePagination
 };
 //# sourceMappingURL=tablePagination.js.map

package/dist/components/dataDisplay/table/tablePagination/tablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.js","sources":["../../../../../src/components/dataDisplay/table/tablePagination/tablePagination.tsx"],"sourcesContent":["import { type JSX, For, Show } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../../base/icon\";\n\nexport interface BaseTablePaginationProps {\n  page: number;\n  limit: number;\n  onPrev?: () => void;\n  onNext?: () => void;\n  limitOptions?: number[];\n  onLimitChange?: (limit: number) => void;\n}\n\ninterface WithTotalCount extends BaseTablePaginationProps {\n  totalCount: number;\n  hasNextPage?: never;\n}\n\ninterface WithHasNextPage extends BaseTablePaginationProps {\n  totalCount?: never;\n  hasNextPage: boolean;\n}\n\nexport type TablePaginationProps = WithTotalCount | WithHasNextPage;\n\nexport function TablePagination(props: TablePaginationProps): JSX.Element {\n  const isInfiniteMode = (): boolean => typeof props.totalCount === \"undefined\";\n  const isDisabledNext = (): boolean =>\n    isInfiniteMode() ? !props.hasNextPage : props.page === Math.ceil((props.totalCount as number) / props.limit);\n\n  const countText = (): string => {\n    const from = props.page * props.limit - props.limit;\n    const to = props.page * props.limit;\n    return `${from}–${to}` + (isInfiniteMode() ? \"\" : ` of ${props.totalCount}`);\n  };\n\n  const onLimitChange: JSX.EventHandler<HTMLSelectElement, Event> = (event) => {\n    props.onLimitChange?.(+event.currentTarget.value);\n  };\n\n  return (\n    <div class=\"smwb-table__pagination\">\n      <div class=\"smwb-table__pagination__controls\">\n        <Show when={props.limitOptions && props.limitOptions.length > 1}>\n          <div class=\"smwb-table__pagination__rows\">\n            <span>Rows per page</span>\n            <select id=\"rows\" class=\"smwb-table__pagination__select\" onChange={onLimitChange} value={props.limit}>\n              <For each={props.limitOptions}>\n                {(opt) => (\n                  <option value={opt} class={cn(\"smwb-select-option\", { selected: opt === props.limit })}>\n                    {opt}\n                  </option>\n                )}\n              </For>\n            </select>\n          </div>\n        </Show>\n        <div class=\"smwb-table__pagination__current-count\">{countText()}</div>\n        <div class=\"smwb-table__pagination__buttons\">\n          <button class=\"smwb-table__pagination__control\" onClick={() => props.onPrev?.()} disabled={props.page === 1}>\n            <Icon name=\"chevron_left\" size={24} weight={600} />\n          </button>\n          <span class=\"smwb-table__pagination__page\">{props.page}</span>\n          <button class=\"smwb-table__pagination__control\" onClick={() => props.onNext?.()} disabled={isDisabledNext()}>\n            <Icon name=\"chevron_right\" size={24} weight={600} />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TablePagination;\n"],"names":["TablePagination","props","isInfiniteMode","totalCount","isDisabledNext","hasNextPage","page","Math","ceil","limit","countText","from","to","onLimitChange","event","currentTarget","value","_el$","_tmpl$2","_el$2","firstChild","_el$6","_el$7","nextSibling","_el$8","_el$9","_el$0","_$insert","_$createComponent","Show","when","_$memo","limitOptions","length","children","_el$3","_tmpl$","_el$4","_el$5","addEventListener","For","each","opt","_el$1","_tmpl$3","_$effect","_$className","cn","selected","$$click","onPrev","Icon","name","size","weight","onNext","_p$","_v$","_v$2","e","disabled","t","undefined","_$delegateEvents"],"mappings":";;;;;;AA0BO,SAASA,EAAgBC,GAA0C;AACxE,QAAMC,IAAiBA,MAAe,OAAOD,EAAME,aAAe,KAC5DC,IAAiBA,MACrBF,EAAAA,IAAmB,CAACD,EAAMI,cAAcJ,EAAMK,SAASC,KAAKC,KAAMP,EAAME,aAAwBF,EAAMQ,KAAK,GAEvGC,IAAYA,MAAc;AAC9B,UAAMC,IAAOV,EAAMK,OAAOL,EAAMQ,QAAQR,EAAMQ,OACxCG,IAAKX,EAAMK,OAAOL,EAAMQ;AAC9B,WAAO,GAAGE,CAAI,IAAIC,CAAE,MAAMV,MAAmB,KAAK,OAAOD,EAAME,UAAU;AAAA,EAC3E,GAEMU,IAA6DC,CAAAA,MAAU;AAC3Eb,IAAAA,EAAMY,gBAAgB,CAACC,EAAMC,cAAcC,KAAK;AAAA,EAClD;AAEA,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAAAD,EAAAE,aAAAC,IAAAF,EAAAF,YAAAK,IAAAD,EAAAD,aAAAG,IAAAD,EAAAF;AAAAI,WAAAA,EAAAR,GAAAS,EAGOC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAA9B,EAAM+B,YAAY,EAAA,KAAI/B,EAAM+B,aAAaC,SAAS;AAAA,MAAC;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAf,YAAAkB,IAAAD,EAAAd;AAAAe,eAAAA,EAAAC,iBAAA,UAGQ1B,CAAa,GAAAc,EAAAW,GAAAV,EAC7EY,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAExC,EAAM+B;AAAAA,UAAY;AAAA,UAAAE,UACzBQ,QAAG,MAAA;AAAA,gBAAAC,IAAAC,EAAAA;AAAAD,mBAAAA,EAAA3B,QACY0B,GAAGf,EAAAgB,GACfD,CAAG,GAAAG,EAAA,MAAAC,EAAAH,GADqBI,EAAG,sBAAsB;AAAA,cAAEC,UAAUN,MAAQzC,EAAMQ;AAAAA,YAAAA,CAAO,CAAC,CAAA,GAAAkC;AAAAA,UAAA,GAAA;AAAA,QAAA,CAGvF,CAAA,GAAAE,QAAAP,EAAAtB,QANoFf,EAAMQ,KAAK,GAAA0B;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAd,CAAA,GAAAM,EAAAN,GAWpDX,CAAS,GAAAc,EAAAyB,UAEF,MAAMhD,EAAMiD,SAAAA,GAAUvB,EAAAH,GAAAI,EAC5EuB,GAAI;AAAA,MAACC,MAAI;AAAA,MAAgBC,MAAM;AAAA,MAAIC,QAAQ;AAAA,IAAA,CAAG,CAAA,GAAA3B,EAAAF,GAAA,MAELxB,EAAMK,IAAI,GAAAoB,EAAAuB,UACG,MAAMhD,EAAMsD,SAAAA,GAAU5B,EAAAD,GAAAE,EAC5EuB,GAAI;AAAA,MAACC,MAAI;AAAA,MAAiBC,MAAM;AAAA,MAAIC,QAAQ;AAAA,IAAA,CAAG,CAAA,GAAAT,EAAAW,CAAAA,MAAA;AAAA,UAAAC,IALyCxD,EAAMK,SAAS,GAACoD,IAIhBtD,EAAAA;AAAgBqD,aAAAA,MAAAD,EAAAG,MAAAnC,EAAAoC,WAAAJ,EAAAG,IAAAF,IAAAC,MAAAF,EAAAK,MAAAnC,EAAAkC,WAAAJ,EAAAK,IAAAH,IAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAG,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAA7C;AAAAA,EAAA,GAAA;AAOrH;AAE+B8C,EAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"tablePagination.js","sources":["../../../../../src/components/dataDisplay/table/tablePagination/tablePagination.tsx"],"sourcesContent":["import { type JSX, For, Show } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../../base/icon\";\n\nexport interface BaseTablePaginationProps {\n  page: number;\n  limit: number;\n  onPrev?: () => void;\n  onNext?: () => void;\n  limitOptions?: number[];\n  onLimitChange?: (limit: number) => void;\n}\n\ninterface WithTotalCount extends BaseTablePaginationProps {\n  totalCount: number;\n  hasNextPage?: never;\n}\n\ninterface WithHasNextPage extends BaseTablePaginationProps {\n  totalCount?: never;\n  hasNextPage: boolean;\n}\n\nexport type TablePaginationProps = WithTotalCount | WithHasNextPage;\n\nexport function TablePagination(props: TablePaginationProps): JSX.Element {\n  const isInfiniteMode = (): boolean => typeof props.totalCount === \"undefined\";\n  const isDisabledNext = (): boolean =>\n    isInfiniteMode() ? !props.hasNextPage : props.page === Math.ceil((props.totalCount as number) / props.limit);\n\n  const countText = (): string => {\n    const from = props.page * props.limit - props.limit;\n    const to = props.page * props.limit;\n    return `${from}–${to}` + (isInfiniteMode() ? \"\" : ` of ${props.totalCount}`);\n  };\n\n  const onLimitChange: JSX.EventHandler<HTMLSelectElement, Event> = (event) => {\n    props.onLimitChange?.(+event.currentTarget.value);\n  };\n\n  return (\n    <div class=\"smwb-table__pagination\">\n      <div class=\"smwb-table__pagination__controls\">\n        <Show when={props.limitOptions && props.limitOptions.length > 1}>\n          <div class=\"smwb-table__pagination__rows\">\n            <span>Rows per page</span>\n            <select id=\"rows\" class=\"smwb-table__pagination__select\" onChange={onLimitChange} value={props.limit}>\n              <For each={props.limitOptions}>\n                {(opt) => (\n                  <option value={opt} class={cn(\"smwb-select-option\", { selected: opt === props.limit })}>\n                    {opt}\n                  </option>\n                )}\n              </For>\n            </select>\n          </div>\n        </Show>\n        <div class=\"smwb-table__pagination__current-count\">{countText()}</div>\n        <div class=\"smwb-table__pagination__buttons\">\n          <button class=\"smwb-table__pagination__control\" onClick={() => props.onPrev?.()} disabled={props.page === 1}>\n            <Icon name=\"chevron_left\" size={24} weight={600} />\n          </button>\n          <span class=\"smwb-table__pagination__page\">{props.page}</span>\n          <button class=\"smwb-table__pagination__control\" onClick={() => props.onNext?.()} disabled={isDisabledNext()}>\n            <Icon name=\"chevron_right\" size={24} weight={600} />\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TablePagination;\n"],"names":["TablePagination","props","isInfiniteMode","totalCount","isDisabledNext","hasNextPage","page","Math","ceil","limit","countText","from","to","onLimitChange","event","currentTarget","value","_el$","_tmpl$2","_el$2","firstChild","_el$6","_el$7","nextSibling","_el$8","_el$9","_el$0","_$insert","_$createComponent","Show","when","_$memo","limitOptions","length","children","_el$3","_tmpl$","_el$4","_el$5","addEventListener","For","each","opt","_el$1","_tmpl$3","_$effect","_$className","cn","selected","$$click","onPrev","Icon","name","size","weight","onNext","_p$","_v$","_v$2","e","disabled","t","undefined","_$delegateEvents"],"mappings":";;;;;;;AA2BO,SAASA,EAAgBC,GAA0C;AACxE,QAAMC,IAAiBA,MAAe,OAAOD,EAAME,aAAe,KAC5DC,IAAiBA,MACrBF,EAAAA,IAAmB,CAACD,EAAMI,cAAcJ,EAAMK,SAASC,KAAKC,KAAMP,EAAME,aAAwBF,EAAMQ,KAAK,GAEvGC,IAAYA,MAAc;AAC9B,UAAMC,IAAOV,EAAMK,OAAOL,EAAMQ,QAAQR,EAAMQ,OACxCG,IAAKX,EAAMK,OAAOL,EAAMQ;AAC9B,WAAO,GAAGE,CAAI,IAAIC,CAAE,MAAMV,MAAmB,KAAK,OAAOD,EAAME,UAAU;AAAA,EAC3E,GAEMU,IAA6DC,CAAAA,MAAU;AAC3Eb,IAAAA,EAAMY,gBAAgB,CAACC,EAAMC,cAAcC,KAAK;AAAA,EAClD;AAEA,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAAAD,EAAAE,aAAAC,IAAAF,EAAAF,YAAAK,IAAAD,EAAAD,aAAAG,IAAAD,EAAAF;AAAAI,WAAAA,EAAAR,GAAAS,EAGOC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAA9B,EAAM+B,YAAY,EAAA,KAAI/B,EAAM+B,aAAaC,SAAS;AAAA,MAAC;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAf,YAAAkB,IAAAD,EAAAd;AAAAe,eAAAA,EAAAC,iBAAA,UAGQ1B,CAAa,GAAAc,EAAAW,GAAAV,EAC7EY,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAExC,EAAM+B;AAAAA,UAAY;AAAA,UAAAE,UACzBQ,QAAG,MAAA;AAAA,gBAAAC,IAAAC,EAAAA;AAAAD,mBAAAA,EAAA3B,QACY0B,GAAGf,EAAAgB,GACfD,CAAG,GAAAG,EAAA,MAAAC,EAAAH,GADqBI,EAAG,sBAAsB;AAAA,cAAEC,UAAUN,MAAQzC,EAAMQ;AAAAA,YAAAA,CAAO,CAAC,CAAA,GAAAkC;AAAAA,UAAA,GAAA;AAAA,QAAA,CAGvF,CAAA,GAAAE,QAAAP,EAAAtB,QANoFf,EAAMQ,KAAK,GAAA0B;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAd,CAAA,GAAAM,EAAAN,GAWpDX,CAAS,GAAAc,EAAAyB,UAEF,MAAMhD,EAAMiD,SAAAA,GAAUvB,EAAAH,GAAAI,EAC5EuB,GAAI;AAAA,MAACC,MAAI;AAAA,MAAgBC,MAAM;AAAA,MAAIC,QAAQ;AAAA,IAAA,CAAG,CAAA,GAAA3B,EAAAF,GAAA,MAELxB,EAAMK,IAAI,GAAAoB,EAAAuB,UACG,MAAMhD,EAAMsD,SAAAA,GAAU5B,EAAAD,GAAAE,EAC5EuB,GAAI;AAAA,MAACC,MAAI;AAAA,MAAiBC,MAAM;AAAA,MAAIC,QAAQ;AAAA,IAAA,CAAG,CAAA,GAAAT,EAAAW,CAAAA,MAAA;AAAA,UAAAC,IALyCxD,EAAMK,SAAS,GAACoD,IAIhBtD,EAAAA;AAAgBqD,aAAAA,MAAAD,EAAAG,MAAAnC,EAAAoC,WAAAJ,EAAAG,IAAAF,IAAAC,MAAAF,EAAAK,MAAAnC,EAAAkC,WAAAJ,EAAAK,IAAAH,IAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAG,GAAAG;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAA7C;AAAAA,EAAA,GAAA;AAOrH;AAE+B8C,EAAA,CAAA,OAAA,CAAA;"}

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

@@ -1,59 +1,60 @@
-import { use as h, spread as D, mergeProps as E, memo as g, insert as l, createComponent as n, Portal as z, effect as f, setAttribute as C, style as T, isServer as L, template as a } from "solid-js/web";
-import '../../../assets/styles/less/components/thumbCard/thumbCard.entry.css';/* empty css                                                             */
-import { mergeProps as x, splitProps as F, createSignal as K, onCleanup as M, Show as c } from "solid-js";
-import O from "clsx";
-import { createFloating as R } from "../../../primitives/createFloating.js";
-import { mergeRefs as A } from "../../../primitives/mergeRefs.js";
-import { LazyImage as I } from "../lazyImage/lazyImage.js";
-var j = /* @__PURE__ */ a('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--start">'), q = /* @__PURE__ */ a('<div class="smwb-thumb-card__slot smwb-thumb-card__slot--end">'), B = /* @__PURE__ */ a("<div class=smwb-thumb-card__caption>"), G = /* @__PURE__ */ a("<div class=smwb-thumb-card__preview>"), H = /* @__PURE__ */ a("<div><div class=smwb-thumb-card__media>"), J = /* @__PURE__ */ a("<img alt>");
-function Z(_) {
-  const w = x({
+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 '../../../assets/styles/less/components/thumbCard/thumbCard.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
+import { mergeProps as O, splitProps as R, children as p, 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 le(S) {
+  const P = O({
     lazy: !0,
     hoverDelay: 350
-  }, _), [e, y] = F(w, ["src", "caption", "selected", "onSelect", "fallback", "hoverPreview", "topStart", "topEnd", "lazy", "disabled", "hoverDelay", "class", "ref"]), m = R({
+  }, S), [e, k] = R(P, ["src", "caption", "selected", "onSelect", "fallback", "hoverPreview", "topStart", "topEnd", "lazy", "disabled", "hoverDelay", "class", "ref"]), v = p(() => e.topStart), b = p(() => e.topEnd), h = p(() => e.caption), m = q({
     placement: () => "right"
-  }), [$, p] = K(!1);
+  }), [D, g] = A(!1);
   let i;
   const d = () => {
     i && (clearTimeout(i), i = void 0);
-  }, S = () => {
-    e.hoverPreview == null || e.disabled || (d(), i = setTimeout(() => p(!0), e.hoverDelay));
-  }, P = () => {
-    d(), p(!1);
+  }, E = () => {
+    e.hoverPreview == null || e.disabled || (d(), i = setTimeout(() => g(!0), e.hoverDelay));
+  }, z = () => {
+    d(), g(!1);
   };
-  M(d);
-  const o = () => !!e.onSelect && !e.disabled, k = (r) => {
-    o() && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onSelect?.());
+  I(d);
+  const a = () => !!e.onSelect && !e.disabled, C = (r) => {
+    a() && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onSelect?.());
   };
   return (() => {
-    var r = H(), u = r.firstChild, v = A(e.ref, (t) => m.setReference(t));
-    return typeof v == "function" && h(v, r), D(r, E(y, {
+    var r = U(), u = r.firstChild, f = B(e.ref, (t) => m.setReference(t));
+    return typeof f == "function" && w(f, r), T(r, L(k, {
       get class() {
-        return O("smwb-thumb-card", e.class, {
+        return j("smwb-thumb-card", e.class, {
           "smwb-thumb-card--selected": e.selected,
           "smwb-thumb-card--disabled": e.disabled,
-          "smwb-thumb-card--interactive": o()
+          "smwb-thumb-card--interactive": a()
         });
       },
       get role() {
-        return o() ? "button" : void 0;
+        return a() ? "button" : void 0;
       },
       get tabindex() {
-        return o() ? 0 : void 0;
+        return a() ? 0 : void 0;
       },
       get "aria-pressed"() {
-        return g(() => !!e.onSelect)() ? e.selected ?? !1 : void 0;
+        return y(() => !!e.onSelect)() ? e.selected ?? !1 : void 0;
       },
       get "aria-disabled"() {
         return e.disabled || void 0;
       },
       get onClick() {
-        return o() ? () => e.onSelect?.() : void 0;
+        return a() ? () => e.onSelect?.() : void 0;
       },
-      onKeyDown: k,
-      onMouseEnter: S,
-      onMouseLeave: P
-    }), !1, !0), l(u, n(I, {
+      onKeyDown: C,
+      onMouseEnter: E,
+      onMouseLeave: z
+    }), !1, !0), n(u, l(G, {
       get src() {
         return e.src;
       },
@@ -63,45 +64,45 @@ function Z(_) {
       get fallback() {
         return e.fallback;
       }
-    }), null), l(u, n(c, {
+    }), null), n(u, l(c, {
       get when() {
-        return e.topStart;
+        return v();
       },
       get children() {
-        var t = j();
-        return l(t, () => e.topStart), t;
+        var t = H();
+        return n(t, v), t;
       }
-    }), null), l(u, n(c, {
+    }), null), n(u, l(c, {
       get when() {
-        return e.topEnd;
+        return b();
       },
       get children() {
-        var t = q();
-        return l(t, () => e.topEnd), t;
+        var t = J();
+        return n(t, b), t;
       }
-    }), null), l(r, n(c, {
+    }), null), n(r, l(c, {
       get when() {
-        return e.caption;
+        return h();
       },
       get children() {
-        var t = B();
-        return l(t, () => e.caption), t;
+        var t = N();
+        return n(t, h), t;
       }
-    }), null), l(r, n(c, {
+    }), null), n(r, l(c, {
       get when() {
-        return $() && !L;
+        return D() && !M;
       },
       get children() {
-        return n(z, {
+        return l(x, {
           get children() {
-            var t = G();
-            return h((s) => m.setFloating(s), t), l(t, (() => {
-              var s = g(() => typeof e.hoverPreview == "string");
+            var t = Q();
+            return w((s) => m.setFloating(s), t), n(t, (() => {
+              var s = y(() => typeof e.hoverPreview == "string");
               return () => s() ? (() => {
-                var b = J();
-                return f(() => C(b, "src", e.hoverPreview)), b;
+                var _ = V();
+                return $(() => F(_, "src", e.hoverPreview)), _;
               })() : e.hoverPreview;
-            })()), f((s) => T(t, m.floatingStyles(), s)), t;
+            })()), $((s) => K(t, m.floatingStyles(), s)), t;
           }
         });
       }
@@ -109,6 +110,6 @@ function Z(_) {
   })();
 }
 export {
-  Z as ThumbCard
+  le as ThumbCard
 };
 //# sourceMappingURL=thumbCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"thumbCard.js","sources":["../../../../src/components/dataDisplay/thumbCard/thumbCard.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { LazyImage } from \"../lazyImage\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ThumbCardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Thumbnail URL; falls back to `fallback` when missing / failed. */\n  src?: string;\n  caption?: JSX.Element;\n  selected?: boolean;\n  /** Makes the card a selectable button (keyboard + `aria-pressed`). */\n  onSelect?: () => void;\n  /** Shown in place of the image when `src` is missing / fails. */\n  fallback?: JSX.Element;\n  /** A larger preview shown in a floating popup after a hover delay. */\n  hoverPreview?: JSX.Element | string;\n  /** Top-left overlay slot (e.g. a favourite star). */\n  topStart?: JSX.Element;\n  /** Top-right overlay slot (e.g. a kebab menu). */\n  topEnd?: JSX.Element;\n  lazy?: boolean;\n  disabled?: boolean;\n  /** Delay (ms) before the hover preview appears. Default 350. */\n  hoverDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A selectable gallery card: image with an `onError` fallback + optional lazy\n * load, keyboard/`aria-pressed` selection, corner action slots, and a delayed\n * floating hover-preview. The generic gallery-card behaviour every app rebuilds\n * on top of the primitives. SSR-safe — the hover preview is client-only.\n */\nexport function ThumbCard(props: ThumbCardProps): JSX.Element {\n  const merged = mergeProps({ lazy: true, hoverDelay: 350 }, props);\n  const [local, rest] = splitProps(merged, [\n    \"src\",\n    \"caption\",\n    \"selected\",\n    \"onSelect\",\n    \"fallback\",\n    \"hoverPreview\",\n    \"topStart\",\n    \"topEnd\",\n    \"lazy\",\n    \"disabled\",\n    \"hoverDelay\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  const floating = createFloating({ placement: () => \"right\" });\n  const [previewOpen, setPreviewOpen] = createSignal(false);\n  let hoverTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const clearTimer = (): void => {\n    if (hoverTimer) {\n      clearTimeout(hoverTimer);\n      hoverTimer = undefined;\n    }\n  };\n  const onEnter = (): void => {\n    if (local.hoverPreview == null || local.disabled) return;\n    clearTimer();\n    hoverTimer = setTimeout(() => setPreviewOpen(true), local.hoverDelay);\n  };\n  const onLeave = (): void => {\n    clearTimer();\n    setPreviewOpen(false);\n  };\n  onCleanup(clearTimer);\n\n  const interactive = (): boolean => !!local.onSelect && !local.disabled;\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSelect?.();\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => floating.setReference(el))}\n      class={cn(\"smwb-thumb-card\", local.class, {\n        \"smwb-thumb-card--selected\": local.selected,\n        \"smwb-thumb-card--disabled\": local.disabled,\n        \"smwb-thumb-card--interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-pressed={local.onSelect ? (local.selected ?? false) : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? () => local.onSelect?.() : undefined}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      <div class=\"smwb-thumb-card__media\">\n        <LazyImage src={local.src} lazy={local.lazy} fallback={local.fallback} />\n        <Show when={local.topStart}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--start\">{local.topStart}</div>\n        </Show>\n        <Show when={local.topEnd}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--end\">{local.topEnd}</div>\n        </Show>\n      </div>\n      <Show when={local.caption}>\n        <div class=\"smwb-thumb-card__caption\">{local.caption}</div>\n      </Show>\n      <Show when={previewOpen() && !isServer}>\n        <Portal>\n          <div class=\"smwb-thumb-card__preview\" ref={(el) => floating.setFloating(el)} style={floating.floatingStyles()}>\n            {typeof local.hoverPreview === \"string\" ? (\n              <img src={local.hoverPreview} alt=\"\" />\n            ) : (\n              (local.hoverPreview as JSX.Element)\n            )}\n          </div>\n        </Portal>\n      </Show>\n    </div>\n  );\n}\n\nexport default ThumbCard;\n"],"names":["ThumbCard","props","merged","mergeProps","lazy","hoverDelay","local","rest","splitProps","floating","createFloating","placement","previewOpen","setPreviewOpen","createSignal","hoverTimer","clearTimer","clearTimeout","undefined","onEnter","hoverPreview","disabled","setTimeout","onLeave","onCleanup","interactive","onSelect","onKeyDown","event","key","preventDefault","_el$","_tmpl$5","_el$2","firstChild","_ref$","mergeRefs","ref","el","setReference","_$use","_$spread","_$mergeProps","cn","class","selected","role","tabindex","_$memo","onClick","_$insert","_$createComponent","LazyImage","src","fallback","Show","when","topStart","children","_el$3","_tmpl$","topEnd","_el$4","_tmpl$2","caption","_el$5","_tmpl$3","isServer","Portal","_el$6","_tmpl$4","setFloating","_c$","_el$7","_tmpl$6","_$effect","_$setAttribute","_$p","_$style","floatingStyles"],"mappings":"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"}
+{"version":3,"file":"thumbCard.js","sources":["../../../../src/components/dataDisplay/thumbCard/thumbCard.tsx"],"sourcesContent":["import { type JSX, Show, children, createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { LazyImage } from \"../lazyImage\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ThumbCardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Thumbnail URL; falls back to `fallback` when missing / failed. */\n  src?: string;\n  caption?: JSX.Element;\n  selected?: boolean;\n  /** Makes the card a selectable button (keyboard + `aria-pressed`). */\n  onSelect?: () => void;\n  /** Shown in place of the image when `src` is missing / fails. */\n  fallback?: JSX.Element;\n  /** A larger preview shown in a floating popup after a hover delay. */\n  hoverPreview?: JSX.Element | string;\n  /** Top-left overlay slot (e.g. a favourite star). */\n  topStart?: JSX.Element;\n  /** Top-right overlay slot (e.g. a kebab menu). */\n  topEnd?: JSX.Element;\n  lazy?: boolean;\n  disabled?: boolean;\n  /** Delay (ms) before the hover preview appears. Default 350. */\n  hoverDelay?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A selectable gallery card: image with an `onError` fallback + optional lazy\n * load, keyboard/`aria-pressed` selection, corner action slots, and a delayed\n * floating hover-preview. The generic gallery-card behaviour every app rebuilds\n * on top of the primitives. SSR-safe — the hover preview is client-only.\n */\nexport function ThumbCard(props: ThumbCardProps): JSX.Element {\n  const merged = mergeProps({ lazy: true, hoverDelay: 350 }, props);\n  const [local, rest] = splitProps(merged, [\n    \"src\",\n    \"caption\",\n    \"selected\",\n    \"onSelect\",\n    \"fallback\",\n    \"hoverPreview\",\n    \"topStart\",\n    \"topEnd\",\n    \"lazy\",\n    \"disabled\",\n    \"hoverDelay\",\n    \"class\",\n    \"ref\",\n  ]);\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration a copy the server never rendered has no DOM node.\n  // (The hover preview is read on hover only, after hydration.)\n  const topStart = children(() => local.topStart);\n  const topEnd = children(() => local.topEnd);\n  const caption = children(() => local.caption);\n\n  const floating = createFloating({ placement: () => \"right\" });\n  const [previewOpen, setPreviewOpen] = createSignal(false);\n  let hoverTimer: ReturnType<typeof setTimeout> | undefined;\n\n  const clearTimer = (): void => {\n    if (hoverTimer) {\n      clearTimeout(hoverTimer);\n      hoverTimer = undefined;\n    }\n  };\n  const onEnter = (): void => {\n    if (local.hoverPreview == null || local.disabled) return;\n    clearTimer();\n    hoverTimer = setTimeout(() => setPreviewOpen(true), local.hoverDelay);\n  };\n  const onLeave = (): void => {\n    clearTimer();\n    setPreviewOpen(false);\n  };\n  onCleanup(clearTimer);\n\n  const interactive = (): boolean => !!local.onSelect && !local.disabled;\n  const onKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (interactive() && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSelect?.();\n    }\n  };\n\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => floating.setReference(el))}\n      class={cn(\"smwb-thumb-card\", local.class, {\n        \"smwb-thumb-card--selected\": local.selected,\n        \"smwb-thumb-card--disabled\": local.disabled,\n        \"smwb-thumb-card--interactive\": interactive(),\n      })}\n      role={interactive() ? \"button\" : undefined}\n      tabindex={interactive() ? 0 : undefined}\n      aria-pressed={local.onSelect ? (local.selected ?? false) : undefined}\n      aria-disabled={local.disabled || undefined}\n      onClick={interactive() ? () => local.onSelect?.() : undefined}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n    >\n      <div class=\"smwb-thumb-card__media\">\n        <LazyImage src={local.src} lazy={local.lazy} fallback={local.fallback} />\n        <Show when={topStart()}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--start\">{topStart()}</div>\n        </Show>\n        <Show when={topEnd()}>\n          <div class=\"smwb-thumb-card__slot smwb-thumb-card__slot--end\">{topEnd()}</div>\n        </Show>\n      </div>\n      <Show when={caption()}>\n        <div class=\"smwb-thumb-card__caption\">{caption()}</div>\n      </Show>\n      <Show when={previewOpen() && !isServer}>\n        <Portal>\n          <div class=\"smwb-thumb-card__preview\" ref={(el) => floating.setFloating(el)} style={floating.floatingStyles()}>\n            {typeof local.hoverPreview === \"string\" ? (\n              <img src={local.hoverPreview} alt=\"\" />\n            ) : (\n              (local.hoverPreview as JSX.Element)\n            )}\n          </div>\n        </Portal>\n      </Show>\n    </div>\n  );\n}\n\nexport default ThumbCard;\n"],"names":["ThumbCard","props","merged","mergeProps","lazy","hoverDelay","local","rest","splitProps","topStart","children","topEnd","caption","floating","createFloating","placement","previewOpen","setPreviewOpen","createSignal","hoverTimer","clearTimer","clearTimeout","undefined","onEnter","hoverPreview","disabled","setTimeout","onLeave","onCleanup","interactive","onSelect","onKeyDown","event","key","preventDefault","_el$","_tmpl$5","_el$2","firstChild","_ref$","mergeRefs","ref","el","setReference","_$use","_$spread","_$mergeProps","cn","class","selected","role","tabindex","_$memo","onClick","_$insert","_$createComponent","LazyImage","src","fallback","Show","when","_el$3","_tmpl$","_el$4","_tmpl$2","_el$5","_tmpl$3","isServer","Portal","_el$6","_tmpl$4","setFloating","_c$","_el$7","_tmpl$6","_$effect","_$setAttribute","_$p","_$style","floatingStyles"],"mappings":"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"}

package/dist/components/dataDisplay/timeline/index.d.ts

@@ -0,0 +1,2 @@
+export { Timeline, TimelineGroup, TimelineItem, default } from "./timeline";
+export type { TimelineProps, TimelineGroupProps, TimelineItemProps, TimelineTone } from "./timeline";