@smwb/ui-react 2.0.0

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

@@ -0,0 +1,37 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import r from "clsx";
+import _ from "./tablePagination/tablePagination.js";
+const u = n(
+  ({ className: m, dense: b, hovered: o, children: t, paginationSettings: e, isLoading: c, stickyHeader: i, caption: s, ...w }, d) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: d,
+      className: r("smwb-table__wrapper", m, {
+        "smwb-table__wrapper_loading": c
+      }),
+      ...w,
+      children: [
+        /* @__PURE__ */ a("div", { className: r("smwb-table__container", { "smwb-withPagination": !!e }), children: /* @__PURE__ */ l(
+          "table",
+          {
+            className: r("smwb-table", {
+              "smwb-dense": b,
+              "smwb-hovered": o,
+              "smwb-table_sticky-header": i
+            }),
+            children: [
+              s != null && /* @__PURE__ */ a("caption", { className: "smwb-table__caption", children: s }),
+              t
+            ]
+          }
+        ) }),
+        !!e && /* @__PURE__ */ a(_, { ...e })
+      ]
+    }
+  )
+);
+export {
+  u as default
+};
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { 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":";;;;AAgBA,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/headless/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/headless/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/headless/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/headless/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/headless/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/headless/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/headless/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/headless/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/headless/components/dataDisplay/table/tablePagination/tablePagination.js

@@ -0,0 +1,40 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import f from "clsx";
+import { Icon as d } from "../../../base/icon/icon.js";
+const j = ({
+  limit: n,
+  page: s,
+  totalCount: c,
+  onPrev: t,
+  onNext: l,
+  limitOptions: i,
+  onLimitChange: r,
+  hasNextPage: b
+}) => {
+  const _ = typeof c == "undefined", m = _ ? !b : s === Math.ceil(c / n), h = (a) => {
+    r && r(+a.target.value);
+  }, w = () => {
+    t == null || t();
+  }, g = () => {
+    l == null || l();
+  }, p = () => {
+    const a = s * n - n, u = s * n;
+    return `${a}–${u}` + (_ ? "" : ` of ${c}`);
+  };
+  return /* @__PURE__ */ e("div", { className: "smwb-table__pagination", children: /* @__PURE__ */ o("div", { className: "smwb-table__pagination__controls", children: [
+    i && i.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: i.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 {
+  j as default
+};
+//# sourceMappingURL=tablePagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tablePagination.js","sources":["../../../../../../src/components/dataDisplay/table/tablePagination/tablePagination.tsx"],"sourcesContent":["import 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":";;;AA2BA,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/headless/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/headless/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/headless/components/dataDisplay/treeView/treeView.js

@@ -0,0 +1,115 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+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 ne = 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 {
+  ne as TreeView,
+  ne as default
+};
+//# sourceMappingURL=treeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"treeView.js","sources":["../../../../../src/components/dataDisplay/treeView/treeView.tsx"],"sourcesContent":["import 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":";;;;;AA2CO,MAAMA,KAAWC,EAA0C,SAChE;AAAA,EACE,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW,EAAE,QAAQ,UAAU,QAAQ,cAAA;AAAA,EACvC,MAAAC,IAAO,CAAA;AAAA,EACP,UAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,kBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAA0C,CAAA,CAAE,GAClF,CAACC,GAAYC,CAAa,IAAIF,EAAmB,CAAA,CAAE,GACnD,CAACG,GAAaC,CAAc,IAAIC,EAA+B;AAAA,IACnE,OAAOnB;AAAA,IACP,cAAcC;AAAA,IACd,UAAUC;AAAA,EAAA,CACX,GACK,CAACkB,GAAaC,CAAc,IAAIF,EAA+B;AAAA,IACnE,OAAOhB;AAAA,IACP,cAAcC;AAAA,IACd,UAAUC;AAAA,EAAA,CACX,GAEKiB,IAAiB,CAACC,MAAe;AACrC,IAAAL,EAAe,CAACM,MAAUA,EAAK,SAASD,CAAE,IAAIC,EAAK,OAAO,CAACC,MAAMA,MAAMF,CAAE,IAAI,CAAC,GAAGC,GAAMD,CAAE,CAAE;AAAA,EAC7F,GAEMG,IAAU,CAACH,GAAYI,MAAkB;AAC7C,IAAAT,EAAe,CAACM,MAAS;AACvB,YAAMI,IAAMJ,EAAK,SAASD,CAAE;AAC5B,aAAII,KAAQ,CAACC,IAAY,CAAC,GAAGJ,GAAMD,CAAE,IACjC,CAACI,KAAQC,IAAYJ,EAAK,OAAO,CAACC,MAAMA,MAAMF,CAAE,IAC7CC;AAAA,IACT,CAAC;AAAA,EACH,GAEMK,IAAiB,CAACN,MAAe;AACrC,IAAAF,EAAe,CAACG,MAAUA,EAAK,SAASD,CAAE,IAAIC,EAAK,OAAO,CAACC,MAAMA,MAAMF,CAAE,IAAI,CAAC,GAAGC,GAAMD,CAAE,CAAE;AAAA,EAC7F,GAEMO,IAAe,CAACC,GAAqBC,MAAmB;AAC5D,IAAI,CAACvB,KAAgBG,EAAeoB,CAAM,KAAMD,EAAK,YAAYA,EAAK,SAAS,SAAS,MAGxFf,EAAc,CAACQ,MAAUA,EAAK,SAASQ,CAAM,IAAIR,IAAO,CAAC,GAAGA,GAAMQ,CAAM,CAAE,GACrEvB,EAAasB,GAAMC,CAAM,EAC3B,KAAK,CAACC,MAAa;AAClB,MAAApB,EAAkB,CAACW,OAAU,EAAE,GAAGA,GAAM,CAACQ,CAAM,GAAGC,EAAA,EAAW;AAAA,IAC/D,CAAC,EACA,QAAQ,MAAM;AACb,MAAAjB,EAAc,CAACQ,MAASA,EAAK,OAAO,CAACC,MAAMA,MAAMO,CAAM,CAAC;AAAA,IAC1D,CAAC;AAAA,EACL,GAEME,IAAa,CAACH,GAAqBI,MAA4B;;AACnE,UAAMH,KAASI,IAAAL,EAAK,OAAL,OAAAK,IAAWD,GACpBE,KAAmBC,IAAAP,EAAK,aAAL,OAAAO,IAAiB1B,EAAeoB,CAAM,GACzDO,IAAS,CAAC,CAAC9B,MAAiBsB,EAAK,eAAe,CAAC,CAACnB,EAAeoB,CAAM,IACvEQ,IAAiB,CAAC,CAACH,KAAoBA,EAAiB,SAAS,KAAME,GACvEE,IAASxB,EAAY,SAASe,CAAM,GACpCU,IAAatB,EAAY,SAASY,CAAM,GACxCW,IAAY5B,EAAW,SAASiB,CAAM,GAEtCY,IAAe,MAAM;AACzB,MAAIJ,MACGC,KACHX,EAAaC,GAAMC,CAAM,GAE3BV,EAAeU,CAAM,IAEnB1B,KACFuB,EAAeG,CAAM;AAAA,IAEzB,GAEMa,IAAY,CAACC,MAA0C;AAC3D,MAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,OACzCA,EAAM,eAAA,GACNF,EAAA,KACSE,EAAM,QAAQ,gBAAgBN,KACvCV,EAAaC,GAAMC,CAAM,GACzBN,EAAQM,GAAQ,EAAI,KACXc,EAAM,QAAQ,eAAeN,KACtCd,EAAQM,GAAQ,EAAK;AAAA,IAEzB;AAEA,WACE,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAG,mBAAmB,EAAE,4BAA4BN,GAAY;AAAA,QAC3E,MAAK;AAAA,QACL,iBAAeF,IAAgBC,IAAS;AAAA,QACxC,iBAAenC,KAAcC,IAAamC,IAAa;AAAA,QAGvD,UAAA;AAAA,UAAA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAASH;AAAA,cACT,WAAAC;AAAA,cACA,UAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAtC,KACC,gBAAA0C;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,SAASP;AAAA,oBACT,SAAS,CAACQ,MAAMA,EAAE,gBAAA;AAAA,oBAClB,UAAU,MAAMrB,EAAeG,CAAM;AAAA,oBACrC,cAAYD,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGrB,gBAAAgB,EAAC,QAAA,EAAK,WAAU,0BACb,UAAA;AAAA,kBAAAP,KAAiBC,IAChB,gBAAAQ,EAACE,GAAA,EAAK,MAAMrD,KAAA,gBAAAA,EAAU,QAAkB,MAAM,GAAG,MAAM,GAAA,CAAI,IACzD0C,IACF,gBAAAS,EAACE,GAAA,EAAK,MAAMrD,KAAA,gBAAAA,EAAU,QAAkB,MAAM,GAAG,MAAM,GAAA,CAAI,IAE3D,gBAAAmD,EAACE,GAAA,EAAK,MAAMtD,GAAU,MAAM,IAAI;AAAA,kBAEjCW,IAAcA,EAAYuB,GAAMC,CAAM,IAAID,EAAK;AAAA,gBAAA,EAAA,CAClD;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDS,KAAiBC,KAChB,gBAAAQ,EAAC,OAAA,EAAI,MAAK,SACP,UAAAN,KAAa,CAACN,IACb,gBAAAY,EAAC,OAAA,EAAI,WAAU,4BAA2B,MAAK,UAAS,UAAA,YAAA,CAExD,IAEAZ,KAAA,gBAAAA,EAAkB,IAAI,CAACe,GAAGC,MAAQnB,EAAWkB,GAAG,GAAGjB,CAAI,IAAIkB,CAAG,EAAE,GAAC,CAErE;AAAA,QAAA;AAAA,MAAA;AAAA,MAvCGrB;AAAA,IAAA;AAAA,EA2CX,GAEMsB,IAAOC;AAAA,IACX,MAAMxD,EAAK,IAAI,CAACyD,GAAGH,MAAQnB,EAAWsB,GAAG,GAAGH,CAAG,EAAE,CAAC;AAAA;AAAA,IAElD;AAAA,MACEtD;AAAA,MACAkB;AAAA,MACAG;AAAA,MACAd;AAAA,MACAC;AAAA,MACAV;AAAA,MACAC;AAAA,MACAU;AAAA,MACAI;AAAA,MACAG;AAAA,IAAA;AAAA,EACF;AAGF,SACE,gBAAAkC,EAAC,OAAA,EAAI,eAAY,aAAa,GAAGvC,GAAO,KAAAC,GAAU,MAAK,QAAO,WAAWqC,EAAG,aAAapD,CAAS,GAC/F,UAAA0D,EAAK,IAAI,CAACG,GAAMJ,MACf,gBAAAJ,EAAC,OAAA,EAAI,WAAU,sBAA+B,MAAK,gBAChD,UAAAQ,EAAA,GADsCJ,CAEzC,CACD,GACH;AAEJ,CAAC;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sources":["../../../../../src/components/dataDisplay/typography/typography.tsx"],"sourcesContent":["import 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":";;;AA8BA,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/headless/components/feedBack/message/message.js

@@ -0,0 +1,31 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+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", ...c }, i) => {
+    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",
+        ...c,
+        className: d,
+        ref: i,
+        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 }), C = Object.assign(w, { Header: _ });
+export {
+  w as MessageContainer,
+  C as default
+};
+//# sourceMappingURL=message.js.map

package/dist/headless/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":";;;;AAkBO,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/headless/components/feedBack/modal/modal.js

@@ -0,0 +1,106 @@
+import { jsx as t, Fragment as D } from "react/jsx-runtime";
+import { forwardRef as S, useState as $, useRef as c, useEffect as h } from "react";
+import { CSSTransition as A } from "react-transition-group";
+import { createPortal as F } from "react-dom";
+import r from "clsx";
+import { useSafeLayoutEffect as L } from "../../../hooks/useSafeLayoutEffect.js";
+import { useForkRef as M } from "../../../hooks/useForkRef.js";
+const j = S(function({
+  children: e,
+  onClose: a,
+  open: m,
+  className: f,
+  animation: u = "fade",
+  backdrop: p = "dark",
+  size: s = "large",
+  closeOnOutsideClick: v = !0,
+  asForm: _ = !1,
+  disableAppearAnimation: w = !1,
+  role: b = "dialog",
+  closeOnEsc: d = !0,
+  ...y
+}, k) {
+  const [i, x] = $(), l = c(null), R = c(null), E = M(k, R);
+  if (L(() => {
+    x(document.body);
+  }, []), h(() => {
+    if (!m || !d || !a)
+      return;
+    const n = (g) => {
+      g.key === "Escape" && a();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [m, d, a]), !i)
+    return /* @__PURE__ */ t(D, {});
+  const N = _ ? "form" : "div";
+  return F(
+    /* @__PURE__ */ t(
+      A,
+      {
+        timeout: {
+          appear: 225,
+          enter: 225,
+          exit: 150
+        },
+        in: m,
+        classNames: {
+          appear: "smwb-modal__overlay-appear",
+          appearActive: "smwb-modal__overlay-appear-active",
+          appearDone: "smwb-modal__overlay-appear-done",
+          enter: "smwb-modal__overlay-enter",
+          enterActive: "smwb-modal__overlay-enter-active",
+          enterDone: "smwb-modal__overlay-enter-done",
+          exit: "smwb-modal__overlay-exit",
+          exitActive: "smwb-modal__overlay-exit-active"
+        },
+        appear: !w,
+        mountOnEnter: !0,
+        unmountOnExit: !0,
+        nodeRef: l,
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            ref: l,
+            className: r("smwb-modal__overlay", `smwb-${p}`, `smwb-${s}`),
+            onClick: v && a ? a : void 0,
+            children: /* @__PURE__ */ t(
+              N,
+              {
+                ref: E,
+                className: r("smwb-modal", `smwb-${s}`, `smwb-${u}`, f),
+                onClick: (n) => n.stopPropagation(),
+                role: b,
+                "aria-modal": "true",
+                ...y,
+                children: e
+              }
+            )
+          }
+        )
+      }
+    ),
+    i
+  );
+});
+function C({ className: o, children: e }) {
+  return /* @__PURE__ */ t("div", { className: r("smwb-modal__header", o), children: e });
+}
+function O({ className: o, children: e }) {
+  return /* @__PURE__ */ t("div", { className: r("smwb-modal__content", o), children: e });
+}
+function P({ className: o, children: e }) {
+  return /* @__PURE__ */ t("div", { className: r("smwb-modal__footer", o), children: e });
+}
+const J = Object.assign(j, {
+  Footer: P,
+  Header: C,
+  Content: O
+});
+export {
+  O as Content,
+  P as Footer,
+  C as Header,
+  J as Modal,
+  J as default
+};
+//# sourceMappingURL=modal.js.map

package/dist/headless/components/feedBack/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../../../src/components/feedBack/modal/modal.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { createPortal } from \"react-dom\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport interface ModalProps {\n  size?: \"small\" | \"medium\" | \"large\" | \"fullscreen\";\n  closeOnOutsideClick?: boolean;\n  onClose?: () => void;\n  open: boolean;\n  animation?: \"fade\" | \"scale\" | \"drop\";\n  className?: string;\n  backdrop?: \"blured\" | \"dark\" | \"transparent\" | \"darkBlured\";\n  asForm?: boolean;\n  disableAppearAnimation?: boolean;\n  /** ARIA role of the dialog. */\n  role?: \"dialog\" | \"alertdialog\";\n  /** Close the modal when Escape is pressed. */\n  closeOnEsc?: boolean;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n}\n\nconst ModalBase = forwardRef<HTMLDivElement, PropsWithChildren<ModalProps>>(function Modal(\n  {\n    children,\n    onClose,\n    open,\n    className,\n    animation = \"fade\",\n    backdrop = \"dark\",\n    size = \"large\",\n    closeOnOutsideClick = true,\n    asForm = false,\n    disableAppearAnimation = false,\n    role = \"dialog\",\n    closeOnEsc = true,\n    ...rest\n  },\n  ref\n) {\n  const [domRoot, setDomRoot] = useState<HTMLElement>();\n\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const forkedContentRef = useForkRef<HTMLDivElement>(ref, contentRef);\n\n  useSafeLayoutEffect(() => {\n    setDomRoot(document.body);\n  }, []);\n\n  useEffect(() => {\n    if (!open || !closeOnEsc || !onClose) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, closeOnEsc, onClose]);\n\n  if (!domRoot) {\n    return <></>;\n  }\n\n  const Component = (asForm ? \"form\" : \"div\") as \"div\";\n\n  return createPortal(\n    <CSSTransition\n      timeout={{\n        appear: 225,\n        enter: 225,\n        exit: 150,\n      }}\n      in={open}\n      classNames={{\n        appear: \"smwb-modal__overlay-appear\",\n        appearActive: \"smwb-modal__overlay-appear-active\",\n        appearDone: \"smwb-modal__overlay-appear-done\",\n        enter: \"smwb-modal__overlay-enter\",\n        enterActive: \"smwb-modal__overlay-enter-active\",\n        enterDone: \"smwb-modal__overlay-enter-done\",\n        exit: \"smwb-modal__overlay-exit\",\n        exitActive: \"smwb-modal__overlay-exit-active\",\n      }}\n      appear={!disableAppearAnimation}\n      mountOnEnter\n      unmountOnExit\n      nodeRef={nodeRef}\n    >\n      <div\n        ref={nodeRef}\n        className={cn(\"smwb-modal__overlay\", `smwb-${backdrop}`, `smwb-${size}`)}\n        onClick={closeOnOutsideClick && onClose ? onClose : undefined}\n      >\n        <Component\n          ref={forkedContentRef}\n          className={cn(\"smwb-modal\", `smwb-${size}`, `smwb-${animation}`, className)}\n          onClick={(e) => e.stopPropagation()}\n          role={role}\n          aria-modal=\"true\"\n          {...rest}\n        >\n          {children}\n        </Component>\n      </div>\n    </CSSTransition>,\n    domRoot\n  );\n});\n\nexport interface HeaderProps {\n  className?: string;\n}\n\nexport function Header({ className, children }: PropsWithChildren<HeaderProps>) {\n  return <div className={cn(\"smwb-modal__header\", className)}>{children}</div>;\n}\n\nexport interface ContentProps {\n  className?: string;\n}\n\nexport function Content({ className, children }: PropsWithChildren<ContentProps>) {\n  return <div className={cn(\"smwb-modal__content\", className)}>{children}</div>;\n}\n\nexport interface FooterProps {\n  className?: string;\n}\n\nexport function Footer({ className, children }: PropsWithChildren<FooterProps>) {\n  return <div className={cn(\"smwb-modal__footer\", className)}>{children}</div>;\n}\n\nexport const Modal = Object.assign(ModalBase, {\n  Footer,\n  Header,\n  Content,\n});\n\nexport default Modal;\n"],"names":["ModalBase","forwardRef","children","onClose","open","className","animation","backdrop","size","closeOnOutsideClick","asForm","disableAppearAnimation","role","closeOnEsc","rest","ref","domRoot","setDomRoot","useState","nodeRef","useRef","contentRef","forkedContentRef","useForkRef","useSafeLayoutEffect","useEffect","onKeyDown","event","jsx","Fragment","Component","createPortal","CSSTransition","cn","e","Header","Content","Footer","Modal"],"mappings":"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"}