@once-ui-system/core 1.0.0

package/dist/components/Scroller.js

@@ -0,0 +1,147 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Scroller = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const _1 = require(".");
+const Scroller_module_scss_1 = __importDefault(require("./Scroller.module.scss"));
+const Scroller = (_a) => {
+    var { children, direction = "row", fadeColor, className, style, onItemClick } = _a, rest = __rest(_a, ["children", "direction", "fadeColor", "className", "style", "onItemClick"]);
+    const scrollerRef = (0, react_1.useRef)(null);
+    const [showPrevButton, setShowPrevButton] = (0, react_1.useState)(false);
+    const [showNextButton, setShowNextButton] = (0, react_1.useState)(false);
+    // Function to check and update scroll buttons visibility
+    const updateScrollButtonsVisibility = () => {
+        const scroller = scrollerRef.current;
+        if (scroller) {
+            const scrollPosition = direction === "row" ? scroller.scrollLeft : scroller.scrollTop;
+            const maxScrollPosition = direction === "row"
+                ? scroller.scrollWidth - scroller.clientWidth
+                : scroller.scrollHeight - scroller.clientHeight;
+            // Check if content is scrollable
+            const isScrollable = direction === "row"
+                ? scroller.scrollWidth > scroller.clientWidth
+                : scroller.scrollHeight > scroller.clientHeight;
+            setShowPrevButton(isScrollable && scrollPosition > 0);
+            setShowNextButton(isScrollable && scrollPosition < maxScrollPosition - 1);
+        }
+    };
+    // Handle scroll events
+    (0, react_1.useEffect)(() => {
+        const scroller = scrollerRef.current;
+        if (scroller) {
+            // Initial check
+            updateScrollButtonsVisibility();
+            // Add scroll event listener
+            scroller.addEventListener("scroll", updateScrollButtonsVisibility);
+            return () => scroller.removeEventListener("scroll", updateScrollButtonsVisibility);
+        }
+    }, [direction]);
+    // Re-check when children change
+    (0, react_1.useEffect)(() => {
+        // Use setTimeout to ensure DOM has updated
+        const timer = setTimeout(() => {
+            updateScrollButtonsVisibility();
+        }, 100);
+        return () => clearTimeout(timer);
+    }, [children]);
+    const handleScrollNext = () => {
+        const scroller = scrollerRef.current;
+        if (scroller) {
+            const scrollAmount = direction === "row" ? scroller.clientWidth / 2 : scroller.clientHeight / 2;
+            scroller.scrollBy({
+                [direction === "row" ? "left" : "top"]: scrollAmount,
+                behavior: "smooth",
+            });
+        }
+    };
+    const handleScrollPrev = () => {
+        const scroller = scrollerRef.current;
+        if (scroller) {
+            const scrollAmount = direction === "row" ? scroller.clientWidth / 2 : scroller.clientHeight / 2;
+            scroller.scrollBy({
+                [direction === "row" ? "left" : "top"]: -scrollAmount,
+                behavior: "smooth",
+            });
+        }
+    };
+    const wrappedChildren = react_1.default.Children.map(children, (child, index) => {
+        if (react_1.default.isValidElement(child)) {
+            const _a = child.props, { onClick: childOnClick, onKeyDown: childOnKeyDown } = _a, otherProps = __rest(_a, ["onClick", "onKeyDown"]);
+            return react_1.default.cloneElement(child, Object.assign(Object.assign({}, otherProps), { onClick: (e) => {
+                    childOnClick === null || childOnClick === void 0 ? void 0 : childOnClick(e);
+                    onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(index);
+                }, onKeyDown: (e) => {
+                    childOnKeyDown === null || childOnKeyDown === void 0 ? void 0 : childOnKeyDown(e);
+                    if (e.key === "Enter" || e.key === " ") {
+                        childOnClick === null || childOnClick === void 0 ? void 0 : childOnClick(e);
+                        onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(index);
+                    }
+                } }));
+        }
+        return child;
+    });
+    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ fillWidth: true, className: (0, classnames_1.default)(Scroller_module_scss_1.default.container, className), style: style }, rest, { children: [showPrevButton && ((0, jsx_runtime_1.jsx)(_1.Fade, { base: fadeColor, position: "absolute", padding: "4", horizontal: direction === "column" ? "center" : undefined, vertical: direction === "column" ? "start" : "center", to: direction === "row" ? "right" : "bottom", width: direction === "row" ? 4 : undefined, height: direction === "column" ? 4 : undefined, fillHeight: direction === "row", fillWidth: direction === "column", left: direction === "row" ? "0" : undefined, top: direction === "column" ? "0" : undefined, zIndex: 1, children: (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: direction === "row" ? "chevronLeft" : "chevronUp", onClick: handleScrollPrev, onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            handleScrollPrev();
+                        }
+                    }, size: "s", variant: "secondary", "aria-label": "Scroll Previous" }) })), (0, jsx_runtime_1.jsx)(_1.Flex, { fillWidth: true, zIndex: 0, radius: "m", direction: direction, className: (0, classnames_1.default)(Scroller_module_scss_1.default.scroller, Scroller_module_scss_1.default[direction]), ref: scrollerRef, children: wrappedChildren }), showNextButton && ((0, jsx_runtime_1.jsx)(_1.Fade, { base: fadeColor, padding: "4", position: "absolute", horizontal: direction === "column" ? "center" : "end", vertical: direction === "column" ? "end" : "center", to: direction === "row" ? "left" : "top", width: direction === "row" ? 4 : undefined, height: direction === "column" ? 4 : undefined, fillHeight: direction === "row", fillWidth: direction === "column", right: direction === "row" ? "0" : undefined, bottom: direction === "column" ? "0" : undefined, zIndex: 1, children: (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: direction === "row" ? "chevronRight" : "chevronDown", onClick: handleScrollNext, onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            handleScrollNext();
+                        }
+                    }, size: "s", variant: "secondary", "aria-label": "Scroll Next" }) }))] })));
+};
+exports.Scroller = Scroller;
+Scroller.displayName = "Scroller";
+//# sourceMappingURL=Scroller.js.map

package/dist/components/Scroller.js.map

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

package/dist/components/Scroller.module.scss

@@ -0,0 +1,20 @@
+.container {
+    isolation: isolate;
+}
+
+.scroller {
+    scrollbar-width: none;
+    isolation: isolate;
+  
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
+  
+.row {
+    overflow-x: auto;
+}
+  
+.column {
+    overflow-y: auto;
+}

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,17 @@
+import { Scroller, ToggleButtonProps } from ".";
+interface ButtonOption extends Omit<ToggleButtonProps, "selected"> {
+    value: string;
+}
+interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scroller>, "onToggle"> {
+    buttons: ButtonOption[];
+    onToggle: (value: string, event?: React.MouseEvent<HTMLButtonElement>) => void;
+    defaultSelected?: string;
+    fillWidth?: boolean;
+    selected?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SegmentedControl: React.FC<SegmentedControlProps>;
+export { SegmentedControl };
+export type { SegmentedControlProps, ButtonOption };
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC7F,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgHrD,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/SegmentedControl.js

@@ -0,0 +1,87 @@
+"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.SegmentedControl = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const SegmentedControl = (_a) => {
+    var { buttons, onToggle, defaultSelected, fillWidth = true, selected, className, style } = _a, scrollerProps = __rest(_a, ["buttons", "onToggle", "defaultSelected", "fillWidth", "selected", "className", "style"]);
+    const [internalSelected, setInternalSelected] = (0, react_1.useState)(() => {
+        var _a;
+        if (selected !== undefined)
+            return selected;
+        if (defaultSelected !== undefined)
+            return defaultSelected;
+        return ((_a = buttons[0]) === null || _a === void 0 ? void 0 : _a.value) || "";
+    });
+    const buttonRefs = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(() => {
+        if (selected !== undefined) {
+            setInternalSelected(selected);
+        }
+    }, [selected]);
+    const handleButtonClick = (clickedButton, event) => {
+        event.stopPropagation();
+        const newSelected = clickedButton.value;
+        setInternalSelected(newSelected);
+        onToggle(newSelected, event);
+    };
+    const handleKeyDown = (event) => {
+        var _a, _b;
+        const focusedIndex = buttonRefs.current.findIndex((ref) => ref === document.activeElement);
+        switch (event.key) {
+            case "ArrowLeft":
+            case "ArrowUp":
+                event.preventDefault();
+                const prevIndex = focusedIndex === -1
+                    ? buttons.length - 1 // If nothing is focused, focus the last item
+                    : focusedIndex > 0
+                        ? focusedIndex - 1
+                        : buttons.length - 1;
+                (_a = buttonRefs.current[prevIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+                break;
+            case "ArrowRight":
+            case "ArrowDown":
+                event.preventDefault();
+                const nextIndex = focusedIndex === -1
+                    ? 0 // If nothing is focused, focus the first item
+                    : focusedIndex < buttons.length - 1
+                        ? focusedIndex + 1
+                        : 0;
+                (_b = buttonRefs.current[nextIndex]) === null || _b === void 0 ? void 0 : _b.focus();
+                break;
+            case "Enter":
+            case " ": // Space key
+                event.preventDefault();
+                if (focusedIndex >= 0 && focusedIndex < buttons.length) {
+                    const focusedButton = buttons[focusedIndex];
+                    setInternalSelected(focusedButton.value);
+                    onToggle(focusedButton.value);
+                }
+                break;
+            default:
+                return;
+        }
+    };
+    const selectedIndex = buttons.findIndex((button) => button.value === internalSelected);
+    return ((0, jsx_runtime_1.jsx)(_1.Scroller, Object.assign({ direction: "row", fillWidth: fillWidth, minWidth: 0 }, scrollerProps, { role: "tablist", "aria-orientation": "horizontal", onKeyDown: handleKeyDown, children: (0, jsx_runtime_1.jsx)(_1.Flex, { fillWidth: fillWidth, gap: "-1", children: buttons.map((button, index) => {
+                return ((0, jsx_runtime_1.jsx)(_1.ToggleButton, Object.assign({ ref: (el) => {
+                        buttonRefs.current[index] = el;
+                    }, variant: "outline", radius: index === 0 ? "left" : index === buttons.length - 1 ? "right" : "none", selected: index === selectedIndex, onClick: (event) => handleButtonClick(button, event), role: "tab", className: className, style: style, "aria-selected": index === selectedIndex, "aria-controls": `panel-${button.value}`, tabIndex: index === selectedIndex ? 0 : -1, fillWidth: fillWidth }, button), button.value));
+            }) }) })));
+};
+exports.SegmentedControl = SegmentedControl;
+SegmentedControl.displayName = "SegmentedControl";
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/once-ui/components/SegmentedControl.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AAEb,iCAAoD;AACpD,wBAAoE;AAgBpE,MAAM,gBAAgB,GAAoC,CAAC,EAS1D,EAAE,EAAE;QATsD,EACzD,OAAO,EACP,QAAQ,EACR,eAAe,EACf,SAAS,GAAG,IAAI,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,OAEN,EADI,aAAa,cARyC,yFAS1D,CADiB;IAEhB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAS,GAAG,EAAE;;QACpE,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO,QAAQ,CAAC;QAC5C,IAAI,eAAe,KAAK,SAAS;YAAE,OAAO,eAAe,CAAC;QAC1D,OAAO,CAAA,MAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,cAAM,EAA+B,EAAE,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,iBAAiB,GAAG,CACxB,aAA2B,EAC3B,KAA0C,EAC1C,EAAE;QACF,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC;QACxC,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACjC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;;QACnE,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,QAAQ,CAAC,aAAa,CAAC,CAAC;QAE3F,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW,CAAC;YACjB,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,SAAS,GACb,YAAY,KAAK,CAAC,CAAC;oBACjB,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,6CAA6C;oBAClE,CAAC,CAAC,YAAY,GAAG,CAAC;wBAChB,CAAC,CAAC,YAAY,GAAG,CAAC;wBAClB,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC3B,MAAA,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,0CAAE,KAAK,EAAE,CAAC;gBACvC,MAAM;YACR,KAAK,YAAY,CAAC;YAClB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,SAAS,GACb,YAAY,KAAK,CAAC,CAAC;oBACjB,CAAC,CAAC,CAAC,CAAC,8CAA8C;oBAClD,CAAC,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;wBACjC,CAAC,CAAC,YAAY,GAAG,CAAC;wBAClB,CAAC,CAAC,CAAC,CAAC;gBACV,MAAA,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,0CAAE,KAAK,EAAE,CAAC;gBACvC,MAAM;YACR,KAAK,OAAO,CAAC;YACb,KAAK,GAAG,EAAE,YAAY;gBACpB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;oBACvD,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;oBAC5C,mBAAmB,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAChC,CAAC;gBACD,MAAM;YACR;gBACE,OAAO;QACX,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,gBAAgB,CAAC,CAAC;IAEvF,OAAO,CACL,uBAAC,WAAQ,kBACP,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,IACP,aAAa,IACjB,IAAI,EAAC,SAAS,sBACG,YAAY,EAC7B,SAAS,EAAE,aAAa,YAExB,uBAAC,OAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAC,IAAI,YACjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC7B,OAAO,CACL,uBAAC,eAAY,kBACX,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;wBACV,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,EAAuB,CAAC;oBACtD,CAAC,EACD,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAE9E,QAAQ,EAAE,KAAK,KAAK,aAAa,EACjC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,EACpD,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,mBACG,KAAK,KAAK,aAAa,mBACvB,SAAS,MAAM,CAAC,KAAK,EAAE,EACtC,QAAQ,EAAE,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1C,SAAS,EAAE,SAAS,IAChB,MAAM,GAVL,MAAM,CAAC,KAAK,CAWjB,CACH,CAAC;YACJ,CAAC,CAAC,GACG,IACE,CACZ,CAAC;AACJ,CAAC,CAAC;AAIO,4CAAgB;AAFzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/components/Select.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+import { InputProps, OptionProps, DropdownWrapperProps } from ".";
+import { Placement } from "@floating-ui/react-dom";
+type SelectOptionType = Omit<OptionProps, "selected">;
+interface SelectProps extends Omit<InputProps, "onSelect" | "value">, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
+    options: SelectOptionType[];
+    value?: string;
+    emptyState?: ReactNode;
+    onSelect?: (value: string) => void;
+    placement?: Placement;
+    searchable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export { Select };
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EACrB,MAAM,GAAG,CAAC;AAEX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,oFAoOX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Select.js

@@ -0,0 +1,148 @@
+"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.Select = 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 Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
+const Select = (0, react_1.forwardRef)((_a, ref) => {
+    var { options, value = "", onSelect, searchable = false, emptyState = "No results", minHeight, minWidth, maxWidth, placement, className, style } = _a, rest = __rest(_a, ["options", "value", "onSelect", "searchable", "emptyState", "minHeight", "minWidth", "maxWidth", "placement", "className", "style"]);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const [isFilled, setIsFilled] = (0, react_1.useState)(!!value);
+    const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
+    const [highlightedIndex, setHighlightedIndex] = (0, react_1.useState)(() => {
+        if (!(options === null || options === void 0 ? void 0 : options.length) || !value)
+            return null;
+        return options.findIndex((option) => option.value === value);
+    });
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)("");
+    const selectRef = (0, react_1.useRef)(null);
+    const clearButtonRef = (0, react_1.useRef)(null);
+    const handleFocus = () => {
+        setIsFocused(true);
+    };
+    const handleBlur = (event) => {
+        if (selectRef.current && !selectRef.current.contains(event.relatedTarget)) {
+            setIsFocused(false);
+            setIsDropdownOpen(false);
+        }
+    };
+    const handleSelect = (value) => {
+        if (onSelect)
+            onSelect(value);
+        setIsDropdownOpen(false);
+        setIsFilled(true);
+    };
+    const handleKeyDown = (event) => {
+        if (!isFocused && event.key !== "Enter")
+            return;
+        switch (event.key) {
+            case "Escape":
+                setIsDropdownOpen(false);
+                break;
+            case "ArrowDown":
+                if (!isDropdownOpen) {
+                    setIsDropdownOpen(true);
+                    break;
+                }
+                event.preventDefault();
+                setHighlightedIndex((prevIndex) => {
+                    const newIndex = prevIndex === null || prevIndex === options.length - 1 ? 0 : prevIndex + 1;
+                    return newIndex;
+                });
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                setHighlightedIndex((prevIndex) => {
+                    const newIndex = prevIndex === null || prevIndex === 0 ? options.length - 1 : prevIndex - 1;
+                    return newIndex;
+                });
+                break;
+            case "Enter":
+                event.preventDefault();
+                if (highlightedIndex !== null && isDropdownOpen) {
+                    handleSelect(options[highlightedIndex].value);
+                }
+                else {
+                    setIsDropdownOpen(true);
+                }
+                break;
+            default:
+                break;
+        }
+    };
+    const handleClearSearch = (e) => {
+        var _a;
+        e.preventDefault();
+        e.stopPropagation();
+        setSearchQuery("");
+        // Force focus back to the input after clearing
+        const input = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+        if (input) {
+            input.focus();
+        }
+    };
+    const selectedOption = options.find((opt) => opt.value === value);
+    (0, react_1.useEffect)(() => {
+        const handleClickOutside = (event) => {
+            var _a;
+            if (selectRef.current &&
+                !selectRef.current.contains(event.target) &&
+                !((_a = clearButtonRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                setIsDropdownOpen(false);
+            }
+        };
+        const handleFocusOut = (event) => {
+            if (event.target instanceof HTMLInputElement) {
+                handleBlur(event);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener("focusout", handleFocusOut);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("focusout", handleFocusOut);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(_1.DropdownWrapper, { fillWidth: true, ref: (node) => {
+            selectRef.current = node;
+            if (typeof ref === "function")
+                ref(node);
+            else if (ref)
+                ref.current = node;
+        }, isOpen: isDropdownOpen, onOpenChange: setIsDropdownOpen, placement: placement, minHeight: minHeight, trigger: (0, jsx_runtime_1.jsx)(_1.Input, Object.assign({}, rest, { style: Object.assign({ textOverflow: "ellipsis" }, style), cursor: "interactive", value: typeof (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) === "string" ? selectedOption.label : "", onFocus: handleFocus, onKeyDown: handleKeyDown, readOnly: true, className: (0, classnames_1.default)("fill-width", {
+                [Input_module_scss_1.default.filled]: isFilled,
+                [Input_module_scss_1.default.focused]: isFocused,
+                className,
+            }), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen })), dropdown: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchable && ((0, jsx_runtime_1.jsx)(_1.Flex, { fillWidth: true, children: (0, jsx_runtime_1.jsx)(_1.Input, { "data-scaling": "90", style: {
+                            marginTop: "-1px",
+                            marginLeft: "-1px",
+                            width: "calc(100% + 2px)",
+                        }, id: "search", placeholder: "Search", height: "s", radius: "none", hasSuffix: searchQuery ? ((0, jsx_runtime_1.jsx)(_1.IconButton, { tooltip: "Clear", tooltipPosition: "left", icon: "close", variant: "ghost", size: "s", onClick: handleClearSearch })) : undefined, hasPrefix: (0, jsx_runtime_1.jsx)(_1.Icon, { name: "search", size: "xs" }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClick: (e) => e.stopPropagation(), onBlur: handleBlur }) })), (0, jsx_runtime_1.jsxs)(_1.Flex, { fillWidth: true, padding: "4", direction: "column", gap: "2", children: [options
+                            .filter((option) => { var _a; return (_a = option.label) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase().includes(searchQuery.toLowerCase()); })
+                            .map((option, index) => ((0, jsx_runtime_1.jsx)(_1.Option, Object.assign({}, option, { onClick: () => {
+                                var _a;
+                                (_a = option.onClick) === null || _a === void 0 ? void 0 : _a.call(option, option.value);
+                                handleSelect(option.value);
+                            }, selected: option.value === value, highlighted: index === highlightedIndex, tabIndex: -1 }), option.value))), searchQuery &&
+                            options.filter((option) => { var _a; return (_a = option.label) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase().includes(searchQuery.toLowerCase()); }).length === 0 && ((0, jsx_runtime_1.jsx)(_1.Flex, { fillWidth: true, vertical: "center", horizontal: "center", paddingX: "16", paddingY: "32", children: emptyState }))] })] }) }));
+});
+exports.Select = Select;
+Select.displayName = "Select";
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/once-ui/components/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAkF;AAClF,4DAAoC;AACpC,wBAUW;AACX,4EAA8C;AAkB9C,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,OAAO,EACP,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,YAAY,EACzB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,OAEN,EADI,IAAI,cAZT,oIAaC,CADQ;IAIT,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,GAAG,EAAE;QAC3E,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAC5C,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAyC,EAAE,EAAE;QAC/D,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAqB,CAAC,EAAE,CAAC;YAClF,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA4C,EAAE,EAAE;QACrE,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;YAAE,OAAO;QAEhD,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBACzB,MAAM;YACR,KAAK,WAAW;gBACd,IAAI,CAAC,cAAc,EAAE,CAAC;oBACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;oBACxB,MAAM;gBACR,CAAC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,mBAAmB,CAAC,CAAC,SAAS,EAAE,EAAE;oBAChC,MAAM,QAAQ,GACZ,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;oBAC7E,OAAO,QAAQ,CAAC;gBAClB,CAAC,CAAC,CAAC;gBACH,MAAM;YAER,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,mBAAmB,CAAC,CAAC,SAAS,EAAE,EAAE;oBAChC,MAAM,QAAQ,GACZ,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC;oBAC7E,OAAO,QAAQ,CAAC;gBAClB,CAAC,CAAC,CAAC;gBACH,MAAM;YAER,KAAK,OAAO;gBACV,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,gBAAgB,KAAK,IAAI,IAAI,cAAc,EAAE,CAAC;oBAChD,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAC;gBAChD,CAAC;qBAAM,CAAC;oBACN,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAC1B,CAAC;gBACD,MAAM;YAER;gBACE,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAmB,EAAE,EAAE;;QAChD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,+CAA+C;QAC/C,MAAM,KAAK,GAAG,MAAA,SAAS,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QACxD,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAC/C,IACE,SAAS,CAAC,OAAO;gBACjB,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBACjD,CAAC,CAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EACvD,CAAC;gBACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC3C,IAAI,KAAK,CAAC,MAAM,YAAY,gBAAgB,EAAE,CAAC;gBAC7C,UAAU,CAAC,KAAsD,CAAC,CAAC;YACrE,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAEtD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,kBAAe,IACd,SAAS,QACT,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACZ,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,IAAI,OAAO,GAAG,KAAK,UAAU;gBAAE,GAAG,CAAC,IAAI,CAAC,CAAC;iBACpC,IAAI,GAAG;gBAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACnC,CAAC,EACD,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,iBAAiB,EAC/B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EACL,uBAAC,QAAK,oBACA,IAAI,IACR,KAAK,kBACH,YAAY,EAAE,UAAU,IACrB,KAAK,GAEV,MAAM,EAAC,aAAa,EACpB,KAAK,EAAE,OAAO,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAA,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC5E,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,QAAQ,QACR,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,EAAE;gBAClC,CAAC,2BAAW,CAAC,MAAM,CAAC,EAAE,QAAQ;gBAC9B,CAAC,2BAAW,CAAC,OAAO,CAAC,EAAE,SAAS;gBAChC,SAAS;aACV,CAAC,mBACY,SAAS,mBACR,cAAc,IAC7B,EAEJ,QAAQ,EACN,6DACG,UAAU,IAAI,CACb,uBAAC,OAAI,IAAC,SAAS,kBACb,uBAAC,QAAK,oBACS,IAAI,EACjB,KAAK,EAAE;4BACL,SAAS,EAAE,MAAM;4BACjB,UAAU,EAAE,MAAM;4BAClB,KAAK,EAAE,kBAAkB;yBAC1B,EACD,EAAE,EAAC,QAAQ,EACX,WAAW,EAAC,QAAQ,EACpB,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,MAAM,EACb,SAAS,EACP,WAAW,CAAC,CAAC,CAAC,CACZ,uBAAC,aAAU,IACT,OAAO,EAAC,OAAO,EACf,eAAe,EAAC,MAAM,EACtB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,iBAAiB,GAC1B,CACH,CAAC,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,uBAAC,OAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,GAAG,EAC3C,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,MAAM,EAAE,UAAU,GAClB,GACG,CACR,EACD,wBAAC,OAAI,IAAC,SAAS,QAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACnD,OAAO;6BACL,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,WACjB,OAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA,EAAA,CAC3E;6BACA,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACtB,uBAAC,SAAM,oBAED,MAAM,IACV,OAAO,EAAE,GAAG,EAAE;;gCACZ,MAAA,MAAM,CAAC,OAAO,uDAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gCAC/B,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAC7B,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,EAChC,WAAW,EAAE,KAAK,KAAK,gBAAgB,EACvC,QAAQ,EAAE,CAAC,CAAC,KARP,MAAM,CAAC,KAAK,CASjB,CACH,CAAC,EACH,WAAW;4BACV,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,WACxB,OAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA,EAAA,CAC3E,CAAC,MAAM,KAAK,CAAC,IAAI,CAChB,uBAAC,OAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,YAC9E,UAAU,GACN,CACR,IACE,IACN,GAEL,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/SharedInteractiveStyles.module.scss

@@ -0,0 +1,91 @@
+.container {
+    cursor: var(--cursor-interactive);
+    isolation: isolate;
+
+    &:hover, &:focus {
+        .element.checked .element::before {
+            display: none;
+        }
+    }
+}
+
+.element {
+    box-shadow: inset 0 0 0 var(--solid-inset-color-brand);
+    border-color: var(--solid-border-color-neutral);
+    border-style: solid;
+    border-width: 1px;
+    width: var(--static-space-20);
+    height: var(--static-space-20);
+    min-width: var(--static-space-20);
+    min-height: var(--static-space-20);
+    transition: var(--transition-micro-medium);
+    background-color: var(--background-surface);
+    outline: none;
+
+    &.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);
+    }
+}
+
+.disabled {
+    .element {
+        opacity: 0.6;
+    }
+
+    .element::before {
+        display: none;
+    }
+}
+
+.container:hover .element::before,
+.element:focus-within::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);
+    }
+}
+
+.icon {
+    animation: scaleIn 0.2s forwards;
+    animation-delay: 0.1s;
+    transform: scale(0);
+}
+
+@keyframes scaleIn {
+    from {
+        transform: scale(0);
+    }
+    to {
+        transform: scale(1);
+    }
+}
+
+.hidden {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+}
+
+.indeterminate {
+    background: var(--brand-on-solid-strong);
+    width: var(--static-space-12);
+    height: var(--static-space-2);
+}

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Flex } from ".";
+interface SkeletonProps extends React.ComponentProps<typeof Flex> {
+    shape: "line" | "circle" | "block";
+    width?: "xl" | "l" | "m" | "s" | "xs";
+    height?: "xl" | "l" | "m" | "s" | "xs";
+    delay?: "1" | "2" | "3" | "4" | "5" | "6";
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/once-ui/components/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Skeleton.js

@@ -0,0 +1,30 @@
+"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.Skeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const Skeleton_module_scss_1 = __importDefault(require("./Skeleton.module.scss"));
+const _1 = require(".");
+const Skeleton = (0, react_1.forwardRef)((_a, ref) => {
+    var { shape = "line", width = "m", height = "m", delay, style, className } = _a, props = __rest(_a, ["shape", "width", "height", "delay", "style", "className"]);
+    return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({}, props, { ref: ref, style: style, radius: shape === "line" || shape === "circle" ? "full" : undefined, inline: true, className: (0, classnames_1.default)(Skeleton_module_scss_1.default.skeleton, Skeleton_module_scss_1.default[shape], width && Skeleton_module_scss_1.default["w-" + width], height && Skeleton_module_scss_1.default["h-" + height], delay && Skeleton_module_scss_1.default["delay-" + delay], className) })));
+});
+exports.Skeleton = Skeleton;
+Skeleton.displayName = "Skeleton";
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/once-ui/components/Skeleton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA0C;AAC1C,4DAAoC;AAEpC,kFAA4C;AAC5C,wBAAyB;AAWzB,MAAM,QAAQ,GAA4B,IAAA,kBAAU,EAClD,CAAC,EAAgF,EAAE,GAAG,EAAE,EAAE;QAAzF,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,OAAY,EAAP,KAAK,cAA9E,2DAAgF,CAAF;IAC7E,OAAO,CACL,uBAAC,OAAI,oBACC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACnE,MAAM,QACN,SAAS,EAAE,IAAA,oBAAU,EACnB,8BAAM,CAAC,QAAQ,EACf,8BAAM,CAAC,KAAK,CAAC,EACb,KAAK,IAAI,8BAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAC7B,MAAM,IAAI,8BAAM,CAAC,IAAI,GAAG,MAAM,CAAC,EAC/B,KAAK,IAAI,8BAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,EACjC,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}