@once-ui-system/core 1.0.0

package/dist/components/Button.js

@@ -0,0 +1,43 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ElementType_1 = require("./ElementType");
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
+const Button = (0, react_1.forwardRef)((_a, ref) => {
+    var { variant = "primary", size = "m", radius, label, weight = "strong", children, prefixIcon, suffixIcon, loading = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, className, style } = _a, props = __rest(_a, ["variant", "size", "radius", "label", "weight", "children", "prefixIcon", "suffixIcon", "loading", "fillWidth", "horizontal", "href", "id", "arrowIcon", "className", "style"]);
+    const iconSize = size === "l" ? "s" : size === "m" ? "s" : "xs";
+    const radiusSize = size === "s" || size === "m" ? "m" : "l";
+    return ((0, jsx_runtime_1.jsxs)(ElementType_1.ElementType, Object.assign({ id: id, href: href, ref: ref, className: (0, classnames_1.default)(Button_module_scss_1.default.button, Button_module_scss_1.default[variant], Button_module_scss_1.default[size], radius === "none"
+            ? "radius-none"
+            : radius
+                ? `radius-${radiusSize}-${radius}`
+                : `radius-${radiusSize}`, "text-decoration-none", "button", "cursor-interactive", {
+            ["fill-width"]: fillWidth,
+            ["fit-width"]: !fillWidth,
+            ["justify-" + horizontal]: horizontal,
+        }, className), style: style }, props, { children: [prefixIcon && !loading && (0, jsx_runtime_1.jsx)(_1.Icon, { name: prefixIcon, size: iconSize }), loading && (0, jsx_runtime_1.jsx)(_1.Spinner, { size: size }), (label || children) && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "4", paddingY: "0", textWeight: weight, textSize: size, className: "font-label", children: label || children })), arrowIcon && ((0, jsx_runtime_1.jsx)(_1.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 && (0, jsx_runtime_1.jsx)(_1.Icon, { name: suffixIcon, size: iconSize })] })));
+});
+exports.Button = Button;
+Button.displayName = "Button";
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/once-ui/components/Button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAqD;AACrD,+CAA4C;AAC5C,4DAAoC;AAEpC,wBAA+C;AAC/C,8EAA0C;AAkC1C,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAkBC,EACD,GAAG,EACH,EAAE;QApBF,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,KAAK,EACL,MAAM,GAAG,QAAQ,EACjB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,QAAQ,EACrB,IAAI,EACJ,EAAE,EACF,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,KAAK,OAEN,EADI,KAAK,cAjBV,+KAkBC,CADS;IAIV,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,UAAU,GAAG,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAE5D,OAAO,CACL,wBAAC,yBAAW,kBACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACnB,4BAAM,CAAC,MAAM,EACb,4BAAM,CAAC,OAAO,CAAC,EACf,4BAAM,CAAC,IAAI,CAAC,EACZ,MAAM,KAAK,MAAM;YACf,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,MAAM;gBACN,CAAC,CAAC,UAAU,UAAU,IAAI,MAAM,EAAE;gBAClC,CAAC,CAAC,UAAU,UAAU,EAAE,EAC5B,sBAAsB,EACtB,QAAQ,EACR,oBAAoB,EACpB;YACE,CAAC,YAAY,CAAC,EAAE,SAAS;YACzB,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS;YACzB,CAAC,UAAU,GAAG,UAAU,CAAC,EAAE,UAAU;SACtC,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IACR,KAAK,eAER,UAAU,IAAI,CAAC,OAAO,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAI,EACpE,OAAO,IAAI,uBAAC,UAAO,IAAC,IAAI,EAAE,IAAI,GAAI,EAClC,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,uBAAC,OAAI,IACH,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAC,YAAY,YAErB,KAAK,IAAI,QAAQ,GACb,CACR,EACA,SAAS,IAAI,CACZ,uBAAC,QAAK,IACJ,KAAK,EAAE;oBACL,UAAU,EAAE,kCAAkC;iBAC/C,EACD,OAAO,EAAE,GAAG,GAAG,EAAE,EACjB,KAAK,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAClD,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,GACzD,CACH,EACA,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAI,KAC7C,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/Button.module.scss

@@ -0,0 +1,109 @@
+.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);
+
+    &:hover, &:focus {
+        z-index: 1;
+    }
+
+    &:disabled {
+        box-shadow: none;
+        background: var(--neutral-solid-weak);
+        color: var(--neutral-on-solid-weak);
+        border: none;
+        pointer-events: none;
+        cursor: not-allowed;
+    }
+}
+
+.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);
+
+    &:hover, &:focus {
+        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);
+
+    &:hover, &:focus {
+        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);
+
+    &:hover, &:focus {
+        border: 1px solid var(--neutral-border-medium);
+    }
+
+    &:disabled {
+        background: var(--static-transparent);
+        color: var(--neutral-on-background-weak);
+    }
+}
+
+.ghost {
+    border: none;
+    background: var(--static-transparent);
+    color: var(--neutral-on-background-medium);
+
+    &:hover, &:focus {
+        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);
+
+    &:hover, &:focus {
+        background: var(--danger-solid-strong);
+    }
+}
+
+.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);
+}

package/dist/components/Card.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Flex } from ".";
+interface CardProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+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/once-ui/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;CACtB;AAED,QAAA,MAAM,IAAI,+FAqCT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Card.js

@@ -0,0 +1,31 @@
+"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.Card = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
+const ElementType_1 = require("./ElementType");
+const classnames_1 = __importDefault(require("classnames"));
+const Card = (0, react_1.forwardRef)((_a, ref) => {
+    var { children, href, onClick, style, className } = _a, rest = __rest(_a, ["children", "href", "onClick", "style", "className"]);
+    return ((0, jsx_runtime_1.jsx)(ElementType_1.ElementType, { tabIndex: 0, className: (0, classnames_1.default)("reset-button-styles", "display-flex", "fill-width", "min-width-0", (onClick || href) && "focus-ring", (onClick || href) && "radius-l"), href: href, onClick: onClick ? onClick : () => { }, role: "button", ref: ref, children: (0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ background: "surface", onBackground: "neutral-strong", transition: "macro-medium", border: "neutral-medium", cursor: "interactive", align: "left", className: Card_module_scss_1.default.card, onClick: onClick }, rest, { style: Object.assign({}, style), children: children })) }));
+});
+exports.Card = Card;
+Card.displayName = "Card";
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/once-ui/components/Card.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA0C;AAC1C,wBAAyB;AACzB,0EAAwC;AACxC,+CAA4C;AAC5C,4DAAoC;AAQpC,MAAM,IAAI,GAAG,IAAA,kBAAU,EACrB,CAAC,EAAsD,EAAE,GAAG,EAAE,EAAE;QAA/D,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAApD,qDAAsD,CAAF;IACnD,OAAO,CACL,uBAAC,yBAAW,IACV,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAA,oBAAU,EACnB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,YAAY,EACjC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,UAAU,CAChC,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EACrC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,YAER,uBAAC,OAAI,kBACH,UAAU,EAAC,SAAS,EACpB,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,MAAM,EAAC,gBAAgB,EACvB,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,0BAAM,CAAC,IAAI,EACtB,OAAO,EAAE,OAAO,IACZ,IAAI,IACR,KAAK,oBACA,KAAK,aAGT,QAAQ,IACJ,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/Card.module.scss

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

package/dist/components/Carousel.d.ts

@@ -0,0 +1,15 @@
+import { Flex } from ".";
+interface Image {
+    src: string;
+    alt: string;
+}
+interface CarouselProps extends React.ComponentProps<typeof Flex> {
+    images: Image[];
+    indicator?: "line" | "thumbnail";
+    aspectRatio?: string;
+    sizes?: string;
+    revealedByDefault?: boolean;
+}
+declare const Carousel: React.FC<CarouselProps>;
+export { Carousel };
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAA6B,MAAM,GAAG,CAAC;AAGpD,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4IrC,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Carousel.js

@@ -0,0 +1,81 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Carousel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const react_1 = require("react");
+const Carousel = (_a) => {
+    var _b, _c;
+    var { images = [], indicator = "line", aspectRatio = "16 / 9", sizes, revealedByDefault = false } = _a, rest = __rest(_a, ["images", "indicator", "aspectRatio", "sizes", "revealedByDefault"]);
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
+    const [isTransitioning, setIsTransitioning] = (0, react_1.useState)(revealedByDefault);
+    const [initialTransition, setInitialTransition] = (0, react_1.useState)(revealedByDefault);
+    const nextImageRef = (0, react_1.useRef)(null);
+    const transitionTimeoutRef = (0, react_1.useRef)(undefined);
+    const preloadNextImage = (nextIndex) => {
+        if (nextIndex >= 0 && nextIndex < images.length) {
+            nextImageRef.current = new Image();
+            nextImageRef.current.src = images[nextIndex].src;
+        }
+    };
+    const handleImageClick = () => {
+        if (images.length > 1) {
+            const nextIndex = (activeIndex + 1) % images.length;
+            handleControlClick(nextIndex);
+        }
+    };
+    const handleControlClick = (nextIndex) => {
+        if (nextIndex !== activeIndex && !transitionTimeoutRef.current) {
+            preloadNextImage(nextIndex);
+            setIsTransitioning(false);
+            transitionTimeoutRef.current = setTimeout(() => {
+                setActiveIndex(nextIndex);
+                setTimeout(() => {
+                    setIsTransitioning(true);
+                    transitionTimeoutRef.current = undefined;
+                }, 300);
+            }, 800);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (!revealedByDefault && !initialTransition) {
+            setIsTransitioning(true);
+            setInitialTransition(true);
+        }
+        return () => {
+            if (transitionTimeoutRef.current) {
+                clearTimeout(transitionTimeoutRef.current);
+            }
+        };
+    }, [revealedByDefault, initialTransition]);
+    if (images.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ fillWidth: true, gap: "12", direction: "column" }, rest, { children: [(0, jsx_runtime_1.jsx)(_1.RevealFx, { onClick: handleImageClick, fillWidth: true, trigger: isTransitioning, translateY: "16", aspectRatio: aspectRatio, speed: "fast", children: (0, jsx_runtime_1.jsx)(_1.Media, { sizes: sizes, priority: true, radius: "l", border: "neutral-alpha-weak", alt: (_b = images[activeIndex]) === null || _b === void 0 ? void 0 : _b.alt, aspectRatio: aspectRatio, src: (_c = images[activeIndex]) === null || _c === void 0 ? void 0 : _c.src, style: Object.assign({}, (images.length > 1 && {
+                        cursor: "pointer",
+                    })) }) }), images.length > 1 && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: indicator === "line" ? ((0, jsx_runtime_1.jsx)(_1.Flex, { gap: "4", paddingX: "s", fillWidth: true, horizontal: "center", children: images.map((_, index) => ((0, jsx_runtime_1.jsx)(_1.Flex, { radius: "full", onClick: () => handleControlClick(index), style: {
+                            background: activeIndex === index
+                                ? "var(--neutral-on-background-strong)"
+                                : "var(--neutral-alpha-medium)",
+                            transition: "background 0.3s ease",
+                        }, cursor: "interactive", fillWidth: true, height: "2" }, index))) })) : ((0, jsx_runtime_1.jsx)(_1.Scroller, { fillWidth: true, gap: "4", onItemClick: handleControlClick, children: images.map((image, index) => ((0, jsx_runtime_1.jsx)(_1.Flex, { style: {
+                            border: activeIndex === index ? "2px solid var(--brand-solid-strong)" : "none",
+                            borderRadius: "var(--radius-m-nest-4)",
+                            transition: "border 0.3s ease",
+                        }, cursor: "interactive", padding: "4", aspectRatio: aspectRatio, height: "80", children: (0, jsx_runtime_1.jsx)(_1.Media, { alt: image.alt, aspectRatio: "1 / 1", sizes: "120px", src: image.src, cursor: "interactive", radius: "m", transition: "macro-medium" }) }, index))) })) }))] })));
+};
+exports.Carousel = Carousel;
+Carousel.displayName = "Carousel";
+//# sourceMappingURL=Carousel.js.map

package/dist/components/Carousel.js.map

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

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { InteractiveDetailsProps } from ".";
+interface CheckboxProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
+    isChecked?: boolean;
+    isIndeterminate?: boolean;
+    onToggle?: () => void;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+export { Checkbox };
+export type { CheckboxProps };
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAkC,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAG5E,UAAU,aACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8GrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Checkbox.js

@@ -0,0 +1,74 @@
+"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.Checkbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const SharedInteractiveStyles_module_scss_1 = __importDefault(require("./SharedInteractiveStyles.module.scss"));
+const generateId = () => `checkbox-${Math.random().toString(36).substring(2, 9)}`;
+const Checkbox = (0, react_1.forwardRef)((_a, ref) => {
+    var { style, className, isChecked: controlledIsChecked, isIndeterminate = false, onToggle, disabled } = _a, props = __rest(_a, ["style", "className", "isChecked", "isIndeterminate", "onToggle", "disabled"]);
+    const [isChecked, setIsChecked] = (0, react_1.useState)(controlledIsChecked || false);
+    const [checkboxId] = (0, react_1.useState)(generateId());
+    (0, react_1.useEffect)(() => {
+        if (controlledIsChecked !== undefined) {
+            setIsChecked(controlledIsChecked);
+        }
+    }, [controlledIsChecked]);
+    const toggleItem = () => {
+        if (disabled)
+            return;
+        if (onToggle) {
+            onToggle();
+        }
+        else {
+            setIsChecked(!isChecked);
+        }
+    };
+    const handleKeyDown = (event) => {
+        if (disabled)
+            return;
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            toggleItem();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, { vertical: "center", gap: "16", className: (0, classnames_1.default)(SharedInteractiveStyles_module_scss_1.default.container, className, {
+            [SharedInteractiveStyles_module_scss_1.default.disabled]: disabled,
+        }), style: style, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", ref: ref, "aria-checked": isIndeterminate
+                    ? "mixed"
+                    : controlledIsChecked !== undefined
+                        ? controlledIsChecked
+                        : isChecked, checked: controlledIsChecked !== undefined ? controlledIsChecked : isChecked, onChange: toggleItem, disabled: disabled, className: SharedInteractiveStyles_module_scss_1.default.hidden, tabIndex: -1 }), (0, jsx_runtime_1.jsxs)(_1.Flex, { style: {
+                    borderRadius: "min(var(--static-space-4), var(--radius-xs))",
+                }, role: "checkbox", tabIndex: 0, cursor: disabled ? "not-allowed" : undefined, horizontal: "center", vertical: "center", radius: "xs", "aria-checked": isIndeterminate
+                    ? "mixed"
+                    : controlledIsChecked !== undefined
+                        ? controlledIsChecked
+                        : isChecked, "aria-labelledby": checkboxId, onClick: toggleItem, onKeyDown: handleKeyDown, className: (0, classnames_1.default)(SharedInteractiveStyles_module_scss_1.default.element, {
+                    [SharedInteractiveStyles_module_scss_1.default.checked]: controlledIsChecked !== undefined
+                        ? controlledIsChecked || isIndeterminate
+                        : isChecked,
+                    [SharedInteractiveStyles_module_scss_1.default.disabled]: disabled,
+                }), children: [(controlledIsChecked !== undefined ? controlledIsChecked : isChecked) &&
+                        !isIndeterminate && ((0, jsx_runtime_1.jsx)(_1.Flex, { className: SharedInteractiveStyles_module_scss_1.default.icon, children: (0, jsx_runtime_1.jsx)(_1.Icon, { onSolid: "brand-strong", name: "checkbox", size: "xs" }) })), isIndeterminate && ((0, jsx_runtime_1.jsx)(_1.Flex, { className: SharedInteractiveStyles_module_scss_1.default.icon, children: (0, jsx_runtime_1.jsx)(_1.Icon, { onSolid: "brand-strong", name: "minus", size: "xs" }) }))] }), props.label && ((0, jsx_runtime_1.jsx)(_1.InteractiveDetails, Object.assign({ disabled: disabled, id: checkboxId }, props, { onClick: toggleItem })))] }));
+});
+exports.Checkbox = Checkbox;
+Checkbox.displayName = "Checkbox";
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

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

package/dist/components/Chip.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode, MouseEventHandler } from "react";
+import { IconButtonProps, Flex } from ".";
+import { IconName } from "../icons";
+interface ChipProps extends React.ComponentProps<typeof Flex> {
+    label: string;
+    selected?: boolean;
+    prefixIcon?: IconName;
+    onRemove?: () => void;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    children?: ReactNode;
+    iconButtonProps?: Partial<IconButtonProps>;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Chip: React.FC<ChipProps>;
+export { Chip };
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAExE,OAAO,EAA0B,eAAe,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6E7B,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Chip.js

@@ -0,0 +1,58 @@
+"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.Chip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const Chip_module_scss_1 = __importDefault(require("./Chip.module.scss"));
+const Chip = (0, react_1.forwardRef)((_a, ref) => {
+    var { label, selected = true, prefixIcon, onRemove, onClick, children, iconButtonProps = {} } = _a, rest = __rest(_a, ["label", "selected", "prefixIcon", "onRemove", "onClick", "children", "iconButtonProps"]);
+    const defaultIconButtonProps = {
+        icon: "close",
+        variant: "ghost",
+        size: "s",
+        tooltip: "Remove",
+        onClick: (e) => {
+            e.stopPropagation();
+            if (onRemove)
+                onRemove();
+        },
+    };
+    const combinedIconButtonProps = Object.assign(Object.assign(Object.assign({}, defaultIconButtonProps), iconButtonProps), { onClick: (e) => {
+            var _a, _b;
+            (_a = defaultIconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(defaultIconButtonProps, e);
+            (_b = iconButtonProps.onClick) === null || _b === void 0 ? void 0 : _b.call(iconButtonProps, e);
+        } });
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (onClick)
+                onClick(e);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ ref: ref, fit: true, vertical: "center", radius: "full", paddingX: "8", paddingY: "4", role: "button", tabIndex: 0, onClick: onClick, onKeyDown: handleKeyDown, "aria-pressed": selected, cursor: "interactive", transition: "micro-medium", className: (0, classnames_1.default)(Chip_module_scss_1.default.chip, {
+            [Chip_module_scss_1.default.selected]: selected,
+            [Chip_module_scss_1.default.unselected]: !selected,
+        }) }, rest, { children: [prefixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: prefixIcon, size: "s" }), (0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "8", paddingY: "2", children: (0, jsx_runtime_1.jsx)(_1.Text, { variant: "body-default-s", children: label || children }) }), onRemove && ((0, jsx_runtime_1.jsx)(_1.IconButton, Object.assign({ style: {
+                    color: "inherit",
+                } }, combinedIconButtonProps)))] })));
+});
+exports.Chip = Chip;
+Chip.displayName = "Chip";
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/once-ui/components/Chip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAwE;AACxE,4DAAoC;AACpC,wBAAkE;AAClE,0EAAwC;AAexC,MAAM,IAAI,GAAwB,IAAA,kBAAU,EAC1C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,eAAe,GAAG,EAAE,OAErB,EADI,IAAI,cART,yFASC,CADQ;IAIT,MAAM,sBAAsB,GAAoB;QAC9C,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,QAAQ;gBAAE,QAAQ,EAAE,CAAC;QAC3B,CAAC;KACF,CAAC;IAEF,MAAM,uBAAuB,iDACxB,sBAAsB,GACtB,eAAe,KAClB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;;YAClD,MAAA,sBAAsB,CAAC,OAAO,uEAAG,CAAC,CAAC,CAAC;YACpC,MAAA,eAAe,CAAC,OAAO,gEAAG,CAAC,CAAC,CAAC;QAC/B,CAAC,GACF,CAAC;IAEF,MAAM,aAAa,GAA+C,CAAC,CAAC,EAAE,EAAE;QACtE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,OAAO;gBAAE,OAAO,CAAC,CAAgD,CAAC,CAAC;QACzE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,OAAI,kBACH,GAAG,EAAE,GAAG,EACR,GAAG,QACH,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAC,GAAG,EACZ,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,kBACV,QAAQ,EACtB,MAAM,EAAC,aAAa,EACpB,UAAU,EAAC,cAAc,EACzB,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE;YACjC,CAAC,0BAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,0BAAM,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ;SAC/B,CAAC,IACE,IAAI,eAEP,UAAU,IAAI,uBAAC,OAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAC,GAAG,GAAG,EAClD,uBAAC,OAAI,IAAC,QAAQ,EAAC,GAAG,EAAC,QAAQ,EAAC,GAAG,YAC7B,uBAAC,OAAI,IAAC,OAAO,EAAC,gBAAgB,YAAE,KAAK,IAAI,QAAQ,GAAQ,GACpD,EACN,QAAQ,IAAI,CACX,uBAAC,aAAU,kBACT,KAAK,EAAE;oBACL,KAAK,EAAE,SAAS;iBACjB,IACG,uBAAuB,EAC3B,CACH,KACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/Chip.module.scss

@@ -0,0 +1,39 @@
+.chip {
+    white-space: nowrap;
+    user-select: none;
+
+    &.selected {
+        background: var(--brand-alpha-medium);
+        color: var(--brand-on-background-medium);
+
+        &:hover,
+        &:focus {
+            background: var(--brand-alpha-medium);
+        }
+
+        &:active {
+            background: var(--brand-alpha-weak);
+            color: var(--brand-on-background-weak);
+        }
+    }
+
+    &.unselected {
+        background: var(--neutral-alpha-weak);
+        color: var(--neutral-on-background-medium);
+
+        &:hover,
+        &:focus {
+            background: var(--neutral-alpha-medium);
+        }
+
+        &:active {
+            background: var(--neutral-alpha-weak);
+            color: var(--neutral-on-background-weak);
+        }
+    }
+
+    &:disabled {
+        background: var(--neutral-solid-weak);
+        cursor: not-allowed;
+    }
+}

package/dist/components/ColorInput.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { InputProps } from ".";
+interface ColorInputProps extends Omit<InputProps, "onChange" | "value"> {
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;
+export { ColorInput };
+//# sourceMappingURL=ColorInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/ColorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAe,UAAU,EAAoB,MAAM,GAAG,CAAC;AAE9D,UAAU,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,UAAU,0FAgGf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ColorInput.js

@@ -0,0 +1,59 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const ColorInput = (0, react_1.forwardRef)((_a, ref) => {
+    var { label, id, value, onChange } = _a, props = __rest(_a, ["label", "id", "value", "onChange"]);
+    const colorInputRef = (0, react_1.useRef)(null);
+    const handleHexClick = () => {
+        if (colorInputRef.current) {
+            colorInputRef.current.click();
+        }
+    };
+    const handleReset = () => {
+        onChange({
+            target: { value: "" },
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({ style: { cursor: "pointer" }, id: id, ref: colorInputRef, label: label, type: "color", value: value }, props, { hasPrefix: (0, jsx_runtime_1.jsxs)(_1.Flex, { children: [(0, jsx_runtime_1.jsx)(_1.Flex, { style: {
+                        width: value ? "var(--static-space-0)" : "var(--static-space-20)",
+                        transform: value ? "scale(0)" : "scale(1)",
+                        opacity: value ? "0" : "1",
+                        transition: "0.2s ease-in-out all",
+                    }, children: (0, jsx_runtime_1.jsx)(_1.Flex, { padding: "2", children: (0, jsx_runtime_1.jsx)(_1.Icon, { size: "xs", name: "eyeDropper", onBackground: "neutral-medium" }) }) }), (0, jsx_runtime_1.jsx)(_1.Flex, { border: "neutral-strong", className: `prefix ${value ? "" : "hidden"}`, onClick: handleHexClick, height: "20", radius: "xs", style: {
+                        backgroundColor: value,
+                        cursor: "pointer",
+                        width: value ? "var(--static-space-20)" : "var(--static-space-0)",
+                        transform: value ? "scale(1)" : "scale(0)",
+                        opacity: value ? "1" : "0",
+                        transition: "0.2s ease-in-out all",
+                    } })] }), hasSuffix: (0, jsx_runtime_1.jsxs)(_1.Flex, { className: `suffix ${value ? "" : "hidden"}`, position: "absolute", style: {
+                left: "var(--static-space-48)",
+                cursor: "pointer",
+                width: "calc(100% - var(--static-space-48))",
+            }, children: [(0, jsx_runtime_1.jsx)(_1.Flex, { onClick: handleHexClick, fillWidth: true, style: {
+                        opacity: value ? "1" : "0",
+                        transition: "opacity 0.2s ease-in-out",
+                    }, children: value }), value && ((0, jsx_runtime_1.jsx)(_1.IconButton, { onClick: handleReset, variant: "secondary", tooltip: "Remove", tooltipPosition: "left", icon: "close", style: {
+                        position: "absolute",
+                        right: "var(--static-space-12)",
+                        transform: "translateY(-50%)",
+                    } }))] }), onChange: onChange })));
+});
+exports.ColorInput = ColorInput;
+ColorInput.displayName = "ColorInput";
+//# sourceMappingURL=ColorInput.js.map