@smwb/ui-react 2.0.0

package/dist/components/base/icon/icon.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from "react";
+export type IconColor = "inherit" | "primary" | "secondary" | "error" | "success" | "warning" | "info" | "disabled";
+export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Icon name from https://fonts.google.com/icons
+     * Пример: name={"arrow_right_alt"}
+     */
+    name: string;
+    className?: string;
+    weight?: number;
+    fill?: 0 | 1;
+    /** Pixel number or any CSS length (e.g. "1.5rem"). */
+    size?: number | string;
+    grade?: number;
+    /**
+     * Semantic color token; `inherit` (default) keeps the text color.
+     * Any string is accepted for backward compatibility, but only known
+     * {@link IconColor} tokens emit a color class.
+     */
+    color?: IconColor | (string & {});
+    /**
+     * Accessible name. When provided the icon is exposed as
+     * `role="img"`; otherwise it is `aria-hidden` (decorative).
+     */
+    title?: string;
+}
+export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default Icon;

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

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

package/dist/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":";;;;AA+BO,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/components/base/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Icon } from "./icon";
+export type { IconProps, IconColor } from "./icon";

package/dist/components/base/ripple/index.d.ts

@@ -0,0 +1,2 @@
+export { Ripple } from "./ripple";
+export type { RippleProps } from "./ripple";

package/dist/components/base/ripple/ripple.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export interface RippleActionsRef {
+    onRipple: (event: React.MouseEvent) => void;
+}
+export interface RippleClasses {
+    ripple?: string;
+    child?: string;
+}
+export interface RippleProps extends React.HTMLAttributes<HTMLSpanElement> {
+    actionRef: React.Ref<RippleActionsRef>;
+    classes?: RippleClasses;
+    center?: boolean;
+    /** Ripple lifetime in ms. */
+    duration?: number;
+    /** Ripple color (any CSS color). Defaults to inherited currentColor. */
+    color?: string;
+}
+/**
+ * ⚠️ Для правильной работы этого эффекта, установите у компонента родителя CSS: **position: relative;**
+ */
+export declare const Ripple: React.ForwardRefExoticComponent<RippleProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,42 @@
+import { jsx as R } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/ripple/ripple.entry.css';/* empty css                                                       */
+import u, { forwardRef as N } from "react";
+import b from "clsx";
+const H = 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 {
+  H as Ripple
+};
+//# sourceMappingURL=ripple.js.map

package/dist/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":";;;;AA2BO,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/components/clickAwayListener/clickAwayListener.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+type ClickAwayMouseEventHandler = "onClick" | "onMouseDown" | "onMouseUp" | "onPointerDown" | "onPointerUp";
+type ClickAwayTouchEventHandler = "onTouchStart" | "onTouchEnd";
+export interface ClickAwayListenerProps {
+    children: React.ReactElement;
+    disableReactTree?: boolean;
+    mouseEvent?: ClickAwayMouseEventHandler | false;
+    onClickAway: (event: MouseEvent | TouchEvent) => void;
+    touchEvent?: ClickAwayTouchEventHandler | false;
+    /** When false, the listener is inert without unmounting the child. */
+    enabled?: boolean;
+}
+export declare function ClickAwayListener({ children, disableReactTree, mouseEvent, onClickAway, touchEvent, enabled, }: ClickAwayListenerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/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/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/components/clickAwayListener/index.d.ts

@@ -0,0 +1,2 @@
+export { ClickAwayListener } from "./clickAwayListener";
+export type { ClickAwayListenerProps } from "./clickAwayListener";

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

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+export interface AccordionProps {
+    className?: string;
+    title?: string;
+    isOpenByDefault?: boolean;
+    /** Controlled open state. When set, the component is controlled. */
+    open?: boolean;
+    /** Disable toggling. */
+    disabled?: boolean;
+    /** Custom expand icon (replaces the default chevron). */
+    icon?: ReactNode;
+    id?: string;
+    children?: React.ReactNode;
+    startAdornment?: (isOpen: boolean) => React.ReactNode;
+    noIcon?: boolean;
+    onToggleClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /** Fired with the next open state on toggle. */
+    onChange?: (open: boolean) => void;
+}
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export default Accordion;

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

@@ -0,0 +1,62 @@
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/accordion/accordion.entry.css';/* empty css                                                             */
+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 M = z(function({
+  className: u,
+  title: w,
+  isOpenByDefault: I = !1,
+  open: n,
+  disabled: t,
+  icon: a,
+  id: x,
+  children: e,
+  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 (t)
+      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": t }, u), "data-testid": "accordion", children: [
+    /* @__PURE__ */ _(
+      "button",
+      {
+        id: f,
+        className: "smwb-accordion__header",
+        onClick: j,
+        type: "button",
+        disabled: t,
+        "aria-expanded": o,
+        "aria-controls": e ? p : void 0,
+        children: [
+          s == null ? void 0 : s(o),
+          /* @__PURE__ */ r("span", { className: "smwb-accordion__title", children: w }),
+          !N && (a != null ? a : /* @__PURE__ */ r(S, { className: y, name: "expand_more", size: 24 }))
+        ]
+      }
+    ),
+    e && /* @__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: e
+      }
+    ) })
+  ] });
+});
+export {
+  M as Accordion,
+  M as default
+};
+//# sourceMappingURL=accordion.js.map

package/dist/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":";;;;;;;AA0BO,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/components/dataDisplay/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Accordion } from "./accordion";
+export type { AccordionProps } from "./accordion";

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

@@ -0,0 +1,31 @@
+import { HTMLAttributes, ImgHTMLAttributes, ReactNode } from "react";
+export type AvatarSize = "small" | "medium" | "large";
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    /** Image source. Falls back to children (initials / icon) on error or when absent. */
+    src?: string;
+    alt?: string;
+    /** Preset size or an explicit pixel value. */
+    size?: AvatarSize | number;
+    variant?: "circular" | "rounded" | "square";
+    /** Background color for the fallback (initials / icon). */
+    color?: string;
+    /** Extra attributes forwarded to the underlying <img> (srcSet, loading…). */
+    imgProps?: ImgHTMLAttributes<HTMLImageElement>;
+}
+export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & {
+    children?: ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    /** Maximum avatars to show before collapsing the rest into a "+N" surplus. */
+    max?: number;
+    /** Override the total count used for the surplus label (defaults to children count). */
+    total?: number;
+    /** Click handler for the "+N" surplus chip. */
+    onSurplusClick?: () => void;
+}
+export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & {
+    children?: ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default Avatar;

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

@@ -0,0 +1,49 @@
+import { jsx as c, jsxs as C } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/avatar/avatar.entry.css';/* empty css                                                       */
+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: i, src: r, alt: e, size: t = "medium", variant: u = "circular", color: n, style: d, imgProps: a, children: m, ...v }, s) {
+  const [l, N] = E(!1), b = !!r && !l, x = f(
+    "smwb-avatar",
+    `smwb-avatar_${u}`,
+    w(t) ? `smwb-avatar_${t}` : null,
+    i
+  ), y = {
+    ...d,
+    ...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 }) });
+}), M = _(function({ className: i, max: r = 5, total: e, onSurplusClick: t, children: u, ...n }, d) {
+  const a = S.toArray(u).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: d, ...n, "data-testid": "avatar-group", className: f("smwb-avatar-group", i), 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,
+  M as AvatarGroup,
+  j as default
+};
+//# sourceMappingURL=avatar.js.map

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

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

@@ -0,0 +1,2 @@
+export { default as Avatar, AvatarGroup } from "./avatar";
+export type { AvatarProps, AvatarGroupProps, AvatarSize } from "./avatar";

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

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from "react";
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    className?: string;
+    badgeContent?: React.ReactNode;
+    color?: "primary" | "success" | "danger";
+    variant?: "inside" | "outside";
+    vertical?: "top" | "bottom";
+    horizontal?: "right" | "left";
+    /** Cap numeric content, rendering `{max}+` when exceeded. */
+    max?: number;
+    /** Render the badge even when content is 0. */
+    showZero?: boolean;
+    /** Accessible label for the badge value. */
+    badgeAriaLabel?: string;
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;
+export default Badge;

package/dist/components/dataDisplay/badge/badge.js

@@ -0,0 +1,39 @@
+import { jsxs as u, jsx as $ } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/badge/badge.entry.css';/* empty css                                                     */
+import { forwardRef as g } from "react";
+import n from "clsx";
+const x = g(function({
+  className: o,
+  color: i = "primary",
+  badgeContent: s,
+  variant: r = "outside",
+  vertical: a = "top",
+  horizontal: l = "right",
+  max: e,
+  showZero: p = !1,
+  badgeAriaLabel: b,
+  children: c,
+  ...f
+}, _) {
+  const w = s === 0 || s === "0", d = (s == null || w && !p) === !0;
+  let m = s;
+  typeof s == "number" && e !== void 0 && s > e && (m = `${e}+`);
+  const t = n(
+    "smwb-badge",
+    `smwb-badge_${i}`,
+    `smwb-badge_${r}`,
+    `smwb-badge_${r}_${a}`,
+    `smwb-badge_${r}_${a}_${l}`,
+    o,
+    { "smwb-badge_no-content": d }
+  );
+  return /* @__PURE__ */ u("span", { className: "smwb-badge__wrapper", "data-testid": "badge", children: [
+    c,
+    /* @__PURE__ */ $("span", { ref: _, className: t, "aria-label": b, ...f, children: d ? null : m })
+  ] });
+});
+export {
+  x as Badge,
+  x as default
+};
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../../src/components/dataDisplay/badge/badge.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  className?: string;\n  badgeContent?: React.ReactNode;\n  color?: \"primary\" | \"success\" | \"danger\";\n  variant?: \"inside\" | \"outside\";\n  vertical?: \"top\" | \"bottom\";\n  horizontal?: \"right\" | \"left\";\n  /** Cap numeric content, rendering `{max}+` when exceeded. */\n  max?: number;\n  /** Render the badge even when content is 0. */\n  showZero?: boolean;\n  /** Accessible label for the badge value. */\n  badgeAriaLabel?: string;\n}\n\nexport const Badge = forwardRef<HTMLSpanElement, PropsWithChildren<BadgeProps>>(function Badge(\n  {\n    className,\n    color = \"primary\",\n    badgeContent,\n    variant = \"outside\",\n    vertical = \"top\",\n    horizontal = \"right\",\n    max,\n    showZero = false,\n    badgeAriaLabel,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const isZero = badgeContent === 0 || badgeContent === \"0\";\n  const hidden = (badgeContent === undefined || badgeContent === null || (isZero && !showZero)) === true;\n\n  let display: React.ReactNode = badgeContent;\n  if (typeof badgeContent === \"number\" && max !== undefined && badgeContent > max) {\n    display = `${max}+`;\n  }\n\n  const badgeClassname = cn(\n    \"smwb-badge\",\n    `smwb-badge_${color}`,\n    `smwb-badge_${variant}`,\n    `smwb-badge_${variant}_${vertical}`,\n    `smwb-badge_${variant}_${vertical}_${horizontal}`,\n    className,\n    { \"smwb-badge_no-content\": hidden }\n  );\n\n  return (\n    <span className=\"smwb-badge__wrapper\" data-testid=\"badge\">\n      {children}\n      <span ref={ref} className={badgeClassname} aria-label={badgeAriaLabel} {...rest}>\n        {hidden ? null : display}\n      </span>\n    </span>\n  );\n});\n\nexport default Badge;\n"],"names":["Badge","forwardRef","className","color","badgeContent","variant","vertical","horizontal","max","showZero","badgeAriaLabel","children","rest","ref","isZero","hidden","display","badgeClassname","cn","jsxs","jsx"],"mappings":";;;;AAmBO,MAAMA,IAAQC,EAA2D,SAC9E;AAAA,EACE,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,KAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAASV,MAAiB,KAAKA,MAAiB,KAChDW,KAAwCX,KAAiB,QAASU,KAAU,CAACL,OAAe;AAElG,MAAIO,IAA2BZ;AAC/B,EAAI,OAAOA,KAAiB,YAAYI,MAAQ,UAAaJ,IAAeI,MAC1EQ,IAAU,GAAGR,CAAG;AAGlB,QAAMS,IAAiBC;AAAA,IACrB;AAAA,IACA,cAAcf,CAAK;AAAA,IACnB,cAAcE,CAAO;AAAA,IACrB,cAAcA,CAAO,IAAIC,CAAQ;AAAA,IACjC,cAAcD,CAAO,IAAIC,CAAQ,IAAIC,CAAU;AAAA,IAC/CL;AAAA,IACA,EAAE,yBAAyBa,EAAA;AAAA,EAAO;AAGpC,SACE,gBAAAI,EAAC,QAAA,EAAK,WAAU,uBAAsB,eAAY,SAC/C,UAAA;AAAA,IAAAR;AAAA,IACD,gBAAAS,EAAC,QAAA,EAAK,KAAAP,GAAU,WAAWI,GAAgB,cAAYP,GAAiB,GAAGE,GACxE,UAAAG,IAAS,OAAOC,EAAA,CACnB;AAAA,EAAA,GACF;AAEJ,CAAC;"}

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

@@ -0,0 +1,2 @@
+export { default as Badge } from "./badge";
+export type { BadgeProps } from "./badge";

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

@@ -0,0 +1,15 @@
+import React, { HTMLAttributes, ReactNode } from "react";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    variant?: "filled" | "elevated" | "outlined";
+    disabled?: boolean;
+    title?: string;
+    /** Footer slot rendered after the content. */
+    footer?: ReactNode;
+    /** Makes the card interactive (role=button, keyboard, focus ring). */
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & {
+    children?: ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Card;

package/dist/components/dataDisplay/card/card.js

@@ -0,0 +1,36 @@
+import { jsxs as _, jsx as c } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/card/card.entry.css';/* empty css                                                   */
+import l from "react";
+import p from "clsx";
+const j = l.forwardRef(function({ className: m, variant: v = "elevated", children: f, disabled: t, title: s, footer: i, onClick: r, onKeyDown: e, ...o }, b) {
+  const a = !!r && !t, n = (d) => {
+    e == null || e(d), a && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), r == null || r(d));
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: b,
+      "data-testid": "card",
+      className: p("smwb-card", `smwb-card_${v}`, m, {
+        card_disabled: t,
+        "smwb-card_interactive": a
+      }),
+      role: a ? "button" : void 0,
+      tabIndex: a ? 0 : void 0,
+      "aria-disabled": t || void 0,
+      onClick: a ? r : void 0,
+      onKeyDown: n,
+      ...o,
+      children: [
+        s && /* @__PURE__ */ c("div", { className: "smwb-card__title", children: s }),
+        f,
+        i && /* @__PURE__ */ c("div", { className: "smwb-card__footer", children: i })
+      ]
+    }
+  );
+});
+export {
+  j as Card,
+  j as default
+};
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../../src/components/dataDisplay/card/card.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren, ReactNode } from \"react\";\nimport cn from \"clsx\";\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  variant?: \"filled\" | \"elevated\" | \"outlined\";\n  disabled?: boolean;\n  title?: string;\n  /** Footer slot rendered after the content. */\n  footer?: ReactNode;\n  /** Makes the card interactive (role=button, keyboard, focus ring). */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, PropsWithChildren<CardProps>>(function Card(\n  { className, variant = \"elevated\", children, disabled, title, footer, onClick, onKeyDown, ...rest },\n  ref\n) {\n  const interactive = !!onClick && !disabled;\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (interactive && (e.key === \"Enter\" || e.key === \" \")) {\n      e.preventDefault();\n      onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      data-testid=\"card\"\n      className={cn(\"smwb-card\", `smwb-card_${variant}`, className, {\n        card_disabled: disabled,\n        \"smwb-card_interactive\": interactive,\n      })}\n      role={interactive ? \"button\" : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={interactive ? onClick : undefined}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      {title && <div className=\"smwb-card__title\">{title}</div>}\n      {children}\n      {footer && <div className=\"smwb-card__footer\">{footer}</div>}\n    </div>\n  );\n});\n\nexport default Card;\n"],"names":["Card","React","className","variant","children","disabled","title","footer","onClick","onKeyDown","rest","ref","interactive","handleKeyDown","e","jsxs","cn","jsx"],"mappings":";;;;AAeO,MAAMA,IAAOC,EAAM,WAAyD,SACjF,EAAE,WAAAC,GAAW,SAAAC,IAAU,YAAY,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,GAC7FC,GACA;AACA,QAAMC,IAAc,CAAC,CAACJ,KAAW,CAACH,GAE5BQ,IAAgB,CAACC,MAA2C;AAChE,IAAAL,KAAA,QAAAA,EAAYK,IACRF,MAAgBE,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjDA,EAAE,eAAA,GACFN,KAAA,QAAAA,EAAUM;AAAA,EAEd;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWK,EAAG,aAAa,aAAab,CAAO,IAAID,GAAW;AAAA,QAC5D,eAAeG;AAAA,QACf,yBAAyBO;AAAA,MAAA,CAC1B;AAAA,MACD,MAAMA,IAAc,WAAW;AAAA,MAC/B,UAAUA,IAAc,IAAI;AAAA,MAC5B,iBAAeP,KAAY;AAAA,MAC3B,SAASO,IAAcJ,IAAU;AAAA,MACjC,WAAWK;AAAA,MACV,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAJ,KAAS,gBAAAW,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAX,GAAM;AAAA,QAClDF;AAAA,QACAG,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAV,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D,CAAC;"}

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

@@ -0,0 +1,2 @@
+export { default as Card } from "./card";
+export type { CardProps } from "./card";

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

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+export interface CarouselProps extends React.PropsWithChildren {
+    slidesToShow?: number;
+    startSlide?: number;
+    className?: string;
+    showNavigation?: boolean;
+    showArrows?: boolean;
+    arrowsSize?: number;
+    navigationClassName?: string;
+    onSlideChange?: (slideIndex: number) => void;
+    navigationDotRenderer?: (index: number, isActive: boolean, onClick: (index: number) => void) => ReactNode;
+    /** Accessible label for the carousel region. */
+    "aria-label"?: string;
+    /** Advance slides automatically. */
+    autoplay?: boolean;
+    /** Autoplay interval in ms. */
+    autoplayInterval?: number;
+    /** Pause autoplay while the pointer is over the carousel. */
+    pauseOnHover?: boolean;
+}
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+export default Carousel;