@studio-helga/once-ui-core 1.7.8

package/dist/components/Background.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef } from "react";
+import { Flex, Mask } from ".";
+import styles from "./Background.module.scss";
+import classNames from "classnames";
+function setRef(ref, value) {
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else if (ref && "current" in ref) {
+        ref.current = value;
+    }
+}
+const Background = forwardRef(({ gradient = {}, dots = {}, grid = {}, lines = {}, mask, children, className, style, ...rest }, forwardedRef) => {
+    const dotsColor = dots.color ?? "brand-on-background-weak";
+    const dotsSize = "var(--static-space-" + (dots.size ?? "24") + ")";
+    const backgroundRef = useRef(null);
+    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 = () => (_jsxs(_Fragment, { children: [gradient.display && (_jsx(Flex, { position: "absolute", className: styles.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-background-strong)",
+                    ["--gradient-color-end"]: gradient.colorEnd
+                        ? `var(--${gradient.colorEnd})`
+                        : "var(--static-transparent)",
+                } })), dots.display && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.dots, opacity: dots.opacity, style: {
+                    "--dots-color": `var(--${dotsColor})`,
+                    "--dots-size": dotsSize,
+                } })), lines.display && (() => {
+                const angle = lines.angle ?? -45;
+                const angleRad = (angle * Math.PI) / 180;
+                // Adjust spacing to maintain uniform perpendicular distance
+                // For diagonal lines, multiply by the secant of the angle
+                const adjustmentFactor = 1 / Math.cos(angleRad);
+                const baseSpacing = lines.size ?? "8";
+                return (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", className: styles.lines, opacity: lines.opacity, style: {
+                        "--lines-angle": `${angle}deg`,
+                        "--lines-color": `var(--${lines.color ?? "brand-on-background-weak"})`,
+                        "--lines-thickness": `${lines.thickness ?? 1}px`,
+                        "--lines-spacing": `calc(var(--static-space-${baseSpacing}) * ${adjustmentFactor})`,
+                        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 && (_jsx(Flex, { position: "absolute", top: "0", left: "0", fill: true, pointerEvents: "none", opacity: grid.opacity, style: {
+                    backgroundImage: `linear-gradient(to right, var(--${grid.color ?? "brand-on-background-weak"}) 1px, transparent 1px), linear-gradient(to bottom, var(--${grid.color ?? "brand-on-background-weak"}) 1px, transparent 1px)`,
+                    backgroundSize: `${grid.width ?? "80px"} ${grid.height ?? "80px"}`,
+                } })), children] }));
+    return (_jsx(Flex, { ref: backgroundRef, fill: true, className: classNames(className), zIndex: 0, overflow: "hidden", style: style, ...rest, children: mask ? (_jsx(Mask, { fill: true, position: "absolute", cursor: mask.cursor, radius: mask.radius, x: mask.x, y: mask.y, children: renderContent() })) : (renderContent()) }));
+});
+Background.displayName = "Background";
+export { Background };
+//# sourceMappingURL=Background.js.map

package/dist/components/Background.js.map

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

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/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,oHA4DV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import { Arrow, Flex, Icon, SmartLink } from ".";
+import styles from "./Badge.module.scss";
+import classNames from "classnames";
+const Badge = forwardRef(({ title, icon, href, arrow = href ? true : false, children, effect = true, className, style, id, ...rest }, ref) => {
+    const content = (_jsxs(Flex, { id: id || "badge", paddingX: "20", paddingY: "12", fitWidth: true, className: classNames(effect ? styles.animation : undefined, className), style: style, vertical: "center", radius: "full", background: "neutral-weak", onBackground: "brand-strong", border: "brand-alpha-medium", textVariant: "label-strong-s", ...rest, children: [icon && _jsx(Icon, { marginRight: "8", size: "s", name: icon, onBackground: "brand-medium" }), title, children, arrow && _jsx(Arrow, { trigger: `#${id || "badge"}` })] }));
+    if (href) {
+        return (_jsx(SmartLink, { unstyled: true, className: className, style: {
+                borderRadius: "var(--radius-full)",
+                ...style,
+            }, href: href, ref: ref, children: content }));
+    }
+    return React.cloneElement(content, {
+        ref: ref,
+    });
+});
+Badge.displayName = "Badge";
+export { Badge };
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAEjD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,KAAK,GAAG,UAAU,CACtB,CACE,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,EACF,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,CACd,MAAC,IAAI,IACH,EAAE,EAAE,EAAE,IAAI,OAAO,EACjB,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,QAAQ,QACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,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,KACxB,IAAI,aAEP,IAAI,IAAI,KAAC,IAAI,IAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAC,cAAc,GAAG,EACjF,KAAK,EACL,QAAQ,EACR,KAAK,IAAI,KAAC,KAAK,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,OAAO,EAAE,GAAI,IAC5C,CACR,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,QACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,YAAY,EAAE,oBAAoB;gBAClC,GAAG,KAAK;aACT,EACD,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAmC,YAEvC,OAAO,GACE,CACb,CAAC;IACJ,CAAC;IAED,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;QACjC,GAAG,EAAE,GAAgC;KACtC,CAAC,CAAC;AACL,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,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/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,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Row } from "./Row";
+const Banner = forwardRef(({ children, ...flex }, ref) => (_jsx(Row, { 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 })));
+Banner.displayName = "Banner";
+export { Banner };
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5B,MAAM,MAAM,GAAG,UAAU,CAA8B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrF,KAAC,GAAG,IACF,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,KACJ,IAAI,YAEP,QAAQ,GACL,CACP,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/BlobFx.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Row } from ".";
+export interface BlobFxProps extends React.ComponentProps<typeof Row> {
+    seed?: number;
+}
+declare const BlobFx: React.FC<BlobFxProps>;
+export { BlobFx };
+//# sourceMappingURL=BlobFx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlobFx.d.ts","sourceRoot":"","sources":["../../src/components/BlobFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAc,MAAM,GAAG,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuHjC,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/BlobFx.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Row, Background } from ".";
+const BlobFx = ({ seed = 0, ...flex }) => {
+    // Generate pseudo-random values based on seed for consistent variation
+    const random1 = ((seed * 9301 + 49297) % 233280) / 233280;
+    const random2 = ((seed * 4877 + 37991) % 233280) / 233280;
+    const random3 = ((seed * 7919 + 28411) % 233280) / 233280;
+    // Randomize animation durations (±20%)
+    const duration1 = 8 + (random1 - 0.5) * 3.2; // 6.4 - 9.6s
+    const duration2 = 12 + (random2 - 0.5) * 4.8; // 9.6 - 14.4s
+    const duration3 = 10 + (random3 - 0.5) * 4; // 8 - 12s
+    // Randomize movement offsets (±30%)
+    const offset1 = 1 + (random1 - 0.5) * 0.6; // 0.7 - 1.3
+    const offset2 = 1 + (random2 - 0.5) * 0.6;
+    const offset3 = 1 + (random3 - 0.5) * 0.6;
+    return (_jsxs(Row, { fill: true, pointerEvents: "none", overflow: "hidden", style: { filter: "blur(2rem)" }, ...flex, children: [_jsx(Background, { position: "absolute", fill: true, bottom: "0", left: "0", gradient: {
+                    display: true,
+                    colorStart: "accent-solid-weak",
+                    width: 38,
+                    height: 35,
+                }, style: {
+                    animation: `blob2-${seed} ${duration2}s ease-in-out infinite`,
+                } }), _jsx(Background, { position: "absolute", fill: true, bottom: "0", left: "-20%", gradient: {
+                    display: true,
+                    colorStart: "accent-solid-medium",
+                    width: 42,
+                    height: 25,
+                }, style: {
+                    animation: `blob3-${seed} ${duration3}s ease-in-out infinite`,
+                    mixBlendMode: "plus-lighter",
+                } }), _jsx(Background, { position: "absolute", fill: true, bottom: "0", left: "10%", gradient: {
+                    display: true,
+                    colorStart: "brand-solid-strong",
+                    width: 50,
+                    height: 35,
+                }, style: {
+                    animation: `blob1-${seed} ${duration1}s ease-in-out infinite`,
+                    mixBlendMode: "screen",
+                } }), _jsx("style", { dangerouslySetInnerHTML: {
+                    __html: `
+          @keyframes blob1-${seed} {
+            0%, 100% {
+              transform: translateX(0);
+            }
+            33% {
+              transform: translateX(${4 * offset1}rem);
+            }
+            66% {
+              transform: translateX(${-3 * offset1}rem);
+            }
+          }
+
+          @keyframes blob2-${seed} {
+            0%, 100% {
+              transform: translateX(0);
+            }
+            33% {
+              transform: translateX(${-7 * offset2}rem);
+            }
+            66% {
+              transform: translateX(${5 * offset2}rem);
+            }
+          }
+
+          @keyframes blob3-${seed} {
+            0%, 100% {
+              transform: translateX(0);
+            }
+            33% {
+              transform: translateX(${6 * offset3}rem);
+            }
+            66% {
+              transform: translateX(${-6 * offset3}rem);
+            }
+          }
+        `
+                } })] }));
+};
+BlobFx.displayName = "BlobFx";
+export { BlobFx };
+//# sourceMappingURL=BlobFx.js.map

package/dist/components/BlobFx.js.map

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

package/dist/components/BlockQuote.d.ts

@@ -0,0 +1,21 @@
+import { Column } from ".";
+interface BlockQuoteProps extends React.ComponentProps<typeof Column> {
+    children: React.ReactNode;
+    preline?: React.ReactNode;
+    subline?: React.ReactNode;
+    separator?: "top" | "bottom" | "both" | "none";
+    author?: {
+        name?: React.ReactNode;
+        avatar?: string;
+    };
+    link?: {
+        href: string;
+        label: string;
+    };
+    style?: React.CSSProperties;
+    className?: string;
+    align?: "center" | "left" | "right";
+}
+declare const BlockQuote: import("react").ForwardRefExoticComponent<Omit<BlockQuoteProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { BlockQuote };
+//# sourceMappingURL=BlockQuote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockQuote.d.ts","sourceRoot":"","sources":["../../src/components/BlockQuote.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAA8B,MAAM,GAAG,CAAC;AAE/D,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IACnE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/C,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,UAAU,yHAgEf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/BlockQuote.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Avatar, Column, Line, Row, SmartLink, Text } from ".";
+const BlockQuote = forwardRef(({ children, className, style, preline, subline, author, link, align = "center", separator = "both", ...flex }, ref) => {
+    return (_jsxs(Column, { fillWidth: true, horizontal: "center", gap: "24", children: [(separator === "top" || separator === "both") && (_jsx(Row, { fillWidth: true, horizontal: "center", children: _jsx(Line, { width: "40" }) })), _jsxs(Column, { ref: ref, as: "blockquote", fillWidth: true, marginY: "32", marginX: "0", horizontal: align === "left" ? "start" : align === "right" ? "end" : "center", align: align, style: style, className: className, ...flex, children: [preline && (_jsx(Text, { onBackground: "neutral-weak", marginBottom: "32", children: preline })), _jsx(Text, { variant: "heading-strong-xl", wrap: "balance", children: children }), subline && (_jsx(Text, { onBackground: "neutral-weak", marginTop: "24", children: subline })), (author || link) && (_jsxs(Row, { gap: "12", center: true, marginTop: "32", children: ["\u2014", author?.avatar && (_jsx(Avatar, { size: "s", src: author?.avatar })), author?.name && (_jsx(Text, { variant: "label-default-s", children: author?.name })), link?.href && (_jsx(Row, { as: "cite", children: _jsx(SmartLink, { unstyled: true, href: link?.href && (/^https?:\/\//.test(link.href) ? link.href : `https://${link.href}`), children: _jsx(Text, { variant: "label-default-s", children: link?.label || link?.href }) }) }))] }))] }), (separator === "bottom" || separator === "both") && (_jsx(Row, { fillWidth: true, horizontal: "center", children: _jsx(Line, { width: "40" }) }))] }));
+});
+BlockQuote.displayName = "BlockQuote";
+export { BlockQuote };
+//# sourceMappingURL=BlockQuote.js.map

package/dist/components/BlockQuote.js.map

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

package/dist/components/Button.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    variant?: "primary" | "secondary" | "tertiary" | "danger";
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    label?: string;
+    weight?: "default" | "strong";
+    rounded?: boolean;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    loading?: boolean;
+    disabled?: boolean;
+    fillWidth?: boolean;
+    horizontal?: "start" | "center" | "end" | "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/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,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACrC,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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,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,uGAqFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ElementType } from "./ElementType";
+import classNames from "classnames";
+import { Spinner, Icon, Arrow, Flex } from ".";
+import styles from "./Button.module.scss";
+const Button = forwardRef(({ variant = "primary", size = "m", radius, rounded, label, weight = "strong", children, prefixIcon, suffixIcon, loading = false, disabled = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, className, style, ...props }, ref) => {
+    const iconSize = size === "l" || size === "xl" ? "s" : size === "m" ? "s" : "xs";
+    const radiusSize = size === "xs" ? "s" : size === "s" || size === "m" ? "m" : "l";
+    return (_jsxs(ElementType, { id: id, href: href, ref: ref, disabled: disabled, "data-disabled": disabled ? true : undefined, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size], radius === "none"
+            ? "radius-none"
+            : radius
+                ? `radius-${radiusSize}-${radius}`
+                : `radius-${radiusSize}`, "text-decoration-none", "button", disabled ? "cursor-not-allowed" : "cursor-interactive", {
+            ["fill-width"]: fillWidth,
+            ["fit-width"]: !fillWidth,
+            ["justify-" + horizontal]: horizontal,
+        }, className), style: style, ...props, children: [prefixIcon && !loading && _jsx(Icon, { name: prefixIcon, size: iconSize }), loading && _jsx(Spinner, { size: size }), (label || children) && (_jsx(Flex, { paddingX: "4", paddingY: "0", textWeight: weight, textSize: size, className: "font-label", children: label || children })), arrowIcon && (_jsx(Arrow, { style: {
+                    marginLeft: "calc(-1 * var(--static-space-4))",
+                }, trigger: "#" + id, scale: size === "s" ? 0.8 : size === "m" ? 0.9 : 1, color: variant === "primary" ? "onSolid" : "onBackground" })), suffixIcon && _jsx(Icon, { name: suffixIcon, size: iconSize })] }));
+});
+Button.displayName = "Button";
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

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

package/dist/components/Button.module.scss

@@ -0,0 +1,154 @@
+.button {
+    display: flex;
+    align-items: center;
+    position: relative;
+    user-select: none;
+    padding: 0;
+    white-space: nowrap;
+    text-decoration: none;
+    -webkit-tap-highlight-color: transparent;
+    transition: var(--transition-micro-medium);
+
+    &:focus-visible {
+        z-index: 1;
+    }
+}
+
+.primary {
+    box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
+    background: var(--brand-solid-medium);
+    border-style: solid;
+    border-width: var(--solid-border-width);
+    border-color: var(--solid-border-color-brand);
+    color: var(--brand-on-solid-strong);
+
+    &[data-disabled] {
+        box-shadow: none;
+        background: var(--neutral-background-medium);
+        color: var(--neutral-on-background-weak);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover:not([data-disabled]) {
+            background: var(--brand-solid-strong);
+        }
+    }
+}
+
+.secondary {
+    box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-neutral);
+    border-style: solid;
+    border: 1px solid var(--neutral-alpha-weak);
+    background: var(--static-transparent);
+    color: var(--neutral-on-background-strong);
+
+    &[data-disabled] {
+        box-shadow: none;
+        background: var(--neutral-background-medium);
+        color: var(--neutral-on-background-weak);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover:not([data-disabled]) {
+            background: var(--neutral-alpha-weak);
+            border-color: var(--neutral-alpha-weak);
+        }
+    }
+}
+
+.tertiary {
+    background: var(--static-transparent);
+    color: var(--neutral-on-background-strong);
+    border: 1px solid var(--static-transparent);
+
+    &[data-disabled] {
+        box-shadow: none;
+        background: var(--neutral-background-medium);
+        color: var(--neutral-on-background-weak);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover:not([data-disabled]) {
+            border: 1px solid var(--neutral-border-medium);
+        }
+    }
+}
+
+.ghost {
+    border: none;
+    background: var(--static-transparent);
+    color: var(--neutral-on-background-medium);
+
+    &[data-disabled] {
+        box-shadow: none;
+        background: var(--neutral-background-medium);
+        color: var(--neutral-on-background-weak);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover:not([data-disabled]) {
+            color: var(--neutral-on-background-strong);
+        }
+    }
+}
+
+.danger {
+    box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-danger);
+    background: var(--danger-solid-medium);
+    border-style: solid;
+    border-width: var(--solid-border-width);
+    border-color: var(--solid-border-color-danger);
+    color: var(--danger-on-solid-strong);
+
+    &[data-disabled] {
+        box-shadow: none;
+        background: var(--neutral-background-medium);
+        color: var(--neutral-on-background-weak);
+        border-color: transparent;
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+        &:hover:not([data-disabled]) {
+            background: var(--danger-solid-strong);
+        }
+    }
+}
+
+.xs {
+    padding: var(--static-space-2) var(--static-space-4);
+    min-height: var(--static-space-24);
+    height: var(--static-space-24);
+    gap: var(--static-space-2);
+}
+
+.s {
+    padding: var(--static-space-4) var(--static-space-8);
+    min-height: var(--static-space-32);
+    height: var(--static-space-32);
+    gap: var(--static-space-4);
+}
+
+.m {
+    padding: var(--static-space-8) var(--static-space-12);
+    min-height: var(--static-space-40);
+    height: var(--static-space-40);
+    gap: var(--static-space-4);
+}
+
+.l {
+    padding: var(--static-space-12) var(--static-space-20);
+    min-height: var(--static-space-48);
+    height: var(--static-space-48);
+    gap: var(--static-space-8);
+}
+
+.xl {
+    padding: var(--static-space-16) var(--static-space-24);
+    min-height: var(--static-space-56);
+    height: var(--static-space-56);
+    gap: var(--static-space-12);
+}

package/dist/components/Card.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Flex } from ".";
+interface CardProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+    fillHeight?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Card };
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+FAoCT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}