@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/MainGrid/MainGrid.module.scss

@@ -0,0 +1,28 @@
+.container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+
+  // TODO: Priorize reducing width of empty elements insteas of the main container
+  > :nth-child(1),
+  > :nth-child(3) {
+    flex: 1;
+    max-width: 250px;
+    min-width: 150px;
+  }
+
+  .content {
+    min-width: 250px;
+  }
+
+  > :nth-child(2) {
+    flex: 1;
+    max-width: 1200px;
+  }
+}
+
+.section {
+  align-items: flex-start;
+  min-height: initial;
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./MainGrid";
+export * from "./MainGrid";

package/dist/components/MainGrid/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var MainGrid_1 = require("./MainGrid");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MainGrid_1).default; } });
+__exportStar(require("./MainGrid"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/MainGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MainGrid/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA;AAChB,6CAA2B"}

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * A hamburger button that mutates according to it's state
+ **/
+export default function MutableHamburgerButton({ state, size, className, ...props }: {
+    state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search" | "loading" | "checkmark" | "pencil" | "hamburger";
+    size: number;
+} & React.HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MutableHamburgerButton_module_scss_1 = __importDefault(require("./MutableHamburgerButton.module.scss"));
+/**
+ * A hamburger button that mutates according to it's state
+ **/
+function MutableHamburgerButton(_a) {
+    var { state = "default", size, className = "" } = _a, props = __rest(_a, ["state", "size", "className"]);
+    const stateClass = state in MutableHamburgerButton_module_scss_1.default ? MutableHamburgerButton_module_scss_1.default[state] : "";
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { className: `${MutableHamburgerButton_module_scss_1.default.container} ${stateClass} ${className}`, style: { fontSize: `${size}px` }, children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsx)("div", {})] })));
+}
+exports.default = MutableHamburgerButton;
+//# sourceMappingURL=MutableHamburgerButton.js.map

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MutableHamburgerButton.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,8GAA0D;AAE1D;;IAEI;AACJ,SAAwB,sBAAsB,CAAC,EAiBZ;QAjBY,EAC7C,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,SAAS,GAAG,EAAE,OAcmB,EAb9B,KAAK,cAJqC,8BAK9C,CADS;IAcR,MAAM,UAAU,GAAG,KAAK,IAAI,4CAAM,CAAC,CAAC,CAAC,4CAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExD,OAAO,CACL,iDACM,KAAK,IACT,SAAS,EAAE,GAAG,4CAAM,CAAC,SAAS,IAAI,UAAU,IAAI,SAAS,EAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,aAEhC,iCAAO,EACP,iCAAO,EACP,iCAAO,KACH,CACP,CAAC;AACJ,CAAC;AA/BD,yCA+BC"}

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss

@@ -0,0 +1,220 @@
+@use 'sass:math';
+@use "../../assets/styles/index.scss" as *;
+
+$slice: math.div(1, 7);
+
+.container {
+  box-sizing: content-box;
+  cursor: pointer;
+  width: 1em;
+  height: 1em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-evenly;
+  background-size: 0 0;
+  background-repeat: no-repeat;
+  transition: transform 250ms;
+  transition-timing-function: ease-in-out;
+  &:active {
+    transform: scale(0.9);
+  }
+  > * {
+    position: relative;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    width: 0.8em;
+    height: #{$slice}em;
+    border-radius: #{math.div($slice, 2)}em;
+    transition: transform $veryFast, width $veryFast, height $veryFast,
+      border-width $veryFast, background-color $veryFast,
+      border-radius $veryFast, top $veryFast;
+    background: var(--mutable-hamburger-background, $digitalBlue);
+    background-size: 1em 1em;
+    background-repeat: no-repeat;
+    border: 0em solid #0000;
+    top: 0px;
+    &:nth-child(1) {
+      border-top-color: var(--mutable-hamburger-background, $digitalBlue);
+    }
+    &:nth-child(2) {
+      border-right-color: var(--mutable-hamburger-background, $digitalBlue);
+    }
+    &:nth-child(3) {
+      border-bottom-color: var(--mutable-hamburger-background, $digitalBlue);
+      border-left-color: var(--mutable-hamburger-background, $digitalBlue);
+    }
+  }
+  & > * {
+    background-position-x: -0.1em;
+  }
+  & > :nth-child(1) {
+    background-position-y: #{$slice * -1}em;
+  }
+  & > :nth-child(2) {
+    background-position-y: #{$slice * -3}em;
+  }
+  & > :nth-child(3) {
+    background-position-y: #{$slice * -5}em;
+  }
+
+  &.closed {
+    > :nth-child(1) {
+      transform: translateY(#{$slice * 2}em) rotateZ(-45deg);
+    }
+    > :nth-child(2) {
+      transform: rotateZ(45deg);
+    }
+    > :nth-child(3) {
+      transform: translateY(-#{$slice * 2}em) rotateZ(-45deg);
+    }
+  }
+
+  &.arrow-up {
+    > * {
+      width: 0.4em;
+    }
+    > :nth-child(1) {
+      transform: translateX(0.1em) translateY(#{$slice * 2}em) rotateZ(45deg);
+    }
+    > :nth-child(2) {
+      transform: translateX(0.1em) rotateZ(45deg);
+    }
+    > :nth-child(3) {
+      transform: translateX(-0.1em) translateY(-#{$slice * 2}em) rotateZ(-45deg);
+    }
+  }
+
+  &.arrow-down {
+    > * {
+      width: 0.4em;
+    }
+    > :nth-child(1) {
+      transform: translateX(0.1em) translateY(#{$slice * 2}em) rotateZ(-45deg);
+    }
+    > :nth-child(2) {
+      transform: translateX(0.1em) rotateZ(-45deg);
+    }
+    > :nth-child(3) {
+      transform: translateX(-0.1em) translateY(-#{$slice * 2}em) rotateZ(45deg);
+    }
+  }
+
+  &.search {
+    > :nth-child(1) {
+      $rate: 1.8;
+      width: #{$slice * $rate + math.div($slice, 1.35)}em;
+      height: #{$slice * $rate + math.div($slice, 1.35)}em;
+      border-radius: #{$slice * $rate * 2}em;
+      background-color: transparent;
+      border: #{math.div($slice, 1.35)}em solid
+        var(--mutable-hamburger-background, $digitalBlue);
+      transform: translateX(-0.15em);
+    }
+    > :nth-child(2) {
+      transform: translateX(0.12em) translateY(-0.05em) rotateZ(45deg);
+      height: #{math.div($slice, 1.35)}em;
+      width: 0.55em;
+    }
+    > :nth-child(3) {
+      transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.085}em)
+        rotateZ(45deg);
+      height: #{math.div($slice, 1.35)}em;
+      width: 0.55em;
+    }
+  }
+
+  &.checkmark {
+    > :nth-child(1) {
+      transform: translateY(#{$slice * 2}em) translateX(-0.178em)
+        translateY(0.13em) rotate(45deg);
+      height: #{$slice}em;
+      width: 0.45em;
+    }
+    > :nth-child(2) {
+      height: #{$slice}em;
+      width: 0.7em;
+      transform: translateX(0.1em) rotate(-55deg);
+    }
+    > :nth-child(3) {
+      transform: translateY(-#{$slice * 2}em) translateX(0.1em) rotate(-55deg);
+      height: #{$slice}em;
+      width: 0.7em;
+    }
+  }
+
+  &.loading {
+    $slice: math.div(1, 6);
+    @keyframes rotate {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    animation-name: rotate;
+    animation-duration: 1s;
+    animation-delay: $veryFast;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    > * {
+      background-color: #0000;
+      width: #{$slice * 4.5}em;
+      height: #{$slice * 4.5}em;
+      border-radius: #{$slice * 4.5}em;
+      border-width: #{$slice}em;
+    }
+    > :nth-child(1) {
+      top: (#{$slice * 4.5}em);
+    }
+    > :nth-child(2) {
+      transform: rotateZ(-5deg);
+    }
+    > :nth-child(3) {
+      transform: rotateZ(-95deg);
+      top: (-#{$slice * 4.5}em);
+    }
+  }
+  &.pencil {
+    perspective: 600px;
+
+    > :nth-child(1) {
+      height: #{$slice}em;
+      width: 0.15em;
+      transform: translateX(0.3em) rotate(-45deg);
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+
+    > :nth-child(2) {
+      width: 0.6em;
+      transform: rotate(-45deg);
+      border-radius: 0;
+    }
+
+    > :nth-child(3) {
+      $slice: $slice * 0.6;
+
+      height: 0em;
+      width: 0em;
+      border-radius: 0;
+      transform: translateX(-0.27em) translateY(0.027em) rotate(-80deg)
+        rotateY(45deg) skew(12deg, 12deg);
+
+      border-left: #{$slice}em solid transparent;
+      border-right: #{$slice}em solid transparent;
+      border-bottom: 0em solid transparent;
+      border-top: #{$slice}em solid;
+      background-color: transparent;
+    }
+  }
+  &.hamburger {
+    > :nth-child(1) {
+      width: 0.7em;
+    }
+    > :nth-child(3) {
+      width: 0.7em;
+    }
+  }
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./MutableHamburgerButton";
+export * from "./MutableHamburgerButton";

package/dist/components/MutableHamburgerButton/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var MutableHamburgerButton_1 = require("./MutableHamburgerButton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MutableHamburgerButton_1).default; } });
+__exportStar(require("./MutableHamburgerButton"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/MutableHamburgerButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mEAAmD;AAA1C,kIAAA,OAAO,OAAA;AAChB,2DAAyC"}

package/dist/components/Notification/Notification.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+/**
+ * A layout for the notification card
+ * Displays messages to the user in a styled card format
+ **/
+export default function Notification({ type, children }: PropsWithChildren<{
+    type: "success";
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Notification/Notification.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Card_1 = __importDefault(require("../Card"));
+const Notification_module_scss_1 = __importDefault(require("./Notification.module.scss"));
+/**
+ * A layout for the notification card
+ * Displays messages to the user in a styled card format
+ **/
+function Notification({ type, children }) {
+    return (0, jsx_runtime_1.jsx)(Card_1.default, { className: `${Notification_module_scss_1.default.container} ${Notification_module_scss_1.default[type]}`, children: children });
+}
+exports.default = Notification;
+//# sourceMappingURL=Notification.js.map

package/dist/components/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;AACA,mDAA2B;AAC3B,0FAAgD;AAEhD;;;IAGI;AACJ,SAAwB,YAAY,CAAC,EACnC,IAAI,EACJ,QAAQ,EAC+B;IACvC,OAAO,uBAAC,cAAI,IAAC,SAAS,EAAE,GAAG,kCAAM,CAAC,SAAS,IAAI,kCAAM,CAAC,IAAI,CAAC,EAAE,YAAG,QAAQ,GAAQ,CAAC;AACnF,CAAC;AALD,+BAKC"}

package/dist/components/Notification/Notification.module.scss

@@ -0,0 +1,25 @@
+@use "../../assets/styles/variables.scss" as *;
+
+.container {
+  animation-fill-mode: forwards;
+  animation-duration: $fast;
+  animation-name: expand;
+  width: auto;
+  min-width: 250px;
+}
+
+.success {
+  background-color: $success;
+}
+
+@keyframes expand {
+  0% {
+    padding: 0px 12px;
+    max-height: 0%;
+  }
+
+  100% {
+    padding: 12px 12px;
+    max-height: 100%;
+  }
+}

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

@@ -0,0 +1,2 @@
+export { default } from "./Notification";
+export * from "./Notification";

package/dist/components/Notification/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Notification_1 = require("./Notification");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Notification_1).default; } });
+__exportStar(require("./Notification"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AAAhC,wHAAA,OAAO,OAAA;AAChB,iDAA+B"}

package/dist/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from "react";
+import CurrencyInput from "../CurrencyInput";
+/**
+ * A number input component that handles user input and converts it to a numeric value.
+ * It provides a user-friendly way to enter numbers while handling formatting automatically.
+ */
+export default function NumberInput(props: Omit<ComponentProps<typeof CurrencyInput>, 'onChange' | 'value' | 'locale' | 'currency'> & {
+    onChange: (n?: number) => void;
+    value?: number;
+    hint?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/NumberInput/NumberInput.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Input_1 = __importDefault(require("../Input"));
+const bignumber_js_1 = __importDefault(require("bignumber.js"));
+const withoutFormat = (strValue) => strValue
+    .replace(/[^0-9,.]/g, '')
+    .replaceAll('.', '')
+    .replaceAll(',', '.');
+/**
+ * A number input component that handles user input and converts it to a numeric value.
+ * It provides a user-friendly way to enter numbers while handling formatting automatically.
+ */
+function NumberInput(props) {
+    const [strValue, setStrValue] = (0, react_1.useState)(() => {
+        var _a, _b;
+        return withoutFormat((_b = (_a = props.value) === null || _a === void 0 ? void 0 : _a.toFixed()) !== null && _b !== void 0 ? _b : '');
+    });
+    const nextValue = (0, react_1.useMemo)(() => {
+        const valueToConvert = withoutFormat(strValue);
+        const newValue = Number(valueToConvert);
+        return !Number.isNaN(newValue) ? (0, bignumber_js_1.default)(newValue).toNumber() : undefined;
+    }, [strValue]);
+    (0, react_1.useEffect)(() => {
+        const t = setTimeout(() => {
+            var _a, _b;
+            if (nextValue !== props.value)
+                setStrValue(withoutFormat((_b = (_a = props.value) === null || _a === void 0 ? void 0 : _a.toFixed()) !== null && _b !== void 0 ? _b : ''));
+        }, 500);
+        return () => clearTimeout(t);
+    }, [props.value]);
+    (0, react_1.useEffect)(() => {
+        if (nextValue !== undefined) {
+            props.onChange(nextValue);
+        }
+        else {
+            props.onChange(undefined);
+        }
+    }, [nextValue]);
+    return ((0, jsx_runtime_1.jsx)(Input_1.default, Object.assign({}, props, { value: strValue, onChange: (e) => {
+            setStrValue(withoutFormat(e.target.value.replace('.', ',')).replace('.', ','));
+        }, disclaimer: props.hint })));
+}
+exports.default = NumberInput;
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAqE;AACrE,qDAA6B;AAE7B,gEAA6B;AAE7B,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE,CACvC,QAAQ;KACH,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;KACxB,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;KACnB,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;AAE7B;;;GAGG;AACH,SAAwB,WAAW,CAC/B,KAOC;IAED,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;;QAC1C,OAAO,aAAa,CAAC,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,EAAE,mCAAI,EAAE,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,MAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC9C,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;QACvC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAA,sBAAE,EAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IACxE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;;YACtB,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK;gBACzB,WAAW,CAAC,aAAa,CAAC,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,EAAE,mCAAI,EAAE,CAAC,CAAC,CAAA;QAChE,CAAC,EAAE,GAAG,CAAC,CAAA;QACP,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1B,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;QAC7B,CAAC;aAAM,CAAC;YACJ,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;QAC7B,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACf,OAAO,CACH,uBAAC,eAAK,oBACE,KAAK,IACT,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,WAAW,CACP,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CACnD,GAAG,EACH,GAAG,CACN,CACJ,CAAA;QACL,CAAC,EACD,UAAU,EAAE,KAAK,CAAC,IAAI,IACxB,CACL,CAAA;AACL,CAAC;AAjDD,8BAiDC"}

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

@@ -0,0 +1,2 @@
+export { default } from "./NumberInput";
+export * from "./NumberInput";

package/dist/components/NumberInput/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var NumberInput_1 = require("./NumberInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(NumberInput_1).default; } });
+__exportStar(require("./NumberInput"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/NumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAChB,gDAA8B"}

package/dist/components/OrderableList/OrderableList.d.ts

@@ -0,0 +1,40 @@
+import React, { DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
+type Events = "order-stop" | "order-start";
+export declare enum OrderableListReorderMode {
+    VERTICAL = "v",
+    TWO_DIMENSIONS = "hv"
+}
+/**
+ * This component displays a list of items that can be reordered by dragging them with your mouse or touch.
+ * It supports simple vertical dragging and more advanced 2D reordering, with smooth animations
+ * when items move around.
+ */
+export default function OrderableList({ children, className, mode, shrinkToOnOrder, reorderingClassName, cloneClassName, ...props }: {
+    children: ReactElement[];
+    className?: string;
+    mode?: OrderableListReorderMode;
+    /**
+     * If provided, makes the elements shrink to this value in px when ordering elements
+     */
+    shrinkToOnOrder?: number;
+    /**
+     * A class to apply when reordering
+     */
+    reorderingClassName?: string;
+    /**
+     * A class to apply to the clone el
+     */
+    cloneClassName?: string;
+} & ({
+    keyOrder?: string[];
+    onChangeKeyOrder: (newOrder: string[]) => void;
+} | {
+    currentOrder?: string[];
+}) & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function useOrderableListAnchor(): {
+    anchorRef: React.RefObject<HTMLDivElement> | undefined;
+};
+export declare function useOrderableEvents(events: {
+    [k in Events]: () => void;
+}): void;
+export {};