@sixthshift/design-system 0.1.0 → 0.3.0

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "@sixthshift/design-system/button";
+import { Select } from "@sixthshift/design-system/select";
+import { cn } from "@sixthshift/design-system/utils";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import * as React from "react";
+const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+const Pagination = React.forwardRef(({ page, pageSize, total, onPageChange, onPageSizeChange, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, rowsLabel = "Rows per page", className, ...props }, ref) => {
+    const start = total > 0 ? page * pageSize + 1 : 0;
+    const end = Math.min((page + 1) * pageSize, total);
+    const totalPages = Math.ceil(total / pageSize);
+    const canGoPrev = page > 0;
+    const canGoNext = page < totalPages - 1;
+    const selectOptions = pageSizeOptions.map((size) => ({
+        value: String(size),
+        label: String(size),
+    }));
+    const handlePageSizeChange = (value) => {
+        onPageSizeChange(Number(value));
+        onPageChange(0);
+    };
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center justify-between gap-4 px-4 py-2", className), ...props, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-fg-subtle text-sm", children: rowsLabel }), _jsx(Select, { value: String(pageSize), options: selectOptions, onValueChange: handlePageSizeChange, className: "w-20" })] }), _jsx("span", { className: "text-fg-subtle text-sm", children: total > 0 ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium text-fg-normal", children: start }), "-", _jsx("span", { className: "font-medium text-fg-normal", children: end }), " of ", _jsx("span", { className: "font-medium text-fg-normal", children: total })] })) : ("No results") }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => onPageChange(page - 1), disabled: !canGoPrev, "aria-label": "Previous page", children: _jsx(ChevronLeft, {}) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => onPageChange(page + 1), disabled: !canGoNext, "aria-label": "Next page", children: _jsx(ChevronRight, {}) })] })] }));
+});
+Pagination.displayName = "Pagination";
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

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

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+export type { PaginationProps } from "./Pagination.js";
+export { Pagination } from "./Pagination.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Pagination/index.js

@@ -0,0 +1,2 @@
+export { Pagination } from "./Pagination.js";
+//# sourceMappingURL=index.js.map

package/dist/components/Pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,26 @@
+import { type Placement } from "@floating-ui/react";
+import type * as React from "react";
+export type PopoverProps = {
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state for uncontrolled mode */
+    defaultOpen?: boolean;
+    /** Placement of the popover relative to trigger */
+    placement?: Placement;
+    /** Offset from the trigger in pixels */
+    offsetPx?: number;
+    /** Children - compound components */
+    children: React.ReactNode;
+};
+export declare const Popover: (({ open: controlledOpen, onOpenChange, defaultOpen, placement, offsetPx, children }: PopoverProps) => React.JSX.Element) & {
+    Trigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Body: React.ForwardRefExoticComponent<import("./index.js").PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAA6D,MAAM,oBAAoB,CAAC;AAEzI,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,MAAM,YAAY,GAAG;IACzB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAgDF,eAAO,MAAM,OAAO,wFA9C4G,YAAY;;;;;;;;CAkD1I,CAAC"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useInteractions } from "@floating-ui/react";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { useId } from "react";
+import { PopoverBody } from "./components/PopoverBody.js";
+import { PopoverClose } from "./components/PopoverClose.js";
+import { PopoverContext } from "./components/PopoverContext.js";
+import { PopoverTrigger } from "./components/PopoverTrigger.js";
+const PopoverRoot = ({ open: controlledOpen, onOpenChange, defaultOpen = false, placement = "bottom", offsetPx = 8, children }) => {
+    const [open, setOpen] = useControllableState({
+        value: controlledOpen,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: setOpen,
+        placement,
+        strategy: "fixed",
+        middleware: [offset(offsetPx), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    const click = useClick(context);
+    const dismiss = useDismiss(context);
+    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss]);
+    const id = useId();
+    const contentId = `popover-content-${id}`;
+    // `Popover.Body` is a `role="dialog"`, and a dialog with no accessible name is
+    // announced as just "dialog". There is no title sub-part to read from, so the
+    // trigger — which always has a label, because it is what the user clicked —
+    // names the popover. A caller passing their own `aria-label`/`aria-labelledby`
+    // to `Popover.Body` still wins.
+    const triggerId = `popover-trigger-${id}`;
+    const contextValue = {
+        open,
+        onOpenChange: setOpen,
+        refs: {
+            setReference: refs.setReference,
+            setFloating: refs.setFloating,
+        },
+        floatingStyles,
+        getReferenceProps,
+        getFloatingProps,
+        contentId,
+        triggerId,
+    };
+    return _jsx(PopoverContext.Provider, { value: contextValue, children: children });
+};
+export const Popover = Object.assign(PopoverRoot, {
+    Trigger: PopoverTrigger,
+    Body: PopoverBody,
+    Close: PopoverClose,
+});
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAkB,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACzI,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAiB7D,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,GAAG,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAgB,EAAE,EAAE;IAC9I,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,oBAAoB,CAAC;QAC3C,KAAK,EAAE,cAAc;QACrB,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QACpD,IAAI;QACJ,YAAY,EAAE,OAAO;QACrB,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,UAAU,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QAC7D,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElF,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,SAAS,GAAG,mBAAmB,EAAE,EAAE,CAAC;IAC1C,+EAA+E;IAC/E,8EAA8E;IAC9E,4EAA4E;IAC5E,+EAA+E;IAC/E,gCAAgC;IAChC,MAAM,SAAS,GAAG,mBAAmB,EAAE,EAAE,CAAC;IAE1C,MAAM,YAAY,GAAG;QACnB,IAAI;QACJ,YAAY,EAAE,OAAO;QACrB,IAAI,EAAE;YACJ,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B;QACD,cAAc;QACd,iBAAiB;QACjB,gBAAgB;QAChB,SAAS;QACT,SAAS;KACV,CAAC;IAEF,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAA2B,CAAC;AAC5F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;CACpB,CAAC,CAAC"}

package/dist/components/Popover/components/PopoverBody.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type PopoverBodyProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const PopoverBody: React.ForwardRefExoticComponent<PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PopoverBody.d.ts.map

package/dist/components/Popover/components/PopoverBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,eAAO,MAAM,WAAW,yFA4BtB,CAAC"}

package/dist/components/Popover/components/PopoverBody.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FloatingPortal } from "@floating-ui/react";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+import { usePopoverContext } from "./PopoverContext.js";
+export const PopoverBody = React.forwardRef(({ className, children, ...props }, forwardedRef) => {
+    const { open, refs, floatingStyles, getFloatingProps, contentId, triggerId } = usePopoverContext();
+    // `aria-labelledby` outranks `aria-label` in the name computation, so the
+    // trigger only names the dialog when the caller hasn't named it themselves.
+    const hasOwnLabel = props["aria-label"] !== undefined || props["aria-labelledby"] !== undefined;
+    if (!open)
+        return null;
+    return (_jsx(FloatingPortal, { children: _jsx("div", { ref: (node) => {
+                refs.setFloating(node);
+                if (typeof forwardedRef === "function")
+                    forwardedRef(node);
+                else if (forwardedRef)
+                    forwardedRef.current = node;
+            }, id: contentId, role: "dialog", "aria-labelledby": hasOwnLabel ? undefined : triggerId, style: floatingStyles, className: cn("z-popover rounded-lg border border-border-normal bg-bg-normal p-4 shadow-lg", className), ...getFloatingProps(props), children: children }) }));
+});
+PopoverBody.displayName = "PopoverBody";
+//# sourceMappingURL=PopoverBody.js.map

package/dist/components/Popover/components/PopoverBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBody.js","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIrD,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAChI,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEnG,0EAA0E;IAC1E,4EAA4E;IAC5E,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,iBAAiB,CAAC,KAAK,SAAS,CAAC;IAEhG,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,KAAC,cAAc,cACb,cACE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gBACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACvB,IAAI,OAAO,YAAY,KAAK,UAAU;oBAAE,YAAY,CAAC,IAAI,CAAC,CAAC;qBACtD,IAAI,YAAY;oBAAE,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YACrD,CAAC,EACD,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,QAAQ,qBACI,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,EAAE,CAAC,6EAA6E,EAAE,SAAS,CAAC,KACnG,gBAAgB,CAAC,KAAK,CAAC,YAE1B,QAAQ,GACL,GACS,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/Popover/components/PopoverClose.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type PopoverCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Render as child element */
+    asChild?: boolean;
+};
+export declare const PopoverClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Render as child element */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=PopoverClose.d.ts.map

package/dist/components/Popover/components/PopoverClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverClose.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverClose.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC9E,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,YAAY;IAJvB,8BAA8B;cACpB,OAAO;2CAkBjB,CAAC"}

package/dist/components/Popover/components/PopoverClose.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "../../../internal/Slot.js";
+import { usePopoverContext } from "./PopoverContext.js";
+export const PopoverClose = React.forwardRef(({ asChild = false, onClick, ...props }, ref) => {
+    const { onOpenChange } = usePopoverContext();
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: ref, type: asChild ? undefined : "button", onClick: (e) => {
+            onClick?.(e);
+            onOpenChange(false);
+        }, ...props }));
+});
+PopoverClose.displayName = "PopoverClose";
+//# sourceMappingURL=PopoverClose.js.map

package/dist/components/Popover/components/PopoverClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverClose.js","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverClose.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOrD,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAuC,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjI,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACpC,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;YAClD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACb,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/Popover/components/PopoverContext.d.ts

@@ -0,0 +1,16 @@
+export type PopoverContextValue = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    refs: {
+        setReference: (node: HTMLElement | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    };
+    floatingStyles: React.CSSProperties;
+    getReferenceProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getFloatingProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    contentId: string;
+    triggerId: string;
+};
+export declare const PopoverContext: import("react").Context<PopoverContextValue | null>;
+export declare function usePopoverContext(): PopoverContextValue;
+//# sourceMappingURL=PopoverContext.d.ts.map

package/dist/components/Popover/components/PopoverContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;KACjD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrF,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpF,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,wBAAgB,iBAAiB,wBAMhC"}

package/dist/components/Popover/components/PopoverContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const PopoverContext = createContext(null);
+export function usePopoverContext() {
+    const context = useContext(PopoverContext);
+    if (!context) {
+        throw new Error("Popover compound components must be used within <Popover>");
+    }
+    return context;
+}
+//# sourceMappingURL=PopoverContext.js.map

package/dist/components/Popover/components/PopoverContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.js","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgBlD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAE9E,MAAM,UAAU,iBAAiB;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;IAC/E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/components/Popover/components/PopoverTrigger.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type PopoverTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Render as child element */
+    asChild?: boolean;
+};
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Render as child element */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=PopoverTrigger.d.ts.map

package/dist/components/Popover/components/PopoverTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChF,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc;IAJzB,8BAA8B;cACpB,OAAO;2CAwBjB,CAAC"}

package/dist/components/Popover/components/PopoverTrigger.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "../../../internal/Slot.js";
+import { usePopoverContext } from "./PopoverContext.js";
+export const PopoverTrigger = React.forwardRef(({ asChild = false, children, ...props }, forwardedRef) => {
+    const { refs, getReferenceProps, contentId, triggerId, open } = usePopoverContext();
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { ref: (node) => {
+            refs.setReference(node);
+            if (typeof forwardedRef === "function")
+                forwardedRef(node);
+            else if (forwardedRef)
+                forwardedRef.current = node;
+        }, type: asChild ? undefined : "button", id: triggerId, "aria-haspopup": "dialog", "aria-expanded": open, "aria-controls": open ? contentId : undefined, ...getReferenceProps(props), children: children }));
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+//# sourceMappingURL=PopoverTrigger.js.map

package/dist/components/Popover/components/PopoverTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.js","sourceRoot":"","sources":["../../../../src/components/Popover/components/PopoverTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOrD,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAyC,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC/I,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,CAAC,IAA8B,EAAE,EAAE;YACtC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACxB,IAAI,OAAO,YAAY,KAAK,UAAU;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAC;iBACtD,IAAI,YAAY;gBAAE,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QACrD,CAAC,EACD,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACpC,EAAE,EAAE,SAAS,mBACC,QAAQ,mBACP,IAAI,mBACJ,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,KACvC,iBAAiB,CAAC,KAAK,CAAC,YAE3B,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,5 @@
+export { PopoverBody, type PopoverBodyProps } from "./components/PopoverBody.js";
+export { PopoverClose, type PopoverCloseProps, } from "./components/PopoverClose.js";
+export { PopoverTrigger, type PopoverTriggerProps, } from "./components/PopoverTrigger.js";
+export { Popover, type PopoverProps } from "./Popover.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/Popover/index.js

@@ -0,0 +1,5 @@
+export { PopoverBody } from "./components/PopoverBody.js";
+export { PopoverClose, } from "./components/PopoverClose.js";
+export { PopoverTrigger, } from "./components/PopoverTrigger.js";
+export { Popover } from "./Popover.js";
+//# sourceMappingURL=index.js.map

package/dist/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,GAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC"}

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type ProgressBarProps = {
+    completed: number;
+    total: number;
+    showFraction?: boolean;
+    /** Accessible name for the progress bar. */
+    label?: string;
+    className?: string;
+};
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,yFA+BvB,CAAC"}

package/dist/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Caption } from "@sixthshift/design-system/caption";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const ProgressBar = React.forwardRef(({ completed, total, showFraction = true, label = "Progress", className }, ref) => {
+    // A caller can hand us anything; the bar must not render an out-of-range
+    // width (a negative `width` is invalid CSS) or report impossible progress.
+    const isMeasurable = total > 0;
+    const clamped = isMeasurable ? Math.min(Math.max(completed, 0), total) : 0;
+    const percentage = isMeasurable ? (clamped / total) * 100 : 0;
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center gap-3", className), children: [_jsx("div", { role: "progressbar", "aria-label": label, "aria-valuemin": 0, "aria-valuemax": isMeasurable ? total : undefined, "aria-valuenow": isMeasurable ? clamped : undefined, "aria-valuetext": isMeasurable ? `${clamped} of ${total}` : undefined, className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-strong", children: _jsx("div", { className: "h-full rounded-full bg-fg-success transition-all", style: { width: `${percentage}%` } }) }), showFraction && (_jsxs(Caption, { className: "shrink-0", children: [completed, "/", total] }))] }));
+});
+ProgressBar.displayName = "ProgressBar";
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,EAAE,KAAK,GAAG,UAAU,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IAChF,yEAAyE;IACzE,2EAA2E;IAC3E,MAAM,YAAY,GAAG,KAAK,GAAG,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aAChE,cACE,IAAI,EAAC,aAAa,gBACN,KAAK,mBACF,CAAC,mBACD,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,mBAGhC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,oBACjC,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACnE,SAAS,EAAC,sDAAsD,YAEhE,cAAK,SAAS,EAAC,kDAAkD,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,GAAI,GACpG,EACL,YAAY,IAAI,CACf,MAAC,OAAO,IAAC,SAAS,EAAC,UAAU,aAC1B,SAAS,OAAG,KAAK,IACV,CACX,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar, type ProgressBarProps } from "./ProgressBar.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,2 @@
+export { ProgressBar } from "./ProgressBar.js";
+//# sourceMappingURL=index.js.map

package/dist/components/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC"}

package/dist/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+export type RadioButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+    /** Whether the radio button is selected */
+    checked?: boolean;
+    /** Callback when selection changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Input name for form submission (groups radio buttons together) */
+    name?: string;
+    /** Value submitted with form (defaults to "on") */
+    value?: string;
+    /** Label rendered next to the radio button. Wraps in a <Label> for a11y. */
+    label?: React.ReactNode;
+    /** Classes applied to the wrapping element when `label` is provided */
+    labelClassName?: string;
+};
+declare const RadioButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+    /** Whether the radio button is selected */
+    checked?: boolean;
+    /** Callback when selection changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Input name for form submission (groups radio buttons together) */
+    name?: string;
+    /** Value submitted with form (defaults to "on") */
+    value?: string;
+    /** Label rendered next to the radio button. Wraps in a <Label> for a11y. */
+    label?: React.ReactNode;
+    /** Classes applied to the wrapping element when `label` is provided */
+    labelClassName?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { RadioButton };
+//# sourceMappingURL=RadioButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACzG,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAQF,QAAA,MAAM,WAAW;IApBf,2CAA2C;cACjC,OAAO;IACjB,sCAAsC;sBACpB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,qEAAqE;WAC9D,MAAM;IACb,mDAAmD;YAC3C,MAAM;IACd,4EAA4E;YACpE,KAAK,CAAC,SAAS;IACvB,uEAAuE;qBACtD,MAAM;2CAqExB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/RadioButton/RadioButton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from "@sixthshift/design-system/label";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const RadioButtonIcon = () => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "h-2 w-2", "aria-hidden": "true", children: _jsx("circle", { cx: "12", cy: "12", r: "6" }) }));
+const RadioButton = React.forwardRef(({ className, checked = false, onCheckedChange, disabled, name, value = "on", label, labelClassName, id: idProp, ...props }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? (label ? generatedId : undefined);
+    const button = (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", role: "radio", id: id, "aria-checked": checked, "data-state": checked ? "checked" : "unchecked", disabled: disabled, ref: ref, onClick: () => onCheckedChange?.(!checked), className: cn("peer h-4 w-4 shrink-0 cursor-pointer rounded-full border border-border-brand shadow focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", checked && "bg-bg-brand text-fg-on-brand", className), ...props, children: _jsx("span", { className: "flex items-center justify-center text-current", children: checked && _jsx(RadioButtonIcon, {}) }) }), name && (_jsx("input", { type: "radio", "aria-hidden": true, tabIndex: -1, name: name, value: value, checked: checked, disabled: disabled, readOnly: true, style: {
+                    position: "absolute",
+                    pointerEvents: "none",
+                    opacity: 0,
+                    margin: 0,
+                    width: 0,
+                    height: 0,
+                } }))] }));
+    if (!label)
+        return button;
+    return (_jsxs("div", { className: cn("flex items-center gap-2", labelClassName), children: [button, _jsx(Label, { htmlFor: id, className: cn(disabled && "cursor-not-allowed opacity-50"), children: label })] }));
+});
+RadioButton.displayName = "RadioButton";
+export { RadioButton };
+//# sourceMappingURL=RadioButton.js.map

package/dist/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAC5B,cAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,YACpH,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,GAC5B,CACP,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClI,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEvD,MAAM,MAAM,GAAG,CACb,8BAEE,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,kBACQ,OAAO,gBACT,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC7C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1C,SAAS,EAAE,EAAE,CACX,iPAAiP,EACjP,OAAO,IAAI,8BAA8B,EACzC,SAAS,CACV,KACG,KAAK,YAET,eAAM,SAAS,EAAC,+CAA+C,YAAE,OAAO,IAAI,KAAC,eAAe,KAAG,GAAQ,GAChG,EACR,IAAI,IAAI,CACP,gBACE,IAAI,EAAC,OAAO,uBAEZ,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,aAAa,EAAE,MAAM;oBACrB,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,CAAC;oBACT,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;iBACV,GACD,CACH,IACA,CACJ,CAAC;IAEF,IAAI,CAAC,KAAK;QAAE,OAAO,MAAM,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,cAAc,CAAC,aAC1D,MAAM,EACP,KAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,IAAI,+BAA+B,CAAC,YAC3E,KAAK,GACA,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/RadioButton/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButton, type RadioButtonProps } from "./RadioButton.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/RadioButton/index.js

@@ -0,0 +1,2 @@
+export { RadioButton } from "./RadioButton.js";
+//# sourceMappingURL=index.js.map

package/dist/components/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC"}

package/dist/components/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+export type RadioButtonGroupOption = {
+    /** Unique value for the option */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+};
+export type RadioButtonGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onBlur"> & {
+    /** Controlled selected value */
+    value?: string;
+    /** Default selected value for uncontrolled mode */
+    defaultValue?: string;
+    /** Available options */
+    options: readonly RadioButtonGroupOption[];
+    /** Called when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Layout orientation */
+    orientation?: "vertical" | "horizontal";
+    /** Visual variant */
+    variant?: "default" | "button";
+    /** Button appearance (only applies when variant="button") */
+    appearance?: "segmented" | "separate";
+    /** Input name for form submission */
+    name?: string;
+    /** Disable all options */
+    disabled?: boolean;
+    /** Called when focus leaves the group entirely */
+    onBlur?: () => void;
+};
+declare const RadioButtonGroup: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur" | "onChange"> & {
+    /** Controlled selected value */
+    value?: string;
+    /** Default selected value for uncontrolled mode */
+    defaultValue?: string;
+    /** Available options */
+    options: readonly RadioButtonGroupOption[];
+    /** Called when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Layout orientation */
+    orientation?: "vertical" | "horizontal";
+    /** Visual variant */
+    variant?: "default" | "button";
+    /** Button appearance (only applies when variant="button") */
+    appearance?: "segmented" | "separate";
+    /** Input name for form submission */
+    name?: string;
+    /** Disable all options */
+    disabled?: boolean;
+    /** Called when focus leaves the group entirely */
+    onBlur?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export { RadioButtonGroup };
+//# sourceMappingURL=RadioButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,sBAAsB,GAAG;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,GAAG;IACtG,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC3C,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACtC,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,gBAAgB;IAtBpB,gCAAgC;YACxB,MAAM;IACd,mDAAmD;mBACpC,MAAM;IACrB,wBAAwB;aACf,SAAS,sBAAsB,EAAE;IAC1C,oCAAoC;oBACpB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IACvC,yBAAyB;kBACX,UAAU,GAAG,YAAY;IACvC,qBAAqB;cACX,SAAS,GAAG,QAAQ;IAC9B,6DAA6D;iBAChD,WAAW,GAAG,UAAU;IACrC,qCAAqC;WAC9B,MAAM;IACb,0BAA0B;eACf,OAAO;IAClB,kDAAkD;aACzC,MAAM,IAAI;wCAyJpB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/RadioButtonGroup/RadioButtonGroup.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { RadioButton } from "@sixthshift/design-system/radio-button";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+import { getRovingTargetIndex } from "../../internal/rovingFocus.js";
+const RadioButtonGroup = React.forwardRef(({ value: controlledValue, defaultValue = "", options, onValueChange, orientation = "vertical", variant = "default", appearance = "segmented", name, disabled, onBlur, className, ...props }, ref) => {
+    const [value, setValue] = useControllableState({
+        value: controlledValue,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const groupRef = React.useRef(null);
+    const mergedRef = React.useCallback((node) => {
+        groupRef.current = node;
+        if (typeof ref === "function")
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const handleFocusOut = React.useCallback((e) => {
+        if (!groupRef.current?.contains(e.relatedTarget)) {
+            onBlur?.();
+        }
+    }, [onBlur]);
+    const handleOptionSelect = (optionValue) => {
+        setValue(optionValue);
+    };
+    // A radiogroup is one tab stop with arrow-key navigation; without this each
+    // option is separately tabbable, which breaks the WAI-ARIA radio pattern.
+    const handleKeyDown = React.useCallback((event) => {
+        const enabled = Array.from(groupRef.current?.querySelectorAll('[role="radio"]') ?? []).filter((radio) => !radio.disabled);
+        const focused = event.target?.closest?.('[role="radio"]');
+        const target = getRovingTargetIndex(event.key, focused ? enabled.indexOf(focused) : -1, enabled.length);
+        if (target === null)
+            return;
+        event.preventDefault();
+        const next = enabled[target];
+        next?.focus();
+        // In the radio pattern, moving focus also moves the selection.
+        next?.click();
+    }, []);
+    // The tab stop is the checked option, or the first enabled one when nothing
+    // is checked yet, so the group is always reachable by keyboard.
+    const firstEnabledValue = options.find((option) => !(disabled || option.disabled))?.value;
+    const hasCheckedOption = options.some((option) => option.value === value);
+    const tabStopValue = hasCheckedOption ? value : firstEnabledValue;
+    if (variant === "button") {
+        const isVertical = orientation === "vertical";
+        const isSegmented = appearance === "segmented";
+        return (_jsxs("div", { ref: mergedRef, role: "radiogroup", onBlurCapture: handleFocusOut, onKeyDown: handleKeyDown, className: cn("inline-flex", isVertical ? "flex-col" : "flex-row", !isSegmented && (isVertical ? "gap-2" : "gap-2"), className), ...props, children: [options.map((option, index) => {
+                    const isChecked = value === option.value;
+                    const isDisabled = disabled || option.disabled;
+                    const isFirst = index === 0;
+                    const isLast = index === options.length - 1;
+                    return (
+                    // biome-ignore lint/a11y/useSemanticElements: Custom radio button group with button role="radio" is WAI-ARIA best practice
+                    _jsx("button", { type: "button", role: "radio", "aria-checked": isChecked, disabled: isDisabled, tabIndex: option.value === tabStopValue ? 0 : -1, onClick: () => handleOptionSelect(option.value), className: cn("inline-flex items-center justify-center px-4 py-2 font-medium text-sm transition-colors", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", isSegmented
+                            ? cn("border", isVertical
+                                ? cn(isFirst && "rounded-t-md", isLast && "rounded-b-md", !isFirst && "-mt-px")
+                                : cn(isFirst && "rounded-l-md", isLast && "rounded-r-md", !isFirst && "-ml-px"))
+                            : "rounded-md border", isChecked ? "border-border-brand bg-bg-brand text-fg-on-brand" : "border-border-normal bg-bg-normal text-fg-normal hover:bg-bg-subtle"), children: option.label }, option.value));
+                }), name && _jsx("input", { type: "hidden", name: name, value: value })] }));
+    }
+    return (_jsx("div", { ref: mergedRef, role: "radiogroup", onBlurCapture: handleFocusOut, onKeyDown: handleKeyDown, className: cn("flex", orientation === "vertical" ? "flex-col gap-3" : "flex-row gap-4", className), ...props, children: options.map((option) => {
+            const isChecked = value === option.value;
+            const isDisabled = disabled || option.disabled;
+            return (_jsx(RadioButton, { ...(name ? { name } : {}), value: option.value, checked: isChecked, onCheckedChange: () => handleOptionSelect(option.value), disabled: isDisabled, tabIndex: option.value === tabStopValue ? 0 : -1, label: option.label }, option.value));
+        }) }));
+});
+RadioButtonGroup.displayName = "RadioButtonGroup";
+export { RadioButtonGroup };
+//# sourceMappingURL=RadioButtonGroup.js.map