@smwb/ui-react 2.0.0

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

@@ -0,0 +1,7 @@
+import { jsx as a } from "react/jsx-runtime";
+import e from "clsx";
+const b = ({ children: o, className: t, ...r }) => /* @__PURE__ */ a("tbody", { ...r, className: e("smwb-table__body", t), children: o });
+export {
+  b as default
+};
+//# sourceMappingURL=tableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableBody.js","sources":["../../../../src/components/dataDisplay/table/tableBody.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n}\n\nconst TableBody = ({ children, className, ...props }: PropsWithChildren<TableBodyProps>) => {\n  return (\n    <tbody {...props} className={cn(\"smwb-table__body\", className)}>\n      {children}\n    </tbody>\n  );\n};\n\nexport default TableBody;\n"],"names":["TableBody","children","className","props","jsx","cn"],"mappings":";;AAOA,MAAMA,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAEzC,gBAAAC,EAAC,WAAO,GAAGD,GAAO,WAAWE,EAAG,oBAAoBH,CAAS,GAC1D,UAAAD,GACH;"}

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren, TdHTMLAttributes } from "react";
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    className?: string;
+    cellAlign?: "left" | "right" | "center";
+}
+declare const TableCell: ({ children, cellAlign, className, ...props }: PropsWithChildren<TableCellProps>) => import("react/jsx-runtime").JSX.Element;
+export default TableCell;

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

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "clsx";
+const f = ({ children: l, cellAlign: e = "left", className: t, ...a }) => /* @__PURE__ */ r("td", { ...a, className: m("smwb-table__cell", t), align: e || "left", children: l });
+export {
+  f as default
+};
+//# sourceMappingURL=tableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableCell.js","sources":["../../../../src/components/dataDisplay/table/tableCell.tsx"],"sourcesContent":["import React, { PropsWithChildren, TdHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n}\n\nconst TableCell = ({ children, cellAlign = \"left\", className, ...props }: PropsWithChildren<TableCellProps>) => {\n  return (\n    <td {...props} className={cn(\"smwb-table__cell\", className)} align={cellAlign || \"left\"}>\n      {children}\n    </td>\n  );\n};\n\nexport default TableCell;\n"],"names":["TableCell","children","cellAlign","className","props","jsx","cn"],"mappings":";;AAQA,MAAMA,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAY,QAAQ,WAAAC,GAAW,GAAGC,QAE7D,gBAAAC,EAAC,MAAA,EAAI,GAAGD,GAAO,WAAWE,EAAG,oBAAoBH,CAAS,GAAG,OAAOD,KAAa,QAC9E,UAAAD,EAAA,CACH;"}

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "clsx";
+const d = ({ children: a, className: e, ...t }) => /* @__PURE__ */ r("thead", { ...t, className: m("smwb-table__head", e), children: a });
+export {
+  d as default
+};
+//# sourceMappingURL=tableHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableHead.js","sources":["../../../../src/components/dataDisplay/table/tableHead.tsx"],"sourcesContent":["import { HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n}\n\nconst TableHead = ({ children, className, ...props }: PropsWithChildren<TableHeadProps>) => {\n  return (\n    <thead {...props} className={cn(\"smwb-table__head\", className)}>\n      {children}\n    </thead>\n  );\n};\n\nexport default TableHead;\n"],"names":["TableHead","children","className","props","jsx","cn"],"mappings":";;AAOA,MAAMA,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAEzC,gBAAAC,EAAC,WAAO,GAAGD,GAAO,WAAWE,EAAG,oBAAoBH,CAAS,GAC1D,UAAAD,GACH;"}

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

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

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

@@ -0,0 +1,47 @@
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import h from "clsx";
+import { Icon as x } from "../../base/icon/icon.js";
+const y = ({
+  children: i,
+  className: l,
+  cellAlign: a = "left",
+  isSortedByAsc: m,
+  isSortedByDesc: t,
+  sortable: e,
+  sortDirection: d,
+  onSort: s,
+  ...r
+}) => {
+  const n = d !== void 0 ? d : m ? "asc" : t ? "desc" : !1, f = e ? n === "asc" ? "ascending" : n === "desc" ? "descending" : "none" : void 0, p = n === "asc" ? "expand_more" : n === "desc" ? "expand_less" : "", w = (c) => {
+    e && s && (c.key === "Enter" || c.key === " ") && (c.preventDefault(), s());
+  };
+  return /* @__PURE__ */ o(
+    "th",
+    {
+      ...r,
+      "aria-sort": f,
+      className: h("smwb-table__cell", "smwb-head-cell", l, {
+        [`smwb-align_${a}`]: !!a,
+        "smwb-head-cell_sortable": e
+      }),
+      children: /* @__PURE__ */ _(
+        "span",
+        {
+          className: "smwb-head-cell__content",
+          onClick: e ? s : void 0,
+          onKeyDown: e ? w : void 0,
+          role: e ? "button" : void 0,
+          tabIndex: e ? 0 : void 0,
+          children: [
+            i,
+            /* @__PURE__ */ o(x, { name: p, size: 18, weight: 800 })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  y as default
+};
+//# sourceMappingURL=tableHeadCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableHeadCell.js","sources":["../../../../src/components/dataDisplay/table/tableHeadCell.tsx"],"sourcesContent":["import React, { PropsWithChildren, ThHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type SortDirection = \"asc\" | \"desc\" | false;\n\nexport interface TableHeadCellProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\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}\n\nconst TableHeadCell = ({\n  children,\n  className,\n  cellAlign = \"left\",\n  isSortedByAsc,\n  isSortedByDesc,\n  sortable,\n  sortDirection,\n  onSort,\n  ...props\n}: PropsWithChildren<TableHeadCellProps>) => {\n  const direction: SortDirection =\n    sortDirection !== undefined ? sortDirection : isSortedByAsc ? \"asc\" : isSortedByDesc ? \"desc\" : false;\n\n  const ariaSort = sortable\n    ? direction === \"asc\"\n      ? \"ascending\"\n      : direction === \"desc\"\n        ? \"descending\"\n        : \"none\"\n    : undefined;\n\n  const iconName = direction === \"asc\" ? \"expand_more\" : direction === \"desc\" ? \"expand_less\" : \"\";\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    if (sortable && onSort && (event.key === \"Enter\" || event.key === \" \")) {\n      event.preventDefault();\n      onSort();\n    }\n  };\n\n  return (\n    <th\n      {...props}\n      aria-sort={ariaSort}\n      className={cn(\"smwb-table__cell\", \"smwb-head-cell\", className, {\n        [`smwb-align_${cellAlign}`]: !!cellAlign,\n        \"smwb-head-cell_sortable\": sortable,\n      })}\n    >\n      <span\n        className=\"smwb-head-cell__content\"\n        onClick={sortable ? onSort : undefined}\n        onKeyDown={sortable ? onKeyDown : undefined}\n        role={sortable ? \"button\" : undefined}\n        tabIndex={sortable ? 0 : undefined}\n      >\n        {children}\n        <Icon name={iconName} size={18} weight={800} />\n      </span>\n    </th>\n  );\n};\n\nexport default TableHeadCell;\n"],"names":["TableHeadCell","children","className","cellAlign","isSortedByAsc","isSortedByDesc","sortable","sortDirection","onSort","props","direction","ariaSort","iconName","onKeyDown","event","jsx","cn","jsxs","Icon"],"mappings":";;;AAqBA,MAAMA,IAAgB,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAA6C;AAC3C,QAAMC,IACJH,MAAkB,SAAYA,IAAgBH,IAAgB,QAAQC,IAAiB,SAAS,IAE5FM,IAAWL,IACbI,MAAc,QACZ,cACAA,MAAc,SACZ,eACA,SACJ,QAEEE,IAAWF,MAAc,QAAQ,gBAAgBA,MAAc,SAAS,gBAAgB,IAExFG,IAAY,CAACC,MAAgD;AACjE,IAAIR,KAAYE,MAAWM,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SAChEA,EAAM,eAAA,GACNN,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,aAAWE;AAAA,MACX,WAAWK,EAAG,oBAAoB,kBAAkBd,GAAW;AAAA,QAC7D,CAAC,cAAcC,CAAS,EAAE,GAAG,CAAC,CAACA;AAAA,QAC/B,2BAA2BG;AAAA,MAAA,CAC5B;AAAA,MAED,UAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASX,IAAWE,IAAS;AAAA,UAC7B,WAAWF,IAAWO,IAAY;AAAA,UAClC,MAAMP,IAAW,WAAW;AAAA,UAC5B,UAAUA,IAAW,IAAI;AAAA,UAExB,UAAA;AAAA,YAAAL;AAAA,8BACAiB,GAAA,EAAK,MAAMN,GAAU,MAAM,IAAI,QAAQ,IAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,19 @@
+export interface BaseTablePaginationProps {
+    page: number;
+    limit: number;
+    onPrev?: () => void;
+    onNext?: () => void;
+    limitOptions?: number[];
+    onLimitChange?: (limit: number) => void;
+}
+interface WithTotalCount extends BaseTablePaginationProps {
+    totalCount: number;
+    hasNextPage?: never;
+}
+interface WithHasNextPage extends BaseTablePaginationProps {
+    totalCount?: never;
+    hasNextPage: boolean;
+}
+export type TablePaginationProps = WithTotalCount | WithHasNextPage;
+declare const TablePagination: ({ limit, page, totalCount, onPrev, onNext, limitOptions, onLimitChange, hasNextPage, }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export default TablePagination;

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

@@ -0,0 +1,41 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import '../../../../assets/styles/less/components/table/tablePagination/tablePagination.entry.css';/* empty css                                                                                  */
+import f from "clsx";
+import { Icon as d } from "../../../base/icon/icon.js";
+const k = ({
+  limit: n,
+  page: s,
+  totalCount: t,
+  onPrev: c,
+  onNext: i,
+  limitOptions: l,
+  onLimitChange: r,
+  hasNextPage: b
+}) => {
+  const _ = typeof t == "undefined", m = _ ? !b : s === Math.ceil(t / n), h = (a) => {
+    r && r(+a.target.value);
+  }, w = () => {
+    c == null || c();
+  }, g = () => {
+    i == null || i();
+  }, p = () => {
+    const a = s * n - n, u = s * n;
+    return `${a}–${u}` + (_ ? "" : ` of ${t}`);
+  };
+  return /* @__PURE__ */ e("div", { className: "smwb-table__pagination", children: /* @__PURE__ */ o("div", { className: "smwb-table__pagination__controls", children: [
+    l && l.length > 1 && /* @__PURE__ */ o("div", { className: "smwb-table__pagination__rows", children: [
+      /* @__PURE__ */ e("span", { children: "Rows per page" }),
+      /* @__PURE__ */ e("select", { id: "rows", className: "smwb-table__pagination__select", onChange: h, value: n, children: l.map((a) => /* @__PURE__ */ e("option", { value: a, className: f("smwb-select-option", { selected: a === n }), children: a }, a)) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "smwb-table__pagination__current-count", children: p() }),
+    /* @__PURE__ */ o("div", { className: "smwb-table__pagination__buttons", children: [
+      /* @__PURE__ */ e("button", { className: "smwb-table__pagination__control", onClick: w, disabled: s === 1, children: /* @__PURE__ */ e(d, { name: "chevron_left", size: 24, weight: 600 }) }),
+      /* @__PURE__ */ e("span", { className: "smwb-table__pagination__page", children: s }),
+      /* @__PURE__ */ e("button", { className: "smwb-table__pagination__control", onClick: g, disabled: m, children: /* @__PURE__ */ e(d, { name: "chevron_right", size: 24, weight: 600 }) })
+    ] })
+  ] }) });
+};
+export {
+  k as default
+};
+//# sourceMappingURL=tablePagination.js.map

package/dist/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 cn from \"clsx\";\nimport React from \"react\";\nimport Icon from \"../../../base/icon/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\n// Вариант с известным количеством записей\ninterface WithTotalCount extends BaseTablePaginationProps {\n  totalCount: number;\n  hasNextPage?: never;\n}\n\n// Вариант с бесконечной пагинацией\ninterface WithHasNextPage extends BaseTablePaginationProps {\n  totalCount?: never;\n  hasNextPage: boolean;\n}\n\nexport type TablePaginationProps = WithTotalCount | WithHasNextPage;\n\nconst TablePagination = ({\n  limit,\n  page,\n  totalCount,\n  onPrev,\n  onNext,\n  limitOptions,\n  onLimitChange,\n  hasNextPage,\n}: TablePaginationProps) => {\n  // Если totalCount не передан, считаем что пагинация \"бесконечная\"\n  const isInfiniteMode = typeof totalCount === \"undefined\";\n\n  const isDisabledNext = isInfiniteMode ? !hasNextPage : page === Math.ceil(totalCount / limit);\n\n  const handleLimitChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!onLimitChange) return;\n    onLimitChange(+e.target.value);\n  };\n\n  const handlePrev = () => {\n    onPrev?.();\n  };\n\n  const handleNext = () => {\n    onNext?.();\n  };\n\n  const renderCountText = () => {\n    const from = page * limit - limit;\n    const to = page * limit;\n\n    return `${from}–${to}` + (isInfiniteMode ? \"\" : ` of ${totalCount}`);\n  };\n\n  return (\n    <div className=\"smwb-table__pagination\">\n      <div className=\"smwb-table__pagination__controls\">\n        {limitOptions && limitOptions.length > 1 && (\n          <div className=\"smwb-table__pagination__rows\">\n            <span>Rows per page</span>\n            <select id=\"rows\" className=\"smwb-table__pagination__select\" onChange={handleLimitChange} value={limit}>\n              {limitOptions.map((opt) => (\n                <option value={opt} className={cn(\"smwb-select-option\", { selected: opt === limit })} key={opt}>\n                  {opt}\n                </option>\n              ))}\n            </select>\n          </div>\n        )}\n        <div className=\"smwb-table__pagination__current-count\">{renderCountText()}</div>\n        <div className=\"smwb-table__pagination__buttons\">\n          <button className=\"smwb-table__pagination__control\" onClick={handlePrev} disabled={page === 1}>\n            <Icon name=\"chevron_left\" size={24} weight={600} />\n          </button>\n          <span className=\"smwb-table__pagination__page\">{page}</span>\n          <button className=\"smwb-table__pagination__control\" onClick={handleNext} 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","limit","page","totalCount","onPrev","onNext","limitOptions","onLimitChange","hasNextPage","isInfiniteMode","isDisabledNext","handleLimitChange","e","handlePrev","handleNext","renderCountText","from","to","jsxs","jsx","opt","cn","Icon"],"mappings":";;;;AA4BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AACF,MAA4B;AAE1B,QAAMC,IAAiB,OAAON,KAAe,aAEvCO,IAAiBD,IAAiB,CAACD,IAAcN,MAAS,KAAK,KAAKC,IAAaF,CAAK,GAEtFU,IAAoB,CAACC,MAA4C;AACrE,IAAKL,KACLA,EAAc,CAACK,EAAE,OAAO,KAAK;AAAA,EAC/B,GAEMC,IAAa,MAAM;AACvB,IAAAT,KAAA,QAAAA;AAAA,EACF,GAEMU,IAAa,MAAM;AACvB,IAAAT,KAAA,QAAAA;AAAA,EACF,GAEMU,IAAkB,MAAM;AAC5B,UAAMC,IAAOd,IAAOD,IAAQA,GACtBgB,IAAKf,IAAOD;AAElB,WAAO,GAAGe,CAAI,IAAIC,CAAE,MAAMR,IAAiB,KAAK,OAAON,CAAU;AAAA,EACnE;AAEA,2BACG,OAAA,EAAI,WAAU,0BACb,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,IAAAZ,KAAgBA,EAAa,SAAS,KACrC,gBAAAY,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,UAAA,gBAAA,CAAa;AAAA,MACnB,gBAAAA,EAAC,UAAA,EAAO,IAAG,QAAO,WAAU,kCAAiC,UAAUR,GAAmB,OAAOV,GAC9F,UAAAK,EAAa,IAAI,CAACc,MACjB,gBAAAD,EAAC,UAAA,EAAO,OAAOC,GAAK,WAAWC,EAAG,sBAAsB,EAAE,UAAUD,MAAQnB,EAAA,CAAO,GAChF,UAAAmB,EAAA,GADwFA,CAE3F,CACD,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAD,EAAC,OAAA,EAAI,WAAU,yCAAyC,eAAkB;AAAA,IAC1E,gBAAAD,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,YAAO,WAAU,mCAAkC,SAASN,GAAY,UAAUX,MAAS,GAC1F,UAAA,gBAAAiB,EAACG,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI,QAAQ,KAAK,GACnD;AAAA,MACA,gBAAAH,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAAjB,GAAK;AAAA,wBACpD,UAAA,EAAO,WAAU,mCAAkC,SAASY,GAAY,UAAUJ,GACjF,UAAA,gBAAAS,EAACG,GAAA,EAAK,MAAK,iBAAgB,MAAM,IAAI,QAAQ,KAAK,EAAA,CACpD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes, PropsWithChildren } from "react";
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    className?: string;
+    /** Marks the row as selected (adds aria-selected + styling). */
+    selected?: boolean;
+    /** Reflects expandable-row state (adds aria-expanded + styling). */
+    expanded?: boolean;
+}
+declare const TableRow: ({ children, className, selected, expanded, ...props }: PropsWithChildren<TableRowProps>) => import("react/jsx-runtime").JSX.Element;
+export default TableRow;

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

@@ -0,0 +1,20 @@
+import { jsx as m } from "react/jsx-runtime";
+import w from "clsx";
+const s = ({ children: a, className: t, selected: r, expanded: o, ...b }) => /* @__PURE__ */ m(
+  "tr",
+  {
+    "data-testid": "table-row",
+    className: w("smwb-table__row", t, {
+      "smwb-table__row_selected": r,
+      "smwb-table__row_expanded": o
+    }),
+    "aria-selected": r != null ? r : void 0,
+    "aria-expanded": o != null ? o : void 0,
+    ...b,
+    children: a
+  }
+);
+export {
+  s as default
+};
+//# sourceMappingURL=tableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableRow.js","sources":["../../../../src/components/dataDisplay/table/tableRow.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  className?: string;\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}\n\nconst TableRow = ({ children, className, selected, expanded, ...props }: PropsWithChildren<TableRowProps>) => {\n  return (\n    <tr\n      data-testid=\"table-row\"\n      className={cn(\"smwb-table__row\", className, {\n        \"smwb-table__row_selected\": selected,\n        \"smwb-table__row_expanded\": expanded,\n      })}\n      aria-selected={selected ?? undefined}\n      aria-expanded={expanded ?? undefined}\n      {...props}\n    >\n      {children}\n    </tr>\n  );\n};\nexport default TableRow;\n"],"names":["TableRow","children","className","selected","expanded","props","jsx","cn"],"mappings":";;AAWA,MAAMA,IAAW,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAE5D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAWC,EAAG,mBAAmBL,GAAW;AAAA,MAC1C,4BAA4BC;AAAA,MAC5B,4BAA4BC;AAAA,IAAA,CAC7B;AAAA,IACD,iBAAeD,KAAA,OAAAA,IAAY;AAAA,IAC3B,iBAAeC,KAAA,OAAAA,IAAY;AAAA,IAC1B,GAAGC;AAAA,IAEH,UAAAJ;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1,2 @@
+export { default as TreeView } from "./treeView";
+export type { TreeViewProps, ITreeNodeItem } from "./treeView";

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

@@ -0,0 +1,39 @@
+import React, { ReactNode } from "react";
+export interface ITreeNodeItem {
+    /** Stable identifier. Falls back to the positional path when omitted. */
+    id?: string;
+    label: string;
+    children?: ITreeNodeItem[];
+    /** Hint that the node is expandable even before its children are loaded. */
+    hasChildren?: boolean;
+}
+export interface TreeViewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    nodeIcon?: {
+        opened?: string;
+        closed?: string;
+    };
+    listIcon?: string;
+    data: ITreeNodeItem[];
+    /** Controlled list of expanded node ids. */
+    expanded?: string[];
+    /** Initially expanded node ids (uncontrolled). */
+    defaultExpanded?: string[];
+    /** Called with the next expanded ids. */
+    onExpandedChange?: (expanded: string[]) => void;
+    /** Controlled list of selected node ids. */
+    selected?: string[];
+    /** Initially selected node ids (uncontrolled). */
+    defaultSelected?: string[];
+    /** Called with the next selected ids. */
+    onSelectedChange?: (selected: string[]) => void;
+    /** Enables label click selection. */
+    selectable?: boolean;
+    /** Renders a checkbox per node bound to selection. */
+    checkboxes?: boolean;
+    /** Custom node renderer. */
+    renderLabel?: (item: ITreeNodeItem, nodeId: string) => ReactNode;
+    /** Lazily resolves children the first time a node is expanded. */
+    loadChildren?: (item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>;
+}
+export declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & React.RefAttributes<HTMLDivElement>>;
+export default TreeView;

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

@@ -0,0 +1,116 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/treeView/treeView.entry.css';/* empty css                                                           */
+import { forwardRef as Z, useState as A, useMemo as v } from "react";
+import D from "clsx";
+import { Icon as g } from "../../base/icon/icon.js";
+import { useControllableState as O } from "../../../hooks/useControllableState.js";
+const re = Z(function({
+  className: R,
+  listIcon: w = "draft",
+  nodeIcon: r = { closed: "folder", opened: "folder_open" },
+  data: b = [],
+  expanded: T,
+  defaultExpanded: K = [],
+  onExpandedChange: M,
+  selected: P,
+  defaultSelected: q = [],
+  onSelectedChange: B,
+  selectable: c = !1,
+  checkboxes: f = !1,
+  renderLabel: u,
+  loadChildren: m,
+  ...F
+}, G) {
+  const [o, H] = A({}), [N, k] = A([]), [x, y] = O({
+    value: T,
+    defaultValue: K,
+    onChange: M
+  }), [C, J] = O({
+    value: P,
+    defaultValue: q,
+    onChange: B
+  }), Q = (s) => {
+    y((t) => t.includes(s) ? t.filter((e) => e !== s) : [...t, s]);
+  }, L = (s, t) => {
+    y((e) => {
+      const l = e.includes(s);
+      return t && !l ? [...e, s] : !t && l ? e.filter((_) => _ !== s) : e;
+    });
+  }, S = (s) => {
+    J((t) => t.includes(s) ? t.filter((e) => e !== s) : [...t, s]);
+  }, z = (s, t) => {
+    !m || o[t] || s.children && s.children.length > 0 || (k((e) => e.includes(t) ? e : [...e, t]), m(s, t).then((e) => {
+      H((l) => ({ ...l, [t]: e }));
+    }).finally(() => {
+      k((e) => e.filter((l) => l !== t));
+    }));
+  }, V = (s, t) => {
+    var $, j;
+    const e = ($ = s.id) != null ? $ : t, l = (j = s.children) != null ? j : o[e], _ = !!m && (s.hasChildren || !!o[e]), i = !!l && l.length > 0 || _, d = x.includes(e), h = C.includes(e), W = N.includes(e), E = () => {
+      i && (d || z(s, e), Q(e)), c && S(e);
+    }, X = (a) => {
+      a.key === "Enter" || a.key === " " ? (a.preventDefault(), E()) : a.key === "ArrowRight" && i ? (z(s, e), L(e, !0)) : a.key === "ArrowLeft" && i && L(e, !1);
+    };
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: D("smwb-tree__node", { "smwb-tree__node_selected": h }),
+        role: "treeitem",
+        "aria-expanded": i ? d : void 0,
+        "aria-selected": c || f ? h : void 0,
+        children: [
+          /* @__PURE__ */ p(
+            "span",
+            {
+              className: "smwb-tree__node__content",
+              onClick: E,
+              onKeyDown: X,
+              tabIndex: 0,
+              role: "button",
+              children: [
+                f && /* @__PURE__ */ n(
+                  "input",
+                  {
+                    type: "checkbox",
+                    className: "smwb-tree__node__checkbox",
+                    checked: h,
+                    onClick: (a) => a.stopPropagation(),
+                    onChange: () => S(e),
+                    "aria-label": s.label
+                  }
+                ),
+                /* @__PURE__ */ p("span", { className: "smwb-tree__node__label", children: [
+                  i && d ? /* @__PURE__ */ n(g, { name: r == null ? void 0 : r.opened, fill: 1, size: 20 }) : i ? /* @__PURE__ */ n(g, { name: r == null ? void 0 : r.closed, fill: 1, size: 20 }) : /* @__PURE__ */ n(g, { name: w, size: 20 }),
+                  u ? u(s, e) : s.label
+                ] })
+              ]
+            }
+          ),
+          i && d && /* @__PURE__ */ n("div", { role: "group", children: W && !l ? /* @__PURE__ */ n("div", { className: "smwb-tree__node__loading", role: "status", children: "Загрузка…" }) : l == null ? void 0 : l.map((a, Y) => V(a, `${t}.${Y}`)) })
+        ]
+      },
+      e
+    );
+  }, U = v(
+    () => b.map((s, t) => V(s, `${t}`)),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      b,
+      x,
+      C,
+      c,
+      f,
+      w,
+      r,
+      u,
+      o,
+      N
+    ]
+  );
+  return /* @__PURE__ */ n("div", { "data-testid": "tree-view", ...F, ref: G, role: "tree", className: D("smwb-tree", R), children: U.map((s, t) => /* @__PURE__ */ n("div", { className: "smwb-tree__wrapper", role: "presentation", children: s }, t)) });
+});
+export {
+  re as TreeView,
+  re as default
+};
+//# sourceMappingURL=treeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"treeView.js","sources":["../../../../src/components/dataDisplay/treeView/treeView.tsx"],"sourcesContent":["import React, { forwardRef, KeyboardEvent, ReactNode, useMemo, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\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<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  nodeIcon?: {\n    opened?: string;\n    closed?: string;\n  };\n  listIcon?: string;\n  data: ITreeNodeItem[];\n  /** Controlled list of expanded node ids. */\n  expanded?: string[];\n  /** Initially expanded node ids (uncontrolled). */\n  defaultExpanded?: string[];\n  /** Called with the next expanded ids. */\n  onExpandedChange?: (expanded: string[]) => void;\n  /** Controlled list of selected node ids. */\n  selected?: string[];\n  /** Initially selected node ids (uncontrolled). */\n  defaultSelected?: string[];\n  /** Called with the next selected ids. */\n  onSelectedChange?: (selected: string[]) => void;\n  /** Enables label click selection. */\n  selectable?: boolean;\n  /** Renders a checkbox per node bound to selection. */\n  checkboxes?: boolean;\n  /** Custom node renderer. */\n  renderLabel?: (item: ITreeNodeItem, nodeId: string) => ReactNode;\n  /** Lazily resolves children the first time a node is expanded. */\n  loadChildren?: (item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>;\n}\n\nexport const TreeView = forwardRef<HTMLDivElement, TreeViewProps>(function TreeView(\n  {\n    className,\n    listIcon = \"draft\",\n    nodeIcon = { closed: \"folder\", opened: \"folder_open\" },\n    data = [],\n    expanded,\n    defaultExpanded = [],\n    onExpandedChange,\n    selected,\n    defaultSelected = [],\n    onSelectedChange,\n    selectable = false,\n    checkboxes = false,\n    renderLabel,\n    loadChildren,\n    ...props\n  },\n  ref\n) {\n  const [loadedChildren, setLoadedChildren] = useState<Record<string, ITreeNodeItem[]>>({});\n  const [loadingIds, setLoadingIds] = useState<string[]>([]);\n  const [expandedIds, setExpandedIds] = useControllableState<string[]>({\n    value: expanded,\n    defaultValue: defaultExpanded,\n    onChange: onExpandedChange,\n  });\n  const [selectedIds, setSelectedIds] = useControllableState<string[]>({\n    value: selected,\n    defaultValue: defaultSelected,\n    onChange: onSelectedChange,\n  });\n\n  const toggleExpanded = (id: string) => {\n    setExpandedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n  };\n\n  const setOpen = (id: string, open: boolean) => {\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\n  const toggleSelected = (id: string) => {\n    setSelectedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n  };\n\n  const ensureLoaded = (item: ITreeNodeItem, nodeId: string) => {\n    if (!loadChildren || loadedChildren[nodeId] || (item.children && item.children.length > 0)) {\n      return;\n    }\n    setLoadingIds((prev) => (prev.includes(nodeId) ? prev : [...prev, nodeId]));\n    void loadChildren(item, nodeId)\n      .then((children) => {\n        setLoadedChildren((prev) => ({ ...prev, [nodeId]: children }));\n      })\n      .finally(() => {\n        setLoadingIds((prev) => prev.filter((x) => x !== nodeId));\n      });\n  };\n\n  const renderNode = (item: ITreeNodeItem, path: string): ReactNode => {\n    const nodeId = item.id ?? path;\n    const resolvedChildren = item.children ?? loadedChildren[nodeId];\n    const isLazy = !!loadChildren && (item.hasChildren || !!loadedChildren[nodeId]);\n    const hasChildNodes = (!!resolvedChildren && resolvedChildren.length > 0) || isLazy;\n    const isOpen = expandedIds.includes(nodeId);\n    const isSelected = selectedIds.includes(nodeId);\n    const isLoading = loadingIds.includes(nodeId);\n\n    const onLabelClick = () => {\n      if (hasChildNodes) {\n        if (!isOpen) {\n          ensureLoaded(item, nodeId);\n        }\n        toggleExpanded(nodeId);\n      }\n      if (selectable) {\n        toggleSelected(nodeId);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent<HTMLSpanElement>) => {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        onLabelClick();\n      } else if (event.key === \"ArrowRight\" && hasChildNodes) {\n        ensureLoaded(item, nodeId);\n        setOpen(nodeId, true);\n      } else if (event.key === \"ArrowLeft\" && hasChildNodes) {\n        setOpen(nodeId, false);\n      }\n    };\n\n    return (\n      <div\n        className={cn(\"smwb-tree__node\", { \"smwb-tree__node_selected\": isSelected })}\n        role=\"treeitem\"\n        aria-expanded={hasChildNodes ? isOpen : undefined}\n        aria-selected={selectable || checkboxes ? isSelected : undefined}\n        key={nodeId}\n      >\n        <span\n          className=\"smwb-tree__node__content\"\n          onClick={onLabelClick}\n          onKeyDown={onKeyDown}\n          tabIndex={0}\n          role=\"button\"\n        >\n          {checkboxes && (\n            <input\n              type=\"checkbox\"\n              className=\"smwb-tree__node__checkbox\"\n              checked={isSelected}\n              onClick={(e) => e.stopPropagation()}\n              onChange={() => toggleSelected(nodeId)}\n              aria-label={item.label}\n            />\n          )}\n          <span className=\"smwb-tree__node__label\">\n            {hasChildNodes && isOpen ? (\n              <Icon name={nodeIcon?.opened as string} fill={1} size={20} />\n            ) : hasChildNodes ? (\n              <Icon name={nodeIcon?.closed as string} fill={1} size={20} />\n            ) : (\n              <Icon name={listIcon} size={20} />\n            )}\n            {renderLabel ? renderLabel(item, nodeId) : item.label}\n          </span>\n        </span>\n        {hasChildNodes && isOpen && (\n          <div role=\"group\">\n            {isLoading && !resolvedChildren ? (\n              <div className=\"smwb-tree__node__loading\" role=\"status\">\n                Загрузка…\n              </div>\n            ) : (\n              resolvedChildren?.map((c, idx) => renderNode(c, `${path}.${idx}`))\n            )}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const tree = useMemo(\n    () => data.map((d, idx) => renderNode(d, `${idx}`)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      data,\n      expandedIds,\n      selectedIds,\n      selectable,\n      checkboxes,\n      listIcon,\n      nodeIcon,\n      renderLabel,\n      loadedChildren,\n      loadingIds,\n    ]\n  );\n\n  return (\n    <div data-testid=\"tree-view\" {...props} ref={ref} role=\"tree\" className={cn(\"smwb-tree\", className)}>\n      {tree.map((node, idx) => (\n        <div className=\"smwb-tree__wrapper\" key={idx} role=\"presentation\">\n          {node}\n        </div>\n      ))}\n    </div>\n  );\n});\n\nexport default TreeView;\n"],"names":["TreeView","forwardRef","className","listIcon","nodeIcon","data","expanded","defaultExpanded","onExpandedChange","selected","defaultSelected","onSelectedChange","selectable","checkboxes","renderLabel","loadChildren","props","ref","loadedChildren","setLoadedChildren","useState","loadingIds","setLoadingIds","expandedIds","setExpandedIds","useControllableState","selectedIds","setSelectedIds","toggleExpanded","id","prev","x","setOpen","open","has","toggleSelected","ensureLoaded","item","nodeId","children","renderNode","path","_a","resolvedChildren","_b","isLazy","hasChildNodes","isOpen","isSelected","isLoading","onLabelClick","onKeyDown","event","jsxs","cn","jsx","e","Icon","c","idx","tree","useMemo","d","node"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default as Typography } from "./typography";
+export type { TypographyProps, TypographyVariant, TypographyColor } from "./typography";

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

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from "react";
+export type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "overline" | "button";
+export type TypographyColor = "inherit" | "primary" | "secondary" | "error" | "success" | "warning" | "info" | "textPrimary" | "textSecondary" | "disabled";
+export interface TypographyProps extends HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    color?: TypographyColor;
+    align?: "left" | "center" | "right" | "justify";
+    /** Add a bottom margin (block rhythm). */
+    gutterBottom?: boolean;
+    /** Truncate with an ellipsis on a single line. */
+    noWrap?: boolean;
+    /** Render as a different element/component. */
+    component?: keyof JSX.IntrinsicElements;
+    className?: string;
+}
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export default Typography;

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

@@ -0,0 +1,45 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/typography/typography.entry.css';/* empty css                                                               */
+import m from "react";
+import f from "clsx";
+const u = {
+  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"
+}, c = m.forwardRef(function({ variant: h = "body1", color: p = "inherit", align: r, gutterBottom: a, noWrap: o, component: t, className: y, children: s, ...b }, i) {
+  const g = t != null ? t : u[h];
+  return /* @__PURE__ */ e(
+    g,
+    {
+      ref: i,
+      className: f(
+        "smwb-typography",
+        `smwb-typography_${h}`,
+        p !== "inherit" && `smwb-typography_color-${p}`,
+        r && `smwb-typography_align-${r}`,
+        {
+          "smwb-typography_gutter": a,
+          "smwb-typography_nowrap": o
+        },
+        y
+      ),
+      ...b,
+      children: s
+    }
+  );
+});
+export {
+  c as Typography,
+  c as default
+};
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../../src/components/dataDisplay/typography/typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\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, keyof JSX.IntrinsicElements> = {\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 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/component. */\n  component?: keyof JSX.IntrinsicElements;\n  className?: string;\n}\n\nexport const Typography = React.forwardRef<HTMLElement, PropsWithChildren<TypographyProps>>(function Typography(\n  { variant = \"body1\", color = \"inherit\", align, gutterBottom, noWrap, component, className, children, ...rest },\n  ref\n) {\n  const Tag = (component ?? defaultTag[variant]) as \"p\";\n  return (\n    <Tag\n      ref={ref as React.Ref<HTMLParagraphElement>}\n      className={cn(\n        \"smwb-typography\",\n        `smwb-typography_${variant}`,\n        color !== \"inherit\" && `smwb-typography_color-${color}`,\n        align && `smwb-typography_align-${align}`,\n        {\n          \"smwb-typography_gutter\": gutterBottom,\n          \"smwb-typography_nowrap\": noWrap,\n        },\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n"],"names":["defaultTag","Typography","React","variant","color","align","gutterBottom","noWrap","component","className","children","rest","ref","Tag","jsx","cn"],"mappings":";;;;AA+BA,MAAMA,IAAqE;AAAA,EACzE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AACV,GAeaC,IAAaC,EAAM,WAA4D,SAC1F,EAAE,SAAAC,IAAU,SAAS,OAAAC,IAAQ,WAAW,OAAAC,GAAO,cAAAC,GAAc,QAAAC,GAAQ,WAAAC,GAAW,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GACxGC,GACA;AACA,QAAMC,IAAOL,KAAA,OAAAA,IAAaR,EAAWG,CAAO;AAC5C,SACE,gBAAAW;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACA,mBAAmBZ,CAAO;AAAA,QAC1BC,MAAU,aAAa,yBAAyBA,CAAK;AAAA,QACrDC,KAAS,yBAAyBA,CAAK;AAAA,QACvC;AAAA,UACE,0BAA0BC;AAAA,UAC1B,0BAA0BC;AAAA,QAAA;AAAA,QAE5BE;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/feedBack/message/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Message, MessageContainer } from "./message";
+export type { MessageProps, MessageSeverity } from "./message";

package/dist/components/feedBack/message/message.d.ts

@@ -0,0 +1,22 @@
+import React, { PropsWithChildren } from "react";
+export type MessageSeverity = "success" | "error" | "warning" | "info";
+export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    variant?: "outlined" | "filled" | "left-accent";
+    onClose?: () => void;
+    /** @deprecated use `severity`. */
+    type?: MessageSeverity;
+    /** Semantic severity of the message. */
+    severity?: MessageSeverity;
+    /** Accessible label for the close button. */
+    closeAriaLabel?: string;
+}
+export declare const MessageContainer: React.ForwardRefExoticComponent<MessageProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const Message: React.ForwardRefExoticComponent<MessageProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Header: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+};
+export default Message;

package/dist/components/feedBack/message/message.js

@@ -0,0 +1,32 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/message/message.entry.css';/* empty css                                                         */
+import { forwardRef as b } from "react";
+import f from "clsx";
+import { Icon as p } from "../../base/icon/icon.js";
+const w = b(
+  ({ className: e, children: m, type: t, severity: s, variant: l = "filled", onClose: r, closeAriaLabel: n = "Close", ...i }, c) => {
+    const a = s != null ? s : t, d = f("smwb-message", `smwb-message_${l}`, e, {
+      [`smwb-message_${a}`]: !!a
+    });
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        "data-testid": "message",
+        role: "alert",
+        "aria-live": a === "error" ? "assertive" : "polite",
+        ...i,
+        className: d,
+        ref: c,
+        children: [
+          m,
+          r && /* @__PURE__ */ o("button", { className: "smwb-message__close-btn", onClick: r, "aria-label": n, type: "button", children: /* @__PURE__ */ o(p, { name: "close", weight: 1e3 }) })
+        ]
+      }
+    );
+  }
+), _ = ({ children: e }) => /* @__PURE__ */ o("div", { className: "smwb-message__header", children: e }), N = Object.assign(w, { Header: _ });
+export {
+  w as MessageContainer,
+  N as default
+};
+//# sourceMappingURL=message.js.map

package/dist/components/feedBack/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sources":["../../../../src/components/feedBack/message/message.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type MessageSeverity = \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  variant?: \"outlined\" | \"filled\" | \"left-accent\";\n  onClose?: () => void; // или с событием, если нужно\n  /** @deprecated use `severity`. */\n  type?: MessageSeverity;\n  /** Semantic severity of the message. */\n  severity?: MessageSeverity;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n}\n\nexport const MessageContainer = forwardRef<HTMLDivElement, PropsWithChildren<MessageProps>>(\n  ({ className, children, type, severity, variant = \"filled\", onClose, closeAriaLabel = \"Close\", ...props }, ref) => {\n    const resolvedSeverity = severity ?? type;\n    const messageClassnames = cn(\"smwb-message\", `smwb-message_${variant}`, className, {\n      [`smwb-message_${resolvedSeverity}`]: Boolean(resolvedSeverity),\n    });\n\n    return (\n      <div\n        data-testid=\"message\"\n        role=\"alert\"\n        aria-live={resolvedSeverity === \"error\" ? \"assertive\" : \"polite\"}\n        {...props}\n        className={messageClassnames}\n        ref={ref}\n      >\n        {children}\n        {onClose && (\n          <button className=\"smwb-message__close-btn\" onClick={onClose} aria-label={closeAriaLabel} type=\"button\">\n            <Icon name=\"close\" weight={1000} />\n          </button>\n        )}\n      </div>\n    );\n  }\n);\n\nconst Header = ({ children }: PropsWithChildren) => {\n  return <div className=\"smwb-message__header\">{children}</div>;\n};\n\nconst Message = Object.assign(MessageContainer, { Header });\n\nexport default Message;\n"],"names":["MessageContainer","forwardRef","className","children","type","severity","variant","onClose","closeAriaLabel","props","ref","resolvedSeverity","messageClassnames","cn","jsxs","jsx","Icon","Header","Message"],"mappings":";;;;;AAmBO,MAAMA,IAAmBC;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,GAAM,UAAAC,GAAU,SAAAC,IAAU,UAAU,SAAAC,GAAS,gBAAAC,IAAiB,SAAS,GAAGC,EAAA,GAASC,MAAQ;AACjH,UAAMC,IAAmBN,KAAA,OAAAA,IAAYD,GAC/BQ,IAAoBC,EAAG,gBAAgB,gBAAgBP,CAAO,IAAIJ,GAAW;AAAA,MACjF,CAAC,gBAAgBS,CAAgB,EAAE,GAAG,EAAQA;AAAA,IAAgB,CAC/D;AAED,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,MAAK;AAAA,QACL,aAAWH,MAAqB,UAAU,cAAc;AAAA,QACvD,GAAGF;AAAA,QACJ,WAAWG;AAAA,QACX,KAAAF;AAAA,QAEC,UAAA;AAAA,UAAAP;AAAA,UACAI,KACC,gBAAAQ,EAAC,UAAA,EAAO,WAAU,2BAA0B,SAASR,GAAS,cAAYC,GAAgB,MAAK,UAC7F,UAAA,gBAAAO,EAACC,GAAA,EAAK,MAAK,SAAQ,QAAQ,KAAM,EAAA,CACnC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF,GAEMC,IAAS,CAAC,EAAE,UAAAd,QACT,gBAAAY,EAAC,OAAA,EAAI,WAAU,wBAAwB,UAAAZ,EAAA,CAAS,GAGnDe,IAAU,OAAO,OAAOlB,GAAkB,EAAE,QAAAiB,GAAQ;"}

package/dist/components/feedBack/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Modal } from "./modal";
+export type { ModalProps } from "./modal";