@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/Select/Select.module.scss

@@ -0,0 +1,60 @@
+@use "../../assets/styles/index.scss" as *;
+
+.items > * {
+  cursor: pointer;
+  background: $mainBackgroundColor;
+  padding: 12px 32px;
+  &:not(:last-child) {
+    margin-bottom: 8px;
+  }
+  margin-left: 4px;
+  margin-right: 4px;
+  text-align: left;
+  border-radius: 4px;
+  font-size: 14px;
+  &.selected {
+    background-color: $lightGray;
+  }
+}
+.empty {
+  opacity: 0.3;
+}
+.input {
+  &:not(.disabled) {
+    cursor: pointer;
+  }
+  input {
+    transition: opacity $fast;
+    padding-right: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    pointer-events: none;
+  }
+}
+.indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform $fast;
+  min-height: inherit;
+  transform: rotateX(0deg);
+}
+.open {
+  transform: rotateX(180deg);
+}
+.optionsContainer {
+  margin: 0px 8px;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
+}
+.searchInput {
+  position: sticky;
+  top: 0px;
+  > * > span {
+    margin-right: 12px;
+    display: flex;
+    align-items: center;
+  }
+  input {
+    margin-bottom: 0px !important;
+  }
+}

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

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

package/dist/components/Select/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 Select_1 = require("./Select");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Select_1).default; } });
+__exportStar(require("./Select"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A skeleton element used to display a content that is loading
+ *
+ * Usually, it is used for paragraph elements, with a specific size
+ * So it's width and height is translated to em units
+ **/
+export default function Skeleton({ width, height, }: {
+    width: number;
+    height?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,22 @@
+"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 Skeleton_module_scss_1 = __importDefault(require("./Skeleton.module.scss"));
+/**
+ * A skeleton element used to display a content that is loading
+ *
+ * Usually, it is used for paragraph elements, with a specific size
+ * So it's width and height is translated to em units
+ **/
+function Skeleton({ width, height = 1, }) {
+    return ((0, jsx_runtime_1.jsx)("span", { className: Skeleton_module_scss_1.default.root, style: {
+            "--biggest-unit": `${Math.max(width, height) * 2}em`,
+            width: `${width}em`,
+            height: `${height}em`,
+        } }));
+}
+exports.default = Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;AACA,kFAA4C;AAE5C;;;;;IAKI;AACJ,SAAwB,QAAQ,CAAC,EAC/B,KAAK,EACL,MAAM,GAAG,CAAC,GAIX;IACC,OAAO,CACL,iCACE,SAAS,EAAE,8BAAM,CAAC,IAAI,EACtB,KAAK,EACH;YACE,gBAAgB,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI;YACpD,KAAK,EAAE,GAAG,KAAK,IAAI;YACnB,MAAM,EAAE,GAAG,MAAM,IAAI;SACf,GAEV,CACH,CAAC;AACJ,CAAC;AAnBD,2BAmBC"}

package/dist/components/Skeleton/Skeleton.module.scss

@@ -0,0 +1,21 @@
+@import "../../assets/styles";
+
+.root {
+  background: linear-gradient(10deg, #0000 10%, #0006, #0000 80%);
+  background-size: var(--biggest-unit) var(--biggest-unit);
+  animation-name: moving;
+  animation-duration: $slow;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+  border-radius: 0.4em;
+  display: inline-block;
+}
+
+@keyframes moving {
+  0% {
+    background-position: 0em 0em;
+  }
+  100% {
+    background-position: 0em var(--biggest-unit);
+  }
+}

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

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

package/dist/components/Skeleton/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 Skeleton_1 = require("./Skeleton");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Skeleton_1).default; } });
+__exportStar(require("./Skeleton"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from "react";
+import { BalancedProgressBar } from "../ProgressBar";
+/**
+ * A slider component that lets users select a value by dragging a handle.
+ * It converts the mouse position into a value between the specified minimum and maximum.
+ */
+export default function Slider(p: Pick<ComponentProps<typeof BalancedProgressBar>, "size" | "min" | "max"> & {
+    step?: number;
+    value?: number;
+    onChange(v: number): void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Slider/Slider.e2e.d.ts

@@ -0,0 +1,4 @@
+export declare const SLIDER_TEST_IDS: {
+    INDICATOR: "INDICATOR";
+    BODY: "BODY";
+} & {};

package/dist/components/Slider/Slider.e2e.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLIDER_TEST_IDS = void 0;
+const e2e_1 = require("../../utils/e2e");
+exports.SLIDER_TEST_IDS = (0, e2e_1.testIDFactory)("slider")(["INDICATOR", "BODY"]);
+//# sourceMappingURL=Slider.e2e.js.map

package/dist/components/Slider/Slider.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.e2e.js","sourceRoot":"","sources":["../../../src/components/Slider/Slider.e2e.ts"],"names":[],"mappings":";;;AAAA,yCAAgD;AAEnC,QAAA,eAAe,GAAG,IAAA,mBAAa,EAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC"}

package/dist/components/Slider/Slider.js

@@ -0,0 +1,66 @@
+"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 ProgressBar_1 = require("../ProgressBar");
+const Slider_e2e_1 = require("./Slider.e2e");
+const throttle_1 = __importDefault(require("lodash/throttle"));
+const Slider_module_scss_1 = __importDefault(require("./Slider.module.scss"));
+/**
+ * A slider component that lets users select a value by dragging a handle.
+ * It converts the mouse position into a value between the specified minimum and maximum.
+ */
+function Slider(p) {
+    const { value: externalValue, onChange } = p;
+    const [controlledValue, setCurrValue] = (0, react_1.useState)(externalValue || p.min);
+    const indicator = (0, react_1.useRef)(null);
+    const body = (0, react_1.useRef)(null);
+    const throttleOnChange = (0, react_1.useMemo)(() => (0, throttle_1.default)(onChange, 1000 / 24), []);
+    (0, react_1.useEffect)(() => {
+        throttleOnChange(controlledValue);
+    }, [controlledValue]);
+    (0, react_1.useEffect)(() => {
+        setTimeout(() => {
+            const position = body.current.getBoundingClientRect();
+            function updateValue(e) {
+                const isAt = e.pageX;
+                const isAtRelativeToBodyWidth = isAt - position.x;
+                const isAtPercent = (isAtRelativeToBodyWidth * 100) / position.width;
+                const mathToFixed = Number(isAtPercent.toFixed(0));
+                const normalized = p.min + (p.max - p.min) * (mathToFixed / 100);
+                const stepNormalization = (() => {
+                    if (!p.step)
+                        return normalized;
+                    else {
+                        const modulus = normalized % p.step;
+                        const toOne = modulus / p.step;
+                        const rounded = Math.round(toOne);
+                        const incOrNot = rounded * p.step;
+                        const finalNormalization = normalized - modulus + incOrNot;
+                        return finalNormalization;
+                    }
+                })();
+                setCurrValue(stepNormalization < p.min
+                    ? p.min
+                    : stepNormalization > p.max
+                        ? p.max
+                        : stepNormalization);
+            }
+            indicator.current.setAttribute("data-testid", Slider_e2e_1.SLIDER_TEST_IDS.INDICATOR);
+            indicator.current.classList.add(Slider_module_scss_1.default.indicator);
+            indicator.current.onmousedown = (e) => {
+                updateValue(e);
+                window.addEventListener("mousemove", updateValue);
+                window.onmouseup = () => {
+                    window.removeEventListener("mousemove", updateValue);
+                };
+            };
+        }, 500);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(ProgressBar_1.BalancedProgressBar, Object.assign({ current: externalValue || controlledValue, mode: "guide" }, p, { indicatorRef: indicator, bodyRef: body })));
+}
+exports.default = Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/components/Slider/Slider.module.scss

@@ -0,0 +1,7 @@
+@use "../../assets/styles/variables.scss" as *;
+@use "../../assets/styles/mixins.scss" as *;
+
+.indicator {
+  @include iteractibleElement();
+  transition: left var(--animation-speed-transition, $fast) ease-out, transform  var(--animation-speed-transition, $fast) ease-out !important;
+}

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

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

package/dist/components/Slider/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 Slider_1 = require("./Slider");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Slider_1).default; } });
+__exportStar(require("./Slider"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}

package/dist/components/Spacing/Spacing.d.ts

@@ -0,0 +1,11 @@
+import { FromOnePercentUtility } from "../../type-utils";
+/**
+ * A component to inject some spacing between component when required
+ **/
+/**
+ * A simple spacer that adds breathing room between UI elements.
+ * It creates an empty space that can be sized large, small, or stretched to fill available space.
+ */
+export default function Spacing({ size, }: {
+    size: FromOnePercentUtility<'UIElements.SpacingVariants'> | "stretch";
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacing/Spacing.js

@@ -0,0 +1,26 @@
+"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 Spacing_module_scss_1 = __importDefault(require("./Spacing.module.scss"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+/**
+ * A component to inject some spacing between component when required
+ **/
+/**
+ * A simple spacer that adds breathing room between UI elements.
+ * It creates an empty space that can be sized large, small, or stretched to fill available space.
+ */
+function Spacing({ size, }) {
+    const spacingClasses = (0, OneUIProvider_1.useOneUIConfig)("component.spacing.variants", {
+        large: Spacing_module_scss_1.default.spacing_large,
+        small: Spacing_module_scss_1.default.spacing_small,
+    });
+    const cls = (0, react_1.useMemo)(() => (size === "stretch" ? Spacing_module_scss_1.default.spacing_stretch : spacingClasses[size]), [size]);
+    return (0, jsx_runtime_1.jsx)("div", { className: `${Spacing_module_scss_1.default.spacing} ${cls}` });
+}
+exports.default = Spacing;
+//# sourceMappingURL=Spacing.js.map

package/dist/components/Spacing/Spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../src/components/Spacing/Spacing.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAuC;AACvC,gFAA2C;AAC3C,+DAA6D;AAG7D;;IAEI;AAEJ;;;GAGG;AACH,SAAwB,OAAO,CAAC,EAC9B,IAAI,GAGL;IACC,MAAM,cAAc,GAAG,IAAA,8BAAc,EAAC,4BAA4B,EAAE;QAClE,KAAK,EAAE,6BAAM,CAAC,aAAa;QAC3B,KAAK,EAAE,6BAAM,CAAC,aAAa;KAC5B,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,IAAA,eAAO,EACjB,GAAG,EAAE,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAC1E,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,gCAAK,SAAS,EAAE,GAAG,6BAAM,CAAC,OAAO,IAAI,GAAG,EAAE,GAAI,CAAC;AACxD,CAAC;AAhBD,0BAgBC"}

package/dist/components/Spacing/Spacing.module.scss

@@ -0,0 +1,13 @@
+.spacing_large {
+  height: 33px;
+}
+.spacing_small {
+  height: 15px;
+}
+.spacing_stretch {
+  flex: 1;
+}
+
+.spacing {
+  display: block;
+}

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

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

package/dist/components/Spacing/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 Spacing_1 = require("./Spacing");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Spacing_1).default; } });
+__exportStar(require("./Spacing"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spacing/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,qCAAoC;AAA3B,mHAAA,OAAO,OAAA;AAChB,4CAA0B"}

package/dist/components/StaticScroller/StaticScroller.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * A scrollable container that keeps content visible at the start.
+ * As you scroll, the content smoothly fades out when it moves away.
+ */
+declare const StaticScroller: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default StaticScroller;

package/dist/components/StaticScroller/StaticScroller.js

@@ -0,0 +1,68 @@
+"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 react_1 = require("react");
+const lodash_1 = require("lodash");
+const StaticScroller_module_scss_1 = __importDefault(require("./StaticScroller.module.scss"));
+function _StaticScroller(_a, ref) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const rootRef = (0, react_1.useMemo)(() => {
+        return (ref || (0, react_1.createRef)());
+    }, [ref]);
+    (0, react_1.useLayoutEffect)(() => {
+        const el = rootRef.current;
+        let latestScroll;
+        const child = el.children[0];
+        const checkIfNeedsToHide = (0, lodash_1.debounce)(() => {
+            const direction = el.scrollLeft > latestScroll ? "in" : "out";
+            if (el.scrollLeft < child.clientWidth) {
+                el.scrollTo({
+                    left: direction === "in" ? child.clientWidth : 0,
+                    behavior: "smooth",
+                });
+            }
+            latestScroll = undefined;
+        }, 500);
+        const throtleSetLast = (0, lodash_1.throttle)((last) => {
+            latestScroll = last;
+        }, 1000 / 5, {
+            leading: true,
+            trailing: false,
+        });
+        const onScroll = () => {
+            const min = Math.min(el.scrollLeft, child.clientWidth);
+            const opacity = String(1 - min / child.clientWidth);
+            child.style.opacity = opacity;
+            checkIfNeedsToHide();
+            throtleSetLast(el.scrollLeft);
+        };
+        el.addEventListener("scroll", onScroll, {
+            passive: true,
+        });
+        return () => {
+            el.removeEventListener("scroll", onScroll);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: StaticScroller_module_scss_1.default.root }, props, { ref: rootRef, children: children })));
+}
+/**
+ * A scrollable container that keeps content visible at the start.
+ * As you scroll, the content smoothly fades out when it moves away.
+ */
+const StaticScroller = (0, react_1.forwardRef)(_StaticScroller);
+exports.default = StaticScroller;
+//# sourceMappingURL=StaticScroller.js.map

package/dist/components/StaticScroller/StaticScroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticScroller.js","sourceRoot":"","sources":["../../../src/components/StaticScroller/StaticScroller.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,iCAWe;AACf,mCAA4C;AAC5C,8FAAkD;AAElD,SAAS,eAAe,CACtB,EAKC,EACD,GAAiC;QANjC,EACE,QAAQ,OAIT,EAHI,KAAK,cAFV,YAGC,CADS;IAMV,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,OAAO,CACJ,GAAwC,IAAI,IAAA,iBAAS,GAAkB,CACzE,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,OAAO,CAAC,OAAQ,CAAC;QAC5B,IAAI,YAAgC,CAAC;QACrC,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAmB,CAAC;QAE/C,MAAM,kBAAkB,GAAG,IAAA,iBAAQ,EAAC,GAAG,EAAE;YACvC,MAAM,SAAS,GAAG,EAAE,CAAC,UAAU,GAAG,YAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;YAC/D,IAAI,EAAE,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;gBACtC,EAAE,CAAC,QAAQ,CAAC;oBACV,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAChD,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;YACL,CAAC;YACD,YAAY,GAAG,SAAS,CAAC;QAC3B,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,MAAM,cAAc,GAAG,IAAA,iBAAQ,EAC7B,CAAC,IAAY,EAAE,EAAE;YACf,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC,EACD,IAAI,GAAG,CAAC,EACR;YACE,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,KAAK;SAChB,CACF,CAAC;QACF,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;YACvD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;YACpD,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAC9B,kBAAkB,EAAE,CAAC;YACrB,cAAc,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE;YACtC,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8CAAK,SAAS,EAAE,oCAAM,CAAC,IAAI,IAAM,KAAK,IAAE,GAAG,EAAE,OAAO,YACjD,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,eAAe,CAAC,CAAC;AACnD,kBAAe,cAAc,CAAC"}

package/dist/components/StaticScroller/StaticScroller.module.scss

@@ -0,0 +1,14 @@
+.root {
+  display: flex;
+  overflow: auto;
+  > * {
+    flex-shrink: 0;
+  }
+  > :first-child {
+    position: sticky;
+    left: 0;
+  }
+  > :not(:first-child) {
+    z-index: 1;
+  }
+}

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

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

package/dist/components/StaticScroller/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 StaticScroller_1 = require("./StaticScroller");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(StaticScroller_1).default; } });
+__exportStar(require("./StaticScroller"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StaticScroller/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA;AAChB,mDAAiC"}

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+/**
+ * A toggle switch component that lets users turn something on or off.
+ * It displays a clickable switch that changes state when clicked,
+ * and can be enabled or disabled based on user interaction.
+ */
+export default function Switch({ enabled, onToggle, size, disabled, ...props }: {
+    enabled: boolean;
+    onToggle: (newState: boolean) => void;
+    size: number;
+    disabled?: boolean;
+} & Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "onToggle">): import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,33 @@
+"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 Switch_module_scss_1 = __importDefault(require("./Switch.module.scss"));
+/**
+ * A toggle switch component that lets users turn something on or off.
+ * It displays a clickable switch that changes state when clicked,
+ * and can be enabled or disabled based on user interaction.
+ */
+function Switch(_a) {
+    var { enabled, onToggle, size, disabled } = _a, props = __rest(_a, ["enabled", "onToggle", "size", "disabled"]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { fontSize: `${size}px` }, className: `${Switch_module_scss_1.default.root} ${enabled ? Switch_module_scss_1.default.on : ""} ${disabled ? Switch_module_scss_1.default.disabled : ""}`, onClick: ({ target, currentTarget }) => {
+                if (target !== currentTarget || disabled)
+                    return;
+                onToggle(!enabled);
+            } }, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: Switch_module_scss_1.default.toggler }), (0, jsx_runtime_1.jsx)("input", { checked: enabled, type: "checkbox" })] })) }));
+}
+exports.default = Switch;
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAKA,8EAA0C;AAE1C;;;;GAIG;AACH,SAAwB,MAAM,CAAC,EAc9B;QAd8B,EAC7B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAUT,EATI,KAAK,cALqB,2CAM9B,CADS;IAUR,OAAO,CACL,2DACE,+CACE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE,EAChC,SAAS,EAAE,GAAG,4BAAM,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,4BAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACnD,QAAQ,CAAC,CAAC,CAAC,4BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC/B,EAAE,EACF,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE;gBACrC,IAAI,MAAM,KAAK,aAAa,IAAI,QAAQ;oBAAE,OAAO;gBACjD,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACrB,CAAC,IACG,KAAK,eAET,gCAAK,SAAS,EAAE,4BAAM,CAAC,OAAO,GAAI,EAClC,kCAAO,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,GAAG,KACvC,GACL,CACJ,CAAC;AACJ,CAAC;AAjCD,yBAiCC"}