@once-ui-system/core 1.0.0

package/dist/components/Grid.js

@@ -0,0 +1,81 @@
+"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.Grid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const Grid = (0, react_1.forwardRef)((_a, ref) => {
+    var { as: Component = "div", inline, columns, gap, position = "relative", aspectRatio, align, textVariant, textSize, textWeight, textType, tabletColumns, mobileColumns, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, dark, light, width, height, maxWidth, minWidth, minHeight, maxHeight, top, right, bottom, left, fit, fill, fillWidth = false, fillHeight = false, fitWidth, fitHeight, hide, show, background, solid, opacity, transition, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, cursor, zIndex, shadow, className, style, children } = _a, rest = __rest(_a, ["as", "inline", "columns", "gap", "position", "aspectRatio", "align", "textVariant", "textSize", "textWeight", "textType", "tabletColumns", "mobileColumns", "padding", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "paddingX", "paddingY", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom", "marginX", "marginY", "dark", "light", "width", "height", "maxWidth", "minWidth", "minHeight", "maxHeight", "top", "right", "bottom", "left", "fit", "fill", "fillWidth", "fillHeight", "fitWidth", "fitHeight", "hide", "show", "background", "solid", "opacity", "transition", "pointerEvents", "border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderStyle", "borderWidth", "radius", "topRadius", "rightRadius", "bottomRadius", "leftRadius", "topLeftRadius", "topRightRadius", "bottomLeftRadius", "bottomRightRadius", "overflow", "overflowX", "overflowY", "cursor", "zIndex", "shadow", "className", "style", "children"]);
+    const generateDynamicClass = (type, value) => {
+        if (!value)
+            return undefined;
+        if (value === "transparent") {
+            return `transparent-border`;
+        }
+        if (value === "surface" || value === "page" || value === "transparent") {
+            return `${value}-${type}`;
+        }
+        const parts = value.split("-");
+        if (parts.includes("alpha")) {
+            const [scheme, , weight] = parts;
+            return `${scheme}-${type}-alpha-${weight}`;
+        }
+        const [scheme, weight] = value.split("-");
+        return `${scheme}-${type}-${weight}`;
+    };
+    const parseDimension = (value, type) => {
+        if (value === undefined)
+            return undefined;
+        if (typeof value === "number")
+            return `${value}rem`;
+        if ([
+            "0",
+            "1",
+            "2",
+            "4",
+            "8",
+            "12",
+            "16",
+            "20",
+            "24",
+            "32",
+            "40",
+            "48",
+            "56",
+            "64",
+            "80",
+            "104",
+            "128",
+            "160",
+        ].includes(value)) {
+            return `var(--static-space-${value})`;
+        }
+        if (["xs", "s", "m", "l", "xl"].includes(value)) {
+            return `var(--responsive-${type}-${value})`;
+        }
+        return undefined;
+    };
+    const classes = (0, classnames_1.default)(inline ? "display-inline-grid" : "display-grid", fit && "fit", fitWidth && "fit-width", fitHeight && "fit-height", fill && "fill", (fillWidth || maxWidth) && "fill-width", (fillHeight || maxHeight) && "fill-height", columns && `columns-${columns}`, tabletColumns && `tablet-columns-${tabletColumns}`, mobileColumns && `mobile-columns-${mobileColumns}`, overflow && `overflow-${overflow}`, overflowX && `overflow-x-${overflowX}`, overflowY && `overflow-y-${overflowY}`, padding && `p-${padding}`, paddingLeft && `pl-${paddingLeft}`, paddingRight && `pr-${paddingRight}`, paddingTop && `pt-${paddingTop}`, paddingBottom && `pb-${paddingBottom}`, paddingX && `px-${paddingX}`, paddingY && `py-${paddingY}`, margin && `m-${margin}`, marginLeft && `ml-${marginLeft}`, marginRight && `mr-${marginRight}`, marginTop && `mt-${marginTop}`, marginBottom && `mb-${marginBottom}`, marginX && `mx-${marginX}`, marginY && `my-${marginY}`, gap && `g-${gap}`, top && `top-${top}`, right && `right-${right}`, bottom && `bottom-${bottom}`, left && `left-${left}`, generateDynamicClass("background", background), generateDynamicClass("solid", solid), generateDynamicClass("border", border || borderTop || borderRight || borderBottom || borderLeft), (border || borderTop || borderRight || borderBottom || borderLeft) &&
+        !borderStyle &&
+        "border-solid", border && !borderWidth && `border-1`, (borderTop || borderRight || borderBottom || borderLeft) && "border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-1", borderWidth && `border-${borderWidth}`, borderStyle && `border-${borderStyle}`, radius === "full" ? "radius-full" : radius && `radius-${radius}`, topRadius && `radius-${topRadius}-top`, rightRadius && `radius-${rightRadius}-right`, bottomRadius && `radius-${bottomRadius}-bottom`, leftRadius && `radius-${leftRadius}-left`, topLeftRadius && `radius-${topLeftRadius}-top-left`, topRightRadius && `radius-${topRightRadius}-top-right`, bottomLeftRadius && `radius-${bottomLeftRadius}-bottom-left`, bottomRightRadius && `radius-${bottomRightRadius}-bottom-right`, hide === "s" && `${hide}-grid-hide`, show === "s" && `${show}-grid-show`, pointerEvents && `pointer-events-${pointerEvents}`, transition && `transition-${transition}`, shadow && `shadow-${shadow}`, position && `position-${position}`, zIndex && `z-index-${zIndex}`, textType && `font-${textType}`, cursor && `cursor-${cursor}`, dark && "dark-grid", light && "light-grid", className);
+    const combinedStyle = Object.assign({ maxWidth: parseDimension(maxWidth, "width"), minWidth: parseDimension(minWidth, "width"), minHeight: parseDimension(minHeight, "height"), maxHeight: parseDimension(maxHeight, "height"), width: parseDimension(width, "width"), height: parseDimension(height, "height"), aspectRatio: aspectRatio, textAlign: align }, style);
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: classes, style: combinedStyle }, rest, { children: children })));
+});
+exports.Grid = Grid;
+Grid.displayName = "Grid";
+//# sourceMappingURL=Grid.js.map

package/dist/components/Grid.js.map

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

package/dist/components/Heading.d.ts

@@ -0,0 +1,9 @@
+import { ElementType, ComponentPropsWithoutRef } from "react";
+import { TextProps, CommonProps, SpacingProps } from "../interfaces";
+type HeadingProps<T extends ElementType> = TextProps<T> & CommonProps & SpacingProps & ComponentPropsWithoutRef<T>;
+declare const Heading: {
+    <T extends ElementType = "h1">({ as, variant, size, weight, onBackground, onSolid, align, wrap, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, truncate, className, ...props }: HeadingProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Heading };
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Heading.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,WAAW,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGrE,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,GACrD,WAAW,GACX,YAAY,GACZ,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE9B,QAAA,MAAM,OAAO;KAAI,CAAC,SAAS,WAAW,2RA4BnC,YAAY,CAAC,CAAC,CAAC;;CAsEjB,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Heading.js

@@ -0,0 +1,54 @@
+"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.Heading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const Heading = (_a) => {
+    var { as, variant, size, weight, onBackground, onSolid, align, wrap = "balance", padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, truncate, className } = _a, props = __rest(_a, ["as", "variant", "size", "weight", "onBackground", "onSolid", "align", "wrap", "padding", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "paddingX", "paddingY", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom", "marginX", "marginY", "children", "style", "truncate", "className"]);
+    const Component = as || "h1";
+    if (variant && (size || weight)) {
+        console.warn("When 'variant' is set, 'size' and 'weight' are ignored.");
+    }
+    if (onBackground && onSolid) {
+        console.warn("You cannot use both 'onBackground' and 'onSolid' props simultaneously. Only one will be applied.");
+    }
+    const getVariantClasses = (variant) => {
+        const [fontType, weight, size] = variant.split("-");
+        return [`font-${fontType}`, `font-${weight}`, `font-${size}`];
+    };
+    const sizeClass = size ? `font-${size}` : "font-m";
+    const weightClass = weight ? `font-${weight}` : "font-strong";
+    const classes = variant ? getVariantClasses(variant) : [sizeClass, weightClass];
+    let colorClass = "neutral-on-background-strong";
+    if (onBackground) {
+        const [scheme, weight] = onBackground.split("-");
+        colorClass = `${scheme}-on-background-${weight}`;
+    }
+    else if (onSolid) {
+        const [scheme, weight] = onSolid.split("-");
+        colorClass = `${scheme}-on-solid-${weight}`;
+    }
+    const generateClassName = (prefix, token) => {
+        return token ? `${prefix}-${token}` : undefined;
+    };
+    const combinedClasses = (0, classnames_1.default)(...classes, colorClass, className, generateClassName("p", padding), generateClassName("pl", paddingLeft), generateClassName("pr", paddingRight), generateClassName("pt", paddingTop), generateClassName("pb", paddingBottom), generateClassName("px", paddingX), generateClassName("py", paddingY), generateClassName("m", margin), generateClassName("ml", marginLeft), generateClassName("mr", marginRight), generateClassName("mt", marginTop), generateClassName("mb", marginBottom), generateClassName("mx", marginX), generateClassName("my", marginY), truncate && "truncate");
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: combinedClasses, style: Object.assign({ textAlign: align, textWrap: wrap }, style) }, props, { children: children })));
+};
+exports.Heading = Heading;
+Heading.displayName = "Heading";
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading.js.map

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

package/dist/components/HoloFx.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { Flex } from ".";
+import { CSSProperties } from "react";
+interface MaskOptions {
+    maskPosition?: string;
+}
+interface HoloFxProps extends React.ComponentProps<typeof Flex> {
+    children: React.ReactNode;
+    shine?: {
+        opacity?: number;
+        filter?: string;
+        blending?: CSSProperties["mixBlendMode"];
+        mask?: MaskOptions;
+    };
+    burn?: {
+        opacity?: number;
+        filter?: string;
+        blending?: CSSProperties["mixBlendMode"];
+        mask?: MaskOptions;
+    };
+    texture?: {
+        opacity?: number;
+        filter?: string;
+        blending?: CSSProperties["mixBlendMode"];
+        image?: string;
+        mask?: MaskOptions;
+    };
+}
+declare const HoloFx: React.FC<HoloFxProps>;
+export { HoloFx };
+//# sourceMappingURL=HoloFx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoloFx.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/HoloFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,EAAE,WAAW,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,CAAC,EAAE,WAAW,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,WAAW,CAAC;KACpB,CAAC;CACH;AAaD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6GjC,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/HoloFx.js

@@ -0,0 +1,84 @@
+"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.HoloFx = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const HoloFx_module_scss_1 = __importDefault(require("./HoloFx.module.scss"));
+const _1 = require(".");
+const classnames_1 = __importDefault(require("classnames"));
+const formatMask = (maskPosition = "100 200") => {
+    const [x, y] = maskPosition.split(" ");
+    const formattedX = `${x}%`;
+    const formattedY = `${y ? y : x}%`;
+    return `radial-gradient(ellipse ${formattedX} ${formattedY} at var(--gradient-pos-x, 50%) var(--gradient-pos-y, 50%), black 50%, transparent 100%)`;
+};
+const getMaskStyle = (mask) => {
+    return (mask === null || mask === void 0 ? void 0 : mask.maskPosition) ? formatMask(mask.maskPosition) : formatMask();
+};
+const HoloFx = (_a) => {
+    var { children, shine, burn, texture } = _a, rest = __rest(_a, ["children", "shine", "burn", "texture"]);
+    const ref = (0, react_1.useRef)(null);
+    const lastCallRef = (0, react_1.useRef)(0);
+    const shineDefaults = Object.assign({ opacity: 30, blending: "color-dodge", mask: getMaskStyle(shine === null || shine === void 0 ? void 0 : shine.mask) }, shine);
+    const burnDefaults = Object.assign({ opacity: 30, filter: "brightness(0.2) contrast(2)", blending: "color-dodge", mask: getMaskStyle(burn === null || burn === void 0 ? void 0 : burn.mask) }, burn);
+    const textureDefaults = Object.assign({ opacity: 10, blending: "color-dodge", image: "repeating-linear-gradient(-45deg, var(--static-white) 0, var(--static-white) 1px, transparent 3px, transparent 2px)", mask: getMaskStyle(texture === null || texture === void 0 ? void 0 : texture.mask) }, texture);
+    (0, react_1.useEffect)(() => {
+        const handleMouseMove = (event) => {
+            const now = Date.now();
+            if (now - lastCallRef.current < 16)
+                return;
+            lastCallRef.current = now;
+            const element = ref.current;
+            if (!element)
+                return;
+            const rect = element.getBoundingClientRect();
+            const offsetX = event.clientX - rect.left;
+            const offsetY = event.clientY - rect.top;
+            const centerX = rect.width / 2;
+            const centerY = rect.height / 2;
+            const deltaX = ((offsetX - centerX) / centerX) * 100;
+            const deltaY = ((offsetY - centerY) / centerY) * 100;
+            element.style.setProperty("--gradient-pos-x", `${deltaX}%`);
+            element.style.setProperty("--gradient-pos-y", `${deltaY}%`);
+        };
+        document.addEventListener("mousemove", handleMouseMove);
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ overflow: "hidden", className: HoloFx_module_scss_1.default.holoFx, ref: ref }, rest, { children: [(0, jsx_runtime_1.jsx)(_1.Flex, { fill: true, className: HoloFx_module_scss_1.default.base, children: children }), (0, jsx_runtime_1.jsx)(_1.Flex, { hide: "m", position: "absolute", fill: true, pointerEvents: "none", className: (0, classnames_1.default)(HoloFx_module_scss_1.default.overlay, HoloFx_module_scss_1.default.burn), style: {
+                    ["--burn-opacity"]: burnDefaults.opacity + "%",
+                    filter: burnDefaults.filter,
+                    mixBlendMode: burnDefaults.blending,
+                    maskImage: burnDefaults.mask,
+                }, children: children }), (0, jsx_runtime_1.jsx)(_1.Flex, { hide: "m", position: "absolute", fill: true, pointerEvents: "none", className: (0, classnames_1.default)(HoloFx_module_scss_1.default.overlay, HoloFx_module_scss_1.default.shine), style: {
+                    ["--shine-opacity"]: shineDefaults.opacity + "%",
+                    filter: shineDefaults.filter,
+                    mixBlendMode: shineDefaults.blending,
+                    maskImage: shineDefaults.mask,
+                }, children: children }), (0, jsx_runtime_1.jsx)(_1.Flex, { hide: "m", position: "absolute", fill: true, pointerEvents: "none", className: (0, classnames_1.default)(HoloFx_module_scss_1.default.overlay, HoloFx_module_scss_1.default.texture), style: {
+                    ["--texture-opacity"]: textureDefaults.opacity + "%",
+                    backgroundImage: textureDefaults.image,
+                    filter: textureDefaults.filter,
+                    mixBlendMode: textureDefaults.blending,
+                    maskImage: textureDefaults.mask,
+                } })] })));
+};
+exports.HoloFx = HoloFx;
+HoloFx.displayName = "HoloFx";
+//# sourceMappingURL=HoloFx.js.map

package/dist/components/HoloFx.js.map

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

package/dist/components/HoloFx.module.scss

@@ -0,0 +1,32 @@
+.overlay {
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
+    pointer-events: none;
+}
+
+.holoFx {
+    isolation: isolate;
+    z-index: 0;
+
+    &:hover {
+        .burn {
+            transform: translateX(1px) translateY(1px);
+            opacity: var(--burn-opacity);
+            z-index: 1;
+        }
+
+        .shine {
+            transform: translateX(-1px) translateY(-1px);
+            opacity: var(--light-opacity);
+            z-index: 2;
+        }
+
+        .texture {
+            opacity: var(--texture-opacity);
+            transform: translateX(calc(var(--gradient-pos-x) / 50)) scale(1.1);
+            background-size: 150% 150%;
+            background-position: center;
+            z-index: 3;
+        }
+    }
+}

package/dist/components/Icon.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+import { ColorScheme, ColorWeight } from "../types";
+import { Flex } from ".";
+interface IconProps extends React.ComponentProps<typeof Flex> {
+    name: IconName;
+    onBackground?: `${ColorScheme}-${ColorWeight}`;
+    onSolid?: `${ColorScheme}-${ColorWeight}`;
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    decorative?: boolean;
+    tooltip?: ReactNode;
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Icon };
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAW,MAAM,GAAG,CAAC;AAIlC,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,IAAI,EAAE,QAAQ,CAAC;IACf,YAAY,CAAC,EAAE,GAAG,WAAW,IAAI,WAAW,EAAE,CAAC;IAC/C,OAAO,CAAC,EAAE,GAAG,WAAW,IAAI,WAAW,EAAE,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,IAAI,+FA8ET,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Icon.js

@@ -0,0 +1,64 @@
+"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.Icon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const IconProvider_1 = require("../contexts/IconProvider");
+const _1 = require(".");
+const Icon_module_scss_1 = __importDefault(require("./Icon.module.scss"));
+const IconButton_module_scss_1 = __importDefault(require("./IconButton.module.scss"));
+const Icon = (0, react_1.forwardRef)((_a, ref) => {
+    var { name, onBackground, onSolid, size = "m", decorative = true, tooltip, tooltipPosition = "top", className, style } = _a, rest = __rest(_a, ["name", "onBackground", "onSolid", "size", "decorative", "tooltip", "tooltipPosition", "className", "style"]);
+    const [isTooltipVisible, setTooltipVisible] = (0, react_1.useState)(false);
+    const [isHover, setIsHover] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let timer;
+        if (isHover) {
+            timer = setTimeout(() => {
+                setTooltipVisible(true);
+            }, 400);
+        }
+        else {
+            setTooltipVisible(false);
+        }
+        return () => clearTimeout(timer);
+    }, [isHover]);
+    const { icons } = (0, IconProvider_1.useIcons)();
+    const IconComponent = icons[name];
+    if (!IconComponent) {
+        console.warn(`Icon "${name}" does not exist in the library.`);
+        return null;
+    }
+    if (onBackground && onSolid) {
+        console.warn("You cannot use both 'onBackground' and 'onSolid' props simultaneously. Only one will be applied.");
+    }
+    let colorClass = "color-inherit";
+    if (onBackground) {
+        const [scheme, weight] = onBackground.split("-");
+        colorClass = `${scheme}-on-background-${weight}`;
+    }
+    else if (onSolid) {
+        const [scheme, weight] = onSolid.split("-");
+        colorClass = `${scheme}-on-solid-${weight}`;
+    }
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ inline: true, fit: true, as: "span", ref: ref, className: (0, classnames_1.default)(colorClass, Icon_module_scss_1.default.icon, Icon_module_scss_1.default[size], className), "aria-hidden": decorative ? "true" : undefined, "aria-label": decorative ? undefined : name, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), style: style }, rest, { children: [(0, jsx_runtime_1.jsx)(IconComponent, {}), tooltip && isTooltipVisible && ((0, jsx_runtime_1.jsx)(_1.Flex, { position: "absolute", zIndex: 1, className: IconButton_module_scss_1.default[tooltipPosition], children: (0, jsx_runtime_1.jsx)(_1.Tooltip, { label: tooltip }) }))] })));
+});
+exports.Icon = Icon;
+Icon.displayName = "Icon";
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

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

package/dist/components/Icon.module.scss

@@ -0,0 +1,19 @@
+.xs { 
+    font-size: var(--static-space-16)
+}
+
+.s { 
+    font-size: var(--static-space-20)
+}
+
+.m { 
+    font-size: var(--static-space-24)
+}
+
+.l { 
+    font-size: var(--static-space-32)
+}
+
+.xl { 
+    font-size: var(--static-space-40)
+}

package/dist/components/IconButton.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    icon?: IconName;
+    id?: string;
+    size?: "s" | "m" | "l";
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    tooltip?: string;
+    tooltipPosition?: "top" | "bottom" | "left" | "right";
+    variant?: "primary" | "secondary" | "tertiary" | "danger" | "ghost";
+    className?: string;
+    style?: React.CSSProperties;
+    href?: string;
+    children?: ReactNode;
+}
+export type IconButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+type AnchorProps = CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const IconButton: React.ForwardRefExoticComponent<(IconButtonProps | AnchorProps) & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton };
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1E,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EACH,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAC1F,KAAK,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE/E,QAAA,MAAM,UAAU,2GA+Ef,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/IconButton.js

@@ -0,0 +1,52 @@
+"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.IconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ElementType_1 = require("./ElementType");
+const _1 = require(".");
+const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
+const IconButton_module_scss_1 = __importDefault(require("./IconButton.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const IconButton = (0, react_1.forwardRef)((_a, ref) => {
+    var { icon = "refresh", size = "m", id, radius, tooltip, tooltipPosition = "top", variant = "primary", href, children, className, style } = _a, props = __rest(_a, ["icon", "size", "id", "radius", "tooltip", "tooltipPosition", "variant", "href", "children", "className", "style"]);
+    const [isTooltipVisible, setTooltipVisible] = (0, react_1.useState)(false);
+    const [isHover, setIsHover] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let timer;
+        if (isHover) {
+            timer = setTimeout(() => {
+                setTooltipVisible(true);
+            }, 400);
+        }
+        else {
+            setTooltipVisible(false);
+        }
+        return () => clearTimeout(timer);
+    }, [isHover]);
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children ? children : (0, jsx_runtime_1.jsx)(_1.Icon, { name: icon, size: "s" }), tooltip && isTooltipVisible && ((0, jsx_runtime_1.jsx)(_1.Flex, { position: "absolute", zIndex: 1, className: IconButton_module_scss_1.default[tooltipPosition], children: (0, jsx_runtime_1.jsx)(_1.Tooltip, { label: tooltip }) }))] }));
+    const radiusSize = size === "s" || size === "m" ? "m" : "l";
+    return ((0, jsx_runtime_1.jsx)(ElementType_1.ElementType, Object.assign({ id: id, href: href, ref: ref, className: (0, classnames_1.default)(Button_module_scss_1.default.button, Button_module_scss_1.default[variant], IconButton_module_scss_1.default[size], className, radius === "none"
+            ? "radius-none"
+            : radius
+                ? `radius-${radiusSize}-${radius}`
+                : `radius-${radiusSize}`, "text-decoration-none", "button", "cursor-interactive", className), style: style, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), "aria-label": tooltip || icon }, props, { children: (0, jsx_runtime_1.jsx)(_1.Flex, { fill: true, center: true, children: content }) })));
+});
+exports.IconButton = IconButton;
+IconButton.displayName = "IconButton";
+//# sourceMappingURL=IconButton.js.map

package/dist/components/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/once-ui/components/IconButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA0E;AAC1E,+CAA4C;AAC5C,wBAAwC;AACxC,8EAAgD;AAChD,sFAAkD;AAClD,4DAAoC;AA6BpC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,GAAG,EACV,EAAE,EACF,MAAM,EACN,OAAO,EACP,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,OAEN,EADI,KAAK,cAZV,mHAaC,CADS;IAIV,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAqB,CAAC;QAC1B,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,OAAO,GAAG,CACd,6DACG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,OAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG,EACnD,OAAO,IAAI,gBAAgB,IAAI,CAC9B,uBAAC,OAAI,IAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,gCAAU,CAAC,eAAe,CAAC,YACzE,uBAAC,UAAO,IAAC,KAAK,EAAE,OAAO,GAAI,GACtB,CACR,IACA,CACJ,CAAC;IAEF,MAAM,UAAU,GAAG,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAE5D,OAAO,CACL,uBAAC,yBAAW,kBACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACnB,4BAAY,CAAC,MAAM,EACnB,4BAAY,CAAC,OAAO,CAAC,EACrB,gCAAU,CAAC,IAAI,CAAC,EAChB,SAAS,EACT,MAAM,KAAK,MAAM;YACf,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,UAAU,UAAU,IAAI,MAAM,EAAE;gBAClC,CAAC,CAAC,UAAU,UAAU,EAAE,EAC5B,sBAAsB,EACtB,QAAQ,EACR,oBAAoB,EACpB,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,gBACzB,OAAO,IAAI,IAAI,IACvB,KAAK,cAET,uBAAC,OAAI,IAAC,IAAI,QAAC,MAAM,kBACd,OAAO,GACH,IACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,gCAAU;AADnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/IconButton.module.scss

@@ -0,0 +1,44 @@
+.top {
+	bottom: calc(100% + var(--static-space-2));
+	left: 50%;
+	transform: translateX(-50%);
+}
+
+.bottom {
+	top: calc(100% + var(--static-space-2));
+	left: 50%;
+	transform: translateX(-50%);
+}
+
+.left {
+	right: calc(100% + var(--static-space-2));
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.right {
+	left: calc(100% + var(--static-space-2));
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.s {
+	min-height: var(--static-space-24);
+	min-width: var(--static-space-24);
+	height: var(--static-space-24);
+	width: var(--static-space-24);
+}
+
+.m {
+	min-height: var(--static-space-32);
+	min-width: var(--static-space-32);
+	height: var(--static-space-32);
+	width: var(--static-space-32);
+}
+
+.l {
+	min-height: var(--static-space-40);
+	min-width: var(--static-space-40);
+	height: var(--static-space-40);
+	width: var(--static-space-40);
+}

package/dist/components/InfiniteScroll.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { Row } from "./Row";
+export interface InfiniteScrollProps<T> extends React.ComponentProps<typeof Row> {
+    items: T[];
+    renderItem: (item: T, index: number) => ReactNode;
+    loadMore: () => Promise<boolean>;
+    loading?: boolean;
+    threshold?: number;
+    className?: string;
+}
+declare function InfiniteScroll<T>({ items, renderItem, loadMore, loading, threshold, ...flex }: InfiniteScrollProps<T>): import("react/jsx-runtime").JSX.Element;
+export { InfiniteScroll };
+//# sourceMappingURL=InfiniteScroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/InfiniteScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IAC9E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,cAAc,CAAC,CAAC,EAAE,EACzB,KAAK,EACL,UAAU,EACV,QAAQ,EACR,OAAe,EACf,SAAe,EACf,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA0ExB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}