@once-ui-system/core 1.0.0

package/dist/components/Particle.js

@@ -0,0 +1,168 @@
+"use strict";
+"use client";
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Particle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const _1 = require(".");
+exports.Particle = react_1.default.forwardRef((_a, forwardedRef) => {
+    var { display = true, density = 100, color = "brand-on-background-weak", size = "2", speed = 0.3, interactive = false, interactionRadius = 20, opacity = 100, children, className, style } = _a, rest = __rest(_a, ["display", "density", "color", "size", "speed", "interactive", "interactionRadius", "opacity", "children", "className", "style"]);
+    const containerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (forwardedRef && "current" in forwardedRef) {
+            forwardedRef.current = containerRef.current;
+        }
+        else if (typeof forwardedRef === "function") {
+            forwardedRef(containerRef.current);
+        }
+    }, [forwardedRef]);
+    (0, react_1.useEffect)(() => {
+        if (!display || !containerRef.current)
+            return;
+        const container = containerRef.current;
+        const particles = [];
+        const particleTargets = new Map();
+        const initialPositions = new Map();
+        let mousePosition = { x: -1000, y: -1000 };
+        let animationFrameId;
+        const parsedSize = `var(--static-space-${size})`;
+        const parsedOpacity = `${opacity}%`;
+        const movementSpeed = speed * 0.08;
+        const repulsionStrength = 0.15 * (speed || 1);
+        const handleMouseMove = (e) => {
+            const rect = container.getBoundingClientRect();
+            mousePosition = {
+                x: ((e.clientX - rect.left) / rect.width) * 100,
+                y: ((e.clientY - rect.top) / rect.height) * 100,
+            };
+        };
+        const createParticle = () => {
+            const particleEl = document.createElement("div");
+            particleEl.style.position = "absolute";
+            particleEl.style.width = parsedSize;
+            particleEl.style.height = parsedSize;
+            particleEl.style.background = `var(--${color})`;
+            particleEl.style.borderRadius = "50%";
+            particleEl.style.pointerEvents = "none";
+            particleEl.style.opacity = parsedOpacity;
+            particleEl.style.transition = "transform 0.4s ease-out, opacity 0.6s ease-out";
+            const initialX = 10 + Math.random() * 80;
+            const initialY = 10 + Math.random() * 80;
+            particleEl.style.left = `${initialX}%`;
+            particleEl.style.top = `${initialY}%`;
+            initialPositions.set(particleEl, { x: initialX, y: initialY });
+            particleTargets.set(particleEl, { x: initialX, y: initialY });
+            container.appendChild(particleEl);
+            particles.push(particleEl);
+            return particleEl;
+        };
+        const updateParticles = () => {
+            particles.forEach((particleEl, index) => {
+                const currentTarget = particleTargets.get(particleEl);
+                const initial = initialPositions.get(particleEl);
+                if (!currentTarget || !initial)
+                    return;
+                const currentX = parseFloat(particleEl.style.left);
+                const currentY = parseFloat(particleEl.style.top);
+                const time = Date.now() * 0.001 * speed;
+                const baseNoiseX = Math.sin(time + index) * 0.5;
+                const baseNoiseY = Math.cos(time + index * 1.2) * 0.5;
+                let targetX = initial.x + baseNoiseX;
+                let targetY = initial.y + baseNoiseY;
+                if (interactive) {
+                    const dx = mousePosition.x - currentX;
+                    const dy = mousePosition.y - currentY;
+                    const distance = Math.sqrt(dx * dx + dy * dy);
+                    if (distance < interactionRadius) {
+                        const force = (interactionRadius - distance) * repulsionStrength;
+                        const angle = Math.atan2(dy, dx);
+                        targetX -= Math.cos(angle) * force;
+                        targetY -= Math.sin(angle) * force;
+                    }
+                }
+                targetX = Math.max(5, Math.min(95, targetX));
+                targetY = Math.max(5, Math.min(95, targetY));
+                particleTargets.set(particleEl, {
+                    x: targetX,
+                    y: targetY,
+                });
+                particleEl.style.left = `${currentX + (targetX - currentX) * movementSpeed}%`;
+                particleEl.style.top = `${currentY + (targetY - currentY) * movementSpeed}%`;
+            });
+            animationFrameId = requestAnimationFrame(updateParticles);
+        };
+        if (interactive) {
+            document.addEventListener("mousemove", handleMouseMove);
+        }
+        for (let i = 0; i < density; i++) {
+            createParticle();
+        }
+        updateParticles();
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            cancelAnimationFrame(animationFrameId);
+            particles.forEach((particleEl) => {
+                particleEl.remove();
+                particleTargets.delete(particleEl);
+                initialPositions.delete(particleEl);
+            });
+        };
+    }, [
+        display,
+        color,
+        size,
+        speed,
+        interactive,
+        interactionRadius,
+        opacity,
+        density,
+        containerRef,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ ref: containerRef, position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: className, style: style }, rest, { children: children })));
+});
+exports.Particle.displayName = "Particle";
+//# sourceMappingURL=Particle.js.map

package/dist/components/Particle.js.map

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

package/dist/components/PasswordInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { InputProps } from ".";
+export declare const PasswordInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/PasswordInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,UAAU,EAAc,MAAM,GAAG,CAAC;AAElD,eAAO,MAAM,aAAa,qFAqBxB,CAAC"}

package/dist/components/PasswordInput.js

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+exports.PasswordInput = (0, react_1.forwardRef)((props, ref) => {
+    const [showPassword, setShowPassword] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({}, props, { ref: ref, type: showPassword ? "text" : "password", hasSuffix: (0, jsx_runtime_1.jsx)(_1.IconButton, { onClick: () => {
+                setShowPassword(!showPassword);
+            }, variant: "ghost", icon: showPassword ? "eyeOff" : "eye", size: "s", type: "button" }) })));
+});
+exports.PasswordInput.displayName = "PasswordInput";
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/once-ui/components/PasswordInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAAoD;AACpD,wBAAkD;AAErC,QAAA,aAAa,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,uBAAC,QAAK,oBACA,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EACP,uBAAC,aAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;YACjC,CAAC,EACD,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,GACb,IAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/components/RadioButton.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { InteractiveDetailsProps } from ".";
+interface RadioButtonProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
+    style?: React.CSSProperties;
+    className?: string;
+    isChecked?: boolean;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    onToggle?: () => void;
+}
+declare const RadioButton: React.FC<RadioButtonProps>;
+export { RadioButton };
+export type { RadioButtonProps };
+//# sourceMappingURL=RadioButton.d.ts.map

package/dist/components/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/RadioButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAA4B,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAGtE,UAAU,gBACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuF3C,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/RadioButton.js

@@ -0,0 +1,63 @@
+"use strict";
+"use client";
+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 });
+exports.RadioButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const SharedInteractiveStyles_module_scss_1 = __importDefault(require("./SharedInteractiveStyles.module.scss"));
+const generateId = () => `radio-${Math.random().toString(36).substring(2, 9)}`;
+const RadioButton = (0, react_1.forwardRef)((_a, ref) => {
+    var { style, className, isChecked: controlledIsChecked, name, value, onToggle, disabled } = _a, props = __rest(_a, ["style", "className", "isChecked", "name", "value", "onToggle", "disabled"]);
+    const [isChecked, setIsChecked] = (0, react_1.useState)(controlledIsChecked || false);
+    const [radioId] = (0, react_1.useState)(generateId());
+    (0, react_1.useEffect)(() => {
+        if (controlledIsChecked !== undefined) {
+            setIsChecked(controlledIsChecked);
+        }
+    }, [controlledIsChecked]);
+    const toggleItem = () => {
+        if (disabled)
+            return;
+        if (onToggle) {
+            onToggle();
+        }
+        else {
+            setIsChecked(!isChecked);
+        }
+    };
+    const handleKeyDown = (event) => {
+        if (disabled)
+            return;
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            toggleItem();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, { vertical: "center", gap: "16", zIndex: 1, className: (0, classnames_1.default)(SharedInteractiveStyles_module_scss_1.default.container, className, {
+            [SharedInteractiveStyles_module_scss_1.default.disabled]: disabled,
+        }), style: style, children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", ref: ref, name: name, value: value, checked: controlledIsChecked !== undefined ? controlledIsChecked : isChecked, onChange: toggleItem, disabled: disabled, className: SharedInteractiveStyles_module_scss_1.default.hidden, tabIndex: -1 }), (0, jsx_runtime_1.jsx)(_1.Flex, { role: "radio", "aria-checked": controlledIsChecked !== undefined ? controlledIsChecked : isChecked, "aria-labelledby": radioId, "aria-disabled": disabled, horizontal: "center", vertical: "center", radius: "full", onClick: toggleItem, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, cursor: disabled ? "not-allowed" : undefined, className: (0, classnames_1.default)(SharedInteractiveStyles_module_scss_1.default.element, {
+                    [SharedInteractiveStyles_module_scss_1.default.checked]: controlledIsChecked !== undefined ? controlledIsChecked : isChecked,
+                    [SharedInteractiveStyles_module_scss_1.default.disabled]: disabled,
+                }), children: (controlledIsChecked !== undefined ? controlledIsChecked : isChecked) && ((0, jsx_runtime_1.jsx)(_1.Flex, { style: {
+                        backgroundColor: "var(--neutral-on-solid-strong)",
+                    }, radius: "full", width: "12", height: "12", className: SharedInteractiveStyles_module_scss_1.default.icon })) }), props.label && ((0, jsx_runtime_1.jsx)(_1.InteractiveDetails, Object.assign({ disabled: disabled, id: radioId }, props, { onClick: toggleItem })))] }));
+});
+exports.RadioButton = RadioButton;
+RadioButton.displayName = "RadioButton";
+//# sourceMappingURL=RadioButton.js.map

package/dist/components/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/once-ui/components/RadioButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA+D;AAC/D,4DAAoC;AACpC,wBAAsE;AACtE,gHAA2D;AAc3D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAE/E,MAAM,WAAW,GAA+B,IAAA,kBAAU,EACxD,CACE,EAA+F,EAC/F,GAAG,EACH,EAAE;QAFF,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA7F,4EAA+F,CAAF;IAG7F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,mBAAmB,IAAI,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,EAAE,CAAC,CAAC;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YACtC,YAAY,CAAC,mBAAmB,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;QACb,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACnD,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,OAAI,IACH,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,IAAI,EACR,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,IAAA,oBAAU,EAAC,6CAAM,CAAC,SAAS,EAAE,SAAS,EAAE;YACjD,CAAC,6CAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;SAC5B,CAAC,EACF,KAAK,EAAE,KAAK,aAEZ,kCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EAC5E,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,6CAAM,CAAC,MAAM,EACxB,QAAQ,EAAE,CAAC,CAAC,GACZ,EACF,uBAAC,OAAI,IACH,IAAI,EAAC,OAAO,kBACE,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,qBAChE,OAAO,mBACT,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,IAAA,oBAAU,EAAC,6CAAM,CAAC,OAAO,EAAE;oBACpC,CAAC,6CAAM,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;oBACrF,CAAC,6CAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;iBAC5B,CAAC,YAED,CAAC,mBAAmB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CACxE,uBAAC,OAAI,IACH,KAAK,EAAE;wBACL,eAAe,EAAE,gCAAgC;qBAClD,EACD,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAE,6CAAM,CAAC,IAAI,GACtB,CACH,GACI,EACN,KAAK,CAAC,KAAK,IAAI,CACd,uBAAC,qBAAkB,kBAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,IAAM,KAAK,IAAE,OAAO,EAAE,UAAU,IAAI,CACxF,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,kCAAW;AAFpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/RevealFx.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { SpacingToken } from "../types";
+import { Flex } from ".";
+interface RevealFxProps extends React.ComponentProps<typeof Flex> {
+    children: React.ReactNode;
+    speed?: "slow" | "medium" | "fast";
+    delay?: number;
+    revealedByDefault?: boolean;
+    translateY?: number | SpacingToken;
+    trigger?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const RevealFx: React.ForwardRefExoticComponent<Omit<RevealFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { RevealFx };
+//# sourceMappingURL=RevealFx.d.ts.map

package/dist/components/RevealFx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealFx.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/RevealFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,mGAuHb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/RevealFx.js

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+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 });
+exports.RevealFx = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const RevealFx_module_scss_1 = __importDefault(require("./RevealFx.module.scss"));
+const _1 = require(".");
+const RevealFx = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, speed = "medium", delay = 0, revealedByDefault = false, translateY, trigger, style, className } = _a, rest = __rest(_a, ["children", "speed", "delay", "revealedByDefault", "translateY", "trigger", "style", "className"]);
+    const [isRevealed, setIsRevealed] = (0, react_1.useState)(revealedByDefault);
+    const [maskRemoved, setMaskRemoved] = (0, react_1.useState)(false);
+    const transitionTimeoutRef = (0, react_1.useRef)(null);
+    const getSpeedDurationMs = () => {
+        switch (speed) {
+            case "fast":
+                return 1000;
+            case "medium":
+                return 2000;
+            case "slow":
+                return 3000;
+            default:
+                return 2000;
+        }
+    };
+    const getSpeedDuration = () => {
+        const ms = getSpeedDurationMs();
+        return `${ms / 1000}s`;
+    };
+    (0, react_1.useEffect)(() => {
+        const timer = setTimeout(() => {
+            setIsRevealed(true);
+            // Always set a timeout to remove the mask after transition completes
+            transitionTimeoutRef.current = setTimeout(() => {
+                setMaskRemoved(true);
+            }, getSpeedDurationMs());
+        }, delay * 1000);
+        return () => {
+            clearTimeout(timer);
+            if (transitionTimeoutRef.current) {
+                clearTimeout(transitionTimeoutRef.current);
+            }
+        };
+    }, [delay]);
+    (0, react_1.useEffect)(() => {
+        if (trigger !== undefined) {
+            setIsRevealed(trigger);
+            // Reset mask removal state when trigger changes
+            setMaskRemoved(false);
+            // If trigger is true, set timeout to remove mask after transition
+            if (trigger) {
+                if (transitionTimeoutRef.current) {
+                    clearTimeout(transitionTimeoutRef.current);
+                }
+                transitionTimeoutRef.current = setTimeout(() => {
+                    setMaskRemoved(true);
+                }, getSpeedDurationMs());
+            }
+        }
+    }, [trigger]);
+    const getTranslateYValue = () => {
+        if (typeof translateY === "number") {
+            return `${translateY}rem`;
+        }
+        else if (typeof translateY === "string") {
+            return `var(--static-space-${translateY})`;
+        }
+        return undefined;
+    };
+    const translateValue = getTranslateYValue();
+    const revealStyle = Object.assign({ transitionDuration: getSpeedDuration(), transform: isRevealed ? "translateY(0)" : `translateY(${translateValue})` }, style);
+    // If mask is removed after transition, use the no-mask classes
+    if (maskRemoved) {
+        return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ fillWidth: true, ref: ref, style: revealStyle, className: `${RevealFx_module_scss_1.default.revealedNoMask} ${className || ""}` }, rest, { children: children })));
+    }
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ fillWidth: true, ref: ref, style: revealStyle, className: `${RevealFx_module_scss_1.default.revealFx} ${isRevealed ? RevealFx_module_scss_1.default.revealed : RevealFx_module_scss_1.default.hidden} ${className || ""}` }, rest, { children: children })));
+});
+exports.RevealFx = RevealFx;
+RevealFx.displayName = "RevealFx";
+//# sourceMappingURL=RevealFx.js.map

package/dist/components/RevealFx.js.map

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

package/dist/components/RevealFx.module.scss

@@ -0,0 +1,27 @@
+.revealFx {
+    mask-size: 400% 100%;
+    transition: all ease-in-out;
+    mask-image: linear-gradient(to right, black 0%, black 25%, transparent 50%);
+  
+    &.hidden {
+      mask-position: 100% 0;
+      filter: blur(0.5rem);
+    }
+  
+    &.revealed {
+      mask-position: 0 0;
+      filter: blur(0);
+    }
+}
+
+.hiddenNoMask {
+  transition: all ease-in-out;
+  filter: blur(0.5rem);
+  opacity: 0;
+}
+
+.revealedNoMask {
+  transition: all ease-in-out;
+  filter: blur(0);
+  opacity: 1;
+}

package/dist/components/Row.d.ts

@@ -0,0 +1,7 @@
+import { Flex } from ".";
+export interface RowProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+}
+declare const Row: import("react").ForwardRefExoticComponent<Omit<RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Row };
+//# sourceMappingURL=Row.d.ts.map

package/dist/components/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,GAAG,kHAMP,CAAC;AAGH,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/Row.js

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const Row = (0, react_1.forwardRef)((_a, ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ ref: ref }, rest, { children: children })));
+});
+exports.Row = Row;
+Row.displayName = "Row";
+//# sourceMappingURL=Row.js.map

package/dist/components/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/once-ui/components/Row.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AAEb,iCAAmC;AACnC,wBAAyB;AAMzB,MAAM,GAAG,GAAG,IAAA,kBAAU,EAA2B,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACnE,OAAO,CACL,uBAAC,OAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACrB,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,kBAAG;AADZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/components/ScrollToTop.d.ts

@@ -0,0 +1,7 @@
+import { Flex } from ".";
+interface ScrollToTopProps extends React.ComponentProps<typeof Flex> {
+    offset?: number;
+}
+export declare const ScrollToTop: ({ children, offset, className, ...rest }: ScrollToTopProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ScrollToTop.d.ts.map

package/dist/components/ScrollToTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/ScrollToTop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAIzB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,0CAAgD,gBAAgB,4CAoC3F,CAAC"}

package/dist/components/ScrollToTop.js

@@ -0,0 +1,43 @@
+"use strict";
+"use client";
+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 });
+exports.ScrollToTop = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const ScrollToTop_module_scss_1 = __importDefault(require("./ScrollToTop.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const ScrollToTop = (_a) => {
+    var { children, offset = 300, className } = _a, rest = __rest(_a, ["children", "offset", "className"]);
+    const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+    const handleScroll = () => {
+        setIsVisible(window.scrollY > offset);
+    };
+    const scrollToTop = () => {
+        window.scrollTo({
+            top: 0,
+            behavior: "smooth",
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        window.addEventListener("scroll", handleScroll);
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ onClick: scrollToTop, "aria-hidden": !isVisible, position: "fixed", bottom: "16", right: "16", className: (0, classnames_1.default)(ScrollToTop_module_scss_1.default.scrollToTop, className), "data-visible": isVisible, tabIndex: isVisible ? 0 : -1, zIndex: isVisible ? 8 : 0, cursor: "pointer" }, rest, { children: children })));
+};
+exports.ScrollToTop = ScrollToTop;
+//# sourceMappingURL=ScrollToTop.js.map

package/dist/components/ScrollToTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/once-ui/components/ScrollToTop.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA4C;AAC5C,wBAAyB;AACzB,wFAA+C;AAC/C,4DAAoC;AAM7B,MAAM,WAAW,GAAG,CAAC,EAAgE,EAAE,EAAE;QAApE,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,OAA6B,EAAxB,IAAI,cAA5C,mCAA8C,CAAF;IACtE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,OAAI,kBACH,OAAO,EAAE,WAAW,iBACP,CAAC,SAAS,EACvB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI,EACV,SAAS,EAAE,IAAA,oBAAU,EAAC,iCAAM,CAAC,WAAW,EAAE,SAAS,CAAC,kBACtC,SAAS,EACvB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,MAAM,EAAC,SAAS,IACZ,IAAI,cAEP,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,WAAW,eAoCtB"}

package/dist/components/ScrollToTop.module.scss

@@ -0,0 +1,11 @@
+.scrollToTop {
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 200ms ease-in-out, visibility 0ms linear 200ms;
+
+  &[data-visible="true"] {
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 200ms ease-in-out, visibility 0ms linear;
+  }
+}

package/dist/components/Scroller.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Flex, BaseColor } from ".";
+interface ScrollerProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+    direction?: "row" | "column";
+    fadeColor?: BaseColor;
+    onItemClick?: (index: number) => void;
+}
+declare const Scroller: React.FC<ScrollerProps>;
+export { Scroller };
+export type { ScrollerProps };
+//# sourceMappingURL=Scroller.d.ts.map

package/dist/components/Scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scroller.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Scroller.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAc,SAAS,EAAQ,MAAM,GAAG,CAAC;AAGtD,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAOD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmLrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}