@tulipfarm/sprout 0.3.0 → 0.4.0

package/dist/components/alert-dialog.js

@@ -1,37 +1,37 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cn, stateClassName } from "../internal/classes.js";
-import { Button, } from "./button.js";
-export const alertDialogSizeNames = ["default", "sm"];
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { useRender } from '@base-ui/react/use-render';
+import { cn, stateClassName } from '../internal/classes.js';
+import { Button } from './button.js';
+export const alertDialogSizeNames = ['default', 'sm'];
 export function AlertDialog(props) {
     return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 export function AlertDialogTrigger(props) {
-    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
+    return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 export function AlertDialogPortal(props) {
-    return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
+    return _jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 export function AlertDialogOverlay({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Backdrop, { "data-slot": "alert-dialog-overlay", ...props, className: stateClassName("sprout-alert-dialog-overlay", className) }));
+    return (_jsx(AlertDialogPrimitive.Backdrop, { "data-slot": "alert-dialog-overlay", ...props, className: stateClassName('sprout-alert-dialog-overlay', className) }));
 }
 /**
  * The alert dialog surface. It renders its own portal and overlay, so place
  * it directly inside `AlertDialog`.
  */
-export function AlertDialogContent({ className, size = "default", container, ...props }) {
-    return (_jsxs(AlertDialogPortal, { container: container, children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Popup, { "data-slot": "alert-dialog-content", "data-size": size, ...props, className: stateClassName("sprout-alert-dialog-content", className) })] }));
+export function AlertDialogContent({ className, size = 'default', container, ...props }) {
+    return (_jsxs(AlertDialogPortal, { container: container, children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Popup, { "data-slot": "alert-dialog-content", "data-size": size, ...props, className: stateClassName('sprout-alert-dialog-content', className) })] }));
 }
 function part(slot, base) {
     return function AlertDialogPart({ className, render, ref, ...props }) {
         return useRender({
-            defaultTagName: "div",
+            defaultTagName: 'div',
             ref,
             render,
-            props: mergeProps({ "data-slot": slot, className: cn(base, className) }, props),
+            props: mergeProps({ 'data-slot': slot, className: cn(base, className) }, props),
             state: { slot },
         });
     };
@@ -41,20 +41,20 @@ function part(slot, base) {
  * `sm` dialogs; from 640px a `default` dialog aligns it to the start with the
  * media beside the text.
  */
-export const AlertDialogHeader = part("alert-dialog-header", "sprout-alert-dialog-header");
+export const AlertDialogHeader = part('alert-dialog-header', 'sprout-alert-dialog-header');
 /**
  * A tinted action bar pinned to the bottom edge. Actions stack in reverse
  * order on narrow screens and align right from 640px; `sm` dialogs always
  * split it into two equal columns.
  */
-export const AlertDialogFooter = part("alert-dialog-footer", "sprout-alert-dialog-footer");
+export const AlertDialogFooter = part('alert-dialog-footer', 'sprout-alert-dialog-footer');
 /** A 40px tile for an icon above or beside the title. */
-export const AlertDialogMedia = part("alert-dialog-media", "sprout-alert-dialog-media");
+export const AlertDialogMedia = part('alert-dialog-media', 'sprout-alert-dialog-media');
 export function AlertDialogTitle({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", ...props, className: stateClassName("sprout-alert-dialog-title", className) }));
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", ...props, className: stateClassName('sprout-alert-dialog-title', className) }));
 }
 export function AlertDialogDescription({ className, ...props }) {
-    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", ...props, className: stateClassName("sprout-alert-dialog-description", className) }));
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", ...props, className: stateClassName('sprout-alert-dialog-description', className) }));
 }
 /**
  * The confirming button. It does not close the dialog by itself, so the
@@ -64,6 +64,6 @@ export function AlertDialogAction(props) {
     return _jsx(Button, { "data-slot": "alert-dialog-action", ...props });
 }
 /** Closes the dialog. An outline button unless `variant` says otherwise. */
-export function AlertDialogCancel({ variant = "outline", size = "default", ...props }) {
+export function AlertDialogCancel({ variant = 'outline', size = 'default', ...props }) {
     return (_jsx(AlertDialogPrimitive.Close, { "data-slot": "alert-dialog-cancel", render: _jsx(Button, { variant: variant, size: size }), ...props }));
 }

package/dist/components/alert.d.ts

@@ -1,16 +1,16 @@
-import { useRender } from "@base-ui/react/use-render";
+import { useRender } from '@base-ui/react/use-render';
 export declare const alertVariantNames: readonly ["default", "destructive"];
 export type AlertVariant = (typeof alertVariantNames)[number];
 export interface AlertVariantOptions {
     variant?: AlertVariant | null;
     className?: string;
 }
-export declare function alertVariants({ variant, className, }?: AlertVariantOptions): string;
+export declare function alertVariants({ variant, className }?: AlertVariantOptions): string;
 export interface AlertState extends Record<string, unknown> {
-    slot: "alert";
+    slot: 'alert';
     variant: AlertVariant;
 }
-export interface AlertProps extends useRender.ComponentProps<"div", AlertState> {
+export interface AlertProps extends useRender.ComponentProps<'div', AlertState> {
     variant?: AlertVariant;
 }
 /**
@@ -18,11 +18,11 @@ export interface AlertProps extends useRender.ComponentProps<"div", AlertState>
  * pass `role="status"` or `role="note"` for messages that should not interrupt.
  */
 export declare function Alert({ className, variant, render, ref, role, ...props }: AlertProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type PartSlot = "alert-title" | "alert-description" | "alert-action";
+type PartSlot = 'alert-title' | 'alert-description' | 'alert-action';
 export interface AlertPartState extends Record<string, unknown> {
     slot: PartSlot;
 }
-export type AlertPartProps = useRender.ComponentProps<"div", AlertPartState>;
+export type AlertPartProps = useRender.ComponentProps<'div', AlertPartState>;
 export declare const AlertTitle: ({ className, render, ref, ...props }: AlertPartProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export declare const AlertDescription: ({ className, render, ref, ...props }: AlertPartProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 /** Pins a compact control, such as an Undo button, to the top-right corner. */

package/dist/components/alert.js

@@ -1,27 +1,27 @@
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cn } from "../internal/classes.js";
-export const alertVariantNames = ["default", "destructive"];
-export function alertVariants({ variant, className, } = {}) {
-    return cn("sprout-alert", `sprout-alert-${variant ?? "default"}`, className);
+import { mergeProps } from '@base-ui/react/merge-props';
+import { useRender } from '@base-ui/react/use-render';
+import { cn } from '../internal/classes.js';
+export const alertVariantNames = ['default', 'destructive'];
+export function alertVariants({ variant, className } = {}) {
+    return cn('sprout-alert', `sprout-alert-${variant ?? 'default'}`, className);
 }
 /**
  * A static message block. It announces itself with `role="alert"` by default;
  * pass `role="status"` or `role="note"` for messages that should not interrupt.
  */
-export function Alert({ className, variant = "default", render, ref, role = "alert", ...props }) {
+export function Alert({ className, variant = 'default', render, ref, role = 'alert', ...props }) {
     return useRender({
-        defaultTagName: "div",
+        defaultTagName: 'div',
         ref,
         render,
         props: mergeProps({ role, className: alertVariants({ variant, className }) }, props),
-        state: { slot: "alert", variant },
+        state: { slot: 'alert', variant },
     });
 }
 function part(slot, base) {
     return function AlertPart({ className, render, ref, ...props }) {
         return useRender({
-            defaultTagName: "div",
+            defaultTagName: 'div',
             ref,
             render,
             props: mergeProps({ className: cn(base, className) }, props),
@@ -29,7 +29,7 @@ function part(slot, base) {
         });
     };
 }
-export const AlertTitle = part("alert-title", "sprout-alert-title");
-export const AlertDescription = part("alert-description", "sprout-alert-description");
+export const AlertTitle = part('alert-title', 'sprout-alert-title');
+export const AlertDescription = part('alert-description', 'sprout-alert-description');
 /** Pins a compact control, such as an Undo button, to the top-right corner. */
-export const AlertAction = part("alert-action", "sprout-alert-action");
+export const AlertAction = part('alert-action', 'sprout-alert-action');

package/dist/components/aspect-ratio.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps } from "react";
-export interface AspectRatioProps extends ComponentProps<"div"> {
+import type { ComponentProps } from 'react';
+export interface AspectRatioProps extends ComponentProps<'div'> {
     /** Width divided by height, such as `16 / 9`, `4 / 3`, or `1`. */
     ratio: number;
 }

package/dist/components/aspect-ratio.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../internal/classes.js";
+import { cn } from '../internal/classes.js';
 /** Keeps its content at a fixed width-to-height ratio as its width changes. */
 export function AspectRatio({ ratio, className, style, ...props }) {
-    return (_jsx("div", { "data-slot": "aspect-ratio", className: cn("sprout-aspect-ratio", className), style: { ...style, "--sprout-aspect-ratio": ratio }, ...props }));
+    return (_jsx("div", { "data-slot": "aspect-ratio", className: cn('sprout-aspect-ratio', className), style: { ...style, '--sprout-aspect-ratio': ratio }, ...props }));
 }

package/dist/components/attachment.d.ts

@@ -1,7 +1,7 @@
-import { type ComponentProps, type ReactElement } from "react";
-import { useRender } from "@base-ui/react/use-render";
-import { type FileKind } from "../internal/file-kind.js";
-import { type ButtonProps } from "./button.js";
+import { type ComponentProps, type ReactElement } from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { type FileKind } from '../internal/file-kind.js';
+import { type ButtonProps } from './button.js';
 export declare const attachmentStateNames: readonly ["idle", "uploading", "processing", "error", "done"];
 export declare const attachmentSizeNames: readonly ["default", "sm", "xs"];
 export declare const attachmentOrientationNames: readonly ["horizontal", "vertical"];
@@ -19,7 +19,7 @@ export type FileAttachmentVariant = (typeof fileAttachmentVariantNames)[number];
 export type FileAttachmentState = (typeof fileAttachmentStateNames)[number];
 export type FileTypeIconSize = (typeof fileTypeIconSizeNames)[number];
 export type { FileKind };
-export interface AttachmentProps extends ComponentProps<"div"> {
+export interface AttachmentProps extends ComponentProps<'div'> {
     /** `idle` dashes the border, `uploading` and `processing` shimmer the title and dim image media, `error` turns it red. */
     state?: AttachmentState | undefined;
     size?: AttachmentSize | undefined;
@@ -27,23 +27,23 @@ export interface AttachmentProps extends ComponentProps<"div"> {
 }
 /** A file card built from media, content, and actions. */
 export declare function Attachment({ className, state, size, orientation, ...props }: AttachmentProps): import("react").JSX.Element;
-export interface AttachmentMediaProps extends ComponentProps<"div"> {
+export interface AttachmentMediaProps extends ComponentProps<'div'> {
     /** `icon` centers an icon or spinner; `image` crops an `img` to the square. */
     variant?: AttachmentMediaVariant | undefined;
 }
 export declare function AttachmentMedia({ className, variant, ...props }: AttachmentMediaProps): import("react").JSX.Element;
-export declare function AttachmentContent({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function AttachmentContent({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 /** A single-line name. It shimmers while the attachment uploads or processes. */
-export declare function AttachmentTitle({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
-export declare function AttachmentDescription({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export declare function AttachmentTitle({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export declare function AttachmentDescription({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
 /** Sits above the trigger. Vertical attachments float it over the media corner. */
-export declare function AttachmentActions({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function AttachmentActions({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 /** A ghost `icon-xs` Button. Give icon-only actions an `aria-label`. */
 export declare function AttachmentAction({ variant, size, ...props }: ButtonProps): import("react").JSX.Element;
-export type AttachmentTriggerProps = useRender.ComponentProps<"button">;
+export type AttachmentTriggerProps = useRender.ComponentProps<'button'>;
 /** Stretches over the whole attachment so a click anywhere opens it. Name it with `aria-label`. */
 export declare function AttachmentTrigger({ className, render, type, ...props }: AttachmentTriggerProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-export interface AttachmentGroupProps extends ComponentProps<"div"> {
+export interface AttachmentGroupProps extends ComponentProps<'div'> {
     /**
      * `carousel` scrolls one row sideways with edge arrows, `grid` makes two
      * columns (three from 640px), `inline` wraps, and `list` stacks.
@@ -51,7 +51,7 @@ export interface AttachmentGroupProps extends ComponentProps<"div"> {
     variant?: AttachmentGroupVariant | undefined;
 }
 export declare function AttachmentGroup(props: AttachmentGroupProps): import("react").JSX.Element;
-export interface FileTypeIconProps extends Omit<ComponentProps<"svg">, "children"> {
+export interface FileTypeIconProps extends Omit<ComponentProps<'svg'>, 'children'> {
     name: string;
     mediaType: string;
     /** `sm` is 20 × 24px for rows and chips; `lg` is 30 × 36px for grid previews. */
@@ -60,10 +60,10 @@ export interface FileTypeIconProps extends Omit<ComponentProps<"svg">, "children
 /** A paper glyph with a colored extension badge, such as PDF or XLSX. Decorative. */
 export declare function FileTypeIcon({ name, mediaType, size, className, ...props }: FileTypeIconProps): import("react").JSX.Element;
 export type AttachmentFileSource = {
-    kind: "local";
+    kind: 'local';
     file: File;
 } | {
-    kind: "remote";
+    kind: 'remote';
     url: string;
 };
 export interface AttachmentFile {
@@ -93,7 +93,7 @@ export interface FileAttachmentProps {
     /** Peeks at images, text, code, JSON, and Markdown in a card on hover or focus. Needs a `source` or `url`. */
     preview?: boolean | undefined;
     /** The verb in the open button's name, such as “Download report.pdf”. */
-    actionLabel?: "Inspect" | "Download" | undefined;
+    actionLabel?: 'Inspect' | 'Download' | undefined;
     className?: string | undefined;
 }
 /** A ready-made file row, card, inline mention, or chip with upload states, retry, and remove. */
@@ -115,4 +115,4 @@ export interface LocalFileAttachmentProps {
     preview?: boolean | undefined;
 }
 /** A chip for a `File` still in browser memory, with a live image preview. */
-export declare function LocalFileAttachment({ file, onRemove, onOpen, viewable, preview, }: LocalFileAttachmentProps): import("react").JSX.Element;
+export declare function LocalFileAttachment({ file, onRemove, onOpen, viewable, preview }: LocalFileAttachmentProps): import("react").JSX.Element;