@smwb/ui-react 2.6.3 → 2.7.0

package/dist/components/feedBack/snackbar/snackbar.js

@@ -1,5 +1,6 @@
 import { jsx as k, jsxs as g } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/snackbar/snackbar.entry.css';/* empty css                                                           */
+import '../../../assets/styles/less/components/snackbar/snackbar.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                           */
 import F, { useState as L, useCallback as G, useContext as q, useRef as E, createContext as y, useEffect as z } from "react";
 import { v4 as H } from "uuid";
 import { createPortal as J } from "react-dom";
@@ -68,7 +69,7 @@ const I = y({
   clearByIdSnackbar: () => {
   }
 });
-function oe(r) {
+function ce(r) {
   const {
     position: l = "top-right",
     variant: f = "dark",
@@ -184,12 +185,12 @@ const W = F.forwardRef(function({
     }
   );
 });
-function ce() {
+function ie() {
   return q(I);
 }
 export {
   W as Snackbar,
-  oe as SnackbarProvider,
-  ce as useSnackbar
+  ce as SnackbarProvider,
+  ie as useSnackbar
 };
 //# sourceMappingURL=snackbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sources":["../../../../src/components/feedBack/snackbar/snackbar.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { v4 } from \"uuid\";\nimport { createPortal } from \"react-dom\";\nimport cn from \"clsx\";\nimport { CSSTransition, TransitionGroup } from \"react-transition-group\";\nimport { useSnackbarsPortal } from \"./useSnackbarsPortal\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\n\nexport const variants = [\"dark\", \"light\", \"danger\", \"success\", \"warning\", \"info\"] as const;\nexport const positions = [\"top\", \"bottom\", \"top-left\", \"top-right\", \"bottom-right\", \"bottom-left\"] as const;\n\nexport type Variants = (typeof variants)[number];\nexport type Position = (typeof positions)[number];\n\nexport interface SnackbarsProviderProps extends React.HTMLAttributes<HTMLElement> {\n  variant?: Variants;\n  position?: Position;\n  autoCloseTime?: number;\n  closeOnClick?: boolean;\n  autoClose?: boolean;\n  component?: React.ElementType;\n}\n\ninterface Snack extends SnackbarsProviderProps {\n  id: string;\n  message: React.ReactNode;\n}\n\ninterface SnackTransitionProps {\n  snack: Snack;\n  position: Position;\n  variant: Variants;\n  className?: string;\n  component: React.ElementType;\n  autoClose: boolean;\n  autoCloseTime: number;\n  snackRest: Omit<\n    SnackbarsProviderProps,\n    \"variant\" | \"position\" | \"autoCloseTime\" | \"autoClose\" | \"closeOnClick\" | \"onClick\" | \"component\" | \"children\"\n  >;\n  onSnackRemove: (id: string) => (event: React.MouseEvent<HTMLElement>) => void;\n  onClose: (id: string) => () => void;\n}\n\nfunction SnackTransition({\n  snack,\n  position,\n  variant,\n  className,\n  component,\n  autoClose,\n  autoCloseTime,\n  snackRest,\n  onSnackRemove,\n  onClose,\n}: SnackTransitionProps) {\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <CSSTransition\n      appear\n      timeout={125}\n      classNames={{\n        appear: \"smwb-snackbar-enter\",\n        appearActive: \"smwb-snackbar-enter-active\",\n        appearDone: \"smwb-snackbar-enter-done\",\n        enter: \"smwb-snackbar-enter\",\n        enterActive: \"smwb-snackbar-enter-active\",\n        enterDone: \"smwb-snackbar-enter-done\",\n        exitActive: \"smwb-snackbar-exit-active\",\n      }}\n      unmountOnExit\n      in\n      nodeRef={nodeRef}\n    >\n      <Snackbar\n        ref={nodeRef}\n        component={snack.component ?? component}\n        message={snack.message}\n        position={snack.position ?? position}\n        variant={snack.variant ?? variant}\n        onClick={onSnackRemove(snack.id)}\n        className={cn(className, snack.className)}\n        isAutoClose={snack.autoClose ?? autoClose}\n        autoCloseTime={snack.autoCloseTime ?? autoCloseTime}\n        onClose={onClose(snack.id)}\n        {...snackRest}\n      />\n    </CSSTransition>\n  );\n}\n\nexport interface AddSnackbarOptions extends SnackbarsProviderProps {\n  key?: string;\n  message: React.ReactNode;\n}\n\nexport type AddSnackbar = (options: AddSnackbarOptions) => string;\n\nexport interface SnackbarOptions {\n  addSnackbar: AddSnackbar;\n  clearAllSnackbars: () => void;\n  clearFirstSnackbar: () => void;\n  clearLastSnackbar: () => void;\n  clearByIdSnackbar: (id: string) => void;\n}\n\nconst SnackbarContext = createContext<SnackbarOptions>({\n  addSnackbar: () => \"\",\n  clearAllSnackbars: () => undefined,\n  clearFirstSnackbar: () => undefined,\n  clearLastSnackbar: () => undefined,\n  clearByIdSnackbar: () => undefined,\n});\n\nexport function SnackbarProvider(props: SnackbarsProviderProps) {\n  const {\n    position = \"top-right\",\n    variant = \"dark\",\n    className,\n    autoClose = true,\n    autoCloseTime = 5000,\n    closeOnClick = true,\n    onClick,\n    component = \"div\",\n    children,\n    ...rest\n  } = props;\n\n  const [snacks, setSnacks] = useState<Snack[]>([]);\n  const { snackbarDomRoot } = useSnackbarsPortal();\n\n  const addSnackbar: AddSnackbar = useCallback((options) => {\n    const { key, ...rest } = options;\n\n    const id = key ?? v4();\n    const snack: Snack = { id, ...rest };\n\n    setSnacks((prevState) => {\n      const index = prevState.findIndex((item) => item.id === id);\n      if (index === -1) {\n        return [...prevState, snack];\n      }\n      const next = [...prevState];\n      next[index] = snack;\n      return next;\n    });\n\n    return id;\n  }, []);\n\n  const clearAllSnackbars = () => {\n    setSnacks([]);\n  };\n\n  const clearFirstSnackbar = () => {\n    setSnacks((prevState) => prevState.slice(1));\n  };\n\n  const clearLastSnackbar = () => {\n    setSnacks((prevState) => prevState.slice(0, -1));\n  };\n\n  const clearByIdSnackbar = (id: string) => {\n    setSnacks((prevState) => prevState.filter((value) => value.id !== id));\n  };\n\n  const onSnackRemove = (id: string) => (event: React.MouseEvent<HTMLElement>) => {\n    onClick?.(event);\n\n    if (closeOnClick) {\n      clearByIdSnackbar(id);\n    }\n  };\n\n  const onClose = (id: string) => () => {\n    clearByIdSnackbar(id);\n  };\n\n  const currentPositions = snacks.reduce(\n    (acc, snack) => {\n      const currentPosition = snack.position ?? position;\n\n      acc[currentPosition] = [...(acc[currentPosition] ?? []), snack];\n\n      return acc;\n    },\n    {} as Record<Position, Snack[]>\n  );\n\n  const snackbars = (Object.keys(currentPositions) as unknown as typeof positions).map((key) => {\n    const snacks = currentPositions[key];\n\n    return (\n      <TransitionGroup\n        key={key}\n        className={cn(\"smwb-snackbars\", `smwb-${key}`)}\n        data-testid={`snackbars-${key}`}\n        appear\n      >\n        {snacks.map((snack) => (\n          <SnackTransition\n            key={snack.id}\n            snack={snack}\n            position={position}\n            variant={variant}\n            className={className}\n            component={component}\n            autoClose={autoClose}\n            autoCloseTime={autoCloseTime}\n            snackRest={rest}\n            onSnackRemove={onSnackRemove}\n            onClose={onClose}\n          />\n        ))}\n      </TransitionGroup>\n    );\n  });\n\n  return (\n    <SnackbarContext.Provider\n      value={{ addSnackbar, clearAllSnackbars, clearFirstSnackbar, clearLastSnackbar, clearByIdSnackbar }}\n    >\n      {children}\n      {snackbarDomRoot && createPortal(snackbars, snackbarDomRoot)}\n    </SnackbarContext.Provider>\n  );\n}\n\nexport interface SnackbarProps extends React.HTMLAttributes<HTMLElement> {\n  message?: React.ReactNode;\n  variant?: Variants;\n  position?: Position;\n  component?: React.ElementType;\n  isAutoClose?: boolean;\n  autoCloseTime?: number;\n  onClose?: () => void;\n  /** Optional action node rendered after the message (e.g. an Undo button). */\n  action?: React.ReactNode;\n}\n\nexport const Snackbar = React.forwardRef(function SnackbarInner(\n  {\n    className,\n    message,\n    variant = \"dark\",\n    position = \"top-right\",\n    onClick,\n    component = \"div\",\n    isAutoClose,\n    autoCloseTime,\n    onClose,\n    action,\n    ...rest\n  }: SnackbarProps,\n  ref\n) {\n  const timerClose = useRef<ReturnType<typeof setTimeout>>();\n\n  const setCloseTimer = useEventCallback(() => {\n    if (!onClose || !isAutoClose || !autoCloseTime) {\n      return;\n    }\n\n    if (timerClose.current) {\n      clearTimeout(timerClose.current);\n    }\n\n    timerClose.current = setTimeout(() => {\n      onClose();\n    }, autoCloseTime);\n  });\n\n  useEffect(() => {\n    setCloseTimer();\n\n    return () => {\n      if (timerClose.current) {\n        clearTimeout(timerClose.current);\n      }\n    };\n  }, [setCloseTimer]);\n\n  const Element = component;\n\n  return (\n    <Element\n      ref={ref}\n      className={cn(\"smwb-snackbar\", className, `smwb-${variant}`, `smwb-${position}`)}\n      onClick={onClick}\n      role=\"alert\"\n      aria-live={variant === \"danger\" ? \"assertive\" : \"polite\"}\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"smwb-snackbar__body\">{message}</div>\n      {action != null ? <div className=\"smwb-snackbar__action\">{action}</div> : null}\n    </Element>\n  );\n});\n\nexport function useSnackbar() {\n  return useContext(SnackbarContext);\n}\n\nexport default SnackbarProvider;\n"],"names":["SnackTransition","snack","position","variant","className","component","autoClose","autoCloseTime","snackRest","onSnackRemove","onClose","nodeRef","useRef","jsx","CSSTransition","Snackbar","_a","_b","_c","cn","_d","_e","SnackbarContext","createContext","SnackbarProvider","props","closeOnClick","onClick","children","rest","snacks","setSnacks","useState","snackbarDomRoot","useSnackbarsPortal","addSnackbar","useCallback","options","key","id","v4","prevState","index","item","next","clearAllSnackbars","clearFirstSnackbar","clearLastSnackbar","clearByIdSnackbar","value","event","currentPositions","acc","currentPosition","snackbars","TransitionGroup","jsxs","createPortal","React","message","isAutoClose","action","ref","timerClose","setCloseTimer","useEventCallback","useEffect","useSnackbar","useContext"],"mappings":"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"}
+{"version":3,"file":"snackbar.js","sources":["../../../../src/components/feedBack/snackbar/snackbar.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { v4 } from \"uuid\";\nimport { createPortal } from \"react-dom\";\nimport cn from \"clsx\";\nimport { CSSTransition, TransitionGroup } from \"react-transition-group\";\nimport { useSnackbarsPortal } from \"./useSnackbarsPortal\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\n\nexport const variants = [\"dark\", \"light\", \"danger\", \"success\", \"warning\", \"info\"] as const;\nexport const positions = [\"top\", \"bottom\", \"top-left\", \"top-right\", \"bottom-right\", \"bottom-left\"] as const;\n\nexport type Variants = (typeof variants)[number];\nexport type Position = (typeof positions)[number];\n\nexport interface SnackbarsProviderProps extends React.HTMLAttributes<HTMLElement> {\n  variant?: Variants;\n  position?: Position;\n  autoCloseTime?: number;\n  closeOnClick?: boolean;\n  autoClose?: boolean;\n  component?: React.ElementType;\n}\n\ninterface Snack extends SnackbarsProviderProps {\n  id: string;\n  message: React.ReactNode;\n}\n\ninterface SnackTransitionProps {\n  snack: Snack;\n  position: Position;\n  variant: Variants;\n  className?: string;\n  component: React.ElementType;\n  autoClose: boolean;\n  autoCloseTime: number;\n  snackRest: Omit<\n    SnackbarsProviderProps,\n    \"variant\" | \"position\" | \"autoCloseTime\" | \"autoClose\" | \"closeOnClick\" | \"onClick\" | \"component\" | \"children\"\n  >;\n  onSnackRemove: (id: string) => (event: React.MouseEvent<HTMLElement>) => void;\n  onClose: (id: string) => () => void;\n}\n\nfunction SnackTransition({\n  snack,\n  position,\n  variant,\n  className,\n  component,\n  autoClose,\n  autoCloseTime,\n  snackRest,\n  onSnackRemove,\n  onClose,\n}: SnackTransitionProps) {\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <CSSTransition\n      appear\n      timeout={125}\n      classNames={{\n        appear: \"smwb-snackbar-enter\",\n        appearActive: \"smwb-snackbar-enter-active\",\n        appearDone: \"smwb-snackbar-enter-done\",\n        enter: \"smwb-snackbar-enter\",\n        enterActive: \"smwb-snackbar-enter-active\",\n        enterDone: \"smwb-snackbar-enter-done\",\n        exitActive: \"smwb-snackbar-exit-active\",\n      }}\n      unmountOnExit\n      in\n      nodeRef={nodeRef}\n    >\n      <Snackbar\n        ref={nodeRef}\n        component={snack.component ?? component}\n        message={snack.message}\n        position={snack.position ?? position}\n        variant={snack.variant ?? variant}\n        onClick={onSnackRemove(snack.id)}\n        className={cn(className, snack.className)}\n        isAutoClose={snack.autoClose ?? autoClose}\n        autoCloseTime={snack.autoCloseTime ?? autoCloseTime}\n        onClose={onClose(snack.id)}\n        {...snackRest}\n      />\n    </CSSTransition>\n  );\n}\n\nexport interface AddSnackbarOptions extends SnackbarsProviderProps {\n  key?: string;\n  message: React.ReactNode;\n}\n\nexport type AddSnackbar = (options: AddSnackbarOptions) => string;\n\nexport interface SnackbarOptions {\n  addSnackbar: AddSnackbar;\n  clearAllSnackbars: () => void;\n  clearFirstSnackbar: () => void;\n  clearLastSnackbar: () => void;\n  clearByIdSnackbar: (id: string) => void;\n}\n\nconst SnackbarContext = createContext<SnackbarOptions>({\n  addSnackbar: () => \"\",\n  clearAllSnackbars: () => undefined,\n  clearFirstSnackbar: () => undefined,\n  clearLastSnackbar: () => undefined,\n  clearByIdSnackbar: () => undefined,\n});\n\nexport function SnackbarProvider(props: SnackbarsProviderProps) {\n  const {\n    position = \"top-right\",\n    variant = \"dark\",\n    className,\n    autoClose = true,\n    autoCloseTime = 5000,\n    closeOnClick = true,\n    onClick,\n    component = \"div\",\n    children,\n    ...rest\n  } = props;\n\n  const [snacks, setSnacks] = useState<Snack[]>([]);\n  const { snackbarDomRoot } = useSnackbarsPortal();\n\n  const addSnackbar: AddSnackbar = useCallback((options) => {\n    const { key, ...rest } = options;\n\n    const id = key ?? v4();\n    const snack: Snack = { id, ...rest };\n\n    setSnacks((prevState) => {\n      const index = prevState.findIndex((item) => item.id === id);\n      if (index === -1) {\n        return [...prevState, snack];\n      }\n      const next = [...prevState];\n      next[index] = snack;\n      return next;\n    });\n\n    return id;\n  }, []);\n\n  const clearAllSnackbars = () => {\n    setSnacks([]);\n  };\n\n  const clearFirstSnackbar = () => {\n    setSnacks((prevState) => prevState.slice(1));\n  };\n\n  const clearLastSnackbar = () => {\n    setSnacks((prevState) => prevState.slice(0, -1));\n  };\n\n  const clearByIdSnackbar = (id: string) => {\n    setSnacks((prevState) => prevState.filter((value) => value.id !== id));\n  };\n\n  const onSnackRemove = (id: string) => (event: React.MouseEvent<HTMLElement>) => {\n    onClick?.(event);\n\n    if (closeOnClick) {\n      clearByIdSnackbar(id);\n    }\n  };\n\n  const onClose = (id: string) => () => {\n    clearByIdSnackbar(id);\n  };\n\n  const currentPositions = snacks.reduce(\n    (acc, snack) => {\n      const currentPosition = snack.position ?? position;\n\n      acc[currentPosition] = [...(acc[currentPosition] ?? []), snack];\n\n      return acc;\n    },\n    {} as Record<Position, Snack[]>\n  );\n\n  const snackbars = (Object.keys(currentPositions) as unknown as typeof positions).map((key) => {\n    const snacks = currentPositions[key];\n\n    return (\n      <TransitionGroup\n        key={key}\n        className={cn(\"smwb-snackbars\", `smwb-${key}`)}\n        data-testid={`snackbars-${key}`}\n        appear\n      >\n        {snacks.map((snack) => (\n          <SnackTransition\n            key={snack.id}\n            snack={snack}\n            position={position}\n            variant={variant}\n            className={className}\n            component={component}\n            autoClose={autoClose}\n            autoCloseTime={autoCloseTime}\n            snackRest={rest}\n            onSnackRemove={onSnackRemove}\n            onClose={onClose}\n          />\n        ))}\n      </TransitionGroup>\n    );\n  });\n\n  return (\n    <SnackbarContext.Provider\n      value={{ addSnackbar, clearAllSnackbars, clearFirstSnackbar, clearLastSnackbar, clearByIdSnackbar }}\n    >\n      {children}\n      {snackbarDomRoot && createPortal(snackbars, snackbarDomRoot)}\n    </SnackbarContext.Provider>\n  );\n}\n\nexport interface SnackbarProps extends React.HTMLAttributes<HTMLElement> {\n  message?: React.ReactNode;\n  variant?: Variants;\n  position?: Position;\n  component?: React.ElementType;\n  isAutoClose?: boolean;\n  autoCloseTime?: number;\n  onClose?: () => void;\n  /** Optional action node rendered after the message (e.g. an Undo button). */\n  action?: React.ReactNode;\n}\n\nexport const Snackbar = React.forwardRef(function SnackbarInner(\n  {\n    className,\n    message,\n    variant = \"dark\",\n    position = \"top-right\",\n    onClick,\n    component = \"div\",\n    isAutoClose,\n    autoCloseTime,\n    onClose,\n    action,\n    ...rest\n  }: SnackbarProps,\n  ref\n) {\n  const timerClose = useRef<ReturnType<typeof setTimeout>>();\n\n  const setCloseTimer = useEventCallback(() => {\n    if (!onClose || !isAutoClose || !autoCloseTime) {\n      return;\n    }\n\n    if (timerClose.current) {\n      clearTimeout(timerClose.current);\n    }\n\n    timerClose.current = setTimeout(() => {\n      onClose();\n    }, autoCloseTime);\n  });\n\n  useEffect(() => {\n    setCloseTimer();\n\n    return () => {\n      if (timerClose.current) {\n        clearTimeout(timerClose.current);\n      }\n    };\n  }, [setCloseTimer]);\n\n  const Element = component;\n\n  return (\n    <Element\n      ref={ref}\n      className={cn(\"smwb-snackbar\", className, `smwb-${variant}`, `smwb-${position}`)}\n      onClick={onClick}\n      role=\"alert\"\n      aria-live={variant === \"danger\" ? \"assertive\" : \"polite\"}\n      aria-atomic=\"true\"\n      {...rest}\n    >\n      <div className=\"smwb-snackbar__body\">{message}</div>\n      {action != null ? <div className=\"smwb-snackbar__action\">{action}</div> : null}\n    </Element>\n  );\n});\n\nexport function useSnackbar() {\n  return useContext(SnackbarContext);\n}\n\nexport default SnackbarProvider;\n"],"names":["SnackTransition","snack","position","variant","className","component","autoClose","autoCloseTime","snackRest","onSnackRemove","onClose","nodeRef","useRef","jsx","CSSTransition","Snackbar","_a","_b","_c","cn","_d","_e","SnackbarContext","createContext","SnackbarProvider","props","closeOnClick","onClick","children","rest","snacks","setSnacks","useState","snackbarDomRoot","useSnackbarsPortal","addSnackbar","useCallback","options","key","id","v4","prevState","index","item","next","clearAllSnackbars","clearFirstSnackbar","clearLastSnackbar","clearByIdSnackbar","value","event","currentPositions","acc","currentPosition","snackbars","TransitionGroup","jsxs","createPortal","React","message","isAutoClose","action","ref","timerClose","setCloseTimer","useEventCallback","useEffect","useSnackbar","useContext"],"mappings":"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"}

package/dist/components/feedBack/tooltip/tooltip.js

@@ -1,64 +1,72 @@
-import { jsxs as S, jsx as f } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/tooltip/tooltip.entry.css';/* empty css                                                         */
-import { forwardRef as X, useState as d, useRef as v, useCallback as u, useEffect as Y } from "react";
-import H from "clsx";
-import { useFloating as L, autoUpdate as U, offset as V } from "@floating-ui/react";
-import { resolvePlacement as q } from "../../../utils/floating.js";
-const W = X(function({
-  className: h,
-  children: w,
-  placement: T = "top",
-  offset: e = { offsetX: 0, offsetY: 0 },
-  message: k,
-  open: b,
-  trigger: o = "hover",
-  openDelay: s = 0,
-  closeDelay: c = 0
-}, x) {
-  var m, p;
-  const i = q(T), [O, r] = d(!1), [R, C] = d(!1), n = v(null), l = v(null), t = u(() => {
-    n.current !== null && (clearTimeout(n.current), n.current = null), l.current !== null && (clearTimeout(l.current), l.current = null);
+import { jsxs as _, jsx as v } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/tooltip/tooltip.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                         */
+import { forwardRef as M, useState as f, useRef as w, useCallback as d, useEffect as N } from "react";
+import j from "clsx";
+import { useFloating as A, autoUpdate as F, offset as L, flip as S, shift as V } from "@floating-ui/react";
+import { resolvePlacement as X } from "../../../utils/floating.js";
+function Y({ reference: h, placement: u, offset: e, className: a, children: m }) {
+  var o, n;
+  const l = X(u), { refs: p, floatingStyles: t } = A({
+    elements: { reference: h },
+    placement: l.placement,
+    whileElementsMounted: F,
+    middleware: [
+      L({ mainAxis: (o = e == null ? void 0 : e.offsetY) != null ? o : 0, crossAxis: (n = e == null ? void 0 : e.offsetX) != null ? n : 0 }),
+      // A fixed placement turns to the other side, and slides along it, when the
+      // viewport has no room for it.
+      ...l.autoMiddleware ? [l.autoMiddleware] : [S(), V({ padding: 8 })]
+    ]
+  });
+  return /* @__PURE__ */ v("div", { ref: p.setFloating, className: j("smwb-tooltip", a), style: t, children: m });
+}
+const Z = M(function({
+  className: u,
+  children: e,
+  placement: a = "top",
+  offset: m = { offsetX: 0, offsetY: 0 },
+  message: l,
+  open: p,
+  trigger: t = "hover",
+  openDelay: o = 0,
+  closeDelay: n = 0
+}, k) {
+  const [T, b] = f(null), [P, i] = f(!1), [x, C] = f(!1), s = w(null), c = w(null), r = d(() => {
+    s.current !== null && (clearTimeout(s.current), s.current = null), c.current !== null && (clearTimeout(c.current), c.current = null);
   }, []);
-  Y(() => () => t(), [t]);
-  const _ = u(() => {
-    if (t(), s <= 0) {
-      r(!0);
+  N(() => () => r(), [r]);
+  const O = d(() => {
+    if (r(), o <= 0) {
+      i(!0);
       return;
     }
-    n.current = setTimeout(() => r(!0), s);
-  }, [t, s]), E = u(() => {
-    if (t(), c <= 0) {
-      r(!1);
+    s.current = setTimeout(() => i(!0), o);
+  }, [r, o]), R = d(() => {
+    if (r(), n <= 0) {
+      i(!1);
       return;
     }
-    l.current = setTimeout(() => r(!1), c);
-  }, [t, c]), { refs: a, floatingStyles: M } = L({
-    placement: i.placement,
-    whileElementsMounted: U,
-    middleware: [
-      V({ mainAxis: (m = e == null ? void 0 : e.offsetY) != null ? m : 0, crossAxis: (p = e == null ? void 0 : e.offsetX) != null ? p : 0 }),
-      ...i.autoMiddleware ? [i.autoMiddleware] : []
-    ]
-  }), N = o === "manual" ? b === !0 : o === "click" ? R : O, P = o === "hover" ? _ : void 0, j = o === "hover" ? E : void 0, A = o === "click" ? () => {
-    C((F) => !F);
-  } : void 0;
-  return /* @__PURE__ */ S("div", { className: "smwb-tooltip__wrapper", role: "tooltip", ref: x, children: [
-    /* @__PURE__ */ f(
+    c.current = setTimeout(() => i(!1), n);
+  }, [r, n]);
+  return /* @__PURE__ */ _("div", { className: "smwb-tooltip__wrapper", role: "tooltip", ref: k, children: [
+    /* @__PURE__ */ v(
       "div",
       {
         className: "smwb-tooltip__ref",
-        ref: a.setReference,
-        onPointerEnter: P,
-        onPointerLeave: j,
-        onClick: A,
-        children: w
+        ref: b,
+        onPointerEnter: t === "hover" ? O : void 0,
+        onPointerLeave: t === "hover" ? R : void 0,
+        onClick: t === "click" ? () => {
+          C((E) => !E);
+        } : void 0,
+        children: e
       }
     ),
-    N && /* @__PURE__ */ f("div", { ref: a.setFloating, className: H("smwb-tooltip", h), style: M, children: k })
+    (t === "manual" ? p === !0 : t === "click" ? x : P) && T ? /* @__PURE__ */ v(Y, { reference: T, placement: a, offset: m, className: u, children: l }) : null
   ] });
 });
 export {
-  W as Tooltip,
-  W as default
+  Z as Tooltip,
+  Z as default
 };
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useCallback, useEffect, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { autoUpdate, offset as offsetMiddleware, useFloating } from \"@floating-ui/react\";\nimport { Placement, resolvePlacement } from \"../../../utils/floating\";\n\nexport type TooltipTrigger = \"hover\" | \"click\" | \"manual\";\n\nexport interface TooltipProps {\n  className?: string;\n  offset?: {\n    offsetX?: number;\n    offsetY?: number;\n  };\n  message: React.ReactNode;\n  placement?: Placement;\n  /** Controls tooltip visibility when trigger is manual. */\n  open?: boolean;\n  /** hover (default): show on pointer enter; click: toggle; manual: use open only. */\n  trigger?: TooltipTrigger;\n  openDelay?: number;\n  closeDelay?: number;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, PropsWithChildren<TooltipProps>>(function Tooltip(\n  {\n    className,\n    children,\n    placement = \"top\",\n    offset = { offsetX: 0, offsetY: 0 },\n    message,\n    open: openProp,\n    trigger = \"hover\",\n    openDelay = 0,\n    closeDelay = 0,\n  },\n  ref\n) {\n  const resolved = resolvePlacement(placement);\n  const [hoverOpen, setHoverOpen] = useState(false);\n  const [clickOpen, setClickOpen] = useState(false);\n  const openTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimers = useCallback(() => {\n    if (openTimerRef.current !== null) {\n      clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n    if (closeTimerRef.current !== null) {\n      clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => () => clearTimers(), [clearTimers]);\n\n  const scheduleOpen = useCallback(() => {\n    clearTimers();\n    if (openDelay <= 0) {\n      setHoverOpen(true);\n      return;\n    }\n    openTimerRef.current = setTimeout(() => setHoverOpen(true), openDelay);\n  }, [clearTimers, openDelay]);\n\n  const scheduleClose = useCallback(() => {\n    clearTimers();\n    if (closeDelay <= 0) {\n      setHoverOpen(false);\n      return;\n    }\n    closeTimerRef.current = setTimeout(() => setHoverOpen(false), closeDelay);\n  }, [clearTimers, closeDelay]);\n\n  const { refs, floatingStyles } = useFloating({\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offsetMiddleware({ mainAxis: offset?.offsetY ?? 0, crossAxis: offset?.offsetX ?? 0 }),\n      ...(resolved.autoMiddleware ? [resolved.autoMiddleware] : []),\n    ],\n  });\n\n  const isVisible = trigger === \"manual\" ? openProp === true : trigger === \"click\" ? clickOpen : hoverOpen;\n\n  const onPointerEnter = trigger === \"hover\" ? scheduleOpen : undefined;\n  const onPointerLeave = trigger === \"hover\" ? scheduleClose : undefined;\n  const onClick =\n    trigger === \"click\"\n      ? () => {\n          setClickOpen((prev) => !prev);\n        }\n      : undefined;\n\n  return (\n    <div className=\"smwb-tooltip__wrapper\" role=\"tooltip\" ref={ref}>\n      <div\n        className=\"smwb-tooltip__ref\"\n        ref={refs.setReference}\n        onPointerEnter={onPointerEnter}\n        onPointerLeave={onPointerLeave}\n        onClick={onClick}\n      >\n        {children}\n      </div>\n      {isVisible && (\n        <div ref={refs.setFloating} className={cn(\"smwb-tooltip\", className)} style={floatingStyles}>\n          {message}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","className","children","placement","offset","message","openProp","trigger","openDelay","closeDelay","ref","resolved","resolvePlacement","hoverOpen","setHoverOpen","useState","clickOpen","setClickOpen","openTimerRef","useRef","closeTimerRef","clearTimers","useCallback","useEffect","scheduleOpen","scheduleClose","refs","floatingStyles","useFloating","autoUpdate","offsetMiddleware","isVisible","onPointerEnter","onPointerLeave","onClick","prev","jsx","cn"],"mappings":";;;;;;AAwBO,MAAMA,IAAUC,EAA4D,SACjF;AAAA,EACE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EAAA,QACZC,IAAS,EAAE,SAAS,GAAG,SAAS,EAAA;AAAA,EAChC,SAAAC;AAAA,EACA,MAAMC;AAAA,EACN,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AACf,GACAC,GACA;;AACA,QAAMC,IAAWC,EAAiBT,CAAS,GACrC,CAACU,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAeC,EAA6C,IAAI,GAChEC,IAAgBD,EAA6C,IAAI,GAEjEE,IAAcC,EAAY,MAAM;AACpC,IAAIJ,EAAa,YAAY,SAC3B,aAAaA,EAAa,OAAO,GACjCA,EAAa,UAAU,OAErBE,EAAc,YAAY,SAC5B,aAAaA,EAAc,OAAO,GAClCA,EAAc,UAAU;AAAA,EAE5B,GAAG,CAAA,CAAE;AAEL,EAAAG,EAAU,MAAM,MAAMF,KAAe,CAACA,CAAW,CAAC;AAElD,QAAMG,IAAeF,EAAY,MAAM;AAErC,QADAD,EAAA,GACIb,KAAa,GAAG;AAClB,MAAAM,EAAa,EAAI;AACjB;AAAA,IACF;AACA,IAAAI,EAAa,UAAU,WAAW,MAAMJ,EAAa,EAAI,GAAGN,CAAS;AAAA,EACvE,GAAG,CAACa,GAAab,CAAS,CAAC,GAErBiB,IAAgBH,EAAY,MAAM;AAEtC,QADAD,EAAA,GACIZ,KAAc,GAAG;AACnB,MAAAK,EAAa,EAAK;AAClB;AAAA,IACF;AACA,IAAAM,EAAc,UAAU,WAAW,MAAMN,EAAa,EAAK,GAAGL,CAAU;AAAA,EAC1E,GAAG,CAACY,GAAaZ,CAAU,CAAC,GAEtB,EAAE,MAAAiB,GAAM,gBAAAC,EAAA,IAAmBC,EAAY;AAAA,IAC3C,WAAWjB,EAAS;AAAA,IACpB,sBAAsBkB;AAAA,IACtB,YAAY;AAAA,MACVC,EAAiB,EAAE,WAAU1B,IAAAA,KAAAA,gBAAAA,EAAQ,YAARA,OAAAA,IAAmB,GAAG,YAAWA,IAAAA,KAAAA,gBAAAA,EAAQ,YAARA,OAAAA,IAAmB,GAAG;AAAA,MACpF,GAAIO,EAAS,iBAAiB,CAACA,EAAS,cAAc,IAAI,CAAA;AAAA,IAAC;AAAA,EAC7D,CACD,GAEKoB,IAAYxB,MAAY,WAAWD,MAAa,KAAOC,MAAY,UAAUS,IAAYH,GAEzFmB,IAAiBzB,MAAY,UAAUiB,IAAe,QACtDS,IAAiB1B,MAAY,UAAUkB,IAAgB,QACvDS,IACJ3B,MAAY,UACR,MAAM;AACJ,IAAAU,EAAa,CAACkB,MAAS,CAACA,CAAI;AAAA,EAC9B,IACA;AAEN,2BACG,OAAA,EAAI,WAAU,yBAAwB,MAAK,WAAU,KAAAzB,GACpD,UAAA;AAAA,IAAA,gBAAA0B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAKV,EAAK;AAAA,QACV,gBAAAM;AAAA,QACA,gBAAAC;AAAA,QACA,SAAAC;AAAA,QAEC,UAAAhC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF6B,KACC,gBAAAK,EAAC,OAAA,EAAI,KAAKV,EAAK,aAAa,WAAWW,EAAG,gBAAgBpC,CAAS,GAAG,OAAO0B,GAC1E,UAAAtB,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedBack/tooltip/tooltip.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useCallback, useEffect, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { autoUpdate, flip, offset as offsetMiddleware, shift, useFloating } from \"@floating-ui/react\";\nimport { Placement, resolvePlacement } from \"../../../utils/floating\";\n\nexport type TooltipTrigger = \"hover\" | \"click\" | \"manual\";\n\nexport interface TooltipProps {\n  className?: string;\n  offset?: {\n    offsetX?: number;\n    offsetY?: number;\n  };\n  message: React.ReactNode;\n  placement?: Placement;\n  /** Controls tooltip visibility when trigger is manual. */\n  open?: boolean;\n  /** hover (default): show on pointer enter; click: toggle; manual: use open only. */\n  trigger?: TooltipTrigger;\n  openDelay?: number;\n  closeDelay?: number;\n}\n\ninterface TooltipPopupProps {\n  reference: HTMLElement;\n  placement: Placement;\n  offset: TooltipProps[\"offset\"];\n  className?: string;\n  children: React.ReactNode;\n}\n\n// Floating UI's hooks run layout effects, so they live here and mount only while\n// the tooltip shows: a closed tooltip runs none, on the server included. (Floating\n// UI picks useLayoutEffect when its module loads in a DOM, so a server render in\n// a DOM test environment warned for every closed tooltip.)\nfunction TooltipPopup({ reference, placement, offset, className, children }: TooltipPopupProps) {\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    elements: { reference },\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offsetMiddleware({ mainAxis: offset?.offsetY ?? 0, crossAxis: offset?.offsetX ?? 0 }),\n      // A fixed placement turns to the other side, and slides along it, when the\n      // viewport has no room for it.\n      ...(resolved.autoMiddleware ? [resolved.autoMiddleware] : [flip(), shift({ padding: 8 })]),\n    ],\n  });\n  return (\n    <div ref={refs.setFloating} className={cn(\"smwb-tooltip\", className)} style={floatingStyles}>\n      {children}\n    </div>\n  );\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, PropsWithChildren<TooltipProps>>(function Tooltip(\n  {\n    className,\n    children,\n    placement = \"top\",\n    offset = { offsetX: 0, offsetY: 0 },\n    message,\n    open: openProp,\n    trigger = \"hover\",\n    openDelay = 0,\n    closeDelay = 0,\n  },\n  ref\n) {\n  const [reference, setReference] = useState<HTMLDivElement | null>(null);\n  const [hoverOpen, setHoverOpen] = useState(false);\n  const [clickOpen, setClickOpen] = useState(false);\n  const openTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimers = useCallback(() => {\n    if (openTimerRef.current !== null) {\n      clearTimeout(openTimerRef.current);\n      openTimerRef.current = null;\n    }\n    if (closeTimerRef.current !== null) {\n      clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => () => clearTimers(), [clearTimers]);\n\n  const scheduleOpen = useCallback(() => {\n    clearTimers();\n    if (openDelay <= 0) {\n      setHoverOpen(true);\n      return;\n    }\n    openTimerRef.current = setTimeout(() => setHoverOpen(true), openDelay);\n  }, [clearTimers, openDelay]);\n\n  const scheduleClose = useCallback(() => {\n    clearTimers();\n    if (closeDelay <= 0) {\n      setHoverOpen(false);\n      return;\n    }\n    closeTimerRef.current = setTimeout(() => setHoverOpen(false), closeDelay);\n  }, [clearTimers, closeDelay]);\n\n  const isVisible = trigger === \"manual\" ? openProp === true : trigger === \"click\" ? clickOpen : hoverOpen;\n\n  const onPointerEnter = trigger === \"hover\" ? scheduleOpen : undefined;\n  const onPointerLeave = trigger === \"hover\" ? scheduleClose : undefined;\n  const onClick =\n    trigger === \"click\"\n      ? () => {\n          setClickOpen((prev) => !prev);\n        }\n      : undefined;\n\n  return (\n    <div className=\"smwb-tooltip__wrapper\" role=\"tooltip\" ref={ref}>\n      <div\n        className=\"smwb-tooltip__ref\"\n        ref={setReference}\n        onPointerEnter={onPointerEnter}\n        onPointerLeave={onPointerLeave}\n        onClick={onClick}\n      >\n        {children}\n      </div>\n      {isVisible && reference ? (\n        <TooltipPopup reference={reference} placement={placement} offset={offset} className={className}>\n          {message}\n        </TooltipPopup>\n      ) : null}\n    </div>\n  );\n});\n\nexport default Tooltip;\n"],"names":["TooltipPopup","reference","placement","offset","className","children","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","offsetMiddleware","flip","shift","jsx","cn","Tooltip","forwardRef","message","openProp","trigger","openDelay","closeDelay","ref","setReference","useState","hoverOpen","setHoverOpen","clickOpen","setClickOpen","openTimerRef","useRef","closeTimerRef","clearTimers","useCallback","useEffect","scheduleOpen","scheduleClose","prev"],"mappings":"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"}

package/dist/components/inputs/button/button.js

@@ -1,11 +1,12 @@
 import { jsx as h, jsxs as y } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/button/button.entry.css';/* empty css                                                       */
+import '../../../assets/styles/less/components/button/button.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                       */
 import x from "react";
 import v from "clsx";
 import { Ripple as z } from "../../base/ripple/ripple.js";
 import { Icon as C } from "../../base/icon/icon.js";
-const G = x.forwardRef(
-  function(N, i) {
+const H = x.forwardRef(
+  function(N, s) {
     const {
       label: e,
       variant: $ = "contained",
@@ -22,17 +23,17 @@ const G = x.forwardRef(
       size: E = "medium",
       colorTheme: _ = "primary",
       color: r,
-      ...c
-    } = N, m = r != null ? r : _, p = x.useRef(null), d = (s) => {
-      n == null || n(s);
-    }, b = (s) => {
+      ...m
+    } = N, c = r != null ? r : _, p = x.useRef(null), d = (i) => {
+      n == null || n(i);
+    }, b = (i) => {
       var R;
-      o || (R = p.current) == null || R.onRipple(s);
+      o || (R = p.current) == null || R.onRipple(i);
     }, f = v(
       "smwb-button",
       `smwb-${$}`,
       `smwb-${E}`,
-      m === "primary" ? "smwb-primary" : `smwb-button_color-${m}`,
+      c === "primary" ? "smwb-primary" : `smwb-button_color-${c}`,
       j,
       {
         "smwb-disabled": o,
@@ -43,14 +44,14 @@ const G = x.forwardRef(
       "a",
       {
         "data-testid": "button-link",
-        ref: i,
+        ref: s,
         className: f,
         href: l,
         target: "_blank",
         rel: "noreferrer",
         onMouseDown: d,
         onPointerDown: b,
-        ...c,
+        ...m,
         children: [
           t && w,
           e || a,
@@ -61,12 +62,12 @@ const G = x.forwardRef(
       "button",
       {
         "data-testid": "button",
-        ref: i,
+        ref: s,
         className: f,
         onMouseDown: d,
         onPointerDown: b,
         disabled: !!o,
-        ...c,
+        ...m,
         children: [
           t && w,
           e || a,
@@ -77,7 +78,7 @@ const G = x.forwardRef(
   }
 );
 export {
-  G as Button,
-  G as default
+  H as Button,
+  H as default
 };
 //# sourceMappingURL=button.js.map

package/dist/components/inputs/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/components/inputs/button/button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport { Icon, IconProps } from \"../../base/icon\";\n\nexport interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {\n  /**\n   * Текст на кнопке.\n   */\n  label?: string;\n\n  /**\n   * Вариант стилизации кнопки.\n   */\n  variant?: \"contained\" | \"text\" | \"outlined\";\n\n  /**\n   * Размер кнопки.\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * Иконка, которая может быть ReactNode (например, <Icon/>) или строкой (url, base64, и т.д.).\n   */\n  icon?: React.ReactNode | string;\n\n  /**\n   * Пропсы для иконки (исключая 'name', если в IconProps оно обязательно).\n   */\n  iconProps?: Omit<IconProps, \"name\">;\n\n  /**\n   * @deprecated используйте `color`. Оставлено для обратной совместимости.\n   */\n  colorTheme?: \"primary\";\n\n  /**\n   * Семантический цвет кнопки. Резолвится через токены `--smui-*Color*`.\n   */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\n  /**\n   * Ссылка. Если задана, компонент может рендериться как <a>.\n   */\n  href?: string;\n\n  /**\n   * Отключённое состояние.\n   */\n  disabled?: boolean;\n\n  /**\n   * Тип кнопки.\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n\n  /**\n   * Растягивать кнопку по всей ширине контейнера.\n   */\n  fullWidth?: boolean;\n\n  /**\n   * Позиция риппл-эффекта по центру.\n   */\n  rippleCenter?: boolean;\n\n  /**\n   * Отключить риппл-эффект.\n   */\n  disableRipple?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement | HTMLAnchorElement, PropsWithChildren<ButtonProps>>(\n  function Button(props, ref) {\n    const {\n      label,\n      variant = \"contained\",\n      icon,\n      iconProps = {},\n      href,\n      className,\n      disabled,\n      children,\n      onMouseDown: onMouseDownProp,\n      fullWidth,\n      rippleCenter,\n      disableRipple,\n\n      size = \"medium\",\n      colorTheme = \"primary\",\n      color: colorProp,\n      ...rest\n    } = props;\n    const color = colorProp ?? colorTheme;\n    const rippleRef = React.useRef<RippleActionsRef>(null);\n\n    const onMouseDown = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n      onMouseDownProp?.(event);\n    };\n\n    // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n    const onPointerDown = (event: React.PointerEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n      if (!disabled) {\n        rippleRef.current?.onRipple(event);\n      }\n    };\n\n    const classes = cn(\n      \"smwb-button\",\n      `smwb-${variant}`,\n      `smwb-${size}`,\n      color === \"primary\" ? \"smwb-primary\" : `smwb-button_color-${color}`,\n      className,\n      {\n        \"smwb-disabled\": disabled,\n        \"smwb-full-width\": fullWidth,\n      }\n    );\n\n    const rippleElement = !disableRipple && <Ripple actionRef={rippleRef} center={rippleCenter} />;\n    const iconElement = typeof icon === \"string\" ? <Icon {...iconProps} name={icon} /> : icon;\n\n    if (href) {\n      return (\n        <a\n          data-testid=\"button-link\"\n          ref={ref as React.LegacyRef<HTMLAnchorElement>}\n          className={classes}\n          href={href}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          onMouseDown={onMouseDown}\n          onPointerDown={onPointerDown}\n          {...rest}\n        >\n          {icon && iconElement}\n          {label ? label : children}\n          {rippleElement}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        data-testid=\"button\"\n        ref={ref as React.LegacyRef<HTMLButtonElement>}\n        className={classes}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        disabled={!!disabled}\n        {...rest}\n      >\n        {icon && iconElement}\n        {label ? label : children}\n        {rippleElement}\n      </button>\n    );\n  }\n);\nexport default Button;\n"],"names":["Button","React","props","ref","label","variant","icon","iconProps","href","className","disabled","children","onMouseDownProp","fullWidth","rippleCenter","disableRipple","size","colorTheme","colorProp","rest","color","rippleRef","onMouseDown","event","onPointerDown","_a","classes","cn","rippleElement","jsx","Ripple","iconElement","Icon","jsxs"],"mappings":";;;;;;AAyEO,MAAMA,IAASC,EAAM;AAAA,EAC1B,SAAgBC,GAAOC,GAAK;AAC1B,UAAM;AAAA,MACJ,OAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,MAAAC;AAAA,MACA,WAAAC,IAAY,CAAA;AAAA,MACZ,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAaC;AAAA,MACb,WAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MAEA,MAAAC,IAAO;AAAA,MACP,YAAAC,IAAa;AAAA,MACb,OAAOC;AAAA,MACP,GAAGC;AAAA,IAAA,IACDjB,GACEkB,IAAQF,KAAA,OAAAA,IAAaD,GACrBI,IAAYpB,EAAM,OAAyB,IAAI,GAE/CqB,IAAc,CAACC,MAAmE;AACtF,MAAAX,KAAA,QAAAA,EAAkBW;AAAA,IACpB,GAGMC,IAAgB,CAACD,MAAqE;;AAC1F,MAAKb,MACHe,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,IAEhC,GAEMG,IAAUC;AAAA,MACd;AAAA,MACA,QAAQtB,CAAO;AAAA,MACf,QAAQW,CAAI;AAAA,MACZI,MAAU,YAAY,iBAAiB,qBAAqBA,CAAK;AAAA,MACjEX;AAAA,MACA;AAAA,QACE,iBAAiBC;AAAA,QACjB,mBAAmBG;AAAA,MAAA;AAAA,IACrB,GAGIe,IAAgB,CAACb,KAAiB,gBAAAc,EAACC,KAAO,WAAWT,GAAW,QAAQP,GAAc,GACtFiB,IAAc,OAAOzB,KAAS,WAAW,gBAAAuB,EAACG,KAAM,GAAGzB,GAAW,MAAMD,EAAA,CAAM,IAAKA;AAErF,WAAIE,IAEA,gBAAAyB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,KAAA9B;AAAA,QACA,WAAWuB;AAAA,QACX,MAAAlB;AAAA,QACA,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,aAAAc;AAAA,QACA,eAAAE;AAAA,QACC,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAb,KAAQyB;AAAA,UACR3B,KAAgBO;AAAA,UAChBiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,KAAA9B;AAAA,QACA,WAAWuB;AAAA,QACX,aAAAJ;AAAA,QACA,eAAAE;AAAA,QACA,UAAU,CAAC,CAACd;AAAA,QACX,GAAGS;AAAA,QAEH,UAAA;AAAA,UAAAb,KAAQyB;AAAA,UACR3B,KAAgBO;AAAA,UAChBiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/inputs/button/button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport { Icon, IconProps } from \"../../base/icon\";\n\nexport interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {\n  /**\n   * Текст на кнопке.\n   */\n  label?: string;\n\n  /**\n   * Вариант стилизации кнопки.\n   */\n  variant?: \"contained\" | \"text\" | \"outlined\";\n\n  /**\n   * Размер кнопки.\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n\n  /**\n   * Иконка, которая может быть ReactNode (например, <Icon/>) или строкой (url, base64, и т.д.).\n   */\n  icon?: React.ReactNode | string;\n\n  /**\n   * Пропсы для иконки (исключая 'name', если в IconProps оно обязательно).\n   */\n  iconProps?: Omit<IconProps, \"name\">;\n\n  /**\n   * @deprecated используйте `color`. Оставлено для обратной совместимости.\n   */\n  colorTheme?: \"primary\";\n\n  /**\n   * Семантический цвет кнопки. Резолвится через токены `--smui-*Color*`.\n   */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\n  /**\n   * Ссылка. Если задана, компонент может рендериться как <a>.\n   */\n  href?: string;\n\n  /**\n   * Отключённое состояние.\n   */\n  disabled?: boolean;\n\n  /**\n   * Тип кнопки.\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n\n  /**\n   * Растягивать кнопку по всей ширине контейнера.\n   */\n  fullWidth?: boolean;\n\n  /**\n   * Позиция риппл-эффекта по центру.\n   */\n  rippleCenter?: boolean;\n\n  /**\n   * Отключить риппл-эффект.\n   */\n  disableRipple?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement | HTMLAnchorElement, PropsWithChildren<ButtonProps>>(\n  function Button(props, ref) {\n    const {\n      label,\n      variant = \"contained\",\n      icon,\n      iconProps = {},\n      href,\n      className,\n      disabled,\n      children,\n      onMouseDown: onMouseDownProp,\n      fullWidth,\n      rippleCenter,\n      disableRipple,\n\n      size = \"medium\",\n      colorTheme = \"primary\",\n      color: colorProp,\n      ...rest\n    } = props;\n    const color = colorProp ?? colorTheme;\n    const rippleRef = React.useRef<RippleActionsRef>(null);\n\n    const onMouseDown = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n      onMouseDownProp?.(event);\n    };\n\n    // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n    const onPointerDown = (event: React.PointerEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n      if (!disabled) {\n        rippleRef.current?.onRipple(event);\n      }\n    };\n\n    const classes = cn(\n      \"smwb-button\",\n      `smwb-${variant}`,\n      `smwb-${size}`,\n      color === \"primary\" ? \"smwb-primary\" : `smwb-button_color-${color}`,\n      className,\n      {\n        \"smwb-disabled\": disabled,\n        \"smwb-full-width\": fullWidth,\n      }\n    );\n\n    const rippleElement = !disableRipple && <Ripple actionRef={rippleRef} center={rippleCenter} />;\n    const iconElement = typeof icon === \"string\" ? <Icon {...iconProps} name={icon} /> : icon;\n\n    if (href) {\n      return (\n        <a\n          data-testid=\"button-link\"\n          ref={ref as React.LegacyRef<HTMLAnchorElement>}\n          className={classes}\n          href={href}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          onMouseDown={onMouseDown}\n          onPointerDown={onPointerDown}\n          {...rest}\n        >\n          {icon && iconElement}\n          {label ? label : children}\n          {rippleElement}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        data-testid=\"button\"\n        ref={ref as React.LegacyRef<HTMLButtonElement>}\n        className={classes}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        disabled={!!disabled}\n        {...rest}\n      >\n        {icon && iconElement}\n        {label ? label : children}\n        {rippleElement}\n      </button>\n    );\n  }\n);\nexport default Button;\n"],"names":["Button","React","props","ref","label","variant","icon","iconProps","href","className","disabled","children","onMouseDownProp","fullWidth","rippleCenter","disableRipple","size","colorTheme","colorProp","rest","color","rippleRef","onMouseDown","event","onPointerDown","_a","classes","cn","rippleElement","jsx","Ripple","iconElement","Icon","jsxs"],"mappings":";;;;;;;AA0EO,MAAMA,IAASC,EAAM;AAAA,EAC1B,SAAgBC,GAAOC,GAAK;AAC1B,UAAM;AAAA,MACJ,OAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,MAAAC;AAAA,MACA,WAAAC,IAAY,CAAA;AAAA,MACZ,MAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAaC;AAAA,MACb,WAAAC;AAAA,MACA,cAAAC;AAAA,MACA,eAAAC;AAAA,MAEA,MAAAC,IAAO;AAAA,MACP,YAAAC,IAAa;AAAA,MACb,OAAOC;AAAA,MACP,GAAGC;AAAA,IAAA,IACDjB,GACEkB,IAAQF,KAAA,OAAAA,IAAaD,GACrBI,IAAYpB,EAAM,OAAyB,IAAI,GAE/CqB,IAAc,CAACC,MAAmE;AACtF,MAAAX,KAAA,QAAAA,EAAkBW;AAAA,IACpB,GAGMC,IAAgB,CAACD,MAAqE;;AAC1F,MAAKb,MACHe,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,IAEhC,GAEMG,IAAUC;AAAA,MACd;AAAA,MACA,QAAQtB,CAAO;AAAA,MACf,QAAQW,CAAI;AAAA,MACZI,MAAU,YAAY,iBAAiB,qBAAqBA,CAAK;AAAA,MACjEX;AAAA,MACA;AAAA,QACE,iBAAiBC;AAAA,QACjB,mBAAmBG;AAAA,MAAA;AAAA,IACrB,GAGIe,IAAgB,CAACb,KAAiB,gBAAAc,EAACC,KAAO,WAAWT,GAAW,QAAQP,GAAc,GACtFiB,IAAc,OAAOzB,KAAS,WAAW,gBAAAuB,EAACG,KAAM,GAAGzB,GAAW,MAAMD,EAAA,CAAM,IAAKA;AAErF,WAAIE,IAEA,gBAAAyB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,KAAA9B;AAAA,QACA,WAAWuB;AAAA,QACX,MAAAlB;AAAA,QACA,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,aAAAc;AAAA,QACA,eAAAE;AAAA,QACC,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAb,KAAQyB;AAAA,UACR3B,KAAgBO;AAAA,UAChBiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAML,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,KAAA9B;AAAA,QACA,WAAWuB;AAAA,QACX,aAAAJ;AAAA,QACA,eAAAE;AAAA,QACA,UAAU,CAAC,CAACd;AAAA,QACX,GAAGS;AAAA,QAEH,UAAA;AAAA,UAAAb,KAAQyB;AAAA,UACR3B,KAAgBO;AAAA,UAChBiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/components/inputs/buttonGroups/buttonGroup.js

@@ -1,8 +1,9 @@
 import { jsx as N } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/buttonGroup/buttonGroup.entry.css';/* empty css                                                                 */
+import '../../../assets/styles/less/components/buttonGroup/buttonGroup.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                 */
 import r from "react";
 import T from "clsx";
-const _ = r.forwardRef(function(u, c) {
+const $ = r.forwardRef(function(u, c) {
   const {
     className: f,
     children: b,
@@ -47,7 +48,7 @@ const _ = r.forwardRef(function(u, c) {
   );
 });
 export {
-  _ as ButtonGroup,
-  _ as default
+  $ as ButtonGroup,
+  $ as default
 };
 //# sourceMappingURL=buttonGroup.js.map

package/dist/components/inputs/buttonGroups/buttonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.js","sources":["../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { ButtonProps } from \"../button\";\n\nexport interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: \"horizontal\" | \"vertical\";\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  disabled?: boolean;\n  /** @deprecated use `color`. */\n  colorTheme?: \"primary\";\n  /** Semantic color propagated to child buttons. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n}\n\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: ButtonGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {\n    className,\n    children,\n    variant = \"contained\",\n    size = \"medium\",\n    orientation = \"horizontal\",\n    colorTheme = \"primary\",\n    color,\n    fullWidth = false,\n    disabled = false,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"smwb-button-group\",\n        className,\n        `smwb-${orientation}`,\n        `smwb-${variant}`,\n        fullWidth && \"smwb-full-width\",\n        disabled\n      )}\n      role=\"group\"\n      data-testid=\"button-group\"\n      {...rest}\n    >\n      {React.Children.map(children, (child) => {\n        const element = child as React.ReactElement<ButtonProps>;\n\n        return React.cloneElement(element, {\n          className: \"smwb-button-group__grouped\",\n          fullWidth: orientation === \"vertical\" || (element.props.fullWidth ?? fullWidth),\n          variant: element.props.variant ?? variant,\n          size: element.props.size ?? size,\n          disabled: element.props.disabled ?? disabled,\n          colorTheme: element.props.colorTheme ?? colorTheme,\n          color: element.props.color ?? color,\n        });\n      })}\n    </div>\n  );\n});\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","React","props","ref","className","children","variant","size","orientation","colorTheme","color","fullWidth","disabled","rest","jsx","cn","child","element","_a","_b","_c","_d","_e","_f"],"mappings":";;;;AAiBO,MAAMA,IAAcC,EAAM,WAAW,SAC1CC,GACAC,GACA;AACA,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,IACDX;AAEJ,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,WAAWY;AAAA,QACT;AAAA,QACAX;AAAA,QACA,QAAQI,CAAW;AAAA,QACnB,QAAQF,CAAO;AAAA,QACfK,KAAa;AAAA,QACbC;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACL,eAAY;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAZ,EAAM,SAAS,IAAII,GAAU,CAACW,MAAU;;AACvC,cAAMC,IAAUD;AAEhB,eAAOf,EAAM,aAAagB,GAAS;AAAA,UACjC,WAAW;AAAA,UACX,WAAWT,MAAgB,gBAAeU,IAAAD,EAAQ,MAAM,cAAd,OAAAC,IAA2BP;AAAA,UACrE,UAASQ,IAAAF,EAAQ,MAAM,YAAd,OAAAE,IAAyBb;AAAA,UAClC,OAAMc,IAAAH,EAAQ,MAAM,SAAd,OAAAG,IAAsBb;AAAA,UAC5B,WAAUc,IAAAJ,EAAQ,MAAM,aAAd,OAAAI,IAA0BT;AAAA,UACpC,aAAYU,IAAAL,EAAQ,MAAM,eAAd,OAAAK,IAA4Bb;AAAA,UACxC,QAAOc,IAAAN,EAAQ,MAAM,UAAd,OAAAM,IAAuBb;AAAA,QAAA,CAC/B;AAAA,MACH,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"buttonGroup.js","sources":["../../../../src/components/inputs/buttonGroups/buttonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { ButtonProps } from \"../button\";\n\nexport interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: \"horizontal\" | \"vertical\";\n  variant?: \"contained\" | \"text\" | \"outlined\";\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  disabled?: boolean;\n  /** @deprecated use `color`. */\n  colorTheme?: \"primary\";\n  /** Semantic color propagated to child buttons. */\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n}\n\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: ButtonGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {\n    className,\n    children,\n    variant = \"contained\",\n    size = \"medium\",\n    orientation = \"horizontal\",\n    colorTheme = \"primary\",\n    color,\n    fullWidth = false,\n    disabled = false,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"smwb-button-group\",\n        className,\n        `smwb-${orientation}`,\n        `smwb-${variant}`,\n        fullWidth && \"smwb-full-width\",\n        disabled\n      )}\n      role=\"group\"\n      data-testid=\"button-group\"\n      {...rest}\n    >\n      {React.Children.map(children, (child) => {\n        const element = child as React.ReactElement<ButtonProps>;\n\n        return React.cloneElement(element, {\n          className: \"smwb-button-group__grouped\",\n          fullWidth: orientation === \"vertical\" || (element.props.fullWidth ?? fullWidth),\n          variant: element.props.variant ?? variant,\n          size: element.props.size ?? size,\n          disabled: element.props.disabled ?? disabled,\n          colorTheme: element.props.colorTheme ?? colorTheme,\n          color: element.props.color ?? color,\n        });\n      })}\n    </div>\n  );\n});\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","React","props","ref","className","children","variant","size","orientation","colorTheme","color","fullWidth","disabled","rest","jsx","cn","child","element","_a","_b","_c","_d","_e","_f"],"mappings":";;;;;AAkBO,MAAMA,IAAcC,EAAM,WAAW,SAC1CC,GACAC,GACA;AACA,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,IACDX;AAEJ,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,WAAWY;AAAA,QACT;AAAA,QACAX;AAAA,QACA,QAAQI,CAAW;AAAA,QACnB,QAAQF,CAAO;AAAA,QACfK,KAAa;AAAA,QACbC;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACL,eAAY;AAAA,MACX,GAAGC;AAAA,MAEH,UAAAZ,EAAM,SAAS,IAAII,GAAU,CAACW,MAAU;;AACvC,cAAMC,IAAUD;AAEhB,eAAOf,EAAM,aAAagB,GAAS;AAAA,UACjC,WAAW;AAAA,UACX,WAAWT,MAAgB,gBAAeU,IAAAD,EAAQ,MAAM,cAAd,OAAAC,IAA2BP;AAAA,UACrE,UAASQ,IAAAF,EAAQ,MAAM,YAAd,OAAAE,IAAyBb;AAAA,UAClC,OAAMc,IAAAH,EAAQ,MAAM,SAAd,OAAAG,IAAsBb;AAAA,UAC5B,WAAUc,IAAAJ,EAAQ,MAAM,aAAd,OAAAI,IAA0BT;AAAA,UACpC,aAAYU,IAAAL,EAAQ,MAAM,eAAd,OAAAK,IAA4Bb;AAAA,UACxC,QAAOc,IAAAN,EAAQ,MAAM,UAAd,OAAAM,IAAuBb;AAAA,QAAA,CAC/B;AAAA,MACH,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/inputs/checkbox/checkbox.js

@@ -1,13 +1,14 @@
 import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/checkbox/checkbox.entry.css';/* empty css                                                           */
+import '../../../assets/styles/less/components/checkbox/checkbox.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                           */
 import v from "react";
 import b from "clsx";
 import { Icon as d } from "../../base/icon/icon.js";
 import { useId as y } from "../../../hooks/useId.js";
 import { TextFieldWrapper as z } from "../textField/textFieldWrapper.js";
-const D = v.forwardRef(function(m, h) {
+const O = v.forwardRef(function(o, h) {
   const {
-    label: o,
+    label: s,
     disabled: r,
     readOnly: c,
     required: t,
@@ -21,12 +22,12 @@ const D = v.forwardRef(function(m, h) {
     helperText: f,
     error: n,
     ...u
-  } = m, l = y(x), N = (s) => {
+  } = o, l = y(x), N = (m) => {
     if (c) {
-      s.preventDefault();
+      m.preventDefault();
       return;
     }
-    i == null || i(s, s.target.checked, m);
+    i == null || i(m, m.target.checked, o);
   };
   return /* @__PURE__ */ e(z, { helperText: f, disabled: r, error: n, className: "smwb-text-field-checkbox", children: /* @__PURE__ */ g(
     "label",
@@ -62,13 +63,13 @@ const D = v.forwardRef(function(m, h) {
           }
         ),
         /* @__PURE__ */ e("span", { className: b("smwb-checkbox__btn", { "smwb-indeterminate": a }), children: a ? /* @__PURE__ */ e(d, { name: "remove", size: 18, className: "smwb-checkbox__icon", weight: 700 }) : /* @__PURE__ */ e(d, { name: "check", size: 17, className: "smwb-checkbox__icon", weight: 700 }) }),
-        o && /* @__PURE__ */ e("span", { className: "smwb-checkbox__label", children: o })
+        s && /* @__PURE__ */ e("span", { className: "smwb-checkbox__label", children: s })
       ]
     }
   ) });
 });
 export {
-  D as Checkbox,
-  D as default
+  O as Checkbox,
+  O as default
 };
 //# sourceMappingURL=checkbox.js.map

package/dist/components/inputs/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { useId } from \"../../../hooks/useId\";\n\nexport type SelectionControlSize = \"small\" | \"medium\" | \"large\";\nexport type SelectionControlColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  indeterminate?: boolean;\n  className?: string;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, data: CheckboxProps) => void;\n  helperText?: React.ReactNode;\n  error?: boolean;\n}\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(props, ref) {\n  const {\n    label,\n    disabled,\n    readOnly,\n    required,\n    name,\n    id: idProp,\n    indeterminate,\n    className,\n    size = \"medium\",\n    color = \"primary\",\n    onChange,\n    helperText,\n    error,\n    ...args\n  } = props;\n  const id = useId(idProp);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      e.preventDefault();\n      return;\n    }\n    onChange?.(e, e.target.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper helperText={helperText} disabled={disabled} error={error} className=\"smwb-text-field-checkbox\">\n      <label\n        htmlFor={id}\n        className={cn(\n          \"smwb-checkbox__wrapper\",\n          `smwb-checkbox_size-${size}`,\n          `smwb-checkbox_color-${color}`,\n          className,\n          {\n            \"smwb-disabled\": disabled,\n            \"smwb-readonly\": readOnly,\n            \"smwb-indeterminate\": indeterminate,\n          }\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          id={id}\n          name={name}\n          className=\"smwb-checkbox__input\"\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-invalid={error || undefined}\n          aria-required={required || undefined}\n          ref={ref}\n          {...args}\n          onChange={handleChange}\n        />\n        <span className={cn(\"smwb-checkbox__btn\", { \"smwb-indeterminate\": indeterminate })}>\n          {indeterminate ? (\n            <Icon name=\"remove\" size={18} className=\"smwb-checkbox__icon\" weight={700} />\n          ) : (\n            <Icon name=\"check\" size={17} className=\"smwb-checkbox__icon\" weight={700} />\n          )}\n        </span>\n        {label && <span className=\"smwb-checkbox__label\">{label}</span>}\n      </label>\n    </TextFieldWrapper>\n  );\n});\n\nexport default Checkbox;\n"],"names":["Checkbox","React","props","ref","label","disabled","readOnly","required","name","idProp","indeterminate","className","size","color","onChange","helperText","error","args","id","useId","handleChange","e","TextFieldWrapper","jsxs","cn","jsx","Icon"],"mappings":";;;;;;;AA2BO,MAAMA,IAAWC,EAAM,WAA4C,SAAkBC,GAAOC,GAAK;AACtG,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GACEgB,IAAKC,EAAMV,CAAM,GAEjBW,IAAe,CAACC,MAA2C;AAC/D,QAAIf,GAAU;AACZ,MAAAe,EAAE,eAAA;AACF;AAAA,IACF;AACA,IAAAP,KAAA,QAAAA,EAAWO,GAAGA,EAAE,OAAO,SAASnB;AAAA,EAClC;AAEA,2BACGoB,GAAA,EAAiB,YAAAP,GAAwB,UAAAV,GAAoB,OAAAW,GAAc,WAAU,4BACpF,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,WAAWM;AAAA,QACT;AAAA,QACA,sBAAsBZ,CAAI;AAAA,QAC1B,uBAAuBC,CAAK;AAAA,QAC5BF;AAAA,QACA;AAAA,UACE,iBAAiBN;AAAA,UACjB,iBAAiBC;AAAA,UACjB,sBAAsBI;AAAA,QAAA;AAAA,MACxB;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAAP;AAAA,YACA,MAAAV;AAAA,YACA,WAAU;AAAA,YACV,UAAAH;AAAA,YACA,UAAAC;AAAA,YACA,UAAAC;AAAA,YACA,gBAAcS,KAAS;AAAA,YACvB,iBAAeT,KAAY;AAAA,YAC3B,KAAAJ;AAAA,YACC,GAAGc;AAAA,YACJ,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAG,sBAAsB,EAAE,sBAAsBd,EAAA,CAAe,GAC9E,UAAAA,IACC,gBAAAe,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI,WAAU,uBAAsB,QAAQ,IAAA,CAAK,sBAE1EA,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,WAAU,uBAAsB,QAAQ,KAAK,GAE9E;AAAA,QACCtB,KAAS,gBAAAqB,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAArB,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5D;AAEJ,CAAC;"}
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/inputs/checkbox/checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { useId } from \"../../../hooks/useId\";\n\nexport type SelectionControlSize = \"small\" | \"medium\" | \"large\";\nexport type SelectionControlColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  indeterminate?: boolean;\n  className?: string;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  /** Unified handler: `(event, checked, data)`. */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, data: CheckboxProps) => void;\n  helperText?: React.ReactNode;\n  error?: boolean;\n}\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(props, ref) {\n  const {\n    label,\n    disabled,\n    readOnly,\n    required,\n    name,\n    id: idProp,\n    indeterminate,\n    className,\n    size = \"medium\",\n    color = \"primary\",\n    onChange,\n    helperText,\n    error,\n    ...args\n  } = props;\n  const id = useId(idProp);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (readOnly) {\n      e.preventDefault();\n      return;\n    }\n    onChange?.(e, e.target.checked, props);\n  };\n\n  return (\n    <TextFieldWrapper helperText={helperText} disabled={disabled} error={error} className=\"smwb-text-field-checkbox\">\n      <label\n        htmlFor={id}\n        className={cn(\n          \"smwb-checkbox__wrapper\",\n          `smwb-checkbox_size-${size}`,\n          `smwb-checkbox_color-${color}`,\n          className,\n          {\n            \"smwb-disabled\": disabled,\n            \"smwb-readonly\": readOnly,\n            \"smwb-indeterminate\": indeterminate,\n          }\n        )}\n      >\n        <input\n          type=\"checkbox\"\n          id={id}\n          name={name}\n          className=\"smwb-checkbox__input\"\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          aria-invalid={error || undefined}\n          aria-required={required || undefined}\n          ref={ref}\n          {...args}\n          onChange={handleChange}\n        />\n        <span className={cn(\"smwb-checkbox__btn\", { \"smwb-indeterminate\": indeterminate })}>\n          {indeterminate ? (\n            <Icon name=\"remove\" size={18} className=\"smwb-checkbox__icon\" weight={700} />\n          ) : (\n            <Icon name=\"check\" size={17} className=\"smwb-checkbox__icon\" weight={700} />\n          )}\n        </span>\n        {label && <span className=\"smwb-checkbox__label\">{label}</span>}\n      </label>\n    </TextFieldWrapper>\n  );\n});\n\nexport default Checkbox;\n"],"names":["Checkbox","React","props","ref","label","disabled","readOnly","required","name","idProp","indeterminate","className","size","color","onChange","helperText","error","args","id","useId","handleChange","e","TextFieldWrapper","jsxs","cn","jsx","Icon"],"mappings":";;;;;;;;AA4BO,MAAMA,IAAWC,EAAM,WAA4C,SAAkBC,GAAOC,GAAK;AACtG,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,IAAIC;AAAA,IACJ,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDf,GACEgB,IAAKC,EAAMV,CAAM,GAEjBW,IAAe,CAACC,MAA2C;AAC/D,QAAIf,GAAU;AACZ,MAAAe,EAAE,eAAA;AACF;AAAA,IACF;AACA,IAAAP,KAAA,QAAAA,EAAWO,GAAGA,EAAE,OAAO,SAASnB;AAAA,EAClC;AAEA,2BACGoB,GAAA,EAAiB,YAAAP,GAAwB,UAAAV,GAAoB,OAAAW,GAAc,WAAU,4BACpF,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASL;AAAA,MACT,WAAWM;AAAA,QACT;AAAA,QACA,sBAAsBZ,CAAI;AAAA,QAC1B,uBAAuBC,CAAK;AAAA,QAC5BF;AAAA,QACA;AAAA,UACE,iBAAiBN;AAAA,UACjB,iBAAiBC;AAAA,UACjB,sBAAsBI;AAAA,QAAA;AAAA,MACxB;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAAP;AAAA,YACA,MAAAV;AAAA,YACA,WAAU;AAAA,YACV,UAAAH;AAAA,YACA,UAAAC;AAAA,YACA,UAAAC;AAAA,YACA,gBAAcS,KAAS;AAAA,YACvB,iBAAeT,KAAY;AAAA,YAC3B,KAAAJ;AAAA,YACC,GAAGc;AAAA,YACJ,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAG,sBAAsB,EAAE,sBAAsBd,EAAA,CAAe,GAC9E,UAAAA,IACC,gBAAAe,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI,WAAU,uBAAsB,QAAQ,IAAA,CAAK,sBAE1EA,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI,WAAU,uBAAsB,QAAQ,KAAK,GAE9E;AAAA,QACCtB,KAAS,gBAAAqB,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAArB,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5D;AAEJ,CAAC;"}