@studio-helga/once-ui-core 1.7.8

package/dist/components/Scroller.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+import classNames from "classnames";
+import { Flex, IconButton, Fade } from ".";
+import styles from "./Scroller.module.scss";
+const Scroller = ({ children, direction = "row", fadeColor, radius, className, style, onItemClick, ...rest }) => {
+    const scrollerRef = useRef(null);
+    const [showPrevButton, setShowPrevButton] = useState(false);
+    const [showNextButton, setShowNextButton] = 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
+    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
+    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.Children.map(children, (child, index) => {
+        if (React.isValidElement(child)) {
+            const { onClick: childOnClick, onKeyDown: childOnKeyDown, ...otherProps } = child.props;
+            return React.cloneElement(child, {
+                ...otherProps,
+                onClick: (e) => {
+                    childOnClick?.(e);
+                    onItemClick?.(index);
+                },
+                onKeyDown: (e) => {
+                    childOnKeyDown?.(e);
+                    if (e.key === "Enter" || e.key === " ") {
+                        childOnClick?.(e);
+                        onItemClick?.(index);
+                    }
+                },
+            });
+        }
+        return child;
+    });
+    return (_jsxs(Flex, { fillWidth: true, className: classNames(styles.container, className), style: style, ...rest, children: [showPrevButton && (_jsx(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: _jsx(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" }) })), _jsx(Flex, { fillWidth: true, zIndex: 0, radius: radius, direction: direction, className: classNames(styles.scroller, styles[direction]), ref: scrollerRef, children: wrappedChildren }), showNextButton && (_jsx(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: _jsx(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" }) }))] }));
+};
+Scroller.displayName = "Scroller";
+export { Scroller };
+//# sourceMappingURL=Scroller.js.map

package/dist/components/Scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scroller.js","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAa,IAAI,EAAE,MAAM,GAAG,CAAC;AACtD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAgB5C,MAAM,QAAQ,GAA4B,CAAC,EACzC,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,yDAAyD;IACzD,MAAM,6BAA6B,GAAG,GAAG,EAAE;QACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,cAAc,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;YACtF,MAAM,iBAAiB,GACrB,SAAS,KAAK,KAAK;gBACjB,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW;gBAC7C,CAAC,CAAC,QAAQ,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC;YAEpD,iCAAiC;YACjC,MAAM,YAAY,GAChB,SAAS,KAAK,KAAK;gBACjB,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW;gBAC7C,CAAC,CAAC,QAAQ,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC;YAEpD,iBAAiB,CAAC,YAAY,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC;YACtD,iBAAiB,CAAC,YAAY,IAAI,cAAc,GAAG,iBAAiB,GAAG,CAAC,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC,CAAC;IAEF,uBAAuB;IACvB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,gBAAgB;YAChB,6BAA6B,EAAE,CAAC;YAEhC,4BAA4B;YAC5B,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;YACnE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACrF,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,gCAAgC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,2CAA2C;QAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,6BAA6B,EAAE,CAAC;QAClC,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,YAAY,GAChB,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC;YAC7E,QAAQ,CAAC,QAAQ,CAAC;gBAChB,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,YAAY;gBACpD,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,YAAY,GAChB,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC;YAC7E,QAAQ,CAAC,QAAQ,CAAC;gBAChB,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY;gBACrD,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpE,IAAI,KAAK,CAAC,cAAc,CAAuB,KAAK,CAAC,EAAE,CAAC;YACtD,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;YAExF,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,UAAU;gBACb,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;oBAC/B,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;oBAClB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC;gBACD,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;oBACpC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;oBACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBACvC,YAAY,EAAE,CAAC,CAAQ,CAAC,CAAC;wBACzB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;oBACvB,CAAC;gBACH,CAAC;aACF,CAAC,CAAC;QACL,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,KAAM,IAAI,aACvF,cAAc,IAAI,CACjB,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,EACf,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,GAAG,EACX,UAAU,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzD,QAAQ,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACrD,EAAE,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC1C,MAAM,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC9C,UAAU,EAAE,SAAS,KAAK,KAAK,EAC/B,SAAS,EAAE,SAAS,KAAK,QAAQ,EACjC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC3C,GAAG,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC7C,MAAM,EAAE,CAAC,YAET,KAAC,UAAU,IACT,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EACvD,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;wBACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;4BACvC,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,gBAAgB,EAAE,CAAC;wBACrB,CAAC;oBACH,CAAC,EACD,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,WAAW,gBACR,iBAAiB,GAC5B,GACG,CACR,EACD,KAAC,IAAI,IACH,SAAS,QACT,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,EACzD,GAAG,EAAE,WAAW,YAEf,eAAe,GACX,EACN,cAAc,IAAI,CACjB,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,GAAG,EACX,QAAQ,EAAC,UAAU,EACnB,UAAU,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrD,QAAQ,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACnD,EAAE,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACxC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC1C,MAAM,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC9C,UAAU,EAAE,SAAS,KAAK,KAAK,EAC/B,SAAS,EAAE,SAAS,KAAK,QAAQ,EACjC,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC5C,MAAM,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAChD,MAAM,EAAE,CAAC,YAET,KAAC,UAAU,IACT,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAC1D,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;wBACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;4BACvC,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,gBAAgB,EAAE,CAAC;wBACrB,CAAC;oBACH,CAAC,EACD,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,WAAW,gBACR,aAAa,GACxB,GACG,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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,18 @@
+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;
+    compact?: boolean;
+    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/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,OAAO,CAAC,EAAE,OAAO,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,CAuHrD,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/SegmentedControl.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { ToggleButton, Scroller, Flex } from ".";
+const SegmentedControl = ({ buttons, onToggle, defaultSelected, fillWidth = true, selected, compact = false, className, style, ...scrollerProps }) => {
+    const [internalSelected, setInternalSelected] = useState(() => {
+        if (selected !== undefined)
+            return selected;
+        if (defaultSelected !== undefined)
+            return defaultSelected;
+        return buttons[0]?.value || "";
+    });
+    const buttonRefs = useRef([]);
+    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) => {
+        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;
+                buttonRefs.current[prevIndex]?.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;
+                buttonRefs.current[nextIndex]?.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 (_jsx(Scroller, { direction: "row", fillWidth: fillWidth, minWidth: 0, ...scrollerProps, role: "tablist", "aria-orientation": "horizontal", onKeyDown: handleKeyDown, children: _jsx(Flex, { fillWidth: fillWidth, gap: compact ? "-1" : "2", padding: compact ? "0" : "4", radius: "l", border: compact ? undefined : "neutral-alpha-weak", children: buttons.map((button, index) => {
+                return (_jsx(ToggleButton, { ref: (el) => {
+                        buttonRefs.current[index] = el;
+                    }, variant: compact ? "outline" : "ghost", radius: compact ? (index === 0 ? "left" : index === buttons.length - 1 ? "right" : "none") : undefined, selected: index === selectedIndex, onClick: (event) => handleButtonClick(button, event), role: "tab", className: className, style: { opacity: (index !== selectedIndex && !compact) ? 0.6 : 1, ...style }, "aria-selected": index === selectedIndex, "aria-controls": `panel-${button.value}`, tabIndex: index === selectedIndex ? 0 : -1, fillWidth: fillWidth, ...button }, button.value));
+            }) }) }));
+};
+SegmentedControl.displayName = "SegmentedControl";
+export { SegmentedControl };
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/SegmentedControl.js.map

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

package/dist/components/Select.d.ts

@@ -0,0 +1,19 @@
+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 | string[];
+    emptyState?: ReactNode;
+    onSelect?: (value: any) => void;
+    placement?: Placement;
+    searchable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    fillWidth?: boolean;
+    multiple?: boolean;
+}
+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/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,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,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,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;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoFD,QAAA,MAAM,MAAM,oFAgPX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Select.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, forwardRef, useId } from "react";
+import classNames from "classnames";
+import { DropdownWrapper, Flex, Icon, IconButton, Input, Option, Column, ArrowNavigation, useArrowNavigationContext, } from ".";
+import inputStyles from "./Input.module.scss";
+// Inner component that uses the arrow navigation context
+const SearchInput = ({ searchInputId, searchQuery, setSearchQuery, setIsDropdownOpen, handleClearSearch, handleBlur, selectRef, }) => {
+    const { handleKeyDown: navKeyDown } = useArrowNavigationContext();
+    return (_jsx(Input, { "data-scaling": "90", id: `select-search-${searchInputId}`, placeholder: "Search", height: "s", hasSuffix: searchQuery ? (_jsx(IconButton, { tooltip: "Clear", tooltipPosition: "left", icon: "close", variant: "ghost", size: "s", onClick: handleClearSearch })) : undefined, hasPrefix: _jsx(Icon, { name: "search", size: "xs" }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClick: (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            setIsDropdownOpen(true);
+        }, onFocus: (e) => {
+            e.stopPropagation();
+            setIsDropdownOpen(true);
+        }, onKeyDown: (e) => {
+            // Handle arrow keys and Enter for navigation
+            if (["ArrowDown", "ArrowUp", "Enter", "Home", "End"].includes(e.key)) {
+                navKeyDown(e);
+                return;
+            }
+            if (e.key === "Escape") {
+                e.preventDefault();
+                e.stopPropagation();
+                setIsDropdownOpen(false);
+                setSearchQuery("");
+                const mainInput = selectRef.current?.querySelector("input:not([id^='select-search'])");
+                if (mainInput instanceof HTMLInputElement) {
+                    mainInput.focus();
+                }
+            }
+        }, onBlur: (e) => {
+            const relatedTarget = e.relatedTarget;
+            const isClickInDropdown = selectRef.current && selectRef.current.contains(relatedTarget);
+            if (!isClickInDropdown) {
+                handleBlur(e);
+            }
+        } }));
+};
+const Select = forwardRef(({ options, value = "", onSelect, searchable = false, emptyState = "No results", minHeight, minWidth, maxWidth, placement, className, fillWidth = true, style, multiple = false, ...rest }, ref) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const [isFilled, setIsFilled] = useState(false);
+    const [internalValue, setInternalValue] = useState(multiple ? [] : value);
+    useEffect(() => {
+        if (value !== undefined) {
+            setInternalValue(value);
+        }
+    }, [value]);
+    const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+    const searchInputId = useId();
+    const [searchQuery, setSearchQuery] = useState("");
+    const selectRef = useRef(null);
+    const clearButtonRef = useRef(null);
+    // Track if we should skip the next focus event
+    const skipNextFocusRef = useRef(false);
+    // Track if we just selected an option to prevent reopening
+    const justSelectedRef = useRef(false);
+    const handleFocus = () => {
+        // Allow reopening the dropdown even after selection
+        setIsFocused(true);
+        setIsDropdownOpen(true);
+        // Set highlighted index to first option or current selection
+        const currentIndex = options.findIndex((option) => multiple
+            ? Array.isArray(currentValue) && currentValue.includes(option.value)
+            : option.value === currentValue);
+    };
+    const handleBlur = (event) => {
+        // Don't close dropdown if focus is moving to an element within the select component
+        if (selectRef.current && !selectRef.current.contains(event.relatedTarget)) {
+            // Only close if we're not moving to the dropdown or its children
+            const isMovingToDropdown = event.relatedTarget && event.relatedTarget.closest("[data-dropdown]");
+            if (!isMovingToDropdown) {
+                setIsFocused(false);
+                setIsDropdownOpen(false);
+            }
+        }
+    };
+    const handleSelect = (value) => {
+        if (multiple) {
+            const currentValues = Array.isArray(currentValue) ? currentValue : [];
+            const newValues = currentValues.includes(value)
+                ? currentValues.filter((v) => v !== value)
+                : [...currentValues, value];
+            setInternalValue(newValues);
+            onSelect?.(newValues);
+        }
+        else {
+            setInternalValue(value);
+            onSelect?.(value);
+            setIsDropdownOpen(false);
+        }
+        justSelectedRef.current = true;
+    };
+    const handleClearSearch = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setSearchQuery("");
+        const input = selectRef.current?.querySelector("input");
+        if (input) {
+            input.focus();
+        }
+    };
+    const currentValue = value !== undefined ? value : internalValue;
+    const selectedOption = options.find((opt) => opt.value === currentValue) || null;
+    // For multiple mode, get display text
+    const getDisplayText = () => {
+        if (multiple) {
+            const selectedValues = Array.isArray(currentValue) ? currentValue : [];
+            if (selectedValues.length === 0)
+                return "";
+            if (selectedValues.length === 1) {
+                const option = options.find((opt) => opt.value === selectedValues[0]);
+                return String(option?.label || selectedValues[0]);
+            }
+            return `${selectedValues.length} options selected`;
+        }
+        else {
+            return selectedOption?.label ? String(selectedOption.label) : "";
+        }
+    };
+    useEffect(() => {
+        if (isDropdownOpen) {
+            // Reset skip flag when dropdown opens
+            skipNextFocusRef.current = false;
+            // If searchable is true, focus the search input
+            if (searchable) {
+                setTimeout(() => {
+                    const searchInput = selectRef.current?.querySelector(`#select-search-${searchInputId}`);
+                    if (searchInput) {
+                        searchInput.focus();
+                    }
+                }, 0);
+            }
+        }
+    }, [isDropdownOpen, searchable, searchInputId]);
+    // Filter options based on search query
+    const filteredOptions = options.filter((option) => searchable
+        ? option.label?.toString().toLowerCase().includes(searchQuery.toLowerCase())
+        : true);
+    return (_jsx(DropdownWrapper, { fillWidth: fillWidth, minWidth: minWidth, maxWidth: maxWidth, ref: (node) => {
+            selectRef.current = node;
+            if (typeof ref === "function")
+                ref(node);
+            else if (ref)
+                ref.current = node;
+        }, isOpen: isDropdownOpen, onOpenChange: setIsDropdownOpen, placement: placement, closeAfterClick: false, disableTriggerClick: true, style: {
+            ...style,
+        }, trigger: _jsx(Input, { ...rest, style: {
+                textOverflow: "ellipsis",
+                ...style,
+            }, cursor: "interactive", value: getDisplayText(), onFocus: handleFocus, readOnly: true, className: classNames("fill-width", {
+                [inputStyles.filled]: isFilled,
+                [inputStyles.focused]: isFocused,
+                className,
+            }), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen }), dropdown: _jsx(Column, { fillWidth: true, padding: "4", "data-dropdown": "true", children: _jsxs(ArrowNavigation, { layout: "column", itemCount: filteredOptions.length, onSelect: (index) => {
+                    if (index >= 0 && index < filteredOptions.length) {
+                        handleSelect(filteredOptions[index].value);
+                    }
+                }, onEscape: () => setIsDropdownOpen(false), autoFocus: !searchable, disabled: false, children: [searchable && (_jsx(SearchInput, { searchInputId: searchInputId, searchQuery: searchQuery, setSearchQuery: setSearchQuery, setIsDropdownOpen: setIsDropdownOpen, handleClearSearch: handleClearSearch, handleBlur: handleBlur, selectRef: selectRef })), _jsxs(Column, { fillWidth: true, paddingTop: "4", gap: "2", children: [filteredOptions.map((option, index) => (_jsx(Option, { ...option, onClick: () => {
+                                    option.onClick?.(option.value);
+                                    handleSelect(option.value);
+                                    setIsDropdownOpen(false);
+                                }, selected: multiple
+                                    ? Array.isArray(currentValue) && currentValue.includes(option.value)
+                                    : option.value === currentValue, tabIndex: -1, hasPrefix: multiple ? (Array.isArray(currentValue) && currentValue.includes(option.value) ? (_jsx(Icon, { name: "check", size: "xs", onBackground: "neutral-weak" })) : Array.isArray(currentValue) && currentValue.length > 0 ? (_jsx(Flex, { minWidth: "20" })) : undefined) : undefined }, option.value))), searchQuery && filteredOptions.length === 0 && (_jsx(Flex, { fillWidth: true, center: true, paddingX: "16", paddingY: "32", children: emptyState }))] })] }) }) }));
+});
+Select.displayName = "Select";
+export { Select };
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

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

package/dist/components/ServerFlex.d.ts

@@ -0,0 +1,12 @@
+import { FlexBreakpointProps, CommonProps, DisplayProps, FlexProps, SizeProps, SpacingProps, StyleProps } from "../interfaces";
+interface ComponentProps extends FlexProps, SpacingProps, SizeProps, StyleProps, CommonProps, DisplayProps {
+    xl?: FlexBreakpointProps;
+    l?: FlexBreakpointProps;
+    m?: FlexBreakpointProps;
+    s?: FlexBreakpointProps;
+    xs?: FlexBreakpointProps;
+    isDefaultBreakpoints?: boolean;
+}
+declare const ServerFlex: import("react").ForwardRefExoticComponent<ComponentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { ServerFlex };
+//# sourceMappingURL=ServerFlex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,cACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,2GA4gBf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}