@smwb/ui-react 2.0.0

package/dist/components/navigation/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../../src/components/navigation/tabs/tabs.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { debounce } from \"../../../utils/debounce\";\nimport { Tab, TabProps } from \"./tab/tab\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\nimport { setRef } from \"../../../utils/setRef\";\nimport { animate } from \"../../../utils/animate\";\n\nexport interface TabsProps {\n  value: number;\n  onChange: (e: React.MouseEvent<HTMLButtonElement>, index: number) => void;\n  indicatorContent?: boolean;\n  scrollable?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n  /** Accessible label for the tab list. */\n  \"aria-label\"?: string;\n}\n\ninterface IndicatorStyle {\n  root: {\n    left: number;\n    width: number;\n  };\n  content?: {\n    width: number;\n  };\n}\n\nconst defaultIndicatorStyle = {\n  root: {},\n  content: {},\n} as IndicatorStyle;\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(function Tabs(props, ref) {\n  const {\n    className,\n    children,\n    onChange,\n    value,\n    indicatorContent = false,\n    scrollable = false,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const [mounted, setMounted] = React.useState(false);\n  const [indicatorStyle, setIndicatorStyle] = React.useState<IndicatorStyle>(defaultIndicatorStyle);\n\n  const tabsRef = React.useRef<HTMLDivElement>(null);\n  const tabListRef = React.useRef<HTMLDivElement>(null);\n  const contentTabsRef = React.useRef<HTMLSpanElement[]>([]);\n\n  // Видимость следующего таба в пикселях\n  const viewNextTabInPixels = 40;\n\n  const getTabsMeta = () => {\n    const tabsNode = tabsRef.current;\n\n    let tabsMeta;\n\n    if (tabsNode) {\n      const rect = tabsNode.getBoundingClientRect();\n\n      tabsMeta = {\n        clientWidth: tabsNode.clientWidth,\n        scrollLeft: tabsNode.scrollLeft,\n        scrollTop: tabsNode.scrollTop,\n        scrollWidth: tabsNode.scrollWidth,\n        top: rect.top,\n        bottom: rect.bottom,\n        left: rect.left,\n        right: rect.right,\n      };\n    }\n\n    let tabMeta: DOMRect | null = null;\n    let tabContentMeta: DOMRect | null = null;\n\n    if (!tabListRef.current) {\n      console.error(\"tabListRef.current is undefined\");\n    }\n    if (tabsNode && tabListRef.current) {\n      const children = tabListRef.current.children;\n\n      if (children.length > 0) {\n        const tab = children[value];\n\n        tabMeta = tab ? tab.getBoundingClientRect() : null;\n\n        if (indicatorContent) {\n          tabContentMeta = contentTabsRef.current[value] ? contentTabsRef.current[value].getBoundingClientRect() : null;\n        }\n      }\n    }\n    return { tabsMeta, tabMeta, tabContentMeta };\n  };\n\n  const updateIndicatorState = useEventCallback(() => {\n    const { tabsMeta, tabMeta, tabContentMeta } = getTabsMeta();\n    let startValue = 0;\n\n    if (tabMeta && tabsMeta) {\n      startValue = 1 * (tabMeta.left - tabsMeta.left + tabsMeta.scrollLeft);\n    }\n\n    const newIndicatorStyle: IndicatorStyle = {\n      root: {\n        left: startValue,\n        width: tabMeta ? tabMeta.width : 0,\n      },\n    };\n\n    if (indicatorContent && tabContentMeta) {\n      newIndicatorStyle.content = {\n        width: tabContentMeta.width,\n      };\n    }\n\n    if (isNaN(indicatorStyle.root.left) || isNaN(indicatorStyle.root.width)) {\n      setIndicatorStyle(newIndicatorStyle);\n    } else {\n      const dStart = Math.abs(indicatorStyle.root.left - newIndicatorStyle.root.left);\n      const dSize = Math.abs(indicatorStyle.root.width - newIndicatorStyle.root.width);\n\n      if (dStart >= 1 || dSize >= 1) {\n        setIndicatorStyle(newIndicatorStyle);\n      }\n    }\n  });\n\n  const scroll = (scrollValue: number, { animation = true } = {}) => {\n    if (!tabsRef.current) {\n      return;\n    }\n    if (animation) {\n      animate(tabsRef.current, \"scrollLeft\", scrollValue, {\n        duration: 300,\n      });\n    } else {\n      tabsRef.current.scrollLeft = scrollValue;\n    }\n  };\n\n  const scrollSelectedIntoView = useEventCallback((animation: boolean) => {\n    const { tabsMeta, tabMeta } = getTabsMeta();\n\n    if (!tabMeta || !tabsMeta) {\n      return;\n    }\n\n    if (tabMeta.left < tabsMeta.left) {\n      // Левая сторона таба не видна.\n      const nextScrollStart = tabsMeta.scrollLeft + (tabMeta.left - tabsMeta.left);\n      scroll(nextScrollStart - viewNextTabInPixels, { animation });\n    } else if (tabMeta.right > tabsMeta.right) {\n      // Правая сторона таба не видна.\n      const nextScrollStart = tabsMeta.scrollLeft + (tabMeta.right - tabsMeta.right);\n      scroll(nextScrollStart + viewNextTabInPixels, { animation });\n    }\n  });\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  React.useEffect(() => {\n    updateIndicatorState();\n  });\n\n  React.useEffect(() => {\n    const onResize = debounce(() => {\n      if (tabsRef.current) {\n        updateIndicatorState();\n      }\n    }, 166);\n    if (!tabsRef.current || !tabsRef.current.ownerDocument.defaultView) {\n      console.error(`tabsRef.current.ownerDocument.defaultView is undefined`);\n      return;\n    }\n    const window: Window & typeof globalThis = tabsRef.current.ownerDocument.defaultView;\n\n    window.addEventListener(\"resize\", onResize);\n\n    let resizeObserver: ResizeObserver;\n\n    if (typeof ResizeObserver !== \"undefined\") {\n      resizeObserver = new ResizeObserver(onResize);\n\n      Array.from(tabListRef.current?.children ?? []).forEach((child) => {\n        resizeObserver.observe(child);\n      });\n    }\n\n    return () => {\n      onResize.cancel();\n\n      window.removeEventListener(\"resize\", onResize);\n\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [updateIndicatorState]);\n\n  React.useEffect(() => {\n    // Не анимировать при первом рендере\n    scrollSelectedIntoView(defaultIndicatorStyle !== indicatorStyle);\n  }, [scrollSelectedIntoView, indicatorStyle]);\n\n  const tabs = React.Children.map(\n    children as React.ReactElement<TabProps>[],\n    (child: React.ReactElement<TabProps>, index) =>\n      React.cloneElement(child, {\n        isActive: value === index,\n        onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n          onChange(event, index);\n        },\n        ...(indicatorContent && {\n          contentRef: (ref: HTMLSpanElement) => {\n            const { contentRef } = child.props;\n\n            contentTabsRef.current.push(ref);\n\n            if (contentRef) {\n              setRef(contentRef as React.Ref<unknown>, ref);\n            }\n          },\n        }),\n      } as TabProps)\n  );\n\n  return (\n    <div className={cn(\"smwb-tabs\", className)} role={\"tabpanel\"} ref={ref} {...rest}>\n      <div\n        className={cn(\"smwb-tabs__scroller\", {\n          \"smwb-tabs__scroller--scrollable\": scrollable,\n        })}\n        ref={tabsRef}\n      >\n        <div className=\"smwb-tabs__scroll-area\" ref={tabListRef} role=\"tablist\" aria-label={ariaLabel}>\n          {tabs}\n        </div>\n        {mounted && (\n          <span className=\"smwb-tabs__indicator\" style={indicatorStyle.root}>\n            <span className=\"smwb-tabs__indicator-content\" style={indicatorStyle.content} />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport { Tab };\nexport type { TabProps };\n"],"names":["defaultIndicatorStyle","Tabs","React","props","ref","className","children","onChange","value","indicatorContent","scrollable","ariaLabel","rest","mounted","setMounted","indicatorStyle","setIndicatorStyle","tabsRef","tabListRef","contentTabsRef","viewNextTabInPixels","getTabsMeta","tabsNode","tabsMeta","rect","tabMeta","tabContentMeta","tab","updateIndicatorState","useEventCallback","startValue","newIndicatorStyle","dStart","dSize","scroll","scrollValue","animation","animate","scrollSelectedIntoView","nextScrollStart","onResize","debounce","window","resizeObserver","_b","_a","child","tabs","index","event","contentRef","setRef","jsx","cn","jsxs"],"mappings":"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"}

package/dist/connects/rt/index.d.ts

@@ -0,0 +1,2 @@
+export { Table, HeaderCellRenderer } from "./table";
+export type { HeaderCellRendererProps } from "./table";

package/dist/connects/rt/table/draggableHeader.d.ts

@@ -0,0 +1,13 @@
+import { Table, Header, ColumnOrderState } from "@tanstack/react-table";
+import { ReactNode } from "react";
+export interface DraggableColumnHeaderProps<T> {
+    onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;
+    header: Header<T, unknown>;
+    table: Table<T>;
+    children: ReactNode;
+}
+export declare function DraggableColumnHeader<T>({ header, table, children, onColumnOrderChange, }: DraggableColumnHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
+export type DraggableColumnHeaderWrapperProps<T> = DraggableColumnHeaderProps<T> & {
+    draggableColumn?: boolean | null;
+};
+export declare function DraggableColumnHeaderWrapper<T>({ onColumnOrderChange, header, table, children, draggableColumn, }: DraggableColumnHeaderWrapperProps<T>): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;

package/dist/connects/rt/table/headerCellRenderer.d.ts

@@ -0,0 +1,8 @@
+import { Header } from "@tanstack/react-table";
+import React from "react";
+export interface HeaderCellRendererProps<T extends object> {
+    header?: Header<T, unknown>;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, header: Header<T, unknown>) => void;
+}
+declare const HeaderCellRenderer: <T extends object>({ header, onChange }: HeaderCellRendererProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default HeaderCellRenderer;

package/dist/connects/rt/table/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Table } from "./table";
+export { default as HeaderCellRenderer } from "./headerCellRenderer";
+export type { HeaderCellRendererProps } from "./headerCellRenderer";

package/dist/connects/rt/table/table.d.ts

@@ -0,0 +1,39 @@
+import React, { TdHTMLAttributes } from "react";
+import { ColumnDef, RowData, Row, ColumnResizeMode, ColumnSizingState, ColumnOrderState } from "@tanstack/react-table";
+declare module "@tanstack/table-core" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        cellProps?: TdHTMLAttributes<HTMLTableCellElement>;
+        draggableColumn?: boolean;
+    }
+}
+import { TableProps as SMWBTableProps } from "../../../components/dataDisplay/table";
+export type TableProps<TData extends RowData, TValue = unknown> = SMWBTableProps & {
+    withPagination?: boolean;
+    isInfinite?: boolean;
+    dense?: boolean;
+    limit?: number;
+    limitOptions?: number[];
+    sortable?: boolean;
+    expandable?: boolean;
+    draggableColumns?: boolean;
+    enableColumnResizing?: boolean;
+    onColumnSizingChange?: (oldValue: ColumnSizingState, newValue: ColumnSizingState) => void;
+    onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;
+    getRowCanExpand?: (row: Row<TData>) => boolean;
+    renderSubComponent?: (props: {
+        row: Row<TData>;
+    }) => React.ReactElement;
+    cellAlign?: "left" | "right" | "center";
+    isLoading?: boolean;
+    onNextPage?: () => void;
+    onPrevPage?: () => void;
+    error?: string;
+    onHeadCellClick?: (colDef?: ColumnDef<TData, TValue>) => void;
+    headerCellInnerRenderer?: React.ReactElement;
+    onBodyRowClick?: (row: Row<TData>, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    data: TData[];
+    columns: ColumnDef<TData, TValue>[];
+    columnResizeMode?: ColumnResizeMode;
+};
+export declare const TableWrapper: <TData extends RowData, TValue = unknown>({ data, columns, withPagination, isInfinite, limit, limitOptions, dense, sortable, expandable, draggableColumns, columnResizeMode, enableColumnResizing, onColumnSizingChange, onColumnOrderChange, getRowCanExpand, renderSubComponent, cellAlign, isLoading, onNextPage, onPrevPage, error, onHeadCellClick, headerCellInnerRenderer, onBodyRowClick, ...props }: TableProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+export default TableWrapper;

package/dist/connects/rt/table/utils.d.ts

@@ -0,0 +1,7 @@
+import { ColumnDef, ColumnSizingState } from "@tanstack/react-table";
+export declare function columnSizingStateReducer(sum: ColumnSizingState, el: {
+    name: string;
+    size?: number;
+}): ColumnSizingState;
+export declare function getDefaultColumnSizingState<T, K>(columnDef: ColumnDef<T, K>[]): ColumnSizingState;
+export declare function getColumnName<T, K>(column: ColumnDef<T, K>): string;

package/dist/headless/components/base/animateHeight/animateHeight.js

@@ -0,0 +1,118 @@
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as rt, useRef as m, useState as v, useEffect as z } from "react";
+import j from "clsx";
+import { useForkRef as et } from "../../../hooks/useForkRef.js";
+function it(t) {
+  const i = parseFloat(t);
+  return !isNaN(i) && isFinite(i);
+}
+function W(t) {
+  return typeof t == "string" && t[t.length - 1] === "%" && it(t.substring(0, t.length - 1));
+}
+function I(t, i) {
+  i === 0 && (t != null && t.style) && (t.style.display = "none");
+}
+function nt(t, i) {
+  i === 0 && (t != null && t.style) && (t.style.display = "");
+}
+const st = {
+  animating: "rah-animating",
+  animatingUp: "rah-animating--up",
+  animatingDown: "rah-animating--down",
+  animatingToHeightZero: "rah-animating--to-height-zero",
+  animatingToHeightAuto: "rah-animating--to-height-auto",
+  animatingToHeightSpecific: "rah-animating--to-height-specific",
+  static: "rah-static",
+  staticHeightZero: "rah-static--height-zero",
+  staticHeightAuto: "rah-static--height-auto",
+  staticHeightSpecific: "rah-static--height-specific"
+};
+function _(t, i) {
+  return j({
+    [t.static]: !0,
+    [t.staticHeightZero]: i === 0,
+    [t.staticHeightSpecific]: typeof i == "number" && i > 0,
+    [t.staticHeightAuto]: i === "auto"
+  });
+}
+const lt = rt(function({
+  animateOpacity: i = !1,
+  animationStateClasses: L = {},
+  applyInlineTransitions: M = !0,
+  children: q,
+  className: B = "",
+  contentClassName: G,
+  delay: J = 0,
+  duration: K = 300,
+  easing: O = "ease",
+  height: r,
+  onHeightAnimationEnd: u,
+  onHeightAnimationStart: f,
+  style: a,
+  ...y
+}, Q) {
+  const c = m(r), s = m(null), V = m(null), X = et(Q, V), b = m(), T = m(), o = m({
+    ...st,
+    ...L
+  }), N = J, $ = K;
+  let d = r, C = "visible";
+  typeof d == "number" ? (d = typeof r != "number" || r < 0 ? 0 : r, C = "hidden") : W(d) && (d = r === "0%" ? 0 : r, C = "hidden");
+  const [g, H] = v(d), [Y, D] = v(C), [A, w] = v(!1), [E, R] = v(
+    _(o.current, r)
+  );
+  z(() => {
+    I(s.current, g);
+  }, []), z(() => {
+    if (r !== c.current && s.current) {
+      nt(s.current, c.current), s.current.style.overflow = "hidden";
+      const U = s.current.offsetHeight;
+      s.current.style.overflow = "";
+      const Z = $ + N;
+      let n, e, S = "hidden", F;
+      const k = c.current === "auto";
+      typeof r == "number" ? (n = r < 0 ? 0 : r, e = n) : W(r) ? (n = r === "0%" ? 0 : r, e = n) : (n = U, e = "auto", S = void 0), k && (e = n, n = U);
+      const tt = j({
+        [o.current.animating]: !0,
+        [o.current.animatingUp]: c.current === "auto" || r < c.current,
+        [o.current.animatingDown]: r === "auto" || r > c.current,
+        [o.current.animatingToHeightZero]: e === 0,
+        [o.current.animatingToHeightAuto]: e === "auto",
+        [o.current.animatingToHeightSpecific]: typeof e == "number" && e > 0
+      }), P = _(o.current, e);
+      H(n), D("hidden"), w(!k), R(tt), clearTimeout(T.current), clearTimeout(b.current), k ? (F = !0, T.current = setTimeout(() => {
+        H(e), D(S), w(F), f == null || f(e);
+      }, 50), b.current = setTimeout(() => {
+        w(!1), R(P), I(s.current, e), u == null || u(e);
+      }, Z)) : (f == null || f(n), T.current = setTimeout(() => {
+        H(e), D(S), w(!1), R(P), r !== "auto" && I(s.current, n), u == null || u(n);
+      }, Z));
+    }
+    return c.current = r, () => {
+      clearTimeout(T.current), clearTimeout(b.current);
+    };
+  }, [r]);
+  const l = {
+    ...a,
+    height: g,
+    overflow: Y || (a == null ? void 0 : a.overflow)
+  };
+  A && M && (l.transition = `height ${$}ms ${O} ${N}ms`, a != null && a.transition && (l.transition = `${a.transition}, ${l.transition}`), l.WebkitTransition = l.transition);
+  const p = {};
+  i && (p.transition = `opacity ${$}ms ${O} ${N}ms`, p.WebkitTransition = p.transition, g === 0 && (p.opacity = 0));
+  const h = typeof y["aria-hidden"] != "undefined" ? y["aria-hidden"] : r === 0;
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      ...y,
+      ref: X,
+      "aria-hidden": h,
+      className: `${E} ${B}`,
+      style: l,
+      children: /* @__PURE__ */ x("div", { className: G, style: p, ref: s, children: q })
+    }
+  );
+});
+export {
+  lt as default
+};
+//# sourceMappingURL=animateHeight.js.map

package/dist/headless/components/base/animateHeight/animateHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animateHeight.js","sources":["../../../../../src/components/base/animateHeight/animateHeight.tsx"],"sourcesContent":["// https://github.com/Stanko/react-animate-height/blob/v3/src/index.tsx\n// MIT License\n//\n// Copyright (c) 2017 - today Stanko Tadić\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n//   The above copyright notice and this permission notice shall be included in all\n// copies or substantial portions of the Software.\n//\n//   THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n// SOFTWARE.\n//\n\nimport React, { CSSProperties, forwardRef, useEffect, useRef, useState } from \"react\";\nimport classNames from \"clsx\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\n// ------------------ Types\n\nexport type Height = \"auto\" | number | `${number}%`;\ntype Timeout = ReturnType<typeof setTimeout>;\ntype Overflow = \"auto\" | \"visible\" | \"hidden\" | undefined;\ntype AnimationStateClasses = {\n  animating: string;\n  animatingUp: string;\n  animatingDown: string;\n  animatingToHeightZero: string;\n  animatingToHeightAuto: string;\n  animatingToHeightSpecific: string;\n  static: string;\n  staticHeightZero: string;\n  staticHeightAuto: string;\n  staticHeightSpecific: string;\n};\n\n// ------------------ Helpers\n\nfunction isNumber(n: string) {\n  const number = parseFloat(n);\n  return !isNaN(number) && isFinite(number);\n}\n\nfunction isPercentage(height: Height) {\n  // Percentage height\n  return (\n    typeof height === \"string\" && height[height.length - 1] === \"%\" && isNumber(height.substring(0, height.length - 1))\n  );\n}\n\nfunction hideContent(element: HTMLDivElement | null, height: Height) {\n  // Check for element?.style is added cause this would fail in tests (react-test-renderer)\n  // Read more here: https://github.com/Stanko/react-animate-height/issues/17\n  if (height === 0 && element?.style) {\n    element.style.display = \"none\";\n  }\n}\n\nfunction showContent(element: HTMLDivElement | null, height: Height) {\n  // Check for element?.style is added cause this would fail in tests (react-test-renderer)\n  // Read more here: https://github.com/Stanko/react-animate-height/issues/17\n  if (height === 0 && element?.style) {\n    element.style.display = \"\";\n  }\n}\n\nconst ANIMATION_STATE_CLASSES: AnimationStateClasses = {\n  animating: \"rah-animating\",\n  animatingUp: \"rah-animating--up\",\n  animatingDown: \"rah-animating--down\",\n  animatingToHeightZero: \"rah-animating--to-height-zero\",\n  animatingToHeightAuto: \"rah-animating--to-height-auto\",\n  animatingToHeightSpecific: \"rah-animating--to-height-specific\",\n  static: \"rah-static\",\n  staticHeightZero: \"rah-static--height-zero\",\n  staticHeightAuto: \"rah-static--height-auto\",\n  staticHeightSpecific: \"rah-static--height-specific\",\n};\n\nfunction getStaticStateClasses(animationStateClasses: AnimationStateClasses, height: Height) {\n  return classNames({\n    [animationStateClasses.static]: true,\n    [animationStateClasses.staticHeightZero]: height === 0,\n    [animationStateClasses.staticHeightSpecific]: typeof height === \"number\" && height > 0,\n    [animationStateClasses.staticHeightAuto]: height === \"auto\",\n  });\n}\n\n// ------------------ Component\n\n// display and height are set by the component itself, therefore ignored\ntype OmitCSSProperties = \"display\" | \"height\";\n\ninterface AnimateHeightProps extends React.HTMLAttributes<HTMLDivElement> {\n  animateOpacity?: boolean;\n  animationStateClasses?: AnimationStateClasses;\n  applyInlineTransitions?: boolean;\n  contentClassName?: string;\n  delay?: number;\n  duration?: number;\n  easing?: string;\n  height: Height;\n  onHeightAnimationEnd?: (newHeight: Height) => void;\n  onHeightAnimationStart?: (newHeight: Height) => void;\n  style?: Omit<CSSProperties, OmitCSSProperties>;\n}\n\nconst AnimateHeight = forwardRef<HTMLDivElement, AnimateHeightProps>(function AnimateHeight(\n  {\n    animateOpacity = false,\n    animationStateClasses = {},\n    applyInlineTransitions = true,\n    children,\n    className = \"\",\n    contentClassName,\n    delay: userDelay = 0,\n    duration: userDuration = 300,\n    easing = \"ease\",\n    height,\n    onHeightAnimationEnd,\n    onHeightAnimationStart,\n    style,\n    ...props\n  },\n  ref\n) {\n  // ------------------ Initialization\n  const prevHeight = useRef<Height>(height);\n  const contentElement = useRef<HTMLDivElement>(null);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const forkedRootRef = useForkRef<HTMLDivElement>(ref, rootElement);\n\n  const animationClassesTimeoutID = useRef<Timeout>();\n  const timeoutID = useRef<Timeout>();\n\n  const stateClasses = useRef<AnimationStateClasses>({\n    ...ANIMATION_STATE_CLASSES,\n    ...animationStateClasses,\n  });\n\n  const delay = userDelay;\n  const duration = userDuration;\n\n  let initHeight: Height = height;\n  let initOverflow: Overflow = \"visible\";\n\n  if (typeof initHeight === \"number\") {\n    // Reset negative height to 0\n    initHeight = typeof height !== \"number\" || height < 0 ? 0 : height;\n    initOverflow = \"hidden\";\n  } else if (isPercentage(initHeight)) {\n    // If value is string \"0%\" make sure we convert it to number 0\n    initHeight = height === \"0%\" ? 0 : height;\n    initOverflow = \"hidden\";\n  }\n\n  const [currentHeight, setCurrentHeight] = useState<Height>(initHeight);\n  const [overflow, setOverflow] = useState<Overflow>(initOverflow);\n  const [useTransitions, setUseTransitions] = useState<boolean>(false);\n  const [animationStateClassNames, setAnimationStateClassNames] = useState<string>(\n    getStaticStateClasses(stateClasses.current, height)\n  );\n\n  // ------------------ Did mount\n  useEffect(() => {\n    // Hide content if height is 0 (to prevent tabbing into it)\n    hideContent(contentElement.current, currentHeight);\n\n    // This should be explicitly run only on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // ------------------ Height update\n  useEffect(() => {\n    if (height !== prevHeight.current && contentElement.current) {\n      showContent(contentElement.current, prevHeight.current);\n\n      // Cache content height\n      contentElement.current.style.overflow = \"hidden\";\n      const contentHeight = contentElement.current.offsetHeight;\n      contentElement.current.style.overflow = \"\";\n\n      // set total animation time\n      const totalDuration = duration + delay;\n\n      let newHeight: Height;\n      let timeoutHeight: Height;\n      let timeoutOverflow: Overflow = \"hidden\";\n      let timeoutUseTransitions: boolean;\n\n      const isCurrentHeightAuto = prevHeight.current === \"auto\";\n\n      if (typeof height === \"number\") {\n        // Reset negative height to 0\n        newHeight = height < 0 ? 0 : height;\n        timeoutHeight = newHeight;\n      } else if (isPercentage(height)) {\n        // If value is string \"0%\" make sure we convert it to number 0\n        newHeight = height === \"0%\" ? 0 : height;\n        timeoutHeight = newHeight;\n      } else {\n        // If not, animate to content height\n        // and then reset to auto\n        newHeight = contentHeight; // TODO solve contentHeight = 0\n        timeoutHeight = \"auto\";\n        timeoutOverflow = undefined;\n      }\n\n      if (isCurrentHeightAuto) {\n        // This is the height to be animated to\n        timeoutHeight = newHeight;\n\n        // If previous height was 'auto'\n        // set starting height explicitly to be able to use transition\n        newHeight = contentHeight;\n      }\n\n      // Animation classes\n      const newAnimationStateClassNames = classNames({\n        [stateClasses.current.animating]: true,\n        [stateClasses.current.animatingUp]: prevHeight.current === \"auto\" || height < prevHeight.current,\n        [stateClasses.current.animatingDown]: height === \"auto\" || height > prevHeight.current,\n        [stateClasses.current.animatingToHeightZero]: timeoutHeight === 0,\n        [stateClasses.current.animatingToHeightAuto]: timeoutHeight === \"auto\",\n        [stateClasses.current.animatingToHeightSpecific]: typeof timeoutHeight === \"number\" && timeoutHeight > 0,\n      });\n\n      // Animation classes to be put after animation is complete\n      const timeoutAnimationStateClasses = getStaticStateClasses(stateClasses.current, timeoutHeight);\n\n      // Set starting height and animating classes\n      // When animating from 'auto' we first need to set fixed height\n      // that change should be animated\n      setCurrentHeight(newHeight);\n      setOverflow(\"hidden\");\n      setUseTransitions(!isCurrentHeightAuto);\n      setAnimationStateClassNames(newAnimationStateClassNames);\n\n      // Clear timeouts\n      clearTimeout(timeoutID.current);\n      clearTimeout(animationClassesTimeoutID.current);\n\n      if (isCurrentHeightAuto) {\n        // When animating from 'auto' we use a short timeout to start animation\n        // after setting fixed height above\n        timeoutUseTransitions = true;\n\n        // Short timeout to allow rendering of the initial animation state first\n        timeoutID.current = setTimeout(() => {\n          setCurrentHeight(timeoutHeight);\n          setOverflow(timeoutOverflow);\n          setUseTransitions(timeoutUseTransitions);\n\n          // ANIMATION STARTS, run a callback if it exists\n          onHeightAnimationStart?.(timeoutHeight);\n        }, 50);\n\n        // Set static classes and remove transitions when animation ends\n        animationClassesTimeoutID.current = setTimeout(() => {\n          setUseTransitions(false);\n          setAnimationStateClassNames(timeoutAnimationStateClasses);\n\n          // ANIMATION ENDS\n          // Hide content if height is 0 (to prevent tabbing into it)\n          hideContent(contentElement.current, timeoutHeight);\n          // Run a callback if it exists\n          onHeightAnimationEnd?.(timeoutHeight);\n        }, totalDuration);\n      } else {\n        // ANIMATION STARTS, run a callback if it exists\n        onHeightAnimationStart?.(newHeight);\n\n        // Set end height, classes and remove transitions when animation is complete\n        timeoutID.current = setTimeout(() => {\n          setCurrentHeight(timeoutHeight);\n          setOverflow(timeoutOverflow);\n          setUseTransitions(false);\n          setAnimationStateClassNames(timeoutAnimationStateClasses);\n\n          // ANIMATION ENDS\n          // If height is auto, don't hide the content\n          // (case when element is empty, therefore height is 0)\n          if (height !== \"auto\") {\n            // Hide content if height is 0 (to prevent tabbing into it)\n            hideContent(contentElement.current, newHeight); // TODO solve newHeight = 0\n          }\n          // Run a callback if it exists\n          onHeightAnimationEnd?.(newHeight);\n        }, totalDuration);\n      }\n    }\n\n    prevHeight.current = height;\n\n    return () => {\n      clearTimeout(timeoutID.current);\n      clearTimeout(animationClassesTimeoutID.current);\n    };\n\n    // This should be explicitly run only on height change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [height]);\n\n  // ------------------ Render\n\n  const componentStyle: CSSProperties = {\n    ...style,\n    height: currentHeight,\n    overflow: overflow || style?.overflow,\n  };\n\n  if (useTransitions && applyInlineTransitions) {\n    componentStyle.transition = `height ${duration}ms ${easing} ${delay}ms`;\n\n    // Include transition passed through styles\n    if (style?.transition) {\n      componentStyle.transition = `${style.transition}, ${componentStyle.transition}`;\n    }\n\n    // Add webkit vendor prefix still used by opera, blackberry...\n    componentStyle.WebkitTransition = componentStyle.transition;\n  }\n\n  const contentStyle: CSSProperties = {};\n\n  if (animateOpacity) {\n    contentStyle.transition = `opacity ${duration}ms ${easing} ${delay}ms`;\n    // Add webkit vendor prefix still used by opera, blackberry...\n    contentStyle.WebkitTransition = contentStyle.transition;\n\n    if (currentHeight === 0) {\n      contentStyle.opacity = 0;\n    }\n  }\n\n  // Check if user passed aria-hidden prop\n  const hasAriaHiddenProp = typeof props[\"aria-hidden\"] !== \"undefined\";\n  const ariaHidden = hasAriaHiddenProp ? props[\"aria-hidden\"] : height === 0;\n\n  return (\n    <div\n      {...props}\n      ref={forkedRootRef}\n      aria-hidden={ariaHidden}\n      className={`${animationStateClassNames} ${className}`}\n      style={componentStyle}\n    >\n      <div className={contentClassName} style={contentStyle} ref={contentElement}>\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default AnimateHeight;\n"],"names":["isNumber","n","number","isPercentage","height","hideContent","element","showContent","ANIMATION_STATE_CLASSES","getStaticStateClasses","animationStateClasses","classNames","AnimateHeight","forwardRef","animateOpacity","applyInlineTransitions","children","className","contentClassName","userDelay","userDuration","easing","onHeightAnimationEnd","onHeightAnimationStart","style","props","ref","prevHeight","useRef","contentElement","rootElement","forkedRootRef","useForkRef","animationClassesTimeoutID","timeoutID","stateClasses","delay","duration","initHeight","initOverflow","currentHeight","setCurrentHeight","useState","overflow","setOverflow","useTransitions","setUseTransitions","animationStateClassNames","setAnimationStateClassNames","useEffect","contentHeight","totalDuration","newHeight","timeoutHeight","timeoutOverflow","timeoutUseTransitions","isCurrentHeightAuto","newAnimationStateClassNames","timeoutAnimationStateClasses","componentStyle","contentStyle","ariaHidden","jsx"],"mappings":"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"}

package/dist/headless/components/base/icon/icon.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import u from "clsx";
+const $ = p(function({ className: s, weight: t = 400, fill: c = 0, size: o = 20, grade: d = 100, name: l, color: n = "inherit", title: r, ...a }, m) {
+  const e = r === void 0, f = n && ["primary", "secondary", "error", "success", "warning", "info", "disabled"].includes(n) ? `smwb-icon_color-${n}` : null;
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      ...a,
+      ref: m,
+      "data-testid": "icon",
+      role: e ? void 0 : "img",
+      "aria-hidden": e ? !0 : void 0,
+      "aria-label": r,
+      title: r,
+      style: { ...a.style, fontVariationSettings: `'FILL' ${c}, 'wght' ${t}, 'GRAD' ${d}, 'opsz' 48` },
+      className: u("smwb-icon__wrapper", f, s),
+      children: /* @__PURE__ */ i("span", { className: "material-symbols-outlined", style: { fontSize: typeof o == "number" ? `${o}px` : o }, children: l })
+    }
+  );
+});
+export {
+  $ as Icon,
+  $ as default
+};
+//# sourceMappingURL=icon.js.map

package/dist/headless/components/base/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport cn from \"clsx\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name from https://fonts.google.com/icons\n   * Пример: name={\"arrow_right_alt\"}\n   */\n  name: string;\n  className?: string;\n  weight?: number;\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as\n   * `role=\"img\"`; otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { className, weight = 400, fill = 0, size = 20, grade = 100, name, color = \"inherit\", title, ...props },\n  ref\n) {\n  const decorative = title === undefined;\n  const colorClass =\n    color && [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"].includes(color)\n      ? `smwb-icon_color-${color}`\n      : null;\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid=\"icon\"\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? true : undefined}\n      aria-label={title}\n      title={title}\n      style={{ ...props.style, fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      <span className=\"material-symbols-outlined\" style={{ fontSize: typeof size === \"number\" ? `${size}px` : size }}>\n        {name}\n      </span>\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["Icon","forwardRef","className","weight","fill","size","grade","name","color","title","props","ref","decorative","colorClass","jsx","cn"],"mappings":";;;AA8BO,MAAMA,IAAOC,EAAuC,SACzD,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAK,MAAAC,IAAO,GAAG,MAAAC,IAAO,IAAI,OAAAC,IAAQ,KAAK,MAAAC,GAAM,OAAAC,IAAQ,WAAW,OAAAC,GAAO,GAAGC,EAAA,GAChGC,GACA;AACA,QAAMC,IAAaH,MAAU,QACvBI,IACJL,KAAS,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,EAAE,SAASA,CAAK,IAC/F,mBAAmBA,CAAK,KACxB;AACN,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,MAAMC,IAAa,SAAY;AAAA,MAC/B,eAAaA,IAAa,KAAO;AAAA,MACjC,cAAYH;AAAA,MACZ,OAAAA;AAAA,MACA,OAAO,EAAE,GAAGC,EAAM,OAAO,uBAAuB,UAAUN,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA;AAAA,MACjG,WAAWS,EAAG,sBAAsBF,GAAYX,CAAS;AAAA,MAEzD,UAAA,gBAAAY,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAU,OAAOT,KAAS,WAAW,GAAGA,CAAI,OAAOA,EAAA,GACrG,UAAAE,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/headless/components/base/ripple/ripple.js

@@ -0,0 +1,41 @@
+import { jsx as R } from "react/jsx-runtime";
+import u, { forwardRef as N } from "react";
+import b from "clsx";
+const B = N(function({ actionRef: x, className: l, classes: i, center: g, style: e, duration: f = 600, color: r, ...a }, C) {
+  const [n, c] = u.useState([]), w = u.useRef(0);
+  return u.useImperativeHandle(
+    x,
+    () => ({
+      onRipple(d) {
+        const t = d.currentTarget.getBoundingClientRect(), h = Math.max(t.width, t.height), p = h / 2;
+        let o, m;
+        g ? (o = t.width > t.height ? 0 : t.width / 2 - p, m = t.height > t.width ? 0 : t.height / 2 - p) : (o = d.clientX - t.left - p, m = d.clientY - t.top - p), c([
+          ...n,
+          /* @__PURE__ */ R(
+            "span",
+            {
+              className: b("smwb-ripple__child", i == null ? void 0 : i.child),
+              style: {
+                ...e,
+                left: o,
+                top: m,
+                width: h,
+                height: h,
+                backgroundColor: r != null ? r : e == null ? void 0 : e.backgroundColor
+              },
+              ...a
+            },
+            w.current
+          )
+        ]), w.current += 1, setTimeout(() => {
+          c((k) => k.slice(1));
+        }, f);
+      }
+    }),
+    [a, g, n, i == null ? void 0 : i.child, e, f, r]
+  ), /* @__PURE__ */ R("span", { ref: C, className: b("smwb-ripple", l, i == null ? void 0 : i.ripple), "data-testid": "ripple", "aria-hidden": "true", children: n });
+});
+export {
+  B as Ripple
+};
+//# sourceMappingURL=ripple.js.map

package/dist/headless/components/base/ripple/ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.js","sources":["../../../../../src/components/base/ripple/ripple.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"clsx\";\n\nexport interface RippleActionsRef {\n  onRipple: (event: React.MouseEvent) => void;\n}\n\nexport interface RippleClasses {\n  ripple?: string;\n  child?: string;\n}\n\nexport interface RippleProps extends React.HTMLAttributes<HTMLSpanElement> {\n  actionRef: React.Ref<RippleActionsRef>;\n  classes?: RippleClasses;\n  center?: boolean;\n  /** Ripple lifetime in ms. */\n  duration?: number;\n  /** Ripple color (any CSS color). Defaults to inherited currentColor. */\n  color?: string;\n}\n\n/**\n * ⚠️ Для правильной работы этого эффекта, установите у компонента родителя CSS: **position: relative;**\n */\n\nexport const Ripple = forwardRef<HTMLSpanElement, RippleProps>(function Ripple(\n  { actionRef, className, classes, center, style, duration = 600, color, ...rest },\n  ref\n) {\n  const [ripples, setRipples] = React.useState<React.ReactNode[]>([]);\n  const nextKey = React.useRef<number>(0);\n\n  React.useImperativeHandle(\n    actionRef,\n    () => ({\n      onRipple(event: React.MouseEvent) {\n        const target = event.currentTarget as HTMLElement;\n        const rect = target.getBoundingClientRect();\n        const diameter = Math.max(rect.width, rect.height);\n        const radius = diameter / 2;\n\n        let coordX;\n        let coordY;\n\n        if (center) {\n          coordX = rect.width > rect.height ? 0 : rect.width / 2 - radius;\n          coordY = rect.height > rect.width ? 0 : rect.height / 2 - radius;\n        } else {\n          coordX = event.clientX - rect.left - radius;\n          coordY = event.clientY - rect.top - radius;\n        }\n\n        setRipples([\n          ...ripples,\n          <span\n            key={nextKey.current}\n            className={cn(\"smwb-ripple__child\", classes?.child)}\n            style={{\n              ...style,\n              left: coordX,\n              top: coordY,\n              width: diameter,\n              height: diameter,\n              backgroundColor: color ?? style?.backgroundColor,\n            }}\n            {...rest}\n          />,\n        ]);\n\n        nextKey.current += 1;\n\n        setTimeout(() => {\n          setRipples((prevRipples) => prevRipples.slice(1));\n        }, duration);\n      },\n    }),\n    [rest, center, ripples, classes?.child, style, duration, color]\n  );\n\n  return (\n    <span ref={ref} className={cn(\"smwb-ripple\", className, classes?.ripple)} data-testid=\"ripple\" aria-hidden=\"true\">\n      {ripples}\n    </span>\n  );\n});\n"],"names":["Ripple","forwardRef","actionRef","className","classes","center","style","duration","color","rest","ref","ripples","setRipples","React","nextKey","event","rect","diameter","radius","coordX","coordY","jsx","cn","prevRipples"],"mappings":";;;AA0BO,MAAMA,IAASC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,IAAW,KAAK,OAAAC,GAAO,GAAGC,EAAA,GAC1EC,GACA;AACA,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAA4B,CAAA,CAAE,GAC5DC,IAAUD,EAAM,OAAe,CAAC;AAEtC,SAAAA,EAAM;AAAA,IACJX;AAAA,IACA,OAAO;AAAA,MACL,SAASa,GAAyB;AAEhC,cAAMC,IADSD,EAAM,cACD,sBAAA,GACdE,IAAW,KAAK,IAAID,EAAK,OAAOA,EAAK,MAAM,GAC3CE,IAASD,IAAW;AAE1B,YAAIE,GACAC;AAEJ,QAAIf,KACFc,IAASH,EAAK,QAAQA,EAAK,SAAS,IAAIA,EAAK,QAAQ,IAAIE,GACzDE,IAASJ,EAAK,SAASA,EAAK,QAAQ,IAAIA,EAAK,SAAS,IAAIE,MAE1DC,IAASJ,EAAM,UAAUC,EAAK,OAAOE,GACrCE,IAASL,EAAM,UAAUC,EAAK,MAAME,IAGtCN,EAAW;AAAA,UACT,GAAGD;AAAA,UACH,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWC,EAAG,sBAAsBlB,KAAA,gBAAAA,EAAS,KAAK;AAAA,cAClD,OAAO;AAAA,gBACL,GAAGE;AAAA,gBACH,MAAMa;AAAA,gBACN,KAAKC;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,iBAAiBT,KAAA,OAAAA,IAASF,KAAA,gBAAAA,EAAO;AAAA,cAAA;AAAA,cAElC,GAAGG;AAAA,YAAA;AAAA,YAVCK,EAAQ;AAAA,UAAA;AAAA,QAWf,CACD,GAEDA,EAAQ,WAAW,GAEnB,WAAW,MAAM;AACf,UAAAF,EAAW,CAACW,MAAgBA,EAAY,MAAM,CAAC,CAAC;AAAA,QAClD,GAAGhB,CAAQ;AAAA,MACb;AAAA,IAAA;AAAA,IAEF,CAACE,GAAMJ,GAAQM,GAASP,KAAA,gBAAAA,EAAS,OAAOE,GAAOC,GAAUC,CAAK;AAAA,EAAA,GAI9D,gBAAAa,EAAC,QAAA,EAAK,KAAAX,GAAU,WAAWY,EAAG,eAAenB,GAAWC,KAAA,gBAAAA,EAAS,MAAM,GAAG,eAAY,UAAS,eAAY,QACxG,UAAAO,GACH;AAEJ,CAAC;"}

package/dist/headless/components/clickAwayListener/clickAwayListener.js

@@ -0,0 +1,67 @@
+import { jsx as g, Fragment as k } from "react/jsx-runtime";
+import P, { useRef as a, useEffect as p } from "react";
+import { useForkRef as y } from "../../hooks/useForkRef.js";
+import { useEventCallback as C } from "../../hooks/useEventCallback.js";
+function E(t) {
+  return t.substring(2).toLowerCase();
+}
+function M(t, s) {
+  return s.documentElement.clientWidth < t.clientX || s.documentElement.clientHeight < t.clientY;
+}
+function A({
+  children: t,
+  disableReactTree: s = !1,
+  mouseEvent: n = "onMouseUp",
+  onClickAway: L,
+  touchEvent: r = "onTouchEnd",
+  enabled: v = !0
+}) {
+  const f = a(!1), u = a(null), l = a(!1), d = a(!1);
+  p(() => (setTimeout(() => {
+    l.current = !0;
+  }, 0), () => {
+    l.current = !1;
+  }), []);
+  const T = y(t.ref, u), o = C((e) => {
+    const c = d.current;
+    if (d.current = !1, !v || !l.current || !u.current || "clientX" in e && M(e, document))
+      return;
+    if (f.current) {
+      f.current = !1;
+      return;
+    }
+    let i;
+    if (e.composedPath)
+      i = e.composedPath().indexOf(u.current) > -1;
+    else {
+      const R = e.target;
+      i = !document.documentElement.contains(R) || u.current.contains(R);
+    }
+    !i && (s || !c) && L(e);
+  }), h = (e) => (c) => {
+    d.current = !0;
+    const i = t.props[e];
+    i && i(c);
+  }, m = { ref: T };
+  return r !== !1 && (m[r] = h(r)), p(() => {
+    if (r !== !1) {
+      const e = E(r), c = () => {
+        f.current = !0;
+      };
+      return document.addEventListener(e, o), document.addEventListener("touchmove", c), () => {
+        document.removeEventListener(e, o), document.removeEventListener("touchmove", c);
+      };
+    }
+  }, [o, r]), n !== !1 && (m[n] = h(n)), p(() => {
+    if (n !== !1) {
+      const e = E(n);
+      return document.addEventListener(e, o), () => {
+        document.removeEventListener(e, o);
+      };
+    }
+  }, [o, n]), /* @__PURE__ */ g(k, { children: P.cloneElement(t, m) });
+}
+export {
+  A as ClickAwayListener
+};
+//# sourceMappingURL=clickAwayListener.js.map

package/dist/headless/components/clickAwayListener/clickAwayListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickAwayListener.js","sources":["../../../../src/components/clickAwayListener/clickAwayListener.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { useForkRef } from \"../../hooks/useForkRef\";\nimport { useEventCallback } from \"../../hooks/useEventCallback\";\n\ntype ClickAwayMouseEventHandler = \"onClick\" | \"onMouseDown\" | \"onMouseUp\" | \"onPointerDown\" | \"onPointerUp\";\ntype ClickAwayTouchEventHandler = \"onTouchStart\" | \"onTouchEnd\";\n\nfunction mapEventPropToEvent(eventProp: ClickAwayMouseEventHandler | ClickAwayTouchEventHandler) {\n  return eventProp.substring(2).toLowerCase() as\n    | \"click\"\n    | \"mousedown\"\n    | \"mouseup\"\n    | \"touchstart\"\n    | \"touchend\"\n    | \"pointerdown\"\n    | \"pointerup\";\n}\n\nfunction clickedRootScrollbar(event: MouseEvent, doc: Document) {\n  return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;\n}\n\nexport interface ClickAwayListenerProps {\n  children: React.ReactElement;\n  disableReactTree?: boolean;\n  mouseEvent?: ClickAwayMouseEventHandler | false;\n  onClickAway: (event: MouseEvent | TouchEvent) => void;\n  touchEvent?: ClickAwayTouchEventHandler | false;\n  /** When false, the listener is inert without unmounting the child. */\n  enabled?: boolean;\n}\n\nexport function ClickAwayListener({\n  children,\n  disableReactTree = false,\n  mouseEvent = \"onMouseUp\",\n  onClickAway,\n  touchEvent = \"onTouchEnd\",\n  enabled = true,\n}: ClickAwayListenerProps) {\n  const movedRef = useRef(false);\n  const nodeRef = useRef<Element>(null);\n  const activatedRef = useRef(false);\n  const syntheticEventRef = useRef(false);\n\n  useEffect(() => {\n    // https://github.com/facebook/react/issues/20074\n    setTimeout(() => {\n      activatedRef.current = true;\n    }, 0);\n    return () => {\n      activatedRef.current = false;\n    };\n  }, []);\n\n  const handleRef = useForkRef((children as React.ReactElement & { ref: React.Ref<Element> }).ref, nodeRef);\n\n  const handleClickAway = useEventCallback((event: MouseEvent | TouchEvent) => {\n    const insideReactTree = syntheticEventRef.current;\n    syntheticEventRef.current = false;\n\n    if (\n      !enabled ||\n      !activatedRef.current ||\n      !nodeRef.current ||\n      (\"clientX\" in event && clickedRootScrollbar(event, document))\n    ) {\n      return;\n    }\n\n    if (movedRef.current) {\n      movedRef.current = false;\n      return;\n    }\n\n    let insideDOM;\n\n    if (event.composedPath) {\n      insideDOM = event.composedPath().indexOf(nodeRef.current) > -1;\n    } else {\n      const target = event.target as HTMLElement;\n\n      insideDOM = !document.documentElement.contains(target) || nodeRef.current.contains(target);\n    }\n\n    if (!insideDOM && (disableReactTree || !insideReactTree)) {\n      onClickAway(event);\n    }\n  });\n\n  const createHandleSynthetic = (handlerName: string) => (event: React.SyntheticEvent) => {\n    syntheticEventRef.current = true;\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-member-access\n    const childrenPropsHandler = children.props[handlerName];\n\n    if (childrenPropsHandler) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      childrenPropsHandler(event);\n    }\n  };\n\n  const childrenProps: { ref: React.Ref<Element> } & Pick<\n    React.DOMAttributes<Element>,\n    ClickAwayMouseEventHandler | ClickAwayTouchEventHandler\n  > = { ref: handleRef };\n\n  if (touchEvent !== false) {\n    childrenProps[touchEvent] = createHandleSynthetic(touchEvent);\n  }\n\n  useEffect(() => {\n    if (touchEvent !== false) {\n      const mappedTouchEvent = mapEventPropToEvent(touchEvent);\n\n      const handleTouchMove = () => {\n        movedRef.current = true;\n      };\n\n      document.addEventListener(mappedTouchEvent, handleClickAway);\n      document.addEventListener(\"touchmove\", handleTouchMove);\n\n      return () => {\n        document.removeEventListener(mappedTouchEvent, handleClickAway);\n        document.removeEventListener(\"touchmove\", handleTouchMove);\n      };\n    }\n\n    return undefined;\n  }, [handleClickAway, touchEvent]);\n\n  if (mouseEvent !== false) {\n    childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);\n  }\n\n  useEffect(() => {\n    if (mouseEvent !== false) {\n      const mappedMouseEvent = mapEventPropToEvent(mouseEvent);\n\n      document.addEventListener(mappedMouseEvent, handleClickAway);\n\n      return () => {\n        document.removeEventListener(mappedMouseEvent, handleClickAway);\n      };\n    }\n\n    return undefined;\n  }, [handleClickAway, mouseEvent]);\n\n  return <>{React.cloneElement(children, childrenProps)}</>;\n}\n"],"names":["mapEventPropToEvent","eventProp","clickedRootScrollbar","event","doc","ClickAwayListener","children","disableReactTree","mouseEvent","onClickAway","touchEvent","enabled","movedRef","useRef","nodeRef","activatedRef","syntheticEventRef","useEffect","handleRef","useForkRef","handleClickAway","useEventCallback","insideReactTree","insideDOM","target","createHandleSynthetic","handlerName","childrenPropsHandler","childrenProps","mappedTouchEvent","handleTouchMove","mappedMouseEvent","jsx","Fragment","React"],"mappings":";;;;AAOA,SAASA,EAAoBC,GAAoE;AAC/F,SAAOA,EAAU,UAAU,CAAC,EAAE,YAAA;AAQhC;AAEA,SAASC,EAAqBC,GAAmBC,GAAe;AAC9D,SAAOA,EAAI,gBAAgB,cAAcD,EAAM,WAAWC,EAAI,gBAAgB,eAAeD,EAAM;AACrG;AAYO,SAASE,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AACZ,GAA2B;AACzB,QAAMC,IAAWC,EAAO,EAAK,GACvBC,IAAUD,EAAgB,IAAI,GAC9BE,IAAeF,EAAO,EAAK,GAC3BG,IAAoBH,EAAO,EAAK;AAEtC,EAAAI,EAAU,OAER,WAAW,MAAM;AACf,IAAAF,EAAa,UAAU;AAAA,EACzB,GAAG,CAAC,GACG,MAAM;AACX,IAAAA,EAAa,UAAU;AAAA,EACzB,IACC,CAAA,CAAE;AAEL,QAAMG,IAAYC,EAAYb,EAA8D,KAAKQ,CAAO,GAElGM,IAAkBC,EAAiB,CAAClB,MAAmC;AAC3E,UAAMmB,IAAkBN,EAAkB;AAG1C,QAFAA,EAAkB,UAAU,IAG1B,CAACL,KACD,CAACI,EAAa,WACd,CAACD,EAAQ,WACR,aAAaX,KAASD,EAAqBC,GAAO,QAAQ;AAE3D;AAGF,QAAIS,EAAS,SAAS;AACpB,MAAAA,EAAS,UAAU;AACnB;AAAA,IACF;AAEA,QAAIW;AAEJ,QAAIpB,EAAM;AACR,MAAAoB,IAAYpB,EAAM,aAAA,EAAe,QAAQW,EAAQ,OAAO,IAAI;AAAA,SACvD;AACL,YAAMU,IAASrB,EAAM;AAErB,MAAAoB,IAAY,CAAC,SAAS,gBAAgB,SAASC,CAAM,KAAKV,EAAQ,QAAQ,SAASU,CAAM;AAAA,IAC3F;AAEA,IAAI,CAACD,MAAchB,KAAoB,CAACe,MACtCb,EAAYN,CAAK;AAAA,EAErB,CAAC,GAEKsB,IAAwB,CAACC,MAAwB,CAACvB,MAAgC;AACtF,IAAAa,EAAkB,UAAU;AAG5B,UAAMW,IAAuBrB,EAAS,MAAMoB,CAAW;AAEvD,IAAIC,KAEFA,EAAqBxB,CAAK;AAAA,EAE9B,GAEMyB,IAGF,EAAE,KAAKV,EAAA;AAEX,SAAIR,MAAe,OACjBkB,EAAclB,CAAU,IAAIe,EAAsBf,CAAU,IAG9DO,EAAU,MAAM;AACd,QAAIP,MAAe,IAAO;AACxB,YAAMmB,IAAmB7B,EAAoBU,CAAU,GAEjDoB,IAAkB,MAAM;AAC5B,QAAAlB,EAAS,UAAU;AAAA,MACrB;AAEA,sBAAS,iBAAiBiB,GAAkBT,CAAe,GAC3D,SAAS,iBAAiB,aAAaU,CAAe,GAE/C,MAAM;AACX,iBAAS,oBAAoBD,GAAkBT,CAAe,GAC9D,SAAS,oBAAoB,aAAaU,CAAe;AAAA,MAC3D;AAAA,IACF;AAAA,EAGF,GAAG,CAACV,GAAiBV,CAAU,CAAC,GAE5BF,MAAe,OACjBoB,EAAcpB,CAAU,IAAIiB,EAAsBjB,CAAU,IAG9DS,EAAU,MAAM;AACd,QAAIT,MAAe,IAAO;AACxB,YAAMuB,IAAmB/B,EAAoBQ,CAAU;AAEvD,sBAAS,iBAAiBuB,GAAkBX,CAAe,GAEpD,MAAM;AACX,iBAAS,oBAAoBW,GAAkBX,CAAe;AAAA,MAChE;AAAA,IACF;AAAA,EAGF,GAAG,CAACA,GAAiBZ,CAAU,CAAC,GAEzB,gBAAAwB,EAAAC,GAAA,EAAG,UAAAC,EAAM,aAAa5B,GAAUsB,CAAa,GAAE;AACxD;"}

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

@@ -0,0 +1,61 @@
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { forwardRef as z, useState as H } from "react";
+import b from "clsx";
+import R from "../../base/animateHeight/animateHeight.js";
+import { Icon as S } from "../../base/icon/icon.js";
+import { useId as q } from "../../../hooks/useId.js";
+const L = z(function({
+  className: u,
+  title: w,
+  isOpenByDefault: I = !1,
+  open: n,
+  disabled: a,
+  icon: e,
+  id: x,
+  children: t,
+  startAdornment: s,
+  noIcon: N,
+  onToggleClick: c,
+  onChange: i
+}, h) {
+  const d = n !== void 0, [v, O] = H(I), o = d ? !!n : v, m = q(x), p = `${m}-content`, f = `${m}-header`, y = b("smwb-accordion__arrow-icon", { "smwb-accordion__arrow-icon_opened": o }), j = ($) => {
+    if (a)
+      return;
+    const l = !o;
+    d || O(l), i == null || i(l), c == null || c($);
+  };
+  return /* @__PURE__ */ _("div", { ref: h, className: b("smwb-accordion", { "smwb-disabled": a }, u), "data-testid": "accordion", children: [
+    /* @__PURE__ */ _(
+      "button",
+      {
+        id: f,
+        className: "smwb-accordion__header",
+        onClick: j,
+        type: "button",
+        disabled: a,
+        "aria-expanded": o,
+        "aria-controls": t ? p : void 0,
+        children: [
+          s == null ? void 0 : s(o),
+          /* @__PURE__ */ r("span", { className: "smwb-accordion__title", children: w }),
+          !N && (e != null ? e : /* @__PURE__ */ r(S, { className: y, name: "expand_more", size: 24 }))
+        ]
+      }
+    ),
+    t && /* @__PURE__ */ r("div", { id: p, role: "region", "aria-labelledby": f, children: /* @__PURE__ */ r(
+      R,
+      {
+        height: o ? "auto" : 0,
+        animateOpacity: !0,
+        duration: 300,
+        className: "smwb-accordion__content",
+        children: t
+      }
+    ) })
+  ] });
+});
+export {
+  L as Accordion,
+  L as default
+};
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../../../src/components/dataDisplay/accordion/accordion.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, useState } from \"react\";\nimport cn from \"clsx\";\nimport AnimateHeight from \"../../base/animateHeight/animateHeight\";\nimport Icon from \"../../base/icon/icon\";\nimport { useId } from \"../../../hooks/useId\";\n\nexport interface AccordionProps {\n  className?: string;\n  title?: string;\n  isOpenByDefault?: boolean;\n  /** Controlled open state. When set, the component is controlled. */\n  open?: boolean;\n  /** Disable toggling. */\n  disabled?: boolean;\n  /** Custom expand icon (replaces the default chevron). */\n  icon?: ReactNode;\n  id?: string;\n  children?: React.ReactNode;\n  startAdornment?: (isOpen: boolean) => React.ReactNode;\n  noIcon?: boolean;\n  onToggleClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Fired with the next open state on toggle. */\n  onChange?: (open: boolean) => void;\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    className,\n    title,\n    isOpenByDefault = false,\n    open,\n    disabled,\n    icon,\n    id: idProp,\n    children,\n    startAdornment,\n    noIcon,\n    onToggleClick,\n    onChange,\n  },\n  ref\n) {\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState<boolean>(isOpenByDefault);\n  const isOpen = isControlled ? !!open : internalOpen;\n  const baseId = useId(idProp);\n  const contentId = `${baseId}-content`;\n  const headerId = `${baseId}-header`;\n\n  const arrowIconClasses = cn(\"smwb-accordion__arrow-icon\", { \"smwb-accordion__arrow-icon_opened\": isOpen });\n\n  const toggle = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    if (disabled) {\n      return;\n    }\n    const next = !isOpen;\n    if (!isControlled) {\n      setInternalOpen(next);\n    }\n    onChange?.(next);\n    onToggleClick?.(e);\n  };\n\n  return (\n    <div ref={ref} className={cn(\"smwb-accordion\", { \"smwb-disabled\": disabled }, className)} data-testid=\"accordion\">\n      <button\n        id={headerId}\n        className=\"smwb-accordion__header\"\n        onClick={toggle}\n        type=\"button\"\n        disabled={disabled}\n        aria-expanded={isOpen}\n        aria-controls={children ? contentId : undefined}\n      >\n        {startAdornment?.(isOpen)}\n        <span className=\"smwb-accordion__title\">{title}</span>\n        {!noIcon && (icon ?? <Icon className={arrowIconClasses} name=\"expand_more\" size={24} />)}\n      </button>\n\n      {children && (\n        <div id={contentId} role=\"region\" aria-labelledby={headerId}>\n          <AnimateHeight\n            height={isOpen ? \"auto\" : 0}\n            animateOpacity={true}\n            duration={300}\n            className=\"smwb-accordion__content\"\n          >\n            {children}\n          </AnimateHeight>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default Accordion;\n"],"names":["Accordion","forwardRef","className","title","isOpenByDefault","open","disabled","icon","idProp","children","startAdornment","noIcon","onToggleClick","onChange","ref","isControlled","internalOpen","setInternalOpen","useState","isOpen","baseId","useId","contentId","headerId","arrowIconClasses","cn","toggle","e","next","jsxs","jsx","Icon","AnimateHeight"],"mappings":";;;;;;AAyBO,MAAMA,IAAYC,EAA2C,SAClE;AAAA,EACE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,GACAC,GACA;AACA,QAAMC,IAAeV,MAAS,QACxB,CAACW,GAAcC,CAAe,IAAIC,EAAkBd,CAAe,GACnEe,IAASJ,IAAe,CAAC,CAACV,IAAOW,GACjCI,IAASC,EAAMb,CAAM,GACrBc,IAAY,GAAGF,CAAM,YACrBG,IAAW,GAAGH,CAAM,WAEpBI,IAAmBC,EAAG,8BAA8B,EAAE,qCAAqCN,GAAQ,GAEnGO,IAAS,CAACC,MAAuD;AACrE,QAAIrB;AACF;AAEF,UAAMsB,IAAO,CAACT;AACd,IAAKJ,KACHE,EAAgBW,CAAI,GAEtBf,KAAA,QAAAA,EAAWe,IACXhB,KAAA,QAAAA,EAAgBe;AAAA,EAClB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,KAAAf,GAAU,WAAWW,EAAG,kBAAkB,EAAE,iBAAiBnB,EAAA,GAAYJ,CAAS,GAAG,eAAY,aACpG,UAAA;AAAA,IAAA,gBAAA2B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIN;AAAA,QACJ,WAAU;AAAA,QACV,SAASG;AAAA,QACT,MAAK;AAAA,QACL,UAAApB;AAAA,QACA,iBAAea;AAAA,QACf,iBAAeV,IAAWa,IAAY;AAAA,QAErC,UAAA;AAAA,UAAAZ,KAAA,gBAAAA,EAAiBS;AAAA,UAClB,gBAAAW,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA3B,GAAM;AAAA,UAC9C,CAACQ,MAAWJ,KAAA,OAAAA,IAAQ,gBAAAuB,EAACC,GAAA,EAAK,WAAWP,GAAkB,MAAK,eAAc,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtFf,uBACE,OAAA,EAAI,IAAIa,GAAW,MAAK,UAAS,mBAAiBC,GACjD,UAAA,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAQb,IAAS,SAAS;AAAA,QAC1B,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,WAAU;AAAA,QAET,UAAAV;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

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

@@ -0,0 +1,48 @@
+import { jsx as c, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as _, useState as E, Children as S, isValidElement as $ } from "react";
+import f from "clsx";
+const w = (o) => typeof o == "string", j = _(function({ className: u, src: r, alt: e, size: t = "medium", variant: d = "circular", color: n, style: i, imgProps: a, children: m, ...v }, s) {
+  const [l, N] = E(!1), b = !!r && !l, x = f(
+    "smwb-avatar",
+    `smwb-avatar_${d}`,
+    w(t) ? `smwb-avatar_${t}` : null,
+    u
+  ), y = {
+    ...i,
+    ...w(t) ? {} : { width: t, height: t, fontSize: t / 2.5 },
+    ...n && !b ? { backgroundColor: n } : {}
+  };
+  return /* @__PURE__ */ c("div", { ref: s, ...v, "data-testid": "avatar", className: x, style: y, children: b ? /* @__PURE__ */ c(
+    "img",
+    {
+      ...a,
+      className: f("smwb-avatar__img", a == null ? void 0 : a.className),
+      src: r,
+      alt: e,
+      onError: (A) => {
+        var h;
+        N(!0), (h = a == null ? void 0 : a.onError) == null || h.call(a, A);
+      }
+    }
+  ) : /* @__PURE__ */ c("span", { className: "smwb-avatar__fallback", role: "img", "aria-label": e, children: m }) });
+}), I = _(function({ className: u, max: r = 5, total: e, onSurplusClick: t, children: d, ...n }, i) {
+  const a = S.toArray(d).filter($), m = e != null ? e : a.length, v = Math.max(r, 1), s = a.slice(0, v), l = m - s.length;
+  return /* @__PURE__ */ C("div", { ref: i, ...n, "data-testid": "avatar-group", className: f("smwb-avatar-group", u), children: [
+    l > 0 ? /* @__PURE__ */ c(
+      j,
+      {
+        className: "smwb-avatar-group__surplus",
+        onClick: t,
+        style: t ? { cursor: "pointer" } : void 0,
+        children: `+${l}`
+      }
+    ) : null,
+    s
+  ] });
+});
+export {
+  j as Avatar,
+  I as AvatarGroup,
+  j as default
+};
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../../../../src/components/dataDisplay/avatar/avatar.tsx"],"sourcesContent":["import {\n  Children,\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ImgHTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from \"react\";\nimport cn from \"clsx\";\n\nexport type AvatarSize = \"small\" | \"medium\" | \"large\";\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  /** Image source. Falls back to children (initials / icon) on error or when absent. */\n  src?: string;\n  alt?: string;\n  /** Preset size or an explicit pixel value. */\n  size?: AvatarSize | number;\n  variant?: \"circular\" | \"rounded\" | \"square\";\n  /** Background color for the fallback (initials / icon). */\n  color?: string;\n  /** Extra attributes forwarded to the underlying <img> (srcSet, loading…). */\n  imgProps?: ImgHTMLAttributes<HTMLImageElement>;\n}\n\nconst isPresetSize = (size: AvatarSize | number): size is AvatarSize => typeof size === \"string\";\n\nexport const Avatar = forwardRef<HTMLDivElement, PropsWithChildren<AvatarProps>>(function Avatar(\n  { className, src, alt, size = \"medium\", variant = \"circular\", color, style, imgProps, children, ...props },\n  ref\n) {\n  const [imgFailed, setImgFailed] = useState(false);\n  const showImage = Boolean(src) && !imgFailed;\n\n  const avatarClassName = cn(\n    \"smwb-avatar\",\n    `smwb-avatar_${variant}`,\n    isPresetSize(size) ? `smwb-avatar_${size}` : null,\n    className\n  );\n\n  const inlineStyle: CSSProperties = {\n    ...style,\n    ...(isPresetSize(size) ? {} : { width: size, height: size, fontSize: size / 2.5 }),\n    ...(color && !showImage ? { backgroundColor: color } : {}),\n  };\n\n  return (\n    <div ref={ref} {...props} data-testid=\"avatar\" className={avatarClassName} style={inlineStyle}>\n      {showImage ? (\n        <img\n          {...imgProps}\n          className={cn(\"smwb-avatar__img\", imgProps?.className)}\n          src={src}\n          alt={alt}\n          onError={(e) => {\n            setImgFailed(true);\n            imgProps?.onError?.(e);\n          }}\n        />\n      ) : (\n        <span className=\"smwb-avatar__fallback\" role=\"img\" aria-label={alt}>\n          {children}\n        </span>\n      )}\n    </div>\n  );\n});\n\nexport interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  /** Maximum avatars to show before collapsing the rest into a \"+N\" surplus. */\n  max?: number;\n  /** Override the total count used for the surplus label (defaults to children count). */\n  total?: number;\n  /** Click handler for the \"+N\" surplus chip. */\n  onSurplusClick?: () => void;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, PropsWithChildren<AvatarGroupProps>>(function AvatarGroup(\n  { className, max = 5, total, onSurplusClick, children, ...props },\n  ref\n) {\n  const items = Children.toArray(children).filter(isValidElement);\n  const totalCount = total ?? items.length;\n  const clampedMax = Math.max(max, 1);\n  const visible: ReactNode[] = items.slice(0, clampedMax);\n  const surplus = totalCount - visible.length;\n\n  return (\n    <div ref={ref} {...props} data-testid=\"avatar-group\" className={cn(\"smwb-avatar-group\", className)}>\n      {surplus > 0 ? (\n        <Avatar\n          className=\"smwb-avatar-group__surplus\"\n          onClick={onSurplusClick}\n          style={onSurplusClick ? { cursor: \"pointer\" } : undefined}\n        >\n          {`+${surplus}`}\n        </Avatar>\n      ) : null}\n      {visible}\n    </div>\n  );\n});\n\nexport default Avatar;\n"],"names":["isPresetSize","size","Avatar","forwardRef","className","src","alt","variant","color","style","imgProps","children","props","ref","imgFailed","setImgFailed","useState","showImage","avatarClassName","cn","inlineStyle","jsx","e","_a","AvatarGroup","max","total","onSurplusClick","items","Children","isValidElement","totalCount","clampedMax","visible","surplus","jsxs"],"mappings":";;;AA6BA,MAAMA,IAAe,CAACC,MAAkD,OAAOA,KAAS,UAE3EC,IAASC,EAA2D,SAC/E,EAAE,WAAAC,GAAW,KAAAC,GAAK,KAAAC,GAAK,MAAAL,IAAO,UAAU,SAAAM,IAAU,YAAY,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GACnGC,GACA;AACA,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAY,EAAQZ,KAAQ,CAACS,GAE7BI,IAAkBC;AAAA,IACtB;AAAA,IACA,eAAeZ,CAAO;AAAA,IACtBP,EAAaC,CAAI,IAAI,eAAeA,CAAI,KAAK;AAAA,IAC7CG;AAAA,EAAA,GAGIgB,IAA6B;AAAA,IACjC,GAAGX;AAAA,IACH,GAAIT,EAAaC,CAAI,IAAI,CAAA,IAAK,EAAE,OAAOA,GAAM,QAAQA,GAAM,UAAUA,IAAO,IAAA;AAAA,IAC5E,GAAIO,KAAS,CAACS,IAAY,EAAE,iBAAiBT,EAAA,IAAU,CAAA;AAAA,EAAC;AAG1D,SACE,gBAAAa,EAAC,OAAA,EAAI,KAAAR,GAAW,GAAGD,GAAO,eAAY,UAAS,WAAWM,GAAiB,OAAOE,GAC/E,UAAAH,IACC,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,WAAWS,EAAG,oBAAoBT,KAAA,gBAAAA,EAAU,SAAS;AAAA,MACrD,KAAAL;AAAA,MACA,KAAAC;AAAA,MACA,SAAS,CAACgB,MAAM;;AACd,QAAAP,EAAa,EAAI,IACjBQ,IAAAb,KAAA,gBAAAA,EAAU,YAAV,QAAAa,EAAA,KAAAb,GAAoBY;AAAA,MACtB;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAD,EAAC,QAAA,EAAK,WAAU,yBAAwB,MAAK,OAAM,cAAYf,GAC5D,UAAAK,EAAA,CACH,EAAA,CAEJ;AAEJ,CAAC,GAYYa,IAAcrB,EAAgE,SACzF,EAAE,WAAAC,GAAW,KAAAqB,IAAM,GAAG,OAAAC,GAAO,gBAAAC,GAAgB,UAAAhB,GAAU,GAAGC,EAAA,GAC1DC,GACA;AACA,QAAMe,IAAQC,EAAS,QAAQlB,CAAQ,EAAE,OAAOmB,CAAc,GACxDC,IAAaL,KAAA,OAAAA,IAASE,EAAM,QAC5BI,IAAa,KAAK,IAAIP,GAAK,CAAC,GAC5BQ,IAAuBL,EAAM,MAAM,GAAGI,CAAU,GAChDE,IAAUH,IAAaE,EAAQ;AAErC,SACE,gBAAAE,EAAC,OAAA,EAAI,KAAAtB,GAAW,GAAGD,GAAO,eAAY,gBAAe,WAAWO,EAAG,qBAAqBf,CAAS,GAC9F,UAAA;AAAA,IAAA8B,IAAU,IACT,gBAAAb;AAAA,MAACnB;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAASyB;AAAA,QACT,OAAOA,IAAiB,EAAE,QAAQ,cAAc;AAAA,QAE/C,cAAIO,CAAO;AAAA,MAAA;AAAA,IAAA,IAEZ;AAAA,IACHD;AAAA,EAAA,GACH;AAEJ,CAAC;"}