@tulipfarm/sprout 0.3.0 → 0.4.0

package/dist/components/tabs.d.ts

@@ -1,4 +1,4 @@
-import { Tabs as BaseTabs } from "@base-ui/react/tabs";
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
 export declare const tabsListVariantNames: readonly ["default", "line", "steps"];
 export type TabsListVariant = (typeof tabsListVariantNames)[number];
 export type TabsProps = BaseTabs.Root.Props;
@@ -13,7 +13,7 @@ export interface TabsListVariantOptions {
     className?: string;
 }
 /** Returns the list classes, for a custom element that should look like a tab list. */
-export declare function tabsListVariants({ variant, className, }?: TabsListVariantOptions): string;
+export declare function tabsListVariants({ variant, className }?: TabsListVariantOptions): string;
 export interface TabsListProps extends BaseTabs.List.Props {
     /**
      * `default` is a filled segmented control. `line` underlines the active

package/dist/components/tabs.js

@@ -1,22 +1,22 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Tabs as BaseTabs } from "@base-ui/react/tabs";
-import { cn, stateClassName } from "../internal/classes.js";
-export const tabsListVariantNames = ["default", "line", "steps"];
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import { cn, stateClassName } from '../internal/classes.js';
+export const tabsListVariantNames = ['default', 'line', 'steps'];
 /**
  * Groups a tab list with its panels. Pass `value` and `onValueChange` to
  * control the active tab, or `defaultValue` to let it manage itself.
  * `orientation="vertical"` stacks the list beside the panels.
  */
-export function Tabs({ className, orientation = "horizontal", ...props }) {
-    return (_jsx(BaseTabs.Root, { "data-slot": "tabs", orientation: orientation, ...props, className: stateClassName("sprout-tabs", className) }));
+export function Tabs({ className, orientation = 'horizontal', ...props }) {
+    return (_jsx(BaseTabs.Root, { "data-slot": "tabs", orientation: orientation, ...props, className: stateClassName('sprout-tabs', className) }));
 }
 /** Returns the list classes, for a custom element that should look like a tab list. */
-export function tabsListVariants({ variant, className, } = {}) {
-    return cn("sprout-tabs-list", `sprout-tabs-list-${variant ?? "default"}`, className);
+export function tabsListVariants({ variant, className } = {}) {
+    return cn('sprout-tabs-list', `sprout-tabs-list-${variant ?? 'default'}`, className);
 }
-export function TabsList({ className, variant = "default", ...props }) {
-    return (_jsx(BaseTabs.List, { "data-slot": "tabs-list", "data-variant": variant, ...props, className: typeof className === "function"
+export function TabsList({ className, variant = 'default', ...props }) {
+    return (_jsx(BaseTabs.List, { "data-slot": "tabs-list", "data-variant": variant, ...props, className: typeof className === 'function'
             ? (state) => tabsListVariants({ variant, className: className(state) })
             : tabsListVariants({ variant, className }) }));
 }
@@ -25,12 +25,12 @@ export function TabsList({ className, variant = "default", ...props }) {
  * icons with `data-icon="inline-start"` or `"inline-end"` to tighten padding.
  */
 export function TabsTrigger({ className, ...props }) {
-    return (_jsx(BaseTabs.Tab, { "data-slot": "tabs-trigger", ...props, className: stateClassName("sprout-tabs-trigger", className) }));
+    return (_jsx(BaseTabs.Tab, { "data-slot": "tabs-trigger", ...props, className: stateClassName('sprout-tabs-trigger', className) }));
 }
 /**
  * The panel for one tab. Add `keepMounted` to keep inactive panels in the
  * page, so form drafts and scroll positions survive tab changes.
  */
 export function TabsContent({ className, ...props }) {
-    return (_jsx(BaseTabs.Panel, { "data-slot": "tabs-content", ...props, className: stateClassName("sprout-tabs-content", className) }));
+    return (_jsx(BaseTabs.Panel, { "data-slot": "tabs-content", ...props, className: stateClassName('sprout-tabs-content', className) }));
 }

package/dist/components/textarea.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentProps } from "react";
+import type { ComponentProps } from 'react';
 export declare const textareaVariantNames: readonly ["default", "embedded"];
 export type TextareaVariant = (typeof textareaVariantNames)[number];
-export interface TextareaProps extends ComponentProps<"textarea"> {
+export interface TextareaProps extends ComponentProps<'textarea'> {
     /**
      * `default` draws its own border, fill, and focus ring. `embedded` drops
      * them so a surrounding group, such as a message composer, draws them.

package/dist/components/textarea.js

@@ -1,8 +1,8 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../internal/classes.js";
-import { useFieldControl } from "./field.js";
-export const textareaVariantNames = ["default", "embedded"];
+import { cn } from '../internal/classes.js';
+import { useFieldControl } from './field.js';
+export const textareaVariantNames = ['default', 'embedded'];
 /**
  * A multi-line text field on a native `textarea`. It takes every textarea
  * prop, such as `value`, `rows`, `maxLength`, `readOnly`, and `ref`. It grows
@@ -12,8 +12,6 @@ export const textareaVariantNames = ["default", "embedded"];
  */
 export function Textarea({ variant, rows, className, style, ...rest }) {
     const props = useFieldControl(rest);
-    const kind = variant ?? "default";
-    return (_jsx("textarea", { "data-slot": "textarea", "data-variant": kind, rows: rows, ...props, style: rows
-            ? { "--sprout-textarea-rows": rows, ...style }
-            : style, className: cn("sprout-textarea", `sprout-textarea-variant-${kind}`, className) }));
+    const kind = variant ?? 'default';
+    return (_jsx("textarea", { "data-slot": "textarea", "data-variant": kind, rows: rows, ...props, style: rows ? { '--sprout-textarea-rows': rows, ...style } : style, className: cn('sprout-textarea', `sprout-textarea-variant-${kind}`, className) }));
 }

package/dist/components/timeline.d.ts

@@ -0,0 +1,3 @@
+export * from '../internal/charts/timeline.js';
+export * from '../internal/charts/timeline-window.js';
+export { shiftTimeline, timelineRange, timelineToday, timelineZoomNames, type TimelineRange, type TimelineZoom, } from '../internal/charts/timeline-dates.js';

package/dist/components/timeline.js

@@ -0,0 +1,3 @@
+export * from '../internal/charts/timeline.js';
+export * from '../internal/charts/timeline-window.js';
+export { shiftTimeline, timelineRange, timelineToday, timelineZoomNames, } from '../internal/charts/timeline-dates.js';

package/dist/components/toast.d.ts

@@ -1,4 +1,4 @@
-import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
 /** Toast types that `Toaster` gives an icon. Any other `type` shows no icon. */
 export declare const toastTypeNames: readonly ["success", "error", "warning", "info", "loading"];
 export type ToastType = (typeof toastTypeNames)[number];
@@ -36,7 +36,7 @@ export type ToastCloseProps = ToastPrimitive.Close.Props;
 export declare function ToastClose({ className, children, render, ...props }: ToastCloseProps): import("react").JSX.Element;
 export interface ToasterProps extends ToastProviderProps {
     /** Defaults to the shared `toast` manager. Pass your own to isolate a region. */
-    toastManager?: ToastProviderProps["toastManager"];
+    toastManager?: ToastProviderProps['toastManager'];
 }
 /**
  * A provider with a ready-made viewport. Each toast shows an icon for its

package/dist/components/toast.js

@@ -1,22 +1,16 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast as ToastPrimitive } from "@base-ui/react/toast";
-import { CheckCircle } from "reicon-react/icons/CheckCircle";
-import { Danger } from "reicon-react/icons/Danger";
-import { XCircle } from "reicon-react/icons/XCircle";
-import { InfoCircle } from "reicon-react/icons/InfoCircle";
-import { X } from "reicon-react/icons/X";
-import { stateClassName } from "../internal/classes.js";
-import { Button } from "./button.js";
-import { Spinner } from "./spinner.js";
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
+import { CheckCircle } from 'reicon-react/icons/CheckCircle';
+import { Danger } from 'reicon-react/icons/Danger';
+import { XCircle } from 'reicon-react/icons/XCircle';
+import { InfoCircle } from 'reicon-react/icons/InfoCircle';
+import { X } from 'reicon-react/icons/X';
+import { stateClassName } from '../internal/classes.js';
+import { Button } from './button.js';
+import { Spinner } from './spinner.js';
 /** Toast types that `Toaster` gives an icon. Any other `type` shows no icon. */
-export const toastTypeNames = [
-    "success",
-    "error",
-    "warning",
-    "info",
-    "loading",
-];
+export const toastTypeNames = ['success', 'error', 'warning', 'info', 'loading'];
 /** Makes a toast manager you can call from anywhere, inside or outside React. */
 export const createToastManager = ToastPrimitive.createToastManager;
 /** Reads the nearest provider's toasts and its `add`, `update`, `close`, and `promise`. */
@@ -31,31 +25,31 @@ export function ToastPortal(props) {
 }
 /** The fixed region in the bottom corner that stacks toasts. Press F6 to focus it. */
 export function ToastViewport({ className, ...props }) {
-    return (_jsx(ToastPrimitive.Viewport, { "data-slot": "toast-viewport", ...props, className: stateClassName("sprout-toast-viewport", className) }));
+    return (_jsx(ToastPrimitive.Viewport, { "data-slot": "toast-viewport", ...props, className: stateClassName('sprout-toast-viewport', className) }));
 }
 /** One toast in the stack. Pass the `toast` object from `useToastManager().toasts`. */
 export function Toast({ className, ...props }) {
-    return (_jsx(ToastPrimitive.Root, { "data-slot": "toast", ...props, className: stateClassName("sprout-toast", className) }));
+    return (_jsx(ToastPrimitive.Root, { "data-slot": "toast", ...props, className: stateClassName('sprout-toast', className) }));
 }
 export function ToastContent({ className, ...props }) {
-    return (_jsx(ToastPrimitive.Content, { "data-slot": "toast-content", ...props, className: stateClassName("sprout-toast-content", className) }));
+    return (_jsx(ToastPrimitive.Content, { "data-slot": "toast-content", ...props, className: stateClassName('sprout-toast-content', className) }));
 }
 export function ToastTitle({ className, ...props }) {
-    return (_jsx(ToastPrimitive.Title, { "data-slot": "toast-title", ...props, className: stateClassName("sprout-toast-title", className) }));
+    return (_jsx(ToastPrimitive.Title, { "data-slot": "toast-title", ...props, className: stateClassName('sprout-toast-title', className) }));
 }
 export function ToastDescription({ className, ...props }) {
-    return (_jsx(ToastPrimitive.Description, { "data-slot": "toast-description", ...props, className: stateClassName("sprout-toast-description", className) }));
+    return (_jsx(ToastPrimitive.Description, { "data-slot": "toast-description", ...props, className: stateClassName('sprout-toast-description', className) }));
 }
 /**
  * A small outline button. It renders only when it has children, either its
  * own or the toast's `actionProps.children`.
  */
 export function ToastAction({ className, render = _jsx(Button, { variant: "outline", size: "sm" }), ...props }) {
-    return (_jsx(ToastPrimitive.Action, { "data-slot": "toast-action", render: render, ...props, className: stateClassName("sprout-toast-action", className) }));
+    return (_jsx(ToastPrimitive.Action, { "data-slot": "toast-action", render: render, ...props, className: stateClassName('sprout-toast-action', className) }));
 }
 /** A ghost icon button labeled "Close toast". Its hit area extends 8px past the icon. */
 export function ToastClose({ className, children, render = _jsx(Button, { variant: "ghost", size: "icon-sm" }), ...props }) {
-    return (_jsx(ToastPrimitive.Close, { "data-slot": "toast-close", "aria-label": "Close toast", render: render, ...props, className: stateClassName("sprout-toast-close", className), children: children ?? _jsx(X, { "aria-hidden": "true" }) }));
+    return (_jsx(ToastPrimitive.Close, { "data-slot": "toast-close", "aria-label": "Close toast", render: render, ...props, className: stateClassName('sprout-toast-close', className), children: children ?? _jsx(X, { "aria-hidden": "true" }) }));
 }
 const toastIcons = {
     success: _jsx(CheckCircle, { "aria-hidden": "true" }),
@@ -72,7 +66,7 @@ function ToastIcon({ type }) {
 }
 function ToastList() {
     const { toasts } = useToastManager();
-    return toasts.map((item) => (_jsx(Toast, { toast: item, children: _jsxs(ToastContent, { children: [_jsx(ToastIcon, { type: item.type }), _jsxs("div", { className: "sprout-toast-text", children: [_jsx(ToastTitle, {}), _jsx(ToastDescription, {})] }), _jsx(ToastAction, {}), _jsx(ToastClose, {})] }) }, item.id)));
+    return toasts.map(item => (_jsx(Toast, { toast: item, children: _jsxs(ToastContent, { children: [_jsx(ToastIcon, { type: item.type }), _jsxs("div", { className: "sprout-toast-text", children: [_jsx(ToastTitle, {}), _jsx(ToastDescription, {})] }), _jsx(ToastAction, {}), _jsx(ToastClose, {})] }) }, item.id)));
 }
 /**
  * A provider with a ready-made viewport. Each toast shows an icon for its

package/dist/components/toggle-group.d.ts

@@ -1,5 +1,5 @@
-import { Toggle as BaseToggle } from "@base-ui/react/toggle";
-import { ToggleGroup as BaseToggleGroup } from "@base-ui/react/toggle-group";
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
 export declare const toggleGroupVariantNames: readonly ["default", "outline"];
 export declare const toggleGroupSizeNames: readonly ["default", "sm", "lg"];
 export type ToggleGroupVariant = (typeof toggleGroupVariantNames)[number];

package/dist/components/toggle-group.js

@@ -1,29 +1,29 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import { Toggle as BaseToggle } from "@base-ui/react/toggle";
-import { ToggleGroup as BaseToggleGroup } from "@base-ui/react/toggle-group";
-import { cn } from "../internal/classes.js";
-export const toggleGroupVariantNames = ["default", "outline"];
-export const toggleGroupSizeNames = ["default", "sm", "lg"];
+import { createContext, useContext } from 'react';
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
+import { cn } from '../internal/classes.js';
+export const toggleGroupVariantNames = ['default', 'outline'];
+export const toggleGroupSizeNames = ['default', 'sm', 'lg'];
 const ToggleGroupContext = createContext({
-    variant: "default",
-    size: "default",
+    variant: 'default',
+    size: 'default',
     spacing: 2,
-    orientation: "horizontal",
+    orientation: 'horizontal',
 });
 /**
  * A row or column of toggle buttons that share one value array. Pass
  * `multiple` to let several items stay pressed. Arrow keys move focus
  * between items; Space and Enter press the focused one.
  */
-export function ToggleGroup({ className, style, variant = "default", size = "default", spacing = 2, orientation = "horizontal", children, ...props }) {
-    const gap = { "--sprout-toggle-group-spacing": spacing };
-    return (_jsx(BaseToggleGroup, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, orientation: orientation, ...props, style: typeof style === "function"
+export function ToggleGroup({ className, style, variant = 'default', size = 'default', spacing = 2, orientation = 'horizontal', children, ...props }) {
+    const gap = { '--sprout-toggle-group-spacing': spacing };
+    return (_jsx(BaseToggleGroup, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, orientation: orientation, ...props, style: typeof style === 'function'
             ? (state) => ({ ...gap, ...style(state) })
-            : { ...gap, ...style }, className: typeof className === "function"
-            ? (state) => cn("sprout-toggle-group", className(state))
-            : cn("sprout-toggle-group", className), children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children: children }) }));
+            : { ...gap, ...style }, className: typeof className === 'function'
+            ? (state) => cn('sprout-toggle-group', className(state))
+            : cn('sprout-toggle-group', className), children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children: children }) }));
 }
 /**
  * One toggle button in a `ToggleGroup`. Its `value` is added to the group
@@ -32,8 +32,6 @@ export function ToggleGroup({ className, style, variant = "default", size = "def
  */
 export function ToggleGroupItem({ className, ...props }) {
     const { variant, size, spacing, orientation } = useContext(ToggleGroupContext);
-    const base = cn("sprout-toggle-group-item", `sprout-toggle-group-item-${variant}`, `sprout-toggle-group-item-size-${size}`);
-    return (_jsx(BaseToggle, { "data-slot": "toggle-group-item", "data-variant": variant, "data-size": size, "data-spacing": spacing, "data-orientation": orientation, ...props, className: typeof className === "function"
-            ? (state) => cn(base, className(state))
-            : cn(base, className) }));
+    const base = cn('sprout-toggle-group-item', `sprout-toggle-group-item-${variant}`, `sprout-toggle-group-item-size-${size}`);
+    return (_jsx(BaseToggle, { "data-slot": "toggle-group-item", "data-variant": variant, "data-size": size, "data-spacing": spacing, "data-orientation": orientation, ...props, className: typeof className === 'function' ? (state) => cn(base, className(state)) : cn(base, className) }));
 }

package/dist/components/toggle.d.ts

@@ -1,4 +1,4 @@
-import { Toggle as BaseToggle } from "@base-ui/react/toggle";
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
 export declare const toggleVariantNames: readonly ["default", "outline"];
 export declare const toggleSizeNames: readonly ["default", "sm", "lg"];
 export type ToggleVariant = (typeof toggleVariantNames)[number];
@@ -12,7 +12,7 @@ export interface ToggleVariantOptions {
  * Class names for a toggle look. Use it to give another pressable element,
  * such as a Base UI `Toggle` inside your own group, the same style.
  */
-export declare function toggleVariants({ variant, size, className, }?: ToggleVariantOptions): string;
+export declare function toggleVariants({ variant, size, className }?: ToggleVariantOptions): string;
 export interface ToggleProps<Value extends string = string> extends BaseToggle.Props<Value> {
     /** `default` is borderless. `outline` draws a control border. */
     variant?: ToggleVariant | null;

package/dist/components/toggle.js

@@ -1,15 +1,15 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Toggle as BaseToggle } from "@base-ui/react/toggle";
-import { cn, stateClassName } from "../internal/classes.js";
-export const toggleVariantNames = ["default", "outline"];
-export const toggleSizeNames = ["default", "sm", "lg"];
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { cn, stateClassName } from '../internal/classes.js';
+export const toggleVariantNames = ['default', 'outline'];
+export const toggleSizeNames = ['default', 'sm', 'lg'];
 /**
  * Class names for a toggle look. Use it to give another pressable element,
  * such as a Base UI `Toggle` inside your own group, the same style.
  */
-export function toggleVariants({ variant, size, className, } = {}) {
-    return cn("sprout-toggle", `sprout-toggle-variant-${variant ?? "default"}`, `sprout-toggle-size-${size ?? "default"}`, className);
+export function toggleVariants({ variant, size, className } = {}) {
+    return cn('sprout-toggle', `sprout-toggle-variant-${variant ?? 'default'}`, `sprout-toggle-size-${size ?? 'default'}`, className);
 }
 /**
  * A two-state button. It sets `aria-pressed` and `data-pressed` while on.
@@ -17,5 +17,5 @@ export function toggleVariants({ variant, size, className, } = {}) {
  * An icon-only toggle needs an `aria-label`.
  */
 export function Toggle({ variant, size, className, ...props }) {
-    return (_jsx(BaseToggle, { "data-slot": "toggle", "data-variant": variant ?? "default", "data-size": size ?? "default", ...props, className: stateClassName(toggleVariants({ variant, size }), className) }));
+    return (_jsx(BaseToggle, { "data-slot": "toggle", "data-variant": variant ?? 'default', "data-size": size ?? 'default', ...props, className: stateClassName(toggleVariants({ variant, size }), className) }));
 }

package/dist/components/tool-activity.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import { type ReactNode } from 'react';
 export declare const toolActivityStatusNames: readonly ["queued", "running", "waiting", "completed", "blocked", "failed", "cancelled", "unknown"];
 export declare const toolActivityVariantNames: readonly ["collapsible", "stepper", "transcript"];
 export type ToolActivityStatus = (typeof toolActivityStatusNames)[number];