@cytario/design 1.6.1 → 1.7.0

package/dist/components/Switch/Switch.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Switch as AriaSwitch, } from "react-aria-components";
-const trackColorMap = {
-    primary: "bg-[var(--color-action-primary)]",
-    success: "bg-[var(--color-action-success)]",
-    destructive: "bg-[var(--color-action-danger)]",
-};
-const presetColors = new Set(Object.keys(trackColorMap));
-function isPresetColor(color) {
-    return presetColors.has(color);
-}
-export function Switch({ children, color = "primary", className, ...props }) {
-    const isPreset = isPresetColor(color);
-    return (_jsx(AriaSwitch, { ...props, className: [
-            "group flex items-center gap-2 text-[length:var(--font-size-sm)] text-[var(--color-text-primary)] cursor-pointer",
-            "disabled:opacity-50 disabled:cursor-default",
-            className,
-        ]
-            .filter(Boolean)
-            .join(" "), children: ({ isSelected }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: [
-                        "w-9 h-5 rounded-full transition-colors shrink-0 p-0.5",
-                        "group-focus-visible:ring-2 group-focus-visible:ring-[var(--color-border-focus)] group-focus-visible:ring-offset-2",
-                        isSelected && isPreset
-                            ? trackColorMap[color]
-                            : !isSelected
-                                ? "bg-[var(--color-border-strong)]"
-                                : "",
-                    ].join(" "), style: isSelected && !isPreset
-                        ? { backgroundColor: color }
-                        : undefined, children: _jsx("div", { className: [
-                            "w-4 h-4 rounded-full bg-[var(--color-surface-default)] transition-transform shadow-sm",
-                            isSelected ? "translate-x-4" : "translate-x-0",
-                        ].join(" ") }) }), children && _jsx("span", { children: children })] })) }));
-}

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

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

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

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

package/dist/components/Switch/index.js

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

package/dist/components/Table/Table.d.ts

@@ -1,13 +0,0 @@
-import { type CellProps, type ColumnProps, type RowProps, type TableBodyProps, type TableHeaderProps, type TableProps } from "react-aria-components";
-export type TableSize = "compact" | "comfortable";
-export interface DataTableProps extends TableProps {
-    /** Row density */
-    size?: TableSize;
-}
-export declare function Table({ size, className, ...props }: DataTableProps): import("react/jsx-runtime").JSX.Element;
-export declare function TableHeader<T extends object>(props: TableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function Column(props: ColumnProps): import("react/jsx-runtime").JSX.Element;
-export declare function TableBody<T extends object>(props: TableBodyProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function Row<T extends object>(props: RowProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function Cell(props: CellProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Table.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAMlD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,kBAAkB;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAOD,wBAAgB,KAAK,CAAC,EAAE,IAAoB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAalF;AAMD,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAEvE;AAMD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuBxC;AAMD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CAEnE;AAMD,wBAAgB,GAAG,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,2CAcvD;AAMD,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAWpC"}

package/dist/components/Table/Table.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Cell as AriaCell, Column as AriaColumn, Row as AriaRow, Table as AriaTable, TableBody as AriaTableBody, TableHeader as AriaTableHeader, } from "react-aria-components";
-const tableSizeClass = {
-    compact: "[--table-row-py:theme(spacing.1)]",
-    comfortable: "[--table-row-py:theme(spacing.3)]",
-};
-export function Table({ size = "comfortable", className, ...props }) {
-    return (_jsx(AriaTable, { ...props, className: [
-            "w-full border-collapse text-[var(--font-size-sm)] text-[var(--color-text-primary)]",
-            tableSizeClass[size],
-            className,
-        ]
-            .filter(Boolean)
-            .join(" ") }));
-}
-/* ------------------------------------------------------------------ */
-/*  TableHeader                                                        */
-/* ------------------------------------------------------------------ */
-export function TableHeader(props) {
-    return _jsx(AriaTableHeader, { ...props });
-}
-/* ------------------------------------------------------------------ */
-/*  Column                                                             */
-/* ------------------------------------------------------------------ */
-export function Column(props) {
-    return (_jsx(AriaColumn, { ...props, className: [
-            "px-3 py-2 text-left font-[var(--font-weight-semibold)] text-[var(--color-text-secondary)]",
-            "border-b-2 border-[var(--color-border-default)]",
-            "cursor-default select-none outline-none",
-            "focus-visible:outline-2 focus-visible:outline-[var(--color-border-focus)] focus-visible:outline-offset-[-2px]",
-        ].join(" "), children: ({ allowsSorting, sortDirection }) => (_jsxs("span", { className: "inline-flex items-center gap-1", children: [props.children, allowsSorting && (_jsx("span", { "aria-hidden": "true", className: "text-[var(--color-text-tertiary)]", children: sortDirection === "ascending" ? "\u25B2" : sortDirection === "descending" ? "\u25BC" : "\u25B4" }))] })) }));
-}
-/* ------------------------------------------------------------------ */
-/*  TableBody                                                          */
-/* ------------------------------------------------------------------ */
-export function TableBody(props) {
-    return _jsx(AriaTableBody, { ...props });
-}
-/* ------------------------------------------------------------------ */
-/*  Row                                                                */
-/* ------------------------------------------------------------------ */
-export function Row(props) {
-    return (_jsx(AriaRow, { ...props, className: [
-            "border-b border-[var(--color-border-default)]",
-            "even:bg-[var(--color-neutral-50)]",
-            "hover:bg-[var(--color-teal-50)]",
-            "outline-none",
-            "focus-visible:outline-2 focus-visible:outline-[var(--color-border-focus)] focus-visible:outline-offset-[-2px]",
-            "transition-colors",
-        ].join(" ") }));
-}
-/* ------------------------------------------------------------------ */
-/*  Cell                                                               */
-/* ------------------------------------------------------------------ */
-export function Cell(props) {
-    return (_jsx(AriaCell, { ...props, className: [
-            "px-3 py-[var(--table-row-py)]",
-            "outline-none",
-            "focus-visible:outline-2 focus-visible:outline-[var(--color-border-focus)] focus-visible:outline-offset-[-2px]",
-        ].join(" ") }));
-}

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

@@ -1,3 +0,0 @@
-export { Table, TableHeader, Column, TableBody, Row, Cell } from "./Table";
-export type { DataTableProps, TableSize } from "./Table";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC3E,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Table/index.js

@@ -1 +0,0 @@
-export { Table, TableHeader, Column, TableBody, Row, Cell } from "./Table";

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

@@ -1,32 +0,0 @@
-import { type ReactNode } from "react";
-import { type TabsProps as AriaTabsProps, type TabListProps as AriaTabListProps, type TabProps as AriaTabProps, type TabPanelProps as AriaTabPanelProps } from "react-aria-components";
-export type TabsVariant = "underline" | "pills";
-export type TabsSize = "sm" | "md" | "lg";
-export interface TabsProps extends Omit<AriaTabsProps, "className" | "orientation"> {
-    /** Visual style variant */
-    variant?: TabsVariant;
-    /** Size preset */
-    size?: TabsSize;
-    /** Layout orientation */
-    orientation?: "horizontal" | "vertical";
-    /** Additional CSS classes */
-    className?: string;
-    children: ReactNode;
-}
-export declare function Tabs({ variant, size, orientation, className, children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
-export interface TabListProps<T extends object> extends Omit<AriaTabListProps<T>, "className"> {
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): import("react/jsx-runtime").JSX.Element;
-export interface TabProps extends Omit<AriaTabProps, "className"> {
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function Tab({ className, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
-export interface TabPanelProps extends Omit<AriaTabPanelProps, "className"> {
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function TabPanel({ className, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,100 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,33 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,102 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,42 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,20 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,43 +0,0 @@
-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",
-};