@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/dist/chunk-IIKZQZXS.js

@@ -0,0 +1,269 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Radio/Radio.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Radio/RadioContext.ts
+
+var defaultContext = {
+  disabledAll: false,
+  inGroup: false
+};
+var RadioContext = _react2.default.createContext(defaultContext);
+var useRadioContext = () => _react2.default.useContext(RadioContext);
+
+// core/Radio/RadioDescription.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function RadioDescriptionComponent({
+  className = "",
+  children,
+  style,
+  ...props
+}) {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const descriptionStyle = {
+    color: theme.palette.accents_3,
+    fontSize: SCALES.font(0.85, "calc(var(--radio-size) * 0.85)"),
+    width: SCALES.width(1, "auto"),
+    height: SCALES.height(1, "auto"),
+    padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0, "calc(var(--radio-size) * 1.625)")}`,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className, ...props, style: descriptionStyle, children });
+}
+RadioDescriptionComponent.displayName = "BolioUIRadioDescription";
+var RadioDescription = _chunkMAICNLTYjs.with_scale_default.call(void 0, RadioDescriptionComponent);
+var RadioDescription_default = RadioDescription;
+
+// core/Radio/styles.ts
+var getColor = (palette, status) => {
+  const colors = {
+    default: palette.accents_8,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  if (!status) return colors.default;
+  return colors[status];
+};
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Radio/Radio.module.css.bolio-css-module-source
+var Radio_module_css_default = { "input": "Radio-module_input__bPgim", "name": "Radio-module_name__9QrEM", "point": "Radio-module_point__O2nmm", "radio": "Radio-module_radio__o2X4H", "label": "Radio-module_label__eRJLf", "active": "Radio-module_active__W254J" };
+
+// core/Radio/Radio.tsx
+
+var RadioComponent = _react2.default.forwardRef(
+  ({
+    className = "",
+    checked,
+    onChange,
+    disabled = false,
+    type = "default",
+    value: radioValue,
+    children,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const [selfChecked, setSelfChecked] = _react.useState.call(void 0, !!checked);
+    const {
+      value: groupValue,
+      disabledAll,
+      inGroup,
+      updateState
+    } = useRadioContext();
+    const [withoutDescChildren, DescChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, 
+      children,
+      RadioDescription_default
+    );
+    if (inGroup) {
+      if (checked !== void 0) {
+        _chunkAXYDJGTNjs.log_warning_default.call(void 0, 'Remove props "checked" if in the Radio.Group.', "Radio");
+      }
+      if (radioValue === void 0) {
+        _chunkAXYDJGTNjs.log_warning_default.call(void 0, 
+          'Props "value" must be deinfed if in the Radio.Group.',
+          "Radio"
+        );
+      }
+    }
+    _react.useEffect.call(void 0, () => {
+      if (!inGroup) return;
+      setSelfChecked(groupValue === radioValue);
+    }, [inGroup, groupValue, radioValue]);
+    const color = _react.useMemo.call(void 0, 
+      () => getColor(theme.palette, type),
+      [theme.palette, type]
+    );
+    const isDisabled = _react.useMemo.call(void 0, 
+      () => disabled || disabledAll,
+      [disabled, disabledAll]
+    );
+    const changeHandler = (event) => {
+      if (isDisabled) return;
+      const selfEvent = {
+        target: {
+          checked: true
+        },
+        stopPropagation: event.stopPropagation.bind(event),
+        preventDefault: event.preventDefault.bind(event),
+        nativeEvent: event
+      };
+      setSelfChecked(true);
+      if (inGroup) {
+        if (updateState) updateState(radioValue);
+      }
+      if (onChange) onChange(selfEvent);
+    };
+    _react.useEffect.call(void 0, () => {
+      if (checked === void 0) return;
+      setSelfChecked(Boolean(checked));
+    }, [checked]);
+    const radioStyle = {
+      width: SCALES.width(1, "initial"),
+      height: SCALES.height(1, "auto"),
+      padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      "--radio-own-size": SCALES.font(1),
+      "--radio-label-color": isDisabled ? theme.palette.accents_4 : theme.palette.foreground,
+      "--radio-cursor": isDisabled ? "not-allowed" : "pointer",
+      "--radio-color": isDisabled ? theme.palette.accents_3 : color,
+      "--radio-border": selfChecked ? "var(--radio-color)" : isDisabled ? theme.palette.accents_2 : `color-mix(in srgb, var(--radio-color) 55%, ${theme.palette.background})`,
+      "--radio-hover-border": isDisabled ? void 0 : "var(--radio-color)",
+      "--radio-bg": isDisabled ? theme.palette.accents_1 : theme.palette.background
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, "radio", Radio_module_css_default.radio, className),
+        style: radioStyle,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: Radio_module_css_default.label, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              ref,
+              type: "radio",
+              value: radioValue,
+              checked: selfChecked,
+              onChange: changeHandler,
+              ...props,
+              className: Radio_module_css_default.input
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: Radio_module_css_default.name, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "span",
+              {
+                className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Radio_module_css_default.point, {
+                  [Radio_module_css_default.active]: selfChecked
+                })
+              }
+            ),
+            withoutDescChildren
+          ] }),
+          DescChildren && DescChildren
+        ] })
+      }
+    );
+  }
+);
+RadioComponent.displayName = "BolioUIRadio";
+var Radio = _chunkMAICNLTYjs.with_scale_default.call(void 0, RadioComponent);
+var Radio_default = Radio;
+
+// core/Radio/RadioGroup.tsx
+
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Radio/RadioGroup.module.css.bolio-css-module-source
+var RadioGroup_module_css_default = { "radioGroup": "RadioGroup-module_radioGroup__6XPZE" };
+
+// core/Radio/RadioGroup.tsx
+
+function RadioGroupComponent({
+  disabled = false,
+  onChange,
+  value,
+  children,
+  className = "",
+  initialValue,
+  useRow = false,
+  style,
+  ...props
+}) {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const [selfVal, setSelfVal] = _react.useState.call(void 0, 
+    initialValue
+  );
+  const updateState = _react.useCallback.call(void 0, 
+    (nextValue) => {
+      setSelfVal(nextValue);
+      if (onChange) onChange(nextValue);
+    },
+    [onChange]
+  );
+  const providerValue = _react.useMemo.call(void 0, () => {
+    return {
+      updateState,
+      disabledAll: disabled,
+      inGroup: true,
+      value: selfVal
+    };
+  }, [updateState, disabled, selfVal]);
+  _react.useEffect.call(void 0, () => {
+    if (value === void 0) return;
+    setSelfVal(value);
+  }, [value]);
+  const groupStyle = {
+    flexDirection: useRow ? "row" : "column",
+    width: SCALES.width(1, "auto"),
+    height: SCALES.height(1, "auto"),
+    padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    "--radio-group-item-size": SCALES.font(1),
+    "--radio-group-margin-top": useRow ? 0 : SCALES.font(1),
+    "--radio-group-margin-left": useRow ? SCALES.font(1) : 0,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioContext.Provider, { value: providerValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, RadioGroup_module_css_default.radioGroup, className),
+      ...props,
+      style: groupStyle,
+      children
+    }
+  ) });
+}
+RadioGroupComponent.displayName = "BolioUIRadioGroup";
+var RadioGroup = _chunkMAICNLTYjs.with_scale_default.call(void 0, RadioGroupComponent);
+var RadioGroup_default = RadioGroup;
+
+// core/Radio/index.ts
+Radio_default.Group = RadioGroup_default;
+Radio_default.Description = RadioDescription_default;
+Radio_default.Desc = RadioDescription_default;
+var Radio_default2 = Radio_default;
+
+
+
+exports.Radio_default = Radio_default2;

package/dist/chunk-ISLUC2SD.js

@@ -0,0 +1,140 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Textarea/Textarea.tsx
+
+
+
+
+
+
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Textarea/Textarea.module.css.bolio-css-module-source
+var Textarea_module_css_default = { "wrapper": "Textarea-module_wrapper__AgIvs", "hover": "Textarea-module_hover__pK4xh", "disabled": "Textarea-module_disabled__M-zKD", "textarea": "Textarea-module_textarea__F0GAR" };
+
+// core/Textarea/Textarea.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TextareaComponent = _react2.default.forwardRef(
+  ({
+    type = "default",
+    disabled = false,
+    readOnly = false,
+    onFocus,
+    onBlur,
+    className = "",
+    initialValue = "",
+    onChange,
+    value,
+    placeholder,
+    resize = "none",
+    rounded = false,
+    filled = false,
+    light = false,
+    ghost = false,
+    subtle = false,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const textareaRef = _react.useRef.call(void 0, null);
+    _react.useImperativeHandle.call(void 0, ref, () => textareaRef.current);
+    const isControlledComponent = _react.useMemo.call(void 0, () => value !== void 0, [value]);
+    const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
+    const [hover, setHover] = _react.useState.call(void 0, false);
+    const colors = _react.useMemo.call(void 0, 
+      () => _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+        filled,
+        light,
+        ghost,
+        subtle
+      }),
+      [theme.palette, type, disabled, filled, light, ghost, subtle]
+    );
+    const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, 
+      Textarea_module_css_default.wrapper,
+      { [Textarea_module_css_default.hover]: hover, [Textarea_module_css_default.disabled]: disabled },
+      className
+    );
+    const changeHandler = (event) => {
+      if (disabled || readOnly) return;
+      setSelfValue(event.target.value);
+      if (onChange) onChange(event);
+    };
+    const focusHandler = (e) => {
+      setHover(true);
+      if (onFocus) onFocus(e);
+    };
+    const blurHandler = (e) => {
+      setHover(false);
+      if (onBlur) onBlur(e);
+    };
+    _react.useEffect.call(void 0, () => {
+      if (isControlledComponent) {
+        setSelfValue(value);
+      }
+    }, [isControlledComponent, value]);
+    const controlledValue = isControlledComponent ? { value: selfValue } : { defaultValue: initialValue };
+    const textareaProps = {
+      ...props,
+      ...controlledValue
+    };
+    const wrapperStyle = {
+      "--textarea-radius": rounded ? "25px" : theme.layout.radius,
+      "--textarea-border": colors.borderColor,
+      "--textarea-color": colors.color,
+      "--textarea-hover-border": colors.hoverBorder,
+      "--textarea-hover-bg": colors.hoverBgColor,
+      "--textarea-focus-border": colors.focusBorder,
+      "--textarea-bg": colors.bgColor,
+      "--textarea-placeholder-color": colors.placeholderColor,
+      "--textarea-font-family": theme.font.sans,
+      "--textarea-font-size": SCALES.font(0.875),
+      "--textarea-resize": resize,
+      "--textarea-autofill-bg": colors.bgColor === "transparent" ? theme.palette.background : colors.bgColor,
+      "--textarea-autofill-color": colors.color,
+      width: SCALES.width(1, "initial"),
+      height: SCALES.height(1, "auto"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "textarea",
+      {
+        ref: textareaRef,
+        disabled,
+        placeholder,
+        readOnly,
+        onFocus: focusHandler,
+        onBlur: blurHandler,
+        onChange: changeHandler,
+        ...textareaProps,
+        className: Textarea_module_css_default.textarea,
+        style: {
+          padding: `${SCALES.pt(0.5)} ${SCALES.pr(0.5)} ${SCALES.pb(0.5)} ${SCALES.pl(0.5)}`,
+          ...textareaProps.style
+        }
+      }
+    ) });
+  }
+);
+TextareaComponent.displayName = "BolioUITextarea";
+var Textarea = _chunkMAICNLTYjs.with_scale_default.call(void 0, TextareaComponent);
+var Textarea_default = Textarea;
+
+// core/Textarea/index.ts
+var Textarea_default2 = Textarea_default;
+
+
+
+exports.Textarea_default = Textarea_default2;

package/dist/chunk-J4K4LRBI.js

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+
+// core/use-input/use-input.tsx
+var useInput = (initialValue) => {
+  const [state, setState, currentRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, initialValue);
+  return {
+    state,
+    setState,
+    currentRef,
+    reset: () => setState(initialValue),
+    bindings: {
+      value: state,
+      onChange: (event) => {
+        if (typeof event === "object" && event.target) {
+          setState(event.target.value);
+        } else {
+          setState(event);
+        }
+      }
+    }
+  };
+};
+var use_input_default = useInput;
+
+// core/use-input/index.ts
+var use_input_default2 = use_input_default;
+
+
+
+exports.use_input_default = use_input_default2;

package/dist/chunk-JAVXTBV2.js

@@ -0,0 +1,238 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
+
+
+var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/NumberInput/NumberInput.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/NumberInput/NumberInput.module.css.bolio-css-module-source
+var NumberInput_module_css_default = { "withLabel": "NumberInput-module_withLabel__NYE52", "numberInput": "NumberInput-module_numberInput__hOY3x", "disabled": "NumberInput-module_disabled__gDhCu", "input": "NumberInput-module_input__LsKWE", "control": "NumberInput-module_control__mog--" };
+
+// core/NumberInput/NumberInput.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var decimalsOf = (num) => {
+  const [, decimals = ""] = String(num).split(".");
+  return decimals.length;
+};
+var PARTIAL_NUMBER = /^-?\d*([.,]\d*)?$/;
+var parse = (text) => {
+  const normalized = text.replace(",", ".");
+  if (normalized === "" || normalized === "-" || normalized === ".") return null;
+  const num = Number(normalized);
+  return Number.isNaN(num) ? null : num;
+};
+var NumberInputComponent = _react2.default.forwardRef(
+  ({
+    value: customValue,
+    initialValue = null,
+    onChange,
+    min,
+    max,
+    step = 1,
+    precision,
+    type = "default",
+    rounded = false,
+    filled = false,
+    light = false,
+    ghost = false,
+    subtle = false,
+    disabled = false,
+    readOnly = false,
+    hideControls = false,
+    error = false,
+    errorMessage,
+    className = "",
+    children,
+    onKeyDown,
+    onBlur,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const generatedId = _react.useId.call(void 0, );
+    const inputId = props.id || generatedId;
+    const errorId = `${inputId}-error`;
+    const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
+    const colors = _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+      filled,
+      light,
+      ghost,
+      subtle
+    });
+    const places = precision != null ? precision : decimalsOf(step);
+    const isControlled = customValue !== void 0;
+    const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
+    const value = isControlled ? customValue : selfValue;
+    const format = (num) => num === null ? "" : String(num);
+    const [text, setText] = _react.useState.call(void 0, format(value));
+    _react.useEffect.call(void 0, () => {
+      if (parse(text) !== value) setText(format(value));
+    }, [value]);
+    const clamp = (num) => {
+      let next = num;
+      if (max !== void 0) next = Math.min(next, max);
+      if (min !== void 0) next = Math.max(next, min);
+      return Number(next.toFixed(places));
+    };
+    const commit = (next) => {
+      setText(format(next));
+      if (next === value) return;
+      if (!isControlled) setSelfValue(next);
+      onChange == null ? void 0 : onChange(next);
+    };
+    const locked = disabled || readOnly;
+    const increment = (direction, multiplier = 1) => {
+      if (locked) return;
+      commit(clamp((value != null ? value : 0) + direction * step * multiplier));
+    };
+    const changeHandler = (event) => {
+      const next = event.target.value;
+      if (!PARTIAL_NUMBER.test(next)) return;
+      setText(next);
+      const parsed = parse(next);
+      if (parsed === value) return;
+      if (!isControlled) setSelfValue(parsed);
+      onChange == null ? void 0 : onChange(parsed);
+    };
+    const blurHandler = (event) => {
+      onBlur == null ? void 0 : onBlur(event);
+      const parsed = parse(text);
+      commit(parsed === null ? null : clamp(parsed));
+    };
+    const keyDownHandler = (event) => {
+      onKeyDown == null ? void 0 : onKeyDown(event);
+      if (event.defaultPrevented) return;
+      const actions = {
+        ArrowUp: () => increment(1),
+        ArrowDown: () => increment(-1),
+        PageUp: () => increment(1, 10),
+        PageDown: () => increment(-1, 10),
+        Home: () => min !== void 0 && !locked && commit(min),
+        End: () => max !== void 0 && !locked && commit(max)
+      };
+      const action = actions[event.key];
+      if (!action) return;
+      event.preventDefault();
+      action();
+    };
+    const atMin = min !== void 0 && value !== null && value <= min;
+    const atMax = max !== void 0 && value !== null && value >= max;
+    const control = (direction) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        className: NumberInput_module_css_default.control,
+        "aria-label": direction === 1 ? "Increase" : "Decrease",
+        "aria-controls": inputId,
+        disabled: disabled || readOnly || (direction === 1 ? atMax : atMin),
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => increment(direction),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: direction === 1 ? "M12 5v14M5 12h14" : "M5 12h14",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ) })
+      }
+    );
+    const withLabelStyle = {
+      "--input-height": SCALES.height(2.25),
+      fontSize: SCALES.font(0.875),
+      width: SCALES.width(1, "initial"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`
+    };
+    const numberInputStyle = {
+      "--input-border": colors.borderColor,
+      "--input-radius": rounded ? "25px" : theme.layout.radius,
+      "--input-bg": colors.bgColor,
+      "--input-hover-border": colors.hoverBorder,
+      "--input-hover-bg": colors.hoverBgColor,
+      "--input-focus-border": colors.focusBorder,
+      "--input-placeholder-color": colors.placeholderColor,
+      "--input-color": colors.color,
+      "--control-color": colors.iconColor,
+      "--control-hover-color": colors.color,
+      "--control-disabled-color": theme.palette.accents_3
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, NumberInput_module_css_default.withLabel, className),
+        style: withLabelStyle,
+        children: [
+          children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { htmlFor: inputId, children }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: _chunk5KUROAEPjs.use_classes_default.call(void 0, NumberInput_module_css_default.numberInput, {
+                [NumberInput_module_css_default.disabled]: disabled
+              }),
+              style: numberInputStyle,
+              children: [
+                !hideControls && control(-1),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "input",
+                  {
+                    ref,
+                    type: "text",
+                    role: "spinbutton",
+                    inputMode: places > 0 ? "decimal" : "numeric",
+                    autoComplete: "off",
+                    value: text,
+                    disabled,
+                    readOnly,
+                    onChange: changeHandler,
+                    onKeyDown: keyDownHandler,
+                    onBlur: blurHandler,
+                    ...props,
+                    id: inputId,
+                    "aria-valuenow": value != null ? value : void 0,
+                    "aria-valuemin": min,
+                    "aria-valuemax": max,
+                    "aria-invalid": error || void 0,
+                    "aria-describedby": describedBy,
+                    className: NumberInput_module_css_default.input,
+                    style: {
+                      textAlign: hideControls ? "left" : "center",
+                      ...props.style
+                    }
+                  }
+                ),
+                !hideControls && control(1)
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+        ]
+      }
+    );
+  }
+);
+NumberInputComponent.displayName = "BolioUINumberInput";
+var NumberInput = _chunkMAICNLTYjs.with_scale_default.call(void 0, NumberInputComponent);
+var NumberInput_default = NumberInput;
+
+// core/NumberInput/index.ts
+var NumberInput_default2 = NumberInput_default;
+
+
+
+exports.NumberInput_default = NumberInput_default2;