@crisp-ui-kit/crisp 0.1.0

package/dist/types/components/linechart/linechart.d.ts

@@ -0,0 +1,35 @@
+import type * as React from "react";
+export type LinePoint = {
+    label: string;
+    value: number;
+};
+export type LineChartProps = {
+    data: LinePoint[];
+    /** Overall height in px (default 240). */
+    height?: number;
+    /** Force the axis maximum; otherwise a "nice" max is derived. */
+    max?: number;
+    /** Number of value gridlines/ticks (default 5, includes 0). */
+    ticks?: number;
+    /** Line colour (default brand). */
+    color?: string;
+    /** Fill the area under the line (default true). */
+    area?: boolean;
+    /** Draw a dot at each point (default true). */
+    dots?: boolean;
+    /** Formats axis ticks and point values. */
+    format?: (n: number) => string;
+    /** Category-axis title, shown centred below the labels. */
+    xAxisTitle?: React.ReactNode;
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * A responsive line chart — measured from Attio's Reports historical charts.
+ * A stretched SVG line/area (non-scaling stroke keeps it crisp) over dashed
+ * gridlines; dots are HTML so they stay round. `role="img"` with a summary.
+ */
+export declare function LineChart({ data, height, max, ticks, color, area, dots, format, xAxisTitle, "aria-label": ariaLabel, className, }: LineChartProps): React.JSX.Element;
+export declare namespace LineChart {
+    var displayName: string;
+}

package/dist/types/components/linechart/linechart.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const linechartRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, } from "./menu";
+export { menuRecipe } from "./menu.recipe";

package/dist/types/components/menu/menu.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+export type MenuProps = {
+    /** The element that opens the menu (an icon button, etc.). */
+    trigger: React.ReactElement;
+    children: React.ReactNode;
+    /** Align the menu to the start (left) or end (right) of the trigger. */
+    align?: "start" | "end";
+    className?: string;
+    "aria-label"?: string;
+};
+/**
+ * A dropdown menu — the ⋯ / sort / filter menu surface, on Attio's measured
+ * popover. Give it a `trigger` element and Menu items as children. Opens on
+ * click / ↓ / Enter; roving-focus keyboard model (↑/↓ move, Home/End jump,
+ * typeahead, Enter/Space select, Esc closes and returns focus to the trigger);
+ * closes on outside click. Flips up / right-aligns when space is tight.
+ */
+export declare function Menu({ trigger, children, align, className, "aria-label": ariaLabel, }: MenuProps): React.JSX.Element;
+export declare namespace Menu {
+    var displayName: string;
+}
+export type MenuItemProps = {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    danger?: boolean;
+    disabled?: boolean;
+    onSelect?: () => void;
+    /** Keep the menu open after selecting (default closes). */
+    closeOnSelect?: boolean;
+};
+export declare function MenuItem({ children, icon, shortcut, danger, disabled, onSelect, closeOnSelect, }: MenuItemProps): React.JSX.Element;
+export declare namespace MenuItem {
+    var displayName: string;
+}
+export type MenuCheckboxItemProps = {
+    children: React.ReactNode;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+};
+export declare function MenuCheckboxItem({ children, checked, onCheckedChange, disabled, }: MenuCheckboxItemProps): React.JSX.Element;
+export declare namespace MenuCheckboxItem {
+    var displayName: string;
+}
+export declare function MenuSeparator(): React.JSX.Element;
+export declare namespace MenuSeparator {
+    var displayName: string;
+}
+export declare function MenuLabel({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare namespace MenuLabel {
+    var displayName: string;
+}

package/dist/types/components/menu/menu.recipe.d.ts

@@ -0,0 +1,5 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const menuRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+};
+export default config;

package/dist/types/components/multiselect/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiSelect, type MultiSelectOption, type MultiSelectProps, } from "./multiselect";
+export { multiselectRecipe } from "./multiselect.recipe";

package/dist/types/components/multiselect/multiselect.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+export type MultiSelectOption = {
+    value: string;
+    label: string;
+    /** Chip colour tone; falls back to a deterministic pastel per value. */
+    tone?: string;
+};
+export type MultiSelectProps = {
+    options: MultiSelectOption[];
+    value: string[];
+    onValueChange: (value: string[]) => void;
+    placeholder?: string;
+    /** Show a filter field at the top of the list (default true). */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    className?: string;
+    "aria-label"?: string;
+};
+/**
+ * A multi-select / tag editor — measured from Attio's cell tag picker. The
+ * outlined trigger shows the selected values as coloured chips; it opens a
+ * popover with a search field over rows of "[chip] … [checkbox]" that toggle on
+ * click (the menu stays open). Keyboard: ↑/↓ move, Enter toggles, Esc closes.
+ */
+export declare function MultiSelect({ options, value, onValueChange, placeholder, searchable, searchPlaceholder, disabled, className, "aria-label": ariaLabel, }: MultiSelectProps): React.JSX.Element;
+export declare namespace MultiSelect {
+    var displayName: string;
+}

package/dist/types/components/multiselect/multiselect.recipe.d.ts

@@ -0,0 +1,5 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const multiselectRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+};
+export default config;

package/dist/types/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover, type PopoverProps } from "./popover";
+export { popoverRecipe } from "./popover.recipe";

package/dist/types/components/popover/popover.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+export type PopoverProps = {
+    /** The element that toggles the popover (gets aria + click wiring). */
+    trigger: React.ReactElement;
+    /** Popover body. */
+    children: React.ReactNode;
+    /** Align the popover to the trigger's left (`start`) or right (`end`) edge. */
+    align?: "start" | "end";
+    /** Controlled open state. Omit to let the popover manage it. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * A generic anchored popover — the Menu/Select surface holding arbitrary
+ * content. Opens below the trigger (flipping up when there's no room),
+ * closes on outside pointer-down and Escape. Controlled or self-managed.
+ */
+export declare function Popover({ trigger, children, align, open: openProp, onOpenChange, "aria-label": ariaLabel, className, }: PopoverProps): React.JSX.Element;
+export declare namespace Popover {
+    var displayName: string;
+}

package/dist/types/components/popover/popover.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const popoverRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress, type ProgressProps } from "./progress";
+export { progressRecipe } from "./progress.recipe";

package/dist/types/components/progress/progress.d.ts

@@ -0,0 +1,19 @@
+export type ProgressProps = {
+    /** Current value. */
+    value: number;
+    /** Maximum value (default 100). */
+    max?: number;
+    /** Render as N discrete segments (Attio's step bar) instead of a continuous fill. */
+    segments?: number;
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * A progress bar — a continuous brand fill, or a segmented row of pills when
+ * `segments` is set (the "Getting started 3/6" pattern). Reports its state via
+ * `role="progressbar"` and the ARIA value attributes.
+ */
+export declare function Progress({ value, max, segments, "aria-label": ariaLabel, className, }: ProgressProps): import("react").JSX.Element;
+export declare namespace Progress {
+    var displayName: string;
+}

package/dist/types/components/progress/progress.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const progressRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/radiogroup/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./radiogroup";
+export { radiogroupRecipe } from "./radiogroup.recipe";

package/dist/types/components/radiogroup/radiogroup.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export type RadioGroupProps = {
+    /** Controlled value. Omit to let the group manage it (see defaultValue). */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** `default` = rows (dot + label); `card` = bordered preview cards. */
+    variant?: "default" | "card";
+    name?: string;
+    className?: string;
+    "aria-label"?: string;
+    children: React.ReactNode;
+};
+/**
+ * A radio group — measured from Attio's settings. `default` renders rows (a ring
+ * that fills brand when selected + a label); `card` renders a row of bordered
+ * preview cards whose border turns brand when picked (the Theme picker). Arrow
+ * keys move between options (roving focus). Controlled or uncontrolled.
+ */
+export declare function RadioGroup({ value, defaultValue, onValueChange, variant, name, className, "aria-label": ariaLabel, children, }: RadioGroupProps): React.JSX.Element;
+export declare namespace RadioGroup {
+    var displayName: string;
+}
+export type RadioProps = {
+    value: string;
+    label?: React.ReactNode;
+    /** Preview content for the `card` variant (shown above the label). */
+    children?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+export declare function Radio({ value, label, children, disabled }: RadioProps): React.JSX.Element;
+export declare namespace Radio {
+    var displayName: string;
+}

package/dist/types/components/radiogroup/radiogroup.recipe.d.ts

@@ -0,0 +1,5 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const radiogroupRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+};
+export default config;

package/dist/types/components/segmented/index.d.ts

@@ -0,0 +1,2 @@
+export { Segmented, type SegmentedOption, type SegmentedProps, } from "./segmented";
+export { segmentedRecipe } from "./segmented.recipe";

package/dist/types/components/segmented/segmented.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+export type SegmentedOption = {
+    value: string;
+    /** Visible label. Omit for an icon-only segment (pass `icon` + `aria-label`). */
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    "aria-label"?: string;
+};
+export type SegmentedProps = {
+    options: SegmentedOption[];
+    /** Controlled value. Omit to let the control manage it (see defaultValue). */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * A segmented control (single-choice toggle) — measured from Attio's view
+ * switcher. `role="radiogroup"` over `role="radio"` buttons with roving
+ * tabindex and ←/→ (Home/End) keyboard selection.
+ */
+export declare function Segmented({ options, value, defaultValue, onValueChange, "aria-label": ariaLabel, className, }: SegmentedProps): React.JSX.Element;
+export declare namespace Segmented {
+    var displayName: string;
+}

package/dist/types/components/segmented/segmented.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const segmentedRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select, type SelectOption, type SelectProps } from "./select";
+export { selectRecipe } from "./select.recipe";

package/dist/types/components/select/select.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+export type SelectOption = {
+    value: string;
+    label: React.ReactNode;
+    /** Text used for filtering when `searchable` (falls back to a string label). */
+    keywords?: string;
+    /** A status colour dot shown before the label (Attio status/select fields). */
+    color?: string;
+    disabled?: boolean;
+};
+export type SelectProps = {
+    options: SelectOption[];
+    /** Controlled value. Omit to let Select manage it (see defaultValue). */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    /** `ghost` is borderless until hover — for inline selects (e.g. sort rows). */
+    variant?: "default" | "ghost";
+    /** Show a search field at the top of the list that filters options (Linear/cmdk style). */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    className?: string;
+    "aria-label"?: string;
+    id?: string;
+};
+/**
+ * A select / dropdown — the settings control, measured from Attio, with an
+ * optional Linear-style search. A `role="combobox"` trigger opens a
+ * `role="listbox"`; pass `searchable` to add a filter field at the top (with a
+ * "No results" empty state). Full keyboard model — ↑/↓ move, Enter/Space pick,
+ * Esc close, Home/End jump, opens upward when tight. Controlled or uncontrolled.
+ */
+export declare function Select({ options, value, defaultValue, onValueChange, placeholder, variant, searchable, searchPlaceholder, disabled, className, "aria-label": ariaLabel, id, }: SelectProps): React.JSX.Element;
+export declare namespace Select {
+    var displayName: string;
+}

package/dist/types/components/select/select.recipe.d.ts

@@ -0,0 +1,20 @@
+declare const config: import("../..").RecipeConfig<{
+    variant: {
+        default: string;
+        ghost: string;
+    };
+}>;
+export declare const selectRecipe: import("../..").RecipeFn<{
+    variant: {
+        default: string;
+        ghost: string;
+    };
+}> & {
+    config: import("../..").RecipeConfig<{
+        variant: {
+            default: string;
+            ghost: string;
+        };
+    }>;
+};
+export default config;

package/dist/types/components/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton, type SkeletonProps } from "./skeleton";
+export { skeletonRecipe } from "./skeleton.recipe";

package/dist/types/components/skeleton/skeleton.d.ts

@@ -0,0 +1,13 @@
+export type SkeletonProps = {
+    width?: number | string;
+    height?: number | string;
+    /** Render as a circle (avatar placeholder). */
+    circle?: boolean;
+    radius?: number | string;
+    className?: string;
+};
+/** A pulsing placeholder block sized to the content it stands in for. */
+export declare function Skeleton({ width, height, circle, radius, className, }: SkeletonProps): import("react").JSX.Element;
+export declare namespace Skeleton {
+    var displayName: string;
+}

package/dist/types/components/skeleton/skeleton.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const skeletonRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner, type SpinnerProps } from "./spinner";
+export { spinnerRecipe } from "./spinner.recipe";

package/dist/types/components/spinner/spinner.d.ts

@@ -0,0 +1,11 @@
+export type SpinnerProps = {
+    /** Diameter in px (default 16). Border scales with it. */
+    size?: number;
+    "aria-label"?: string;
+    className?: string;
+};
+/** A spinning ring indicator. Reports `role="status"` for assistive tech. */
+export declare function Spinner({ size, "aria-label": ariaLabel, className, }: SpinnerProps): import("react").JSX.Element;
+export declare namespace Spinner {
+    var displayName: string;
+}

package/dist/types/components/spinner/spinner.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const spinnerRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/stagebar/index.d.ts

@@ -0,0 +1,2 @@
+export { type Stage, StageBar, type StageBarProps } from "./stagebar";
+export { stagebarRecipe } from "./stagebar.recipe";

package/dist/types/components/stagebar/stagebar.d.ts

@@ -0,0 +1,20 @@
+export type Stage = {
+    label: string;
+    /** Stage colour (CSS). Defaults to the brand colour. */
+    color?: string;
+};
+export type StageBarProps = {
+    stages: Stage[];
+    /** The current stage, by index or by matching `label`. */
+    current: number | string;
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * A pipeline stage bar — measured from Attio's Deal-stage Highlight. Each stage
+ * is a segment tinted with its colour; the current stage is at full strength.
+ */
+export declare function StageBar({ stages, current, "aria-label": ariaLabel, className, }: StageBarProps): import("react").JSX.Element;
+export declare namespace StageBar {
+    var displayName: string;
+}

package/dist/types/components/stagebar/stagebar.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const stagebarRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/statcard/index.d.ts

@@ -0,0 +1,2 @@
+export { StatCard, type StatCardProps } from "./statcard";
+export { statcardRecipe } from "./statcard.recipe";

package/dist/types/components/statcard/statcard.d.ts

@@ -0,0 +1,24 @@
+import type * as React from "react";
+export type StatCardProps = {
+    /** Small muted metric name. */
+    label: React.ReactNode;
+    /** Optional icon shown before the label. */
+    icon?: React.ReactNode;
+    /** The headline value (already formatted). */
+    value: React.ReactNode;
+    /** Signed delta rendered as a coloured pill (e.g. `12` → "▲ 12%"). */
+    delta?: number;
+    /** Suffix for the delta pill (default "%"). */
+    deltaSuffix?: string;
+    /** Caption after the delta (e.g. "vs last month"). */
+    caption?: React.ReactNode;
+    className?: string;
+};
+/**
+ * A single-metric KPI tile — measured from Attio's Reports number/insight cards.
+ * Label, a large value, and an optional up/down delta pill with a caption.
+ */
+export declare function StatCard({ label, icon, value, delta, deltaSuffix, caption, className, }: StatCardProps): React.JSX.Element;
+export declare namespace StatCard {
+    var displayName: string;
+}

package/dist/types/components/statcard/statcard.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const statcardRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/components/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch, type SwitchProps } from "./switch";
+export { switchRecipe } from "./switch.recipe";

package/dist/types/components/switch/switch.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type SwitchProps = Omit<React.ComponentPropsWithoutRef<"button">, "onChange" | "type"> & {
+    /** Controlled on/off. Omit to let Switch manage it (see defaultChecked). */
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+};
+/**
+ * An on/off toggle — the settings switch, measured from Attio. Renders a
+ * `role="switch"` button (a native checkbox's semantics without its box), so
+ * label association and keyboard (Space/Enter) come for free. Controlled via
+ * `checked`/`onCheckedChange`, or uncontrolled from `defaultChecked`.
+ */
+export declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "onChange" | "type"> & {
+    /** Controlled on/off. Omit to let Switch manage it (see defaultChecked). */
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/switch/switch.recipe.d.ts

@@ -0,0 +1,14 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const switchRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+    meta: {
+        track: {
+            width: string;
+            height: string;
+        };
+        thumb: {
+            size: string;
+        };
+    };
+};
+export default config;

package/dist/types/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { type TabItem, Tabs, type TabsProps } from "./tabs";
+export { tabsRecipe } from "./tabs.recipe";

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

@@ -0,0 +1,33 @@
+import * as React from "react";
+export type TabItem = {
+    value: string;
+    label: React.ReactNode;
+    /** Leading icon (e.g. a 16px Lucide element) shown before the label. */
+    icon?: React.ReactNode;
+    /** Optional count/badge shown after the label (e.g. Emails · 0). */
+    badge?: React.ReactNode;
+    disabled?: boolean;
+};
+export type TabsProps = {
+    tabs: TabItem[];
+    /** Controlled active value. Omit to let Tabs manage it (see defaultValue). */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Non-tab content pinned to the start of the bar (e.g. a favourite star). */
+    leading?: React.ReactNode;
+    /** Rendered for the active tab. Receives the active value. */
+    children?: (value: string) => React.ReactNode;
+    className?: string;
+    "aria-label"?: string;
+};
+/**
+ * A row of text tabs over a sliding ink underline — the record-view tab bar,
+ * measured from Attio. Roving-tabindex keyboard model (←/→ move + activate,
+ * Home/End jump); activation follows focus, matching Attio. Controlled via
+ * `value`/`onValueChange`, or uncontrolled from `defaultValue`.
+ */
+export declare function Tabs({ tabs, value, defaultValue, onValueChange, leading, children, className, "aria-label": ariaLabel, }: TabsProps): React.JSX.Element;
+export declare namespace Tabs {
+    var displayName: string;
+}

package/dist/types/components/tabs/tabs.recipe.d.ts

@@ -0,0 +1,5 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const tabsRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+};
+export default config;

package/dist/types/components/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea, type TextareaProps } from "./textarea";
+export { textareaRecipe } from "./textarea.recipe";

package/dist/types/components/textarea/textarea.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export type TextareaProps = React.ComponentPropsWithoutRef<"textarea"> & {
+    /** Show a "N / maxLength" counter bottom-right (also caps input at maxLength). */
+    showCount?: boolean;
+    /** Extra class on the wrapper. */
+    wrapperClassName?: string;
+};
+/**
+ * A multiline text field — measured from Attio's settings. Forwards every native
+ * `<textarea>` prop; pass `showCount` with `maxLength` to render a live
+ * character counter (which turns red if the value exceeds the limit).
+ */
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    /** Show a "N / maxLength" counter bottom-right (also caps input at maxLength). */
+    showCount?: boolean;
+    /** Extra class on the wrapper. */
+    wrapperClassName?: string;
+} & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/types/components/textarea/textarea.recipe.d.ts

@@ -0,0 +1,5 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const textareaRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+};
+export default config;

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

@@ -0,0 +1,2 @@
+export { type ToastOptions, ToastProvider, type ToastTone, useToast, } from "./toast";
+export { toastRecipe } from "./toast.recipe";

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

@@ -0,0 +1,31 @@
+import * as React from "react";
+export type ToastTone = "info" | "success" | "warning" | "danger";
+export type ToastOptions = {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    tone?: ToastTone;
+    /** Auto-dismiss after this many ms (0 = sticky). Defaults to the provider's. */
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+};
+type ToastApi = {
+    toast: (o: ToastOptions) => number;
+    dismiss: (id: number) => void;
+};
+/**
+ * Wrap your app in a `ToastProvider`, then call `useToast().toast({...})` from
+ * anywhere to push a notification. Toasts stack bottom-right and auto-dismiss
+ * after `duration` (default 4s; 0 keeps them until dismissed).
+ */
+export declare function ToastProvider({ children, duration, }: {
+    children: React.ReactNode;
+    duration?: number;
+}): React.JSX.Element;
+export declare namespace ToastProvider {
+    var displayName: string;
+}
+export declare function useToast(): ToastApi;
+export {};

package/dist/types/components/toast/toast.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const toastRecipe: import("../..").RecipeFn<{}>;
+export default config;

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

@@ -0,0 +1,2 @@
+export { Tooltip, type TooltipProps } from "./tooltip";
+export { tooltipRecipe } from "./tooltip.recipe";