@once-ui-system/core 1.0.0

package/dist/components/Avatar.js

@@ -0,0 +1,65 @@
+"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.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const Avatar_module_scss_1 = __importDefault(require("./Avatar.module.scss"));
+const sizeMapping = {
+    xs: 20,
+    s: 24,
+    m: 32,
+    l: 48,
+    xl: 160,
+};
+const statusIndicatorSizeMapping = {
+    xs: "s",
+    s: "s",
+    m: "m",
+    l: "m",
+    xl: "l",
+};
+const Avatar = (0, react_1.forwardRef)((_a, ref) => {
+    var { size = "m", value, src, loading, empty, statusIndicator, className, style = {} } = _a, rest = __rest(_a, ["size", "value", "src", "loading", "empty", "statusIndicator", "className", "style"]);
+    const sizeInRem = typeof size === "number" ? `${size}rem` : undefined;
+    const sizeStyle = sizeInRem
+        ? Object.assign({ width: sizeInRem, height: sizeInRem, minWidth: sizeInRem, minHeight: sizeInRem }, style) : style;
+    const isEmpty = empty || (!src && !value);
+    if (value && src) {
+        throw new Error("Avatar cannot have both 'value' and 'src' props.");
+    }
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(_1.Skeleton, Object.assign({}, rest, { border: "neutral-medium", shape: "circle", width: typeof size === "number" ? "m" : size, height: typeof size === "number" ? "m" : size, className: `${Avatar_module_scss_1.default.avatar} ${className}`, "aria-busy": "true", "aria-label": "Loading avatar" })));
+    }
+    const renderContent = () => {
+        if (isEmpty) {
+            return ((0, jsx_runtime_1.jsx)(_1.Icon, { onBackground: "neutral-medium", name: "person", size: "m", style: typeof size === "number" ? { fontSize: `${size / 3}rem` } : undefined, className: Avatar_module_scss_1.default.icon, "aria-label": "Empty avatar" }));
+        }
+        if (src) {
+            return ((0, jsx_runtime_1.jsx)(_1.Media, { radius: "full", src: src, fill: true, alt: "Avatar", sizes: typeof size === "string" ? `${sizeMapping[size]}px` : `${size * 16}px`, className: Avatar_module_scss_1.default.image }));
+        }
+        if (value) {
+            return ((0, jsx_runtime_1.jsx)(_1.Text, { as: "span", onBackground: "neutral-weak", variant: `body-default-${typeof size === "string" ? size : "m"}`, className: Avatar_module_scss_1.default.value, "aria-label": `Avatar with initials ${value}`, children: value }));
+        }
+        return null;
+    };
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ ref: ref, role: "img", horizontal: "center", vertical: "center", radius: "full", border: "neutral-strong", background: "surface", style: sizeStyle, className: `${Avatar_module_scss_1.default.avatar} ${typeof size === "string" ? Avatar_module_scss_1.default[size] : ""} ${className || ""}` }, rest, { children: [renderContent(), statusIndicator && ((0, jsx_runtime_1.jsx)(_1.StatusIndicator, { position: "absolute", size: typeof size === "string" ? statusIndicatorSizeMapping[size] : "l", color: statusIndicator.color, className: `${Avatar_module_scss_1.default.className || ""} ${Avatar_module_scss_1.default.indicator} ${size === "xl" || (typeof size === "number" && size >= 10) ? Avatar_module_scss_1.default.position : ""}`, "aria-label": `Status: ${statusIndicator.color}` }))] })));
+});
+exports.Avatar = Avatar;
+Avatar.displayName = "Avatar";
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

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

package/dist/components/Avatar.module.scss

@@ -0,0 +1,56 @@
+.xs {
+    width: var(--static-space-20);
+    height: var(--static-space-20);
+    min-width: var(--static-space-20);
+    min-height: var(--static-space-20);
+}
+
+.s {
+    width: var(--static-space-24);
+    height: var(--static-space-24);
+    min-width: var(--static-space-24);
+    min-height: var(--static-space-24);
+}
+
+.m {
+    width: var(--static-space-32);
+    height: var(--static-space-32);
+    min-width: var(--static-space-32);
+    min-height: var(--static-space-32);
+}
+
+.l {
+    width: var(--static-space-48);
+    height: var(--static-space-48);
+    min-width: var(--static-space-48);
+    min-height: var(--static-space-48);
+}
+
+.xl {
+    width: var(--static-space-160);
+    height: var(--static-space-160);
+    min-width: var(--static-space-160);
+    min-height: var(--static-space-160);
+
+    .position {
+        bottom: var(--static-space-16);
+        right: var(--static-space-16);
+    }
+}
+
+.value {
+    white-space: nowrap;
+    overflow: hidden;
+    user-select: none;
+}
+
+.indicator {
+    box-sizing: content-box;
+    bottom: 0;
+    right: 0;
+    transform: translateX(var(--static-space-2)) translateY(var(--static-space-2));
+}
+
+.image {
+    object-position: center;
+}

package/dist/components/AvatarGroup.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { AvatarProps, Flex } from ".";
+interface AvatarGroupProps extends React.ComponentProps<typeof Flex> {
+    avatars: AvatarProps[];
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    reverse?: boolean;
+    limit?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const AvatarGroup: React.ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AvatarGroup };
+export type { AvatarGroupProps };
+//# sourceMappingURL=AvatarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/AvatarGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAI9C,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,sGAwChB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/AvatarGroup.js

@@ -0,0 +1,32 @@
+"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.AvatarGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const AvatarGroup_module_scss_1 = __importDefault(require("./AvatarGroup.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const AvatarGroup = (0, react_1.forwardRef)((_a, ref) => {
+    var { avatars, size = "m", reverse = false, limit, className, style } = _a, rest = __rest(_a, ["avatars", "size", "reverse", "limit", "className", "style"]);
+    const displayedAvatars = limit ? avatars.slice(0, limit) : avatars;
+    const remainingCount = limit && avatars.length > limit ? avatars.length - limit : 0;
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ vertical: "center", ref: ref, className: (0, classnames_1.default)(AvatarGroup_module_scss_1.default.avatarGroup, className), style: style, zIndex: 0 }, rest, { children: [displayedAvatars.map((avatarProps, index) => ((0, jsx_runtime_1.jsx)(_1.Avatar, Object.assign({ size: size }, avatarProps, { className: AvatarGroup_module_scss_1.default.avatar, style: Object.assign(Object.assign({}, avatarProps.style), { zIndex: reverse ? displayedAvatars.length - index : index + 1 }) }), index))), remainingCount > 0 && ((0, jsx_runtime_1.jsx)(_1.Avatar, { value: `+${remainingCount}`, className: AvatarGroup_module_scss_1.default.avatar, size: size, style: Object.assign(Object.assign({}, style), { zIndex: reverse ? -1 : displayedAvatars.length + 1 }) }))] })));
+});
+exports.AvatarGroup = AvatarGroup;
+AvatarGroup.displayName = "AvatarGroup";
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../src/once-ui/components/AvatarGroup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA0C;AAE1C,wBAA8C;AAC9C,wFAA+C;AAC/C,4DAAoC;AAWpC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAA0E,EAAE,GAAG,EAAE,EAAE;QAAnF,EAAE,OAAO,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAAxE,6DAA0E,CAAF;IACvE,MAAM,gBAAgB,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACnE,MAAM,cAAc,GAAG,KAAK,IAAI,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpF,OAAO,CACL,wBAAC,OAAI,kBACH,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,iCAAM,CAAC,WAAW,EAAE,SAAS,CAAC,EACpD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,IACL,IAAI,eAEP,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,uBAAC,SAAM,kBAEL,IAAI,EAAE,IAAI,IACN,WAAW,IACf,SAAS,EAAE,iCAAM,CAAC,MAAM,EACxB,KAAK,kCACA,WAAW,CAAC,KAAK,KACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,QAN1D,KAAK,CAQV,CACH,CAAC,EACD,cAAc,GAAG,CAAC,IAAI,CACrB,uBAAC,SAAM,IACL,KAAK,EAAE,IAAI,cAAc,EAAE,EAC3B,SAAS,EAAE,iCAAM,CAAC,MAAM,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,kCACA,KAAK,KACR,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,MAEpD,CACH,KACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,kCAAW;AAFpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/AvatarGroup.module.scss

@@ -0,0 +1,11 @@
+.avatarGroup {
+    z-index: 0;
+}
+
+.avatar {
+    margin-left: calc(-1 * var(--static-space-8));
+
+    &:first-child {
+        margin-left: 0;
+    }
+}

package/dist/components/Background.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { Flex, MaskProps } from ".";
+import { DisplayProps } from "../interfaces";
+import { SpacingToken } from "../types";
+interface GradientProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    tilt?: number;
+    colorStart?: string;
+    colorEnd?: string;
+}
+interface DotsProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    color?: string;
+    size?: SpacingToken;
+}
+interface GridProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    color?: string;
+    width?: string;
+    height?: string;
+}
+interface LinesProps {
+    display?: boolean;
+    opacity?: DisplayProps["opacity"];
+    size?: SpacingToken;
+    thickness?: number;
+    angle?: number;
+    color?: string;
+}
+interface BackgroundProps extends React.ComponentProps<typeof Flex> {
+    gradient?: GradientProps;
+    dots?: DotsProps;
+    grid?: GridProps;
+    lines?: LinesProps;
+    mask?: MaskProps;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const Background: React.ForwardRefExoticComponent<Omit<BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Background };
+//# sourceMappingURL=Background.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAUxC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,qGA8If,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Background.js

@@ -0,0 +1,86 @@
+"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.Background = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const Background_module_scss_1 = __importDefault(require("./Background.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+function setRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref && "current" in ref) {
+        ref.current = value;
+    }
+}
+const Background = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var _b, _c;
+    var { gradient = {}, dots = {}, grid = {}, lines = {}, mask, children, className, style } = _a, rest = __rest(_a, ["gradient", "dots", "grid", "lines", "mask", "children", "className", "style"]);
+    const dotsColor = (_b = dots.color) !== null && _b !== void 0 ? _b : "brand-on-background-weak";
+    const dotsSize = "var(--static-space-" + ((_c = dots.size) !== null && _c !== void 0 ? _c : "24") + ")";
+    const backgroundRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        setRef(forwardedRef, backgroundRef.current);
+    }, [forwardedRef]);
+    const remap = (value, inputMin, inputMax, outputMin, outputMax) => {
+        return ((value - inputMin) / (inputMax - inputMin)) * (outputMax - outputMin) + outputMin;
+    };
+    const adjustedX = gradient.x != null ? remap(gradient.x, 0, 100, 37.5, 62.5) : 50;
+    const adjustedY = gradient.y != null ? remap(gradient.y, 0, 100, 37.5, 62.5) : 50;
+    const renderContent = () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [gradient.display && ((0, jsx_runtime_1.jsx)(_1.Flex, { position: "absolute", className: Background_module_scss_1.default.gradient, opacity: gradient.opacity, pointerEvents: "none", style: {
+                        ["--gradient-position-x"]: `${adjustedX}%`,
+                        ["--gradient-position-y"]: `${adjustedY}%`,
+                        ["--gradient-width"]: gradient.width != null ? `${gradient.width / 4}%` : "25%",
+                        ["--gradient-height"]: gradient.height != null ? `${gradient.height / 4}%` : "25%",
+                        ["--gradient-tilt"]: gradient.tilt != null ? `${gradient.tilt}deg` : "0deg",
+                        ["--gradient-color-start"]: gradient.colorStart
+                            ? `var(--${gradient.colorStart})`
+                            : "var(--brand-solid-strong)",
+                        ["--gradient-color-end"]: gradient.colorEnd
+                            ? `var(--${gradient.colorEnd})`
+                            : "var(--brand-solid-weak)",
+                    } })), dots.display && ((0, jsx_runtime_1.jsx)(_1.Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: Background_module_scss_1.default.dots, opacity: dots.opacity, style: {
+                        "--dots-color": `var(--${dotsColor})`,
+                        "--dots-size": dotsSize,
+                    } })), lines.display && ((0, jsx_runtime_1.jsx)(_1.Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: Background_module_scss_1.default.lines, opacity: lines.opacity, style: {
+                        "--lines-angle": `${(_a = lines.angle) !== null && _a !== void 0 ? _a : -45}deg`,
+                        "--lines-color": `var(--${(_b = lines.color) !== null && _b !== void 0 ? _b : "brand-on-background-weak"})`,
+                        "--lines-thickness": `${(_c = lines.thickness) !== null && _c !== void 0 ? _c : 1}px`,
+                        "--lines-spacing": `var(--static-space-${(_d = lines.size) !== null && _d !== void 0 ? _d : "8"})`,
+                        background: `
+                repeating-linear-gradient(
+                  var(--lines-angle),
+                  var(--static-transparent),
+                  var(--static-transparent) calc(var(--lines-spacing) - var(--lines-thickness)),
+                  var(--lines-color) calc(var(--lines-spacing) - var(--lines-thickness)),
+                  var(--lines-color) var(--lines-spacing)
+                )
+              `,
+                    } })), grid.display && ((0, jsx_runtime_1.jsx)(_1.Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", opacity: grid.opacity, style: {
+                        backgroundImage: `linear-gradient(to right, var(--${(_e = grid.color) !== null && _e !== void 0 ? _e : "brand-on-background-weak"}) 1px, transparent 1px), linear-gradient(to bottom, var(--${(_f = grid.color) !== null && _f !== void 0 ? _f : "brand-on-background-weak"}) 1px, transparent 1px)`,
+                        backgroundSize: `${(_g = grid.width) !== null && _g !== void 0 ? _g : "80px"} ${(_h = grid.height) !== null && _h !== void 0 ? _h : "80px"}`,
+                    } })), children] }));
+    };
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ ref: backgroundRef, fill: true, className: (0, classnames_1.default)(className), zIndex: 0, overflow: "hidden", style: style }, rest, { children: mask ? ((0, jsx_runtime_1.jsx)(_1.Mask, { fill: true, position: "absolute", cursor: mask.cursor, radius: mask.radius, x: mask.x, y: mask.y, children: renderContent() })) : (renderContent()) })));
+});
+exports.Background = Background;
+Background.displayName = "Background";
+//# sourceMappingURL=Background.js.map

package/dist/components/Background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../src/once-ui/components/Background.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA6D;AAC7D,wBAA0C;AAC1C,sFAA8C;AAC9C,4DAAoC;AAIpC,SAAS,MAAM,CAAI,GAA6B,EAAE,KAAe;IAC/D,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE,CAAC;QAClC,GAAiC,CAAC,OAAO,GAAG,KAAK,CAAC;IACrD,CAAC;AACH,CAAC;AAiDD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAA8F,EAC9F,YAAY,EACZ,EAAE;;QAFF,EAAE,QAAQ,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA5F,+EAA8F,CAAF;IAG5F,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,0BAA0B,CAAC;IAC3D,MAAM,QAAQ,GAAG,qBAAqB,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,IAAI,CAAC,GAAG,GAAG,CAAC;IAEnE,MAAM,aAAa,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,KAAK,GAAG,CACZ,KAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAiB,EACjB,EAAE;QACF,OAAO,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;IAC5F,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClF,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElF,MAAM,aAAa,GAAG,GAAG,EAAE;;QAAC,OAAA,CAC1B,6DACG,QAAQ,CAAC,OAAO,IAAI,CACnB,uBAAC,OAAI,IACH,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,gCAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE;wBACL,CAAC,uBAAiC,CAAC,EAAE,GAAG,SAAS,GAAG;wBACpD,CAAC,uBAAiC,CAAC,EAAE,GAAG,SAAS,GAAG;wBACpD,CAAC,kBAA4B,CAAC,EAC5B,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;wBAC3D,CAAC,mBAA6B,CAAC,EAC7B,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;wBAC7D,CAAC,iBAA2B,CAAC,EAAE,QAAQ,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM;wBACrF,CAAC,wBAAkC,CAAC,EAAE,QAAQ,CAAC,UAAU;4BACvD,CAAC,CAAC,SAAS,QAAQ,CAAC,UAAU,GAAG;4BACjC,CAAC,CAAC,2BAA2B;wBAC/B,CAAC,sBAAgC,CAAC,EAAE,QAAQ,CAAC,QAAQ;4BACnD,CAAC,CAAC,SAAS,QAAQ,CAAC,QAAQ,GAAG;4BAC/B,CAAC,CAAC,yBAAyB;qBAC9B,GACD,CACH,EACA,IAAI,CAAC,OAAO,IAAI,CACf,uBAAC,OAAI,IACH,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,GAAG,EACR,IAAI,QACJ,aAAa,EAAC,MAAM,EACpB,SAAS,EAAE,gCAAM,CAAC,IAAI,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EACH;wBACE,cAAc,EAAE,SAAS,SAAS,GAAG;wBACrC,aAAa,EAAE,QAAQ;qBACD,GAE1B,CACH,EACA,KAAK,CAAC,OAAO,IAAI,CAChB,uBAAC,OAAI,IACH,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,GAAG,EACR,IAAI,QACJ,aAAa,EAAC,MAAM,EACpB,SAAS,EAAE,gCAAM,CAAC,KAAK,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EACH;wBACE,eAAe,EAAE,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,CAAC,EAAE,KAAK;wBAC3C,eAAe,EAAE,SAAS,MAAA,KAAK,CAAC,KAAK,mCAAI,0BAA0B,GAAG;wBACtE,mBAAmB,EAAE,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,IAAI;wBAChD,iBAAiB,EAAE,sBAAsB,MAAA,KAAK,CAAC,IAAI,mCAAI,GAAG,GAAG;wBAC7D,UAAU,EAAE;;;;;;;;eAQb;qBACuB,GAE1B,CACH,EACA,IAAI,CAAC,OAAO,IAAI,CACf,uBAAC,OAAI,IACH,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,GAAG,EACR,IAAI,QACJ,aAAa,EAAC,MAAM,EACpB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE;wBACL,eAAe,EAAE,mCAAmC,MAAA,IAAI,CAAC,KAAK,mCAAI,0BAA0B,6DAA6D,MAAA,IAAI,CAAC,KAAK,mCAAI,0BAA0B,yBAAyB;wBAC1N,cAAc,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,MAAM,IAAI,MAAA,IAAI,CAAC,MAAM,mCAAI,MAAM,EAAE;qBACnE,GACD,CACH,EACA,QAAQ,IACR,CACJ,CAAA;KAAA,CAAC;IAEF,OAAO,CACL,uBAAC,OAAI,kBACH,GAAG,EAAE,aAAa,EAClB,IAAI,QACJ,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,CAAC,EAChC,MAAM,EAAE,CAAC,EACT,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAE,KAAK,IACR,IAAI,cAEP,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,OAAI,IACH,IAAI,QACJ,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,CAAC,EAAE,IAAI,CAAC,CAAC,EACT,CAAC,EAAE,IAAI,CAAC,CAAC,YAER,aAAa,EAAE,GACX,CACR,CAAC,CAAC,CAAC,CACF,aAAa,EAAE,CAChB,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,gCAAU;AADnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/Background.module.scss

@@ -0,0 +1,23 @@
+.gradient {
+  background: radial-gradient(
+        ellipse var(--gradient-width) var(--gradient-height) at var(--gradient-position-x) var(--gradient-position-y),
+        var(--gradient-color-start),
+        var(--gradient-color-end)
+      );
+  width: 400%;
+  height: 400%;
+  left: -150%;
+  top: -150%;
+  transform: rotate(var(--gradient-tilt));
+  transform-origin: center;
+}
+
+.lines {
+  background-size: var(--lines-size) var(--lines-size);
+  background-position: center;
+}
+
+.dots {
+  background-image: radial-gradient(var(--dots-color) 1px, var(--static-transparent) 1px);
+  background-size: var(--dots-size) var(--dots-size);
+}

package/dist/components/Badge.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { Flex } from ".";
+import { IconName } from "../icons";
+export interface BadgeProps extends React.ComponentProps<typeof Flex> {
+    title?: string;
+    icon?: IconName;
+    arrow?: boolean;
+    children?: React.ReactNode;
+    href?: string;
+    effect?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    id?: string;
+}
+declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
+export { Badge };
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAS,IAAI,EAAmB,MAAM,GAAG,CAAC;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,oHA6DV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,69 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const _1 = require(".");
+const Badge_module_scss_1 = __importDefault(require("./Badge.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+const Badge = (0, react_1.forwardRef)((_a, ref) => {
+    var { title, icon, href, arrow = href ? true : false, children, effect = true, className, style, id } = _a, rest = __rest(_a, ["title", "icon", "href", "arrow", "children", "effect", "className", "style", "id"]);
+    const content = ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ id: id || "badge", paddingX: "20", paddingY: "12", fitWidth: true, className: (0, classnames_1.default)(effect ? Badge_module_scss_1.default.animation : undefined, className), style: style, vertical: "center", radius: "full", background: "neutral-weak", onBackground: "brand-strong", border: "brand-alpha-medium", textVariant: "label-strong-s", shadow: "l" }, rest, { children: [icon && (0, jsx_runtime_1.jsx)(_1.Icon, { marginRight: "8", size: "s", name: icon, onBackground: "brand-medium" }), title, children, arrow && (0, jsx_runtime_1.jsx)(_1.Arrow, { trigger: `#${id || "badge"}` })] })));
+    if (href) {
+        return ((0, jsx_runtime_1.jsx)(_1.SmartLink, { unstyled: true, className: className, style: Object.assign({ borderRadius: "var(--radius-full)" }, style), href: href, ref: ref, children: content }));
+    }
+    return react_1.default.cloneElement(content, {
+        ref: ref,
+    });
+});
+exports.Badge = Badge;
+Badge.displayName = "Badge";
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/once-ui/components/Badge.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,+CAA0C;AAC1C,wBAAiD;AAEjD,4EAAyC;AAEzC,4DAAoC;AAcpC,MAAM,KAAK,GAAG,IAAA,kBAAU,EACtB,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC3B,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,SAAS,EACT,KAAK,EACL,EAAE,OAEH,EADI,IAAI,cAVT,oFAWC,CADQ;IAIT,MAAM,OAAO,GAAG,CACd,wBAAC,OAAI,kBACH,EAAE,EAAE,EAAE,IAAI,OAAO,EACjB,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,QAAQ,QACR,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,CAAC,CAAC,CAAC,2BAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EACvE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,MAAM,EACb,UAAU,EAAC,cAAc,EACzB,YAAY,EAAC,cAAc,EAC3B,MAAM,EAAC,oBAAoB,EAC3B,WAAW,EAAC,gBAAgB,EAC5B,MAAM,EAAC,GAAG,IACN,IAAI,eAEP,IAAI,IAAI,uBAAC,OAAI,IAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAC,cAAc,GAAG,EACjF,KAAK,EACL,QAAQ,EACR,KAAK,IAAI,uBAAC,QAAK,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,OAAO,EAAE,GAAI,KAC5C,CACR,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,uBAAC,YAAS,IACR,QAAQ,QACR,SAAS,EAAE,SAAS,EACpB,KAAK,kBACH,YAAY,EAAE,oBAAoB,IAC/B,KAAK,GAEV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAmC,YAEvC,OAAO,GACE,CACb,CAAC;IACJ,CAAC;IAED,OAAO,eAAK,CAAC,YAAY,CAAC,OAAO,EAAE;QACjC,GAAG,EAAE,GAAgC;KACtC,CAAC,CAAC;AACL,CAAC,CACF,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/Badge.module.scss

@@ -0,0 +1,67 @@
+.animation {
+    position: relative;
+    overflow: hidden;
+
+    &::before {
+        content: '';
+        opacity: 0;
+        border-radius: var(--radius-full);
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background: linear-gradient(
+            120deg,
+            transparent 20%,
+            var(--brand-alpha-medium) 50%,
+            transparent 80%
+        );
+        transform: skewX(-20deg);
+        animation: shineDefault 9s ease-in-out infinite;
+    }
+
+    &:hover {
+        &::before {
+            animation: shineHover 3s ease-in-out infinite;
+        }
+    }
+}
+
+@keyframes shineDefault {
+    0% {
+        left: -100%;
+    }
+    1% {
+        left: -100%;
+        opacity: 1;
+    }
+    15% {
+        left: 100%;
+        opacity: 1;
+    }
+    16% {
+        opacity: 0;
+    }
+    100% {
+        left: -100%;
+    }
+}
+
+@keyframes shineHover {
+    0% {
+        left: -100%;
+    }
+    1% {
+        left: -100%;
+        opacity: 1;
+    }
+    45% {
+        left: 100%;
+        opacity: 1;
+    }
+    46% {
+        opacity: 0;
+    }
+    100% {
+        left: -100%;
+    }
+}

package/dist/components/Banner.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,qHAgBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Banner.js

@@ -0,0 +1,24 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Row_1 = require("./Row");
+const Banner = (0, react_1.forwardRef)((_a, ref) => {
+    var { children } = _a, flex = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(Row_1.Row, Object.assign({ fillWidth: true, paddingX: "16", paddingY: "8", solid: "brand-medium", onSolid: "brand-strong", textVariant: "label-default-s", align: "center", center: true, gap: "12", ref: ref }, flex, { children: children })));
+});
+exports.Banner = Banner;
+Banner.displayName = "Banner";
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/once-ui/components/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,+BAA4B;AAI5B,MAAM,MAAM,GAAG,IAAA,kBAAU,EAA8B,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IAAY,OAAA,CACrF,uBAAC,SAAG,kBACF,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAC,cAAc,EACpB,OAAO,EAAC,cAAc,EACtB,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAC,QAAQ,EACd,MAAM,QACN,GAAG,EAAC,IAAI,EACR,GAAG,EAAE,GAAG,IACJ,IAAI,cAEP,QAAQ,IACL,CACP,CAAA;CAAA,CAAC,CAAC;AAGM,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/Button.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    variant?: "primary" | "secondary" | "tertiary" | "danger";
+    size?: "s" | "m" | "l";
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    label?: string;
+    weight?: "default" | "strong";
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    loading?: boolean;
+    fillWidth?: boolean;
+    horizontal?: "start" | "center" | "end" | "space-between";
+    children?: ReactNode;
+    href?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    id?: string;
+    arrowIcon?: boolean;
+}
+export type ButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export type AnchorProps = CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const Button: React.ForwardRefExoticComponent<(ButtonProps | AnchorProps) & React.RefAttributes<HTMLButtonElement>>;
+export { Button };
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,CAAC;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACtF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEtF,QAAA,MAAM,MAAM,uGAgFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}