@mastra/playground-ui 7.0.0-beta.20 → 7.0.0-beta.22

package/dist/src/{components/ui/elements/form-fields → ds/components/FormFields}/select-field.d.ts

@@ -1,5 +1,6 @@
+import { FormElementSize } from '../../primitives/form-element';
 import * as React from 'react';
-type SelectFieldProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
+export type SelectFieldProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> & {
     name?: string;
     testId?: string;
     label?: React.ReactNode;
@@ -14,6 +15,6 @@ type SelectFieldProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     }[];
     placeholder?: string;
     onValueChange: (value: string) => void;
+    size?: FormElementSize;
 };
-export declare function SelectField({ name, value, label, className, required, disabled, helpMsg, options, onValueChange, placeholder, }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function SelectField({ name, value, label, className, required, disabled, helpMsg, options, onValueChange, placeholder, size, }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Header/header.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Header } from './Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;
+export declare const WithActions: Story;
+export declare const WithGroup: Story;
+export declare const NoBorder: Story;
+export declare const ComplexHeader: Story;

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

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

package/dist/src/ds/components/Input/input.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const inputVariants: (props?: ({
+    variant?: "default" | "unstyled" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & VariantProps<typeof inputVariants> & {
+    testId?: string;
+};
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<(props?: ({
+    variant?: "default" | "unstyled" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+    testId?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Input, inputVariants };

package/dist/src/ds/components/Input/input.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Input } from './input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const Unstyled: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const WithValue: Story;
+export declare const Email: Story;
+export declare const Password: Story;
+export declare const Number: Story;
+export declare const AllVariants: Story;
+export declare const AllSizes: Story;

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

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

package/dist/src/{components/ui → ds/components/Kbd}/kbd.d.ts

@@ -1,5 +1,5 @@
-export interface KbdProps {
+export type KbdProps = {
     children: React.ReactNode;
     theme?: 'light' | 'dark';
-}
+};
 export declare const Kbd: ({ children, theme }: KbdProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Kbd/kbd.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Kbd } from './kbd';
+declare const meta: Meta<typeof Kbd>;
+export default meta;
+type Story = StoryObj<typeof Kbd>;
+export declare const Default: Story;
+export declare const Light: Story;
+export declare const Dark: Story;
+export declare const ModifierKey: Story;
+export declare const KeyCombination: Story;
+export declare const CommonShortcuts: Story;

package/dist/src/{components/ui/elements/key-value-list → ds/components/KeyValueList}/key-value-list.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../../node_modules/@types/react';
+import { default as React } from '../../../../node_modules/@types/react';
 export type KeyValueListItemValue = {
     id: string;
     name: React.ReactNode;
@@ -13,7 +13,7 @@ export type KeyValueListItemData = {
     separator?: React.ReactNode;
 };
 type Value = React.ReactNode | KeyValueListItemValue[];
-type KeyValueListProps = {
+export type KeyValueListProps = {
     data: KeyValueListItemData[];
     LinkComponent: React.ComponentType;
     labelsAreHidden?: boolean;

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

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

package/dist/src/ds/components/Label/label.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Label } from './label';
+declare const meta: Meta<typeof Label>;
+export default meta;
+type Story = StoryObj<typeof Label>;
+export declare const Default: Story;
+export declare const WithInput: Story;
+export declare const WithDescription: Story;

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

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

package/dist/src/{components/ui/containers/MainContent.d.ts → ds/components/MainContent/main-content.d.ts}

@@ -3,14 +3,15 @@ export declare function MainContentLayout({ children, className, style, }: {
     className?: string;
     style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MainContentContent({ children, className, isCentered, isDivided, hasLeftServiceColumn, style, }: {
+export type MainContentContentProps = {
     children: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
     isCentered?: boolean;
     isDivided?: boolean;
     hasLeftServiceColumn?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+};
+export declare function MainContentContent({ children, className, isCentered, isDivided, hasLeftServiceColumn, style, }: MainContentContentProps): import("react/jsx-runtime").JSX.Element;
 export type GetMainContentContentClassNameArgs = {
     isCentered: boolean;
     isDivided: boolean;

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

@@ -0,0 +1,10 @@
+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/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-bottom.d.ts

@@ -1,6 +1,5 @@
-type MainSidebarBottomProps = {
+export type MainSidebarBottomProps = {
     children: React.ReactNode;
     className?: string;
 };
 export declare function MainSidebarBottom({ children, className }: MainSidebarBottomProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-context.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../../../../node_modules/@types/react';
+import { default as React } from '../../../../node_modules/@types/react';
 export type SidebarState = 'default' | 'collapsed';
 type MainSidebarContext = {
     state: SidebarState;

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-nav-header.d.ts

@@ -1,8 +1,7 @@
 import { SidebarState } from './main-sidebar-context';
-type MainSidebarNavHeaderProps = {
+export type MainSidebarNavHeaderProps = {
     children?: React.ReactNode;
     className?: string;
     state?: SidebarState;
 };
 export declare function MainSidebarNavHeader({ children, className, state }: MainSidebarNavHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-nav-link.d.ts

@@ -6,8 +6,9 @@ export type NavLink = {
     isActive?: boolean;
     variant?: 'default' | 'featured';
     tooltipMsg?: string;
+    isOnMastraPlatform: boolean;
 };
-type MainSidebarNavLinkProps = {
+export type MainSidebarNavLinkProps = {
     link?: NavLink;
     isActive?: boolean;
     state?: SidebarState;
@@ -15,4 +16,3 @@ type MainSidebarNavLinkProps = {
     className?: string;
 };
 export declare function MainSidebarNavLink({ link, state, children, isActive, className, }: MainSidebarNavLinkProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-nav-list.d.ts

@@ -4,9 +4,8 @@ export type NavSection = {
     title?: string;
     links: NavLink[];
 };
-type MainSidebarNavListProps = {
+export type MainSidebarNavListProps = {
     children: React.ReactNode;
     className?: string;
 };
 export declare function MainSidebarNavList({ children, className }: MainSidebarNavListProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-nav-section.d.ts

@@ -5,9 +5,8 @@ export type NavSection = {
     links: NavLink[];
     separator?: boolean;
 };
-type MainSidebarNavSectionProps = {
+export type MainSidebarNavSectionProps = {
     children: React.ReactNode;
     className?: string;
 };
 export declare function MainSidebarNavSection({ children, className }: MainSidebarNavSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-nav-separator.d.ts

@@ -1,5 +1,4 @@
-type MainSidebarNavSeparatorProps = {
+export type MainSidebarNavSeparatorProps = {
     className?: string;
 };
 export declare function MainSidebarNavSeparator({ className }: MainSidebarNavSeparatorProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-nav.d.ts

@@ -1,6 +1,5 @@
-type MainSidebarNavProps = {
+export type MainSidebarNavProps = {
     children: React.ReactNode;
     className?: string;
 };
 export declare function MainSidebarNav({ children, className }: MainSidebarNavProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/main-sidebar → ds/components/MainSidebar}/main-sidebar-root.d.ts

@@ -1,6 +1,5 @@
-type MainSidebarRootProps = {
+export type MainSidebarRootProps = {
     children: React.ReactNode;
     className?: string;
 };
 export declare function MainSidebarRoot({ children, className }: MainSidebarRootProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ds/components/MainSidebar/main-sidebar.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MainSidebar } from './main-sidebar';
+declare const meta: Meta<typeof MainSidebar>;
+export default meta;
+type Story = StoryObj<typeof MainSidebar>;
+export declare const Default: Story;
+export declare const WithSections: Story;
+export declare const WithBottom: Story;
+export declare const FullSidebar: Story;

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

@@ -0,0 +1 @@
+export * from './markdown-renderer';

package/dist/src/{components/ui → ds/components/MarkdownRenderer}/markdown-renderer.d.ts

@@ -1,5 +1,5 @@
-interface MarkdownRendererProps {
+export type MarkdownRendererProps = {
     children: string;
-}
+};
 export declare function MarkdownRenderer({ children }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
 export default MarkdownRenderer;

package/dist/src/ds/components/MarkdownRenderer/markdown-renderer.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MarkdownRenderer } from './markdown-renderer';
+declare const meta: Meta<typeof MarkdownRenderer>;
+export default meta;
+type Story = StoryObj<typeof MarkdownRenderer>;
+export declare const Default: Story;
+export declare const Headings: Story;
+export declare const Lists: Story;
+export declare const CodeBlocks: Story;
+export declare const Links: Story;
+export declare const Blockquotes: Story;
+export declare const Tables: Story;
+export declare const ComplexDocument: Story;
+export declare const HorizontalRule: Story;

package/dist/src/{components/ui/elements/notification → ds/components/Notification}/notification.d.ts

@@ -1,4 +1,4 @@
-type Notification = {
+export type NotificationProps = {
     children: React.ReactNode;
     className?: string;
     isVisible?: boolean;
@@ -7,5 +7,4 @@ type Notification = {
     dismissible?: boolean;
     type?: 'info' | 'error';
 };
-export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime, dismissible, type, }: Notification): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare function Notification({ children, className, isVisible, autoDismiss, dismissTime, dismissible, type, }: NotificationProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ds/components/Notification/notification.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Notification } from './notification';
+declare const meta: Meta<typeof Notification>;
+export default meta;
+type Story = StoryObj<typeof Notification>;
+export declare const Default: Story;
+export declare const InfoNotification: Story;
+export declare const ErrorNotification: Story;
+export declare const SuccessMessage: Story;
+export declare const NotDismissible: Story;
+export declare const AutoDismiss: Story;
+export declare const LongContent: Story;

package/dist/src/{components/ui/elements/headers → ds/components/PageHeader}/page-header.d.ts

@@ -1,8 +1,8 @@
-type PageHeaderProps = {
+import { default as React } from '../../../../node_modules/@types/react';
+export interface PageHeaderProps {
     title?: string | 'loading';
     description?: string | 'loading';
     icon?: React.ReactNode;
     className?: string;
-};
+}
 export declare function PageHeader({ title, description, icon, className }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ds/components/PageHeader/page-header.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { PageHeader } from './page-header';
+declare const meta: Meta<typeof PageHeader>;
+export default meta;
+type Story = StoryObj<typeof PageHeader>;
+export declare const Default: Story;
+export declare const WithDescription: Story;
+export declare const WithIcon: Story;
+export declare const WorkflowHeader: Story;
+export declare const SettingsHeader: Story;
+export declare const Loading: Story;
+export declare const TitleLoading: Story;
+export declare const LongDescription: Story;

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

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

package/dist/src/ds/components/Popover/popover.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Popover } from './popover';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;
+export declare const WithIconTrigger: Story;
+export declare const AlignStart: Story;
+export declare const AlignEnd: Story;
+export declare const SideTop: Story;
+export declare const SideRight: Story;
+export declare const SimpleText: Story;

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

@@ -0,0 +1 @@
+export * from './radio-group';

package/dist/src/ds/components/RadioGroup/radio-group.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { RadioGroup } from './radio-group';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Horizontal: Story;
+export declare const WithDescriptions: Story;

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

@@ -0,0 +1 @@
+export * from './scroll-area';

package/dist/src/{components/ui → ds/components/ScrollArea}/scroll-area.d.ts

@@ -1,10 +1,14 @@
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
-interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+export type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
     viewPortClassName?: string;
     maxHeight?: string;
     autoScroll?: boolean;
-}
-declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+};
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    viewPortClassName?: string;
+    maxHeight?: string;
+    autoScroll?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };

package/dist/src/ds/components/ScrollArea/scroll-area.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ScrollArea } from './scroll-area';
+declare const meta: Meta<typeof ScrollArea>;
+export default meta;
+type Story = StoryObj<typeof ScrollArea>;
+export declare const Default: Story;
+export declare const WithMaxHeight: Story;
+export declare const HorizontalScroll: Story;
+export declare const CodeBlock: Story;
+export declare const ChatMessages: Story;

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

@@ -0,0 +1 @@
+export * from './scrollable-container';

package/dist/src/{components → ds/components/ScrollableContainer}/scrollable-container.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from '../../node_modules/@types/react';
+import { default as React } from '../../../../node_modules/@types/react';
 export type ScrollableContainerProps = {
     className?: string;
     children: React.ReactNode;

package/dist/src/ds/components/ScrollableContainer/scrollable-container.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ScrollableContainer } from './scrollable-container';
+declare const meta: Meta<typeof ScrollableContainer>;
+export default meta;
+type Story = StoryObj<typeof ScrollableContainer>;
+export declare const Default: Story;
+export declare const CardGallery: Story;
+export declare const FastScroll: Story;
+export declare const SlowScroll: Story;
+export declare const Badges: Story;

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

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

package/dist/src/{components/ui → ds/components/Searchbar}/searchbar.d.ts

@@ -1,10 +1,12 @@
-export interface SearchbarProps {
+import { FormElementSize } from '../../primitives/form-element';
+export type SearchbarProps = {
     onSearch: (search: string) => void;
     label: string;
     placeholder: string;
     debounceMs?: number;
-}
-export declare const Searchbar: ({ onSearch, label, placeholder, debounceMs }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
+    size?: FormElementSize;
+};
+export declare const Searchbar: ({ onSearch, label, placeholder, debounceMs, size }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchbarWrapper: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/Searchbar/searchbar.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Searchbar } from './searchbar';
+declare const meta: Meta<typeof Searchbar>;
+export default meta;
+type Story = StoryObj<typeof Searchbar>;
+export declare const Default: Story;
+export declare const AgentSearch: Story;
+export declare const WithCustomDebounce: Story;
+export declare const WithWrapper: Story;
+export declare const InteractiveSearch: Story;
+export declare const InSidebarContext: Story;

package/dist/src/{components/ui/elements/section → ds/components/Section}/section-header.d.ts

@@ -1,7 +1,6 @@
-import { default as React } from '../../../../../node_modules/@types/react';
-type SectionHeaderProps = {
+import { default as React } from '../../../../node_modules/@types/react';
+export type SectionHeaderProps = {
     children: React.ReactNode;
     className?: string;
 };
 export declare function SectionHeader({ children, className }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/{components/ui/elements/section → ds/components/Section}/section-heading.d.ts

@@ -1,8 +1,7 @@
-import { default as React } from '../../../../../node_modules/@types/react';
-type SectionHeadingProps = {
+import { default as React } from '../../../../node_modules/@types/react';
+export type SectionHeadingProps = {
     headingLevel?: 'h2' | 'h3' | 'h4';
     children: React.ReactNode;
     className?: string;
 };
 export declare function SectionHeading({ headingLevel, children, className }: SectionHeadingProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ds/components/Section/section.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Section } from './section';
+declare const meta: Meta<typeof Section>;
+export default meta;
+type Story = StoryObj<typeof Section>;
+export declare const Default: Story;
+export declare const WithAction: Story;
+export declare const ConfigurationSection: Story;
+export declare const MultipleSections: Story;

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

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

package/dist/src/{components/ui/containers → ds/components/Sections}/sections.d.ts

@@ -1,6 +1,5 @@
-type SectionsProps = {
+export type SectionsProps = {
     children: React.ReactNode;
     className?: string;
 };
 export declare function Sections({ children, className }: SectionsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/ds/components/Sections/sections.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Sections } from './sections';
+declare const meta: Meta<typeof Sections>;
+export default meta;
+type Story = StoryObj<typeof Sections>;
+export declare const Default: Story;
+export declare const SettingsPage: Story;
+export declare const DocumentationSections: Story;

package/dist/src/{components/ui → ds/components/Select}/select.d.ts

@@ -1,9 +1,15 @@
+import { FormElementSize } from '../../primitives/form-element';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as React from 'react';
 declare const Select: React.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
+    size?: FormElementSize;
+};
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: FormElementSize;
+} & React.RefAttributes<HTMLButtonElement>>;
 declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectItem };

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Select } from './select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const Disabled: Story;
+export declare const WithGroups: Story;
+export declare const LongOptions: Story;
+export declare const ManyOptions: Story;

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

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

package/dist/src/ds/components/SelectElement/select-element.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { ElementSelect } from './select';
+declare const meta: Meta<typeof ElementSelect>;
+export default meta;
+type Story = StoryObj<typeof ElementSelect>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const CustomPlaceholder: Story;
+export declare const FewOptions: Story;
+export declare const ManyOptions: Story;

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

@@ -0,0 +1,8 @@
+export interface SelectProps {
+    name: string;
+    onChange?: (value: string) => void;
+    value?: string;
+    options?: string[];
+    placeholder?: string;
+}
+export declare function ElementSelect({ name, onChange, value, options, placeholder }: SelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/{components/ui/elements/side-dialog → ds/components/SideDialog}/side-dialog-code-section.d.ts

@@ -5,4 +5,3 @@ export type SideDialogCodeSectionProps = {
     simplified?: boolean;
 };
 export declare function SideDialogCodeSection({ codeStr, title, icon, simplified }: SideDialogCodeSectionProps): import("react/jsx-runtime").JSX.Element;
-export declare function containsInnerNewline(obj: unknown): boolean;

package/dist/src/ds/components/SideDialog/side-dialog.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { SideDialog } from './side-dialog';
+declare const meta: Meta<typeof SideDialog>;
+export default meta;
+type Story = StoryObj<typeof SideDialog>;
+export declare const Default: Story;
+export declare const Level2: Story;
+export declare const Level3: Story;
+export declare const WithCodeSection: Story;
+export declare const Confirmation: Story;

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

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

package/dist/src/ds/components/Skeleton/skeleton.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Skeleton } from './skeleton';
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Default: Story;
+export declare const Circle: Story;
+export declare const Card: Story;
+export declare const ListItem: Story;
+export declare const TableRows: Story;
+export declare const TextBlock: Story;

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

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