@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-GT2UW67L.js

@@ -1,23 +0,0 @@
-import {
-  standardFocusOutline
-} from "./chunk-XDL2VYUF.js";
-
-// src/components/UnstyledButton.tsx
-import styled from "@emotion/styled";
-var UnstyledButton = styled.button`
-  ${standardFocusOutline}
-  font-family: ${({ theme }) => theme.typography.fontFamilies.main};
-  appearance: none;
-  background: transparent;
-  border: none;
-  padding: 0;
-  cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
-  /* needed in Safari for some reason */
-  font-size: 1rem;
-  color: inherit;
-  font-weight: inherit;
-`;
-
-export {
-  UnstyledButton
-};

package/dist/chunk-GYM3B7AA.cjs

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
-
-
-
-var _chunk52ZPI4LHcjs = require('./chunk-52ZPI4LH.cjs');
-
-
-
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
-
-// src/components/typography/LabelModerate.tsx
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-function LabelModerate(props) {
-  const propsWithDefaults = _chunk52ZPI4LHcjs.getPropDefaults.call(void 0, props);
-  let reactNodes = props.children || null;
-  if (props.content) {
-    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk52ZPI4LHcjs.StyledLabelModerate, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
-}
-
-
-
-exports.LabelModerate = LabelModerate;

package/dist/chunk-GZ7ZKXUQ.cjs

@@ -1,44 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
-
-
-var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
-
-
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
-
-
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
-
-
-
-
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
-
-// src/components/typography/base/Display.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var displayElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function DisplayString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDisplay, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
-}
-function getPropDefaults(props) {
-  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
-}
-var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkFZBPLBNDcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
-  ${_chunkB2MHM6CYcjs.typographyStyles}
-`;
-function displaySelector(element) {
-  return `${element}${_chunk6VA4SAHQcjs.select.call(void 0, StyledDisplay)}`;
-}
-
-
-
-
-
-
-
-exports.displayElements = displayElements; exports.DisplayString = DisplayString; exports.getPropDefaults = getPropDefaults; exports.StyledDisplay = StyledDisplay; exports.displaySelector = displaySelector;

package/dist/chunk-HQ7KFKMJ.cjs

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk4HQ55EF2cjs = require('./chunk-4HQ55EF2.cjs');
-
-// src/components/CardForm/CardFormCodeInput.tsx
-var _react = require('@emotion/react');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var inputCSS = _react.css``;
-function CardFormCodeInput({
-  onChange,
-  onSubmit,
-  onBlur
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4HQ55EF2cjs.CodeInput,
-    {
-      codeLength: 6,
-      onSubmit,
-      inputCSS,
-      onChange,
-      onBlur
-    }
-  );
-}
-
-
-
-exports.CardFormCodeInput = CardFormCodeInput;

package/dist/chunk-HU2UCL6I.js

@@ -1,142 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-W7FAWX6T.js";
-
-// src/styles/colors.tsx
-var neutral = {
-  black: "#000000",
-  gray5: "#0D0D0D",
-  gray10: "#1A1A1A",
-  gray15: "#262626",
-  gray20: "#333333",
-  gray25: "#404040",
-  gray30: "#4D4D4D",
-  gray40: "#666666",
-  gray50: "#808080",
-  gray60: "#999999",
-  gray70: "#B3B3B3",
-  gray75: "#BFBFBF",
-  gray80: "#CCCCCC",
-  gray85: "#D9D9D9",
-  gray90: "#E6E6E6",
-  gray91: "#171717",
-  gray95: "#F2F2F2",
-  gray98: "#F9F9F9",
-  white: "#FFFFFF"
-};
-var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-var primary = "#FFF14E";
-var baseColors = __spreadProps(__spreadValues({}, neutral), {
-  // green
-  success: "#17C27C",
-  green: "#46ac4a",
-  green33: "#179257",
-  green35: "#19981E",
-  // blue
-  blue43: "#145BC6",
-  blue22: "#0E2E60",
-  blue39: "#0068C9",
-  blue37: "#21529c",
-  blue58: "#28BFFF",
-  // less than 50% saturated blue
-  grayBlue5: "#0c0d0f",
-  grayBlue9: "#16171A",
-  grayBlue10: "#14161D",
-  grayBlue12: "#2D2E34",
-  grayBlue14: "#3A3B41",
-  grayBlue18: "#21283a",
-  grayBlue32: "#4F5156",
-  grayBlue43: "#686A72",
-  grayBlue45: "#676F80",
-  grayBlue57: "#8B8E98",
-  grayBlue67: "#9BA7B9",
-  grayBlue69: "#A6A9BA",
-  grayBlue78: "#C0C6CE",
-  grayBlue80: "#C0C9D6",
-  grayBlue88: "#DEDFE4",
-  grayBlue92: "#E1EBF5",
-  grayBlue93: "#E6EEF6",
-  grayBlue94: "#EBEEF2",
-  grayBlue95: "#F2F3F5",
-  grayBlue96: "#F2F5F7",
-  // purple
-  purple43: "#820AD1",
-  purple55: "#8B38DE",
-  // red
-  red50: "#E31A1A",
-  red42a10: "#D800271A",
-  red42a20: "#D800272D",
-  red42a30: "#D800273F",
-  // yellow
-  primary,
-  warning: primary,
-  // orange
-  danger: "#FD2C0F",
-  // neutral
-  secondary: neutral.black,
-  // transparent
-  transparent: "transparent",
-  transparenta02: "#00000005",
-  transparenta08: "#00000014"
-});
-var colors = baseColors;
-function isColorKey(key) {
-  return key in colors;
-}
-function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
-  const bgRGB = hexToRGB(bgHex);
-  const hcRGB = hexToRGB(defaultHex);
-  if (!bgRGB || !hcRGB) return defaultHex;
-  const c = contrast(bgRGB, hcRGB);
-  if (c < 4.5) {
-    return altHex;
-  }
-  return defaultHex;
-}
-function luminance(r, g, b) {
-  const a = [r, g, b].map(function(v) {
-    v /= 255;
-    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-  });
-  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-}
-function contrast(rgb1, rgb2) {
-  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
-  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function componentToHex(c) {
-  const hex = c.toString(16);
-  return hex.length === 1 ? "0" + hex : hex;
-}
-function rgbToHex(r, g, b) {
-  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
-}
-function hexToRGB(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ] : [0, 0, 0];
-}
-function hexToRGBAStr(hex, alpha) {
-  const rgb = hexToRGB(hex);
-  return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
-}
-
-export {
-  darkGradient,
-  colors,
-  isColorKey,
-  hcNeutralFromBg,
-  luminance,
-  contrast,
-  componentToHex,
-  rgbToHex,
-  hexToRGB,
-  hexToRGBAStr
-};

package/dist/chunk-HU4PSB3N.cjs

@@ -1,342 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkWLPKMO36cjs = require('./chunk-WLPKMO36.cjs');
-
-
-
-
-
-
-
-
-var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
-
-
-var _chunkIEHW6GREcjs = require('./chunk-IEHW6GRE.cjs');
-
-
-var _chunk2DXEH7CBcjs = require('./chunk-2DXEH7CB.cjs');
-
-
-var _chunkIXTGSOHTcjs = require('./chunk-IXTGSOHT.cjs');
-
-
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
-
-
-var _chunkL6XBCODScjs = require('./chunk-L6XBCODS.cjs');
-
-
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
-
-
-
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
-
-// src/components/DataManagerTable/DateFilter.tsx
-var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
-var _react = require('react');
-var _jsxruntime = require('@emotion/react/jsx-runtime');
-var DatePreset = /* @__PURE__ */ ((DatePreset2) => {
-  DatePreset2["LastHour"] = "Last hour";
-  DatePreset2["Last12Hours"] = "Last 12 hours";
-  DatePreset2["Today"] = "Today";
-  DatePreset2["Last7Days"] = "Last 7 days";
-  DatePreset2["Last14Days"] = "Last 14 days";
-  DatePreset2["Last30Days"] = "Last 30 days";
-  DatePreset2["Custom"] = "Custom";
-  return DatePreset2;
-})(DatePreset || {});
-var SIMPLE_PRESETS = Object.values(DatePreset).filter(
-  (preset) => preset !== "Custom" /* Custom */
-);
-var isDateFilterState = (state) => state.type === "date" /* DATE */;
-var getDefaultDateFilterState = () => ({
-  type: "date" /* DATE */,
-  start: null,
-  end: null,
-  isApplied: false
-});
-var DateFilter = ({
-  updateFilterState,
-  state,
-  isDateOnly = false,
-  presets = SIMPLE_PRESETS
-}) => {
-  const [showCustomOptions, setShowCustomOptions] = _react.useState.call(void 0, 
-    state.preset === "Custom" /* Custom */
-  );
-  const [customDateRangeData, setCustomDateRangeData] = _react.useState.call(void 0, );
-  _react.useEffect.call(void 0, () => {
-    setShowCustomOptions(state.preset === "Custom" /* Custom */);
-  }, [state]);
-  const updateStateWithCustomRange = (customDateRangeData2) => {
-    setCustomDateRangeData(customDateRangeData2);
-    updateFilterState(_chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
-      type: "date" /* DATE */,
-      preset: "Custom" /* Custom */,
-      isApplied: true,
-      customRangeOperation: customDateRangeData2.type
-    }, dateRangeOptions[customDateRangeData2.type].getRangeData(
-      customDateRangeData2
-    )));
-  };
-  const dateRangeOptions = {
-    ["is in the last" /* IsInTheLast */]: {
-      type: "is in the last" /* IsInTheLast */,
-      defaultData: {
-        type: "is in the last" /* IsInTheLast */,
-        value: 1,
-        granularity: "hours" /* Hours */
-      },
-      getRangeData: (data) => {
-        const { value, granularity } = data;
-        return {
-          start: _chunkFBWTYGYEcjs.subtractTime.call(void 0, /* @__PURE__ */ new Date(), value, granularity),
-          end: /* @__PURE__ */ new Date()
-        };
-      },
-      components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkIXTGSOHTcjs.TextInput,
-          {
-            placeholder: "60",
-            onChange: (value) => {
-              updateStateWithCustomRange({
-                type: "is in the last" /* IsInTheLast */,
-                value: parseInt(value) || 0,
-                granularity: customDateRangeData == null ? void 0 : customDateRangeData.granularity
-              });
-            },
-            value: `${customDateRangeData == null ? void 0 : customDateRangeData.value}` || ""
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk2DXEH7CBcjs.Select_default,
-          {
-            defaultValue: {
-              value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
-              label: customDateRangeData == null ? void 0 : customDateRangeData.granularity
-            },
-            options: Object.values(_chunkFBWTYGYEcjs.TimeGranularity).map((timeGranularity) => ({
-              value: timeGranularity,
-              label: timeGranularity
-            })),
-            onChange: (option) => {
-              if (option) {
-                updateStateWithCustomRange(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, customDateRangeData), {
-                  granularity: option.value
-                }));
-              }
-            },
-            zIndex: _chunkZU72XWNEcjs.z.modalContainer
-          }
-        )
-      ] })
-    },
-    ["is equal to" /* IsEqualTo */]: {
-      type: "is equal to" /* IsEqualTo */,
-      defaultData: { type: "is equal to" /* IsEqualTo */, date: /* @__PURE__ */ new Date() },
-      getRangeData: (data) => {
-        const { date } = data;
-        return { start: _chunkFBWTYGYEcjs.startOfDay.call(void 0, date), end: _chunkFBWTYGYEcjs.endOfDay.call(void 0, date) };
-      },
-      components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkWLPKMO36cjs.DateWidget,
-        {
-          dateRangeOperation: "is equal to" /* IsEqualTo */,
-          onChange: updateStateWithCustomRange,
-          isDateOnly
-        }
-      )
-    },
-    ["is between" /* IsBetween */]: {
-      type: "is between" /* IsBetween */,
-      defaultData: {
-        type: "is between" /* IsBetween */,
-        start: _chunkFBWTYGYEcjs.subtractTime.call(void 0, /* @__PURE__ */ new Date(), 7, "days" /* Days */),
-        end: /* @__PURE__ */ new Date()
-      },
-      getRangeData: (data) => {
-        const { start, end } = data;
-        return { start, end };
-      },
-      components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkWLPKMO36cjs.DateWidget,
-        {
-          dateRangeOperation: "is between" /* IsBetween */,
-          onChange: updateStateWithCustomRange,
-          isDateOnly
-        }
-      )
-    },
-    ["is after" /* IsAfter */]: {
-      type: "is after" /* IsAfter */,
-      defaultData: { type: "is after" /* IsAfter */, date: /* @__PURE__ */ new Date() },
-      getRangeData: (data) => {
-        const { date } = data;
-        return { start: date, end: _chunkFBWTYGYEcjs.MAX_DATE };
-      },
-      components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkWLPKMO36cjs.DateWidget,
-        {
-          dateRangeOperation: "is after" /* IsAfter */,
-          onChange: updateStateWithCustomRange,
-          isDateOnly
-        }
-      )
-    },
-    ["is before" /* IsBefore */]: {
-      type: "is before" /* IsBefore */,
-      defaultData: { type: "is before" /* IsBefore */, date: /* @__PURE__ */ new Date() },
-      getRangeData: (data) => {
-        const { date } = data;
-        return { start: _chunkFBWTYGYEcjs.MIN_DATE, end: date };
-      },
-      components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkWLPKMO36cjs.DateWidget,
-        {
-          dateRangeOperation: "is before" /* IsBefore */,
-          onChange: updateStateWithCustomRange,
-          isDateOnly
-        }
-      )
-    }
-  };
-  const handlePreset = (preset) => {
-    let start = void 0;
-    let end = void 0;
-    switch (preset) {
-      case "Last hour" /* LastHour */:
-        start = _chunkFBWTYGYEcjs.subtractTime.call(void 0, /* @__PURE__ */ new Date(), 1, "hours" /* Hours */);
-        end = /* @__PURE__ */ new Date();
-        break;
-      case "Last 12 hours" /* Last12Hours */:
-        start = _chunkFBWTYGYEcjs.subtractTime.call(void 0, /* @__PURE__ */ new Date(), 12, "hours" /* Hours */);
-        end = /* @__PURE__ */ new Date();
-        break;
-      case "Today" /* Today */:
-        start = _chunkFBWTYGYEcjs.startOfDay.call(void 0, /* @__PURE__ */ new Date());
-        end = _chunkFBWTYGYEcjs.endOfDay.call(void 0, /* @__PURE__ */ new Date());
-        break;
-      case "Last 7 days" /* Last7Days */:
-        start = _chunkFBWTYGYEcjs.subtractTime.call(void 0, /* @__PURE__ */ new Date(), 7, "days" /* Days */);
-        end = /* @__PURE__ */ new Date();
-        break;
-      case "Last 14 days" /* Last14Days */:
-        start = _chunkFBWTYGYEcjs.subtractTime.call(void 0, /* @__PURE__ */ new Date(), 14, "days" /* Days */);
-        end = /* @__PURE__ */ new Date();
-        break;
-      case "Last 30 days" /* Last30Days */:
-        start = _chunkFBWTYGYEcjs.subtractTime.call(void 0, /* @__PURE__ */ new Date(), 30, "days" /* Days */);
-        end = /* @__PURE__ */ new Date();
-        break;
-      default:
-        break;
-    }
-    if (start && end) {
-      updateFilterState({
-        type: "date" /* DATE */,
-        preset: state.preset === preset ? void 0 : preset,
-        start,
-        end,
-        isApplied: state.preset !== preset
-      });
-      setShowCustomOptions(false);
-    }
-  };
-  const toggleCustom = () => {
-    if (state.preset === "Custom" /* Custom */) {
-      updateFilterState({
-        type: "date" /* DATE */,
-        preset: void 0,
-        start: null,
-        end: null,
-        isApplied: false
-      });
-      setShowCustomOptions(false);
-      return;
-    }
-    handleSelectCustomRangeOption("is in the last" /* IsInTheLast */);
-    setShowCustomOptions(true);
-  };
-  const handleSelectCustomRangeOption = (operation) => {
-    updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIEHW6GREcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
-      presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkL6XBCODScjs.Button,
-        {
-          kind: preset === state.preset ? "primary" : void 0,
-          text: preset,
-          size: "ExtraSmall",
-          onClick: () => handlePreset(preset)
-        },
-        preset
-      )),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkL6XBCODScjs.Button,
-        {
-          kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
-          text: "Custom",
-          size: "ExtraSmall",
-          onClick: toggleCustom
-        }
-      )
-    ] }),
-    showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2DXEH7CBcjs.Select_default,
-        {
-          defaultValue: {
-            value: customDateRangeData.type,
-            label: `${customDateRangeData.type}`
-          },
-          options: Object.values(_chunkFBWTYGYEcjs.DateRangeOperation).map((operation) => ({
-            value: operation,
-            label: `${operation}`
-          })),
-          onChange: (option) => {
-            if (option) {
-              handleSelectCustomRangeOption(
-                option.value
-              );
-            }
-          },
-          zIndex: _chunkZU72XWNEcjs.z.modalContainer
-        }
-      ),
-      dateRangeOptions[customDateRangeData.type].components
-    ] })
-  ] }) });
-};
-var Container = _styled2.default.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
-`;
-var ButtonsContainer = _styled2.default.div`
-  display: flex;
-  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
-  flex-wrap: wrap;
-`;
-var TimeAndGranularity = _styled2.default.div`
-  display: flex;
-  flex-direction: row;
-  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
-  & > * {
-    flex: 1;
-  }
-
-  input {
-    height: 100%;
-  }
-`;
-
-
-
-
-
-
-exports.DatePreset = DatePreset; exports.isDateFilterState = isDateFilterState; exports.getDefaultDateFilterState = getDefaultDateFilterState; exports.DateFilter = DateFilter;

package/dist/chunk-HYCPAGAW.js

@@ -1,87 +0,0 @@
-import {
-  useNumberInput
-} from "./chunk-T74FAGM4.js";
-import {
-  TextInput
-} from "./chunk-SCB5GKFG.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-W7FAWX6T.js";
-
-// src/components/NumberInput.tsx
-import { useCallback, useRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
-function NumberInput(_a) {
-  var _b = _a, {
-    maxValue,
-    onRightButtonClick,
-    onChange: onChangeProp
-  } = _b, rest = __objRest(_b, [
-    "maxValue",
-    "onRightButtonClick",
-    "onChange"
-  ]);
-  const ref = useRef(null);
-  const {
-    getRenderValue,
-    handleOnChange,
-    handleOnBlur,
-    handleOnFocus,
-    handleOnKeyDown,
-    handleOnKeyUp
-  } = useNumberInput(__spreadProps(__spreadValues({}, rest), {
-    onChange: onChangeProp,
-    ref
-  }));
-  const onChange = useCallback(
-    (value, event) => {
-      handleOnChange(event);
-    },
-    [handleOnChange]
-  );
-  const handleRightButtonClick = useCallback(
-    (event) => {
-      event.preventDefault();
-      if (maxValue && onChangeProp) {
-        onChangeProp(maxValue.toString());
-      }
-      if (onRightButtonClick) {
-        onRightButtonClick(event);
-      }
-    },
-    [maxValue, onRightButtonClick, onChangeProp]
-  );
-  const onKeyDown = useCallback(
-    (keyValue, event) => {
-      handleOnKeyDown(event);
-    },
-    [handleOnKeyDown]
-  );
-  return /* @__PURE__ */ jsx(
-    TextInput,
-    __spreadProps(__spreadValues({
-      placeholder: "Enter a number"
-    }, rest), {
-      onKeyDown,
-      onKeyUp: handleOnKeyUp,
-      onChange,
-      onBlur: handleOnBlur,
-      onFocus: handleOnFocus,
-      value: getRenderValue(),
-      inputRef: ref,
-      type: "text",
-      inputMode: "decimal",
-      pattern: "[0-9,.]*",
-      rightButtonText: maxValue ? "Max" : void 0,
-      onRightButtonClick: handleRightButtonClick
-    })
-  );
-}
-var NumberInput_default = NumberInput;
-
-export {
-  NumberInput,
-  NumberInput_default
-};