@smwb/ui-react 2.0.0

package/dist/components/dataDisplay/expansionPanel/expansionPanel.js

@@ -0,0 +1,174 @@
+import { jsxs as t, jsx as n, Fragment as C } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/expansionPanel/expansionPanel.entry.css';/* empty css                                                                       */
+import { forwardRef as T, useState as I, useEffect as R } from "react";
+import K from "clsx";
+import { createPortal as U } from "react-dom";
+import { Button as p } from "../../inputs/button/button.js";
+import { Icon as u } from "../../base/icon/icon.js";
+import { useControllableState as V } from "../../../hooks/useControllableState.js";
+import { useSafeLayoutEffect as q } from "../../../hooks/useSafeLayoutEffect.js";
+const G = {
+  expandRow: "Expand to full row",
+  collapseRow: "Collapse to grid",
+  expandFullscreen: "Expand to fullscreen",
+  closeFullscreen: "Close fullscreen",
+  placeholder: "Panel is open in fullscreen",
+  placeholderClose: "Close"
+}, N = (o, i) => typeof o == "function" ? o(i) : o, H = (o, i) => typeof o == "function" ? o(i) : o, ne = T(function({
+  className: i,
+  header: m,
+  mode: g,
+  defaultMode: k = "tile",
+  onModeChange: E,
+  disableExpand: f = !1,
+  noControls: z = !1,
+  renderControls: w,
+  closeOnOutsideClick: L = !0,
+  closeOnEsc: x = !0,
+  labels: P,
+  children: b
+}, S) {
+  const [B, s] = V({
+    value: g,
+    defaultValue: k,
+    onChange: E
+  }), l = { ...G, ...P }, [_, D] = I();
+  q(() => {
+    D(document.body);
+  }, []);
+  const r = f ? "tile" : B, a = r === "row", c = r === "fullscreen", v = () => s((e) => e === "row" ? "tile" : "row"), h = () => s("fullscreen"), y = () => s("tile"), j = (e) => ({
+    mode: r,
+    isFullscreen: e,
+    isFullRow: e ? !1 : a,
+    setMode: s,
+    toggleRow: v,
+    openFullscreen: h,
+    closeFullscreen: y,
+    labels: l
+  }), A = (e) => e ? /* @__PURE__ */ n(
+    p,
+    {
+      type: "button",
+      variant: "outlined",
+      size: "small",
+      "aria-label": l.closeFullscreen,
+      title: l.closeFullscreen,
+      onClick: y,
+      "data-testid": "expansion-panel-close",
+      icon: /* @__PURE__ */ n(u, { name: "close", size: 18 })
+    }
+  ) : /* @__PURE__ */ t(C, { children: [
+    /* @__PURE__ */ n(
+      p,
+      {
+        type: "button",
+        variant: "outlined",
+        size: "small",
+        "aria-pressed": a,
+        "aria-label": a ? l.collapseRow : l.expandRow,
+        title: a ? l.collapseRow : l.expandRow,
+        onClick: v,
+        "data-testid": "expansion-panel-row",
+        icon: /* @__PURE__ */ n(u, { name: a ? "grid_view" : "table_rows", size: 18 })
+      }
+    ),
+    /* @__PURE__ */ n(
+      p,
+      {
+        type: "button",
+        variant: "outlined",
+        size: "small",
+        "aria-label": l.expandFullscreen,
+        title: l.expandFullscreen,
+        onClick: h,
+        "data-testid": "expansion-panel-fullscreen",
+        icon: /* @__PURE__ */ n(u, { name: "open_in_full", size: 18 })
+      }
+    )
+  ] }), F = (e) => {
+    if (f || z)
+      return null;
+    const d = w ? H(w, j(e)) : A(e);
+    return d ? /* @__PURE__ */ n("div", { className: "smwb-expansion-panel__controls", children: d }) : null;
+  };
+  R(() => {
+    if (!c)
+      return;
+    const e = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = e;
+    };
+  }, [c]), R(() => {
+    if (!c || !x)
+      return;
+    const e = (d) => {
+      d.key === "Escape" && s("tile");
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [c, x, s]);
+  const M = /* @__PURE__ */ t(
+    "div",
+    {
+      ref: S,
+      className: K("smwb-expansion-panel", { "smwb-expansion-panel_row": a }, i),
+      "data-testid": "expansion-panel",
+      children: [
+        /* @__PURE__ */ t("div", { className: "smwb-expansion-panel__head", children: [
+          /* @__PURE__ */ n("div", { className: "smwb-expansion-panel__header", children: m }),
+          F(!1)
+        ] }),
+        /* @__PURE__ */ n("div", { className: "smwb-expansion-panel__body", children: N(b, {
+          mode: r,
+          isFullscreen: !1,
+          isFullRow: a
+        }) })
+      ]
+    }
+  );
+  return !c || !_ ? M : /* @__PURE__ */ t(C, { children: [
+    /* @__PURE__ */ t("div", { className: "smwb-expansion-panel__placeholder", "data-testid": "expansion-panel-placeholder", children: [
+      /* @__PURE__ */ n("span", { children: l.placeholder }),
+      /* @__PURE__ */ n(
+        p,
+        {
+          type: "button",
+          variant: "outlined",
+          size: "small",
+          label: l.placeholderClose,
+          onClick: () => s("tile")
+        }
+      )
+    ] }),
+    U(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: "smwb-expansion-panel__overlay smwb-dark",
+          role: "dialog",
+          "aria-modal": "true",
+          "data-testid": "expansion-panel-overlay",
+          onClick: L ? (e) => {
+            e.target === e.currentTarget && s("tile");
+          } : void 0,
+          children: /* @__PURE__ */ t("div", { className: "smwb-expansion-panel__dialog", children: [
+            /* @__PURE__ */ t("div", { className: "smwb-expansion-panel__head", children: [
+              /* @__PURE__ */ n("div", { className: "smwb-expansion-panel__header", children: m }),
+              F(!0)
+            ] }),
+            /* @__PURE__ */ n("div", { className: "smwb-expansion-panel__body smwb-expansion-panel__body_fullscreen", children: N(b, {
+              mode: r,
+              isFullscreen: !0,
+              isFullRow: !1
+            }) })
+          ] })
+        }
+      ),
+      _
+    )
+  ] });
+});
+export {
+  ne as ExpansionPanel,
+  ne as default
+};
+//# sourceMappingURL=expansionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expansionPanel.js","sources":["../../../../src/components/dataDisplay/expansionPanel/expansionPanel.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useEffect, useState } from \"react\";\nimport cn from \"clsx\";\nimport { createPortal } from \"react-dom\";\nimport Button from \"../../inputs/button/button\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\n\nexport type ExpansionMode = \"tile\" | \"row\" | \"fullscreen\";\n\nexport interface ExpansionPanelLabels {\n  /** Tooltip/aria for the control that expands a tile to a full grid row. */\n  expandRow?: string;\n  /** Tooltip/aria for the control that collapses a full row back to a tile. */\n  collapseRow?: string;\n  /** Tooltip/aria for the control that opens the panel fullscreen. */\n  expandFullscreen?: string;\n  /** Tooltip/aria for the control that closes fullscreen. */\n  closeFullscreen?: string;\n  /** Text shown in the original slot while the panel is fullscreen. */\n  placeholder?: string;\n  /** Label of the button in the placeholder that closes fullscreen. */\n  placeholderClose?: string;\n}\n\nexport interface ExpansionPanelRenderContext {\n  mode: ExpansionMode;\n  isFullscreen: boolean;\n  isFullRow: boolean;\n}\n\nexport interface ExpansionPanelControlsContext extends ExpansionPanelRenderContext {\n  setMode: (next: ExpansionMode | ((current: ExpansionMode) => ExpansionMode)) => void;\n  toggleRow: () => void;\n  openFullscreen: () => void;\n  closeFullscreen: () => void;\n  labels: Required<ExpansionPanelLabels>;\n}\n\ntype ExpansionPanelChildren = ReactNode | ((ctx: ExpansionPanelRenderContext) => ReactNode);\ntype ExpansionPanelControls = ReactNode | ((ctx: ExpansionPanelControlsContext) => ReactNode);\n\nexport interface ExpansionPanelProps {\n  className?: string;\n  /** Content of the panel header (left side of the control bar). */\n  header?: ReactNode;\n  /** Controlled layout mode. */\n  mode?: ExpansionMode;\n  /** Initial mode for the uncontrolled component. */\n  defaultMode?: ExpansionMode;\n  /** Fired with the next mode whenever it changes. */\n  onModeChange?: (mode: ExpansionMode) => void;\n  /** Render the panel as a plain card without row/fullscreen controls. */\n  disableExpand?: boolean;\n  /** Hide the built-in control bar (consumer drives `mode` itself). */\n  noControls?: boolean;\n  /** Replace the built-in row/fullscreen controls with a custom node or render prop. */\n  renderControls?: ExpansionPanelControls;\n  /** Close fullscreen when the backdrop is clicked. Default: true. */\n  closeOnOutsideClick?: boolean;\n  /** Close fullscreen when Escape is pressed. Default: true. */\n  closeOnEsc?: boolean;\n  /** Accessible labels / tooltips for the built-in controls. */\n  labels?: ExpansionPanelLabels;\n  children?: ExpansionPanelChildren;\n}\n\nconst DEFAULT_LABELS: Required<ExpansionPanelLabels> = {\n  expandRow: \"Expand to full row\",\n  collapseRow: \"Collapse to grid\",\n  expandFullscreen: \"Expand to fullscreen\",\n  closeFullscreen: \"Close fullscreen\",\n  placeholder: \"Panel is open in fullscreen\",\n  placeholderClose: \"Close\",\n};\n\nconst resolveChildren = (children: ExpansionPanelChildren, ctx: ExpansionPanelRenderContext): ReactNode =>\n  typeof children === \"function\" ? children(ctx) : children;\n\nconst resolveControls = (controls: ExpansionPanelControls, ctx: ExpansionPanelControlsContext): ReactNode =>\n  typeof controls === \"function\" ? controls(ctx) : controls;\n\nexport const ExpansionPanel = forwardRef<HTMLDivElement, ExpansionPanelProps>(function ExpansionPanel(\n  {\n    className,\n    header,\n    mode: modeProp,\n    defaultMode = \"tile\",\n    onModeChange,\n    disableExpand = false,\n    noControls = false,\n    renderControls,\n    closeOnOutsideClick = true,\n    closeOnEsc = true,\n    labels,\n    children,\n  },\n  ref\n) {\n  const [mode, setMode] = useControllableState<ExpansionMode>({\n    value: modeProp,\n    defaultValue: defaultMode,\n    onChange: onModeChange,\n  });\n\n  const l = { ...DEFAULT_LABELS, ...labels };\n  const [domRoot, setDomRoot] = useState<HTMLElement>();\n\n  useSafeLayoutEffect(() => {\n    setDomRoot(document.body);\n  }, []);\n\n  // `disableExpand` renders a plain card regardless of the requested mode,\n  // without mutating state — works in both controlled and uncontrolled use.\n  const effectiveMode: ExpansionMode = disableExpand ? \"tile\" : mode;\n  const isFullRow = effectiveMode === \"row\";\n  const isFullscreen = effectiveMode === \"fullscreen\";\n\n  const toggleRow = () => setMode((current) => (current === \"row\" ? \"tile\" : \"row\"));\n  const openFullscreen = () => setMode(\"fullscreen\");\n  const closeFullscreen = () => setMode(\"tile\");\n\n  const controlsContext = (overlay: boolean): ExpansionPanelControlsContext => ({\n    mode: effectiveMode,\n    isFullscreen: overlay,\n    isFullRow: overlay ? false : isFullRow,\n    setMode,\n    toggleRow,\n    openFullscreen,\n    closeFullscreen,\n    labels: l,\n  });\n\n  const defaultControls = (overlay: boolean) => {\n    if (overlay) {\n      return (\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          size=\"small\"\n          aria-label={l.closeFullscreen}\n          title={l.closeFullscreen}\n          onClick={closeFullscreen}\n          data-testid=\"expansion-panel-close\"\n          icon={<Icon name=\"close\" size={18} />}\n        />\n      );\n    }\n\n    return (\n      <>\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          size=\"small\"\n          aria-pressed={isFullRow}\n          aria-label={isFullRow ? l.collapseRow : l.expandRow}\n          title={isFullRow ? l.collapseRow : l.expandRow}\n          onClick={toggleRow}\n          data-testid=\"expansion-panel-row\"\n          icon={<Icon name={isFullRow ? \"grid_view\" : \"table_rows\"} size={18} />}\n        />\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          size=\"small\"\n          aria-label={l.expandFullscreen}\n          title={l.expandFullscreen}\n          onClick={openFullscreen}\n          data-testid=\"expansion-panel-fullscreen\"\n          icon={<Icon name=\"open_in_full\" size={18} />}\n        />\n      </>\n    );\n  };\n\n  const renderControlBar = (overlay: boolean) => {\n    if (disableExpand || noControls) {\n      return null;\n    }\n\n    const content = renderControls\n      ? resolveControls(renderControls, controlsContext(overlay))\n      : defaultControls(overlay);\n\n    if (!content) {\n      return null;\n    }\n\n    return <div className=\"smwb-expansion-panel__controls\">{content}</div>;\n  };\n\n  useEffect(() => {\n    if (!isFullscreen) {\n      return;\n    }\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.body.style.overflow = prev;\n    };\n  }, [isFullscreen]);\n\n  useEffect(() => {\n    if (!isFullscreen || !closeOnEsc) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setMode(\"tile\");\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [isFullscreen, closeOnEsc, setMode]);\n\n  const card = (\n    <div\n      ref={ref}\n      className={cn(\"smwb-expansion-panel\", { \"smwb-expansion-panel_row\": isFullRow }, className)}\n      data-testid=\"expansion-panel\"\n    >\n      <div className=\"smwb-expansion-panel__head\">\n        <div className=\"smwb-expansion-panel__header\">{header}</div>\n        {renderControlBar(false)}\n      </div>\n      <div className=\"smwb-expansion-panel__body\">\n        {resolveChildren(children, {\n          mode: effectiveMode,\n          isFullscreen: false,\n          isFullRow,\n        })}\n      </div>\n    </div>\n  );\n\n  if (!isFullscreen || !domRoot) {\n    return card;\n  }\n\n  return (\n    <>\n      <div className=\"smwb-expansion-panel__placeholder\" data-testid=\"expansion-panel-placeholder\">\n        <span>{l.placeholder}</span>\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          size=\"small\"\n          label={l.placeholderClose}\n          onClick={() => setMode(\"tile\")}\n        />\n      </div>\n      {createPortal(\n        <div\n          className=\"smwb-expansion-panel__overlay smwb-dark\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          data-testid=\"expansion-panel-overlay\"\n          onClick={\n            closeOnOutsideClick\n              ? (e) => {\n                  if (e.target === e.currentTarget) {\n                    setMode(\"tile\");\n                  }\n                }\n              : undefined\n          }\n        >\n          <div className=\"smwb-expansion-panel__dialog\">\n            <div className=\"smwb-expansion-panel__head\">\n              <div className=\"smwb-expansion-panel__header\">{header}</div>\n              {renderControlBar(true)}\n            </div>\n            <div className=\"smwb-expansion-panel__body smwb-expansion-panel__body_fullscreen\">\n              {resolveChildren(children, {\n                mode: effectiveMode,\n                isFullscreen: true,\n                isFullRow: false,\n              })}\n            </div>\n          </div>\n        </div>,\n        domRoot\n      )}\n    </>\n  );\n});\n\nexport default ExpansionPanel;\n"],"names":["DEFAULT_LABELS","resolveChildren","children","ctx","resolveControls","controls","ExpansionPanel","forwardRef","className","header","modeProp","defaultMode","onModeChange","disableExpand","noControls","renderControls","closeOnOutsideClick","closeOnEsc","labels","ref","mode","setMode","useControllableState","domRoot","setDomRoot","useState","useSafeLayoutEffect","effectiveMode","isFullRow","isFullscreen","toggleRow","current","openFullscreen","closeFullscreen","controlsContext","overlay","defaultControls","jsx","Button","Icon","jsxs","Fragment","renderControlBar","content","useEffect","prev","onKeyDown","event","card","cn","createPortal"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default as ExpansionPanel } from "./expansionPanel";
+export type { ExpansionPanelProps, ExpansionPanelLabels, ExpansionPanelRenderContext, ExpansionPanelControlsContext, ExpansionMode, } from "./expansionPanel";

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

@@ -0,0 +1,15 @@
+import React from "react";
+export interface ImagesListProps {
+    className?: string;
+    rowsHeight?: number;
+    cols: number;
+    variant?: "woven" | "masonry" | "default";
+    gap?: number;
+    /** Accessible label for the image list. */
+    "aria-label"?: string;
+    id?: string;
+}
+export declare const ImagesList: React.ForwardRefExoticComponent<ImagesListProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default ImagesList;

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

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/imagesList/imagesList.entry.css';/* empty css                                                               */
+import { forwardRef as f } from "react";
+import s from "clsx";
+import { ImagesListContext as n } from "./imagesListContext.js";
+const y = f(function({ className: t, children: r, gap: l = 4, cols: i = 3, rowsHeight: m = 0, variant: e = "default", "aria-label": o, id: c }, d) {
+  return /* @__PURE__ */ a(n.Provider, { value: { rowsHeight: m, variant: e }, children: /* @__PURE__ */ a("div", { className: s("smwb-gallery", t), "data-testid": "images-list", ref: d, id: c, children: /* @__PURE__ */ a(
+    "ul",
+    {
+      "aria-label": o,
+      className: s("smwb-gallery__list", `smwb-${e}`),
+      style: { "--cols-count": i, "--gap": `${l}px` },
+      children: r
+    }
+  ) }) });
+});
+export {
+  y as ImagesList,
+  y as default
+};
+//# sourceMappingURL=imagesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"imagesList.js","sources":["../../../../src/components/dataDisplay/imagesList/imagesList.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\nimport { ImagesListContext } from \"./imagesListContext\";\n\nexport interface ImagesListProps {\n  className?: string;\n  rowsHeight?: number;\n  cols: number;\n  variant?: \"woven\" | \"masonry\" | \"default\";\n  gap?: number;\n  /** Accessible label for the image list. */\n  \"aria-label\"?: string;\n  id?: string;\n}\n\nexport const ImagesList = forwardRef<HTMLDivElement, PropsWithChildren<ImagesListProps>>(function ImagesList(\n  { className, children, gap = 4, cols = 3, rowsHeight = 0, variant = \"default\", \"aria-label\": ariaLabel, id },\n  ref\n) {\n  return (\n    <ImagesListContext.Provider value={{ rowsHeight, variant }}>\n      <div className={cn(\"smwb-gallery\", className)} data-testid=\"images-list\" ref={ref} id={id}>\n        <ul\n          aria-label={ariaLabel}\n          className={cn(\"smwb-gallery__list\", `smwb-${variant}`)}\n          style={{ \"--cols-count\": cols, \"--gap\": `${gap}px` } as CSSProperties}\n        >\n          {children}\n        </ul>\n      </div>\n    </ImagesListContext.Provider>\n  );\n});\n\nexport default ImagesList;\n"],"names":["ImagesList","forwardRef","className","children","gap","cols","rowsHeight","variant","ariaLabel","id","ref","ImagesListContext","cn","jsx"],"mappings":";;;;;AAgBO,MAAMA,IAAaC,EAA+D,SACvF,EAAE,WAAAC,GAAW,UAAAC,GAAU,KAAAC,IAAM,GAAG,MAAAC,IAAO,GAAG,YAAAC,IAAa,GAAG,SAAAC,IAAU,WAAW,cAAcC,GAAW,IAAAC,EAAA,GACxGC,GACA;AACA,2BACGC,EAAkB,UAAlB,EAA2B,OAAO,EAAE,YAAAL,GAAY,SAAAC,EAAA,GAC/C,4BAAC,OAAA,EAAI,WAAWK,EAAG,gBAAgBV,CAAS,GAAG,eAAY,eAAc,KAAAQ,GAAU,IAAAD,GACjF,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAYL;AAAA,MACZ,WAAWI,EAAG,sBAAsB,QAAQL,CAAO,EAAE;AAAA,MACrD,OAAO,EAAE,gBAAgBF,GAAM,SAAS,GAAGD,CAAG,KAAA;AAAA,MAE7C,UAAAD;AAAA,IAAA;AAAA,EAAA,GAEL,EAAA,CACF;AAEJ,CAAC;"}

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

@@ -0,0 +1,6 @@
+export type ImageItem = {
+    src: string;
+    rows?: number;
+    cols?: number;
+    alt?: string;
+};

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

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const ImagesListContext: React.Context<{
+    rowsHeight?: number;
+    variant?: "woven" | "masonry" | "default" | null;
+}>;

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

@@ -0,0 +1,8 @@
+import t from "react";
+const o = t.createContext({
+  rowsHeight: 0
+});
+export {
+  o as ImagesListContext
+};
+//# 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.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const ImagesListContext = React.createContext<{\n  rowsHeight?: number;\n  variant?: \"woven\" | \"masonry\" | \"default\" | null;\n}>({\n  rowsHeight: 0,\n});\n"],"names":["ImagesListContext","React"],"mappings":";AAEO,MAAMA,IAAoBC,EAAM,cAGpC;AAAA,EACD,YAAY;AACd,CAAC;"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+export interface ImagesListItemProps {
+    className?: string;
+    src: string;
+    rowsHeight?: number;
+    cols: number;
+    rows: number;
+    rounded?: boolean;
+    itemBarPlacement?: "top" | "bottom" | "under";
+    itemBarContent?: React.ReactNode;
+    alt?: string;
+}
+declare const ImagesListItem: ({ className, src, rounded, itemBarContent, cols, rows, itemBarPlacement, alt, }: ImagesListItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ImagesListItem;

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

@@ -0,0 +1,55 @@
+import { jsxs as n, Fragment as _, jsx as e } from "react/jsx-runtime";
+import '../../../../assets/styles/less/components/imagesList/imagesListItem/imagesListItem.entry.css';/* empty css                                                                                     */
+import { useContext as y, useEffect as u } from "react";
+import t from "clsx";
+import { useModalState as h } from "../../../../hooks/useModalState.js";
+import { ImagesListContext as v } from "../imagesListContext.js";
+import x from "./imagesListItemModal.js";
+const M = ({
+  className: s,
+  src: i,
+  rounded: o,
+  itemBarContent: l,
+  cols: d = 1,
+  rows: r = 1,
+  itemBarPlacement: g = "bottom",
+  alt: c = "image"
+}) => {
+  const { isOpen: m, onClose: p, onOpen: b } = h(), { rowsHeight: a, variant: w } = y(v);
+  u(() => {
+    m ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
+  }, [m]);
+  const f = {
+    height: a ? `${a * r}px` : "",
+    gridRowEnd: `span ${r}`,
+    gridColumnEnd: `span ${d}`
+  };
+  return /* @__PURE__ */ n(_, { children: [
+    /* @__PURE__ */ e(
+      "li",
+      {
+        "data-testid": "images-list-item",
+        className: t("smwb-gallery__list__item", s, "smwb-gallery-item", `smwb-${w}`),
+        onClick: b,
+        style: f,
+        children: /* @__PURE__ */ n("div", { className: "smwb-gallery-item__inner", children: [
+          /* @__PURE__ */ e("div", { className: "smwb-gallery-item__img-wrapper", children: /* @__PURE__ */ e("img", { src: i, alt: c || "image", className: t("smwb-gallery-item__img", { "smwb-rounded": o }) }) }),
+          l && /* @__PURE__ */ e(
+            "div",
+            {
+              className: t("smwb-gallery-item__bar", s, `smwb-${g}`, {
+                "smwb-rounded": o
+              }),
+              children: l
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(x, { src: i, onClose: p, isOpen: m })
+  ] });
+};
+export {
+  M as default
+};
+//# 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 React, { CSSProperties, useContext, useEffect } from \"react\";\nimport cn from \"clsx\";\nimport { useModalState } from \"../../../../hooks/useModalState\";\nimport { ImagesListItemModal } from \"../index\";\nimport { ImagesListContext } from \"../imagesListContext\";\n\nexport interface ImagesListItemProps {\n  className?: string;\n  src: string;\n  rowsHeight?: number;\n  cols: number;\n  rows: number;\n  rounded?: boolean;\n  itemBarPlacement?: \"top\" | \"bottom\" | \"under\";\n  itemBarContent?: React.ReactNode;\n  alt?: string;\n}\n\nconst ImagesListItem = ({\n  className,\n  src,\n  rounded,\n  itemBarContent,\n  cols = 1,\n  rows = 1,\n  itemBarPlacement = \"bottom\",\n  alt = \"image\",\n}: ImagesListItemProps) => {\n  const { isOpen, onClose, onOpen } = useModalState();\n  const { rowsHeight, variant } = useContext(ImagesListContext);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.style.overflow = \"hidden\";\n    } else {\n      document.body.style.overflow = \"auto\";\n    }\n  }, [isOpen]);\n\n  const style: CSSProperties = {\n    height: rowsHeight ? `${rowsHeight * rows}px` : \"\",\n    gridRowEnd: `span ${rows}`,\n    gridColumnEnd: `span ${cols}`,\n  };\n\n  return (\n    <>\n      <li\n        data-testid=\"images-list-item\"\n        className={cn(\"smwb-gallery__list__item\", className, \"smwb-gallery-item\", `smwb-${variant}`)}\n        onClick={onOpen}\n        style={style}\n      >\n        <div className=\"smwb-gallery-item__inner\">\n          <div className=\"smwb-gallery-item__img-wrapper\">\n            <img src={src} alt={alt || \"image\"} className={cn(\"smwb-gallery-item__img\", { \"smwb-rounded\": rounded })} />\n          </div>\n          {itemBarContent && (\n            <div\n              className={cn(\"smwb-gallery-item__bar\", className, `smwb-${itemBarPlacement}`, {\n                \"smwb-rounded\": rounded,\n              })}\n            >\n              {itemBarContent}\n            </div>\n          )}\n        </div>\n      </li>\n      <ImagesListItemModal src={src} onClose={onClose} isOpen={isOpen} />\n    </>\n  );\n};\n\nexport default ImagesListItem;\n"],"names":["ImagesListItem","className","src","rounded","itemBarContent","cols","rows","itemBarPlacement","alt","isOpen","onClose","onOpen","useModalState","rowsHeight","variant","useContext","ImagesListContext","useEffect","style","jsxs","Fragment","jsx","cn","ImagesListItemModal"],"mappings":";;;;;;;AAmBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,kBAAAC,IAAmB;AAAA,EACnB,KAAAC,IAAM;AACR,MAA2B;AACzB,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA,GAC9B,EAAE,YAAAC,GAAY,SAAAC,MAAYC,EAAWC,CAAiB;AAE5D,EAAAC,EAAU,MAAM;AACd,IAAIR,IACF,SAAS,KAAK,MAAM,WAAW,WAE/B,SAAS,KAAK,MAAM,WAAW;AAAA,EAEnC,GAAG,CAACA,CAAM,CAAC;AAEX,QAAMS,IAAuB;AAAA,IAC3B,QAAQL,IAAa,GAAGA,IAAaP,CAAI,OAAO;AAAA,IAChD,YAAY,QAAQA,CAAI;AAAA,IACxB,eAAe,QAAQD,CAAI;AAAA,EAAA;AAG7B,SACE,gBAAAc,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAWC,EAAG,4BAA4BrB,GAAW,qBAAqB,QAAQa,CAAO,EAAE;AAAA,QAC3F,SAASH;AAAA,QACT,OAAAO;AAAA,QAEA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,UAAA,gBAAAE,EAAC,SAAI,WAAU,kCACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,KAAAnB,GAAU,KAAKM,KAAO,SAAS,WAAWc,EAAG,0BAA0B,EAAE,gBAAgBnB,EAAA,CAAS,GAAG,GAC5G;AAAA,UACCC,KACC,gBAAAiB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAG,0BAA0BrB,GAAW,QAAQM,CAAgB,IAAI;AAAA,gBAC7E,gBAAgBJ;AAAA,cAAA,CACjB;AAAA,cAEA,UAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAiB,EAACE,GAAA,EAAoB,KAAArB,GAAU,SAAAQ,GAAkB,QAAAD,EAAA,CAAgB;AAAA,EAAA,GACnE;AAEJ;"}

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

@@ -0,0 +1,7 @@
+export interface ImagesListItemModalProps {
+    src: string;
+    onClose: () => void;
+    isOpen: boolean;
+}
+declare const ImagesListItemModal: ({ src, onClose, isOpen }: ImagesListItemModalProps) => import("react").ReactPortal;
+export default ImagesListItemModal;

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

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as i } from "react";
+import { createPortal as n } from "react-dom";
+import { CSSTransition as l } from "react-transition-group";
+const g = ({ src: o, onClose: a, isOpen: t }) => {
+  const m = i(null);
+  return n(
+    /* @__PURE__ */ e(
+      l,
+      {
+        timeout: 100,
+        in: t,
+        classNames: {
+          enterActive: "smwb-image-modal__overlay-enter-active",
+          enterDone: "smwb-image-modal__overlay-enter-done"
+        },
+        mountOnEnter: !0,
+        unmountOnExit: !0,
+        nodeRef: m,
+        children: /* @__PURE__ */ e("div", { className: "smwb-image-modal__overlay", onClick: a, ref: m, children: /* @__PURE__ */ e("div", { className: "smwb-image-modal", onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ e("img", { src: o, alt: "", className: "smwb-image-modal__img" }) }) })
+      }
+    ),
+    document.body
+  );
+};
+export {
+  g as default
+};
+//# 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 { useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport interface ImagesListItemModalProps {\n  src: string;\n  onClose: () => void;\n  isOpen: boolean;\n}\n\nconst ImagesListItemModal = ({ src, onClose, isOpen }: ImagesListItemModalProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return createPortal(\n    <CSSTransition\n      timeout={100}\n      in={isOpen}\n      classNames={{\n        enterActive: \"smwb-image-modal__overlay-enter-active\",\n        enterDone: \"smwb-image-modal__overlay-enter-done\",\n      }}\n      mountOnEnter\n      unmountOnExit\n      nodeRef={nodeRef}\n    >\n      <div className=\"smwb-image-modal__overlay\" onClick={onClose} ref={nodeRef}>\n        <div className=\"smwb-image-modal\" onClick={(e) => e.stopPropagation()}>\n          <img src={src} alt=\"\" className=\"smwb-image-modal__img\" />\n        </div>\n      </div>\n    </CSSTransition>,\n    document.body\n  );\n};\n\nexport default ImagesListItemModal;\n"],"names":["ImagesListItemModal","src","onClose","isOpen","nodeRef","useRef","createPortal","jsx","CSSTransition","e"],"mappings":";;;;AAUA,MAAMA,IAAsB,CAAC,EAAE,KAAAC,GAAK,SAAAC,GAAS,QAAAC,QAAuC;AAClF,QAAMC,IAAUC,EAAuB,IAAI;AAC3C,SAAOC;AAAA,IACL,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,IAAIL;AAAA,QACJ,YAAY;AAAA,UACV,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEb,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,SAAAC;AAAA,QAEA,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,6BAA4B,SAASL,GAAS,KAAKE,GAChE,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,oBAAmB,SAAS,CAACE,MAAMA,EAAE,gBAAA,GAClD,UAAA,gBAAAF,EAAC,OAAA,EAAI,KAAAN,GAAU,KAAI,IAAG,WAAU,wBAAA,CAAwB,EAAA,CAC1D,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,EAAA;AAEb;"}

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

@@ -0,0 +1,6 @@
+export { default as ImagesListItem } from "./imagesListItem/imagesListItem";
+export { default as ImagesList } from "./imagesList";
+export { default as ImagesListItemModal } from "./imagesListItem/imagesListItemModal";
+export type { ImagesListProps } from "./imagesList";
+export type { ImagesListItemProps } from "./imagesListItem/imagesListItem";
+export type { ImagesListItemModalProps } from "./imagesListItem/imagesListItemModal";

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

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

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from "react";
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    className?: string;
+    /** Compact vertical rhythm. */
+    dense?: boolean;
+    /** Section subheader rendered before the items. */
+    subheader?: ReactNode;
+}
+export declare const List: import("react").ForwardRefExoticComponent<ListProps & {
+    children?: ReactNode | undefined;
+} & import("react").RefAttributes<HTMLUListElement>>;
+export default List;

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

@@ -0,0 +1,25 @@
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/list/list.entry.css';/* empty css                                                   */
+import { forwardRef as a } from "react";
+import n from "clsx";
+const w = a(function({ className: t, dense: i, subheader: s, children: l, ...r }, e) {
+  return /* @__PURE__ */ m(
+    "ul",
+    {
+      ref: e,
+      "data-testid": "list",
+      role: "list",
+      className: n("smwb-list", { "smwb-list_dense": i }, t),
+      ...r,
+      children: [
+        s ? /* @__PURE__ */ o("li", { className: "smwb-list__subheader", children: s }) : null,
+        l
+      ]
+    }
+  );
+});
+export {
+  w as List,
+  w as default
+};
+//# 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 { forwardRef, HTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\nimport cn from \"clsx\";\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n  className?: string;\n  /** Compact vertical rhythm. */\n  dense?: boolean;\n  /** Section subheader rendered before the items. */\n  subheader?: ReactNode;\n}\n\nexport const List = forwardRef<HTMLUListElement, PropsWithChildren<ListProps>>(function List(\n  { className, dense, subheader, children, ...props },\n  ref\n) {\n  return (\n    <ul\n      ref={ref}\n      data-testid=\"list\"\n      role=\"list\"\n      className={cn(\"smwb-list\", { \"smwb-list_dense\": dense }, className)}\n      {...props}\n    >\n      {subheader ? <li className=\"smwb-list__subheader\">{subheader}</li> : null}\n      {children}\n    </ul>\n  );\n});\n\nexport default List;\n"],"names":["List","forwardRef","className","dense","subheader","children","props","ref","jsxs","cn","jsx"],"mappings":";;;;AAYO,MAAMA,IAAOC,EAA2D,SAC7E,EAAE,WAAAC,GAAW,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC5CC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,WAAWE,EAAG,aAAa,EAAE,mBAAmBN,EAAA,GAASD,CAAS;AAAA,MACjE,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAF,IAAY,gBAAAM,EAAC,MAAA,EAAG,WAAU,wBAAwB,aAAU,IAAQ;AAAA,QACpEL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

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

@@ -0,0 +1,17 @@
+import React from "react";
+export interface ListItemProps {
+    disabled?: boolean;
+    className?: string;
+    selected?: boolean;
+    /** Compact row. */
+    dense?: boolean;
+    /** Render a bottom divider. */
+    divider?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLLIElement>;
+}
+export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLIElement>>;
+export default ListItem;

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

@@ -0,0 +1,37 @@
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import c from "clsx";
+const N = b(function({ className: r, children: _, disabled: s, selected: m, dense: d, divider: n, startAdornment: l, endAdornment: o, onClick: t }, w) {
+  const a = !!t && !s;
+  return /* @__PURE__ */ f(
+    "li",
+    {
+      ref: w,
+      role: "listitem",
+      tabIndex: a ? 0 : void 0,
+      "aria-disabled": s || void 0,
+      "aria-selected": m || void 0,
+      onClick: s ? void 0 : t,
+      onKeyDown: a ? (e) => {
+        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t == null || t(e));
+      } : void 0,
+      className: c("smwb-list__item", r, {
+        "smwb-disabled": s,
+        "smwb-selected": m,
+        "smwb-list__item_dense": d,
+        "smwb-list__item_divider": n
+      }),
+      "data-testid": "list-item",
+      children: [
+        /* @__PURE__ */ i("span", { className: "smwb-list__item__start", children: l }),
+        /* @__PURE__ */ i("span", { className: "smwb-list__item__main", children: _ }),
+        /* @__PURE__ */ i("span", { className: "smwb-list__item__end", children: o })
+      ]
+    }
+  );
+});
+export {
+  N as ListItem,
+  N as default
+};
+//# 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 React, { forwardRef, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport interface ListItemProps {\n  disabled?: boolean;\n  className?: string;\n  selected?: boolean;\n  /** Compact row. */\n  dense?: boolean;\n  /** Render a bottom divider. */\n  divider?: boolean;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, PropsWithChildren<ListItemProps>>(function ListItem(\n  { className, children, disabled, selected, dense, divider, startAdornment, endAdornment, onClick },\n  ref\n) {\n  const interactive = !!onClick && !disabled;\n\n  return (\n    <li\n      ref={ref}\n      role=\"listitem\"\n      tabIndex={interactive ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      aria-selected={selected || undefined}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={\n        interactive\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick?.(e as unknown as React.MouseEvent<HTMLLIElement>);\n              }\n            }\n          : undefined\n      }\n      className={cn(\"smwb-list__item\", className, {\n        \"smwb-disabled\": disabled,\n        \"smwb-selected\": selected,\n        \"smwb-list__item_dense\": dense,\n        \"smwb-list__item_divider\": divider,\n      })}\n      data-testid=\"list-item\"\n    >\n      <span className=\"smwb-list__item__start\">{startAdornment}</span>\n      <span className=\"smwb-list__item__main\">{children}</span>\n      <span className=\"smwb-list__item__end\">{endAdornment}</span>\n    </li>\n  );\n});\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","className","children","disabled","selected","dense","divider","startAdornment","endAdornment","onClick","ref","interactive","jsxs","cn","jsx"],"mappings":";;;AAgBO,MAAMA,IAAWC,EAA4D,SAClF,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,gBAAAC,GAAgB,cAAAC,GAAc,SAAAC,EAAA,GACzFC,GACA;AACA,QAAMC,IAAc,CAAC,CAACF,KAAW,CAACN;AAElC,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,UAAUC,IAAc,IAAI;AAAA,MAC5B,iBAAeR,KAAY;AAAA,MAC3B,iBAAeC,KAAY;AAAA,MAC3B,SAASD,IAAW,SAAYM;AAAA,MAChC,WACEE,IACI,CAAC,MAAM;AACL,SAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAA,GACFF,KAAA,QAAAA,EAAU;AAAA,MAEd,IACA;AAAA,MAEN,WAAWI,EAAG,mBAAmBZ,GAAW;AAAA,QAC1C,iBAAiBE;AAAA,QACjB,iBAAiBC;AAAA,QACjB,yBAAyBC;AAAA,QACzB,2BAA2BC;AAAA,MAAA,CAC5B;AAAA,MACD,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,0BAA0B,UAAAP,GAAe;AAAA,QACzD,gBAAAO,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAZ,EAAA,CAAS;AAAA,QAClD,gBAAAY,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAN,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3D,CAAC;"}

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

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

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { TablePaginationProps } from "./index";
+export interface TableProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    dense?: boolean;
+    isLoading?: boolean;
+    hovered?: boolean;
+    /** Pins the table header while the body scrolls. */
+    stickyHeader?: boolean;
+    /** Optional accessible caption rendered for screen readers. */
+    caption?: ReactNode;
+    paginationSettings?: TablePaginationProps;
+}
+declare const Table: import("react").ForwardRefExoticComponent<TableProps & {
+    children?: ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default Table;

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

@@ -0,0 +1,38 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/table/table.entry.css';/* empty css                                                     */
+import { forwardRef as n } from "react";
+import r from "clsx";
+import _ from "./tablePagination/tablePagination.js";
+const v = n(
+  ({ className: l, dense: b, hovered: o, children: t, paginationSettings: e, isLoading: i, stickyHeader: c, caption: m, ...w }, d) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: d,
+      className: r("smwb-table__wrapper", l, {
+        "smwb-table__wrapper_loading": i
+      }),
+      ...w,
+      children: [
+        /* @__PURE__ */ a("div", { className: r("smwb-table__container", { "smwb-withPagination": !!e }), children: /* @__PURE__ */ s(
+          "table",
+          {
+            className: r("smwb-table", {
+              "smwb-dense": b,
+              "smwb-hovered": o,
+              "smwb-table_sticky-header": c
+            }),
+            children: [
+              m != null && /* @__PURE__ */ a("caption", { className: "smwb-table__caption", children: m }),
+              t
+            ]
+          }
+        ) }),
+        !!e && /* @__PURE__ */ a(_, { ...e })
+      ]
+    }
+  )
+);
+export {
+  v as default
+};
+//# 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 { HTMLAttributes, PropsWithChildren, ReactNode, forwardRef } from \"react\";\nimport cn from \"clsx\";\nimport { TablePagination, TablePaginationProps } from \"./index\";\n\nexport interface TableProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\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?: ReactNode;\n  paginationSettings?: TablePaginationProps;\n}\n\nconst Table = forwardRef<HTMLDivElement, PropsWithChildren<TableProps>>(\n  ({ className, dense, hovered, children, paginationSettings, isLoading, stickyHeader, caption, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\"smwb-table__wrapper\", className, {\n          [\"smwb-table__wrapper_loading\"]: isLoading,\n        })}\n        {...props}\n      >\n        <div className={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!paginationSettings })}>\n          <table\n            className={cn(\"smwb-table\", {\n              \"smwb-dense\": dense,\n              [\"smwb-hovered\"]: hovered,\n              \"smwb-table_sticky-header\": stickyHeader,\n            })}\n          >\n            {caption != null && <caption className=\"smwb-table__caption\">{caption}</caption>}\n            {children}\n          </table>\n        </div>\n        {!!paginationSettings && <TablePagination {...paginationSettings} />}\n      </div>\n    );\n  }\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","className","dense","hovered","children","paginationSettings","isLoading","stickyHeader","caption","props","ref","jsxs","cn","jsx","TablePagination"],"mappings":";;;;;AAiBA,MAAMA,IAAQC;AAAA,EACZ,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,UAAAC,GAAU,oBAAAC,GAAoB,WAAAC,GAAW,cAAAC,GAAc,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAEtG,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,uBAAuBX,GAAW;AAAA,QAC7C,+BAAgCK;AAAA,MAAA,CAClC;AAAA,MACA,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAG,yBAAyB,EAAE,uBAAuB,CAAC,CAACP,GAAoB,GACzF,UAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAG,cAAc;AAAA,cAC1B,cAAcV;AAAA,cACb,gBAAiBC;AAAA,cAClB,4BAA4BI;AAAA,YAAA,CAC7B;AAAA,YAEA,UAAA;AAAA,cAAAC,KAAW,QAAQ,gBAAAK,EAAC,WAAA,EAAQ,WAAU,uBAAuB,UAAAL,GAAQ;AAAA,cACrEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QACC,CAAC,CAACC,KAAsB,gBAAAQ,EAACC,GAAA,EAAiB,GAAGT,EAAA,CAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI1E;"}

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes, PropsWithChildren } from "react";
+export interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+    className?: string;
+}
+declare const TableBody: ({ children, className, ...props }: PropsWithChildren<TableBodyProps>) => import("react/jsx-runtime").JSX.Element;
+export default TableBody;