@smwb/ui-solid 0.1.0

package/dist/headless/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/headless/components/dataDisplay/table/table.js

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

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

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

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

@@ -0,0 +1,54 @@
+import { insert as i, createComponent as c, effect as b, className as x, memo as S, template as d, delegateEvents as N } from "solid-js/web";
+import { Show as k, For as L } from "solid-js";
+import O from "clsx";
+import { Icon as h } from "../../../base/icon/icon.js";
+var P = /* @__PURE__ */ d("<div class=smwb-table__pagination__rows><span>Rows per page</span><select id=rows class=smwb-table__pagination__select>"), T = /* @__PURE__ */ d("<div class=smwb-table__pagination><div class=smwb-table__pagination__controls><div class=smwb-table__pagination__current-count></div><div class=smwb-table__pagination__buttons><button class=smwb-table__pagination__control></button><span class=smwb-table__pagination__page></span><button class=smwb-table__pagination__control>"), z = /* @__PURE__ */ d("<option>");
+function D(t) {
+  const u = () => typeof t.totalCount > "u", $ = () => u() ? !t.hasNextPage : t.page === Math.ceil(t.totalCount / t.limit), f = () => {
+    const n = t.page * t.limit - t.limit, l = t.page * t.limit;
+    return `${n}–${l}` + (u() ? "" : ` of ${t.totalCount}`);
+  }, w = (n) => {
+    t.onLimitChange?.(+n.currentTarget.value);
+  };
+  return (() => {
+    var n = T(), l = n.firstChild, m = l.firstChild, C = m.nextSibling, o = C.firstChild, v = o.nextSibling, r = v.nextSibling;
+    return i(l, c(k, {
+      get when() {
+        return S(() => !!t.limitOptions)() && t.limitOptions.length > 1;
+      },
+      get children() {
+        var e = P(), _ = e.firstChild, a = _.nextSibling;
+        return a.addEventListener("change", w), i(a, c(L, {
+          get each() {
+            return t.limitOptions;
+          },
+          children: (g) => (() => {
+            var s = z();
+            return s.value = g, i(s, g), b(() => x(s, O("smwb-select-option", {
+              selected: g === t.limit
+            }))), s;
+          })()
+        })), b(() => a.value = t.limit), e;
+      }
+    }), m), i(m, f), o.$$click = () => t.onPrev?.(), i(o, c(h, {
+      name: "chevron_left",
+      size: 24,
+      weight: 600
+    })), i(v, () => t.page), r.$$click = () => t.onNext?.(), i(r, c(h, {
+      name: "chevron_right",
+      size: 24,
+      weight: 600
+    })), b((e) => {
+      var _ = t.page === 1, a = $();
+      return _ !== e.e && (o.disabled = e.e = _), a !== e.t && (r.disabled = e.t = a), e;
+    }, {
+      e: void 0,
+      t: void 0
+    }), n;
+  })();
+}
+N(["click"]);
+export {
+  D as TablePagination
+};
+//# sourceMappingURL=tablePagination.js.map

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

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

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

@@ -0,0 +1,30 @@
+import { use as o, spread as d, mergeProps as l, insert as n, template as p } from "solid-js/web";
+import { splitProps as c } from "solid-js";
+import i from "clsx";
+import { mergeRefs as m } from "../../../primitives/mergeRefs.js";
+var f = /* @__PURE__ */ p("<tr>");
+function x(a) {
+  const [e, s] = c(a, ["children", "class", "selected", "expanded", "ref"]);
+  return (() => {
+    var r = f(), t = m(e.ref);
+    return typeof t == "function" && o(t, r), d(r, l(s, {
+      "data-testid": "table-row",
+      get class() {
+        return i("smwb-table__row", e.class, {
+          "smwb-table__row_selected": e.selected,
+          "smwb-table__row_expanded": e.expanded
+        });
+      },
+      get "aria-selected"() {
+        return e.selected ?? void 0;
+      },
+      get "aria-expanded"() {
+        return e.expanded ?? void 0;
+      }
+    }), !1, !0), n(r, () => e.children), r;
+  })();
+}
+export {
+  x as TableRow
+};
+//# sourceMappingURL=tableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableRow.js","sources":["../../../../../src/components/dataDisplay/table/tableRow.tsx"],"sourcesContent":["import { type JSX, type ParentProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface TableRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {\n  /** Marks the row as selected (adds aria-selected + styling). */\n  selected?: boolean;\n  /** Reflects expandable-row state (adds aria-expanded + styling). */\n  expanded?: boolean;\n  ref?: Ref<HTMLTableRowElement>;\n}\n\nexport function TableRow(props: ParentProps<TableRowProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"selected\", \"expanded\", \"ref\"]);\n  return (\n    <tr\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"table-row\"\n      class={cn(\"smwb-table__row\", local.class, {\n        \"smwb-table__row_selected\": local.selected,\n        \"smwb-table__row_expanded\": local.expanded,\n      })}\n      aria-selected={local.selected ?? undefined}\n      aria-expanded={local.expanded ?? undefined}\n    >\n      {local.children}\n    </tr>\n  );\n}\n\nexport default TableRow;\n"],"names":["TableRow","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","selected","expanded","undefined","_$insert","children"],"mappings":";;;;;AAYO,SAASA,EAASC,GAAgD;AACvE,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,YAAY,SAAS,YAAY,YAAY,KAAK,CAAC;AAC5F,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAGSC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBT,GAAI;AAAA,MAAA,eAEI;AAAA,MAAW,IAAA,QAAA;AAAA,eAChBU,EAAG,mBAAmBX,EAAMY,OAAO;AAAA,UACxC,4BAA4BZ,EAAMa;AAAAA,UAClC,4BAA4Bb,EAAMc;AAAAA,QAAAA,CACnC;AAAA,MAAC;AAAA,MAAA,IAAA,kBAAA;AAAA,eACad,EAAMa,YAAYE;AAAAA,MAAS;AAAA,MAAA,IAAA,kBAAA;AAAA,eAC3Bf,EAAMc,YAAYC;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAb,GAAA,MAEzCH,EAAMiB,QAAQ,GAAAd;AAAAA,EAAA,GAAA;AAGrB;"}

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

@@ -0,0 +1,176 @@
+import { createComponent as s, use as T, spread as D, mergeProps as R, insert as g, template as _, effect as I, setAttribute as S, memo as E, className as F, delegateEvents as K } from "solid-js/web";
+import { mergeProps as j, splitProps as q, createSignal as y, For as V, createContext as B, useContext as G, Show as w } from "solid-js";
+import z from "clsx";
+import { createControllableState as P } from "../../../primitives/createControllableState.js";
+import { mergeRefs as H } from "../../../primitives/mergeRefs.js";
+import { Icon as O } from "../../base/icon/icon.js";
+var J = /* @__PURE__ */ _("<input type=checkbox class=smwb-tree__node__checkbox>"), M = /* @__PURE__ */ _("<div role=group>"), Q = /* @__PURE__ */ _("<div role=treeitem><span class=smwb-tree__node__content tabindex=0 role=button><span class=smwb-tree__node__label>"), U = /* @__PURE__ */ _("<div class=smwb-tree__node__loading role=status>Загрузка…"), W = /* @__PURE__ */ _("<div>"), X = /* @__PURE__ */ _("<div class=smwb-tree__wrapper role=presentation>");
+const A = B();
+function N(o) {
+  const n = G(A), e = () => o.item.id ?? o.path, h = () => o.item.children ?? n.loadedChildren()[e()], C = () => n.hasLoader && (!!o.item.hasChildren || !!n.loadedChildren()[e()]), c = () => !!h() && (h()?.length ?? 0) > 0 || C(), f = () => n.expandedIds().includes(e()), m = () => n.selectedIds().includes(e()), v = () => n.loadingIds().includes(e()), x = () => {
+    c() && (f() || n.ensureLoaded(o.item, e()), n.toggleExpanded(e())), n.selectable && n.toggleSelected(e());
+  }, L = (a) => {
+    a.key === "Enter" || a.key === " " ? (a.preventDefault(), x()) : a.key === "ArrowRight" && c() ? (n.ensureLoaded(o.item, e()), n.setOpen(e(), !0)) : a.key === "ArrowLeft" && c() && n.setOpen(e(), !1);
+  };
+  return (() => {
+    var a = Q(), p = a.firstChild, $ = p.firstChild;
+    return p.$$keydown = L, p.$$click = x, g(p, s(w, {
+      get when() {
+        return n.checkboxes;
+      },
+      get children() {
+        var r = J();
+        return r.addEventListener("change", () => n.toggleSelected(e())), r.$$click = (u) => u.stopPropagation(), I(() => S(r, "aria-label", o.item.label)), I(() => r.checked = m()), r;
+      }
+    }), $), g($, s(w, {
+      get when() {
+        return c();
+      },
+      get fallback() {
+        return s(O, {
+          get name() {
+            return n.listIcon;
+          },
+          size: 20
+        });
+      },
+      get children() {
+        return s(O, {
+          get name() {
+            return E(() => !!f())() ? n.nodeIcon.opened ?? "folder_open" : n.nodeIcon.closed ?? "folder";
+          },
+          fill: 1,
+          size: 20
+        });
+      }
+    }), null), g($, (() => {
+      var r = E(() => !!n.renderLabel);
+      return () => r() ? n.renderLabel(o.item, e()) : o.item.label;
+    })(), null), g(a, s(w, {
+      get when() {
+        return E(() => !!c())() && f();
+      },
+      get children() {
+        var r = M();
+        return g(r, s(w, {
+          get when() {
+            return !(v() && !h());
+          },
+          get fallback() {
+            return U();
+          },
+          get children() {
+            return s(V, {
+              get each() {
+                return h() ?? [];
+              },
+              children: (u, b) => s(N, {
+                item: u,
+                get path() {
+                  return `${o.path}.${b()}`;
+                }
+              })
+            });
+          }
+        })), r;
+      }
+    }), null), I((r) => {
+      var u = z("smwb-tree__node", {
+        "smwb-tree__node_selected": m()
+      }), b = c() ? f() : void 0, t = n.selectable || n.checkboxes ? m() : void 0;
+      return u !== r.e && F(a, r.e = u), b !== r.t && S(a, "aria-expanded", r.t = b), t !== r.a && S(a, "aria-selected", r.a = t), r;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), a;
+  })();
+}
+function re(o) {
+  const n = j({
+    listIcon: "draft",
+    nodeIcon: {
+      closed: "folder",
+      opened: "folder_open"
+    },
+    data: [],
+    defaultExpanded: [],
+    defaultSelected: [],
+    selectable: !1,
+    checkboxes: !1
+  }, o), [e, h] = q(n, ["class", "listIcon", "nodeIcon", "data", "expanded", "defaultExpanded", "onExpandedChange", "selected", "defaultSelected", "onSelectedChange", "selectable", "checkboxes", "renderLabel", "loadChildren", "ref"]), [C, c] = y({}), [f, m] = y([]), [v, x] = P({
+    value: () => e.expanded,
+    defaultValue: e.defaultExpanded,
+    onChange: (t) => e.onExpandedChange?.(t)
+  }), [L, a] = P({
+    value: () => e.selected,
+    defaultValue: e.defaultSelected,
+    onChange: (t) => e.onSelectedChange?.(t)
+  }), b = {
+    expandedIds: v,
+    selectedIds: L,
+    loadedChildren: C,
+    loadingIds: f,
+    toggleExpanded: (t) => x((l) => l.includes(t) ? l.filter((d) => d !== t) : [...l, t]),
+    setOpen: (t, l) => x((d) => {
+      const i = d.includes(t);
+      return l && !i ? [...d, t] : !l && i ? d.filter((k) => k !== t) : d;
+    }),
+    toggleSelected: (t) => a((l) => l.includes(t) ? l.filter((d) => d !== t) : [...l, t]),
+    ensureLoaded: (t, l) => {
+      !e.loadChildren || C()[l] || t.children && t.children.length > 0 || (m((d) => d.includes(l) ? d : [...d, l]), e.loadChildren(t, l).then((d) => c((i) => ({
+        ...i,
+        [l]: d
+      }))).finally(() => m((d) => d.filter((i) => i !== l))));
+    },
+    get selectable() {
+      return e.selectable;
+    },
+    get checkboxes() {
+      return e.checkboxes;
+    },
+    get nodeIcon() {
+      return e.nodeIcon;
+    },
+    get listIcon() {
+      return e.listIcon;
+    },
+    get renderLabel() {
+      return e.renderLabel;
+    },
+    get hasLoader() {
+      return !!e.loadChildren;
+    }
+  };
+  return s(A.Provider, {
+    value: b,
+    get children() {
+      var t = W(), l = H(e.ref);
+      return typeof l == "function" && T(l, t), D(t, R(h, {
+        "data-testid": "tree-view",
+        role: "tree",
+        get class() {
+          return z("smwb-tree", e.class);
+        }
+      }), !1, !0), g(t, s(V, {
+        get each() {
+          return e.data;
+        },
+        children: (d, i) => (() => {
+          var k = X();
+          return g(k, s(N, {
+            item: d,
+            get path() {
+              return `${i()}`;
+            }
+          })), k;
+        })()
+      })), t;
+    }
+  });
+}
+K(["click", "keydown"]);
+export {
+  re as TreeView
+};
+//# sourceMappingURL=treeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"treeView.js","sources":["../../../../../src/components/dataDisplay/treeView/treeView.tsx"],"sourcesContent":["import { type Accessor, type JSX, For, Show, createContext, createSignal, mergeProps, splitProps, useContext } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ITreeNodeItem {\n  /** Stable identifier. Falls back to the positional path when omitted. */\n  id?: string;\n  label: string;\n  children?: ITreeNodeItem[];\n  /** Hint that the node is expandable even before its children are loaded. */\n  hasChildren?: boolean;\n}\n\nexport interface TreeViewProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  nodeIcon?: { opened?: string; closed?: string };\n  listIcon?: string;\n  data: ITreeNodeItem[];\n  expanded?: string[];\n  defaultExpanded?: string[];\n  onExpandedChange?: (expanded: string[]) => void;\n  selected?: string[];\n  defaultSelected?: string[];\n  onSelectedChange?: (selected: string[]) => void;\n  selectable?: boolean;\n  checkboxes?: boolean;\n  renderLabel?: (item: ITreeNodeItem, nodeId: string) => JSX.Element;\n  loadChildren?: (item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface TreeContextValue {\n  expandedIds: Accessor<string[]>;\n  selectedIds: Accessor<string[]>;\n  loadedChildren: Accessor<Record<string, ITreeNodeItem[]>>;\n  loadingIds: Accessor<string[]>;\n  toggleExpanded: (id: string) => void;\n  setOpen: (id: string, open: boolean) => void;\n  toggleSelected: (id: string) => void;\n  ensureLoaded: (item: ITreeNodeItem, nodeId: string) => void;\n  selectable: boolean;\n  checkboxes: boolean;\n  nodeIcon: { opened?: string; closed?: string };\n  listIcon: string;\n  renderLabel: ((item: ITreeNodeItem, nodeId: string) => JSX.Element) | undefined;\n  hasLoader: boolean;\n}\n\nconst TreeContext = createContext<TreeContextValue>();\n\nfunction TreeNode(props: { item: ITreeNodeItem; path: string }): JSX.Element {\n  const ctx = useContext(TreeContext)!;\n  const nodeId = (): string => props.item.id ?? props.path;\n  const resolvedChildren = (): ITreeNodeItem[] | undefined => props.item.children ?? ctx.loadedChildren()[nodeId()];\n  const isLazy = (): boolean => ctx.hasLoader && (!!props.item.hasChildren || !!ctx.loadedChildren()[nodeId()]);\n  const hasChildNodes = (): boolean => (!!resolvedChildren() && (resolvedChildren()?.length ?? 0) > 0) || isLazy();\n  const isOpen = (): boolean => ctx.expandedIds().includes(nodeId());\n  const isSelected = (): boolean => ctx.selectedIds().includes(nodeId());\n  const isLoading = (): boolean => ctx.loadingIds().includes(nodeId());\n\n  const onLabelClick = (): void => {\n    if (hasChildNodes()) {\n      if (!isOpen()) ctx.ensureLoaded(props.item, nodeId());\n      ctx.toggleExpanded(nodeId());\n    }\n    if (ctx.selectable) ctx.toggleSelected(nodeId());\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      onLabelClick();\n    } else if (event.key === \"ArrowRight\" && hasChildNodes()) {\n      ctx.ensureLoaded(props.item, nodeId());\n      ctx.setOpen(nodeId(), true);\n    } else if (event.key === \"ArrowLeft\" && hasChildNodes()) {\n      ctx.setOpen(nodeId(), false);\n    }\n  };\n\n  return (\n    <div\n      class={cn(\"smwb-tree__node\", { \"smwb-tree__node_selected\": isSelected() })}\n      role=\"treeitem\"\n      aria-expanded={hasChildNodes() ? isOpen() : undefined}\n      aria-selected={ctx.selectable || ctx.checkboxes ? isSelected() : undefined}\n    >\n      <span class=\"smwb-tree__node__content\" onClick={onLabelClick} onKeyDown={onKeyDown} tabindex={0} role=\"button\">\n        <Show when={ctx.checkboxes}>\n          <input\n            type=\"checkbox\"\n            class=\"smwb-tree__node__checkbox\"\n            checked={isSelected()}\n            onClick={(e) => e.stopPropagation()}\n            onChange={() => ctx.toggleSelected(nodeId())}\n            aria-label={props.item.label}\n          />\n        </Show>\n        <span class=\"smwb-tree__node__label\">\n          <Show when={hasChildNodes()} fallback={<Icon name={ctx.listIcon} size={20} />}>\n            <Icon name={isOpen() ? ctx.nodeIcon.opened ?? \"folder_open\" : ctx.nodeIcon.closed ?? \"folder\"} fill={1} size={20} />\n          </Show>\n          {ctx.renderLabel ? ctx.renderLabel(props.item, nodeId()) : props.item.label}\n        </span>\n      </span>\n      <Show when={hasChildNodes() && isOpen()}>\n        <div role=\"group\">\n          <Show\n            when={!(isLoading() && !resolvedChildren())}\n            fallback={\n              <div class=\"smwb-tree__node__loading\" role=\"status\">\n                Загрузка…\n              </div>\n            }\n          >\n            <For each={resolvedChildren() ?? []}>\n              {(child, idx) => <TreeNode item={child} path={`${props.path}.${idx()}`} />}\n            </For>\n          </Show>\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport function TreeView(props: TreeViewProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      listIcon: \"draft\",\n      nodeIcon: { closed: \"folder\", opened: \"folder_open\" } as { opened?: string; closed?: string },\n      data: [] as ITreeNodeItem[],\n      defaultExpanded: [] as string[],\n      defaultSelected: [] as string[],\n      selectable: false,\n      checkboxes: false,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"listIcon\",\n    \"nodeIcon\",\n    \"data\",\n    \"expanded\",\n    \"defaultExpanded\",\n    \"onExpandedChange\",\n    \"selected\",\n    \"defaultSelected\",\n    \"onSelectedChange\",\n    \"selectable\",\n    \"checkboxes\",\n    \"renderLabel\",\n    \"loadChildren\",\n    \"ref\",\n  ]);\n\n  const [loadedChildren, setLoadedChildren] = createSignal<Record<string, ITreeNodeItem[]>>({});\n  const [loadingIds, setLoadingIds] = createSignal<string[]>([]);\n  const [expandedIds, setExpandedIds] = createControllableState<string[]>({\n    value: () => local.expanded,\n    defaultValue: local.defaultExpanded,\n    onChange: (next) => local.onExpandedChange?.(next),\n  });\n  const [selectedIds, setSelectedIds] = createControllableState<string[]>({\n    value: () => local.selected,\n    defaultValue: local.defaultSelected,\n    onChange: (next) => local.onSelectedChange?.(next),\n  });\n\n  const toggleExpanded = (id: string): void =>\n    setExpandedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n\n  const setOpen = (id: string, open: boolean): void =>\n    setExpandedIds((prev) => {\n      const has = prev.includes(id);\n      if (open && !has) return [...prev, id];\n      if (!open && has) return prev.filter((x) => x !== id);\n      return prev;\n    });\n\n  const toggleSelected = (id: string): void =>\n    setSelectedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n\n  const ensureLoaded = (item: ITreeNodeItem, nodeId: string): void => {\n    if (!local.loadChildren || loadedChildren()[nodeId] || (item.children && item.children.length > 0)) return;\n    setLoadingIds((prev) => (prev.includes(nodeId) ? prev : [...prev, nodeId]));\n    void local\n      .loadChildren(item, nodeId)\n      .then((children) => setLoadedChildren((prev) => ({ ...prev, [nodeId]: children })))\n      .finally(() => setLoadingIds((prev) => prev.filter((x) => x !== nodeId)));\n  };\n\n  const contextValue: TreeContextValue = {\n    expandedIds,\n    selectedIds,\n    loadedChildren,\n    loadingIds,\n    toggleExpanded,\n    setOpen,\n    toggleSelected,\n    ensureLoaded,\n    get selectable() {\n      return local.selectable;\n    },\n    get checkboxes() {\n      return local.checkboxes;\n    },\n    get nodeIcon() {\n      return local.nodeIcon;\n    },\n    get listIcon() {\n      return local.listIcon;\n    },\n    get renderLabel() {\n      return local.renderLabel;\n    },\n    get hasLoader() {\n      return !!local.loadChildren;\n    },\n  };\n\n  return (\n    <TreeContext.Provider value={contextValue}>\n      <div {...rest} data-testid=\"tree-view\" ref={mergeRefs(local.ref)} role=\"tree\" class={cn(\"smwb-tree\", local.class)}>\n        <For each={local.data}>\n          {(node, idx) => (\n            <div class=\"smwb-tree__wrapper\" role=\"presentation\">\n              <TreeNode item={node} path={`${idx()}`} />\n            </div>\n          )}\n        </For>\n      </div>\n    </TreeContext.Provider>\n  );\n}\n\nexport default TreeView;\n"],"names":["TreeContext","createContext","TreeNode","props","ctx","useContext","nodeId","item","id","path","resolvedChildren","children","loadedChildren","isLazy","hasLoader","hasChildren","hasChildNodes","length","isOpen","expandedIds","includes","isSelected","selectedIds","isLoading","loadingIds","onLabelClick","ensureLoaded","toggleExpanded","selectable","toggleSelected","onKeyDown","event","key","preventDefault","setOpen","_el$","_tmpl$3","_el$2","firstChild","_el$4","$$keydown","$$click","_$insert","_$createComponent","Show","when","checkboxes","_el$3","_tmpl$","addEventListener","e","stopPropagation","_$effect","_$setAttribute","label","checked","fallback","Icon","name","listIcon","size","_$memo","nodeIcon","opened","closed","fill","_c$","renderLabel","_el$5","_tmpl$2","_tmpl$4","For","each","child","idx","_p$","_v$","cn","_v$2","undefined","_v$3","_$className","t","a","TreeView","merged","mergeProps","data","defaultExpanded","defaultSelected","local","rest","splitProps","setLoadedChildren","createSignal","setLoadingIds","setExpandedIds","createControllableState","value","expanded","defaultValue","onChange","next","onExpandedChange","setSelectedIds","selected","onSelectedChange","contextValue","prev","filter","x","open","has","loadChildren","then","finally","Provider","_el$7","_tmpl$5","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","class","node","_el$8","_tmpl$6","_$delegateEvents"],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+import { createComponent as a, Dynamic as s, mergeProps as i } from "solid-js/web";
+import { mergeProps as h, splitProps as m } from "solid-js";
+import c from "clsx";
+import { mergeRefs as g } from "../../../primitives/mergeRefs.js";
+const l = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  caption: "span",
+  overline: "span",
+  button: "span"
+};
+function d(t) {
+  const e = h({
+    variant: "body1",
+    color: "inherit"
+  }, t), [r, n] = m(e, ["variant", "color", "align", "gutterBottom", "noWrap", "component", "class", "children", "ref"]);
+  return a(s, i({
+    get component() {
+      return r.component ?? l[r.variant];
+    },
+    ref(p) {
+      var o = g(r.ref);
+      typeof o == "function" && o(p);
+    },
+    get class() {
+      return c("smwb-typography", `smwb-typography_${r.variant}`, r.color !== "inherit" && `smwb-typography_color-${r.color}`, r.align && `smwb-typography_align-${r.align}`, {
+        "smwb-typography_gutter": r.gutterBottom,
+        "smwb-typography_nowrap": r.noWrap
+      }, r.class);
+    }
+  }, n, {
+    get children() {
+      return r.children;
+    }
+  }));
+}
+export {
+  d as Typography
+};
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../../../src/components/dataDisplay/typography/typography.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type TypographyVariant =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"subtitle1\"\n  | \"subtitle2\"\n  | \"body1\"\n  | \"body2\"\n  | \"caption\"\n  | \"overline\"\n  | \"button\";\n\nexport type TypographyColor =\n  | \"inherit\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"success\"\n  | \"warning\"\n  | \"info\"\n  | \"textPrimary\"\n  | \"textSecondary\"\n  | \"disabled\";\n\nconst defaultTag: Record<TypographyVariant, string> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  subtitle1: \"h6\",\n  subtitle2: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  caption: \"span\",\n  overline: \"span\",\n  button: \"span\",\n};\n\nexport interface TypographyProps extends JSX.HTMLAttributes<HTMLElement> {\n  variant?: TypographyVariant;\n  color?: TypographyColor;\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Add a bottom margin (block rhythm). */\n  gutterBottom?: boolean;\n  /** Truncate with an ellipsis on a single line. */\n  noWrap?: boolean;\n  /** Render as a different element. */\n  component?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Typography(props: ParentProps<TypographyProps>): JSX.Element {\n  const merged = mergeProps({ variant: \"body1\" as TypographyVariant, color: \"inherit\" as TypographyColor }, props);\n  const [local, rest] = splitProps(merged, [\n    \"variant\",\n    \"color\",\n    \"align\",\n    \"gutterBottom\",\n    \"noWrap\",\n    \"component\",\n    \"class\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component ?? defaultTag[local.variant]}\n      ref={mergeRefs(local.ref)}\n      class={cn(\n        \"smwb-typography\",\n        `smwb-typography_${local.variant}`,\n        local.color !== \"inherit\" && `smwb-typography_color-${local.color}`,\n        local.align && `smwb-typography_align-${local.align}`,\n        {\n          \"smwb-typography_gutter\": local.gutterBottom,\n          \"smwb-typography_nowrap\": local.noWrap,\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </Dynamic>\n  );\n}\n\nexport default Typography;\n"],"names":["defaultTag","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","caption","overline","button","Typography","props","merged","mergeProps","variant","color","local","rest","splitProps","_$createComponent","Dynamic","_$mergeProps","component","ref","r$","_ref$","mergeRefs","cn","align","gutterBottom","noWrap","class","children"],"mappings":";;;;AAgCA,MAAMA,IAAgD;AAAA,EACpDC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,QAAQ;AACV;AAeO,SAASC,EAAWC,GAAkD;AAC3E,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,IAA8BC,OAAO;AAAA,EAAA,GAAgCJ,CAAK,GACzG,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CACvC,WACA,SACA,SACA,gBACA,UACA,aACA,SACA,YACA,KAAK,CACN;AAED,SAAAO,EACGC,GAAOC,EAAA;AAAA,IAAA,IACNC,YAAS;AAAA,aAAEN,EAAMM,aAAa1B,EAAWoB,EAAMF,OAAO;AAAA,IAAC;AAAA,IAAAS,IAAAC,GAAA;AAAA,UAAAC,IAClDC,EAAUV,EAAMO,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBG,EACL,mBACA,mBAAmBX,EAAMF,OAAO,IAChCE,EAAMD,UAAU,aAAa,yBAAyBC,EAAMD,KAAK,IACjEC,EAAMY,SAAS,yBAAyBZ,EAAMY,KAAK,IACnD;AAAA,QACE,0BAA0BZ,EAAMa;AAAAA,QAChC,0BAA0Bb,EAAMc;AAAAA,MAAAA,GAElCd,EAAMe,KACR;AAAA,IAAC;AAAA,EAAA,GACGd,GAAI;AAAA,IAAA,IAAAe,WAAA;AAAA,aAEPhB,EAAMgB;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB;"}