@smwb/ui-react 2.0.0

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { Placement } from "../../../utils/floating";
+export type TooltipTrigger = "hover" | "click" | "manual";
+export interface TooltipProps {
+    className?: string;
+    offset?: {
+        offsetX?: number;
+        offsetY?: number;
+    };
+    message: React.ReactNode;
+    placement?: Placement;
+    /** Controls tooltip visibility when trigger is manual. */
+    open?: boolean;
+    /** hover (default): show on pointer enter; click: toggle; manual: use open only. */
+    trigger?: TooltipTrigger;
+    openDelay?: number;
+    closeDelay?: number;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Tooltip;

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

@@ -0,0 +1,64 @@
+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);
+  }, []);
+  Y(() => () => t(), [t]);
+  const _ = u(() => {
+    if (t(), s <= 0) {
+      r(!0);
+      return;
+    }
+    n.current = setTimeout(() => r(!0), s);
+  }, [t, s]), E = u(() => {
+    if (t(), c <= 0) {
+      r(!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(
+      "div",
+      {
+        className: "smwb-tooltip__ref",
+        ref: a.setReference,
+        onPointerEnter: P,
+        onPointerLeave: j,
+        onClick: A,
+        children: w
+      }
+    ),
+    N && /* @__PURE__ */ f("div", { ref: a.setFloating, className: H("smwb-tooltip", h), style: M, children: k })
+  ] });
+});
+export {
+  W as Tooltip,
+  W as default
+};
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +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;"}

package/dist/components/inputs/button/button.d.ts

@@ -0,0 +1,60 @@
+import React from "react";
+import { IconProps } from "../../base/icon";
+export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
+    /**
+     * Текст на кнопке.
+     */
+    label?: string;
+    /**
+     * Вариант стилизации кнопки.
+     */
+    variant?: "contained" | "text" | "outlined";
+    /**
+     * Размер кнопки.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Иконка, которая может быть ReactNode (например, <Icon/>) или строкой (url, base64, и т.д.).
+     */
+    icon?: React.ReactNode | string;
+    /**
+     * Пропсы для иконки (исключая 'name', если в IconProps оно обязательно).
+     */
+    iconProps?: Omit<IconProps, "name">;
+    /**
+     * @deprecated используйте `color`. Оставлено для обратной совместимости.
+     */
+    colorTheme?: "primary";
+    /**
+     * Семантический цвет кнопки. Резолвится через токены `--smui-*Color*`.
+     */
+    color?: "primary" | "secondary" | "error" | "success" | "warning" | "info";
+    /**
+     * Ссылка. Если задана, компонент может рендериться как <a>.
+     */
+    href?: string;
+    /**
+     * Отключённое состояние.
+     */
+    disabled?: boolean;
+    /**
+     * Тип кнопки.
+     */
+    type?: "button" | "submit" | "reset";
+    /**
+     * Растягивать кнопку по всей ширине контейнера.
+     */
+    fullWidth?: boolean;
+    /**
+     * Позиция риппл-эффекта по центру.
+     */
+    rippleCenter?: boolean;
+    /**
+     * Отключить риппл-эффект.
+     */
+    disableRipple?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export default Button;

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

@@ -0,0 +1,83 @@
+import { jsx as h, jsxs as y } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/button/button.entry.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 {
+      label: e,
+      variant: $ = "contained",
+      icon: t,
+      iconProps: g = {},
+      href: l,
+      className: j,
+      disabled: o,
+      children: a,
+      onMouseDown: n,
+      fullWidth: k,
+      rippleCenter: B,
+      disableRipple: D,
+      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) => {
+      var R;
+      o || (R = p.current) == null || R.onRipple(s);
+    }, f = v(
+      "smwb-button",
+      `smwb-${$}`,
+      `smwb-${E}`,
+      m === "primary" ? "smwb-primary" : `smwb-button_color-${m}`,
+      j,
+      {
+        "smwb-disabled": o,
+        "smwb-full-width": k
+      }
+    ), u = !D && /* @__PURE__ */ h(z, { actionRef: p, center: B }), w = typeof t == "string" ? /* @__PURE__ */ h(C, { ...g, name: t }) : t;
+    return l ? /* @__PURE__ */ y(
+      "a",
+      {
+        "data-testid": "button-link",
+        ref: i,
+        className: f,
+        href: l,
+        target: "_blank",
+        rel: "noreferrer",
+        onMouseDown: d,
+        onPointerDown: b,
+        ...c,
+        children: [
+          t && w,
+          e || a,
+          u
+        ]
+      }
+    ) : /* @__PURE__ */ y(
+      "button",
+      {
+        "data-testid": "button",
+        ref: i,
+        className: f,
+        onMouseDown: d,
+        onPointerDown: b,
+        disabled: !!o,
+        ...c,
+        children: [
+          t && w,
+          e || a,
+          u
+        ]
+      }
+    );
+  }
+);
+export {
+  G as Button,
+  G as default
+};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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;"}

package/dist/components/inputs/button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./button";
+export type { ButtonProps } from "./button";

package/dist/components/inputs/buttonGroups/buttonGroup.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: "horizontal" | "vertical";
+    variant?: "contained" | "text" | "outlined";
+    size?: "small" | "medium" | "large";
+    fullWidth?: boolean;
+    disabled?: boolean;
+    /** @deprecated use `color`. */
+    colorTheme?: "primary";
+    /** Semantic color propagated to child buttons. */
+    color?: "primary" | "secondary" | "error" | "success" | "warning" | "info";
+}
+export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default ButtonGroup;

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

@@ -0,0 +1,53 @@
+import { jsx as N } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/buttonGroup/buttonGroup.entry.css';/* empty css                                                                 */
+import r from "react";
+import T from "clsx";
+const _ = r.forwardRef(function(u, c) {
+  const {
+    className: f,
+    children: b,
+    variant: t = "contained",
+    size: h = "medium",
+    orientation: e = "horizontal",
+    colorTheme: w = "primary",
+    color: g,
+    fullWidth: l = !1,
+    disabled: s = !1,
+    ...v
+  } = u;
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ref: c,
+      className: T(
+        "smwb-button-group",
+        f,
+        `smwb-${e}`,
+        `smwb-${t}`,
+        l && "smwb-full-width",
+        s
+      ),
+      role: "group",
+      "data-testid": "button-group",
+      ...v,
+      children: r.Children.map(b, (z) => {
+        var i, a, n, p, m, d;
+        const o = z;
+        return r.cloneElement(o, {
+          className: "smwb-button-group__grouped",
+          fullWidth: e === "vertical" || ((i = o.props.fullWidth) != null ? i : l),
+          variant: (a = o.props.variant) != null ? a : t,
+          size: (n = o.props.size) != null ? n : h,
+          disabled: (p = o.props.disabled) != null ? p : s,
+          colorTheme: (m = o.props.colorTheme) != null ? m : w,
+          color: (d = o.props.color) != null ? d : g
+        });
+      })
+    }
+  );
+});
+export {
+  _ as ButtonGroup,
+  _ as default
+};
+//# sourceMappingURL=buttonGroup.js.map

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

@@ -0,0 +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;"}

package/dist/components/inputs/buttonGroups/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ButtonGroup } from "./buttonGroup";
+export type { ButtonGroupProps } from "./buttonGroup";

package/dist/components/inputs/checkbox/checkbox.d.ts

@@ -0,0 +1,21 @@
+import React, { InputHTMLAttributes } from "react";
+export type SelectionControlSize = "small" | "medium" | "large";
+export type SelectionControlColor = "primary" | "secondary" | "error" | "success" | "warning" | "info";
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> {
+    label?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    name?: string;
+    id?: string;
+    indeterminate?: boolean;
+    className?: string;
+    size?: SelectionControlSize;
+    color?: SelectionControlColor;
+    /** Unified handler: `(event, checked, data)`. */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, data: CheckboxProps) => void;
+    helperText?: React.ReactNode;
+    error?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

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

@@ -0,0 +1,74 @@
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/checkbox/checkbox.entry.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 {
+    label: o,
+    disabled: r,
+    readOnly: c,
+    required: t,
+    name: p,
+    id: x,
+    indeterminate: a,
+    className: w,
+    size: k = "medium",
+    color: _ = "primary",
+    onChange: i,
+    helperText: f,
+    error: n,
+    ...u
+  } = m, l = y(x), N = (s) => {
+    if (c) {
+      s.preventDefault();
+      return;
+    }
+    i == null || i(s, s.target.checked, m);
+  };
+  return /* @__PURE__ */ e(z, { helperText: f, disabled: r, error: n, className: "smwb-text-field-checkbox", children: /* @__PURE__ */ g(
+    "label",
+    {
+      htmlFor: l,
+      className: b(
+        "smwb-checkbox__wrapper",
+        `smwb-checkbox_size-${k}`,
+        `smwb-checkbox_color-${_}`,
+        w,
+        {
+          "smwb-disabled": r,
+          "smwb-readonly": c,
+          "smwb-indeterminate": a
+        }
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            id: l,
+            name: p,
+            className: "smwb-checkbox__input",
+            disabled: r,
+            readOnly: c,
+            required: t,
+            "aria-invalid": n || void 0,
+            "aria-required": t || void 0,
+            ref: h,
+            ...u,
+            onChange: N
+          }
+        ),
+        /* @__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 })
+      ]
+    }
+  ) });
+});
+export {
+  D as Checkbox,
+  D as default
+};
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +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;"}

package/dist/components/inputs/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from "./checkbox";
+export type { CheckboxProps } from "./checkbox";

package/dist/components/inputs/datePicker/dataPickerDays.d.ts

@@ -0,0 +1,9 @@
+import { DatePickerProps } from "./datePicker";
+export interface DataPickerDaysProps extends Partial<Pick<DatePickerProps, "value" | "showDaysOutsideMonth" | "onChange" | "disablePast" | "disableFuture" | "weekStartsOn" | "minDate" | "maxDate" | "isDateDisabled" | "locale">> {
+    viewValue: Date;
+    /** Range selection mode. */
+    range?: boolean;
+    rangeStart?: Date;
+    rangeEnd?: Date;
+}
+export declare function DataPickerDays({ viewValue, value, showDaysOutsideMonth, onChange, disablePast, disableFuture, weekStartsOn, minDate, maxDate, isDateDisabled, locale, range, rangeStart, rangeEnd, }: DataPickerDaysProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/datePicker/dataPickerDays.js

@@ -0,0 +1,59 @@
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { useState as G, useMemo as d, useCallback as b } from "react";
+import { getDayNames as H, getWeeks as J, isValidDate as m, isSameDay as _, isAfter as j, startOfDay as f, isBefore as v, endOfDay as n, isSameMonth as K } from "./utils.js";
+import { DatePickerDay as L } from "./datePickerDay.js";
+function Y({
+  viewValue: h,
+  value: l,
+  showDaysOutsideMonth: B,
+  onChange: C,
+  disablePast: A,
+  disableFuture: I,
+  weekStartsOn: p = 0,
+  minDate: w,
+  maxDate: N,
+  isDateDisabled: u,
+  locale: M,
+  range: k,
+  rangeStart: c,
+  rangeEnd: t
+}) {
+  const [r] = G(/* @__PURE__ */ new Date()), R = d(() => H(r, p, M), [r, p, M]), O = d(() => J(h, p), [h, p]), P = b(
+    (e) => k ? m(c) && _(e, c) || m(t) && _(e, t) : m(l) ? _(e, l) : !1,
+    [l, k, c, t]
+  ), W = b(
+    (e) => !k || !m(c) || !m(t) ? !1 : j(f(e), f(c)) && v(n(e), n(t)),
+    [k, c, t]
+  ), q = b(
+    (e) => {
+      let s = !1;
+      return A && (s = v(n(e), r)), I && (s = s || j(f(e), r)), w && v(n(e), f(w)) && (s = !0), N && j(f(e), n(N)) && (s = !0), u != null && u(e) && (s = !0), s;
+    },
+    [A, I, r, w, N, u]
+  ), z = d(() => R.map((e, s) => /* @__PURE__ */ o("span", { className: "smwb-date-picker__week-day", children: e.toString() }, s)), [R]);
+  return /* @__PURE__ */ D("div", { className: "smwb-date-picker__days", children: [
+    /* @__PURE__ */ o("div", { className: "smwb-date-picker__week-days", children: z }),
+    /* @__PURE__ */ o("div", { className: "smwb-date-picker__month", children: O.map((e, s) => /* @__PURE__ */ o("div", { className: "smwb-date-picker__week", children: e.map((i) => {
+      const x = !K(i, h);
+      return /* @__PURE__ */ o(
+        L,
+        {
+          day: i,
+          current: _(i, r),
+          active: P(i),
+          inRange: W(i),
+          hidden: !B && x,
+          outside: x,
+          onChange: C,
+          disabled: q(i),
+          children: i.getDate()
+        },
+        i.toISOString()
+      );
+    }) }, s)) })
+  ] });
+}
+export {
+  Y as DataPickerDays
+};
+//# sourceMappingURL=dataPickerDays.js.map

package/dist/components/inputs/datePicker/dataPickerDays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerDays.js","sources":["../../../../src/components/inputs/datePicker/dataPickerDays.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport {\n  getDayNames,\n  getWeeks,\n  isSameMonth,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n  isValidDate,\n} from \"./utils\";\nimport { DatePickerDay } from \"./datePickerDay\";\nimport { DatePickerProps } from \"./datePicker\";\n\nexport interface DataPickerDaysProps extends Partial<\n  Pick<\n    DatePickerProps,\n    | \"value\"\n    | \"showDaysOutsideMonth\"\n    | \"onChange\"\n    | \"disablePast\"\n    | \"disableFuture\"\n    | \"weekStartsOn\"\n    | \"minDate\"\n    | \"maxDate\"\n    | \"isDateDisabled\"\n    | \"locale\"\n  >\n> {\n  viewValue: Date;\n  /** Range selection mode. */\n  range?: boolean;\n  rangeStart?: Date;\n  rangeEnd?: Date;\n}\n\nexport function DataPickerDays({\n  viewValue,\n  value,\n  showDaysOutsideMonth,\n  onChange,\n  disablePast,\n  disableFuture,\n  weekStartsOn = 0,\n  minDate,\n  maxDate,\n  isDateDisabled,\n  locale,\n  range,\n  rangeStart,\n  rangeEnd,\n}: DataPickerDaysProps) {\n  const [now] = useState(new Date());\n\n  const dayNames = useMemo(() => getDayNames(now, weekStartsOn, locale), [now, weekStartsOn, locale]);\n  const weeks = useMemo(() => getWeeks(viewValue, weekStartsOn), [viewValue, weekStartsOn]);\n\n  const isActive = useCallback(\n    (day: Date) => {\n      if (range) {\n        return (\n          (isValidDate(rangeStart) && isSameDay(day, rangeStart)) || (isValidDate(rangeEnd) && isSameDay(day, rangeEnd))\n        );\n      }\n\n      if (!isValidDate(value)) {\n        return false;\n      }\n\n      return isSameDay(day, value);\n    },\n    [value, range, rangeStart, rangeEnd]\n  );\n\n  const isInRange = useCallback(\n    (day: Date) => {\n      if (!range || !isValidDate(rangeStart) || !isValidDate(rangeEnd)) {\n        return false;\n      }\n      return isAfter(startOfDay(day), startOfDay(rangeStart)) && isBefore(endOfDay(day), endOfDay(rangeEnd));\n    },\n    [range, rangeStart, rangeEnd]\n  );\n\n  const isDisabledDay = useCallback(\n    (day: Date) => {\n      let disabled = false;\n\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n\n      if (disableFuture) {\n        disabled = disabled || isAfter(startOfDay(day), now);\n      }\n\n      if (minDate && isBefore(endOfDay(day), startOfDay(minDate))) {\n        disabled = true;\n      }\n\n      if (maxDate && isAfter(startOfDay(day), endOfDay(maxDate))) {\n        disabled = true;\n      }\n\n      if (isDateDisabled?.(day)) {\n        disabled = true;\n      }\n\n      return disabled;\n    },\n    [disablePast, disableFuture, now, minDate, maxDate, isDateDisabled]\n  );\n\n  const weekDays = useMemo(() => {\n    return dayNames.map((day, index) => (\n      <span key={index} className=\"smwb-date-picker__week-day\">\n        {day.toString()}\n      </span>\n    ));\n  }, [dayNames]);\n\n  return (\n    <div className=\"smwb-date-picker__days\">\n      <div className=\"smwb-date-picker__week-days\">{weekDays}</div>\n      <div className=\"smwb-date-picker__month\">\n        {weeks.map((week, index) => (\n          <div key={index} className=\"smwb-date-picker__week\">\n            {week.map((day) => {\n              const isOutside = !isSameMonth(day, viewValue);\n\n              return (\n                <DatePickerDay\n                  key={day.toISOString()}\n                  day={day}\n                  current={isSameDay(day, now)}\n                  active={isActive(day)}\n                  inRange={isInRange(day)}\n                  hidden={!showDaysOutsideMonth && isOutside}\n                  outside={isOutside}\n                  onChange={onChange}\n                  disabled={isDisabledDay(day)}\n                >\n                  {day.getDate()}\n                </DatePickerDay>\n              );\n            })}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["DataPickerDays","viewValue","value","showDaysOutsideMonth","onChange","disablePast","disableFuture","weekStartsOn","minDate","maxDate","isDateDisabled","locale","range","rangeStart","rangeEnd","now","useState","dayNames","useMemo","getDayNames","weeks","getWeeks","isActive","useCallback","day","isValidDate","isSameDay","isInRange","isAfter","startOfDay","isBefore","endOfDay","isDisabledDay","disabled","weekDays","index","jsx","jsxs","week","isOutside","isSameMonth","DatePickerDay"],"mappings":"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"}

package/dist/components/inputs/datePicker/dataPickerHeader.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { OpenView } from "./datePicker";
+export interface DataPickerHeaderProps {
+    viewValue: Date;
+    openView?: OpenView;
+    onChange?: (value: Date) => void;
+    onMonthLabelClick?: React.MouseEventHandler;
+    onYearLabelClick?: React.MouseEventHandler;
+    locale?: string;
+}
+export declare function DataPickerHeader({ viewValue, openView, onChange, onMonthLabelClick, onYearLabelClick, locale, }: DataPickerHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/datePicker/dataPickerHeader.js

@@ -0,0 +1,57 @@
+import { jsxs as I, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { OpenView as o } from "./datePicker.js";
+import { DatePickerActionLabel as k } from "./datePickerActionLabel.js";
+import { addMonths as L, addYears as p, getMonthLabel as n, getYearLabel as y } from "./utils.js";
+function j({
+  viewValue: c,
+  openView: r,
+  onChange: t,
+  onMonthLabelClick: b,
+  onYearLabelClick: f,
+  locale: a
+}) {
+  const l = m.useCallback(
+    (s) => () => {
+      t == null || t(L(c, s));
+    },
+    [t, c]
+  ), d = m.useCallback(
+    (s) => () => {
+      t == null || t(p(c, s));
+    },
+    [t, c]
+  ), i = r === o.months || r === o.years;
+  return /* @__PURE__ */ I("div", { className: "smwb-date-picker__header", children: [
+    /* @__PURE__ */ e(
+      k,
+      {
+        label: n(c, a),
+        onLeftIconClick: l(-1),
+        onRightIconClick: l(1),
+        onLabelClick: b,
+        disabled: r === o.years,
+        active: r === o.months,
+        hiddenSwitches: i,
+        dataToggleId: "date-picker-months-toggle"
+      }
+    ),
+    /* @__PURE__ */ e(
+      k,
+      {
+        label: y(c, a),
+        onLeftIconClick: d(-1),
+        onRightIconClick: d(1),
+        onLabelClick: f,
+        disabled: r === o.months,
+        active: r === o.years,
+        hiddenSwitches: i,
+        dataToggleId: "date-picker-years-toggle"
+      }
+    )
+  ] });
+}
+export {
+  j as DataPickerHeader
+};
+//# sourceMappingURL=dataPickerHeader.js.map

package/dist/components/inputs/datePicker/dataPickerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataPickerHeader.js","sources":["../../../../src/components/inputs/datePicker/dataPickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { OpenView } from \"./datePicker\";\nimport { DatePickerActionLabel } from \"./datePickerActionLabel\";\nimport { addMonths, addYears, getMonthLabel, getYearLabel } from \"./utils\";\n\nexport interface DataPickerHeaderProps {\n  viewValue: Date;\n  openView?: OpenView;\n  onChange?: (value: Date) => void;\n  onMonthLabelClick?: React.MouseEventHandler;\n  onYearLabelClick?: React.MouseEventHandler;\n  locale?: string;\n}\n\nexport function DataPickerHeader({\n  viewValue,\n  openView,\n  onChange,\n  onMonthLabelClick,\n  onYearLabelClick,\n  locale,\n}: DataPickerHeaderProps) {\n  const onMonthIconClick = React.useCallback(\n    (value: number) => () => {\n      onChange?.(addMonths(viewValue, value));\n    },\n    [onChange, viewValue]\n  );\n\n  const onYearIconClick = React.useCallback(\n    (value: number) => () => {\n      onChange?.(addYears(viewValue, value));\n    },\n    [onChange, viewValue]\n  );\n\n  const hiddenSwitches = openView === OpenView.months || openView === OpenView.years;\n\n  return (\n    <div className=\"smwb-date-picker__header\">\n      <DatePickerActionLabel\n        label={getMonthLabel(viewValue, locale)}\n        onLeftIconClick={onMonthIconClick(-1)}\n        onRightIconClick={onMonthIconClick(1)}\n        onLabelClick={onMonthLabelClick}\n        disabled={openView === OpenView.years}\n        active={openView === OpenView.months}\n        hiddenSwitches={hiddenSwitches}\n        dataToggleId=\"date-picker-months-toggle\"\n      />\n      <DatePickerActionLabel\n        label={getYearLabel(viewValue, locale)}\n        onLeftIconClick={onYearIconClick(-1)}\n        onRightIconClick={onYearIconClick(1)}\n        onLabelClick={onYearLabelClick}\n        disabled={openView === OpenView.months}\n        active={openView === OpenView.years}\n        hiddenSwitches={hiddenSwitches}\n        dataToggleId=\"date-picker-years-toggle\"\n      />\n    </div>\n  );\n}\n"],"names":["DataPickerHeader","viewValue","openView","onChange","onMonthLabelClick","onYearLabelClick","locale","onMonthIconClick","React","value","addMonths","onYearIconClick","addYears","hiddenSwitches","OpenView","jsxs","jsx","DatePickerActionLabel","getMonthLabel","getYearLabel"],"mappings":";;;;;AAcO,SAASA,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,GAA0B;AACxB,QAAMC,IAAmBC,EAAM;AAAA,IAC7B,CAACC,MAAkB,MAAM;AACvB,MAAAN,KAAA,QAAAA,EAAWO,EAAUT,GAAWQ,CAAK;AAAA,IACvC;AAAA,IACA,CAACN,GAAUF,CAAS;AAAA,EAAA,GAGhBU,IAAkBH,EAAM;AAAA,IAC5B,CAACC,MAAkB,MAAM;AACvB,MAAAN,KAAA,QAAAA,EAAWS,EAASX,GAAWQ,CAAK;AAAA,IACtC;AAAA,IACA,CAACN,GAAUF,CAAS;AAAA,EAAA,GAGhBY,IAAiBX,MAAaY,EAAS,UAAUZ,MAAaY,EAAS;AAE7E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOC,EAAcjB,GAAWK,CAAM;AAAA,QACtC,iBAAiBC,EAAiB,EAAE;AAAA,QACpC,kBAAkBA,EAAiB,CAAC;AAAA,QACpC,cAAcH;AAAA,QACd,UAAUF,MAAaY,EAAS;AAAA,QAChC,QAAQZ,MAAaY,EAAS;AAAA,QAC9B,gBAAAD;AAAA,QACA,cAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOE,EAAalB,GAAWK,CAAM;AAAA,QACrC,iBAAiBK,EAAgB,EAAE;AAAA,QACnC,kBAAkBA,EAAgB,CAAC;AAAA,QACnC,cAAcN;AAAA,QACd,UAAUH,MAAaY,EAAS;AAAA,QAChC,QAAQZ,MAAaY,EAAS;AAAA,QAC9B,gBAAAD;AAAA,QACA,cAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EACf,GACF;AAEJ;"}

package/dist/components/inputs/datePicker/dataPickerInput.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { DatePickerProps } from "./datePicker";
+export interface DataPickerInputProps extends Omit<DatePickerProps, "locale" | "showDaysOutsideMonth" | "disablePast" | "disableFuture" | "weekStartsOn" | "placement"> {
+    onToggle: () => void;
+}
+export declare const DataPickerInput: React.ForwardRefExoticComponent<DataPickerInputProps & React.RefAttributes<HTMLInputElement>>;