@mastra/playground-ui 56.0.0 → 57.0.0-alpha.0

package/dist/spinner-D2C2DYw8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner-D2C2DYw8.js","sources":["../src/ds/components/Spinner/spinner.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './spinner.css';\n\nconst spinnerVariants = cva('spinner inline-block text-foreground', {\n  variants: {\n    size: {\n      sm: 'size-4',\n      md: 'size-6',\n    },\n    variant: {\n      default: '',\n      pulse: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\ntype SpinnerVariantsProps = VariantProps<typeof spinnerVariants>;\nexport type SpinnerVariant = NonNullable<SpinnerVariantsProps['variant']>;\nexport type SpinnerSize = NonNullable<SpinnerVariantsProps['size']>;\n\nexport type SpinnerProps = Omit<ComponentPropsWithoutRef<'svg'>, 'color' | 'size'> & SpinnerVariantsProps;\n\nfunction Spinner({\n  className,\n  size = 'md',\n  variant = 'default',\n  'aria-label': ariaLabel = 'Loading',\n  role = 'status',\n  ...props\n}: SpinnerProps) {\n  const resolvedSize = size ?? 'md';\n  const resolvedVariant = variant ?? 'default';\n\n  return (\n    <svg\n      {...props}\n      role={role}\n      aria-label={ariaLabel}\n      data-size={resolvedSize}\n      data-variant={resolvedVariant}\n      className={cn(spinnerVariants({ size: resolvedSize, variant: resolvedVariant }), className)}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n    >\n      {resolvedVariant === 'pulse' ? (\n        <>\n          <circle className=\"spinner-pulse-ring\" cx=\"12\" cy=\"12\" r=\"7\" />\n          <circle className=\"spinner-pulse-core\" cx=\"12\" cy=\"12\" r=\"5\" />\n        </>\n      ) : (\n        <circle className=\"spinner-ring\" cx=\"12\" cy=\"12\" r=\"8.5\" />\n      )}\n    </svg>\n  );\n}\n\nexport { Spinner };\n"],"names":[],"mappings":";;;;AAQA,MAAM,eAAA,GAAkB,IAAI,sCAAA,EAAwC;AAAA,EAClE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAQD,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,IAAA,GAAO,QAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,EAAA,MAAM,kBAAkB,OAAA,IAAW,SAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAW,YAAA;AAAA,MACX,cAAA,EAAc,eAAA;AAAA,MACd,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,cAAc,OAAA,EAAS,eAAA,EAAiB,CAAA,EAAG,SAAS,CAAA;AAAA,MAC1F,KAAA,EAAM,4BAAA;AAAA,MACN,OAAA,EAAQ,WAAA;AAAA,MAEP,QAAA,EAAA,eAAA,KAAoB,0BACnB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,WAAU,oBAAA,EAAqB,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,GAAE,GAAA,EAAI,CAAA;AAAA,wBAC7D,GAAA,CAAC,YAAO,SAAA,EAAU,oBAAA,EAAqB,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,GAAA,EAAI;AAAA,OAAA,EAC/D,CAAA,mBAEA,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,cAAA,EAAe,IAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM;AAAA;AAAA,GAE7D;AAEJ;;;;"}

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

@@ -1 +0,0 @@
-export * from './main-content';

package/dist/src/ds/components/MainContent/main-content.d.ts

@@ -1,21 +0,0 @@
-export declare function MainContentLayout({ children, className, style, }: {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}): import("react").JSX.Element;
-export type MainContentContentProps = {
-    children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    isCentered?: boolean;
-    isDivided?: boolean;
-    hasLeftServiceColumn?: boolean;
-};
-export declare function MainContentContent({ children, className, isCentered, isDivided, hasLeftServiceColumn, style, }: MainContentContentProps): import("react").JSX.Element;
-export type GetMainContentContentClassNameArgs = {
-    isCentered: boolean;
-    isDivided: boolean;
-    hasLeftServiceColumn: boolean;
-    className?: string;
-};
-export declare const getMainContentContentClassName: ({ isCentered, isDivided, hasLeftServiceColumn, className, }: GetMainContentContentClassNameArgs) => string;

package/dist/src/ds/components/MainContent/main-content.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { MainContentLayout } from './main-content';
-declare const meta: Meta<typeof MainContentLayout>;
-export default meta;
-type Story = StoryObj<typeof MainContentLayout>;
-export declare const Default: Story;
-export declare const Centered: Story;
-export declare const Divided: Story;
-export declare const WithLeftServiceColumn: Story;
-export declare const DividedWithServiceColumn: Story;

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

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export declare function NoDataPageLayout({ children }: {
-    title?: string;
-    icon?: ReactNode;
-    children: ReactNode;
-}): import("react").JSX.Element;

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

@@ -1,2 +0,0 @@
-export declare const PageHeadingContext: import('react').Context<string | undefined>;
-export declare function usePageHeading(): string | undefined;

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

@@ -1,5 +0,0 @@
-export type PageLayoutColumnProps = {
-    children?: React.ReactNode;
-    className?: string;
-};
-export declare function PageLayoutColumn({ children, className }: PageLayoutColumnProps): import("react").JSX.Element;

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

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export type PageLayoutMainAreaProps = {
-    children: ReactNode;
-    className?: string;
-    isCentered?: boolean;
-};
-export declare function PageLayoutMainArea({ children, className, isCentered }: PageLayoutMainAreaProps): import("react").JSX.Element;

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

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export declare function PageLayoutRoot({ children, className, width, height, }: {
-    children: ReactNode;
-    className?: string;
-    width?: 'default' | 'narrow' | 'wide';
-    height?: 'default' | 'full';
-}): import("react").JSX.Element;

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

@@ -1,11 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-declare const pageLayoutRowVariants: (props?: ({
-    align?: "start" | "center" | null | undefined;
-    stack?: "horizontal" | "responsive" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type PageLayoutRowProps = {
-    children?: React.ReactNode;
-    className?: string;
-} & VariantProps<typeof pageLayoutRowVariants>;
-export declare function PageLayoutRow({ children, className, align, stack }: PageLayoutRowProps): import("react").JSX.Element;
-export {};

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

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

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

@@ -1 +0,0 @@
-export * from './page-shell';

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

@@ -1,24 +0,0 @@
-import { ReactNode } from 'react';
-export interface PageShellProps {
-    title: ReactNode;
-    children: ReactNode;
-    icon?: ReactNode;
-    description?: ReactNode;
-    meta?: ReactNode;
-    action?: ReactNode;
-    isLoading?: boolean;
-    width?: 'default' | 'narrow' | 'wide';
-    height?: 'default' | 'full';
-    className?: string;
-}
-/**
- * Standard page wrapper: composes {@link PageLayout} and {@link PageHeader} so
- * every page places its title, icon, description, meta, and action identically.
- *
- * Use for full-bleed application pages that own the whole content area. For
- * narrow settings pages, use `ds/components/SettingsLayout`.
- *
- * `isLoading` affects the header only, blanking the title and description and
- * hiding the icon. Callers render their own loading body.
- */
-export declare function PageShell({ title, children, icon, description, meta, action, isLoading, width, height, className, }: PageShellProps): import("react").JSX.Element;

package/dist/src/ds/new/layout/page-shell/page-shell.stories.d.ts

@@ -1,63 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-type PageShellStoryProps = {
-    description: string;
-    isLoading: boolean;
-    showAction: boolean;
-    showDescription: boolean;
-    showIcon: boolean;
-    showMeta: boolean;
-    title: string;
-};
-/** Wraps PageShell so Storybook controls stay text and boolean, never ReactNode args. */
-declare function PageShellStory({ description, isLoading, showAction, showDescription, showIcon, showMeta, title, }: PageShellStoryProps): import("react").JSX.Element;
-declare const meta: {
-    title: string;
-    component: typeof PageShellStory;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    args: {
-        description: string;
-        isLoading: false;
-        showAction: false;
-        showDescription: false;
-        showIcon: false;
-        showMeta: false;
-        title: string;
-    };
-    argTypes: {
-        title: {
-            control: "text";
-        };
-        description: {
-            control: "text";
-        };
-        isLoading: {
-            control: "boolean";
-        };
-        showAction: {
-            control: "boolean";
-        };
-        showDescription: {
-            control: "boolean";
-        };
-        showIcon: {
-            control: "boolean";
-        };
-        showMeta: {
-            control: "boolean";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithIconAndDescription: Story;
-export declare const WithAction: Story;
-export declare const WithMetaAndAction: Story;
-export declare const Loading: Story;