@sixthshift/design-system 0.1.0 → 0.2.1

package/dist/components/Toast/Toast.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FloatingPortal } from "@floating-ui/react";
+import { Button } from "@sixthshift/design-system/button";
+import { usePresence } from "@sixthshift/design-system/hooks";
+import { Message, MessageBody, MessageDescription, MessageIcon, MessageTitle } from "@sixthshift/design-system/message";
+import { cn } from "@sixthshift/design-system/utils";
+import { X } from "lucide-react";
+import * as React from "react";
+// =============================================================================
+// Toast
+// =============================================================================
+export const Toast = React.forwardRef(({ className, intent = "neutral", title, icon, action, onAction, onClose, root, standalone = true, children, ...props }, ref) => {
+    const { ref: presenceRef, state, isMounted, show, hide } = usePresence();
+    // Start enter animation on mount
+    React.useEffect(() => {
+        show();
+    }, [show]);
+    // Handle close with exit animation
+    const handleClose = React.useCallback(() => {
+        hide(() => {
+            onClose?.();
+        });
+    }, [hide, onClose]);
+    // Merge refs
+    const mergedRef = React.useCallback((node) => {
+        presenceRef(node);
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [presenceRef, ref]);
+    if (!isMounted)
+        return null;
+    const isEntering = state === "entering";
+    const isExiting = state === "exiting";
+    const content = (_jsx("div", { ref: mergedRef, className: cn("max-w-sm shadow-lg", standalone && "fixed bottom-6 left-1/2 z-toast -translate-x-1/2", isEntering && "animate-fade-in", isExiting && "animate-fade-out", className), ...props, children: _jsxs(Message, { intent: intent, children: [icon && _jsx(MessageIcon, { children: icon }), _jsxs(MessageBody, { children: [title && _jsx(MessageTitle, { children: title }), _jsxs(MessageDescription, { children: [children, action && (_jsx("div", { className: "mt-2", children: _jsx(Button, { variant: "link", size: "sm", className: "h-auto p-0 font-medium", onClick: onAction, children: action }) }))] })] }), onClose && (_jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0 opacity-70 hover:opacity-100", onClick: handleClose, "aria-label": "Dismiss", children: _jsx(X, { className: "h-4 w-4" }) }))] }) }));
+    if (standalone) {
+        return _jsx(FloatingPortal, { ...(root ? { root } : {}), children: content });
+    }
+    return content;
+});
+Toast.displayName = "Toast";
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast/Toast.js.map

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

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

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

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

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

package/dist/components/Toast/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC"}

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,33 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { buttonVariants } from "../Button/Button.js";
+/**
+ * Pressed-state backgrounds matching Button's active: states.
+ * When a toggle is "on", its resting background becomes the pressed token.
+ */
+declare const togglePressedVariants: (props?: ({
+    variant?: "link" | "solid" | "outline" | "ghost" | null | undefined;
+    intent?: "neutral" | "danger" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & VariantProps<typeof buttonVariants> & {
+    /** Controlled pressed state */
+    pressed?: boolean;
+    /** Default pressed state for uncontrolled mode */
+    defaultPressed?: boolean;
+    /** Called when pressed state changes */
+    onPressedChange?: (pressed: boolean) => void;
+};
+declare const Toggle: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & VariantProps<(props?: ({
+    variant?: "link" | "solid" | "outline" | "ghost" | null | undefined;
+    intent?: "neutral" | "danger" | "success" | "warning" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Controlled pressed state */
+    pressed?: boolean;
+    /** Default pressed state for uncontrolled mode */
+    defaultPressed?: boolean;
+    /** Called when pressed state changes */
+    onPressedChange?: (pressed: boolean) => void;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle, togglePressedVariants };
+//# sourceMappingURL=Toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;GAGG;AACH,QAAA,MAAM,qBAAqB;;;8EAuBzB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GACjG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEJ,QAAA,MAAM,MAAM;;;;;IARR,+BAA+B;cACrB,OAAO;IACjB,kDAAkD;qBACjC,OAAO;IACxB,wCAAwC;sBACtB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;2CA0B/C,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { cn } from "@sixthshift/design-system/utils";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { buttonVariants } from "../Button/Button.js";
+/**
+ * Pressed-state backgrounds matching Button's active: states.
+ * When a toggle is "on", its resting background becomes the pressed token.
+ */
+const togglePressedVariants = cva("", {
+    variants: {
+        variant: { solid: "", outline: "", ghost: "", link: "" },
+        intent: { neutral: "", danger: "", success: "", warning: "" },
+    },
+    compoundVariants: [
+        // Solid — use the main -pressed background
+        { variant: "solid", intent: "neutral", className: "bg-bg-brand-pressed hover:bg-bg-brand-pressed" },
+        { variant: "solid", intent: "danger", className: "bg-bg-danger-pressed hover:bg-bg-danger-pressed" },
+        { variant: "solid", intent: "success", className: "bg-bg-success-pressed hover:bg-bg-success-pressed" },
+        { variant: "solid", intent: "warning", className: "bg-bg-warning-pressed hover:bg-bg-warning-pressed" },
+        // Outline — use the subtle -pressed background
+        { variant: "outline", intent: "neutral", className: "bg-bg-subtle-pressed text-fg-normal hover:bg-bg-subtle-pressed" },
+        { variant: "outline", intent: "danger", className: "bg-bg-danger-subtle-pressed text-fg-on-danger-subtle-pressed hover:bg-bg-danger-subtle-pressed" },
+        { variant: "outline", intent: "success", className: "bg-bg-success-subtle-pressed text-fg-on-success-subtle-pressed hover:bg-bg-success-subtle-pressed" },
+        { variant: "outline", intent: "warning", className: "bg-bg-warning-subtle-pressed text-fg-on-warning-subtle-pressed hover:bg-bg-warning-subtle-pressed" },
+        // Ghost — same as outline
+        { variant: "ghost", intent: "neutral", className: "bg-bg-subtle-pressed text-fg-normal hover:bg-bg-subtle-pressed" },
+        { variant: "ghost", intent: "danger", className: "bg-bg-danger-subtle-pressed text-fg-on-danger-subtle-pressed hover:bg-bg-danger-subtle-pressed" },
+        { variant: "ghost", intent: "success", className: "bg-bg-success-subtle-pressed text-fg-on-success-subtle-pressed hover:bg-bg-success-subtle-pressed" },
+        { variant: "ghost", intent: "warning", className: "bg-bg-warning-subtle-pressed text-fg-on-warning-subtle-pressed hover:bg-bg-warning-subtle-pressed" },
+    ],
+    defaultVariants: { variant: "solid", intent: "neutral" },
+});
+const Toggle = React.forwardRef(({ className, variant, intent, size, pressed: controlledPressed, defaultPressed = false, onPressedChange, disabled, children, ...props }, ref) => {
+    const [pressed, setPressed] = useControllableState({
+        value: controlledPressed,
+        defaultValue: defaultPressed,
+        onChange: onPressedChange,
+    });
+    return (_jsx("button", { type: "button", "aria-pressed": pressed, "data-state": pressed ? "on" : "off", disabled: disabled, ref: ref, onClick: () => setPressed(!pressed), className: cn(buttonVariants({ variant, intent, size }), pressed && togglePressedVariants({ variant, intent }), className), ...props, children: children }));
+});
+Toggle.displayName = "Toggle";
+export { Toggle, togglePressedVariants };
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle/Toggle.js.map

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

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

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

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

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

package/dist/components/Toggle/index.js

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

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

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

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { ToggleGroupProps } from "./toggleGroup.types.js";
+declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ToggleGroup };
+//# sourceMappingURL=ToggleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,QAAA,MAAM,WAAW,yFAKf,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ToggleGroupMultiple } from "./ToggleGroupMultiple.js";
+import { ToggleGroupSingle } from "./ToggleGroupSingle.js";
+const ToggleGroup = React.forwardRef((props, ref) => {
+    if (props.type === "multiple") {
+        return _jsx(ToggleGroupMultiple, { ref: ref, ...props });
+    }
+    return _jsx(ToggleGroupSingle, { ref: ref, ...props });
+});
+ToggleGroup.displayName = "ToggleGroup";
+export { ToggleGroup };
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/ToggleGroup/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpF,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,KAAC,mBAAmB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;IACtD,CAAC;IACD,OAAO,KAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupContainer.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { ToggleGroupBaseProps } from "./toggleGroup.types.js";
+declare const ToggleGroupContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & Required<Pick<ToggleGroupBaseProps, "orientation" | "appearance">> & React.RefAttributes<HTMLDivElement>>;
+export { ToggleGroupContainer };
+//# sourceMappingURL=ToggleGroupContainer.d.ts.map

package/dist/components/ToggleGroup/ToggleGroupContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIhE,QAAA,MAAM,oBAAoB,kLASxB,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupContainer.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const ToggleGroupContainer = React.forwardRef(({ appearance, orientation, className, children, ...props }, ref) => {
+    const isVertical = orientation === "vertical";
+    const isSegmented = appearance === "segmented";
+    return (_jsx("div", { ref: ref, className: cn("inline-flex", isVertical ? "flex-col" : "flex-row", !isSegmented && "gap-2", className), ...props, children: children }));
+});
+ToggleGroupContainer.displayName = "ToggleGroupContainer";
+export { ToggleGroupContainer };
+//# sourceMappingURL=ToggleGroupContainer.js.map

package/dist/components/ToggleGroup/ToggleGroupContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupContainer.js","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChJ,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,MAAM,WAAW,GAAG,UAAU,KAAK,WAAW,CAAC;IAE/C,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,WAAW,IAAI,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,YAC7H,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupItem.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { ToggleGroupBaseProps, ToggleGroupOption } from "./toggleGroup.types.js";
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & Required<Pick<ToggleGroupBaseProps, "variant" | "intent" | "orientation" | "size" | "appearance">> & {
+    option: ToggleGroupOption;
+    selected: boolean;
+    groupDisabled?: boolean | undefined;
+    index: number;
+    total: number;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { ToggleGroupItem };
+//# sourceMappingURL=ToggleGroupItem.d.ts.map

package/dist/components/ToggleGroup/ToggleGroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAWnF,QAAA,MAAM,eAAe;YAPT,iBAAiB;cACf,OAAO;oBACD,OAAO,GAAG,SAAS;WAC5B,MAAM;WACN,MAAM;2CAmChB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupItem.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+import { buttonVariants } from "../Button/Button.js";
+import { togglePressedVariants } from "../Toggle/Toggle.js";
+const ToggleGroupItem = React.forwardRef(({ option, selected, groupDisabled, appearance, orientation, variant, intent, size, index, total, ...props }, ref) => {
+    const isDisabled = groupDisabled || option.disabled;
+    const isFirst = index === 0;
+    const isLast = index === total - 1;
+    const isVertical = orientation === "vertical";
+    const isSegmented = appearance === "segmented";
+    // Both modes share the same base: buttonVariants + togglePressedVariants.
+    // Segmented just overrides border/shadow/rounding so items join cleanly.
+    return (_jsx("button", { ref: ref, type: "button", disabled: isDisabled, "aria-label": option.ariaLabel, className: cn(buttonVariants({ variant, intent, size }), selected && togglePressedVariants({ variant, intent }), 
+        // Segmented: only override rounding (let buttonVariants handle border/color).
+        // Negative margin collapses double borders between outline items.
+        isSegmented &&
+            (isVertical
+                ? cn("rounded-none", isFirst && "rounded-t-md", isLast && "rounded-b-md", !isFirst && "-mt-px")
+                : cn("rounded-none", isFirst && "rounded-l-md", isLast && "rounded-r-md", !isFirst && "-ml-px"))), ...props, children: option.label }));
+});
+ToggleGroupItem.displayName = "ToggleGroupItem";
+export { ToggleGroupItem };
+//# sourceMappingURL=ToggleGroupItem.js.map

package/dist/components/ToggleGroup/ToggleGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItem.js","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAYzD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnH,MAAM,UAAU,GAAG,aAAa,IAAI,MAAM,CAAC,QAAQ,CAAC;IACpD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,GAAG,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,MAAM,WAAW,GAAG,UAAU,KAAK,WAAW,CAAC;IAE/C,0EAA0E;IAC1E,yEAAyE;IACzE,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,gBACR,MAAM,CAAC,SAAS,EAC5B,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EACzC,QAAQ,IAAI,qBAAqB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QACtD,8EAA8E;QAC9E,kEAAkE;QAClE,WAAW;YACT,CAAC,UAAU;gBACT,CAAC,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC;gBAC/F,CAAC,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,CAAC,CACrG,KACG,KAAK,YAER,MAAM,CAAC,KAAK,GACN,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+declare const ToggleGroupMultiple: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    options: readonly import("./toggleGroup.types.js").ToggleGroupOption[];
+    appearance?: "segmented" | "separate";
+    orientation?: "vertical" | "horizontal";
+    variant?: Exclude<"link" | "solid" | "outline" | "ghost", "link">;
+    intent?: "neutral" | "danger" | "success" | "warning";
+    size?: Exclude<"default" | "xs" | "sm" | "lg" | "xl" | "icon", "xl">;
+    disabled?: boolean;
+} & {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export { ToggleGroupMultiple };
+//# sourceMappingURL=ToggleGroupMultiple.d.ts.map

package/dist/components/ToggleGroup/ToggleGroupMultiple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupMultiple.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupMultiple.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;wCAmDxB,CAAC;AAGF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupMultiple.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import * as React from "react";
+import { ToggleGroupContainer } from "./ToggleGroupContainer.js";
+import { ToggleGroupItem } from "./ToggleGroupItem.js";
+const ToggleGroupMultiple = React.forwardRef(({ options, value: controlledValue, defaultValue = [], onValueChange, appearance = "segmented", orientation = "horizontal", variant = "solid", intent = "neutral", size = "default", disabled, className, ...props }, ref) => {
+    const [value, setValue] = useControllableState({
+        value: controlledValue,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const handleToggle = (optionValue) => {
+        const next = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+        setValue(next);
+    };
+    return (_jsx(ToggleGroupContainer, { ref: ref, role: "group", appearance: appearance, orientation: orientation, className: className, ...props, children: options.map((option, index) => (_jsx(ToggleGroupItem, { option: option, selected: value.includes(option.value), groupDisabled: disabled, appearance: appearance, orientation: orientation, variant: variant, intent: intent, size: size, index: index, total: options.length, "aria-pressed": value.includes(option.value), onClick: () => handleToggle(option.value) }, option.value))) }));
+});
+ToggleGroupMultiple.displayName = "ToggleGroupMultiple";
+export { ToggleGroupMultiple };
+//# sourceMappingURL=ToggleGroupMultiple.js.map

package/dist/components/ToggleGroup/ToggleGroupMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupMultiple.js","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupMultiple.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EACE,OAAO,EACP,KAAK,EAAE,eAAe,EACtB,YAAY,GAAG,EAAE,EACjB,aAAa,EACb,UAAU,GAAG,WAAW,EACxB,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,OAAO,EACjB,MAAM,GAAG,SAAS,EAClB,IAAI,GAAG,SAAS,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,eAAe;QACtB,YAAY;QACZ,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW,CAAC,CAAC;QAC5G,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,YAC3H,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,eAAe,IAEd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACtC,aAAa,EAAE,QAAQ,EACvB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,CAAC,MAAM,kBACP,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,IAZpC,MAAM,CAAC,KAAK,CAajB,CACH,CAAC,GACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+declare const ToggleGroupSingle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    options: readonly import("./toggleGroup.types.js").ToggleGroupOption[];
+    appearance?: "segmented" | "separate";
+    orientation?: "vertical" | "horizontal";
+    variant?: Exclude<"link" | "solid" | "outline" | "ghost", "link">;
+    intent?: "neutral" | "danger" | "success" | "warning";
+    size?: Exclude<"default" | "xs" | "sm" | "lg" | "xl" | "icon", "xl">;
+    disabled?: boolean;
+} & {
+    type: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export { ToggleGroupSingle };
+//# sourceMappingURL=ToggleGroupSingle.d.ts.map

package/dist/components/ToggleGroup/ToggleGroupSingle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupSingle.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroupSingle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;wCA6FtB,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ToggleGroup/ToggleGroupSingle.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import * as React from "react";
+import { getRovingTargetIndex } from "../../internal/rovingFocus.js";
+import { ToggleGroupContainer } from "./ToggleGroupContainer.js";
+import { ToggleGroupItem } from "./ToggleGroupItem.js";
+const ToggleGroupSingle = React.forwardRef(({ options, value: controlledValue, defaultValue = "", onValueChange, appearance = "segmented", orientation = "horizontal", variant = "solid", intent = "neutral", size = "default", disabled, className, ...props }, ref) => {
+    const [value, setValue] = useControllableState({
+        value: controlledValue,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const handleSelect = (optionValue) => {
+        // Single select: clicking the selected item does nothing (no deselect)
+        if (optionValue !== value) {
+            setValue(optionValue);
+        }
+    };
+    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]);
+    // role="radiogroup" means one tab stop with arrow-key navigation.
+    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();
+    }, []);
+    // Tab stop: the selected option, or the first enabled one when nothing is
+    // selected, so the group is always keyboard-reachable.
+    const firstEnabledValue = options.find((option) => !(disabled || option.disabled))?.value;
+    const hasSelected = options.some((option) => option.value === value);
+    const tabStopValue = hasSelected ? value : firstEnabledValue;
+    return (_jsx(ToggleGroupContainer, { ref: mergedRef, role: "radiogroup", onKeyDown: handleKeyDown, appearance: appearance, orientation: orientation, className: className, ...props, children: options.map((option, index) => (_jsx(ToggleGroupItem, { option: option, selected: value === option.value, groupDisabled: disabled, appearance: appearance, orientation: orientation, variant: variant, intent: intent, size: size, index: index, total: options.length, role: "radio", "aria-checked": value === option.value, tabIndex: option.value === tabStopValue ? 0 : -1, onClick: () => handleSelect(option.value) }, option.value))) }));
+});
+ToggleGroupSingle.displayName = "ToggleGroupSingle";
+export { ToggleGroupSingle };
+//# sourceMappingURL=ToggleGroupSingle.js.map

package/dist/components/ToggleGroup/ToggleGroupSingle.js.map

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

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

@@ -0,0 +1,3 @@
+export { ToggleGroup } from "./ToggleGroup.js";
+export type { ToggleGroupOption, ToggleGroupProps } from "./toggleGroup.types.js";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/ToggleGroup/index.js

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

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

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

package/dist/components/ToggleGroup/toggleGroup.types.d.ts

@@ -0,0 +1,51 @@
+import type * as React from "react";
+import type { ToggleProps } from "../Toggle/Toggle.js";
+/** Extract a prop's union type from ToggleProps, stripping null added by CVA */
+type ToggleProp<K extends keyof ToggleProps> = NonNullable<ToggleProps[K]>;
+export type ToggleGroupOption = {
+    /** Unique value for the option */
+    value: string;
+    /** Display label (text, icons, or any ReactNode) */
+    label: React.ReactNode;
+    /** Accessible label when label is non-text (e.g. icon-only) */
+    ariaLabel?: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+};
+export type ToggleGroupBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    /** Available options */
+    options: readonly ToggleGroupOption[];
+    /** Visual appearance */
+    appearance?: "segmented" | "separate";
+    /** Layout orientation */
+    orientation?: "vertical" | "horizontal";
+    /** Button variant (link excluded as it has no clear pressed state in groups) */
+    variant?: Exclude<ToggleProp<"variant">, "link">;
+    /** Color intent */
+    intent?: ToggleProp<"intent">;
+    /** Button size (xl excluded — too large for grouped toggles) */
+    size?: Exclude<ToggleProp<"size">, "xl">;
+    /** Disable all options */
+    disabled?: boolean;
+};
+export type ToggleGroupSingleProps = ToggleGroupBaseProps & {
+    type: "single";
+    /** Controlled selected value */
+    value?: string;
+    /** Default selected value for uncontrolled mode */
+    defaultValue?: string;
+    /** Called when selection changes */
+    onValueChange?: (value: string) => void;
+};
+export type ToggleGroupMultipleProps = ToggleGroupBaseProps & {
+    type: "multiple";
+    /** Controlled selected values */
+    value?: string[];
+    /** Default selected values for uncontrolled mode */
+    defaultValue?: string[];
+    /** Called when selection changes */
+    onValueChange?: (value: string[]) => void;
+};
+export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+export {};
+//# sourceMappingURL=toggleGroup.types.d.ts.map

package/dist/components/ToggleGroup/toggleGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/toggleGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,gFAAgF;AAChF,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,WAAW,IAAI,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC1F,wBAAwB;IACxB,OAAO,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACtC,wBAAwB;IACxB,UAAU,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACtC,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IACjD,mBAAmB;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;IACzC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,oBAAoB,GAAG;IAC1D,IAAI,EAAE,QAAQ,CAAC;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,GAAG;IAC5D,IAAI,EAAE,UAAU,CAAC;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC"}

package/dist/components/ToggleGroup/toggleGroup.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toggleGroup.types.js.map

package/dist/components/ToggleGroup/toggleGroup.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleGroup.types.js","sourceRoot":"","sources":["../../../src/components/ToggleGroup/toggleGroup.types.ts"],"names":[],"mappings":""}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,24 @@
+import { type Placement } from "@floating-ui/react";
+export type TooltipProps = {
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Placement of the tooltip relative to trigger */
+    placement?: Placement;
+    /** Delay before showing tooltip (ms) */
+    delayShow?: number;
+    /** Delay before hiding tooltip (ms) */
+    delayHide?: number;
+    /** Offset from the trigger in pixels */
+    offsetPx?: number;
+    /** Children - compound components */
+    children: React.ReactNode;
+};
+export declare const Tooltip: (({ open: controlledOpen, onOpenChange, placement, delayShow, delayHide, offsetPx, children }: TooltipProps) => import("react").JSX.Element) & {
+    Trigger: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & import("react").RefAttributes<HTMLElement>>;
+    Body: import("react").ForwardRefExoticComponent<import("./index.js").TooltipBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAgF,MAAM,oBAAoB,CAAC;AAM5J,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,mDAAmD;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAyCF,eAAO,MAAM,OAAO,iGAvCoH,YAAY;;;;;CA0ClJ,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from "@floating-ui/react";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { TooltipBody } from "./components/TooltipBody.js";
+import { TooltipContext } from "./components/TooltipContext.js";
+import { TooltipTrigger } from "./components/TooltipTrigger.js";
+const TooltipRoot = ({ open: controlledOpen, onOpenChange, placement = "top", delayShow = 300, delayHide = 0, offsetPx = 8, children }) => {
+    const [open, setOpen] = useControllableState({
+        value: controlledOpen,
+        defaultValue: false,
+        onChange: onOpenChange,
+    });
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: setOpen,
+        placement,
+        middleware: [offset(offsetPx), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    const hover = useHover(context, {
+        delay: { open: delayShow, close: delayHide },
+        move: false,
+    });
+    const focus = useFocus(context);
+    const dismiss = useDismiss(context);
+    const role = useRole(context, { role: "tooltip" });
+    const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss, role]);
+    const contextValue = {
+        open,
+        refs: {
+            setReference: refs.setReference,
+            setFloating: refs.setFloating,
+        },
+        floatingStyles,
+        getReferenceProps,
+        getFloatingProps,
+    };
+    return _jsx(TooltipContext.Provider, { value: contextValue, children: children });
+};
+export const Tooltip = Object.assign(TooltipRoot, {
+    Trigger: TooltipTrigger,
+    Body: TooltipBody,
+});
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAkB,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC5J,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAmB7D,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAgB,EAAE,EAAE;IACtJ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,oBAAoB,CAAC;QAC3C,KAAK,EAAE,cAAc;QACrB,YAAY,EAAE,KAAK;QACnB,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,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,EAAE;QAC9B,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QAC5C,IAAI,EAAE,KAAK;KACZ,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAEnD,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAE/F,MAAM,YAAY,GAAG;QACnB,IAAI;QACJ,IAAI,EAAE;YACJ,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B;QACD,cAAc;QACd,iBAAiB;QACjB,gBAAgB;KACjB,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;CAClB,CAAC,CAAC"}

package/dist/components/Tooltip/components/TooltipBody.d.ts

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

package/dist/components/Tooltip/components/TooltipBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/components/TooltipBody.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,yFAqBtB,CAAC"}