@smwb/ui-solid 0.11.1 → 0.12.0

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

@@ -0,0 +1,99 @@
+import { createComponent as l, Dynamic as b, mergeProps as d, insert as s, memo as y, use as I, spread as W, template as a } from "solid-js/web";
+import { mergeProps as x, splitProps as $, children as m, Show as p } from "solid-js";
+import g from "clsx";
+import { mergeRefs as v } from "../../../primitives/mergeRefs.js";
+import { Icon as P } from "../../base/icon/icon.js";
+var S = /* @__PURE__ */ a("<span class=smwb-stat__label>"), k = /* @__PURE__ */ a("<span class=smwb-stat__value>"), z = /* @__PURE__ */ a("<span class=smwb-stat__hint>"), C = /* @__PURE__ */ a("<div class=smwb-stat__extra>"), D = /* @__PURE__ */ a("<span class=smwb-stat__icon aria-hidden=true>"), G = /* @__PURE__ */ a("<div>");
+function E(c) {
+  const r = x({
+    tone: "neutral",
+    variant: "tile"
+  }, c), [e, u] = $(r, ["class", "label", "value", "hint", "icon", "tone", "variant", "href", "children", "ref"]), n = m(() => e.label), o = m(() => e.value), f = m(() => e.hint), h = m(() => e.icon), _ = m(() => e.children);
+  return l(b, d({
+    get component() {
+      return e.href ? "a" : "div";
+    }
+  }, u, {
+    ref(t) {
+      var i = v(e.ref);
+      typeof i == "function" && i(t);
+    },
+    get href() {
+      return e.href;
+    },
+    "data-testid": "stat",
+    get class() {
+      return g("smwb-stat", `smwb-stat_${e.variant}`, `smwb-stat_tone-${e.tone}`, {
+        "smwb-stat_link": !!e.href,
+        "smwb-stat_with-icon": !!h()
+      }, e.class);
+    },
+    get children() {
+      return [l(p, {
+        get when() {
+          return h();
+        },
+        children: (t) => (() => {
+          var i = D();
+          return s(i, (() => {
+            var w = y(() => typeof t() == "string");
+            return () => w() ? l(P, {
+              get name() {
+                return t();
+              },
+              size: 20
+            }) : t();
+          })()), i;
+        })()
+      }), (() => {
+        var t = S();
+        return s(t, n), t;
+      })(), (() => {
+        var t = k();
+        return s(t, o), t;
+      })(), l(p, {
+        get when() {
+          return f();
+        },
+        get children() {
+          var t = z();
+          return s(t, f), t;
+        }
+      }), l(p, {
+        get when() {
+          return _();
+        },
+        get children() {
+          var t = C();
+          return s(t, _), t;
+        }
+      })];
+    }
+  }));
+}
+function F(c) {
+  const [r, e] = $(c, ["class", "style", "minItemWidth", "children", "ref"]), u = () => {
+    if (r.minItemWidth === void 0) return r.style;
+    const n = typeof r.minItemWidth == "number" ? `${r.minItemWidth}px` : r.minItemWidth;
+    return typeof r.style == "string" ? `${r.style};--smwb-stat-min:${n}` : {
+      ...r.style,
+      "--smwb-stat-min": n
+    };
+  };
+  return (() => {
+    var n = G(), o = v(r.ref);
+    return typeof o == "function" && I(o, n), W(n, d(e, {
+      get class() {
+        return g("smwb-stat-group", r.class);
+      },
+      get style() {
+        return u();
+      }
+    }), !1, !0), s(n, () => r.children), n;
+  })();
+}
+export {
+  E as Stat,
+  F as StatGroup
+};
+//# sourceMappingURL=stat.js.map

package/dist/headless/components/dataDisplay/stat/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","sources":["../../../../../src/components/dataDisplay/stat/stat.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, children, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type StatTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface StatProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** What the figure counts. */\n  label: JSX.Element;\n  /** The figure — a number, or a short value such as \"3 / 14\". */\n  value: JSX.Element;\n  /** A line under the value: a comparison, a period, a caveat. */\n  hint?: JSX.Element;\n  /** An icon beside the figure: a Material Symbols name or an element. */\n  icon?: string | JSX.Element;\n  /** Colour of the accent (a tile's edge, the icon). `warning` and `error` colour the figure too. */\n  tone?: StatTone;\n  /** `tile`: a bordered card with an accent edge, for KPIs. `plain`: text only, for rows of small figures. */\n  variant?: \"tile\" | \"plain\";\n  /** Make the whole stat a link to what the figure is made of. */\n  href?: string;\n  ref?: Ref<HTMLElement>;\n}\n\n/**\n * A figure with its label: a KPI tile on a dashboard, or a small stat in a row.\n * Children go under it — a meter, a sparkline, a note.\n */\nexport function Stat(props: ParentProps<StatProps>): JSX.Element {\n  const merged = mergeProps({ tone: \"neutral\" as StatTone, variant: \"tile\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"label\",\n    \"value\",\n    \"hint\",\n    \"icon\",\n    \"tone\",\n    \"variant\",\n    \"href\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  // Read each slot once: markup passed as a prop is created anew on every read,\n  // and during hydration the copy made for a <Show> test has no server DOM node.\n  const label = children(() => local.label);\n  const value = children(() => local.value);\n  const hint = children(() => local.hint);\n  const icon = children(() => local.icon);\n  const extra = children(() => local.children);\n\n  return (\n    <Dynamic\n      component={local.href ? \"a\" : \"div\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      href={local.href}\n      data-testid=\"stat\"\n      class={cn(\n        \"smwb-stat\",\n        `smwb-stat_${local.variant}`,\n        `smwb-stat_tone-${local.tone}`,\n        { \"smwb-stat_link\": !!local.href, \"smwb-stat_with-icon\": !!icon() },\n        local.class\n      )}\n    >\n      <Show when={icon()}>\n        {(resolved) => (\n          <span class=\"smwb-stat__icon\" aria-hidden=\"true\">\n            {typeof resolved() === \"string\" ? <Icon name={resolved() as string} size={20} /> : resolved()}\n          </span>\n        )}\n      </Show>\n      <span class=\"smwb-stat__label\">{label()}</span>\n      <span class=\"smwb-stat__value\">{value()}</span>\n      <Show when={hint()}>\n        <span class=\"smwb-stat__hint\">{hint()}</span>\n      </Show>\n      <Show when={extra()}>\n        <div class=\"smwb-stat__extra\">{extra()}</div>\n      </Show>\n    </Dynamic>\n  );\n}\n\nexport interface StatGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /** Narrowest a stat may get before the row wraps; a CSS length or px. 9rem by default. */\n  minItemWidth?: number | string;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** A responsive row of stats: as many columns as fit, each at least `minItemWidth` wide. */\nexport function StatGroup(props: ParentProps<StatGroupProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"style\", \"minItemWidth\", \"children\", \"ref\"]);\n  const style = (): JSX.CSSProperties | string | undefined => {\n    if (local.minItemWidth === undefined) return local.style;\n    const width = typeof local.minItemWidth === \"number\" ? `${local.minItemWidth}px` : local.minItemWidth;\n    if (typeof local.style === \"string\") return `${local.style};--smwb-stat-min:${width}`;\n    return { ...local.style, \"--smwb-stat-min\": width };\n  };\n  return (\n    <div {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-stat-group\", local.class)} style={style()}>\n      {local.children}\n    </div>\n  );\n}\n\nexport default Stat;\n"],"names":["Stat","props","merged","mergeProps","tone","variant","local","rest","splitProps","label","children","value","hint","icon","extra","_$createComponent","Dynamic","_$mergeProps","component","href","ref","r$","_ref$","mergeRefs","cn","class","Show","when","resolved","_el$5","_tmpl$5","_$insert","_c$","_$memo","Icon","name","size","_el$","_tmpl$","_el$2","_tmpl$2","_el$3","_tmpl$3","_el$4","_tmpl$4","StatGroup","style","minItemWidth","undefined","width","_el$6","_tmpl$6","_ref$2","_$use","_$spread"],"mappings":"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"}

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

@@ -1,41 +1,41 @@
-import { use as w, spread as _, mergeProps as d, insert as n, createComponent as i, effect as h, className as p, template as f } from "solid-js/web";
-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 { 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 x(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 N(f) {
+  const [e, g] = k(f, ["class", "dense", "hovered", "children", "paginationSettings", "isLoading", "stickyHeader", "caption", "stackBelow", "ref"]), l = $(() => e.caption);
   return (() => {
-    var r = S(), l = r.firstChild, a = l.firstChild, o = y(e.ref);
-    return typeof o == "function" && w(o, r), _(r, d(u, {
+    var r = B(), o = r.firstChild, n = o.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(a, i(b, {
+    }), !1, !0), a(n, i(w, {
       get when() {
-        return e.caption != null;
+        return l() != null;
       },
       get children() {
-        var t = P();
-        return n(t, () => e.caption), t;
+        var t = S();
+        return a(t, l), t;
       }
-    }), null), n(a, () => e.children, null), n(r, i(b, {
+    }), null), a(n, () => e.children, null), a(r, i(w, {
       get when() {
         return e.paginationSettings;
       },
-      children: (t) => i($, d(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 && p(l, t.e = m), c !== t.t && p(a, t.t = c), t;
+      return m !== t.e && b(o, t.e = m), p !== t.t && b(n, t.t = p), t;
     }, {
       e: void 0,
       t: void 0
@@ -43,6 +43,6 @@ function x(g) {
   })();
 }
 export {
-  x as Table
+  N as Table
 };
 //# sourceMappingURL=table.js.map

package/dist/headless/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":";;;;;;AAiBO,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":";;;;;;AAwBO,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/headless/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/headless/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/headless/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/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  /** 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/headless/components/dataDisplay/thumbCard/thumbCard.js

@@ -1,58 +1,58 @@
-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 { 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 Y(_) {
-  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 { 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({
     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"]), p = v(() => e.topStart), b = v(() => e.topEnd), h = v(() => e.caption), d = q({
     placement: () => "right"
-  }), [$, v] = K(!1);
+  }), [D, g] = A(!1);
   let i;
-  const d = () => {
+  const m = () => {
     i && (clearTimeout(i), i = void 0);
-  }, S = () => {
-    e.hoverPreview == null || e.disabled || (d(), i = setTimeout(() => v(!0), e.hoverDelay));
-  }, P = () => {
-    d(), v(!1);
+  }, E = () => {
+    e.hoverPreview == null || e.disabled || (m(), i = setTimeout(() => g(!0), e.hoverDelay));
+  }, z = () => {
+    m(), g(!1);
   };
-  M(d);
-  const o = () => !!e.onSelect && !e.disabled, k = (r) => {
-    o() && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.onSelect?.());
+  I(m);
+  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, p = A(e.ref, (t) => m.setReference(t));
-    return typeof p == "function" && h(p, r), D(r, E(y, {
+    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, {
       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;
       },
@@ -62,45 +62,45 @@ function Y(_) {
       get fallback() {
         return e.fallback;
       }
-    }), null), l(u, n(c, {
+    }), null), n(u, l(c, {
       get when() {
-        return e.topStart;
+        return p();
       },
       get children() {
-        var t = j();
-        return l(t, () => e.topStart), t;
+        var t = H();
+        return n(t, p), 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) => d.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, d.floatingStyles(), s)), t;
           }
         });
       }
@@ -108,6 +108,6 @@ function Y(_) {
   })();
 }
 export {
-  Y as ThumbCard
+  re as ThumbCard
 };
 //# sourceMappingURL=thumbCard.js.map

package/dist/headless/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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"}