@reportportal/ui-kit 0.0.1-alpha.0 → 0.0.1-alpha.10

package/dist/components/pagination/pageControls/pageControls.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ChangePage } from '../types';
+type PageControlsCaptions = {
+    page: string;
+    goTo: string;
+    goAction: string;
+    of: string;
+};
+export interface PageControlsProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: PageControlsCaptions;
+}
+export declare const PageControls: FC<PageControlsProps>;
+export {};

package/dist/components/pagination/pageControls/pageNavigator/index.d.ts

@@ -0,0 +1 @@
+export { PageNavigator } from './pageNavigator';

package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+export interface PageNavigatorProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+}
+export declare const PageNavigator: FC<PageNavigatorProps>;

package/dist/components/pagination/pageSizeControl/index.d.ts

@@ -0,0 +1 @@
+export { PageSizeControl } from './pageSizeControl';

package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../types';
+interface PageSizeControlProps {
+    size: number;
+    sizeOptions: number[];
+    perPageText: string;
+    changeSize: ChangePageSize;
+}
+export declare const PageSizeControl: FC<PageSizeControlProps>;
+export {};

package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts

@@ -0,0 +1 @@
+export { SizeSelector } from './sizeSelector';

package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../../types';
+export interface SizeSelectorProps {
+    currentSize: number;
+    options: number[];
+    onClickOption: ChangePageSize;
+}
+export declare const SizeSelector: FC<SizeSelectorProps>;

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { ChangePageSize, ChangePage } from './types';
+type PaginationCaptions = {
+    items?: string;
+    of?: string;
+    page?: string;
+    goTo?: string;
+    goAction?: string;
+    perPage?: string;
+};
+export interface PaginationProps {
+    activePage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizeOptions: number[];
+    changePage: ChangePage;
+    changePageSize: ChangePageSize;
+    captions?: PaginationCaptions;
+}
+export declare const Pagination: FC<PaginationProps>;
+export {};

package/dist/components/pagination/types.d.ts

@@ -0,0 +1,2 @@
+export type ChangePage = (page: number) => void;
+export type ChangePageSize = (size: number) => void;

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

@@ -0,0 +1 @@
+export { Popover } from './popover';

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+interface PopoverProps {
+    className?: string;
+    content: ReactNode;
+    children: ReactNode;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    title?: string;
+    arrowOffset?: number;
+    safeZone?: number;
+    arrowColor?: string;
+    dataAutomationId?: string;
+    isOpened?: boolean;
+    setIsOpened?: (isOpened: boolean) => void;
+}
+export declare const Popover: FC<PopoverProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { Radio, RadioProps } from './radio.js';
+export { Radio };
+export type { RadioProps };
+export default Radio;

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';
+export type RadioValue = string | number;
+export type RadioOption = {
+    value: RadioValue;
+    label: string;
+    disabled: boolean;
+};
+export interface RadioProps extends HTMLAttributes<HTMLInputElement> {
+    option: RadioOption;
+    value?: RadioValue;
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const Radio: FC<RadioProps>;

package/dist/components/radio/radioGroup.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { RadioProps } from './index';
+import { RadioOption } from './radio';
+interface RadioGroupProps extends Omit<RadioProps, 'option'> {
+    options: RadioOption[];
+}
+export declare const RadioGroup: FC<RadioGroupProps>;
+export {};

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

@@ -0,0 +1,3 @@
+import { SystemMessage } from './systemMessage';
+export { SystemMessage };
+export default SystemMessage;

package/dist/components/systemMessage/systemMessage.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+type Mode = 'info' | 'warning' | 'error';
+interface SystemMessageProps {
+    children?: ReactNode;
+    mode?: Mode;
+    header?: string;
+    caption?: ReactNode;
+    widthByContent?: boolean;
+}
+export declare const SystemMessage: FC<SystemMessageProps>;
+export {};

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

@@ -0,0 +1,3 @@
+import { Table } from './table';
+export { Table };
+export default Table;

package/dist/components/table/table.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TableComponentProps } from './types';
+export declare const Table: FC<TableComponentProps>;

package/dist/components/table/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+export interface Column {
+    key: string;
+    header: string;
+}
+export interface PrimaryColumn extends Column {
+    primary: boolean;
+}
+export interface FixedColumn extends Column {
+    width: string | number;
+    align?: 'left' | 'center' | 'right';
+}
+export interface RowConfigs {
+    size?: 'small' | 'medium' | 'large';
+}
+export interface DetailedCellData {
+    content: string | number;
+    component: ReactNode;
+}
+export interface RowData {
+    id: string | number;
+    [key: string]: DetailedCellData | RowConfigs | string | number | any;
+    rowConfigs?: RowConfigs;
+}
+export declare enum SortDirection {
+    ASC = "asc",
+    DESC = "desc"
+}
+export interface SortConfig {
+    key: string;
+    direction: SortDirection;
+}
+export interface TableComponentProps {
+    data: RowData[];
+    primaryColumn: Column;
+    fixedColumns: FixedColumn[];
+    rowActionMenu?: ReactNode;
+    selectable?: boolean;
+    className?: string;
+    selectedRowIds?: (string | number)[];
+    sortingDirection?: SortDirection;
+    sortingColumn?: Column;
+    onChangeSorting?: (sortConfig?: SortConfig) => void;
+    onToggleRowSelection?: (id: string | number) => void;
+    onToggleAllRowsSelection?: () => void;
+}

package/dist/components/table/utils.d.ts

@@ -0,0 +1,2 @@
+import { RowData, SortConfig } from './types';
+export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];

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

@@ -0,0 +1,3 @@
+import { ThemeProvider } from './themeProvider';
+export { ThemeProvider };
+export default ThemeProvider;

package/dist/components/themeProvider/themeProvider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+type ThemeKey = 'light' | 'dark' | string;
+interface ITheme {
+    [themeKey: ThemeKey]: string;
+}
+interface IThemeProviderProps {
+    children?: ReactNode;
+    theme?: ThemeKey;
+    customThemes?: ITheme;
+    className?: string;
+}
+export declare function ThemeProvider({ children, theme, customThemes, className, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import { Toggle } from './toggle';
+export { Toggle };
+export default Toggle;

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEventHandler, FC, HTMLAttributes, ReactNode } from 'react';
+interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
+    value: boolean;
+    title?: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const Toggle: FC<ToggleProps>;
+export {};

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

@@ -0,0 +1 @@
+export { Tooltip } from './tooltip';

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

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react-dom';
+interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    className?: string;
+    dynamicWidth?: boolean;
+    width?: number;
+    placement?: Placement;
+    dataAutomationId?: string;
+}
+export declare const Tooltip: FC<TooltipProps>;
+export {};

package/dist/dropdown-e07f2a71.js

@@ -0,0 +1,212 @@
+import { jsx as a, jsxs as L } from "react/jsx-runtime";
+import * as R from "react";
+import { forwardRef as F, useState as Y, useRef as B } from "react";
+import { c as A } from "./bind-06a7ff84.js";
+import { useFloating as ee, offset as te, flip as ne } from "@floating-ui/react-dom";
+import { useSelect as x } from "downshift";
+import { Scrollbars as de } from "rc-scrollbars";
+import { u as oe } from "./useOnClickOutside-c332f7d3.js";
+import { K as f } from "./keyCodes-f63c0e11.js";
+import { B as se } from "./baseIconButton-7bc53dec.js";
+const ae = (t) => /* @__PURE__ */ R.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ R.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" })), le = "_disabled_nx3fh_13", re = "_hidden_nx3fh_17", ie = "_selected_nx3fh_23", ce = "_hover_nx3fh_26", _e = {
+  "dropdown-option": "_dropdown-option_nx3fh_1",
+  disabled: le,
+  hidden: re,
+  selected: ie,
+  hover: ce,
+  "single-option": "_single-option_nx3fh_39",
+  "sub-option": "_sub-option_nx3fh_45"
+}, P = A.bind(_e), he = F(
+  (t, n) => {
+    const {
+      option: { value: s, disabled: i, hidden: O, label: l, title: d, groupRef: E },
+      selected: D,
+      onChange: p,
+      render: g,
+      highlightHovered: b,
+      onMouseEnter: w
+    } = t, N = () => {
+      p && p(s);
+    };
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: P("dropdown-option", {
+          selected: D,
+          disabled: i,
+          hidden: O,
+          hover: b
+        }),
+        title: i && d || void 0,
+        onClick: N,
+        ref: n,
+        onMouseEnter: w,
+        children: /* @__PURE__ */ a("div", { className: P("single-option", { "sub-option": !!E }), children: g ? g(t) : l })
+      }
+    );
+  }
+), fe = [
+  f.ENTER_KEY_CODE,
+  f.SPACE_KEY_CODE,
+  f.ARROW_DOWN_KEY_CODE
+], ge = [f.ESCAPE_KEY_CODE, f.TAB_KEY_CODE];
+var h = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(h || {});
+const pe = (t, n) => t.map(({ value: s }) => s).indexOf(n), we = (t, n) => (t % n + n) % n, v = (t, n = 0, s = 1) => {
+  if (!t[n].disabled)
+    return n;
+  const i = t.length;
+  return v(
+    t,
+    we(n + s, i),
+    s
+  );
+}, me = (t, n) => v(t, n), ue = (t, n) => v(t, n, -1), Ce = "_container_3wi7d_1", Oe = "_icon_3wi7d_7", Ee = "_arrow_3wi7d_13", De = "_dropdown_3wi7d_19", be = "_disabled_3wi7d_36", Ne = "_value_3wi7d_43", xe = "_error_3wi7d_46", ve = "_touched_3wi7d_46", Ke = "_opened_3wi7d_50", ye = "_placeholder_3wi7d_72", Ie = "_ghost_3wi7d_108", ke = {
+  container: Ce,
+  icon: Oe,
+  arrow: Ee,
+  dropdown: De,
+  "transparent-background": "_transparent-background_3wi7d_33",
+  disabled: be,
+  value: Ne,
+  error: xe,
+  touched: ve,
+  opened: Ke,
+  placeholder: ye,
+  "mobile-disabled": "_mobile-disabled_3wi7d_87",
+  "select-list": "_select-list_3wi7d_92",
+  ghost: Ie
+}, _ = A.bind(ke), $e = ({
+  value: t = "",
+  options: n = [],
+  disabled: s = !1,
+  error: i,
+  onChange: O,
+  onFocus: l,
+  onBlur: d,
+  mobileDisabled: E,
+  title: D,
+  touched: p = !1,
+  icon: g,
+  variant: b,
+  placeholder: w = "",
+  renderOption: N,
+  transparentBackground: T = !1,
+  className: W,
+  toggleButtonClassName: H
+}) => {
+  const [r, c] = Y(!1), K = B(null), [M, m] = Y(null), { refs: y, floatingStyles: $ } = ee({
+    middleware: [
+      te(5),
+      ne({
+        fallbackPlacements: ["bottom", "top"]
+      })
+    ]
+  });
+  oe(K, () => {
+    r && (c(!1), d == null || d());
+  });
+  const I = (e) => {
+    e.disabled || (O(e.value), c((o) => !o));
+  }, j = () => n.find(({ value: e }) => e === t), k = pe(n, t), {
+    getToggleButtonProps: V,
+    getMenuProps: U,
+    getItemProps: Z,
+    setHighlightedIndex: u,
+    highlightedIndex: S,
+    selectedItem: C
+  } = x({
+    items: n,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : w) || "",
+    selectedItem: j(),
+    isOpen: r,
+    circularNavigation: !0,
+    defaultHighlightedIndex: k,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case x.stateChangeTypes.MenuKeyDownArrowUp:
+          return m(h.ON_KEY_DOWN), u(ue(n, e.highlightedIndex)), e;
+        case x.stateChangeTypes.MenuKeyDownArrowDown:
+          return m(h.ON_KEY_DOWN), u(me(n, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), q = () => {
+    s || (c((e) => !e), r ? d == null || d() : l == null || l(), m(h.ON_CLICK));
+  }, z = () => {
+    if (!t && t !== !1)
+      return w;
+    let e = t;
+    return n.forEach((o) => {
+      o.value === t && (e = o.label);
+    }), e;
+  }, G = (e) => {
+    const { keyCode: o } = e;
+    fe.includes(o) && !r && (e.preventDefault(), u(k), c(!0), l == null || l(), m(h.ON_KEY_DOWN));
+  }, J = (e) => {
+    const { keyCode: o } = e;
+    if (o === f.ENTER_KEY_CODE) {
+      const X = n[S];
+      I(X), c(!1), d == null || d();
+      return;
+    }
+    ge.includes(o) && (e.stopPropagation(), c(!1), d == null || d());
+  }, Q = () => n.map((e, o) => /* @__PURE__ */ a(
+    he,
+    {
+      ...Z({
+        item: e,
+        index: o
+      }),
+      selected: e.value === ((C == null ? void 0 : C.value) ?? C),
+      option: e,
+      highlightHovered: S === o && M !== h.ON_CLICK,
+      render: N,
+      onChange: e.disabled ? null : () => I(e),
+      onMouseEnter: () => u(o)
+    },
+    e.value
+  ));
+  return /* @__PURE__ */ L("div", { ref: K, className: _("container", W), title: D, children: [
+    /* @__PURE__ */ L(
+      "button",
+      {
+        disabled: s,
+        ...V({
+          className: _("dropdown", b, H, {
+            "transparent-background": T,
+            opened: r,
+            disabled: s,
+            error: i,
+            touched: p,
+            "mobile-disabled": E
+          }),
+          onClick: q,
+          onKeyDown: G,
+          ref: y.setReference
+        }),
+        children: [
+          g && /* @__PURE__ */ a("span", { className: _("icon"), children: g }),
+          /* @__PURE__ */ a("span", { className: _("value", { placeholder: !t }), children: z() }),
+          /* @__PURE__ */ a(se, { className: _("arrow"), tabIndex: -1, children: /* @__PURE__ */ a(ae, {}) })
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ a(
+      "div",
+      {
+        style: $,
+        className: _("select-list", { opened: r }),
+        ...U({
+          onKeyDown: J,
+          ref: y.setFloating
+        }),
+        children: /* @__PURE__ */ a(de, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: Q() })
+      }
+    )
+  ] });
+};
+export {
+  $e as D,
+  ae as S
+};

package/dist/dropdown.js

@@ -0,0 +1,14 @@
+import { D as r } from "./dropdown-e07f2a71.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "rc-scrollbars";
+import "./useOnClickOutside-c332f7d3.js";
+import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-7bc53dec.js";
+export {
+  r as Dropdown,
+  r as default
+};

package/dist/fieldNumber-46fe79b9.js

@@ -0,0 +1,127 @@
+import { jsxs as K, jsx as l } from "react/jsx-runtime";
+import * as d from "react";
+import { useRef as A, useMemo as B } from "react";
+import { c as T } from "./bind-06a7ff84.js";
+import { K as e } from "./keyCodes-f63c0e11.js";
+import { B as f } from "./baseIconButton-7bc53dec.js";
+const W = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" })), v = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" })), y = 5, h = 16, S = [
+  e.TAB_KEY_CODE,
+  e.BACKSPACE_KEY_CODE,
+  e.ARROW_LEFT_KEY_CODE,
+  e.ARROW_UP_KEY_CODE,
+  e.ARROW_RIGHT_KEY_CODE,
+  e.ARROW_DOWN_KEY_CODE,
+  e.DELETE_KEY_CODE,
+  e.NUM_LOCK_0_KEY_CODE,
+  e.NUM_LOCK_1_KEY_CODE,
+  e.NUM_LOCK_2_KEY_CODE,
+  e.NUM_LOCK_3_KEY_CODE,
+  e.NUM_LOCK_4_KEY_CODE,
+  e.NUM_LOCK_5_KEY_CODE,
+  e.NUM_LOCK_6_KEY_CODE,
+  e.NUM_LOCK_7_KEY_CODE,
+  e.NUM_LOCK_8_KEY_CODE,
+  e.NUM_LOCK_9_KEY_CODE
+], I = "_disabled_3tc9r_6", b = "_label_3tc9r_10", k = "_sign_3tc9r_21", F = "_error_3tc9r_36", H = "_touched_3tc9r_36", V = "_filled_3tc9r_41", P = "_input_3tc9r_26", j = {
+  "field-number": "_field-number_3tc9r_1",
+  disabled: I,
+  label: b,
+  sign: k,
+  "input-container": "_input-container_3tc9r_26",
+  error: F,
+  touched: H,
+  filled: V,
+  "input-field": "_input-field_3tc9r_48",
+  input: P
+}, r = T.bind(j), z = ({
+  value: t = "",
+  placeholder: D = "0",
+  disabled: c = !1,
+  onChange: i,
+  onFocus: a,
+  onBlur: G,
+  label: O,
+  postfix: s = "",
+  min: o = 0,
+  max: E = Number.MAX_SAFE_INTEGER,
+  title: p,
+  error: m,
+  touched: L = !1,
+  ...N
+}) => {
+  const C = A(null), R = (_) => {
+    let n = _.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (n === "") {
+      i("");
+      return;
+    }
+    n = +n, n >= o && n <= E && i(n);
+  }, Y = (_) => {
+    const { keyCode: n } = _;
+    S.includes(n) || (n < e.NUMBER_START_KEY_CODE || n > e.NUMBER_END_KEY_CODE || _.shiftKey) && _.preventDefault();
+  }, w = () => {
+    const _ = +t - 1;
+    _ >= o && _ <= E && i(_);
+  }, g = () => {
+    const _ = +t + 1;
+    _ >= o && _ <= E && i(_);
+  }, u = D + s, M = B(() => {
+    let _ = (String(t) || u).length;
+    return s && !t && (_ += 1), _ > h ? `${h}ch` : `${_ || y}ch`;
+  }, [u, s, t]), U = () => {
+    C && C.current && C.current.focus(), a && a();
+  };
+  return /* @__PURE__ */ K("div", { className: r("field-number", { disabled: c }), children: [
+    O && /* @__PURE__ */ l("span", { className: r("label"), children: O }),
+    /* @__PURE__ */ K(
+      "div",
+      {
+        className: r("input-container", {
+          filled: !!t || t === 0,
+          error: m,
+          disabled: c,
+          touched: L
+        }),
+        title: p,
+        children: [
+          /* @__PURE__ */ l(
+            f,
+            {
+              className: r("sign", "minus"),
+              disabled: c,
+              onClick: w,
+              children: /* @__PURE__ */ l(v, {})
+            }
+          ),
+          /* @__PURE__ */ K("span", { className: r("input-field", { disabled: c }), onClick: U, children: [
+            /* @__PURE__ */ l(
+              "input",
+              {
+                ref: C,
+                className: r("input"),
+                type: "number",
+                value: t,
+                placeholder: u,
+                disabled: c,
+                min: o,
+                max: E,
+                onKeyDown: c ? void 0 : Y,
+                onChange: c ? void 0 : R,
+                onFocus: c ? void 0 : a,
+                style: { width: M },
+                ...N
+              }
+            ),
+            !!s && (t === 0 || !!t) && /* @__PURE__ */ l("span", { children: s.slice(0, 1) })
+          ] }),
+          /* @__PURE__ */ l(f, { className: r("sign", "plus"), disabled: c, onClick: g, children: /* @__PURE__ */ l(W, {}) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  z as F,
+  W as S,
+  v as a
+};

package/dist/fieldNumber.js

@@ -0,0 +1,10 @@
+import { F as m } from "./fieldNumber-46fe79b9.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
+import "./baseIconButton-7bc53dec.js";
+export {
+  m as FieldNumber,
+  m as default
+};