@mastra/playground-ui 57.0.0 → 58.0.0-alpha.1

package/dist/src/ds/components/ButtonsGroup/buttons-group.stories.d.ts

@@ -29,9 +29,9 @@ export declare const AsSegmentedControl: Story;
  */
 export declare const AsSplitButton: Story;
 export declare const Vertical: Story;
-export declare const VerticalOutline: Story;
+export declare const VerticalWithIcons: Story;
 /**
- * A stepper: two outline buttons joined to a read-only value segment. The middle value
+ * A stepper: two buttons joined to a read-only value segment. The middle value
  * uses `ButtonsGroupText` (a filled chip). Because that segment is filled (opaque bg) the
  * group keeps its own border as the seam, so both dividers render as a single clean line.
  */

package/dist/src/ds/components/Columns/column-root.d.ts

@@ -1,7 +1,5 @@
 export type ColumnProps = {
     children: React.ReactNode;
     className?: string;
-    withRightSeparator?: boolean;
-    withLeftSeparator?: boolean;
 };
-export declare function ColumnRoot({ children, className, withLeftSeparator, withRightSeparator }: ColumnProps): import("react").JSX.Element;
+export declare function ColumnRoot({ children, className }: ColumnProps): import("react").JSX.Element;

package/dist/src/ds/components/Columns/columns.stories.d.ts

@@ -4,4 +4,3 @@ declare const meta: Meta<typeof Columns>;
 export default meta;
 type Story = StoryObj<typeof Columns>;
 export declare const ResponsiveGrid: Story;
-export declare const HorizontallyScrollable: Story;

package/dist/src/ds/components/Columns/index.d.ts

@@ -1,3 +1,2 @@
 export * from './column';
 export * from './columns';
-export * from './multi-column';

package/dist/src/ds/components/Combobox/combobox-styles.d.ts

@@ -3,8 +3,7 @@ import { ControlTriggerVisualVariant } from '../../primitives/control-size';
 /**
  * A combobox is a form field, so it reuses the Button's size/shape recipe,
  * mirroring `SelectTrigger`: `default` (the Input's overlay surface — the
- * default here too), `outline` (bordered, transparent) and `ghost`
- * (borderless, for breadcrumbs/inline pickers). Only the high-emphasis `primary`
+ * default here too) and `ghost` (borderless, for breadcrumbs/inline pickers). Only the high-emphasis `primary`
  * look is intentionally NOT offered (a field is not a call-to-action).
  */
 export type ComboboxVisualVariant = ControlTriggerVisualVariant;

package/dist/src/ds/components/Combobox/combobox.d.ts

@@ -6,6 +6,7 @@ export type ComboboxOption = {
     label: string;
     value: string;
     description?: string;
+    displayLabel?: React.ReactNode;
     start?: React.ReactNode;
     end?: React.ReactNode;
 };
@@ -29,6 +30,8 @@ type ComboboxSharedProps = {
     'aria-describedby'?: string;
     /** Which edge of the trigger the popup lines up with. `end` opens it leftwards (e.g. an icon trigger at the end of a row). */
     align?: 'start' | 'center' | 'end';
+    showChevron?: boolean;
+    iconOnlyValue?: boolean;
     allowCustomValue?: boolean;
     /** Called with the search input text as it changes (and with `''` after a single-mode selection resets it). */
     onInputValueChange?: (value: string) => void;

package/dist/src/ds/components/Combobox/combobox.stories.d.ts

@@ -10,6 +10,7 @@ export declare const ModelSelector: Story;
 export declare const Disabled: Story;
 export declare const CustomEmptyText: Story;
 export declare const ManyOptions: Story;
+export declare const IconOnlyValue: Story;
 export declare const Variants: Story;
 export declare const WithDescriptions: Story;
 export declare const Sizes: Story;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values-root.d.ts

@@ -1,7 +1,6 @@
 export interface DataKeysAndValuesProps {
     className?: string;
     children: React.ReactNode;
-    numOfCol?: 1 | 2 | 3;
     density?: 'default' | 'dense';
 }
-export declare function DataKeysAndValuesRoot({ className, children, numOfCol, density, }: DataKeysAndValuesProps): import("react").JSX.Element;
+export declare function DataKeysAndValuesRoot({ className, children, density }: DataKeysAndValuesProps): import("react").JSX.Element;

package/dist/src/ds/components/DataKeysAndValues/data-keys-and-values.stories.d.ts

@@ -5,9 +5,8 @@ declare const meta: Meta<typeof DataKeysAndValues>;
 export default meta;
 type Story = StoryObj<DataKeysAndValuesProps>;
 export declare const Default: Story;
-export declare const TwoColumns: Story;
 export declare const WithHeader: Story;
-export declare const WithHeaderTwoColumns: Story;
+export declare const Dense: Story;
 export declare const TruncatedValues: Story;
 export declare const ValueLink: Story;
 export declare const ValueWithTooltip: Story;

package/dist/src/ds/components/EmptyState/EmptyState.d.ts

@@ -1,16 +1,20 @@
 import * as React from 'react';
+type EmptyStateTone = 'default' | 'error';
 export type EmptyStateProps = {
-    /** Defaults to a circle-slash icon. Pass `null` to render no icon. */
+    /** Defaults to the tone's icon, always rendered at 32px. Pass `null` to render no icon. */
     iconSlot?: React.ReactNode;
     titleSlot: React.ReactNode;
     descriptionSlot?: React.ReactNode;
     actionSlot?: React.ReactNode;
     className?: string;
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Colors the icon; an icon with its own text color keeps it. */
+    tone?: EmptyStateTone;
     /**
      * `inline` (default) renders the block in place.
      * `fill` centers it in the full height of its parent — the parent must have a definite height.
      */
     variant?: 'inline' | 'fill';
 };
-export declare function EmptyState({ iconSlot, titleSlot, descriptionSlot, actionSlot, className, as: HeadingTag, variant, }: EmptyStateProps): React.JSX.Element;
+export declare function EmptyState({ tone, iconSlot, titleSlot, descriptionSlot, actionSlot, className, as: HeadingTag, variant, }: EmptyStateProps): React.JSX.Element;
+export {};

package/dist/src/ds/components/EmptyState/empty-state.stories.d.ts

@@ -10,3 +10,4 @@ export declare const NoTeamMembers: Story;
 export declare const WithoutAction: Story;
 export declare const CustomHeading: Story;
 export declare const Fill: Story;
+export declare const ErrorTone: Story;

package/dist/src/ds/components/PageLayout/page-layout.d.ts

@@ -7,7 +7,12 @@ export interface PageLayoutProps {
     headerActions?: ReactNode;
     /** Controls pinned between the header and the scrollable body (search, filters, toggles…). */
     actionRow?: ReactNode;
-    /** `container` pads the body (default); `fit` lets the body fill the page edge to edge. */
-    variant?: 'container' | 'fit';
+    /** Page-level header (e.g. `PageHeader`) rendered inside the body container, above children. */
+    header?: ReactNode;
+    /**
+     * `container` pads the body (default); `narrow` centers the body in a max-width column;
+     * `fit` lets the body fill the page edge to edge.
+     */
+    variant?: 'container' | 'fit' | 'narrow';
 }
-export declare function PageLayout({ children, breadcrumbs, headerActions, actionRow, variant, }: PageLayoutProps): import("react").JSX.Element;
+export declare function PageLayout({ children, breadcrumbs, headerActions, actionRow, header, variant, }: PageLayoutProps): import("react").JSX.Element;

package/dist/src/ds/components/PageLayout/page-layout.stories.d.ts

@@ -3,5 +3,8 @@ import { PageLayout } from './index';
 declare const meta: Meta<typeof PageLayout>;
 export default meta;
 type Story = StoryObj<typeof PageLayout>;
+export declare const Container: Story;
+export declare const Narrow: Story;
+export declare const Fit: Story;
 export declare const FullPage: Story;
 export declare const Empty: Story;

package/dist/src/ds/components/Select/select.d.ts

@@ -29,12 +29,11 @@ declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectValueProps
 /**
  * A select is a form field, so it reuses the Button's size/shape recipe with
  * these looks: `default` (the Input's overlay surface — the default here too,
- * so a select sits next to an Input as the same kind of thing), `outline`
- * (bordered, transparent) and `ghost` (borderless, for dense toolbars/inline
- * pickers). The high-emphasis `primary` look is the only one intentionally NOT
+ * so a select sits next to an Input as the same kind of thing) and `ghost`
+ * (borderless, for dense toolbars/inline pickers). The high-emphasis `primary` look is the only one intentionally NOT
  * offered (a field is not a call-to-action).
  */
-export type SelectTriggerVariant = 'default' | 'outline' | 'ghost';
+export type SelectTriggerVariant = 'default' | 'ghost';
 type SelectTriggerLegacyVariant = 'primary';
 export type SelectTriggerProps = Omit<SelectPrimitive.Trigger.Props, 'className'> & {
     className?: string;

package/dist/src/ds/components/Select/select.stories.d.ts

@@ -8,8 +8,8 @@ export declare const Experimental: Story;
 export declare const Sizes: Story;
 /**
  * A select is a field, so it shares the Input's surface rather than the Button's:
- * `default` (the Input's overlay surface, the default here too), `outline`
- * (bordered, transparent) and `ghost` (borderless, for dense toolbars). It does
+ * `default` (the Input's overlay surface, the default here too) and `ghost`
+ * (borderless, for dense toolbars). It does
  * not expose the high-emphasis `primary` look.
  */
 export declare const Variants: Story;

package/dist/src/ds/new/layout/app-shell/index.d.ts

@@ -1 +1,2 @@
 export * from './app-shell';
+export * from './main-card';

package/dist/src/ds/new/layout/app-shell/main-card.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function MainCard({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/src/ds/new/settings/index.d.ts

@@ -1,4 +1,4 @@
 export { SettingsContainer } from './settings-container';
 export { SettingsDescription, SettingsGroup, SettingsHeader, SettingsTitle } from './settings-header';
 export { SettingsRow, type SettingsRowProps } from './settings-row';
-export { SettingsLayout, type SettingsLayoutProps } from '../../components/SettingsLayout';
+export { SettingsLayout, type SettingsLayoutProps } from './settings-layout';

package/dist/src/ds/new/settings/settings.stories.d.ts

@@ -296,3 +296,5 @@ type Story = StoryObj<typeof meta>;
 export declare const General: Story;
 export declare const Connection: Story;
 export declare const Permissions: Story;
+export declare const Page: Story;
+export declare const PageHeaderOnly: Story;

package/dist/src/ds/primitives/control-size.d.ts

@@ -3,6 +3,6 @@ export type ControlSize = 'sm' | 'md' | 'lg';
 export declare const ControlSizeContext: React.Context<ControlSize | undefined>;
 export declare const controlHeight: Record<ControlSize, string>;
 export declare const controlSizeClasses: Record<ControlSize, string>;
-export type ControlTriggerVisualVariant = 'default' | 'outline' | 'ghost';
+export type ControlTriggerVisualVariant = 'default' | 'ghost';
 export declare const controlTriggerOpenState: Record<ControlTriggerVisualVariant, string>;
 export declare function controlTriggerOpenStateFor(variant: string | null | undefined): string | undefined;

package/dist/src/ds/primitives/fields-on-surfaces.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const EverySurface: Story;
+export declare const InDialog: Story;

package/dist/src/ds/primitives/form-element.d.ts

@@ -1,8 +1,10 @@
 export declare const sharedFormElementDisabledStyle = "disabled:cursor-not-allowed disabled:text-muted-foreground";
-export declare const disabledOutlineSurfaceStyle = "disabled:border-border disabled:bg-transparent";
 export declare const inputFocusBorderVisible = "focus-visible:border-border-focus";
 export declare const inputFocusBorderWithin = "focus-within:border-border-focus";
 export declare const controlFocusBorderVisible = "outline-hidden focus-visible:outline-hidden focus-visible:border-border-focus";
+export declare const fieldErrorRim = "[--field-rim:var(--destructive)] [--field-rim-focus:var(--destructive)]";
+export declare const fieldErrorRimWithin = "has-[[aria-invalid=true]]:[--field-rim:var(--destructive)] has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive)]";
+export declare const fieldTriggerStyle: string;
 export declare const inputSurfaceAndFocusStyle: string;
 export declare const inputSurfaceAndFocusWithinStyle: string;
 export declare const raisedControlSurfaceStyle: string;

package/dist/src/ds/primitives/raised-surface.d.ts

@@ -1,40 +1,13 @@
-/**
- * Two recipes, because elevation encodes distance from the canvas and there are
- * only two distances in this product.
- *
- * A *raised* surface sits in the flow — card, list panel, settings container,
- * table head, app frame. It lifts a couple of pixels, which is also what keeps
- * it honest: a tile in a grid inside a scroller is clipped by that scroller, so
- * a shadow that bleeds further than the tile's own clearance gets sliced into a
- * hard line along the container edge.
- *
- * An *overlay* is detached — popover, dropdown, dialog, drawer, tooltip. It is
- * never clipped, has to separate from arbitrary content beneath it, and so
- * carries the long falloff.
- *
- * Both tokens carry the rim as well as the elevation (the rim is `--border`
- * itself, plus a top inset highlight in dark), so neither draws a border of its
- * own: adding `border` on top doubles the edge.
- *
- * Radius is deliberately absent — it belongs to the family (`rounded-xl` for a
- * popup, `rounded-studio-frame` for the app frame).
- *
- * A raised surface pins its own fill across states. Interaction is expressed by
- * the state layer below, never by swapping the background: `Button`'s variants
- * all drive `background-color` on hover, and a raised surface wearing one would
- * otherwise turn translucent mid-hover and composite over the canvas. A call
- * site that genuinely wants another fill still overrides it, since its own
- * classes come after these.
- */
-export declare const raisedSurfaceStyle = "bg-card hover:bg-card active:bg-card shadow-raised";
-export declare const overlaySurfaceStyle = "bg-card shadow-overlay";
+export declare const raisedSurfaceStyle: string;
+export declare const overlaySurfaceStyle: string;
+export declare const dialogSurfaceStyle: string;
 /**
  * The app frame and the panels docked beside it. Same elevation as a card, one
  * step lower fill: a frame is a hole cut in the rail, and what sits inside it —
  * cards, fields, tables — needs a step to rise above. `Card` is for that
  * content, never for the frame around it.
  */
-export declare const frameSurfaceStyle = "bg-background shadow-raised";
+export declare const frameSurfaceStyle: string;
 /**
  * Interaction states for a surface that already carries an opaque fill. The
  * `state-layer` utility in `src/index.css` holds the reasoning and the measured

package/dist/src/ds/tokens/colors.d.ts

@@ -17,6 +17,9 @@ export declare const Colors: {
     background: string;
     sidebar: string;
     card: string;
+    field: string;
+    dialog: string;
+    'field-disabled': string;
     popover: string;
     'surface-panel': string;
     'surface-overlay-soft': string;

package/dist/src/ds/tokens/shadows.d.ts

@@ -1,5 +1,6 @@
 export declare const Shadows: {
     raised: string;
     overlay: string;
+    input: string;
     'focus-ring': string;
 };

package/dist/src/{ds/components/IntegrationDialog/integration-dialog.stories.d.ts → hooks/stories/browser/use-autoscroll.stories.d.ts}

@@ -1,11 +1,10 @@
 import { StoryObj } from '@storybook/react-vite';
-import { IntegrationDialogItem } from './integration-dialog';
-declare function Example({ items }: {
-    items?: IntegrationDialogItem[];
+declare function AutoscrollDemo({ enabled }: {
+    enabled: boolean;
 }): import("react").JSX.Element;
 declare const meta: {
     title: string;
-    component: typeof Example;
+    component: typeof AutoscrollDemo;
     parameters: {
         layout: string;
         docs: {
@@ -14,11 +13,10 @@ declare const meta: {
             };
         };
     };
+    args: {
+        enabled: true;
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const FewItems: Story;
-export declare const NoLogos: Story;
-export declare const DisabledItem: Story;
-export declare const Empty: Story;

package/dist/src/hooks/stories/browser/use-copy-to-clipboard.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function CopyToClipboardDemo({ copiedDuration }: {
+    copiedDuration: number;
+}): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof CopyToClipboardDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        copiedDuration: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/browser/use-fluid-hover.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function FluidHoverDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof FluidHoverDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/browser/use-in-view.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function InViewDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof InViewDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/browser/use-is-apple-platform.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function IsApplePlatformDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof IsApplePlatformDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/browser/use-is-mobile.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function IsMobileDemo({ breakpoint }: {
+    breakpoint: number;
+}): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof IsMobileDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        breakpoint: number;
+    };
+    argTypes: {
+        breakpoint: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/browser/use-isomorphic-layout-effect.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function IsomorphicLayoutEffectDemo({ progress }: {
+    progress: number;
+}): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof IsomorphicLayoutEffectDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        progress: number;
+    };
+    argTypes: {
+        progress: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/browser/use-keyboard-shortcut-label.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function KeyboardShortcutLabelDemo({ shortcutKey }: {
+    shortcutKey: string;
+}): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof KeyboardShortcutLabelDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        shortcutKey: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/browser/use-register-fluid-hover-item.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function RegisterFluidHoverItemDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof RegisterFluidHoverItemDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/environment/use-custom-environment-variables-editor.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function CustomEnvironmentVariablesEditorDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof CustomEnvironmentVariablesEditorDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/environment/use-environment-variables-editor.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function EnvironmentVariablesEditorDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof EnvironmentVariablesEditorDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/state/use-debounced-value.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function DebouncedValueDemo({ delay }: {
+    delay: number;
+}): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof DebouncedValueDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        delay: number;
+    };
+    argTypes: {
+        delay: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/state/use-expiring-local-storage-state.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function ExpiringLocalStorageStateDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof ExpiringLocalStorageStateDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/state/use-local-storage-state.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function LocalStorageStateDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof LocalStorageStateDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/hooks/stories/text/use-is-clamped.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare function IsClampedDemo(): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof IsClampedDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;