@studio-helga/once-ui-core 1.7.8

package/dist/components/StylePanel.module.scss

@@ -0,0 +1,127 @@
+.select {
+    min-width: var(--static-space-40);
+    min-height: var(--static-space-40);
+    border-radius: var(--radius-m-nest-4);
+    border-color: var(--static-transparent);
+    border-width: 1px;
+    border-style: solid;
+    background: var(--static-transparent);
+  
+    &:hover {
+		background: var(--neutral-alpha-medium);
+		border-color: var(--neutral-alpha-medium);
+    }
+  
+    &.selected {
+		background: var(--neutral-alpha-strong);
+		border-color: var(--neutral-alpha-strong);
+    }
+}
+  
+.swatch {
+    width: 100%;
+    height: 100%;
+    border-radius: var(--radius-m);
+    border-width: 1px;
+    border-style: solid;
+}
+  
+.slate {
+    background: var(--scheme-slate-500);
+    border-color: var(--scheme-slate-700);
+}
+  
+.gray {
+    background: var(--scheme-gray-500);
+    border-color: var(--scheme-gray-700);
+}
+
+.rose {
+    background: var(--scheme-rose-500);
+    border-color: var(--scheme-rose-700);
+}
+
+.mint {
+    background: var(--scheme-mint-500);
+    border-color: var(--scheme-mint-700);
+}
+
+.dusk {
+    background: var(--scheme-dusk-500);
+    border-color: var(--scheme-dusk-700);
+}
+  
+.sand {
+    background: var(--scheme-sand-500);
+    border-color: var(--scheme-sand-700);
+}
+  
+.blue {
+    background: var(--scheme-blue-500);
+    border-color: var(--scheme-blue-700);
+}
+  
+.cyan {
+    background: var(--scheme-cyan-500);
+    border-color: var(--scheme-cyan-700);
+}
+  
+.indigo {
+    background: var(--scheme-indigo-500);
+    border-color: var(--scheme-indigo-700);
+}
+  
+.violet {
+    background: var(--scheme-violet-500);
+    border-color: var(--scheme-violet-700);
+}
+  
+.magenta {
+    background: var(--scheme-magenta-500);
+    border-color: var(--scheme-magenta-700);
+}
+  
+.pink {
+    background: var(--scheme-pink-500);
+    border-color: var(--scheme-pink-700);
+}
+  
+.yellow {
+    background: var(--scheme-yellow-500);
+    border-color: var(--scheme-yellow-700);
+}
+  
+.orange {
+    background: var(--scheme-orange-500);
+    border-color: var(--scheme-orange-700);
+}
+  
+.red {
+    background: var(--scheme-red-500);
+    border-color: var(--scheme-red-700);
+}
+  
+.moss {
+    background: var(--scheme-moss-500);
+    border-color: var(--scheme-moss-700);
+}
+  
+.green {
+    background: var(--scheme-green-500);
+    border-color: var(--scheme-green-700);
+}
+  
+.emerald {
+    background: var(--scheme-emerald-500);
+    border-color: var(--scheme-emerald-700);
+}
+  
+.aqua {
+    background: var(--scheme-aqua-500);
+    border-color: var(--scheme-aqua-700);
+}
+  
+.neutral {
+    background: var(--neutral-solid-medium);
+    border-color: var(--neutral-alpha-strong);
+}

package/dist/components/Swiper.d.ts

@@ -0,0 +1,17 @@
+import { Flex } from ".";
+interface SwiperItem {
+    slide: string | React.ReactNode;
+    alt?: string;
+}
+interface SwiperProps extends React.ComponentProps<typeof Flex> {
+    items: SwiperItem[];
+    controls?: boolean | "contained";
+    priority?: boolean;
+    fill?: boolean;
+    aspectRatio?: string;
+    sizes?: string;
+    indicator?: boolean;
+}
+declare const Swiper: React.FC<SwiperProps>;
+export { Swiper };
+//# sourceMappingURL=Swiper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAkC,MAAM,GAAG,CAAC;AAIzD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsUjC,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Swiper.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Media, Column, Row, IconButton } from ".";
+import { useEffect, useState, useRef, useCallback } from "react";
+import styles from "./Swiper.module.scss";
+const Swiper = ({ items = [], fill = false, controls = true, priority = false, indicator = true, aspectRatio = "16 / 9", sizes, ...rest }) => {
+    const [activeIndex, setActiveIndex] = useState(0);
+    const [isDragging, setIsDragging] = useState(false);
+    const scrollContainerRef = useRef(null);
+    const slideRefs = useRef([]);
+    const isScrollingProgrammatically = useRef(false);
+    const dragStartX = useRef(0);
+    const scrollStartLeft = useRef(0);
+    const [scrollSnapType, setScrollSnapType] = useState("x mandatory");
+    // Observe scroll position to update active index
+    useEffect(() => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        const handleScroll = () => {
+            if (isScrollingProgrammatically.current)
+                return;
+            const scrollLeft = container.scrollLeft;
+            const slideWidth = container.clientWidth;
+            const newIndex = Math.round(scrollLeft / slideWidth);
+            if (newIndex !== activeIndex && newIndex >= 0 && newIndex < items.length) {
+                setActiveIndex(newIndex);
+            }
+        };
+        // Use Intersection Observer for more accurate detection
+        const observerOptions = {
+            root: container,
+            threshold: 0.5,
+        };
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const index = slideRefs.current.indexOf(entry.target);
+                    if (index !== -1 && index !== activeIndex) {
+                        setActiveIndex(index);
+                    }
+                }
+            });
+        }, observerOptions);
+        slideRefs.current.forEach((slide) => {
+            if (slide)
+                observer.observe(slide);
+        });
+        container.addEventListener("scroll", handleScroll, { passive: true });
+        return () => {
+            observer.disconnect();
+            container.removeEventListener("scroll", handleScroll);
+        };
+    }, [activeIndex, items.length]);
+    const scrollToIndex = useCallback((index) => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        isScrollingProgrammatically.current = true;
+        const slideWidth = container.clientWidth;
+        container.scrollTo({
+            left: slideWidth * index,
+            behavior: "smooth",
+        });
+        // Reset flag after scroll animation completes
+        setTimeout(() => {
+            isScrollingProgrammatically.current = false;
+            setActiveIndex(index);
+        }, 500);
+    }, []);
+    const handlePrevClick = () => {
+        if (activeIndex > 0) {
+            scrollToIndex(activeIndex - 1);
+        }
+    };
+    const handleNextClick = () => {
+        if (activeIndex < items.length - 1) {
+            scrollToIndex(activeIndex + 1);
+        }
+    };
+    const handleDotClick = (index) => {
+        scrollToIndex(index);
+    };
+    // Drag-to-scroll handlers
+    const handleMouseDown = (e) => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        setIsDragging(true);
+        setScrollSnapType("none"); // Disable snap during drag
+        dragStartX.current = e.pageX;
+        scrollStartLeft.current = container.scrollLeft;
+    };
+    // Use native event listeners for global mouse tracking
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        const handleMouseMove = (e) => {
+            e.preventDefault();
+            const x = e.pageX;
+            const walk = (dragStartX.current - x) * 1.5; // Drag sensitivity
+            container.scrollLeft = scrollStartLeft.current + walk;
+        };
+        const handleMouseUp = () => {
+            // Find the nearest slide and snap to it
+            const slideWidth = container.clientWidth;
+            const currentScroll = container.scrollLeft;
+            const nearestIndex = Math.round(currentScroll / slideWidth);
+            const targetScroll = nearestIndex * slideWidth;
+            // Smooth scroll to nearest slide
+            container.scrollTo({
+                left: targetScroll,
+                behavior: 'smooth'
+            });
+            setActiveIndex(nearestIndex);
+            setIsDragging(false);
+            // Re-enable snap after a brief delay to let smooth scroll complete
+            setTimeout(() => {
+                setScrollSnapType("x mandatory");
+            }, 300);
+        };
+        // Add global listeners to track mouse anywhere
+        document.addEventListener("mousemove", handleMouseMove);
+        document.addEventListener("mouseup", handleMouseUp);
+        return () => {
+            document.removeEventListener("mousemove", handleMouseMove);
+            document.removeEventListener("mouseup", handleMouseUp);
+        };
+    }, [isDragging]);
+    if (items.length === 0) {
+        return null;
+    }
+    return (_jsxs(Column, { fillWidth: true, fillHeight: fill, aspectRatio: undefined, style: { isolation: "isolate" }, ...rest, children: [_jsxs(Flex, { fillWidth: true, fillHeight: fill, aspectRatio: aspectRatio === "original" ? undefined : aspectRatio, className: styles.carouselContainer, children: [_jsx(Flex, { fillWidth: true, fillHeight: fill, radius: rest.radius || "l", border: rest.border || "neutral-alpha-weak", overflow: "hidden", children: _jsx(Row, { ref: scrollContainerRef, fillWidth: true, fillHeight: fill, className: styles.scrollContainer, onMouseDown: handleMouseDown, overflowX: "auto", style: {
+                                scrollSnapType: scrollSnapType,
+                                scrollbarWidth: "none",
+                                msOverflowStyle: "none",
+                                WebkitOverflowScrolling: "touch",
+                                cursor: isDragging ? "grabbing" : "grab",
+                                userSelect: "none",
+                            }, children: items.map((item, index) => (_jsx(Flex, { ref: (el) => {
+                                    slideRefs.current[index] = el;
+                                }, fillWidth: true, fillHeight: fill, className: styles.slide, style: {
+                                    scrollSnapAlign: "start",
+                                    scrollSnapStop: "always",
+                                    flexShrink: 0,
+                                }, children: typeof item.slide === "string" ? (_jsx(Media, { fill: fill, sizes: sizes, priority: priority && index === 0, aspectRatio: fill ? undefined : aspectRatio === "auto" ? undefined : aspectRatio, src: item.slide, alt: item.alt || "", onDragStart: (e) => e.preventDefault(), style: {
+                                        userSelect: "none",
+                                    } })) : (_jsx(Flex, { fill: true, aspectRatio: fill ? undefined : aspectRatio === "auto" ? undefined : aspectRatio, onDragStart: (e) => e.preventDefault(), style: {
+                                        userSelect: "none",
+                                    }, children: item.slide })) }, index))) }) }), controls && items.length > 1 && (_jsxs(_Fragment, { children: [activeIndex > 0 && (_jsx(Flex, { position: "absolute", left: "16", zIndex: 1, className: styles.navButton, style: { top: "50%", transform: "translateY(-50%)" }, children: _jsx(Flex, { radius: "l", background: "surface", overflow: "hidden", children: _jsx(IconButton, { onClick: handlePrevClick, variant: "secondary", icon: "chevronLeft", "aria-label": "Previous slide" }) }) })), activeIndex < items.length - 1 && (_jsx(Flex, { position: "absolute", right: "16", zIndex: 1, className: styles.navButton, style: { top: "50%", transform: "translateY(-50%)" }, children: _jsx(Flex, { radius: "l", background: "surface", overflow: "hidden", children: _jsx(IconButton, { onClick: handleNextClick, variant: "secondary", icon: "chevronRight", "aria-label": "Next slide" }) }) }))] }))] }), indicator && items.length > 1 && (_jsx(Row, { gap: "8", fillWidth: true, horizontal: "center", paddingX: "16", paddingTop: controls === "contained" ? undefined : "12", position: controls === "contained" ? "absolute" : "relative", bottom: controls === "contained" ? "16" : undefined, style: {
+                    transform: controls === "contained" ? "translateY(-100%)" : undefined,
+                }, children: items.map((_, index) => (_jsx(Flex, { radius: "full", cursor: "interactive", onClick: () => handleDotClick(index), width: "8", height: "8", style: {
+                        background: activeIndex === index
+                            ? "var(--neutral-on-background-strong)"
+                            : "var(--neutral-alpha-medium)",
+                        transition: "background 0.3s ease, transform 0.3s ease",
+                        transform: activeIndex === index ? "scale(1.2)" : "scale(1)",
+                    }, "aria-label": `Go to slide ${index + 1}`, role: "button", tabIndex: 0, onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            handleDotClick(index);
+                        }
+                    } }, index))) }))] }));
+};
+Swiper.displayName = "Swiper";
+export { Swiper };
+//# sourceMappingURL=Swiper.js.map

package/dist/components/Swiper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swiper.js","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAiB1C,MAAM,MAAM,GAA0B,CAAC,EACrC,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,QAAQ,EACtB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,MAAM,CAA4B,EAAE,CAAC,CAAC;IACxD,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAS,aAAa,CAAC,CAAC;IAE5E,iDAAiD;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,2BAA2B,CAAC,OAAO;gBAAE,OAAO;YAEhD,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;YACxC,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;YACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;YAErD,IAAI,QAAQ,KAAK,WAAW,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;gBACzE,cAAc,CAAC,QAAQ,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;QAEF,wDAAwD;QACxD,MAAM,eAAe,GAAG;YACtB,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,GAAG;SACf,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACpD,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACzB,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,MAAwB,CAAC,CAAC;oBACxE,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;wBAC1C,cAAc,CAAC,KAAK,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,eAAe,CAAC,CAAC;QAEpB,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAClC,IAAI,KAAK;gBAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEtE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAClD,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,2BAA2B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3C,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;QAEzC,SAAS,CAAC,QAAQ,CAAC;YACjB,IAAI,EAAE,UAAU,GAAG,KAAK;YACxB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QAEH,8CAA8C;QAC9C,UAAU,CAAC,GAAG,EAAE;YACd,2BAA2B,CAAC,OAAO,GAAG,KAAK,CAAC;YAC5C,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;YACpB,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE;QACvC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,0BAA0B;IAC1B,MAAM,eAAe,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC9C,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,2BAA2B;QACtD,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC;QAC7B,eAAe,CAAC,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC;IACjD,CAAC,CAAC;IAEF,uDAAuD;IACvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC7C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;YAClB,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,mBAAmB;YAChE,SAAS,CAAC,UAAU,GAAG,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QACxD,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,wCAAwC;YACxC,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;YACzC,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC;YAC3C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,UAAU,CAAC,CAAC;YAC5D,MAAM,YAAY,GAAG,YAAY,GAAG,UAAU,CAAC;YAE/C,iCAAiC;YACjC,SAAS,CAAC,QAAQ,CAAC;gBACjB,IAAI,EAAE,YAAY;gBAClB,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;YAEH,cAAc,CAAC,YAAY,CAAC,CAAC;YAC7B,aAAa,CAAC,KAAK,CAAC,CAAC;YAErB,mEAAmE;YACnE,UAAU,CAAC,GAAG,EAAE;gBACd,iBAAiB,CAAC,aAAa,CAAC,CAAC;YACnC,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC;QAEF,+CAA+C;QAC/C,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IAAC,SAAS,QAAC,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAM,IAAI,aACnG,MAAC,IAAI,IACH,SAAS,QACT,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACjE,SAAS,EAAE,MAAM,CAAC,iBAAiB,aAGnC,KAAC,IAAI,IACH,SAAS,QACT,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,GAAG,EAC1B,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,oBAAoB,EAC3C,QAAQ,EAAC,QAAQ,YAGjB,KAAC,GAAG,IACF,GAAG,EAAE,kBAAkB,EACvB,SAAS,QACT,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE;gCACL,cAAc,EAAE,cAAc;gCAC9B,cAAc,EAAE,MAAM;gCACtB,eAAe,EAAE,MAAM;gCACvB,uBAAuB,EAAE,OAAO;gCAChC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;gCACxC,UAAU,EAAE,MAAM;6BACnB,YAEF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,IAAI,IAEH,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oCACV,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;gCAChC,CAAC,EACD,SAAS,QACT,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,KAAK,EAAE;oCACL,eAAe,EAAE,OAAO;oCACxB,cAAc,EAAE,QAAQ;oCACxB,UAAU,EAAE,CAAC;iCACd,YAEA,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,KAAK,KAAK,CAAC,EACjC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAChF,GAAG,EAAE,IAAI,CAAC,KAAe,EACzB,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACtC,KAAK,EAAE;wCACL,UAAU,EAAE,MAAM;qCACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,QACJ,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAChF,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACtC,KAAK,EAAE;wCACL,UAAU,EAAE,MAAM;qCACnB,YAEA,IAAI,CAAC,KAAK,GACN,CACR,IArCI,KAAK,CAsCL,CACR,CAAC,GACI,GACD,EAGN,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/B,8BAEG,WAAW,GAAG,CAAC,IAAI,CAClB,KAAC,IAAI,IACH,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,YAEpD,KAAC,IAAI,IAAC,MAAM,EAAC,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,YACrD,KAAC,UAAU,IACT,OAAO,EAAE,eAAe,EACxB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,aAAa,gBACP,gBAAgB,GAC3B,GACG,GACF,CACR,EAGA,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACjC,KAAC,IAAI,IACH,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,YAEpD,KAAC,IAAI,IAAC,MAAM,EAAC,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,YACrD,KAAC,UAAU,IACT,OAAO,EAAE,eAAe,EACxB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,gBACR,YAAY,GACvB,GACG,GACF,CACR,IACA,CACJ,IACI,EAGN,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,KAAC,GAAG,IACF,GAAG,EAAC,GAAG,EAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EACnD,UAAU,EAAE,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACvD,QAAQ,EAAE,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC5D,MAAM,EAAE,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACnD,KAAK,EAAE;oBACL,SAAS,EAAE,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS;iBACtE,YACA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACvB,KAAC,IAAI,IAEH,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,KAAK,EAAE;wBACL,UAAU,EACR,WAAW,KAAK,KAAK;4BACnB,CAAC,CAAC,qCAAqC;4BACvC,CAAC,CAAC,6BAA6B;wBACnC,UAAU,EAAE,2CAA2C;wBACvD,SAAS,EAAE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU;qBAC7D,gBACW,eAAe,KAAK,GAAG,CAAC,EAAE,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;4BACvC,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,cAAc,CAAC,KAAK,CAAC,CAAC;wBACxB,CAAC;oBACH,CAAC,IAtBI,KAAK,CAuBV,CACH,CAAC,GACE,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Swiper.module.scss

@@ -0,0 +1,31 @@
+.scrollContainer {
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+.slide {
+  flex-shrink: 0;
+  user-select: none;
+  -webkit-user-drag: none;
+}
+
+.carouselContainer {
+  @media (hover: hover) and (pointer: fine) {
+    &:hover .navButton,
+    &:focus-within .navButton {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+}
+
+.navButton {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  pointer-events: none;
+
+  @media (hover: none) {
+    display: none;
+  }
+}

package/dist/components/Switch.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAA4B,uBAAuB,EAAW,MAAM,GAAG,CAAC;AAI/E,UAAU,WACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8EjC,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Switch.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { Flex, InteractiveDetails, Spinner } from ".";
+import styles from "./Switch.module.scss";
+import commonStyles from "./SharedInteractiveStyles.module.scss";
+const Switch = forwardRef(({ className, isChecked, reverse = false, loading = false, onToggle, ariaLabel = "Toggle switch", disabled, name, value, ...props }, ref) => {
+    const handleKeyDown = (event) => {
+        if (!disabled && (event.key === "Enter" || event.key === " ")) {
+            event.preventDefault();
+            onToggle();
+        }
+    };
+    const handleClick = () => {
+        if (!disabled) {
+            onToggle();
+        }
+    };
+    return (_jsxs(Flex, { gap: "16", vertical: "center", horizontal: reverse ? "between" : undefined, fillWidth: reverse, className: classNames(styles.container, className, {
+            [styles.reverse]: reverse,
+            [styles.disabled]: disabled,
+        }), onClick: handleClick, role: "switch", "aria-checked": isChecked, "aria-label": ariaLabel, "aria-disabled": disabled, tabIndex: -1, children: [_jsx("input", { ref: ref, type: "checkbox", name: name, value: value, checked: isChecked, onChange: onToggle, className: commonStyles.hidden, tabIndex: -1 }), _jsx(Flex, { cursor: disabled ? "not-allowed" : undefined, className: classNames(styles.switch, {
+                    [styles.checked]: isChecked,
+                    [styles.disabled]: disabled,
+                }), children: _jsx("div", { onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, className: classNames(styles.element, {
+                        [styles.checked]: isChecked,
+                        [styles.disabled]: disabled,
+                    }), children: loading && _jsx(Spinner, { size: "xs" }) }) }), props.label && _jsx(InteractiveDetails, { disabled: disabled, ...props, onClick: () => { } })] }));
+});
+Switch.displayName = "Switch";
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

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

package/dist/components/Switch.module.scss

@@ -0,0 +1,102 @@
+.container {
+    cursor: var(--cursor-interactive);
+    isolation: isolate;
+
+    &:active {
+        .element {
+            transform: translateY(-50%) scaleX(1.2);
+        }
+    }
+
+    &:hover {
+        .switch {
+            background-color: var(--neutral-solid-strong);
+        }
+        
+        .switch.checked {
+            background-color: var(--brand-solid-strong);
+        }
+
+        .switch.checked .element::before {
+            display: none;
+        }
+    }
+}
+
+.reverse {
+    flex-direction: row-reverse;
+}
+
+.switch {
+    box-shadow: inset 0 0 0 var(--solid-inset-color-brand);
+    border-color: var(--solid-border-color-neutral);
+    border-style: solid;
+    border-width: var(--solid-border-width);
+    width: var(--static-space-40);
+    min-width: var(--static-space-40);
+    height: var(--static-space-24);
+    border-radius: var(--radius-l-nest-4);
+    background-color: var(--neutral-solid-medium);
+    position: relative;
+    transition: var(--transition-micro-medium);
+
+    &.checked {
+        box-shadow: inset 0 var(--solid-inset-distance) var(--solid-inset-size) var(--solid-inset-color-brand);
+        background-color: var(--brand-solid-medium);
+        border-color: var(--solid-border-color-brand);
+
+        .element {
+            left: calc(100% - var(--static-space-20));
+            transform-origin: right;
+        }
+    }
+}
+
+.element {
+    z-index: 1;
+    transform-origin: left;
+    width: var(--static-space-16);
+    height: var(--static-space-16);
+    border-radius: var(--radius-l);
+    background-color: var(--brand-on-solid-strong);
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: var(--static-space-4);
+    transition: left 0.3s, transform 0.3s;
+    outline: none;
+}
+
+.disabled {
+    .switch {
+        opacity: 0.4;
+    }
+
+    .element::before {
+        display: none !important;
+    }
+}
+
+.container:hover .element::before,
+.element:focus-visible::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: var(--static-space-40);
+    height: var(--static-space-40);
+    background-color: var(--brand-alpha-medium);
+    border-radius: var(--radius-full);
+    z-index: -1;
+    animation: scaleInCenter 0.2s forwards;
+}
+
+@keyframes scaleInCenter {
+    from {
+        transform: translate(-50%, -50%) scale(0);
+    }
+    to {
+        transform: translate(-50%, -50%) scale(1);
+    }
+}

package/dist/components/Table.d.ts

@@ -0,0 +1,16 @@
+import { Flex } from ".";
+import { ReactNode } from "react";
+type TableProps = React.ComponentProps<typeof Flex> & {
+    data: {
+        headers: {
+            content: ReactNode;
+            key: string;
+            sortable?: boolean;
+        }[];
+        rows: ReactNode[][];
+    };
+    onRowClick?: (rowIndex: number) => void;
+};
+declare function Table({ data, onRowClick, ...flex }: TableProps): import("react/jsx-runtime").JSX.Element;
+export { Table };
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAmB,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,OAAO,EAAE,SAAS,CAAC;YACnB,GAAG,EAAE,MAAM,CAAC;YACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;SACpB,EAAE,CAAC;QACJ,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAgHvD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Table.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Row, IconButton } from ".";
+import { useState } from "react";
+import styles from "./Table.module.scss";
+function Table({ data, onRowClick, ...flex }) {
+    const [sortConfig, setSortConfig] = useState(null);
+    const handleSort = (key) => {
+        let direction = "ascending";
+        if (sortConfig && sortConfig.key === key) {
+            direction = sortConfig.direction === "ascending" ? "descending" : "ascending";
+        }
+        setSortConfig({ key, direction });
+    };
+    const sortedRows = [...data.rows].sort((a, b) => {
+        if (!sortConfig)
+            return 0;
+        const headerIndex = data.headers.findIndex((header) => header.key === sortConfig.key);
+        if (headerIndex === -1)
+            return 0;
+        const aValue = String(a[headerIndex]);
+        const bValue = String(b[headerIndex]);
+        if (sortConfig.direction === "ascending") {
+            return aValue.localeCompare(bValue);
+        }
+        else {
+            return bValue.localeCompare(aValue);
+        }
+    });
+    const headers = data.headers.map((header, index) => (_jsx("th", { style: { textAlign: "left", borderBottom: "1px solid var(--neutral-alpha-weak)" }, className: "px-16 py-12 font-label font-default font-s", children: _jsxs(Row, { gap: "8", vertical: "center", children: [header.content, header.sortable && (_jsx(IconButton, { icon: sortConfig?.key === header.key
+                        ? sortConfig.direction === "ascending"
+                            ? "chevronUp"
+                            : "chevronDown"
+                        : "chevronDown", size: "s", variant: "ghost", onClick: (e) => {
+                        e.stopPropagation();
+                        handleSort(header.key);
+                    }, style: {
+                        opacity: sortConfig?.key === header.key ? 1 : 0.6,
+                    } }))] }) }, index)));
+    const rows = (sortConfig ? sortedRows : data.rows).map((row, index) => (_jsx("tr", { onClick: onRowClick ? () => onRowClick(index) : undefined, className: onRowClick ? "cursor-interactive " + styles.hover : "", style: onRowClick ? { transition: "background-color 0.2s ease" } : undefined, children: row.map((cell, cellIndex) => (_jsx("td", { className: "px-16 py-12 font-body font-default font-s", children: cell }, cellIndex))) }, index)));
+    return (_jsx(Row, { fillWidth: true, radius: "l", overflowY: "hidden", border: "neutral-alpha-weak", background: "surface", overflowX: "auto", marginTop: "8", marginBottom: "16", ...flex, children: _jsxs("table", { className: "fill-width", style: { borderSpacing: 0, borderCollapse: "collapse", minWidth: "32rem" }, children: [_jsx("thead", { className: "neutral-on-background-strong", children: _jsx("tr", { children: headers }) }), _jsx("tbody", { className: "neutral-on-background-medium", children: rows.length > 0 ? (rows) : (_jsx("tr", { children: _jsx("td", { colSpan: headers.length, className: "px-24 py-12 font-body font-default font-s", children: "No data available" }) })) })] }) }));
+}
+export { Table };
+//# sourceMappingURL=Table.js.map

package/dist/components/Table.js.map

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

package/dist/components/Table.module.scss

@@ -0,0 +1,5 @@
+.hover {
+    &:hover {
+        background-color: var(--neutral-alpha-weak);
+    }
+}

package/dist/components/Tag.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from "react";
+import { Flex } from ".";
+import { IconName } from "../icons";
+import { ColorScheme } from "@/types";
+interface TagProps extends React.ComponentProps<typeof Flex> {
+    variant?: ColorScheme | "gradient";
+    size?: "s" | "m" | "l";
+    label?: string;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    children?: ReactNode;
+}
+declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tag };
+export type { TagProps };
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/components/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAmB,MAAM,GAAG,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACnC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,GAAG,8FAyCR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,CAAC;AACf,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Tag.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { Text, Icon, Row } from ".";
+import styles from "./Tag.module.scss";
+const Tag = forwardRef(({ variant = "neutral", size = "m", label = "", prefixIcon, suffixIcon, className, children, ...rest }, ref) => {
+    const paddingX = size === "s" ? "8" : size === "m" ? "8" : "12";
+    const paddingY = size === "s" ? "1" : size === "m" ? "2" : "4";
+    return (_jsxs(Row, { fitWidth: true, background: variant !== "gradient" ? `${variant}-weak` : undefined, border: variant !== "gradient" ? `${variant}-alpha-medium` : "brand-medium", onBackground: variant !== "gradient" ? `${variant}-medium` : undefined, paddingX: paddingX, paddingY: paddingY, vertical: "center", radius: "s", gap: "4", ref: ref, className: classNames(styles.tag, variant === "gradient" ? styles.gradient : undefined, className), ...rest, children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: "xs" }), _jsx(Row, { style: { userSelect: "none" }, vertical: "center", children: _jsx(Text, { variant: "label-default-s", children: label || children }) }), suffixIcon && _jsx(Icon, { name: suffixIcon, size: "xs" })] }));
+});
+Tag.displayName = "Tag";
+export { Tag };
+//# sourceMappingURL=Tag.js.map