@geneui/components 3.0.0-next-e4a45f6-19012026 → 3.0.0-next-9f2ce92-09022026

package/Checkbox.js

@@ -2,10 +2,11 @@ import React__default, { useRef, useMemo, useState, useEffect } from 'react';
 import { c as classNames } from './index-ce02421b.js';
 import { n as nanoid } from './index-15303b91.js';
 import { S as SvgCheckMark } from './CheckMark-34798545.js';
-import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
+import { S as SvgMinus } from './Minus-c3ff7a21.js';
 import HelperText from './HelperText.js';
 import Label from './Label.js';
 import './Checkbox-97cbe910.js';
+import './ActivityRecent-b88e2ba8.js';
 import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';
 import './Text.js';
@@ -22,25 +23,6 @@ import './useDebounceCallback-999deae7.js';
 import './useDeviceInfo-8340f573.js';
 import './useEllipsisDetection-c5f9b175.js';
 
-var _excluded = ["size", "color"];
-var SvgMinus = function SvgMinus(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "currentColor" : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: color,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "M20.153 12.75h-16.306a.905.905 0 0 1-.599-.22.71.71 0 0 1-.248-.53c0-.199.09-.39.248-.53a.905.905 0 0 1 .599-.22h16.306c.225 0 .44.079.599.22a.71.71 0 0 1 .248.53.71.71 0 0 1-.248.53.905.905 0 0 1-.599.22Z",
-    fill: color
-  }));
-};
-
 /**
  * Checkbox component allows users to select one or more options from a set of choices. Each checkbox can be either checked or unchecked, indicating a binary state. Checkboxes are commonly used in forms, settings, and lists where multiple selections are needed.
  */

package/CheckboxGroup.js

@@ -22,6 +22,7 @@ import './useDeviceInfo-8340f573.js';
 import './useEllipsisDetection-c5f9b175.js';
 import './index-15303b91.js';
 import './CheckMark-34798545.js';
+import './Minus-c3ff7a21.js';
 import './Checkbox-97cbe910.js';
 
 /**

package/CounterField-f877af71.js

@@ -0,0 +1,4 @@
+import { s as styleInject } from './style-inject.es-746bb8ed.js';
+
+var css_248z = ".counterField{display:flex;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall)}.counterField__inputContainer{display:flex}.counterField__inputContainer,.counterField__inputContainer_size_large,.counterField__inputContainer_size_medium{gap:var(--guit-ref-spacing-xsmall)}.counterField__inputContainer_size_small{gap:var(--guit-ref-spacing-3xsmall)}.counterField__input_size_large,.counterField__input_size_medium{width:var(--guit-ref-sizing-4xlarge)}.counterField__input_size_small{width:6rem}";
+styleInject(css_248z);

package/CounterField.js

@@ -0,0 +1,138 @@
+import React__default, { useState, useRef, useMemo } from 'react';
+import { c as classNames } from './index-ce02421b.js';
+import { n as nanoid } from './index-15303b91.js';
+import { S as SvgMinus } from './Minus-c3ff7a21.js';
+import { S as SvgPlus } from './Plus-f0726053.js';
+import Button from './Button.js';
+import HelperText from './HelperText.js';
+import Label from './Label.js';
+import { T as TextField } from './index-36803db8.js';
+import './CounterField-f877af71.js';
+import './ActivityRecent-b88e2ba8.js';
+import './Loader.js';
+import './style-inject.es-746bb8ed.js';
+import './ErrorFilled-f4226310.js';
+import './TriangleAlert-ba250f4c.js';
+import './Text.js';
+import './Info.js';
+import './Info-0f0741e0.js';
+import './Tooltip.js';
+import './floating-ui.react-a6c3b969.js';
+import 'react-dom';
+import './index-a2688a52.js';
+import './index-00cd8fab.js';
+import './useWindowSize-6faa0d0f.js';
+import './useDebounceCallback-999deae7.js';
+import './useDeviceInfo-8340f573.js';
+import './useEllipsisDetection-c5f9b175.js';
+import './X-20da3b4a.js';
+
+/**
+ * Clamps a numeric value to be within the specified minimum and maximum bounds.
+ * If the value is undefined, returns an empty string.
+ * If the value is not a finite number, returns the original value as a string.
+ *
+ * @param value - The value to clamp (can be a number or string representation of a number)
+ * @param min - The minimum allowed value (optional)
+ * @param max - The maximum allowed value (optional)
+ * @returns A string representation of the clamped value, or empty string if value is undefined
+ * @example
+ * clampValue(50, 0, 100)    // "50"
+ * clampValue(150, 0, 100)   // "100"
+ * clampValue(-10, 0, 100)   // "0"
+ * clampValue(50, 0)         // "50"
+ * clampValue(50, undefined, 100) // "50"
+ * clampValue(undefined)     // ""
+ * clampValue("abc")         // "abc" (non-finite, returns as-is)
+ */
+const clampValue = (value, min, max) => {
+    if (value === undefined)
+        return "";
+    const numericValue = Number(value);
+    if (!Number.isFinite(numericValue))
+        return String(value);
+    let clamped = numericValue;
+    if (min !== undefined && clamped < min) {
+        clamped = min;
+    }
+    if (max !== undefined && clamped > max) {
+        clamped = max;
+    }
+    return String(clamped);
+};
+
+/**
+ * The Counter Field component is an input field designed to increment or decrement a numerical value.
+ * It typically includes buttons for increasing or decreasing the count and can be configured to accept user input directly.
+ */
+const CounterField = ({ label, infoText, required, disabled, readOnly, helperText, ariaLabelIncrement = "Increment value", ariaLabelDecrement = "Decrement value", status = "rest", value, defaultValue = 0, id, onChange, onInputBlur, onInputFocus, step = 1, min, max, size = "medium", className, autoFocus }) => {
+    const isControlled = value !== undefined;
+    const [internalStringValue, setInternalStringValue] = useState(() => !isControlled ? clampValue(defaultValue, min, max) : "");
+    const hasClampedControlledValue = useRef(false);
+    const getCurrentStringValue = () => {
+        if (isControlled) {
+            if (!hasClampedControlledValue.current) {
+                hasClampedControlledValue.current = true;
+                return clampValue(value, min, max);
+            }
+            return String(value !== null && value !== void 0 ? value : "");
+        }
+        return internalStringValue;
+    };
+    const currentStringValue = getCurrentStringValue();
+    const numericValue = Number(currentStringValue);
+    const validNumericValue = Number.isFinite(numericValue) ? numericValue : 0;
+    const handleValueChange = (stepValue, event) => {
+        const nextValue = validNumericValue + stepValue;
+        let clampedValue = nextValue;
+        if (stepValue > 0 && max !== undefined) {
+            clampedValue = Math.min(nextValue, max);
+        }
+        else if (stepValue < 0 && min !== undefined) {
+            clampedValue = Math.max(nextValue, min);
+        }
+        const nextValueString = String(clampedValue);
+        if (!isControlled) {
+            setInternalStringValue(nextValueString);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValueString, event);
+    };
+    const handleInputChange = (event) => {
+        const inputValue = event.target.value;
+        if (!isControlled) {
+            setInternalStringValue(inputValue);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(inputValue, event);
+    };
+    const handleButtonClick = (event, type) => handleValueChange(type === "increment" ? step : -step, event);
+    const inputId = useMemo(() => id || `default-id-${nanoid()}`, [id]);
+    const onFocusHandler = (e) => onInputFocus === null || onInputFocus === void 0 ? void 0 : onInputFocus(e);
+    const onBlurHandler = (e) => {
+        const inputValue = e.target.value;
+        const clampedValueString = clampValue(inputValue, min, max);
+        if (clampedValueString !== inputValue) {
+            if (!isControlled) {
+                setInternalStringValue(clampedValueString);
+            }
+            const syntheticEvent = Object.assign(Object.assign({}, e), { target: Object.assign(Object.assign({}, e.target), { value: clampedValueString }) });
+            onChange === null || onChange === void 0 ? void 0 : onChange(clampedValueString, syntheticEvent);
+        }
+        onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(e);
+    };
+    const buttonsDisabled = useMemo(() => {
+        const baseDisabled = disabled || readOnly;
+        return {
+            increment: baseDisabled || (max !== undefined && validNumericValue >= max),
+            decrement: baseDisabled || (min !== undefined && validNumericValue <= min)
+        };
+    }, [disabled, readOnly, max, min, validNumericValue]);
+    return (React__default.createElement("div", { className: classNames("counterField", className), "aria-required": required, "aria-invalid": status === "error" },
+        React__default.createElement(Label, { text: label, required: required, disabled: disabled, readOnly: readOnly, infoText: infoText, size: size === "large" ? "medium" : size, labelFor: inputId }),
+        React__default.createElement("div", { className: classNames("counterField__inputContainer", `counterField__inputContainer_size_${size}`) },
+            React__default.createElement(Button, { appearance: "secondary", className: "counterField__button", layout: "fill", size: size, Icon: SvgMinus, disabled: buttonsDisabled.decrement, "aria-label": ariaLabelDecrement, onClick: (event) => handleButtonClick(event, "decrement") }),
+            React__default.createElement(TextField, { id: inputId, type: "number", autoComplete: "off", onBlur: onBlurHandler, onFocus: onFocusHandler, onChange: handleInputChange, className: classNames("counterField__input", `counterField__input_size_${size}`), size: size, value: currentStringValue, disabled: disabled, readOnly: readOnly, status: status, autoFocus: autoFocus }),
+            React__default.createElement(Button, { appearance: "secondary", className: "counterField__button", layout: "fill", size: size, Icon: SvgPlus, disabled: buttonsDisabled.increment, "aria-label": ariaLabelIncrement, onClick: (event) => handleButtonClick(event, "increment") })),
+        helperText && (React__default.createElement(HelperText, { text: helperText, disabled: disabled, status: status, className: "counterField__helperText" }))));
+};
+
+export { CounterField as default };

package/InteractiveCard.js

@@ -24,6 +24,7 @@ import './CircleFilled-19a9ec62.js';
 import './Pill-37549eff.js';
 import './index-15303b91.js';
 import './CheckMark-34798545.js';
+import './Minus-c3ff7a21.js';
 import './HelperText.js';
 import './ErrorFilled-f4226310.js';
 import './TriangleAlert-ba250f4c.js';

package/Minus-c3ff7a21.js

@@ -0,0 +1,23 @@
+import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
+import React__default from 'react';
+
+var _excluded = ["size", "color"];
+var SvgMinus = function SvgMinus(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "currentColor" : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "M20.153 12.75h-16.306a.905.905 0 0 1-.599-.22.71.71 0 0 1-.248-.53c0-.199.09-.39.248-.53a.905.905 0 0 1 .599-.22h16.306c.225 0 .44.079.599.22a.71.71 0 0 1 .248.53.71.71 0 0 1-.248.53.905.905 0 0 1-.599.22Z",
+    fill: color
+  }));
+};
+
+export { SvgMinus as S };

package/Navigation.js

@@ -1,7 +1,7 @@
 import { _ as __rest } from './tslib.es6-f211516f.js';
 import React__default, { useState, useRef, useEffect, isValidElement, cloneElement, useLayoutEffect, Fragment, useContext } from 'react';
 import { c as classNames } from './index-ce02421b.js';
-import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
+import { S as SvgPlus } from './Plus-f0726053.js';
 import { S as SvgThreeDotsHorizontal } from './ThreeDotsHorizontal-479c2b4b.js';
 import { S as SvgX } from './X-20da3b4a.js';
 import Button from './Button.js';
@@ -17,6 +17,7 @@ import { S as Spreadsheet } from './index-43d85235.js';
 import './Navigation-20f87966.js';
 import { a as GeneUIDesignSystemContext } from './index-00cd8fab.js';
 import { u as useWindowSize } from './useWindowSize-6faa0d0f.js';
+import './ActivityRecent-b88e2ba8.js';
 import './Loader.js';
 import './style-inject.es-746bb8ed.js';
 import './floating-ui.react-a6c3b969.js';
@@ -31,25 +32,6 @@ import './Divider.js';
 import './Divider-047dfad9.js';
 import './useDeviceInfo-8340f573.js';
 
-var _excluded = ["size", "color"];
-var SvgPlus = function SvgPlus(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 24 : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "currentColor" : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: color,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "m11.883 3.007.117-.007a1 1 0 0 1 .993.883l.007.117v7h7a1 1 0 0 1 .993.883l.007.117a1 1 0 0 1-.883.993l-.117.007h-7v7a1 1 0 0 1-.883.993l-.117.007a1 1 0 0 1-.993-.883l-.007-.117v-7h-7a1 1 0 0 1-.993-.883l-.007-.117a1 1 0 0 1 .883-.993l.117-.007h7v-7a1 1 0 0 1 .883-.993l.117-.007-.117.007Z",
-    fill: color
-  }));
-};
-
 const NavigationItem = ({ title, children, onClick, disabled, selected, depth, Icon, path, render }) => {
     const [isNavItemOpen, setIsNavItemOpen] = useState(false);
     const textRef = useRef(null);

package/Pagination.js

@@ -65,12 +65,6 @@ var SvgChevronDoubleRight = function SvgChevronDoubleRight(_ref) {
   }));
 };
 
-const PaginationButton = ({ onClick, Icon, disabled }) => {
-    const [isHovered, setIsHovered] = useState(false);
-    return (React__default.createElement("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) },
-        React__default.createElement(Button, { disabled: disabled, onClick: onClick, onBlur: () => setIsHovered(false), onFocus: () => setIsHovered(true), Icon: isHovered ? Icon : SvgThreeDotsHorizontal, appearance: "secondary", layout: "text" })));
-};
-
 /**
  * Validates if a string contains only digits (0-9)
  * Allows empty string
@@ -83,6 +77,12 @@ const PaginationButton = ({ onClick, Icon, disabled }) => {
  */
 const allowOnlyDigits = (value) => DIGITS_ONLY.test(value);
 
+const PaginationButton = ({ onClick, Icon, disabled }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    return (React__default.createElement("div", { onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) },
+        React__default.createElement(Button, { disabled: disabled, onClick: onClick, onBlur: () => setIsHovered(false), onFocus: () => setIsHovered(true), Icon: isHovered ? Icon : SvgThreeDotsHorizontal, appearance: "secondary", layout: "text" })));
+};
+
 /**
  * Helper function to generate the array of page numbers to be displayed.
  * It ensures the current page is centered when possible and handles edge cases.

package/Plus-f0726053.js

@@ -0,0 +1,23 @@
+import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
+import React__default from 'react';
+
+var _excluded = ["size", "color"];
+var SvgPlus = function SvgPlus(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "currentColor" : _ref$color,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement("svg", _extends({
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__default.createElement("path", {
+    d: "m11.883 3.007.117-.007a1 1 0 0 1 .993.883l.007.117v7h7a1 1 0 0 1 .993.883l.007.117a1 1 0 0 1-.883.993l-.117.007h-7v7a1 1 0 0 1-.883.993l-.117.007a1 1 0 0 1-.993-.883l-.007-.117v-7h-7a1 1 0 0 1-.993-.883l-.007-.117a1 1 0 0 1 .883-.993l.117-.007h7v-7a1 1 0 0 1 .883-.993l.117-.007-.117.007Z",
+    fill: color
+  }));
+};
+
+export { SvgPlus as S };

package/SegmentedControl.js

@@ -49,6 +49,7 @@ import './Banner-09cf6dea.js';
 import './TagGroup-ab4b6ca3.js';
 import './DataCard-3601ca38.js';
 import './RadioGroup-73d4e527.js';
+import './CounterField-f877af71.js';
 import './CheckboxGroup-44463bd2.js';
 import './Accordion-3e20a13f.js';
 import './InteractiveCard-05c16126.js';

package/components/molecules/CounterField/CounterField.d.ts

@@ -0,0 +1,101 @@
+import { ChangeEvent, FC, FocusEvent, MouseEvent } from "react";
+import "./CounterField.scss";
+interface ICounterFieldProps {
+    /**
+     * Additional class for the parent element.
+     * This prop should be used to set placement properties for the element relative to its parent using BEM conventions.
+     */
+    className?: string;
+    /**
+     * The value of the counter (controlled).
+     * This is what will be returned in onChange and stored as the selected value.<br>
+     * Possible values: `number | string`
+     */
+    value?: number | string;
+    /**
+     * The initial value of the counter (uncontrolled).
+     */
+    defaultValue?: number;
+    /**
+     * Disables the counter field, preventing it from being interacted with.
+     */
+    disabled?: boolean;
+    /**
+     * Displays the counter field as read-only, where users cannot modify its value.
+     */
+    readOnly?: boolean;
+    /**
+     * The amount by which the value increases or decreases.
+     */
+    step?: number;
+    /**
+     * The minimum value allowed for the counter.
+     * The decrement button will be disabled when the value reaches or is below this minimum.
+     */
+    min?: number;
+    /**
+     * The maximum value allowed for the counter.
+     * The increment button will be disabled when the value reaches or exceeds this maximum.
+     */
+    max?: number;
+    /**
+     * Size of the component.<br> Possible values: `small | medium | large`
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * The status/validation state of the component.<br> Possible values: `rest | warning | error`
+     */
+    status?: "rest" | "warning" | "error";
+    /**
+     * The main label for the counter field.
+     */
+    label?: string;
+    /**
+     * Additional descriptive text that appears alongside the `label`, typically displayed as a tooltip.
+     */
+    infoText?: string;
+    /**
+     * Helper text that appears below the counter field.
+     */
+    helperText?: string;
+    /**
+     * Indicates that the field is required.
+     */
+    required?: boolean;
+    /**
+     * The aria label for the increment button.
+     */
+    ariaLabelIncrement?: string;
+    /**
+     * The aria label for the decrement button.
+     */
+    ariaLabelDecrement?: string;
+    /**
+     * Fires when the user changes the counter value (via buttons or input).
+     * Receives the raw input string value - parent can convert to number if needed.
+     */
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Fires when the input field loses focus.
+     */
+    onInputBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Fires when the input field receives focus.
+     */
+    onInputFocus?: (event: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * If true, the input element will automatically receive focus when the component mounts.
+     *  Default value is `false`.
+     */
+    autoFocus?: boolean;
+    /**
+     * `HTML` `id` attribute for the `input` element
+     */
+    id?: string;
+}
+/**
+ * The Counter Field component is an input field designed to increment or decrement a numerical value.
+ * It typically includes buttons for increasing or decreasing the count and can be configured to accept user input directly.
+ */
+declare const CounterField: FC<ICounterFieldProps>;
+export { ICounterFieldProps, CounterField as default };

package/components/molecules/CounterField/index.d.ts

@@ -0,0 +1 @@
+export { ICounterFieldProps, default } from "./CounterField";

package/helpers/clampValue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Clamps a numeric value to be within the specified minimum and maximum bounds.
+ * If the value is undefined, returns an empty string.
+ * If the value is not a finite number, returns the original value as a string.
+ *
+ * @param value - The value to clamp (can be a number or string representation of a number)
+ * @param min - The minimum allowed value (optional)
+ * @param max - The maximum allowed value (optional)
+ * @returns A string representation of the clamped value, or empty string if value is undefined
+ * @example
+ * clampValue(50, 0, 100)    // "50"
+ * clampValue(150, 0, 100)   // "100"
+ * clampValue(-10, 0, 100)   // "0"
+ * clampValue(50, 0)         // "50"
+ * clampValue(50, undefined, 100) // "50"
+ * clampValue(undefined)     // ""
+ * clampValue("abc")         // "abc" (non-finite, returns as-is)
+ */
+declare const clampValue: (value?: number | string, min?: number, max?: number) => string;
+export default clampValue;

package/helpers/index.d.ts

@@ -1 +1,2 @@
 export { default as allowOnlyDigits } from "./allowOnlyDigits";
+export { default as clampValue } from "./clampValue";

package/index.d.ts

@@ -45,6 +45,7 @@ export { default as Banner, IBannerProps } from "./components/molecules/Banner";
 export { default as TagGroup, ITagGroupProps } from "./components/molecules/TagGroup";
 export { default as DataCard, IDataCardProps } from "./components/molecules/DataCard";
 export { default as RadioGroup, IRadioGroupProps, IRadioOption } from "./components/molecules/RadioGroup";
+export { default as CounterField, ICounterFieldProps } from "./components/molecules/CounterField";
 export { default as CheckboxGroup, ICheckboxGroupProps, ICheckboxOption } from "./components/molecules/CheckboxGroup";
 export { SegmentedControl, ISegmentedControlProps, SegmentedControlButton, ISegmentedControlButtonProps } from "@components/molecules/SegmentedControl";
 export { Accordion, AccordionItem, IAccordionProps, IAccordionItemProps } from "./components/molecules/Accordion";

package/index.js

@@ -51,6 +51,7 @@ export { default as Banner } from './Banner.js';
 export { default as TagGroup } from './TagGroup.js';
 export { default as DataCard } from './DataCard.js';
 export { default as RadioGroup } from './RadioGroup.js';
+export { default as CounterField } from './CounterField.js';
 export { default as CheckboxGroup } from './CheckboxGroup.js';
 export { SegmentedControl, SegmentedControlButton } from './SegmentedControl.js';
 export { AccordionItem } from './Accordion.js';
@@ -98,7 +99,9 @@ import './QRCode-4620857a.js';
 import './tslib.es6-f211516f.js';
 import './index-15303b91.js';
 import './ThreeDotsHorizontal-479c2b4b.js';
+import './Plus-f0726053.js';
 import './Navigation-20f87966.js';
+import './Minus-c3ff7a21.js';
 import './Checkbox-97cbe910.js';
 import './Radio-deba611e.js';
 import './Profile-e9e508cb.js';
@@ -111,6 +114,7 @@ import './ChevronDown-ee53f094.js';
 import './TagGroup-ab4b6ca3.js';
 import './DataCard-3601ca38.js';
 import './RadioGroup-73d4e527.js';
+import './CounterField-f877af71.js';
 import './CheckboxGroup-44463bd2.js';
 import './InteractiveCard-05c16126.js';
 import './GlobalHeader-e3be2af9.js';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-e4a45f6-19012026",
+    "version": "3.0.0-next-9f2ce92-09022026",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {