@tulipfarm/sprout 0.4.0 → 0.5.0

package/dist/components/spinner.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentProps } from 'react';
-export declare const spinnerSizeNames: readonly ["sm", "default", "lg"];
+export declare const spinnerSizeNames: readonly ["sm", "md", "lg"];
 export type SpinnerSize = (typeof spinnerSizeNames)[number];
 export declare const thinkingSpinnerSizeNames: readonly ["lg", "xl"];
 export type ThinkingSpinnerSize = (typeof thinkingSpinnerSizeNames)[number];
@@ -8,7 +8,7 @@ export type SpinnerActivity = (typeof spinnerActivityNames)[number];
 export interface LoaderSpinnerProps extends Omit<ComponentProps<'svg'>, 'children' | 'color'> {
     variant?: 'default' | undefined;
     /**
-     * `"sm"` is 12px, `"default"` 16px, and `"lg"` 20px. The size holds inside
+     * `"sm"` is 12px, `"md"` 16px, and `"lg"` 20px. The size holds inside
      * buttons; badges shrink it to their 12px icon size.
      */
     size?: SpinnerSize | undefined;

package/dist/components/spinner.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { lazy, Suspense } from 'react';
 import { Loader } from 'reicon-react/icons/Loader';
 import { cn } from '../internal/classes.js';
-export const spinnerSizeNames = ['sm', 'default', 'lg'];
+export const spinnerSizeNames = ['sm', 'md', 'lg'];
 export const thinkingSpinnerSizeNames = ['lg', 'xl'];
 export const spinnerActivityNames = [
     'working',
@@ -29,7 +29,7 @@ const ThinkingOrb = lazy(() => import('thinking-orbs').then(({ ThinkingOrb }) =>
 export function Spinner(props) {
     if (props.variant === 'thinking')
         return _jsx(ThinkingSpinner, { ...props });
-    const { variant: _variant, size = 'default', className, role = 'status', 'aria-label': label = 'Loading', 'aria-hidden': hidden, ...rest } = props;
+    const { variant: _variant, size = 'md', className, role = 'status', 'aria-label': label = 'Loading', 'aria-hidden': hidden, ...rest } = props;
     const decorative = hidden === true || hidden === 'true';
     return (_jsx(Loader, { "data-slot": "spinner", "data-variant": "default", "data-size": size, ...(decorative ? { 'aria-hidden': 'true' } : { role, 'aria-label': label }), focusable: "false", className: cn('sprout-spinner', `sprout-spinner-size-${size}`, className), ...rest }));
 }

package/dist/components/state-panel-samples.js

@@ -14,7 +14,7 @@ import { ShieldUser } from 'reicon-react/icons/ShieldUser';
 import { User } from 'reicon-react/icons/User';
 import { Users } from 'reicon-react/icons/Users';
 import { FileTypeIcon } from './attachment.js';
-import { AgentAvatar } from './avatar.js';
+import { AgentAvatar } from './agent-avatar.js';
 import { Badge } from './badge.js';
 import { BrandIcon } from './brand-icon.js';
 import { SampleBar, SampleIconTile, SampleList, SampleMark, SampleTable, SampleText, SampleWindow, } from './state-sample.js';
@@ -210,7 +210,7 @@ export function SkillsSample(props) {
 export function WorkflowsSample(props) {
     const active = badge('success', 'Active');
     const draft = badge('secondary', 'Draft');
-    return (_jsx(SampleWindow, { ...props, icon: BranchDown, trail: ['Workflows'], children: _jsx(SampleTable, { columns: [{ label: 'Workflow', size: 'wide' }, { label: 'Trigger' }, { label: 'Status', size: 'narrow' }], rows: [
+    return (_jsx(SampleWindow, { ...props, icon: BranchDown, trail: ['Workflows'], children: _jsx(SampleTable, { columns: [{ label: 'Workflow', size: 'lg' }, { label: 'Trigger' }, { label: 'Status', size: 'sm' }], rows: [
                 [named('green', 'Approve large discounts'), muted('New quote'), active],
                 [named('blue', 'Onboard a new customer'), muted('Deal won'), active],
                 [named('orange', 'Reorder low stock'), muted('Daily, 8:00'), draft],
@@ -228,9 +228,9 @@ export function TablesSample(props) {
         ['teal', 'Support tickets', '10', '2,031'],
     ];
     return (_jsx(SampleWindow, { ...props, icon: Database, trail: ['Tables'], children: _jsx(SampleTable, { columns: [
-                { label: 'Table', size: 'wide' },
-                { label: 'Fields', size: 'narrow' },
-                { label: 'Rows', size: 'narrow' },
+                { label: 'Table', size: 'lg' },
+                { label: 'Fields', size: 'sm' },
+                { label: 'Rows', size: 'sm' },
             ], rows: rows.map(([tone, name, fields, count]) => [
                 named(tone, name),
                 _jsx(SampleText, { children: fields }),
@@ -250,13 +250,13 @@ export function RecordsSample({ table, fields, ...props }) {
     const columns = shown.length
         ? shown.map((label, index) => ({
             label,
-            size: index === 0 ? 'wide' : 'default',
+            size: index === 0 ? 'lg' : 'md',
         }))
-        : [{ label: 'Row', size: 'wide' }];
+        : [{ label: 'Row', size: 'lg' }];
     return (_jsx(SampleWindow, { ...props, icon: Database, trail: ['Tables', table], children: _jsx(SampleTable, { columns: columns, rows: recordRows.map(([tone, first, rest]) => columns.map((_, column) => column === 0 ? (_jsxs(_Fragment, { children: [_jsx(SampleMark, { tone: tone }), _jsx(SampleBar, { width: first })] })) : (_jsx(SampleBar, { width: column % 2 ? rest : first })))) }) }));
 }
 export function CreateInChatSample(props) {
-    return (_jsx(SampleWindow, { ...props, icon: ChatRound, trail: ['New chat'], children: _jsxs("div", { className: "sprout-state-panel-samples-chat", children: [_jsx("p", { className: "sprout-state-panel-samples-bubble", children: "Track our suppliers with a name, contact email, payment terms, and region." }), _jsxs("p", { className: "sprout-state-panel-samples-reply", children: ["I\u2019ll create a ", _jsx("strong", { children: "Suppliers" }), " table with these fields. Review the schema before approving."] }), _jsx("div", { className: "sprout-state-panel-samples-schema", children: _jsx(SampleTable, { columns: [{ label: 'Field', size: 'wide' }, { label: 'Type' }], rows: [
+    return (_jsx(SampleWindow, { ...props, icon: ChatRound, trail: ['New chat'], children: _jsxs("div", { className: "sprout-state-panel-samples-chat", children: [_jsx("p", { className: "sprout-state-panel-samples-bubble", children: "Track our suppliers with a name, contact email, payment terms, and region." }), _jsxs("p", { className: "sprout-state-panel-samples-reply", children: ["I\u2019ll create a ", _jsx("strong", { children: "Suppliers" }), " table with these fields. Review the schema before approving."] }), _jsx("div", { className: "sprout-state-panel-samples-schema", children: _jsx(SampleTable, { columns: [{ label: 'Field', size: 'lg' }, { label: 'Type' }], rows: [
                             [strong('Name'), muted('Text')],
                             [strong('Contact email'), muted('Email')],
                             [strong('Payment terms'), muted('Choice')],
@@ -329,7 +329,7 @@ export function ModelsSample(props) {
 export function MembersSample(props) {
     const admin = badge('info', 'Admin');
     const member = badge('secondary', 'Member');
-    return (_jsx(SampleWindow, { ...props, icon: User, trail: ['Settings', 'Members'], children: _jsx(SampleTable, { columns: [{ label: 'Member', size: 'wide' }, { label: 'Role', size: 'narrow' }, { label: 'Teams' }], rows: [
+    return (_jsx(SampleWindow, { ...props, icon: User, trail: ['Settings', 'Members'], children: _jsx(SampleTable, { columns: [{ label: 'Member', size: 'lg' }, { label: 'Role', size: 'sm' }, { label: 'Teams' }], rows: [
                 [named('violet', 'Maya Chen'), admin, muted('Operations')],
                 [named('orange', 'Leo Martins'), member, muted('Sales, Support')],
                 [named('green', 'Priya Nair'), member, muted('Finance')],
@@ -363,7 +363,7 @@ export function TeamsSample(props) {
 }
 export function InvitationsSample(props) {
     const link = (email) => _jsx(SampleText, { tone: "link", children: email });
-    return (_jsx(SampleWindow, { ...props, icon: Envelope, trail: ['Settings', 'Members', 'Invitations'], children: _jsx(SampleTable, { columns: [{ label: 'Email', size: 'wide' }, { label: 'Status', size: 'narrow' }, { label: 'Email delivery' }], rows: [
+    return (_jsx(SampleWindow, { ...props, icon: Envelope, trail: ['Settings', 'Members', 'Invitations'], children: _jsx(SampleTable, { columns: [{ label: 'Email', size: 'lg' }, { label: 'Status', size: 'sm' }, { label: 'Email delivery' }], rows: [
                 [link('maya@northwind.co'), badge('info', 'active'), muted('Delivered')],
                 [link('leo@northwind.co'), badge('secondary', 'Accepted'), muted('Delivered')],
                 [link('priya@northwind.co'), badge('info', 'active'), muted('Sent')],
@@ -374,9 +374,9 @@ export function GrantsSample(props) {
     const granted = badge('success', 'Granted');
     const none = muted('None');
     return (_jsx(SampleWindow, { ...props, icon: ShieldUser, trail: ['Settings', 'Table access'], tabs: ['Sales', 'Finance', 'Support'], children: _jsx(SampleTable, { columns: [
-                { label: 'Table', size: 'wide' },
-                { label: 'Read', size: 'narrow' },
-                { label: 'Edit', size: 'narrow' },
+                { label: 'Table', size: 'lg' },
+                { label: 'Read', size: 'sm' },
+                { label: 'Edit', size: 'sm' },
             ], rows: [
                 [named('blue', 'Customers'), granted, granted],
                 [named('green', 'Invoices'), granted, none],

package/dist/components/state-sample.d.ts

@@ -14,7 +14,7 @@ export interface SampleWindowProps extends Omit<HTMLAttributes<HTMLDivElement>,
     children: ReactNode;
 }
 export declare function SampleWindow({ icon: Icon, trail, tabs, label, children, className, ...props }: SampleWindowProps): import("react").JSX.Element;
-export declare const sampleColumnSizeNames: readonly ["wide", "default", "narrow"];
+export declare const sampleColumnSizeNames: readonly ["lg", "md", "sm"];
 export type SampleColumnSize = (typeof sampleColumnSizeNames)[number];
 export type SampleColumn = {
     label: string;

package/dist/components/state-sample.js

@@ -4,9 +4,9 @@ import { cn } from '../internal/classes.js';
 export function SampleWindow({ icon: Icon, trail, tabs, label = 'Example', children, className, ...props }) {
     return (_jsxs("div", { "data-slot": "state-sample", ...props, className: cn('sprout-state-sample', className), children: [_jsxs("div", { className: "sprout-state-sample-bar", children: [_jsx("span", { className: "sprout-state-sample-icon", "aria-hidden": "true", children: _jsx(Icon, { size: 14 }) }), trail.map((part, index) => (_jsxs(Fragment, { children: [index > 0 && (_jsx("span", { className: "sprout-state-sample-faint", "aria-hidden": "true", children: "/" })), _jsx("span", { className: "sprout-state-sample-crumb", "data-current": index === trail.length - 1 ? '' : undefined, children: part })] }, index))), _jsx("span", { className: "sprout-state-sample-faint", "aria-hidden": "true", children: "\u00B7\u00B7\u00B7" }), _jsx("span", { className: "sprout-state-sample-label", children: label })] }), tabs && tabs.length > 0 && (_jsx("div", { className: "sprout-state-sample-tabs", children: tabs.map((tab, index) => (_jsx("span", { className: "sprout-state-sample-tab", "data-selected": index === 0 ? '' : undefined, children: tab }, index))) })), children] }));
 }
-export const sampleColumnSizeNames = ['wide', 'default', 'narrow'];
+export const sampleColumnSizeNames = ['lg', 'md', 'sm'];
 export function SampleTable({ columns, rows, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "state-sample-table", ...props, className: cn('sprout-state-sample-table', className), children: [_jsxs("div", { className: "sprout-state-sample-head", children: [_jsx("span", { className: "sprout-state-sample-check", "aria-hidden": "true" }), columns.map((column, index) => (_jsx("span", { className: "sprout-state-sample-cell", "data-size": column.size ?? 'default', children: column.label }, index)))] }), rows.map((row, rowIndex) => (_jsxs("div", { className: "sprout-state-sample-row", children: [_jsx("span", { className: "sprout-state-sample-check", "aria-hidden": "true" }), row.map((cell, cellIndex) => (_jsx("span", { className: "sprout-state-sample-cell", "data-size": columns[cellIndex]?.size ?? 'default', children: cell }, cellIndex)))] }, rowIndex)))] }));
+    return (_jsxs("div", { "data-slot": "state-sample-table", ...props, className: cn('sprout-state-sample-table', className), children: [_jsxs("div", { className: "sprout-state-sample-head", children: [_jsx("span", { className: "sprout-state-sample-check", "aria-hidden": "true" }), columns.map((column, index) => (_jsx("span", { className: "sprout-state-sample-cell", "data-size": column.size ?? 'md', children: column.label }, index)))] }), rows.map((row, rowIndex) => (_jsxs("div", { className: "sprout-state-sample-row", children: [_jsx("span", { className: "sprout-state-sample-check", "aria-hidden": "true" }), row.map((cell, cellIndex) => (_jsx("span", { className: "sprout-state-sample-cell", "data-size": columns[cellIndex]?.size ?? 'md', children: cell }, cellIndex)))] }, rowIndex)))] }));
 }
 export function SampleList({ items, className, ...props }) {
     return (_jsx("div", { "data-slot": "state-sample-list", ...props, className: cn('sprout-state-sample-list', className), children: items.map((item, index) => (_jsxs("div", { className: "sprout-state-sample-item", children: [item.leading && _jsx("span", { className: "sprout-state-sample-leading", children: item.leading }), _jsxs("span", { className: "sprout-state-sample-copy", children: [_jsx("span", { className: "sprout-state-sample-title", children: item.title }), item.detail && _jsx("span", { className: "sprout-state-sample-detail", children: item.detail })] }), item.trailing && _jsx("span", { className: "sprout-state-sample-trailing", children: item.trailing })] }, index))) }));

package/dist/components/switch.d.ts

@@ -1,8 +1,8 @@
 import { Switch as BaseSwitch } from '@base-ui/react/switch';
-export declare const switchSizeNames: readonly ["default", "sm"];
+export declare const switchSizeNames: readonly ["md", "sm"];
 export type SwitchSize = (typeof switchSizeNames)[number];
 export interface SwitchProps extends BaseSwitch.Root.Props {
-    /** `default` is a 32 × 18px track. `sm` is a 24 × 14px track. */
+    /** `md` is a 32 × 18px track. `sm` is a 24 × 14px track. */
     size?: SwitchSize | undefined;
 }
 /**

package/dist/components/switch.js

@@ -3,12 +3,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Switch as BaseSwitch } from '@base-ui/react/switch';
 import { cn, stateClassName } from '../internal/classes.js';
 import { useFieldsetDisabled } from '../internal/fieldset.js';
-export const switchSizeNames = ['default', 'sm'];
+export const switchSizeNames = ['md', 'sm'];
 /**
  * An on/off switch for a setting that applies right away. Name it with a
  * wrapping `Label`, a `Label htmlFor` pointing at its `id`, or `aria-label`.
  */
-export function Switch({ size = 'default', className, disabled, ref, ...props }) {
+export function Switch({ size = 'md', className, disabled, ref, ...props }) {
     const [fieldsetDisabled, fieldsetRef] = useFieldsetDisabled(ref);
     return (_jsx(BaseSwitch.Root, { "data-slot": "switch", "data-size": size, ...props, ref: fieldsetRef, disabled: disabled || fieldsetDisabled, className: stateClassName(cn('sprout-switch', `sprout-switch-size-${size}`), className), children: _jsx(BaseSwitch.Thumb, { "data-slot": "switch-thumb", className: "sprout-switch-thumb" }) }));
 }

package/dist/components/table.js

@@ -445,7 +445,7 @@ function HeadCell({ header, config, resizable, reorderable, sized, role, }) {
             [column.id]: Math.max(48, column.getSize() + delta),
         }));
     };
-    return (_jsxs("th", { ref: reorderable ? sortable_.setNodeRef : undefined, "data-slot": "table-head", "data-align": align, "data-pinned": pinned || undefined, "data-column-id": column.id, "data-dragging": sortable_.isDragging || undefined, className: "sprout-table-head", "aria-sort": sorted === 'asc' ? 'ascending' : sorted === 'desc' ? 'descending' : undefined, role: role, style: style, children: [_jsxs("span", { className: "sprout-table-head-inner", children: [reorderable && (_jsx("button", { type: "button", className: "sprout-table-handle", "aria-label": `Move ${title} column`, ...sortable_.attributes, ...sortable_.listeners, children: _jsx(Reorder, { size: 14, "aria-hidden": "true" }) })), sortable ? (_jsxs(Button, { variant: sorted ? 'secondary' : 'ghost', size: align === 'right' ? 'column-header-end' : 'column-header', "aria-label": `Sort by ${title}${hint}`, title: sorted ? undefined : 'Sort ascending', onClick: column.getToggleSortingHandler(), children: [title, _jsx(Icon, { size: 14, "aria-hidden": "true" })] })) : (title), config?.hint && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx("button", { type: "button", "aria-label": `About ${title}`, className: "sprout-table-hint" }), children: _jsx(InfoCircle, { size: 14, "aria-hidden": "true" }) }), _jsx(TooltipContent, { children: config.hint })] }))] }), resizable && (_jsx("div", { role: "separator", "aria-orientation": "vertical", "aria-label": `Resize ${title} column`, "aria-valuenow": column.getSize(), "aria-valuemin": 48, tabIndex: 0, className: "sprout-table-resizer", "data-resizing": column.getIsResizing() || undefined, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), onKeyDown: onResizeKey, onDoubleClick: () => column.resetSize() }))] }));
+    return (_jsxs("th", { ref: reorderable ? sortable_.setNodeRef : undefined, "data-slot": "table-head", "data-align": align, "data-pinned": pinned || undefined, "data-column-id": column.id, "data-dragging": sortable_.isDragging || undefined, className: "sprout-table-head", "aria-sort": sorted === 'asc' ? 'ascending' : sorted === 'desc' ? 'descending' : undefined, role: role, style: style, children: [_jsxs("span", { className: "sprout-table-head-inner", children: [reorderable && (_jsx("button", { type: "button", className: "sprout-table-handle", "aria-label": `Move ${title} column`, ...sortable_.attributes, ...sortable_.listeners, children: _jsx(Reorder, { size: 14, "aria-hidden": "true" }) })), sortable ? (_jsxs(Button, { variant: sorted ? 'secondary' : 'ghost', size: "sm", className: align === 'right' ? 'sprout-table-sort sprout-table-sort-end' : 'sprout-table-sort', "aria-label": `Sort by ${title}${hint}`, title: sorted ? undefined : 'Sort ascending', onClick: column.getToggleSortingHandler(), children: [title, _jsx(Icon, { size: 14, "aria-hidden": "true" })] })) : (title), config?.hint && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx("button", { type: "button", "aria-label": `About ${title}`, className: "sprout-table-hint" }), children: _jsx(InfoCircle, { size: 14, "aria-hidden": "true" }) }), _jsx(TooltipContent, { children: config.hint })] }))] }), resizable && (_jsx("div", { role: "separator", "aria-orientation": "vertical", "aria-label": `Resize ${title} column`, "aria-valuenow": column.getSize(), "aria-valuemin": 48, tabIndex: 0, className: "sprout-table-resizer", "data-resizing": column.getIsResizing() || undefined, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), onKeyDown: onResizeKey, onDoubleClick: () => column.resetSize() }))] }));
 }
 function GroupRow({ row, columns, byKey, selectable, reorder, hasActions, rowIndex, role, }) {
     const groupColumn = byKey.get(row.groupingColumnId ?? '');

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

@@ -1,13 +1,13 @@
 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 declare const toggleGroupSizeNames: readonly ["md", "sm", "lg"];
 export type ToggleGroupVariant = (typeof toggleGroupVariantNames)[number];
 export type ToggleGroupSize = (typeof toggleGroupSizeNames)[number];
 export interface ToggleGroupProps<Value extends string = string> extends BaseToggleGroup.Props<Value> {
     /** `default` is borderless. `outline` draws a control border on each item. */
     variant?: ToggleGroupVariant;
-    /** `sm` is 28px, `default` 32px, and `lg` 36px tall. */
+    /** `sm` is 28px, `md` 32px, and `lg` 36px tall. */
     size?: ToggleGroupSize;
     /**
      * Gap between items in 4px steps. `0` joins the items into one

package/dist/components/toggle-group.js

@@ -5,10 +5,10 @@ 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'];
+export const toggleGroupSizeNames = ['md', 'sm', 'lg'];
 const ToggleGroupContext = createContext({
     variant: 'default',
-    size: 'default',
+    size: 'md',
     spacing: 2,
     orientation: 'horizontal',
 });
@@ -17,7 +17,7 @@ const ToggleGroupContext = createContext({
  * `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 }) {
+export function ToggleGroup({ className, style, variant = 'default', size = 'md', 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) })

package/dist/components/toggle.d.ts

@@ -1,6 +1,6 @@
 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 declare const toggleSizeNames: readonly ["md", "sm", "lg"];
 export type ToggleVariant = (typeof toggleVariantNames)[number];
 export type ToggleSize = (typeof toggleSizeNames)[number];
 export interface ToggleVariantOptions {
@@ -16,7 +16,7 @@ export declare function toggleVariants({ variant, size, className }?: ToggleVari
 export interface ToggleProps<Value extends string = string> extends BaseToggle.Props<Value> {
     /** `default` is borderless. `outline` draws a control border. */
     variant?: ToggleVariant | null;
-    /** `sm` is 28px, `default` 32px, and `lg` 36px tall. */
+    /** `sm` is 28px, `md` 32px, and `lg` 36px tall. */
     size?: ToggleSize | null;
 }
 /**

package/dist/components/toggle.js

@@ -3,13 +3,13 @@ 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'];
+export const toggleSizeNames = ['md', '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);
+    return cn('sprout-toggle', `sprout-toggle-variant-${variant ?? 'default'}`, `sprout-toggle-size-${size ?? 'md'}`, 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 ?? 'md', ...props, className: stateClassName(toggleVariants({ variant, size }), className) }));
 }

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/accordion.js';
+export * from './components/agent-avatar.js';
 export * from './components/agent-fanout.js';
 export * from './components/alert.js';
 export * from './components/alert-dialog.js';

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from './components/accordion.js';
+export * from './components/agent-avatar.js';
 export * from './components/agent-fanout.js';
 export * from './components/alert.js';
 export * from './components/alert-dialog.js';

package/dist/internal/agent-avatar-artwork.d.ts

@@ -0,0 +1,4 @@
+export declare const objects: readonly ["tulip", "tulip-bouquet", "cactus", "sunflower", "daisy", "sprout", "bonsai", "monstera", "fern", "lavender", "rose", "poppy", "daffodil", "lily", "bellflower", "eucalyptus", "ivy", "succulent", "acorn", "pinecone", "watering-can", "hand-trowel", "garden-fork", "pruning-shears", "gardening-gloves", "rain-boots", "wheelbarrow", "seed-packet", "flower-pot", "plant-mister", "spade", "rake", "hoe", "garden-hose", "seed-tray", "garden-apron", "plant-label", "twine-spool", "compost-bin", "pruning-saw", "mushroom", "strawberry", "carrot", "pumpkin", "apple", "pear", "lemon", "corn-cob", "honey-jar", "harvest-basket", "windmill", "barn", "tractor", "wheat", "pea-pod", "beetroot", "radish", "eggplant", "cherries", "hay-bale", "umbrella", "mug", "teapot", "moka-pot", "lantern", "candle", "picnic-basket", "straw-hat", "vase", "jam-jar", "birdhouse", "rocking-chair", "kettle", "bread-loaf", "croissant", "milk-bottle", "cookie", "oven-mitt", "thermos", "yarn-ball", "notebook", "pencil", "paintbrush", "paint-palette", "fountain-pen", "camera", "headphones", "desk-lamp", "book-stack", "alarm-clock", "scissors", "ruler", "stapler", "paperclip", "binder-clip", "tape-dispenser", "magnifying-glass", "envelope", "typewriter", "globe"];
+export declare const colors: readonly ["pink", "coral", "orange", "yellow", "green", "teal", "blue", "purple"];
+export declare const palettes: string[][];
+export declare const artwork: string[];