@cytario/design 0.0.0-development

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAKL,KAAK,SAAS,IAAI,aAAa,EAC/B,KAAK,YAAY,IAAI,gBAAgB,EACrC,KAAK,QAAQ,IAAI,YAAY,EAC7B,KAAK,aAAa,IAAI,iBAAiB,EAExC,MAAM,uBAAuB,CAAC;AAM/B,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA0B1C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,aAAa,CAAC;IACxD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,yBAAyB;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAqB,EACrB,IAAW,EACX,WAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAiBX;AAMD,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,CAC5C,SAAQ,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;IAC9C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,EACxC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,CAAC,CAAC,CAAC,2CA4BjB;AAMD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IAC/D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAoCpD;AAmDD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,CAAC;IACzE,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAO9D"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { Tabs as AriaTabs, TabList as AriaTabList, Tab as AriaTab, TabPanel as AriaTabPanel, } from "react-aria-components";
+const TabsContext = createContext({
+    variant: "underline",
+    size: "md",
+});
+// ---------------------------------------------------------------------------
+// Style maps
+// ---------------------------------------------------------------------------
+const sizeStyles = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-6 py-3 text-lg",
+};
+export function Tabs({ variant = "underline", size = "md", orientation = "horizontal", className, children, ...props }) {
+    return (_jsx(TabsContext.Provider, { value: { variant, size }, children: _jsx(AriaTabs, { ...props, orientation: orientation, className: [
+                orientation === "vertical" ? "flex" : "",
+                className,
+            ]
+                .filter(Boolean)
+                .join(" "), children: children }) }));
+}
+export function TabList({ className, ...props }) {
+    const { variant } = useContext(TabsContext);
+    const baseStyles = variant === "underline"
+        ? "flex items-center border-b border-[var(--color-border-default)]"
+        : "inline-flex items-center bg-[var(--color-surface-muted)] rounded-[var(--border-radius-lg)] p-1 gap-1";
+    // Vertical orientation overrides
+    const verticalStyles = variant === "underline"
+        ? "flex-col border-b-0 border-r border-[var(--color-border-default)]"
+        : "flex-col";
+    return (_jsx(AriaTabList, { ...props, className: ({ orientation }) => [
+            baseStyles,
+            orientation === "vertical" ? verticalStyles : "",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" ") }));
+}
+export function Tab({ className, ...props }) {
+    const { variant, size } = useContext(TabsContext);
+    return (_jsx(AriaTab, { ...props, className: ({ isSelected, isDisabled, isHovered, isPressed }) => [
+            // Base
+            "cursor-pointer outline-none transition-colors",
+            "font-[var(--font-weight-medium)]",
+            // Focus ring
+            "focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2",
+            // Disabled
+            isDisabled ? "opacity-50 pointer-events-none" : "",
+            // Size
+            sizeStyles[size],
+            // Variant-specific styles
+            ...getTabVariantStyles(variant, {
+                isSelected,
+                isHovered,
+                isPressed,
+                isDisabled,
+            }),
+            className,
+        ]
+            .filter(Boolean)
+            .join(" ") }));
+}
+function getTabVariantStyles(variant, state) {
+    if (variant === "underline") {
+        return [
+            // Shape
+            "relative rounded-t-[var(--border-radius-sm)]",
+            // Color states
+            state.isSelected
+                ? [
+                    "text-[var(--color-teal-700)] font-[var(--font-weight-semibold)]",
+                    // Bottom indicator via pseudo-element
+                    "after:absolute after:bottom-[-1px] after:left-0 after:right-0 after:h-0.5 after:bg-[var(--color-teal-600)]",
+                ].join(" ")
+                : state.isPressed
+                    ? "text-[var(--color-text-primary)] bg-[var(--color-neutral-100)]"
+                    : state.isHovered
+                        ? "text-[var(--color-text-primary)] bg-[var(--color-neutral-50)]"
+                        : "text-[var(--color-text-secondary)] bg-transparent",
+        ];
+    }
+    // Pills variant
+    return [
+        // Shape
+        "rounded-[var(--border-radius-md)]",
+        // Color states
+        state.isSelected
+            ? "text-[var(--color-text-primary)] font-[var(--font-weight-semibold)] bg-[var(--color-surface-default)] shadow-sm"
+            : state.isPressed
+                ? "text-[var(--color-text-primary)] bg-[var(--color-neutral-50)] shadow-none"
+                : state.isHovered
+                    ? "text-[var(--color-text-primary)] bg-[var(--color-neutral-200)]"
+                    : "text-[var(--color-text-secondary)] bg-transparent",
+    ];
+}
+export function TabPanel({ className, ...props }) {
+    return (_jsx(AriaTabPanel, { ...props, className: ["mt-4 outline-none", className].filter(Boolean).join(" ") }));
+}

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

@@ -0,0 +1,3 @@
+export { Tabs, TabList, Tab, TabPanel } from "./Tabs";
+export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsVariant, TabsSize, } from "./Tabs";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACtD,YAAY,EACV,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,WAAW,EACX,QAAQ,GACT,MAAM,QAAQ,CAAC"}

package/dist/components/Tabs/index.js

@@ -0,0 +1 @@
+export { Tabs, TabList, Tab, TabPanel } from "./Tabs";

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

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+export type ToastVariant = "success" | "error" | "info";
+export interface ToastData {
+    id: string;
+    variant: ToastVariant;
+    message: string;
+    duration?: number;
+}
+export interface ToastContextValue {
+    toasts: ToastData[];
+    addToast: (toast: Omit<ToastData, "id">) => void;
+    removeToast: (id: string) => void;
+}
+export interface ToastBridge {
+    /** Call from anywhere (including outside React) to show a toast. */
+    emit: (toast: Omit<ToastData, "id">) => void;
+    /** Used internally by ToastProvider to subscribe to external emits. */
+    subscribe: (fn: (toast: Omit<ToastData, "id">) => void) => () => void;
+}
+export declare function createToastBridge(): ToastBridge;
+interface ToastProviderProps {
+    children: ReactNode;
+    /** Optional bridge for receiving toasts from outside the React tree. */
+    bridge?: ToastBridge;
+}
+export declare function ToastProvider({ children, bridge }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): {
+    toast: (toast: Omit<ToastData, "id">) => void;
+    toasts: ToastData[];
+    removeToast: (id: string) => void;
+};
+export {};
+//# 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,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAuGD,MAAM,WAAW,WAAW;IAC1B,oEAAoE;IACpE,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,uEAAuE;IACvE,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;CACvE;AAED,wBAAgB,iBAAiB,IAAI,WAAW,CAa/C;AAMD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAwBrE;AAED,wBAAgB,QAAQ;mBAnKJ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI;;sBAC9B,MAAM,KAAK,IAAI;EA4KlC"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from "react";
+import { createPortal } from "react-dom";
+import { CheckCircle, XCircle, Info, X } from "lucide-react";
+const ToastContext = createContext(null);
+let toastCounter = 0;
+const defaultDuration = {
+    success: 5000,
+    info: 5000,
+    error: 10000,
+};
+const variantConfig = {
+    success: {
+        icon: CheckCircle,
+        containerClass: "bg-[var(--color-surface-success)] border-[var(--color-border-success)] text-[var(--color-text-success)]",
+        iconClass: "text-[var(--color-action-success)]",
+    },
+    error: {
+        icon: XCircle,
+        containerClass: "bg-[var(--color-surface-danger)] border-[var(--color-border-danger)] text-[var(--color-text-danger)]",
+        iconClass: "text-[var(--color-action-danger)]",
+    },
+    info: {
+        icon: Info,
+        containerClass: "bg-[var(--color-surface-info)] border-[var(--color-border-info)] text-[var(--color-text-info)]",
+        iconClass: "text-[var(--color-text-info)]",
+    },
+};
+function ToastItem({ toast, onRemove, }) {
+    const [isExiting, setIsExiting] = useState(false);
+    const timerRef = useRef(null);
+    const config = variantConfig[toast.variant];
+    const IconComponent = config.icon;
+    const dismiss = useCallback(() => {
+        setIsExiting(true);
+        setTimeout(() => onRemove(toast.id), 200);
+    }, [onRemove, toast.id]);
+    useEffect(() => {
+        const duration = toast.duration ?? defaultDuration[toast.variant];
+        timerRef.current = setTimeout(dismiss, duration);
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, [toast.duration, toast.variant, dismiss]);
+    return (_jsxs("div", { role: "status", "aria-live": "polite", className: [
+            "flex items-start gap-3 rounded-lg border px-4 py-3 shadow-md",
+            "min-w-[320px] max-w-[420px]",
+            "transition-all duration-200",
+            isExiting
+                ? "translate-x-full opacity-0"
+                : "translate-x-0 opacity-100 animate-in slide-in-from-right",
+            config.containerClass,
+        ].join(" "), children: [_jsx(IconComponent, { size: 20, className: ["shrink-0 mt-0.5", config.iconClass].join(" "), "aria-hidden": "true" }), _jsx("p", { className: "flex-1 text-sm font-medium", children: toast.message }), _jsx("button", { type: "button", onClick: dismiss, className: "shrink-0 rounded p-0.5 opacity-70 hover:opacity-100 transition-opacity outline-none focus-visible:ring-2 focus-visible:ring-current", "aria-label": "Dismiss", children: _jsx(X, { size: 16, "aria-hidden": "true" }) })] }));
+}
+function ToastContainer({ toasts, removeToast }) {
+    if (toasts.length === 0)
+        return null;
+    return createPortal(_jsx("div", { className: "fixed bottom-4 right-4 z-50 flex flex-col gap-2", children: toasts.map((toast) => (_jsx(ToastItem, { toast: toast, onRemove: removeToast }, toast.id))) }), document.body);
+}
+export function createToastBridge() {
+    const listeners = new Set();
+    return {
+        emit: (toast) => {
+            listeners.forEach((fn) => fn(toast));
+        },
+        subscribe: (fn) => {
+            listeners.add(fn);
+            return () => {
+                listeners.delete(fn);
+            };
+        },
+    };
+}
+export function ToastProvider({ children, bridge }) {
+    const [toasts, setToasts] = useState([]);
+    const addToast = useCallback((toast) => {
+        const id = `toast-${++toastCounter}`;
+        setToasts((prev) => [...prev, { ...toast, id }]);
+    }, []);
+    const removeToast = useCallback((id) => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    // Subscribe to external bridge emits
+    useEffect(() => {
+        if (!bridge)
+            return;
+        return bridge.subscribe(addToast);
+    }, [bridge, addToast]);
+    return (_jsxs(ToastContext.Provider, { value: { toasts, addToast, removeToast }, children: [children, _jsx(ToastContainer, { toasts: toasts, removeToast: removeToast })] }));
+}
+export function useToast() {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error("useToast must be used within a ToastProvider");
+    }
+    return {
+        toast: context.addToast,
+        toasts: context.toasts,
+        removeToast: context.removeToast,
+    };
+}

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

@@ -0,0 +1,3 @@
+export { ToastProvider, useToast, createToastBridge } from "./Toast";
+export type { ToastData, ToastVariant, ToastContextValue, ToastBridge } from "./Toast";
+//# 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,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Toast/index.js

@@ -0,0 +1 @@
+export { ToastProvider, useToast, createToastBridge } from "./Toast";

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,13 @@
+import { type ToggleButtonProps as AriaToggleButtonProps } from "react-aria-components";
+export type ToggleButtonVariant = "default" | "primary";
+export type ToggleButtonSize = "sm" | "md" | "lg";
+export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, "className"> {
+    /** Visual style variant */
+    variant?: ToggleButtonVariant;
+    /** Size preset */
+    size?: ToggleButtonSize;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function ToggleButton({ variant, size, className, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToggleButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,IAAI,qBAAqB,EAChD,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,CAAC;IAChD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kBAAkB;IAClB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAwBnB"}

package/dist/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToggleButton as AriaToggleButton, } from "react-aria-components";
+const sizeStyles = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-6 py-3 text-lg",
+};
+const variantStyles = {
+    default: {
+        base: [
+            "bg-transparent text-[var(--color-text-primary)]",
+            "hover:bg-[var(--color-neutral-100)]",
+            "pressed:bg-[var(--color-neutral-200)]",
+        ].join(" "),
+        selected: "bg-[var(--color-neutral-200)] text-[var(--color-text-primary)]",
+    },
+    primary: {
+        base: [
+            "bg-transparent text-[var(--color-text-primary)]",
+            "hover:bg-[var(--color-neutral-100)]",
+            "pressed:bg-[var(--color-neutral-200)]",
+        ].join(" "),
+        selected: "bg-[var(--color-teal-500)] text-[var(--color-text-inverse)]",
+    },
+};
+export function ToggleButton({ variant = "default", size = "md", className, ...props }) {
+    const styles = variantStyles[variant];
+    return (_jsx(AriaToggleButton, { ...props, className: ({ isSelected }) => [
+            "inline-flex items-center justify-center gap-2",
+            "rounded-[var(--border-radius-md)]",
+            "font-[var(--font-weight-medium)]",
+            "leading-[var(--line-height-tight)]",
+            "outline-none transition-colors",
+            "focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2",
+            "disabled:opacity-50 disabled:pointer-events-none",
+            sizeStyles[size],
+            isSelected ? styles.selected : styles.base,
+            className,
+        ]
+            .filter(Boolean)
+            .join(" ") }));
+}

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

@@ -0,0 +1,3 @@
+export { ToggleButton } from "./ToggleButton";
+export type { ToggleButtonProps, ToggleButtonVariant, ToggleButtonSize, } from "./ToggleButton";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}

package/dist/components/ToggleButton/index.js

@@ -0,0 +1 @@
+export { ToggleButton } from "./ToggleButton";

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

@@ -0,0 +1,15 @@
+import type React from "react";
+export interface TooltipProps {
+    /** Tooltip text content */
+    content: string;
+    /** Trigger element */
+    children: React.ReactElement;
+    /** Placement relative to trigger */
+    placement?: "top" | "bottom" | "left" | "right";
+    /** Delay in ms before showing (default 500) */
+    delay?: number;
+    /** Additional CSS classes for the tooltip */
+    className?: string;
+}
+export declare function Tooltip({ content, children, placement, delay, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+//# 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,YAAY;IAC3B,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,KAAW,EACX,SAAS,GACV,EAAE,YAAY,2CA2Bd"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip as AriaTooltip, TooltipTrigger, } from "react-aria-components";
+export function Tooltip({ content, children, placement = "top", delay = 500, className, }) {
+    return (_jsxs(TooltipTrigger, { delay: delay, children: [children, _jsx(AriaTooltip, { placement: placement, className: [
+                    "bg-[var(--color-surface-overlay)] backdrop-blur-sm",
+                    "text-[var(--color-text-inverse)] text-sm",
+                    "px-3 py-1.5",
+                    "rounded-md",
+                    "max-w-xs",
+                    "entering:animate-in entering:fade-in entering:duration-150",
+                    "exiting:animate-out exiting:fade-out exiting:duration-100",
+                    "entering:placement-top:slide-in-from-bottom-1",
+                    "entering:placement-bottom:slide-in-from-top-1",
+                    "entering:placement-left:slide-in-from-right-1",
+                    "entering:placement-right:slide-in-from-left-1",
+                    className,
+                ]
+                    .filter(Boolean)
+                    .join(" "), children: content })] }));
+}

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

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

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

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

package/dist/components/Tooltip/index.js

@@ -0,0 +1 @@
+export { Tooltip } from "./Tooltip";

package/dist/components/_shared/styles.d.ts

@@ -0,0 +1,5 @@
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive" | "default" | "success" | "info";
+export type ButtonSize = "sm" | "md" | "lg";
+export declare const variantStyles: Record<ButtonVariant, string>;
+export declare const sizeStyles: Record<ButtonSize, string>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/_shared/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/_shared/styles.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,aAAa,GACb,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAqCvD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjD,CAAC"}

package/dist/components/_shared/styles.js

@@ -0,0 +1,43 @@
+export const variantStyles = {
+    primary: [
+        "bg-[var(--color-action-primary)] text-[var(--color-text-inverse)]",
+        "hover:bg-[var(--color-action-primary-hover)]",
+        "pressed:bg-[var(--color-action-primary-active)]",
+    ].join(" "),
+    secondary: [
+        "bg-transparent text-[var(--color-action-secondary)]",
+        "border border-[var(--color-border-brand)]",
+        "hover:bg-[var(--color-purple-50)]",
+        "pressed:bg-[var(--color-purple-100)]",
+    ].join(" "),
+    ghost: [
+        "bg-transparent text-[var(--color-text-primary)]",
+        "hover:bg-[var(--color-neutral-100)]",
+        "pressed:bg-[var(--color-neutral-200)]",
+    ].join(" "),
+    destructive: [
+        "bg-[var(--color-action-danger)] text-[var(--color-text-inverse)]",
+        "hover:bg-[var(--color-action-danger-hover)]",
+        "pressed:bg-[var(--color-action-danger-hover)]",
+    ].join(" "),
+    default: [
+        "bg-[var(--color-action-default)] text-[var(--color-text-inverse)]",
+        "hover:bg-[var(--color-action-default-hover)]",
+        "pressed:bg-[var(--color-slate-600)]",
+    ].join(" "),
+    success: [
+        "bg-[var(--color-action-success)] text-[var(--color-text-inverse)]",
+        "hover:bg-[var(--color-action-success-hover)]",
+        "pressed:bg-[var(--color-green-800)]",
+    ].join(" "),
+    info: [
+        "bg-[var(--color-action-info)] text-[var(--color-text-inverse)]",
+        "hover:bg-[var(--color-action-info-hover)]",
+        "pressed:bg-[var(--color-slate-800)]",
+    ].join(" "),
+};
+export const sizeStyles = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-6 py-3 text-lg",
+};

package/dist/index.d.ts

@@ -0,0 +1,56 @@
+export { RouterProvider } from "react-aria-components";
+export type { RouterConfig, Key } from "react-aria-components";
+export { Button } from "./components/Button";
+export type { ButtonProps, ButtonVariant, ButtonSize } from "./components/Button";
+export { Spinner } from "./components/Spinner";
+export type { SpinnerProps } from "./components/Spinner";
+export { Icon } from "./components/Icon";
+export type { IconProps } from "./components/Icon";
+export { Tooltip } from "./components/Tooltip";
+export type { TooltipProps } from "./components/Tooltip";
+export { IconButton } from "./components/IconButton";
+export type { IconButtonProps } from "./components/IconButton";
+export { Input } from "./components/Input";
+export type { InputProps } from "./components/Input";
+export { Select } from "./components/Select";
+export type { SelectProps, SelectItem } from "./components/Select";
+export { Table, TableHeader, Column, TableBody, Row, Cell } from "./components/Table";
+export type { DataTableProps, TableSize } from "./components/Table";
+export { Dialog } from "./components/Dialog";
+export type { DialogProps } from "./components/Dialog";
+export { ToastProvider, useToast, createToastBridge } from "./components/Toast";
+export type { ToastData, ToastVariant, ToastContextValue, ToastBridge } from "./components/Toast";
+export { EmptyState } from "./components/EmptyState";
+export type { EmptyStateProps } from "./components/EmptyState";
+export { Checkbox } from "./components/Checkbox";
+export type { CheckboxProps } from "./components/Checkbox";
+export { Switch } from "./components/Switch";
+export type { SwitchProps } from "./components/Switch";
+export { RadioGroup, Radio, RadioButton } from "./components/Radio";
+export type { RadioGroupProps, RadioProps, RadioButtonProps } from "./components/Radio";
+export { Label } from "./components/Label";
+export type { LabelProps } from "./components/Label";
+export { Field } from "./components/Field";
+export type { FieldProps } from "./components/Field";
+export { Fieldset } from "./components/Fieldset";
+export type { FieldsetProps } from "./components/Fieldset";
+export { InputGroup, InputGroupContext, useInputGroup } from "./components/InputGroup";
+export type { InputGroupProps, GroupPosition } from "./components/InputGroup";
+export { InputAddon } from "./components/InputAddon";
+export type { InputAddonProps } from "./components/InputAddon";
+export { Heading, H1, H2, H3 } from "./components/Heading";
+export type { HeadingProps, HeadingLevel, HeadingSize } from "./components/Heading";
+export { Link } from "./components/Link";
+export type { LinkProps, LinkVariant } from "./components/Link";
+export { Breadcrumbs } from "./components/Breadcrumbs";
+export type { BreadcrumbsProps, BreadcrumbItem } from "./components/Breadcrumbs";
+export { ButtonLink, IconButtonLink } from "./components/ButtonLink";
+export type { ButtonLinkProps, IconButtonLinkProps } from "./components/ButtonLink";
+export { ToggleButton } from "./components/ToggleButton";
+export type { ToggleButtonProps, ToggleButtonVariant, ToggleButtonSize } from "./components/ToggleButton";
+export { Menu } from "./components/Menu";
+export type { MenuProps, MenuItemData } from "./components/Menu";
+export { Tabs, TabList, Tab, TabPanel } from "./components/Tabs";
+export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsVariant, TabsSize } from "./components/Tabs";
+export * from "./tokens/tokens";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,32 @@
+"use client";
+// React Aria re-exports for consumer integration
+export { RouterProvider } from "react-aria-components";
+// Components
+export { Button } from "./components/Button";
+export { Spinner } from "./components/Spinner";
+export { Icon } from "./components/Icon";
+export { Tooltip } from "./components/Tooltip";
+export { IconButton } from "./components/IconButton";
+export { Input } from "./components/Input";
+export { Select } from "./components/Select";
+export { Table, TableHeader, Column, TableBody, Row, Cell } from "./components/Table";
+export { Dialog } from "./components/Dialog";
+export { ToastProvider, useToast, createToastBridge } from "./components/Toast";
+export { EmptyState } from "./components/EmptyState";
+export { Checkbox } from "./components/Checkbox";
+export { Switch } from "./components/Switch";
+export { RadioGroup, Radio, RadioButton } from "./components/Radio";
+export { Label } from "./components/Label";
+export { Field } from "./components/Field";
+export { Fieldset } from "./components/Fieldset";
+export { InputGroup, InputGroupContext, useInputGroup } from "./components/InputGroup";
+export { InputAddon } from "./components/InputAddon";
+export { Heading, H1, H2, H3 } from "./components/Heading";
+export { Link } from "./components/Link";
+export { Breadcrumbs } from "./components/Breadcrumbs";
+export { ButtonLink, IconButtonLink } from "./components/ButtonLink";
+export { ToggleButton } from "./components/ToggleButton";
+export { Menu } from "./components/Menu";
+export { Tabs, TabList, Tab, TabPanel } from "./components/Tabs";
+// Design tokens (TypeScript constants)
+export * from "./tokens/tokens";

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+import "@testing-library/jest-dom/vitest";
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/test-setup.js

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/vitest";