@signalflare-ai/ui 0.5.0

package/dist/src/components/tabs/tabs.d.ts

@@ -0,0 +1,105 @@
+import { ReactNode } from 'react';
+/** Tabs variant definitions. */
+export declare const SF_TABS_VARIANTS: {
+    readonly variant: readonly ["segmented", "underline", "pill"];
+};
+export declare const SF_TABS_DEFAULT_VARIANTS: {
+    readonly variant: "segmented";
+};
+export declare const SF_TABS_STYLING: {
+    readonly container: {
+        readonly height: 34;
+        readonly borderRadius: 8;
+        readonly background: "color-accent";
+        readonly padding: 1;
+    };
+    readonly tab: {
+        readonly paddingX: 10;
+        readonly verticalMargin: 1;
+        readonly fontSize: 16;
+        readonly fontWeight: 500;
+        readonly borderRadius: 8;
+        readonly activeColor: "text-color-surface";
+        readonly inactiveColor: "text-color-label";
+    };
+    readonly indicator: {
+        readonly background: "color-surface-secondary";
+        readonly ring: "color-color-2";
+        readonly borderRadius: 6;
+        readonly shadow: "shadow-sm";
+    };
+};
+export interface SFTabsVariantsProps {
+    /**
+     * Tab style.
+     * - `"segmented"` — Pill-shaped indicator on a filled track
+     * - `"underline"` — Underline indicator below tab text
+     * - `"pill"` — Fully rounded tabs, only selected has background
+     * @default "segmented"
+     */
+    variant?: (typeof SF_TABS_VARIANTS.variant)[number];
+}
+/** Configuration for a single tab within the Tabs component. */
+export type TabsItem = {
+    /** Unique identifier for the tab, used as the controlled value. */
+    value: string;
+    /** Display content for the tab trigger. */
+    label: ReactNode;
+    /** Additional CSS classes for this tab trigger. */
+    className?: string;
+    /** Custom render function to replace the tab element (e.g. for link-based tabs). */
+    render?: (props: Record<string, unknown>) => React.ReactElement;
+};
+/**
+ * Tabs component props.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   tabs={[
+ *     { value: "overview", label: "Overview" },
+ *     { value: "settings", label: "Settings" },
+ *   ]}
+ *   value={activeTab}
+ *   onValueChange={setActiveTab}
+ * />
+ * ```
+ */
+export type TabsProps = SFTabsVariantsProps & {
+    /** Array of tab items to render. */
+    tabs?: TabsItem[];
+    /** Controlled value. When set, component becomes controlled. */
+    value?: string;
+    /** Default selected value for uncontrolled mode. Ignored when `value` is set. */
+    selectedValue?: string;
+    /** Callback fired when the active tab changes. */
+    onValueChange?: (value: string) => void;
+    /**
+     * When `true`, tabs are activated immediately upon receiving focus via arrow keys.
+     * When `false` (default), tabs receive focus but require Enter/Space to activate.
+     */
+    activateOnFocus?: boolean;
+    /** Additional CSS classes for the root element. */
+    className?: string;
+    /** Additional CSS classes for the tab list element. */
+    listClassName?: string;
+    /** Additional CSS classes for the indicator element. */
+    indicatorClassName?: string;
+};
+/**
+ * Tab navigation component with segmented, underline, or pill style.
+ * Built on Base UI Tabs with animated active indicator.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   variant="segmented"
+ *   tabs={[{ value: "tab1", label: "Tab 1" }, { value: "tab2", label: "Tab 2" }]}
+ *   value={active}
+ *   onValueChange={setActive}
+ * />
+ * <Tabs variant="pill" tabs={[...]} value={active} />
+ * ```
+ */
+export declare function Tabs({ tabs, value, selectedValue, onValueChange, activateOnFocus, className, listClassName, indicatorClassName, variant, }: TabsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/src/components/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,gCAAgC;AAChC,eAAO,MAAM,gBAAgB;;CAEnB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;CAE3B,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;CAsBlB,CAAC;AAGX,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;CACrD;AAED,gEAAgE;AAChE,MAAM,MAAM,QAAQ,GAAG;IACrB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,SAAS,CAAC;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;CACjE,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC5C,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,OAA0C,GAC3C,EAAE,SAAS,kDAgFX"}

package/dist/src/components/text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './text';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/text/index.d.ts.map

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

package/dist/src/components/text/text.d.ts

@@ -0,0 +1,181 @@
+import { CSSProperties, ComponentPropsWithoutRef, ElementRef, ForwardedRef, ElementType } from 'react';
+/** Text variant and size definitions mapping names to their Tailwind classes. */
+export declare const SF_TEXT_VARIANTS: {
+    readonly variant: {
+        readonly heading1: {
+            readonly classes: "text-3xl font-semibold";
+            readonly description: "Large heading for page titles";
+        };
+        readonly heading2: {
+            readonly classes: "text-2xl font-semibold";
+            readonly description: "Medium heading for section titles";
+        };
+        readonly heading3: {
+            readonly classes: "text-lg font-semibold";
+            readonly description: "Small heading for subsections";
+        };
+        readonly body: {
+            readonly classes: "text-sf-default";
+            readonly description: "Default body text";
+        };
+        readonly secondary: {
+            readonly classes: "text-sf-subtle";
+            readonly description: "Muted text for secondary information";
+        };
+        readonly success: {
+            readonly classes: "text-sf-link";
+            readonly description: "Success state text";
+        };
+        readonly error: {
+            readonly classes: "text-sf-danger";
+            readonly description: "Error state text";
+        };
+        readonly mono: {
+            readonly classes: "font-mono";
+            readonly description: "Monospace text for code";
+        };
+        readonly "mono-secondary": {
+            readonly classes: "font-mono text-sf-subtle";
+            readonly description: "Muted monospace text";
+        };
+    };
+    readonly size: {
+        readonly xs: {
+            readonly classes: "text-xs";
+            readonly description: "Extra small text";
+        };
+        readonly sm: {
+            readonly classes: "text-sm";
+            readonly description: "Small text";
+        };
+        readonly base: {
+            readonly classes: "text-base";
+            readonly description: "Default text size";
+        };
+        readonly lg: {
+            readonly classes: "text-lg";
+            readonly description: "Large text";
+        };
+    };
+};
+export declare const SF_TEXT_DEFAULT_VARIANTS: {
+    readonly variant: "body";
+    readonly size: "base";
+};
+/**
+ * SF_TEXT_STYLING - Typography metadata for Figma generator
+ *
+ * This export provides structured styling information extracted from text.tsx
+ * for use by the Figma plugin generator. It documents font sizes, weights,
+ * colors, and font families used across all Text variants.
+ *
+ * Source of truth chain:
+ * text.tsx (this file) → component-registry.json → text.ts (Figma generator)
+ */
+export declare const SF_TEXT_STYLING: {
+    readonly fontSizes: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly base: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly "2xl": 24;
+        readonly "3xl": 30;
+    };
+    readonly fontWeights: {
+        readonly normal: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+    };
+    readonly baseColor: "text-sf-default";
+    readonly variantColors: {
+        readonly body: "text-sf-default";
+        readonly secondary: "text-sf-subtle";
+        readonly success: "text-sf-link";
+        readonly error: "text-sf-danger";
+        readonly mono: "text-sf-default";
+        readonly "mono-secondary": "text-sf-subtle";
+    };
+    readonly fontFamilies: {
+        readonly default: "sans-serif";
+        readonly mono: "monospace";
+    };
+};
+export type SFTextVariant = keyof typeof SF_TEXT_VARIANTS.variant;
+export type SFTextSize = keyof typeof SF_TEXT_VARIANTS.size;
+export interface SFTextVariantsProps {
+    variant?: SFTextVariant;
+    size?: SFTextSize;
+}
+export declare function textVariants({ variant, size, }?: SFTextVariantsProps): string;
+type Heading = "heading1" | "heading2" | "heading3";
+type Copy = "body" | "secondary" | "success" | "error";
+type Monospace = "mono" | "mono-secondary";
+type TextSize = SFTextSize;
+type TextVariant = SFTextVariant;
+type BaseTextProps = Omit<ComponentPropsWithoutRef<"span">, "className" | "style"> & {
+    DANGEROUS_className?: string;
+    DANGEROUS_style?: CSSProperties;
+    as?: ElementType;
+};
+type TextPropsInternal<Variant extends TextVariant = "body"> = BaseTextProps & (Variant extends Copy ? {
+    variant?: Variant;
+    bold?: boolean;
+    size?: TextSize;
+} : Variant extends Monospace ? {
+    variant?: Variant;
+    bold?: never;
+    size?: "lg";
+} : Variant extends Heading ? {
+    variant?: Variant;
+    bold?: never;
+    size?: never;
+} : never);
+/**
+ * Text component props.
+ *
+ * @example
+ * ```tsx
+ * <Text variant="heading1">Page Title</Text>
+ * <Text variant="body">Default paragraph text.</Text>
+ * <Text variant="secondary" size="sm">Muted helper text</Text>
+ * <Text variant="error">Something went wrong</Text>
+ * <Text variant="mono">console.log("code")</Text>
+ * ```
+ */
+export interface TextProps {
+    /**
+     * Text style variant. Determines color, font, and weight.
+     * - `"heading1"` — Large page title (30px, semibold)
+     * - `"heading2"` — Section title (24px, semibold)
+     * - `"heading3"` — Subsection title (18px, semibold)
+     * - `"body"` — Default body text
+     * - `"secondary"` — Muted text for secondary information
+     * - `"success"` — Success state text
+     * - `"error"` — Error state text
+     * - `"mono"` — Monospace text for code
+     * - `"mono-secondary"` — Muted monospace text
+     * @default "body"
+     */
+    variant?: SFTextVariant;
+    /**
+     * Text size (only applies to body/secondary/success/error variants).
+     * - `"xs"` — 12px
+     * - `"sm"` — 14px
+     * - `"base"` — 16px
+     * - `"lg"` — 18px
+     * @default "base"
+     */
+    size?: SFTextSize;
+    /** Whether to use bold font weight (only applies to body variants). */
+    bold?: boolean;
+    /** The HTML element type to render as (e.g. `"span"`, `"p"`, `"h1"`). Auto-selected based on variant if omitted. */
+    as?: ElementType;
+    /** Text content. */
+    children?: React.ReactNode;
+}
+export declare const Text: <Variant extends TextVariant = "body">(props: TextPropsInternal<Variant> & {
+    ref?: ForwardedRef<ElementRef<"span">>;
+}) => React.ReactElement;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/src/components/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,wBAAwB,EAC7B,KAAK,UAAU,EACf,KAAK,YAAY,EAGjB,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAIf,iFAAiF;AACjF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDnB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;CAG3B,CAAC;AAEX;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC;AAGX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,gBAAgB,CAAC,OAAO,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,gBAAgB,CAAC,IAAI,CAAC;AAE5D,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAA0C,EAC1C,IAAoC,GACrC,GAAE,mBAAwB,UAK1B;AAGD,KAAK,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AACpD,KAAK,IAAI,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AACvD,KAAK,SAAS,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAC3C,KAAK,QAAQ,GAAG,UAAU,CAAC;AAC3B,KAAK,WAAW,GAAG,aAAa,CAAC;AAEjC,KAAK,aAAa,GAAG,IAAI,CACvB,wBAAwB,CAAC,MAAM,CAAC,EAChC,WAAW,GAAG,OAAO,CACtB,GAAG;IACF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,KAAK,iBAAiB,CAAC,OAAO,SAAS,WAAW,GAAG,MAAM,IAAI,aAAa,GAC1E,CAAC,OAAO,SAAS,IAAI,GACjB;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,GACD,OAAO,SAAS,SAAS,GACvB;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GACD,OAAO,SAAS,OAAO,GACrB;IACE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD,KAAK,CAAC,CAAC;AAEjB;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oHAAoH;IACpH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA6DD,eAAO,MAAM,IAAI,EAAwB,CAAC,OAAO,SAAS,WAAW,GAAG,MAAM,EAC5E,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,GAAG;IAClC,GAAG,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;CACxC,KACE,KAAK,CAAC,YAAY,CAAC"}

package/dist/src/components/theme-toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeToggle, getStoredThemeMode, SF_THEME_TOGGLE_VARIANTS, SF_THEME_TOGGLE_DEFAULT_VARIANTS, type ThemeToggleProps, type SFThemeMode, } from './theme-toggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/theme-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACxB,gCAAgC,EAChC,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC"}

package/dist/src/components/theme-toggle/theme-toggle.d.ts

@@ -0,0 +1,68 @@
+export type SFThemeMode = "light" | "dark" | "system";
+export declare const SF_THEME_TOGGLE_VARIANTS: {
+    readonly mode: {
+        readonly light: {
+            readonly classes: "";
+            readonly description: "Light mode";
+        };
+        readonly dark: {
+            readonly classes: "";
+            readonly description: "Dark mode";
+        };
+        readonly system: {
+            readonly classes: "";
+            readonly description: "Follow system preference";
+        };
+    };
+};
+export declare const SF_THEME_TOGGLE_DEFAULT_VARIANTS: {
+    readonly mode: "system";
+};
+/**
+ * Read the current persisted mode preference from localStorage.
+ * Returns "system" if nothing is stored.
+ */
+export declare function getStoredThemeMode(): SFThemeMode;
+export interface ThemeToggleProps {
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /**
+     * Controlled mode. When provided the component acts as a controlled input —
+     * pair with `onModeChange`.
+     */
+    mode?: SFThemeMode;
+    /**
+     * Called when the user cycles to a new mode.
+     * Receives the new mode value.
+     */
+    onModeChange?: (mode: SFThemeMode) => void;
+    /**
+     * Cycle order for clicking. Defaults to `["light", "dark", "system"]`.
+     * Remove `"system"` to limit to a simple light/dark toggle.
+     */
+    cycle?: SFThemeMode[];
+    /** Show a tooltip labelling the current action. Defaults to true. */
+    tooltip?: boolean;
+}
+/**
+ * Theme toggle button. Cycles through light → dark → system (follows OS) modes.
+ *
+ * Reads from and writes to `localStorage` under the key `"theme"`. When set to
+ * `"system"` the key is removed so the OS preference takes over automatically.
+ * Applies the resolved mode to `document.documentElement.dataset.mode`.
+ *
+ * @example
+ * ```tsx
+ * // Simple uncontrolled — manages localStorage automatically
+ * <ThemeToggle />
+ *
+ * // Controlled
+ * const [mode, setMode] = useState<SFThemeMode>("system");
+ * <ThemeToggle mode={mode} onModeChange={setMode} />
+ *
+ * // Light/dark only (no system option)
+ * <ThemeToggle cycle={["light", "dark"]} />
+ * ```
+ */
+export declare function ThemeToggle({ className, mode: controlledMode, onModeChange, cycle, tooltip, }: ThemeToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/src/components/theme-toggle/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-toggle/theme-toggle.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;CAM3B,CAAC;AAEX,eAAO,MAAM,gCAAgC;;CAEnC,CAAC;AA2BX;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,WAAW,CAKhD;AAID,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,KAAmC,EACnC,OAAc,GACf,EAAE,gBAAgB,2CAiFlB"}

package/dist/src/components/toast/index.d.ts

@@ -0,0 +1,5 @@
+export { Toasty, ToastProvider } from './toast';
+export { Toast } from '@base-ui/react/toast';
+export { useSFToastManager, createSFToastManager } from './toast';
+export type { SFToastOptions, SFToastManagerAddOptions } from './toast';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/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,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAClE,YAAY,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/components/toast/toast.d.ts

@@ -0,0 +1,152 @@
+import { ToastManagerAddOptions, ToastObject } from '@base-ui/react/toast';
+import { default as React } from 'react';
+import { ButtonProps } from '../../components/button';
+/**
+ * Toast styling configuration for Figma plugin consumption.
+ * Toast has no user-facing variants but documents the styling structure.
+ */
+export declare const SF_TOAST_VARIANTS: {
+    readonly root: {
+        readonly classes: "rounded-lg border border-sf-fill bg-sf-control p-4 shadow-lg text-sf-default";
+        readonly description: "Toast container with background, border, and shadow";
+    };
+    readonly title: {
+        readonly classes: "text-[0.975rem] leading-5 font-medium text-sf-default";
+        readonly description: "Toast title with primary text color";
+    };
+    readonly description: {
+        readonly classes: "text-[0.925rem] leading-5 text-sf-subtle";
+        readonly description: "Toast description with muted text color";
+    };
+    readonly close: {
+        readonly classes: "absolute top-2 right-2 flex h-5 w-5 items-center justify-center rounded border-none bg-transparent text-sf-subtle hover:bg-sf-fill-hover hover:text-sf-strong";
+        readonly description: "Close button with X icon";
+    };
+    readonly variant: {
+        readonly default: {
+            readonly classes: "border-sf-fill bg-sf-control";
+            readonly description: "Default toast style";
+        };
+        readonly error: {
+            readonly classes: "border-sf-fill bg-sf-control [&_[data-toast-icon]]:text-[light-dark(var(--color-red-600),var(--color-red-400))] [&_[data-toast-title]]:text-[light-dark(var(--color-red-600),var(--color-red-400))]";
+            readonly description: "Error toast for critical issues";
+            readonly icon: import('@phosphor-icons/react').Icon;
+        };
+        readonly warning: {
+            readonly classes: "border-sf-fill bg-sf-control [&_[data-toast-icon]]:text-[light-dark(var(--color-amber-700),var(--color-amber-500))] [&_[data-toast-title]]:text-[light-dark(var(--color-amber-700),var(--color-amber-500))]";
+            readonly description: "Warning toast for cautionary messages";
+            readonly icon: import('@phosphor-icons/react').Icon;
+        };
+    };
+};
+export declare const SF_TOAST_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+/**
+ * Toast styling configuration for Figma plugin consumption.
+ * Provides structured metadata for generating Toast components in Figma.
+ */
+export declare const SF_TOAST_STYLING: {
+    readonly container: {
+        readonly width: 300;
+        readonly padding: 16;
+        readonly borderRadius: 8;
+        readonly background: "color-secondary";
+        readonly border: "color-color";
+        readonly shadow: "shadow-lg";
+        readonly gap: 4;
+    };
+    readonly title: {
+        readonly fontSize: 16;
+        readonly fontWeight: 500;
+        readonly color: "text-color-surface";
+    };
+    readonly description: {
+        readonly fontSize: 15;
+        readonly fontWeight: 400;
+        readonly color: "text-color-muted";
+    };
+    readonly closeButton: {
+        readonly size: 20;
+        readonly iconSize: 16;
+        readonly iconName: "ph-x";
+        readonly iconColor: "text-color-muted";
+        readonly hoverBackground: "color-color-2";
+        readonly hoverColor: "text-color-label";
+        readonly borderRadius: 4;
+    };
+};
+export type SFToastVariant = keyof typeof SF_TOAST_VARIANTS.variant;
+export interface SFToastVariantsProps {
+    variant?: SFToastVariant;
+}
+export declare function toastVariants({ variant, }?: SFToastVariantsProps): string;
+/**
+ * Toasty component props.
+ *
+ * Wrap your app with `<Toasty>` to enable toast notifications.
+ * Use `Toast.useToastManager().notify(…)` to create toasts.
+ *
+ * @example
+ * ```tsx
+ * // 1. Wrap your app
+ * <Toasty>
+ *   <App />
+ * </Toasty>
+ *
+ * // 2. Show a toast from any child component
+ * const toasts = Toast.useToastManager();
+ * toasts.notify({ title: "Saved", description: "Changes saved successfully." });
+ * ```
+ */
+export interface ToastyProps extends SFToastVariantsProps {
+    /** Application content. Toasts render via a portal above this. */
+    children: React.ReactNode;
+}
+type SFToastOptionsBase = {
+    variant?: SFToastVariant;
+    content?: React.ReactNode;
+    actions?: Array<ButtonProps>;
+};
+export type SFToastOptions<Data extends object> = ToastObject<Data> & SFToastOptionsBase;
+export type SFToastManagerAddOptions<Data extends object> = ToastManagerAddOptions<Data> & SFToastOptionsBase;
+export declare const useSFToastManager: () => {
+    toasts: Array<SFToastOptions<any>>;
+    add: (<T extends any = any>(options: ToastManagerAddOptions<T>) => string) & ((options: SFToastManagerAddOptions<any>) => any);
+    close: (toastId?: string) => void;
+    update: (<T extends any = any>(toastId: string, options: import('@base-ui/react').ToastManagerUpdateOptions<T>) => void) & ((id: string, options: Partial<SFToastManagerAddOptions<any>>) => any);
+    promise: (<Value, T extends any = any>(promise: Promise<Value>, options: import('@base-ui/react').ToastManagerPromiseOptions<Value, T>) => Promise<Value>) & (<T>(promise: Promise<T>, options: {
+        loading: SFToastManagerAddOptions<any>;
+        success: SFToastManagerAddOptions<any> | ((data: T) => SFToastManagerAddOptions<any>);
+        error: SFToastManagerAddOptions<any> | ((error: Error) => SFToastManagerAddOptions<any>);
+    }) => any);
+};
+export declare const createSFToastManager: () => import('@base-ui/react').ToastManager<any> & {
+    add: (options: SFToastManagerAddOptions<any>) => any;
+    update: (id: string, options: Partial<SFToastManagerAddOptions<any>>) => any;
+    promise: <T>(promise: Promise<T>, options: {
+        loading: SFToastManagerAddOptions<any>;
+        success: SFToastManagerAddOptions<any> | ((data: T) => SFToastManagerAddOptions<any>);
+        error: SFToastManagerAddOptions<any> | ((error: Error) => SFToastManagerAddOptions<any>);
+    }) => any;
+};
+/**
+ * Toasty — toast notification provider and viewport.
+ *
+ * Renders a `Toast.Provider` with a fixed-position viewport in the bottom-right corner.
+ * Toasts stack with smooth enter/exit animations, swipe-to-dismiss, and expand-on-hover.
+ *
+ * Built on `@base-ui/react/toast`.
+ *
+ * @example
+ * ```tsx
+ * <Toasty>
+ *   <App />
+ * </Toasty>
+ * ```
+ */
+export declare function Toasty({ children }: ToastyProps): import("react/jsx-runtime").JSX.Element;
+/** Alias for Toasty — provided for discoverability when migrating from other libraries */
+export declare const ToastProvider: typeof Toasty;
+export {};
+//# sourceMappingURL=toast.d.ts.map

package/dist/src/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,EAEL,sBAAsB,EACtB,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAK9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG9D;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCpB,CAAC;AAEX,eAAO,MAAM,yBAAyB;;CAE5B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BnB,CAAC;AAGX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,iBAAiB,CAAC,OAAO,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAA2C,GAC5C,GAAE,oBAAyB,UAO3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB;IACvD,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,kBAAkB,GAAG;IACxB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,MAAM,IAAI,WAAW,CAAC,IAAI,CAAC,GACjE,kBAAkB,CAAC;AAErB,MAAM,MAAM,wBAAwB,CAAC,IAAI,SAAS,MAAM,IACtD,sBAAsB,CAAC,IAAI,CAAC,GAAG,kBAAkB,CAAC;AAyDpD,eAAO,MAAM,iBAAiB;YAIA,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;4FArDrC,wBAAwB,CAAC,GAAG,CAAC;mBAxEzC,CAAC;qIA8ES,MAAM,WAAW,OAAO,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;mKAM1D,CAAC;iBAGE,wBAAwB,CAAC,GAAG,CAAC;+DAGpB,wBAAwB,CAAC,GAAG,CAAC;wDAGlC,KAAK,KAAK,wBAAwB,CAAC,GAAG,CAAC;;CAkC3D,CAAC;AAEF,eAAO,MAAM,oBAAoB;mBAzDd,wBAAwB,CAAC,GAAG,CAAC;iBAM/B,MAAM,WAAW,OAAO,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;cAM1D,CAAC;iBAGE,wBAAwB,CAAC,GAAG,CAAC;+DAGpB,wBAAwB,CAAC,GAAG,CAAC;wDAGlC,KAAK,KAAK,wBAAwB,CAAC,GAAG,CAAC;;CAsC3D,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAW/C;AAED,0FAA0F;AAC1F,eAAO,MAAM,aAAa,eAAS,CAAC"}

package/dist/src/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip, TooltipProvider } from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/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,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/components/tooltip/tooltip.d.ts

@@ -0,0 +1,82 @@
+import { Tooltip as TooltipBase } from '@base-ui/react/tooltip';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+/** Tooltip side variant definitions mapping positions to their Tailwind classes. */
+export declare const SF_TOOLTIP_VARIANTS: {
+    readonly side: {
+        readonly top: {
+            readonly classes: "";
+            readonly description: "Tooltip appears above the trigger";
+        };
+        readonly bottom: {
+            readonly classes: "";
+            readonly description: "Tooltip appears below the trigger";
+        };
+        readonly left: {
+            readonly classes: "";
+            readonly description: "Tooltip appears to the left of the trigger";
+        };
+        readonly right: {
+            readonly classes: "";
+            readonly description: "Tooltip appears to the right of the trigger";
+        };
+    };
+};
+export declare const SF_TOOLTIP_DEFAULT_VARIANTS: {
+    readonly side: "top";
+};
+export type SFTooltipSide = keyof typeof SF_TOOLTIP_VARIANTS.side;
+export interface SFTooltipVariantsProps {
+    /**
+     * Preferred side of the trigger to render the tooltip.
+     * - `"top"` — Tooltip appears above the trigger
+     * - `"bottom"` — Tooltip appears below the trigger
+     * - `"left"` — Tooltip appears to the left of the trigger
+     * - `"right"` — Tooltip appears to the right of the trigger
+     * @default "top"
+     */
+    side?: SFTooltipSide;
+}
+export declare function tooltipVariants({ side, }?: SFTooltipVariantsProps): string;
+export declare const TooltipProvider: import('react').FC<import('@base-ui/react').TooltipProviderProps>;
+type BaseTooltipProps = ComponentPropsWithoutRef<typeof TooltipBase.Root>;
+/** Alignment options for tooltip positioning. Source: PositionerProps["align"] */
+type TooltipAlign = "start" | "center" | "end";
+/**
+ * Tooltip component props.
+ *
+ * @example
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip content="Add new item">
+ *     <Button shape="square" icon={PlusIcon} />
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
+ */
+export type TooltipProps = BaseTooltipProps & SFTooltipVariantsProps & {
+    /**
+     * Alignment on the axis perpendicular to `side`.
+     * - `"start"` — Align to the start edge
+     * - `"center"` — Center-aligned
+     * - `"end"` — Align to the end edge
+     */
+    align?: TooltipAlign;
+    /** Additional CSS classes merged via `cn()`. */
+    className?: string;
+    /** Content to display inside the tooltip popup. */
+    content: ReactNode;
+};
+/**
+ * Accessible popup that shows additional information on hover/focus.
+ * Wrap your app or section with `<TooltipProvider>` to enable delay grouping.
+ *
+ * @example
+ * ```tsx
+ * <Tooltip content="Save changes">
+ *   <Button variant="primary">Save</Button>
+ * </Tooltip>
+ * ```
+ */
+export declare function Tooltip({ content, children, align, side, className, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/src/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,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,oFAAoF;AACpF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;CAmBtB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;CAE9B,CAAC;AAGX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC,IAAI,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAuC,GACxC,GAAE,sBAA2B,UAY7B;AAED,eAAO,MAAM,eAAe,mEAAuB,CAAC;AAEpD,KAAK,gBAAgB,GAAG,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAI1E,kFAAkF;AAClF,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,sBAAsB,GAAG;IACvB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAqCd"}

package/dist/src/components/use-agent-harness/index.d.ts

@@ -0,0 +1,2 @@
+export { useAgentHarness, createAgentHarnessState, fromMastraHarness, SF_USE_AGENT_HARNESS_VARIANTS, SF_USE_AGENT_HARNESS_DEFAULT_VARIANTS, type HarnessAdapter, type HarnessEvent, type HarnessEventBase, type HarnessEventType, type HarnessModeChangedEvent, type HarnessModelChangedEvent, type HarnessThreadChangedEvent, type HarnessThreadCreatedEvent, type HarnessThreadDeletedEvent, type HarnessStateChangedEvent, type HarnessAgentStartEvent, type HarnessAgentEndEvent, type HarnessMessageStartEvent, type HarnessMessageUpdateEvent, type HarnessMessageEndEvent, type HarnessToolStartEvent, type HarnessToolApprovalRequiredEvent, type HarnessToolUpdateEvent, type HarnessToolEndEvent, type HarnessToolInputStartEvent, type HarnessToolInputDeltaEvent, type HarnessToolInputEndEvent, type HarnessUsageUpdateEvent, type HarnessErrorEvent, type HarnessInfoEvent, type HarnessFollowUpQueuedEvent, type HarnessWorkspaceStatusChangedEvent, type HarnessWorkspaceReadyEvent, type HarnessWorkspaceErrorEvent, type HarnessOMStatusEvent, type HarnessOMObservationStartEvent, type HarnessOMObservationEndEvent, type HarnessOMReflectionStartEvent, type HarnessOMReflectionEndEvent, type HarnessAskQuestionEvent, type HarnessPlanApprovalRequiredEvent, type HarnessPlanApprovedEvent, type HarnessSubagentStartEvent, type HarnessSubagentTextDeltaEvent, type HarnessSubagentToolStartEvent, type HarnessSubagentToolEndEvent, type HarnessSubagentEndEvent, type HarnessSubagentModelChangedEvent, type HarnessTaskUpdatedEvent, type HarnessThinkingStartEvent, type HarnessThinkingDeltaEvent, type HarnessThinkingEndEvent, type AgentHarnessState, type AgentMessage, type AgentToolCall, type AgentSubagent, type AgentOMActivity, type AgentThinking, type AgentQuestion, type AgentPlanApproval, type AgentTaskList, type AgentUsage, type AgentNotice, type TimestampedHarnessEvent, type UseAgentHarnessOptions, type UseAgentHarnessReturn, } from './use-agent-harness';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/use-agent-harness/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/use-agent-harness/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EACjB,6BAA6B,EAC7B,qCAAqC,EACrC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,gCAAgC,EACrC,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,kCAAkC,EACvC,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,oBAAoB,EACzB,KAAK,8BAA8B,EACnC,KAAK,4BAA4B,EACjC,KAAK,6BAA6B,EAClC,KAAK,2BAA2B,EAChC,KAAK,uBAAuB,EAC5B,KAAK,gCAAgC,EACrC,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,2BAA2B,EAChC,KAAK,uBAAuB,EAC5B,KAAK,gCAAgC,EACrC,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAC"}