@sixthshift/design-system 0.1.0 → 0.3.0

package/dist/components/TimePicker/timepicker.hooks.js

@@ -0,0 +1,154 @@
+import { formatTimePadded, Temporal } from "../../date-time/index.js";
+// =============================================================================
+// Temporal ↔ ParsedTime Conversion
+// =============================================================================
+/**
+ * Convert Temporal.PlainTime to ParsedTime
+ */
+export function temporalToParsed(time) {
+    return {
+        hour: time.hour,
+        minute: time.minute,
+        second: time.second,
+    };
+}
+/**
+ * Convert ParsedTime to Temporal.PlainTime
+ */
+export function parsedToTemporal(parsed) {
+    return Temporal.PlainTime.from({
+        hour: parsed.hour,
+        minute: parsed.minute,
+        second: parsed.second,
+    });
+}
+/**
+ * Convert Temporal.PlainTime to ISO string (for form submission)
+ */
+export function temporalTimeToISO(time, format = "HH:mm") {
+    if (format === "HH:mm:ss") {
+        return time.toString().slice(0, 8); // "HH:mm:ss"
+    }
+    return time.toString().slice(0, 5); // "HH:mm"
+}
+// =============================================================================
+// Time Formatting
+// =============================================================================
+/**
+ * Format Temporal.PlainTime for display
+ */
+export function formatTimeDisplay(time, clockFormat = "12h", format = "HH:mm") {
+    if (clockFormat === "12h") {
+        return formatTimePadded(time);
+    }
+    // 24h format
+    if (format === "HH:mm:ss") {
+        return time.toLocaleString("en-US", {
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit",
+            hour12: false,
+        });
+    }
+    return time.toLocaleString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: false,
+    });
+}
+// =============================================================================
+// Time Comparison
+// =============================================================================
+/**
+ * Check if time a is before time b
+ */
+export function isTimeBefore(a, b) {
+    return Temporal.PlainTime.compare(a, b) < 0;
+}
+/**
+ * Check if time a is after time b
+ */
+export function isTimeAfter(a, b) {
+    return Temporal.PlainTime.compare(a, b) > 0;
+}
+/**
+ * Check if a time is within min/max bounds
+ */
+export function isTimeDisabled(time, minTime, maxTime) {
+    if (minTime && isTimeBefore(time, minTime)) {
+        return true;
+    }
+    if (maxTime && isTimeAfter(time, maxTime)) {
+        return true;
+    }
+    return false;
+}
+// =============================================================================
+// 12-Hour / 24-Hour Conversion
+// =============================================================================
+/**
+ * Convert 24-hour hour to 12-hour format
+ */
+export function to12Hour(hour24) {
+    if (hour24 === 0) {
+        return { hour12: 12, period: "AM" };
+    }
+    if (hour24 < 12) {
+        return { hour12: hour24, period: "AM" };
+    }
+    if (hour24 === 12) {
+        return { hour12: 12, period: "PM" };
+    }
+    return { hour12: hour24 - 12, period: "PM" };
+}
+/**
+ * Convert 12-hour format to 24-hour hour
+ */
+export function to24Hour(hour12, period) {
+    if (period === "AM") {
+        return hour12 === 12 ? 0 : hour12;
+    }
+    return hour12 === 12 ? 12 : hour12 + 12;
+}
+// =============================================================================
+// Time Generation
+// =============================================================================
+/**
+ * Generate array of hours for display
+ */
+export function generateHours(clockFormat) {
+    if (clockFormat === "12h") {
+        return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+    }
+    return Array.from({ length: 24 }, (_, i) => i);
+}
+/**
+ * Generate array of minutes based on step
+ */
+export function generateMinutes(step = 1) {
+    const minutes = [];
+    for (let m = 0; m < 60; m += step) {
+        minutes.push(m);
+    }
+    return minutes;
+}
+/**
+ * Generate array of seconds
+ */
+export function generateSeconds() {
+    return Array.from({ length: 60 }, (_, i) => i);
+}
+/**
+ * Get current time as Temporal.PlainTime, rounded to minute precision
+ * to avoid nanosecond drift causing unnecessary re-renders
+ */
+export function getCurrentTime() {
+    return Temporal.Now.plainTimeISO().round({ smallestUnit: "minute", roundingMode: "floor" });
+}
+/**
+ * Round time to nearest step
+ */
+export function roundToStep(minute, step) {
+    return Math.round(minute / step) * step;
+}
+//# sourceMappingURL=timepicker.hooks.js.map

package/dist/components/TimePicker/timepicker.hooks.js.map

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

package/dist/components/TimePicker/timepicker.types.d.ts

@@ -0,0 +1,67 @@
+/**
+ * TimePicker types.
+ *
+ * All time values at the public boundary are ISO 8601 time strings. `"09:30"`
+ * and `"09:30:00"` are both accepted as input; `onChange` always emits the
+ * canonical `HH:MM:SS` form.
+ */
+import type { ISOTime } from "../../date-time/index.js";
+/**
+ * Time value format for display and serialization
+ * - "HH:mm" for minute precision (default)
+ * - "HH:mm:ss" for second precision
+ */
+export type TimeFormat = "HH:mm" | "HH:mm:ss";
+/**
+ * Clock format for display
+ * - "12h" shows AM/PM selector
+ * - "24h" shows 00-23 hours
+ */
+export type ClockFormat = "12h" | "24h";
+export type TimePresetOption = {
+    label: string;
+    value: ISOTime;
+};
+export type TimePickerProps = {
+    /** Controlled value */
+    value?: ISOTime | undefined;
+    /** Default value for uncontrolled mode */
+    defaultValue?: ISOTime | undefined;
+    /** Called when time changes. Always canonical `HH:MM:SS`. */
+    onChange?: (time: ISOTime | undefined) => void;
+    /** Time format for the value (affects seconds visibility) */
+    format?: TimeFormat;
+    /** Clock display format */
+    clockFormat?: ClockFormat;
+    /** Minute step interval (default: 1) */
+    minuteStep?: 1 | 5 | 10 | 15 | 30;
+    /** Earliest selectable time, inclusive */
+    minTime?: ISOTime;
+    /** Latest selectable time, inclusive */
+    maxTime?: ISOTime;
+    /** Preset options (shown in sidebar) */
+    presets?: TimePresetOption[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Input name for form submission */
+    name?: string;
+    /** Whether the picker is disabled */
+    isDisabled?: boolean;
+    /** Error state */
+    isInvalid?: boolean;
+    /** Additional class name for the trigger input */
+    className?: string;
+};
+/**
+ * Parsed time value for internal use
+ */
+export type ParsedTime = {
+    hour: number;
+    minute: number;
+    second: number;
+};
+/**
+ * AM/PM period
+ */
+export type TimePeriod = "AM" | "PM";
+//# sourceMappingURL=timepicker.types.d.ts.map

package/dist/components/TimePicker/timepicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/timepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAM/C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9C;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,CAAC;AAMxC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,MAAM,MAAM,eAAe,GAAG;IAC5B,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEnC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAE/C,6DAA6D;IAC7D,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAElC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wCAAwC;IACxC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE7B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/components/TimePicker/timepicker.types.js

@@ -0,0 +1,9 @@
+/**
+ * TimePicker types.
+ *
+ * All time values at the public boundary are ISO 8601 time strings. `"09:30"`
+ * and `"09:30:00"` are both accepted as input; `onChange` always emits the
+ * canonical `HH:MM:SS` form.
+ */
+export {};
+//# sourceMappingURL=timepicker.types.js.map

package/dist/components/TimePicker/timepicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.types.js","sourceRoot":"","sources":["../../../src/components/TimePicker/timepicker.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

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

@@ -0,0 +1,36 @@
+import { type FloatingPortalProps } from "@floating-ui/react";
+import { type MessageProps } from "@sixthshift/design-system/message";
+import * as React from "react";
+export type ToastProps = Omit<MessageProps, "size"> & {
+    /** Called when toast closes (after exit animation) */
+    onClose?: () => void;
+    /** Optional action button label */
+    action?: string;
+    /** Called when action button is clicked */
+    onAction?: () => void;
+    /** Portal root element (default: document.body) */
+    root?: FloatingPortalProps["root"];
+    /**
+     * Whether Toast should render in a portal and position itself.
+     * Set to false when Toast is rendered by a parent that handles positioning (e.g., OverlayContext).
+     * @default true
+     */
+    standalone?: boolean;
+};
+export declare const Toast: React.ForwardRefExoticComponent<Omit<MessageProps, "size"> & {
+    /** Called when toast closes (after exit animation) */
+    onClose?: () => void;
+    /** Optional action button label */
+    action?: string;
+    /** Called when action button is clicked */
+    onAction?: () => void;
+    /** Portal root element (default: document.body) */
+    root?: FloatingPortalProps["root"];
+    /**
+     * Whether Toast should render in a portal and position itself.
+     * Set to false when Toast is rendered by a parent that handles positioning (e.g., OverlayContext).
+     * @default true
+     */
+    standalone?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9E,OAAO,EAAyD,KAAK,YAAY,EAAgB,MAAM,mCAAmC,CAAC;AAG3I,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG;IACpD,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAMF,eAAO,MAAM,KAAK;IApBhB,sDAAsD;cAC5C,MAAM,IAAI;IACpB,mCAAmC;aAC1B,MAAM;IACf,2CAA2C;eAChC,MAAM,IAAI;IACrB,mDAAmD;WAC5C,mBAAmB,CAAC,MAAM,CAAC;IAClC;;;;OAIG;iBACU,OAAO;wCAmFrB,CAAC"}

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