test-stpr-ui-kit 0.6.15 → 1.0.0

package/dist/components/DatePicker/types/index.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { IDatePickerInputProps } from "../../DatePickerInput";
+import { ETooltipPosition } from "../../Tooltip";
+export type TOnChangeDatePicker = (data: {
+    name: string;
+    value: Date | null;
+}, event?: React.ChangeEvent<HTMLInputElement>) => void;
+export interface IDatePickerProps extends Omit<IDatePickerInputProps, "classNameRoot" | "onClick" | "value" | "onChange" | "dateFormatMask" | "isVisibleErrorText" | "isVisibleLabelText" | "isVisibleCalendarIcon" | "onMouseEnter"> {
+    dateFormatMask?: string | (string | RegExp)[];
+    dateFormat?: string;
+    value?: string;
+    onChange?: TOnChangeDatePicker;
+    selected: Date | null;
+    minDate?: Date;
+    maxDate?: Date;
+    isRelative?: boolean;
+    required?: boolean;
+    isClearable?: boolean;
+    closeOnScroll?: boolean;
+    shouldCloseOnSelect?: boolean;
+    enablePortal?: boolean;
+    label?: string;
+    infoTooltipText?: string;
+    tooltipPosition?: ETooltipPosition;
+    onCalendarOpen?: () => void;
+    onCalendarClose?: () => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    classNameRoot?: string;
+    classNameDatePickerInputRoot?: string;
+    classNameLabel?: string;
+    classNameBaseTooltipRoot?: string;
+    classNamePortalRoot?: string;
+}

package/dist/components/DatePickerInput/DatePickerInput.css

@@ -0,0 +1 @@
+._datepickerInput_nanpb_1{display:inline-flex;flex-direction:column;width:100%}._datepickerInput_nanpb_1{opacity:1;visibility:visible}._datepickerInput_nanpb_1{transition:all .3s ease-in-out}@starting-style{._datepickerInput_nanpb_1{opacity:0;visibility:hidden}}._datepickerInput_error_nanpb_19 ._datepickerInput__control_nanpb_19{border-color:var(--spui-color-border-error);color:var(--spui-color-text-error)}._datepickerInput_error_nanpb_19 ._datepickerInput__control_nanpb_19:hover::placeholder{color:var(--spui-color-text-secondary)}._datepickerInput__container_nanpb_26{position:relative;width:100%}._datepickerInput__control_nanpb_19{width:100%;font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-regular);font-size:16px;color:var(--spui-color-text-primary);padding:11.5px 16px;text-overflow:ellipsis;white-space:nowrap;border-width:var(--spui-border-width-md);border-style:solid}@media only screen and (min-width:768px){._datepickerInput__control_nanpb_19{font-size:18px;padding:16.5px 16px}}._datepickerInput__control_filled_nanpb_48{border-color:var(--spui-color-border-secondary);background-color:var(--spui-color-surface-page)}._datepickerInput__control_outlined_nanpb_52{border-color:var(--spui-color-border-primary);background-color:var(--spui-color-surface-transparent)}._datepickerInput__control_disabled_nanpb_56{pointer-events:none;color:var(--spui-color-text-disabled)}._datepickerInput__control_withIcon_nanpb_60{padding-right:var(--spui-spacing-12x)}._datepickerInput__control_nanpb_19:focus,._datepickerInput__control_nanpb_19:focus-visible{outline:none;border-style:solid;border-color:var(--spui-color-border-action);background-color:var(--spui-color-surface-transparent)}._datepickerInput__control_nanpb_19:focus:hover::placeholder,._datepickerInput__control_nanpb_19:focus-visible:hover::placeholder{color:var(--spui-color-text-secondary)}._datepickerInput__control_nanpb_19:focus~._datepickerInput__icon_nanpb_72,._datepickerInput__control_nanpb_19:focus-visible~._datepickerInput__icon_nanpb_72{color:var(--spui-color-icon-action)}._datepickerInput__control_nanpb_19::placeholder{color:var(--spui-color-text-secondary)}._datepickerInput__control_nanpb_19:hover::placeholder{color:var(--spui-color-text-primary)}._datepickerInput__control_disabled_nanpb_56:hover::placeholder{color:var(--spui-color-text-disabled)}._datepickerInput__icon_nanpb_72{color:var(--spui-color-icon-disabled);cursor:pointer;position:absolute;right:var(--spui-spacing-4x);top:var(--spui-spacing-none);bottom:var(--spui-spacing-none);margin:auto}._datepickerInput__error_nanpb_93{padding-top:var(--spui-spacing-2x);font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-regular);font-size:12px;color:var(--spui-color-text-error)}@media only screen and (min-width:768px){._datepickerInput__error_nanpb_93{font-size:14px}}

package/dist/components/DatePickerInput/DatePickerInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IDatePickerInputProps } from "./types";
+export declare const DatePickerInput: React.ForwardRefExoticComponent<IDatePickerInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/DatePickerInput/DatePickerInput.js

@@ -0,0 +1,101 @@
+import { jsxs as N, jsx as t } from "react/jsx-runtime";
+import q from "@mona-health/react-input-mask";
+import a from "clsx";
+import { forwardRef as F } from "react";
+import e from "./DatePickerInput.module.scss.js";
+import { Label as O } from "../Label/Label.js";
+import $ from "../../images/calendar.svg.js";
+const z = F((k, C) => {
+  const {
+    value: f,
+    name: _,
+    onChange: s,
+    dateFormatMask: I = "99.99.9999",
+    placeholderText: h = "дд.мм.гггг",
+    variant: n = "outlined",
+    disabled: l = !1,
+    error: r,
+    onClick: c,
+    onMouseDownInput: b,
+    readOnlyInput: v = !1,
+    isVisibleCalendarIcon: i = !0,
+    isVisibleErrorText: M = !0,
+    required: R,
+    classNameRoot: p,
+    classNameError: m,
+    classNameLabel: u,
+    tooltipPosition: x,
+    label: d,
+    infoTooltipText: T,
+    classNameBaseTooltipRoot: g,
+    onMouseEnter: w
+  } = k, E = a({
+    [e.datepickerInput]: !0,
+    [e.datepickerInput_error]: !!r,
+    ...p && { [p]: !0 }
+  }), y = a({
+    [e.datepickerInput__container]: !0
+  }), B = a({
+    [e.datepickerInput__control]: !0,
+    [e.datepickerInput__control_disabled]: l,
+    [e[`datepickerInput__control_${n}`]]: n,
+    [e.datepickerInput__control_withIcon]: i
+  }), D = a({
+    [e.datepickerInput__icon]: !0
+  }), L = a({
+    [e.datepickerInput__error]: !0,
+    ...m && { [m]: !0 }
+  }), P = a({
+    ...u && { [u]: !0 }
+  });
+  return /* @__PURE__ */ N("div", { className: E, children: [
+    d && /* @__PURE__ */ t(
+      O,
+      {
+        classNameRoot: P,
+        tooltipPosition: x,
+        required: R,
+        label: d,
+        infoTooltipText: T,
+        classNameBaseTooltipRoot: g
+      }
+    ),
+    /* @__PURE__ */ N(
+      "div",
+      {
+        className: y,
+        onMouseEnter: w,
+        onMouseDown: b,
+        onClick: (o) => {
+          c && c(o);
+        },
+        children: [
+          /* @__PURE__ */ t(
+            q,
+            {
+              ref: C,
+              className: B,
+              alwaysShowMask: !1,
+              disabled: l,
+              mask: I,
+              onChange: (o) => {
+                const { target: j } = o, { value: S, name: V } = j;
+                v || s && s(o, { value: S, name: V });
+              },
+              name: _,
+              value: f || "",
+              placeholder: h,
+              autoComplete: "off"
+            }
+          ),
+          i && /* @__PURE__ */ t($, { className: D })
+        ]
+      }
+    ),
+    M && r && /* @__PURE__ */ t("div", { className: L, children: r })
+  ] });
+});
+z.displayName = "DatePickerInput";
+export {
+  z as DatePickerInput
+};

package/dist/components/DatePickerInput/DatePickerInput.module.scss.js

@@ -0,0 +1,25 @@
+import './DatePickerInput.css';const t = "_datepickerInput_nanpb_1", _ = "_datepickerInput_error_nanpb_19", n = "_datepickerInput__control_nanpb_19", e = "_datepickerInput__container_nanpb_26", p = "_datepickerInput__control_filled_nanpb_48", r = "_datepickerInput__control_outlined_nanpb_52", c = "_datepickerInput__control_disabled_nanpb_56", o = "_datepickerInput__control_withIcon_nanpb_60", a = "_datepickerInput__icon_nanpb_72", i = "_datepickerInput__error_nanpb_93", d = {
+  datepickerInput: t,
+  datepickerInput_error: _,
+  datepickerInput__control: n,
+  datepickerInput__container: e,
+  datepickerInput__control_filled: p,
+  datepickerInput__control_outlined: r,
+  datepickerInput__control_disabled: c,
+  datepickerInput__control_withIcon: o,
+  datepickerInput__icon: a,
+  datepickerInput__error: i
+};
+export {
+  t as datepickerInput,
+  e as datepickerInput__container,
+  n as datepickerInput__control,
+  c as datepickerInput__control_disabled,
+  p as datepickerInput__control_filled,
+  r as datepickerInput__control_outlined,
+  o as datepickerInput__control_withIcon,
+  i as datepickerInput__error,
+  a as datepickerInput__icon,
+  _ as datepickerInput_error,
+  d as default
+};

package/dist/components/DatePickerInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePickerInput } from "./DatePickerInput";
+export type { IDatePickerInputProps, TOnChangeDatePickerInput } from "./types";

package/dist/components/DatePickerInput/types/index.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { ETooltipPosition } from "../../Tooltip";
+export type TOnChangeDatePickerInput = (event: React.ChangeEvent<HTMLInputElement>, data: {
+    name: string;
+    value: string | null;
+}) => void;
+export type TDatePickerInputVariant = "outlined" | "filled";
+export interface IDatePickerInputProps {
+    value?: string;
+    name?: string;
+    onChange?: TOnChangeDatePickerInput;
+    dateFormatMask?: string | (string | RegExp)[];
+    variant?: TDatePickerInputVariant;
+    disabled?: boolean;
+    error?: string;
+    placeholderText?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onMouseDownInput?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    readOnlyInput?: boolean;
+    isVisibleCalendarIcon?: boolean;
+    required?: boolean;
+    isVisibleErrorText?: boolean;
+    isVisibleLabelText?: boolean;
+    label?: string;
+    infoTooltipText?: string;
+    tooltipPosition?: ETooltipPosition;
+    classNameRoot?: string;
+    classNameLabel?: string;
+    classNameError?: string;
+    classNameBaseTooltipRoot?: string;
+    onMouseEnter?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}

package/dist/components/DefaultDropzone/DefaultDropzone.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DefaultDropzoneProps } from "./types";
+export declare const DefaultDropzone: React.FC<DefaultDropzoneProps>;

package/dist/components/DefaultDropzone/DefaultDropzone.js

@@ -0,0 +1,11 @@
+import { jsxs as s, jsx as p } from "react/jsx-runtime";
+const l = (t) => {
+  const { getRootProps: e, children: n, disabled: o, name: i, getInputProps: r } = t;
+  return /* @__PURE__ */ s("div", { ...e({}), style: { minHeight: "100%", minWidth: "100%" }, children: [
+    /* @__PURE__ */ p("input", { ...r({}), disabled: o, name: i }),
+    n
+  ] });
+};
+export {
+  l as DefaultDropzone
+};

package/dist/components/DefaultDropzone/hooks/useDefaultDropzone.d.ts

@@ -0,0 +1,2 @@
+import { TUseDefaultDropzoneProps } from "../types";
+export declare const useDefaultDropzone: (props: TUseDefaultDropzoneProps) => import("react-dropzone").DropzoneState;

package/dist/components/DefaultDropzone/hooks/useDefaultDropzone.js

@@ -0,0 +1,5 @@
+import { useDropzone as e } from "react-dropzone";
+const t = (o) => e(o);
+export {
+  t as useDefaultDropzone
+};

package/dist/components/DefaultDropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { DefaultDropzone } from "./DefaultDropzone";
+export type { DefaultDropzoneProps } from "./types";

package/dist/components/DefaultDropzone/types/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DropzoneOptions, DropzoneState } from "react-dropzone";
+export interface DefaultDropzoneProps {
+    getRootProps: DropzoneState["getRootProps"];
+    getInputProps: DropzoneState["getInputProps"];
+    disabled?: boolean;
+    name: string;
+    children?: React.ReactNode;
+}
+export type TUseDefaultDropzoneProps = DropzoneOptions;

package/dist/components/Dropdown/Dropdown.css

@@ -0,0 +1 @@
+._spDropdown_139q7_1{position:relative;display:inline-flex;height:var(--spui-control-height-md);align-items:center;width:fit-content;background:var(--spui-color-surface-secondary);cursor:pointer;color:var(--spui-color-text-action)}._spDropdown_139q7_1{opacity:1;visibility:visible}._spDropdown_139q7_1{transition:all .3s ease-in-out}@starting-style{._spDropdown_139q7_1{opacity:0;visibility:hidden}}._spDropdown_139q7_1:hover{background-color:var(--spui-color-surface-secondary)}._spDropdown__labelText_139q7_27{display:flex;padding:var(--spui-spacing-none) var(--spui-spacing-4x);justify-content:center;align-items:center;align-self:stretch;border-right:var(--spui-border-width-sm) solid var(--spui-color-border-action);font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-medium);font-size:16px;color:currentColor}._spDropdown__tooltipContainer_139q7_39{display:flex;padding:var(--spui-spacing-none) var(--spui-spacing-3x);align-items:center;align-self:stretch;color:currentColor}._spDropdown__dropdownList_139q7_46{min-width:275px;display:flex;flex-direction:column;background-color:var(--spui-color-surface-default)}._spDropdown__dropdownListHeader_139q7_52{font-family:var(--spui-font-family-main),serif;font-size:18px;color:var(--spui-color-text-secondary);padding:var(--spui-spacing-4x)}._spDropdown__dopdownListItem_139q7_58{display:flex;padding:var(--spui-spacing-3x) var(--spui-spacing-4x);align-items:flex-start;align-self:stretch;justify-content:space-between;font-family:var(--spui-font-family-main),serif;font-weight:var(--spui-font-weight-regular);font-size:16px;cursor:pointer;gap:var(--spui-spacing-2x)}._spDropdown__dopdownListItem_139q7_58:hover{background-color:var(--spui-color-surface-page)}._spDropdown__dopdownListItem_textCenter_139q7_73{align-items:center;flex-direction:column}._spDropdown__downloadListItemDescription_139q7_77{color:var(--spui-color-text-secondary)}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DropdownProps } from "./types";
+export declare const Dropdown: React.FC<DropdownProps>;

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,68 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import t from "clsx";
+import { useState as g } from "react";
+import o from "./Dropdown.module.scss.js";
+import { ETooltipPosition as h } from "../Tooltip/types/index.js";
+import { Tooltip as x } from "../Tooltip/Tooltip.js";
+import { Icon as L } from "../Icons/Icon.js";
+import { EIconName as T } from "../Icons/types/index.js";
+const E = (a) => {
+  const {
+    labelText: d = "Выпадающий список",
+    listName: n,
+    dropdownList: l = [],
+    dropdownPosition: c = h.BottomRight,
+    classNameRoot: i
+  } = a, m = t({
+    [o.spDropdown]: !0,
+    ...i && { [i]: !0 }
+  }), w = t({
+    [o.spDropdown__labelText]: !0
+  }), u = t({
+    [o.spDropdown__tooltipContainer]: !0
+  }), N = t({
+    [o.spDropdown__dropdownList]: !0
+  }), D = t({
+    [o.spDropdown__dropdownListHeader]: !0
+  }), _ = t({
+    [o.spDropdown__downloadListItemDescription]: !0
+  }), [C, p] = g(!1);
+  return /* @__PURE__ */ e(
+    x,
+    {
+      hover: !1,
+      triggerAction: () => p(!0),
+      actionOnClose: () => p(!1),
+      text: /* @__PURE__ */ s("div", { className: N, children: [
+        n && /* @__PURE__ */ e("div", { className: D, children: n }),
+        l.map((r, f) => /* @__PURE__ */ s(
+          "div",
+          {
+            className: t({
+              [o.spDropdown__dopdownListItem]: !0,
+              [o.spDropdown__dopdownListItem_textCenter]: r.textCenter
+            }),
+            onClick: r.onClick,
+            children: [
+              r.name,
+              r.description && /* @__PURE__ */ e("span", { className: _, children: r.description })
+            ]
+          },
+          f
+        ))
+      ] }),
+      position: c,
+      lockPosition: !0,
+      noPadding: !0,
+      isToggleClick: !0,
+      isStopPropagationClickOnTrigger: !0,
+      trigger: /* @__PURE__ */ s("div", { className: m, children: [
+        /* @__PURE__ */ e("div", { className: w, children: d }),
+        /* @__PURE__ */ e("div", { className: u, children: /* @__PURE__ */ e(L, { name: T.SelectChevronDown, rotate: C ? 180 : void 0 }) })
+      ] })
+    }
+  );
+};
+export {
+  E as Dropdown
+};

package/dist/components/Dropdown/Dropdown.module.scss.js

@@ -0,0 +1,21 @@
+import './Dropdown.css';const o = "_spDropdown_139q7_1", _ = "_spDropdown__labelText_139q7_27", p = "_spDropdown__tooltipContainer_139q7_39", n = "_spDropdown__dropdownList_139q7_46", t = "_spDropdown__dropdownListHeader_139q7_52", d = "_spDropdown__dopdownListItem_139q7_58", s = "_spDropdown__dopdownListItem_textCenter_139q7_73", r = "_spDropdown__downloadListItemDescription_139q7_77", e = {
+  spDropdown: o,
+  spDropdown__labelText: _,
+  spDropdown__tooltipContainer: p,
+  spDropdown__dropdownList: n,
+  spDropdown__dropdownListHeader: t,
+  spDropdown__dopdownListItem: d,
+  spDropdown__dopdownListItem_textCenter: s,
+  spDropdown__downloadListItemDescription: r
+};
+export {
+  e as default,
+  o as spDropdown,
+  d as spDropdown__dopdownListItem,
+  s as spDropdown__dopdownListItem_textCenter,
+  r as spDropdown__downloadListItemDescription,
+  n as spDropdown__dropdownList,
+  t as spDropdown__dropdownListHeader,
+  _ as spDropdown__labelText,
+  p as spDropdown__tooltipContainer
+};

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropdown } from "./Dropdown";
+export type { DropdownProps, TDropdownListItem } from "./types";

package/dist/components/Dropdown/types/index.d.ts

@@ -0,0 +1,14 @@
+import { ETooltipPosition } from "../../Tooltip";
+export type TDropdownListItem = {
+    name: string;
+    onClick?: () => void;
+    description?: string;
+    textCenter?: boolean;
+};
+export interface DropdownProps {
+    labelText?: string;
+    listName?: string;
+    classNameRoot?: string;
+    dropdownList: TDropdownListItem[];
+    dropdownPosition?: ETooltipPosition;
+}

package/dist/components/EllipsisTextWithTooltip/EllipsisTextWithTooltip.css

@@ -0,0 +1 @@
+._ellipsisTextWithTooltip_bvsvk_1{width:100%;position:relative}._ellipsisTextWithTooltip_inheritFontStyles_bvsvk_5{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;font-style:inherit}._ellipsisTextWithTooltip__tooltip_bvsvk_12{width:100%}

package/dist/components/EllipsisTextWithTooltip/EllipsisTextWithTooltip.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { EllipsisTextWithTooltipProps } from "./types";
+export declare const EllipsisTextWithTooltip: React.FC<EllipsisTextWithTooltipProps>;

package/dist/components/EllipsisTextWithTooltip/EllipsisTextWithTooltip.js

@@ -0,0 +1,75 @@
+import { jsx as e, jsxs as f, Fragment as T } from "react/jsx-runtime";
+import u from "clsx";
+import { useRef as h, useState as F, useLayoutEffect as S } from "react";
+import n from "./EllipsisTextWithTooltip.module.scss.js";
+import { getEndText as l } from "./utils/index.js";
+import { Tooltip as b } from "../Tooltip/Tooltip.js";
+import { Text as p } from "../Text/Text.js";
+const V = (x) => {
+  const {
+    text: t,
+    isWithFixedEnd: R = !1,
+    isInheritFontStyles: w = !1,
+    classNameRoot: c,
+    classNameTooltipRoot: a,
+    classNameBaseTooltipContentRoot: E,
+    classNameBaseTooltipRoot: g,
+    defaultTooltipPosition: v,
+    ...i
+  } = x, o = h(null), N = h(null), [d, y] = F(!1), m = l(t), W = !!t && m !== t, s = () => {
+    o.current && y(o.current.scrollWidth > o.current.clientWidth);
+  };
+  S(() => (s(), window.addEventListener("resize", s), () => {
+    window.removeEventListener("resize", s);
+  }), [t, m]);
+  const r = u({
+    [n.ellipsisTextWithTooltip]: !0,
+    [n.ellipsisTextWithTooltip_inheritFontStyles]: w,
+    ...c && { [c]: !0 }
+  }), C = u({
+    [n.ellipsisTextWithTooltip__tooltip]: !0,
+    ...a && { [a]: !0 }
+  });
+  return /* @__PURE__ */ e(
+    b,
+    {
+      hover: !0,
+      position: v,
+      classNameBaseTooltipRoot: g,
+      classNameTooltip: C,
+      classNameBaseTooltipContentRoot: E,
+      isVisibleTooltip: d,
+      text: t,
+      trigger: /* @__PURE__ */ f(T, { children: [
+        /* @__PURE__ */ e(p, { ...i, classNameRoot: r, isEllipsis: !0, ref: o, children: t }),
+        R && d && W && /* @__PURE__ */ f(T, { children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: N,
+              style: {
+                position: "absolute",
+                opacity: 0,
+                pointerEvents: "none",
+                whiteSpace: "nowrap"
+              },
+              children: /* @__PURE__ */ e(p, { ...i, classNameRoot: r, children: l(t) })
+            }
+          ),
+          /* @__PURE__ */ e(
+            p,
+            {
+              style: { width: "fit-content" },
+              ...i,
+              classNameRoot: r,
+              children: l(t)
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  V as EllipsisTextWithTooltip
+};

package/dist/components/EllipsisTextWithTooltip/EllipsisTextWithTooltip.module.scss.js

@@ -0,0 +1,11 @@
+import './EllipsisTextWithTooltip.css';const t = "_ellipsisTextWithTooltip_bvsvk_1", i = "_ellipsisTextWithTooltip_inheritFontStyles_bvsvk_5", l = "_ellipsisTextWithTooltip__tooltip_bvsvk_12", o = {
+  ellipsisTextWithTooltip: t,
+  ellipsisTextWithTooltip_inheritFontStyles: i,
+  ellipsisTextWithTooltip__tooltip: l
+};
+export {
+  o as default,
+  t as ellipsisTextWithTooltip,
+  l as ellipsisTextWithTooltip__tooltip,
+  i as ellipsisTextWithTooltip_inheritFontStyles
+};

package/dist/components/EllipsisTextWithTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { EllipsisTextWithTooltip } from "./EllipsisTextWithTooltip";
+export type { EllipsisTextWithTooltipProps } from "./types";

package/dist/components/EllipsisTextWithTooltip/types/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { TextProps } from "../../Text";
+import { ETooltipPosition } from "../../Tooltip";
+export interface EllipsisTextWithTooltipProps extends Omit<TextProps, "children" | "isEllipsis" | "ref"> {
+    text?: string | ReactNode;
+    classNameRoot?: string;
+    defaultTooltipPosition?: ETooltipPosition;
+    classNameBaseTooltipContentRoot?: string;
+    classNameTooltipRoot?: string;
+    classNameBaseTooltipRoot?: string;
+    isWithFixedEnd?: boolean;
+    isInheritFontStyles?: boolean;
+}

package/dist/components/EllipsisTextWithTooltip/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export declare const getEndText: (someString: string | ReactNode) => string | null;

package/dist/components/EllipsisTextWithTooltip/utils/index.js

@@ -0,0 +1,5 @@
+import { isNullOrWhitespace as r } from "../../../utils/stringHelper.js";
+const s = (t) => r(t) || typeof t != "string" ? null : t.split(/[\s.]+/).pop()?.toLowerCase() || "";
+export {
+  s as getEndText
+};

package/dist/components/Form/Form.css

@@ -0,0 +1 @@
+._spForm_1egzl_1{width:fit-content;display:flex;flex-direction:column}._spForm_1egzl_1{opacity:1;visibility:visible}._spForm_1egzl_1{transition:all .3s ease-in-out}@starting-style{._spForm_1egzl_1{opacity:0;visibility:hidden}}._spForm_fullWidth_1egzl_19{width:100%}._spForm_addMargin_1egzl_22._spForm--size-lg_1egzl_22{--form-gap: var(--spui-spacing-8x);gap:var(--form-gap)}@media only screen and (min-width:768px){._spForm_addMargin_1egzl_22._spForm--size-lg_1egzl_22{--form-gap: var(--spui-spacing-12x)}}._spForm_addMargin_1egzl_22._spForm--size-md_1egzl_31{--form-gap: var(--spui-spacing-6x);gap:var(--form-gap)}@media only screen and (min-width:768px){._spForm_addMargin_1egzl_22._spForm--size-md_1egzl_31{--form-gap: var(--spui-spacing-8x)}}._spForm_withSeparator_1egzl_40>*:not(:first-child){position:relative}._spForm_withSeparator_1egzl_40>*:not(:first-child):before{content:"";position:absolute;width:100%;right:0;top:calc(var(--form-gap) / -2);height:1px;background:var(--color-light-steel)}

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { FormProps } from "./types";
+export declare const Form: React.FC<FormProps>;

package/dist/components/Form/Form.js

@@ -0,0 +1,28 @@
+import { jsx as f } from "react/jsx-runtime";
+import c from "clsx";
+import o from "./Form.module.scss.js";
+const _ = (m) => {
+  const {
+    size: r = "lg",
+    children: a,
+    onSubmit: t,
+    addMargin: s = !1,
+    withSeparator: i = !1,
+    fullWidth: p = !0,
+    classNameRoot: e,
+    ...l
+  } = m, n = c({
+    [o.spForm]: !0,
+    [o[`spForm--size-${r}`]]: r,
+    [o.spForm_fullWidth]: p,
+    [o.spForm_addMargin]: s,
+    [o.spForm_withSeparator]: i && s,
+    ...e && { [e]: !0 }
+  });
+  return /* @__PURE__ */ f("form", { ...l, onSubmit: (u) => {
+    u.preventDefault(), t && t();
+  }, className: n, children: a });
+};
+export {
+  _ as Form
+};

package/dist/components/Form/Form.module.scss.js

@@ -0,0 +1,15 @@
+import './Form.css';const s = "_spForm_1egzl_1", _ = "_spForm_fullWidth_1egzl_19", r = "_spForm_addMargin_1egzl_22", o = "_spForm_withSeparator_1egzl_40", p = {
+  spForm: s,
+  spForm_fullWidth: _,
+  spForm_addMargin: r,
+  "spForm--size-lg": "_spForm--size-lg_1egzl_22",
+  "spForm--size-md": "_spForm--size-md_1egzl_31",
+  spForm_withSeparator: o
+};
+export {
+  p as default,
+  s as spForm,
+  r as spForm_addMargin,
+  _ as spForm_fullWidth,
+  o as spForm_withSeparator
+};

package/dist/components/Form/index.d.ts

@@ -0,0 +1,2 @@
+export { Form } from "./Form";
+export type { FormProps } from "./types";

package/dist/components/Form/types/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type TFormSize = "md" | "lg";
+export interface FormProps extends React.PropsWithChildren {
+    size?: TFormSize;
+    withSeparator?: boolean;
+    classNameRoot?: string;
+    addMargin?: boolean;
+    fullWidth?: boolean;
+    onSubmit?: () => void;
+    id?: string;
+    name?: string;
+    noValidate?: boolean;
+}

package/dist/components/Icons/Icon.css

@@ -0,0 +1 @@
+._spIcon_11vrs_1{opacity:1;visibility:visible}._spIcon_11vrs_1{transition:all .3s ease-in-out}@starting-style{._spIcon_11vrs_1{opacity:0;visibility:hidden}}

package/dist/components/Icons/Icon.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import AddFileIcon from "../../images/add_file.svg?react";
+import AddUserIcon from "../../images/add_user.svg?react";
+import ArrowBottomIcon from "../../images/arrow-bottom.svg?react";
+import CalendarIcon from "../../images/calendar.svg?react";
+import CheckIcon from "../../images/check.svg?react";
+import ChevronDownIcon from "../../images/chevron_down.svg?react";
+import CloseIcon from "../../images/close.svg?react";
+import CopyIcon from "../../images/copy.svg?react";
+import DotsIcon from "../../images/dots.svg?react";
+import DownloadIcon from "../../images/download.svg?react";
+import EditIcon from "../../images/edit.svg?react";
+import EyeIcon from "../../images/eye.svg?react";
+import FileIcon from "../../images/file.svg?react";
+import FileNotFilledIcon from "../../images/file_not_filled.svg?react";
+import FilterIcon from "../../images/filter.svg?react";
+import FolderIcon from "../../images/folder.svg?react";
+import HistoryClockIcon from "../../images/history_clock.svg?react";
+import InfoIcon from "../../images/info.svg?react";
+import InfoErrorIcon from "../../images/info_error.svg?react";
+import LayersThreeIcon from "../../images/layers-three.svg?react";
+import LinkAngledIcon from "../../images/link-angled.svg?react";
+import LogoutIcon from "../../images/logout.svg?react";
+import MinusIcon from "../../images/minus.svg?react";
+import PauseCircleIcon from "../../images/pause-circle.svg?react";
+import PlayCircleIcon from "../../images/play-circle.svg?react";
+import PlusIcon from "../../images/plus.svg?react";
+import PlusCircleIcon from "../../images/plus_circle.svg?react";
+import PlusSquareIcon from "../../images/plus_square.svg?react";
+import RefreshIcon from "../../images/refresh.svg?react";
+import SaveIcon from "../../images/save.svg?react";
+import SearchIcon from "../../images/search.svg?react";
+import SelectChevronDownIcon from "../../images/select_chevron_down.svg?react";
+import TerminalSquareIcon from "../../images/terminal_square.svg?react";
+import TrashIcon from "../../images/trash.svg?react";
+import UpdateIcon from "../../images/update.svg?react";
+import UploadIcon from "../../images/upload.svg?react";
+import UploadTopIcon from "../../images/upload-top.svg?react";
+import UserRightIcon from "../../images/user-right.svg?react";
+import WarningColorIcon from "../../images/warning_color.svg?react";
+import { IconProps } from "./types";
+export declare const Icon: React.FC<IconProps>;
+export { AddFileIcon, AddUserIcon, ArrowBottomIcon, CalendarIcon, CheckIcon, ChevronDownIcon, CloseIcon, CopyIcon, DotsIcon, DownloadIcon, EditIcon, EyeIcon, FileIcon, FileNotFilledIcon, FilterIcon, FolderIcon, HistoryClockIcon, InfoErrorIcon, InfoIcon, LayersThreeIcon, LinkAngledIcon, LogoutIcon, MinusIcon, PauseCircleIcon, PlayCircleIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, RefreshIcon, SaveIcon, SearchIcon, SelectChevronDownIcon, TerminalSquareIcon, TrashIcon, UpdateIcon, UploadIcon, UploadTopIcon, UserRightIcon, WarningColorIcon, };