@smwb/ui-solid 0.1.0

package/dist/components/dataDisplay/imagesList/imagesListContext.js

@@ -0,0 +1,7 @@
+import { createContext as t, useContext as e } from "solid-js";
+const o = t({ rowsHeight: 0 }), n = () => e(o);
+export {
+  o as ImagesListContext,
+  n as useImagesListContext
+};
+//# sourceMappingURL=imagesListContext.js.map

package/dist/components/dataDisplay/imagesList/imagesListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagesListContext.js","sources":["../../../../src/components/dataDisplay/imagesList/imagesListContext.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\nexport interface ImagesListContextValue {\n  rowsHeight?: number;\n  variant?: \"woven\" | \"masonry\" | \"default\" | null;\n}\n\nexport const ImagesListContext = createContext<ImagesListContextValue>({ rowsHeight: 0 });\n\nexport const useImagesListContext = (): ImagesListContextValue => useContext(ImagesListContext);\n"],"names":["ImagesListContext","createContext","useImagesListContext","useContext"],"mappings":";AAOO,MAAMA,IAAoBC,EAAsC,EAAE,YAAY,GAAG,GAE3EC,IAAuB,MAA8BC,EAAWH,CAAiB;"}

package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItem.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+export interface ImagesListItemProps {
+    class?: string;
+    src: string;
+    rowsHeight?: number;
+    cols: number;
+    rows: number;
+    rounded?: boolean;
+    itemBarPlacement?: "top" | "bottom" | "under";
+    itemBarContent?: JSX.Element;
+    alt?: string;
+}
+export declare function ImagesListItem(props: ImagesListItemProps): JSX.Element;
+export default ImagesListItem;

package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItem.js

@@ -0,0 +1,61 @@
+import { insert as u, createComponent as v, effect as f, className as o, style as B, setAttribute as b, template as _, delegateEvents as I } from "solid-js/web";
+import '../../../../assets/styles/less/components/imagesList/imagesListItem/imagesListItem.entry.css';/* empty css                                                                                     */
+import { mergeProps as P, splitProps as x, createSignal as L, createEffect as O, Show as k } from "solid-js";
+import l from "clsx";
+import { ImagesListItemModal as E } from "./imagesListItemModal.js";
+import { useImagesListContext as H } from "../imagesListContext.js";
+var S = /* @__PURE__ */ _("<div>"), A = /* @__PURE__ */ _("<li data-testid=images-list-item><div class=smwb-gallery-item__inner><div class=smwb-gallery-item__img-wrapper><img>");
+function F(p) {
+  const h = P({
+    cols: 1,
+    rows: 1,
+    itemBarPlacement: "bottom",
+    alt: "image"
+  }, p), [t] = x(h, ["class", "src", "rounded", "itemBarContent", "cols", "rows", "itemBarPlacement", "alt"]), s = H(), [a, m] = L(!1);
+  O(() => {
+    document.body.style.overflow = a() ? "hidden" : "auto";
+  });
+  const y = () => ({
+    height: s.rowsHeight ? `${s.rowsHeight * t.rows}px` : "",
+    "grid-row-end": `span ${t.rows}`,
+    "grid-column-end": `span ${t.cols}`
+  });
+  return [(() => {
+    var r = A(), n = r.firstChild, $ = n.firstChild, i = $.firstChild;
+    return r.$$click = () => m(!0), u(n, v(k, {
+      get when() {
+        return t.itemBarContent;
+      },
+      get children() {
+        var e = S();
+        return u(e, () => t.itemBarContent), f(() => o(e, l("smwb-gallery-item__bar", t.class, `smwb-${t.itemBarPlacement}`, {
+          "smwb-rounded": t.rounded
+        }))), e;
+      }
+    }), null), f((e) => {
+      var c = l("smwb-gallery__list__item", t.class, "smwb-gallery-item", `smwb-${s.variant}`), C = y(), d = t.src, g = t.alt || "image", w = l("smwb-gallery-item__img", {
+        "smwb-rounded": t.rounded
+      });
+      return c !== e.e && o(r, e.e = c), e.t = B(r, C, e.t), d !== e.a && b(i, "src", e.a = d), g !== e.o && b(i, "alt", e.o = g), w !== e.i && o(i, e.i = w), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), r;
+  })(), v(E, {
+    get src() {
+      return t.src;
+    },
+    onClose: () => m(!1),
+    get isOpen() {
+      return a();
+    }
+  })];
+}
+I(["click"]);
+export {
+  F as ImagesListItem
+};
+//# sourceMappingURL=imagesListItem.js.map

package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagesListItem.js","sources":["../../../../../src/components/dataDisplay/imagesList/imagesListItem/imagesListItem.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { ImagesListItemModal } from \"./imagesListItemModal\";\nimport { useImagesListContext } from \"../imagesListContext\";\n\nexport interface ImagesListItemProps {\n  class?: string;\n  src: string;\n  rowsHeight?: number;\n  cols: number;\n  rows: number;\n  rounded?: boolean;\n  itemBarPlacement?: \"top\" | \"bottom\" | \"under\";\n  itemBarContent?: JSX.Element;\n  alt?: string;\n}\n\nexport function ImagesListItem(props: ImagesListItemProps): JSX.Element {\n  const merged = mergeProps({ cols: 1, rows: 1, itemBarPlacement: \"bottom\" as const, alt: \"image\" }, props);\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"src\",\n    \"rounded\",\n    \"itemBarContent\",\n    \"cols\",\n    \"rows\",\n    \"itemBarPlacement\",\n    \"alt\",\n  ]);\n\n  const ctx = useImagesListContext();\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  createEffect(() => {\n    document.body.style.overflow = isOpen() ? \"hidden\" : \"auto\";\n  });\n\n  const style = (): JSX.CSSProperties => ({\n    height: ctx.rowsHeight ? `${ctx.rowsHeight * local.rows}px` : \"\",\n    \"grid-row-end\": `span ${local.rows}`,\n    \"grid-column-end\": `span ${local.cols}`,\n  });\n\n  return (\n    <>\n      <li\n        data-testid=\"images-list-item\"\n        class={cn(\"smwb-gallery__list__item\", local.class, \"smwb-gallery-item\", `smwb-${ctx.variant}`)}\n        onClick={() => setIsOpen(true)}\n        style={style()}\n      >\n        <div class=\"smwb-gallery-item__inner\">\n          <div class=\"smwb-gallery-item__img-wrapper\">\n            <img src={local.src} alt={local.alt || \"image\"} class={cn(\"smwb-gallery-item__img\", { \"smwb-rounded\": local.rounded })} />\n          </div>\n          <Show when={local.itemBarContent}>\n            <div\n              class={cn(\"smwb-gallery-item__bar\", local.class, `smwb-${local.itemBarPlacement}`, { \"smwb-rounded\": local.rounded })}\n            >\n              {local.itemBarContent}\n            </div>\n          </Show>\n        </div>\n      </li>\n      <ImagesListItemModal src={local.src} onClose={() => setIsOpen(false)} isOpen={isOpen()} />\n    </>\n  );\n}\n\nexport default ImagesListItem;\n"],"names":["ImagesListItem","props","merged","mergeProps","cols","rows","itemBarPlacement","alt","local","splitProps","ctx","useImagesListContext","isOpen","setIsOpen","createSignal","createEffect","document","body","style","overflow","height","rowsHeight","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","$$click","_$insert","_$createComponent","Show","when","itemBarContent","children","_el$5","_tmpl$","_$effect","_$className","cn","class","rounded","_p$","_v$","variant","_v$2","_v$3","src","_v$4","_v$5","e","t","_$style","a","_$setAttribute","o","i","undefined","ImagesListItemModal","onClose","_$delegateEvents"],"mappings":";;;;;;;AAkBO,SAASA,EAAeC,GAAyC;AACtE,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,IAAGC,MAAM;AAAA,IAAGC,kBAAkB;AAAA,IAAmBC,KAAK;AAAA,EAAA,GAAWN,CAAK,GAClG,CAACO,CAAK,IAAIC,EAAWP,GAAQ,CACjC,SACA,OACA,WACA,kBACA,QACA,QACA,oBACA,KAAK,CACN,GAEKQ,IAAMC,EAAAA,GACN,CAACC,GAAQC,CAAS,IAAIC,EAAa,EAAK;AAE9CC,EAAAA,EAAa,MAAM;AACjBC,aAASC,KAAKC,MAAMC,WAAWP,EAAAA,IAAW,WAAW;AAAA,EACvD,CAAC;AAED,QAAMM,IAAQA,OAA0B;AAAA,IACtCE,QAAQV,EAAIW,aAAa,GAAGX,EAAIW,aAAab,EAAMH,IAAI,OAAO;AAAA,IAC9D,gBAAgB,QAAQG,EAAMH,IAAI;AAAA,IAClC,mBAAmB,QAAQG,EAAMJ,IAAI;AAAA,EAAA;AAGvC,SAAA,EAAA,MAAA;AAAA,QAAAkB,IAAAC,KAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAAAD,EAAAD;AAAAH,WAAAA,EAAAM,UAKe,MAAMf,EAAU,EAAI,GAACgB,EAAAL,GAAAM,EAO3BC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAExB,EAAMyB;AAAAA,MAAc;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MAI3B3B,EAAMyB,cAAc,GAAAI,QAAAC,EAAAH,GAFdI,EAAG,0BAA0B/B,EAAMgC,OAAO,QAAQhC,EAAMF,gBAAgB,IAAI;AAAA,UAAE,gBAAgBE,EAAMiC;AAAAA,QAAAA,CAAS,CAAC,CAAA,GAAAN;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAE,EAAAK,CAAAA,MAAA;AAAA,UAAAC,IAVpHJ,EAAG,4BAA4B/B,EAAMgC,OAAO,qBAAqB,QAAQ9B,EAAIkC,OAAO,EAAE,GAACC,IAEvF3B,KAAO4B,IAIAtC,EAAMuC,KAAGC,IAAOxC,EAAMD,OAAO,SAAO0C,IAASV,EAAG,0BAA0B;AAAA,QAAE,gBAAgB/B,EAAMiC;AAAAA,MAAAA,CAAS;AAACE,aAAAA,MAAAD,EAAAQ,KAAAZ,EAAAhB,GAAAoB,EAAAQ,IAAAP,CAAA,GAAAD,EAAAS,IAAAC,EAAA9B,GAAAuB,GAAAH,EAAAS,CAAA,GAAAL,MAAAJ,EAAAW,KAAAC,EAAA3B,GAAA,OAAAe,EAAAW,IAAAP,CAAA,GAAAE,MAAAN,EAAAa,KAAAD,EAAA3B,GAAA,OAAAe,EAAAa,IAAAP,CAAA,GAAAC,MAAAP,EAAAc,KAAAlB,EAAAX,GAAAe,EAAAc,IAAAP,CAAA,GAAAP;AAAAA,IAAA,GAAA;AAAA,MAAAQ,GAAAO;AAAAA,MAAAN,GAAAM;AAAAA,MAAAJ,GAAAI;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA,GAAAnC;AAAAA,EAAA,GAAA,GAAAQ,EAW3H4B,GAAmB;AAAA,IAAA,IAACX,MAAG;AAAA,aAAEvC,EAAMuC;AAAAA,IAAG;AAAA,IAAEY,SAASA,MAAM9C,EAAU,EAAK;AAAA,IAAC,IAAED,SAAM;AAAA,aAAEA,EAAAA;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAG5F;AAE8BgD,EAAA,CAAA,OAAA,CAAA;"}

package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from "solid-js";
+export interface ImagesListItemModalProps {
+    src: string;
+    onClose: () => void;
+    isOpen: boolean;
+}
+export declare function ImagesListItemModal(props: ImagesListItemModalProps): JSX.Element;
+export default ImagesListItemModal;

package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js

@@ -0,0 +1,46 @@
+import { createComponent as n, Portal as l, effect as c, className as d, setAttribute as v, template as g, delegateEvents as u } from "solid-js/web";
+import { Show as f } from "solid-js";
+import _ from "clsx";
+import { createCssTransition as b } from "../../../../primitives/createCssTransition.js";
+var w = /* @__PURE__ */ g("<div><div class=smwb-image-modal><img alt class=smwb-image-modal__img>");
+function y(r) {
+  const a = b({
+    in: () => r.isOpen,
+    timeout: {
+      enter: 100,
+      exit: 100
+    },
+    classNames: {
+      enterActive: "smwb-image-modal__overlay-enter-active",
+      enterDone: "smwb-image-modal__overlay-enter-done"
+    },
+    appear: !1
+  });
+  return n(f, {
+    get when() {
+      return a.mounted();
+    },
+    get children() {
+      return n(l, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          var t = w(), i = t.firstChild, s = i.firstChild;
+          return t.$$click = () => r.onClose(), i.$$click = (e) => e.stopPropagation(), c((e) => {
+            var o = _("smwb-image-modal__overlay", a.classes()), m = r.src;
+            return o !== e.e && d(t, e.e = o), m !== e.t && v(s, "src", e.t = m), e;
+          }, {
+            e: void 0,
+            t: void 0
+          }), t;
+        }
+      });
+    }
+  });
+}
+u(["click"]);
+export {
+  y as ImagesListItemModal
+};
+//# sourceMappingURL=imagesListItemModal.js.map

package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagesListItemModal.js","sources":["../../../../../src/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { createCssTransition } from \"../../../../primitives/createCssTransition\";\n\nexport interface ImagesListItemModalProps {\n  src: string;\n  onClose: () => void;\n  isOpen: boolean;\n}\n\nexport function ImagesListItemModal(props: ImagesListItemModalProps): JSX.Element {\n  const transition = createCssTransition({\n    in: () => props.isOpen,\n    timeout: { enter: 100, exit: 100 },\n    classNames: {\n      enterActive: \"smwb-image-modal__overlay-enter-active\",\n      enterDone: \"smwb-image-modal__overlay-enter-done\",\n    },\n    appear: false,\n  });\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={document.body}>\n        <div class={cn(\"smwb-image-modal__overlay\", transition.classes())} onClick={() => props.onClose()}>\n          <div class=\"smwb-image-modal\" onClick={(event) => event.stopPropagation()}>\n            <img src={props.src} alt=\"\" class=\"smwb-image-modal__img\" />\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport default ImagesListItemModal;\n"],"names":["ImagesListItemModal","props","transition","createCssTransition","in","isOpen","timeout","enter","exit","classNames","enterActive","enterDone","appear","_$createComponent","Show","when","mounted","children","Portal","mount","document","body","_el$","_tmpl$","_el$2","firstChild","_el$3","$$click","onClose","event","stopPropagation","_$effect","_p$","_v$","cn","classes","_v$2","src","e","_$className","t","_$setAttribute","undefined","_$delegateEvents"],"mappings":";;;;;AAWO,SAASA,EAAoBC,GAA8C;AAChF,QAAMC,IAAaC,EAAoB;AAAA,IACrCC,IAAIA,MAAMH,EAAMI;AAAAA,IAChBC,SAAS;AAAA,MAAEC,OAAO;AAAA,MAAKC,MAAM;AAAA,IAAA;AAAA,IAC7BC,YAAY;AAAA,MACVC,aAAa;AAAA,MACbC,WAAW;AAAA,IAAA;AAAA,IAEbC,QAAQ;AAAA,EAAA,CACT;AAED,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEb,EAAWc,QAAAA;AAAAA,IAAS;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAAJ,EAC7BK,GAAM;AAAA,QAAA,IAACC,QAAK;AAAA,iBAAEC,SAASC;AAAAA,QAAI;AAAA,QAAA,IAAAJ,WAAA;AAAA,cAAAK,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC;AAAAH,iBAAAA,EAAAK,UACkD,MAAM1B,EAAM2B,QAAAA,GAASJ,EAAAG,UACvDE,CAAAA,MAAUA,EAAMC,gBAAAA,GAAiBC,EAAAC,CAAAA,MAAA;AAAA,gBAAAC,IAD/DC,EAAG,6BAA6BhC,EAAWiC,SAAS,GAACC,IAEnDnC,EAAMoC;AAAGJ,mBAAAA,MAAAD,EAAAM,KAAAC,EAAAjB,GAAAU,EAAAM,IAAAL,CAAA,GAAAG,MAAAJ,EAAAQ,KAAAC,EAAAf,GAAA,OAAAM,EAAAQ,IAAAJ,CAAA,GAAAJ;AAAAA,UAAA,GAAA;AAAA,YAAAM,GAAAI;AAAAA,YAAAF,GAAAE;AAAAA,UAAAA,CAAA,GAAApB;AAAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAM/B;AAEmCqB,EAAA,CAAA,OAAA,CAAA;"}

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

@@ -0,0 +1,9 @@
+export { ImagesList } from "./imagesList";
+export type { ImagesListProps } from "./imagesList";
+export { ImagesListItem } from "./imagesListItem/imagesListItem";
+export type { ImagesListItemProps } from "./imagesListItem/imagesListItem";
+export { ImagesListItemModal } from "./imagesListItem/imagesListItemModal";
+export type { ImagesListItemModalProps } from "./imagesListItem/imagesListItemModal";
+export { ImagesListContext, useImagesListContext } from "./imagesListContext";
+export type { ImagesListContextValue } from "./imagesListContext";
+export type { ImageItem } from "./imagesList.types";

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

@@ -0,0 +1,4 @@
+export { List, default } from "./list";
+export type { ListProps } from "./list";
+export { ListItem } from "./listItem";
+export type { ListItemProps } from "./listItem";

package/dist/components/dataDisplay/list/list.d.ts

@@ -0,0 +1,11 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface ListProps extends JSX.HTMLAttributes<HTMLUListElement> {
+    /** Compact vertical rhythm. */
+    dense?: boolean;
+    /** Section subheader rendered before the items. */
+    subheader?: JSX.Element;
+    ref?: Ref<HTMLUListElement>;
+}
+export declare function List(props: ParentProps<ListProps>): JSX.Element;
+export default List;

package/dist/components/dataDisplay/list/list.js

@@ -0,0 +1,33 @@
+import { use as a, spread as m, mergeProps as u, insert as t, createComponent as p, template as n } from "solid-js/web";
+import '../../../assets/styles/less/components/list/list.entry.css';/* empty css                                                   */
+import { splitProps as c, Show as d } from "solid-js";
+import f from "clsx";
+import { mergeRefs as h } from "../../../primitives/mergeRefs.js";
+var _ = /* @__PURE__ */ n("<li class=smwb-list__subheader>"), b = /* @__PURE__ */ n("<ul>");
+function x(o) {
+  const [e, i] = c(o, ["class", "dense", "subheader", "children", "ref"]);
+  return (() => {
+    var r = b(), s = h(e.ref);
+    return typeof s == "function" && a(s, r), m(r, u(i, {
+      "data-testid": "list",
+      role: "list",
+      get class() {
+        return f("smwb-list", {
+          "smwb-list_dense": e.dense
+        }, e.class);
+      }
+    }), !1, !0), t(r, p(d, {
+      get when() {
+        return e.subheader;
+      },
+      get children() {
+        var l = _();
+        return t(l, () => e.subheader), l;
+      }
+    }), null), t(r, () => e.children, null), r;
+  })();
+}
+export {
+  x as List
+};
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../../src/components/dataDisplay/list/list.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ListProps extends JSX.HTMLAttributes<HTMLUListElement> {\n  /** Compact vertical rhythm. */\n  dense?: boolean;\n  /** Section subheader rendered before the items. */\n  subheader?: JSX.Element;\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport function List(props: ParentProps<ListProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"dense\", \"subheader\", \"children\", \"ref\"]);\n  return (\n    <ul\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"list\"\n      role=\"list\"\n      class={cn(\"smwb-list\", { \"smwb-list_dense\": local.dense }, local.class)}\n    >\n      <Show when={local.subheader}>\n        <li class=\"smwb-list__subheader\">{local.subheader}</li>\n      </Show>\n      {local.children}\n    </ul>\n  );\n}\n\nexport default List;\n"],"names":["List","props","local","rest","splitProps","_el$","_tmpl$2","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","dense","class","_$insert","_$createComponent","Show","when","subheader","children","_el$2","_tmpl$"],"mappings":";;;;;;AAaO,SAASA,EAAKC,GAA4C;AAC/D,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,SAAS,SAAS,aAAa,YAAY,KAAK,CAAC;AAC1F,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,eAEI;AAAA,MAAM,MACb;AAAA,MAAM,IAAA,QAAA;AAAA,eACJU,EAAG,aAAa;AAAA,UAAE,mBAAmBX,EAAMY;AAAAA,QAAAA,GAASZ,EAAMa,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAX,GAAAY,EAEtEC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEjB,EAAMkB;AAAAA,MAAS;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MACSpB,EAAMkB,SAAS,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAN,EAAAX,GAAA,MAElDH,EAAMmB,UAAQ,IAAA,GAAAhB;AAAAA,EAAA,GAAA;AAGrB;"}

package/dist/components/dataDisplay/list/listItem.d.ts

@@ -0,0 +1,17 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface ListItemProps {
+    disabled?: boolean;
+    class?: string;
+    selected?: boolean;
+    /** Compact row. */
+    dense?: boolean;
+    /** Render a bottom divider. */
+    divider?: boolean;
+    startAdornment?: JSX.Element;
+    endAdornment?: JSX.Element;
+    onClick?: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>;
+    ref?: Ref<HTMLLIElement>;
+}
+export declare function ListItem(props: ParentProps<ListItemProps>): JSX.Element;
+export default ListItem;

package/dist/components/dataDisplay/list/listItem.js

@@ -0,0 +1,35 @@
+import { addEventListener as v, use as k, insert as s, effect as u, setAttribute as d, className as w, template as p, delegateEvents as y } from "solid-js/web";
+import { splitProps as A } from "solid-js";
+import C from "clsx";
+import { mergeRefs as g } from "../../../primitives/mergeRefs.js";
+import { callHandler as x } from "../../../primitives/callHandler.js";
+var h = /* @__PURE__ */ p("<li role=listitem data-testid=list-item><span class=smwb-list__item__start></span><span class=smwb-list__item__main></span><span class=smwb-list__item__end>");
+function H(b) {
+  const [e] = A(b, ["class", "children", "disabled", "selected", "dense", "divider", "startAdornment", "endAdornment", "onClick", "ref"]), l = () => !!e.onClick && !e.disabled;
+  return (() => {
+    var i = h(), r = i.firstChild, n = r.nextSibling, f = n.nextSibling;
+    v(i, "keydown", l() ? (t) => {
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), x(e.onClick, t));
+    } : void 0, !0), v(i, "click", e.disabled ? void 0 : e.onClick, !0);
+    var a = g(e.ref);
+    return typeof a == "function" && k(a, i), s(r, () => e.startAdornment), s(n, () => e.children), s(f, () => e.endAdornment), u((t) => {
+      var o = l() ? 0 : void 0, m = e.disabled || void 0, c = e.selected || void 0, _ = C("smwb-list__item", e.class, {
+        "smwb-disabled": e.disabled,
+        "smwb-selected": e.selected,
+        "smwb-list__item_dense": e.dense,
+        "smwb-list__item_divider": e.divider
+      });
+      return o !== t.e && d(i, "tabindex", t.e = o), m !== t.t && d(i, "aria-disabled", t.t = m), c !== t.a && d(i, "aria-selected", t.a = c), _ !== t.o && w(i, t.o = _), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), i;
+  })();
+}
+y(["click", "keydown"]);
+export {
+  H as ListItem
+};
+//# sourceMappingURL=listItem.js.map

package/dist/components/dataDisplay/list/listItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItem.js","sources":["../../../../src/components/dataDisplay/list/listItem.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface ListItemProps {\n  disabled?: boolean;\n  class?: string;\n  selected?: boolean;\n  /** Compact row. */\n  dense?: boolean;\n  /** Render a bottom divider. */\n  divider?: boolean;\n  startAdornment?: JSX.Element;\n  endAdornment?: JSX.Element;\n  onClick?: JSX.EventHandlerUnion<HTMLLIElement, MouseEvent>;\n  ref?: Ref<HTMLLIElement>;\n}\n\nexport function ListItem(props: ParentProps<ListItemProps>): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"disabled\",\n    \"selected\",\n    \"dense\",\n    \"divider\",\n    \"startAdornment\",\n    \"endAdornment\",\n    \"onClick\",\n    \"ref\",\n  ]);\n\n  const interactive = (): boolean => !!local.onClick && !local.disabled;\n\n  return (\n    <li\n      ref={mergeRefs(local.ref)}\n      role=\"listitem\"\n      tabindex={interactive() ? 0 : undefined}\n      aria-disabled={local.disabled || undefined}\n      aria-selected={local.selected || undefined}\n      onClick={local.disabled ? undefined : local.onClick}\n      onKeyDown={\n        interactive()\n          ? (event) => {\n              if (event.key === \"Enter\" || event.key === \" \") {\n                event.preventDefault();\n                callHandler(\n                  local.onClick,\n                  event as unknown as MouseEvent & { currentTarget: HTMLLIElement; target: Element }\n                );\n              }\n            }\n          : undefined\n      }\n      class={cn(\"smwb-list__item\", local.class, {\n        \"smwb-disabled\": local.disabled,\n        \"smwb-selected\": local.selected,\n        \"smwb-list__item_dense\": local.dense,\n        \"smwb-list__item_divider\": local.divider,\n      })}\n      data-testid=\"list-item\"\n    >\n      <span class=\"smwb-list__item__start\">{local.startAdornment}</span>\n      <span class=\"smwb-list__item__main\">{local.children}</span>\n      <span class=\"smwb-list__item__end\">{local.endAdornment}</span>\n    </li>\n  );\n}\n\nexport default ListItem;\n"],"names":["ListItem","props","local","splitProps","interactive","onClick","disabled","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_$addEventListener","event","key","preventDefault","callHandler","undefined","_ref$","mergeRefs","ref","_$use","_$insert","startAdornment","children","endAdornment","_$effect","_p$","_v$","_v$2","_v$3","selected","_v$4","cn","class","dense","divider","e","_$setAttribute","t","a","o","_$className","_$delegateEvents"],"mappings":";;;;;;AAmBO,SAASA,EAASC,GAAgD;AACvE,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,SACA,YACA,YACA,YACA,SACA,WACA,kBACA,gBACA,WACA,KAAK,CACN,GAEKG,IAAcA,MAAe,CAAC,CAACF,EAAMG,WAAW,CAACH,EAAMI;AAE7D,UAAA,MAAA;AAAA,QAAAC,IAAAC,KAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAC;AAAAE,IAAAA,EAAAP,GAAA,WASMH,EAAAA,IACKW,CAAAA,MAAU;AACT,OAAIA,EAAMC,QAAQ,WAAWD,EAAMC,QAAQ,SACzCD,EAAME,eAAAA,GACNC,EACEhB,EAAMG,SACNU,CACF;AAAA,IAEJ,IACAI,QAAS,EAAA,GAAAL,EAAAP,GAAA,SAZNL,EAAMI,WAAWa,SAAYjB,EAAMG,SAAO,EAAA;AAAA,QAAAe,IAL9CC,EAAUnB,EAAMoB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAb,CAAA,GAAAiB,EAAAf,GAAA,MA2BaP,EAAMuB,cAAc,GAAAD,EAAAb,GAAA,MACrBT,EAAMwB,QAAQ,GAAAF,EAAAX,GAAA,MACfX,EAAMyB,YAAY,GAAAC,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IA3B5C1B,MAAgB,IAAIe,QAASY,IACxB7B,EAAMI,YAAYa,QAASa,IAC3B9B,EAAM+B,YAAYd,QAASe,IAenCC,EAAG,mBAAmBjC,EAAMkC,OAAO;AAAA,QACxC,iBAAiBlC,EAAMI;AAAAA,QACvB,iBAAiBJ,EAAM+B;AAAAA,QACvB,yBAAyB/B,EAAMmC;AAAAA,QAC/B,2BAA2BnC,EAAMoC;AAAAA,MAAAA,CAClC;AAACR,aAAAA,MAAAD,EAAAU,KAAAC,EAAAjC,GAAA,YAAAsB,EAAAU,IAAAT,CAAA,GAAAC,MAAAF,EAAAY,KAAAD,EAAAjC,GAAA,iBAAAsB,EAAAY,IAAAV,CAAA,GAAAC,MAAAH,EAAAa,KAAAF,EAAAjC,GAAA,iBAAAsB,EAAAa,IAAAV,CAAA,GAAAE,MAAAL,EAAAc,KAAAC,EAAArC,GAAAsB,EAAAc,IAAAT,CAAA,GAAAL;AAAAA,IAAA,GAAA;AAAA,MAAAU,GAAApB;AAAAA,MAAAsB,GAAAtB;AAAAA,MAAAuB,GAAAvB;AAAAA,MAAAwB,GAAAxB;AAAAA,IAAAA,CAAA,GAAAZ;AAAAA,EAAA,GAAA;AAQR;AAEwBsC,EAAA,CAAA,SAAA,SAAA,CAAA;"}

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

@@ -0,0 +1,14 @@
+export { Table } from "./table";
+export type { TableProps } from "./table";
+export { TableHead } from "./tableHead";
+export type { TableHeadProps } from "./tableHead";
+export { TableBody } from "./tableBody";
+export type { TableBodyProps } from "./tableBody";
+export { TableRow } from "./tableRow";
+export type { TableRowProps } from "./tableRow";
+export { TableCell } from "./tableCell";
+export type { TableCellProps } from "./tableCell";
+export { TableHeadCell } from "./tableHeadCell";
+export type { TableHeadCellProps, SortDirection } from "./tableHeadCell";
+export { TablePagination } from "./tablePagination/tablePagination";
+export type { TablePaginationProps } from "./tablePagination/tablePagination";

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

@@ -0,0 +1,16 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type TablePaginationProps } from "./tablePagination/tablePagination";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface TableProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    dense?: boolean;
+    isLoading?: boolean;
+    hovered?: boolean;
+    /** Pins the table header while the body scrolls. */
+    stickyHeader?: boolean;
+    /** Optional accessible caption rendered for screen readers. */
+    caption?: JSX.Element;
+    paginationSettings?: TablePaginationProps;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function Table(props: ParentProps<TableProps>): JSX.Element;
+export default Table;

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

@@ -0,0 +1,49 @@
+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 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"]);
+  return (() => {
+    var r = S(), o = r.firstChild, i = o.firstChild, l = y(e.ref);
+    return typeof l == "function" && w(l, r), _(r, p(u, {
+      get class() {
+        return s("smwb-table__wrapper", e.class, {
+          "smwb-table__wrapper_loading": e.isLoading
+        });
+      }
+    }), !1, !0), n(i, a(b, {
+      get when() {
+        return e.caption != null;
+      },
+      get children() {
+        var t = P();
+        return n(t, () => e.caption), t;
+      }
+    }), null), n(i, () => e.children, null), n(r, a(b, {
+      get when() {
+        return e.paginationSettings;
+      },
+      children: (t) => a($, p(t))
+    }), null), h((t) => {
+      var m = s("smwb-table__container", {
+        "smwb-withPagination": !!e.paginationSettings
+      }), c = 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;
+    }, {
+      e: void 0,
+      t: void 0
+    }), r;
+  })();
+}
+export {
+  N as Table
+};
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface TableBodyProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: Ref<HTMLTableSectionElement>;
+}
+export declare function TableBody(props: ParentProps<TableBodyProps>): JSX.Element;
+export default TableBody;

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

@@ -0,0 +1,20 @@
+import { use as l, spread as m, mergeProps as a, insert as f, template as n } from "solid-js/web";
+import { splitProps as p } from "solid-js";
+import c from "clsx";
+import { mergeRefs as i } from "../../../primitives/mergeRefs.js";
+var u = /* @__PURE__ */ n("<tbody>");
+function g(o) {
+  const [e, s] = p(o, ["children", "class", "ref"]);
+  return (() => {
+    var r = u(), t = i(e.ref);
+    return typeof t == "function" && l(t, r), m(r, a(s, {
+      get class() {
+        return c("smwb-table__body", e.class);
+      }
+    }), !1, !0), f(r, () => e.children), r;
+  })();
+}
+export {
+  g as TableBody
+};
+//# sourceMappingURL=tableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableBody.js","sources":["../../../../src/components/dataDisplay/table/tableBody.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableBodyProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: Ref<HTMLTableSectionElement>;\n}\n\nexport function TableBody(props: ParentProps<TableBodyProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n  return (\n    <tbody {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__body\", local.class)}>\n      {local.children}\n    </tbody>\n  );\n}\n\nexport default TableBody;\n"],"names":["TableBody","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","children"],"mappings":";;;;;AAQO,SAASA,EAAUC,GAAiD;AACzE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,KAAK,CAAC;AACpE,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IACwBC,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,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAA,MACnFH,EAAMc,QAAQ,GAAAX;AAAAA,EAAA,GAAA;AAGrB;"}

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

@@ -0,0 +1,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";
+    ref?: Ref<HTMLTableCellElement>;
+}
+export declare function TableCell(props: ParentProps<TableCellProps>): JSX.Element;
+export default TableCell;

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

@@ -0,0 +1,25 @@
+import { use as n, spread as m, mergeProps as c, insert as a, 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>");
+function v(t) {
+  const s = i({
+    cellAlign: "left"
+  }, t), [e, o] = p(s, ["children", "cellAlign", "class", "ref"]);
+  return (() => {
+    var r = d(), l = u(e.ref);
+    return typeof l == "function" && n(l, r), m(r, c(o, {
+      get class() {
+        return g("smwb-table__cell", e.class);
+      },
+      get align() {
+        return e.cellAlign || "left";
+      }
+    }), !1, !0), a(r, () => e.children), r;
+  })();
+}
+export {
+  v as TableCell
+};
+//# sourceMappingURL=tableCell.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface TableHeadProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: Ref<HTMLTableSectionElement>;
+}
+export declare function TableHead(props: ParentProps<TableHeadProps>): JSX.Element;
+export default TableHead;

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

@@ -0,0 +1,20 @@
+import { use as a, spread as l, mergeProps as m, insert as f, template as n } from "solid-js/web";
+import { splitProps as p } from "solid-js";
+import c from "clsx";
+import { mergeRefs as i } from "../../../primitives/mergeRefs.js";
+var u = /* @__PURE__ */ n("<thead>");
+function g(s) {
+  const [e, o] = p(s, ["children", "class", "ref"]);
+  return (() => {
+    var r = u(), t = i(e.ref);
+    return typeof t == "function" && a(t, r), l(r, m(o, {
+      get class() {
+        return c("smwb-table__head", e.class);
+      }
+    }), !1, !0), f(r, () => e.children), r;
+  })();
+}
+export {
+  g as TableHead
+};
+//# sourceMappingURL=tableHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableHead.js","sources":["../../../../src/components/dataDisplay/table/tableHead.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableHeadProps extends JSX.HTMLAttributes<HTMLTableSectionElement> {\n  ref?: Ref<HTMLTableSectionElement>;\n}\n\nexport function TableHead(props: ParentProps<TableHeadProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"ref\"]);\n  return (\n    <thead {...rest} ref={mergeRefs(local.ref)} class={cn(\"smwb-table__head\", local.class)}>\n      {local.children}\n    </thead>\n  );\n}\n\nexport default TableHead;\n"],"names":["TableHead","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","children"],"mappings":";;;;;AAQO,SAASA,EAAUC,GAAiD;AACzE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,KAAK,CAAC;AACpE,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IACwBC,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,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAV,GAAA,MACnFH,EAAMc,QAAQ,GAAAX;AAAAA,EAAA,GAAA;AAGrB;"}

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

@@ -0,0 +1,19 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type SortDirection = "asc" | "desc" | false;
+export interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellElement> {
+    cellAlign?: "left" | "right" | "center";
+    /** @deprecated use `sortDirection="desc"`. */
+    isSortedByDesc?: boolean;
+    /** @deprecated use `sortDirection="asc"`. */
+    isSortedByAsc?: boolean;
+    /** Enables the interactive sort affordance with keyboard/aria support. */
+    sortable?: boolean;
+    /** Current sort direction for this column. */
+    sortDirection?: SortDirection;
+    /** Invoked when the user activates the sort control. */
+    onSort?: () => void;
+    ref?: Ref<HTMLTableCellElement>;
+}
+export declare function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element;
+export default TableHeadCell;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableHeadCell.js","sources":["../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends JSX.ThHTMLAttributes<HTMLTableCellElement> {\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  /** @deprecated use `sortDirection=\"desc\"`. */\n  isSortedByDesc?: boolean;\n  /** @deprecated use `sortDirection=\"asc\"`. */\n  isSortedByAsc?: boolean;\n  /** Enables the interactive sort affordance with keyboard/aria support. */\n  sortable?: boolean;\n  /** Current sort direction for this column. */\n  sortDirection?: SortDirection;\n  /** Invoked when the user activates the sort control. */\n  onSort?: () => void;\n  ref?: Ref<HTMLTableCellElement>;\n}\n\nexport function TableHeadCell(props: ParentProps<TableHeadCellProps>): JSX.Element {\n  const merged = mergeProps({ cellAlign: \"left\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"class\",\n    \"cellAlign\",\n    \"isSortedByAsc\",\n    \"isSortedByDesc\",\n    \"sortable\",\n    \"sortDirection\",\n    \"onSort\",\n    \"ref\",\n  ]);\n\n  const direction = (): SortDirection =>\n    local.sortDirection !== undefined ? local.sortDirection : local.isSortedByAsc ? \"asc\" : local.isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = (): \"ascending\" | \"descending\" | \"none\" | undefined =>\n    local.sortable ? (direction() === \"asc\" ? \"ascending\" : direction() === \"desc\" ? \"descending\" : \"none\") : undefined;\n\n  const iconName = (): string => (direction() === \"asc\" ? \"expand_more\" : direction() === \"desc\" ? \"expand_less\" : \"\");\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (local.sortable && local.onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      local.onSort();\n    }\n  };\n\n  return (\n    <th\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      aria-sort={ariaSort()}\n      class={cn(\"smwb-table__cell\", \"smwb-head-cell\", local.class, {\n        [`smwb-align_${local.cellAlign}`]: !!local.cellAlign,\n        \"smwb-head-cell_sortable\": local.sortable,\n      })}\n    >\n      <span\n        class=\"smwb-head-cell__content\"\n        onClick={local.sortable ? () => local.onSort?.() : undefined}\n        onKeyDown={local.sortable ? onKeyDown : undefined}\n        role={local.sortable ? \"button\" : undefined}\n        tabindex={local.sortable ? 0 : undefined}\n      >\n        {local.children}\n        <Icon name={iconName()} size={18} weight={800} />\n      </span>\n    </th>\n  );\n}\n\nexport default TableHeadCell;\n"],"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","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,QAEtGK,IAAWA,MAAeP,EAAAA,MAAgB,QAAQ,gBAAgBA,EAAAA,MAAgB,SAAS,gBAAgB,IAE3GQ,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,QAAAA,CAClC;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAmB,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,eAAEvB,EAAAA;AAAAA,MAAU;AAAA,MAAEwB,MAAM;AAAA,MAAIC,QAAQ;AAAA,IAAA,CAAG,GAAA,IAAA,GAAAC,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAJvCtC,EAAMS,WAAW,WAAWJ,QAASkC,IACjCvC,EAAMS,WAAW,IAAIJ;AAASiC,aAAAA,MAAAD,EAAAG,KAAAC,EAAAvB,GAAA,QAAAmB,EAAAG,IAAAF,CAAA,GAAAC,MAAAF,EAAAK,KAAAD,EAAAvB,GAAA,YAAAmB,EAAAK,IAAAH,CAAA,GAAAF;AAAAA,IAAA,GAAA;AAAA,MAAAG,GAAAnC;AAAAA,MAAAqC,GAAArC;AAAAA,IAAAA,CAAA,GAAAW;AAAAA,EAAA,GAAA;AAOhD;AAE6B2B,EAAA,CAAA,SAAA,SAAA,CAAA;"}