@speakeasy-api/moonshine 1.42.0 → 1.43.0

package/README.md

@@ -28,7 +28,7 @@ Add this to the top of your project's CSS file where you configure Tailwind:
 @reference "../node_modules/@speakeasy-api/moonshine/src/global.css";
 
 /* Your Tailwind setup */
-@import 'tailwindcss';
+@import "tailwindcss";
 ```
 
 **Note:** The `@reference` directive is required for Tailwind v4 to recognize Moonshine's custom utilities and make them available in your project.
@@ -38,7 +38,7 @@ Add this to the top of your project's CSS file where you configure Tailwind:
 In your main app file (or root layout):
 
 ```ts
-import '@speakeasy-api/moonshine/moonshine.css'
+import "@speakeasy-api/moonshine/moonshine.css";
 ```
 
 ### 4. Set up the Provider
@@ -46,10 +46,10 @@ import '@speakeasy-api/moonshine/moonshine.css'
 Wrap your application in the `MoonshineConfigProvider` component:
 
 ```tsx
-import { MoonshineConfigProvider } from '@speakeasy-api/moonshine'
-;<MoonshineConfigProvider themeElement={document.documentElement}>
+import { MoonshineConfigProvider } from "@speakeasy-api/moonshine";
+<MoonshineConfigProvider themeElement={document.documentElement}>
   <App />
-</MoonshineConfigProvider>
+</MoonshineConfigProvider>;
 ```
 
 ### 5. Configure Custom Fonts (Optional)
@@ -59,16 +59,16 @@ Moonshine uses custom fonts (Diatype, Tobias). If you have licenses for these fo
 ```css
 /* In your global CSS */
 @font-face {
-  font-family: 'Diatype';
-  src: url('/fonts/diatype/ABCDiatype-Regular.woff2') format('woff2');
+  font-family: "Diatype";
+  src: url("/fonts/diatype/ABCDiatype-Regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: block;
 }
 
 @font-face {
-  font-family: 'Diatype';
-  src: url('/fonts/diatype/ABCDiatype-Light.woff2') format('woff2');
+  font-family: "Diatype";
+  src: url("/fonts/diatype/ABCDiatype-Light.woff2") format("woff2");
   font-weight: 300;
   font-style: normal;
   font-display: block;
@@ -82,10 +82,10 @@ If you don't have these fonts, the design system will fall back to system fonts.
 ### 6. Use Components and Utilities
 
 ```tsx
-import { Grid } from '@speakeasy-api/moonshine'
+import { Grid } from "@speakeasy-api/moonshine";
 
 // Use semantic utility classes
-;<div className="text-heading-lg bg-surface-primary">Hello Moonshine!</div>
+<div className="text-heading-lg bg-surface-primary">Hello Moonshine!</div>;
 ```
 
 ### TypeScript Support for Utility Classes
@@ -93,15 +93,15 @@ import { Grid } from '@speakeasy-api/moonshine'
 Moonshine provides TypeScript types for all available utility classes to improve your development experience:
 
 ```tsx
-import type { MoonshineClasses } from '@speakeasy-api/moonshine/types/utilities'
+import type { MoonshineClasses } from "@speakeasy-api/moonshine/types/utilities";
 
 // Use for type-safe className props
 interface MyComponentProps {
-  className?: MoonshineClasses
+  className?: MoonshineClasses;
 }
 
 // Get autocomplete for all available utilities
-const styles: MoonshineClasses = 'text-heading-lg' // ✅ Autocompletes!
+const styles: MoonshineClasses = "text-heading-lg"; // ✅ Autocompletes!
 ```
 
 The types are automatically generated during the build process and include:
@@ -119,15 +119,15 @@ The package is built with [vite](https://vitejs.dev/), and is distributed in bot
 Moonshine exports a custom wrapper for Tailwind Merge to avoid unexpected clashes between semantic class names. This version should be used in favour of using tailwind merge directly.
 
 ```tsx
-import { cn } from '@speakeasy-api/moonshine'
+import { cn } from "@speakeasy-api/moonshine";
 
 return (
   <span
-    className={cn('text-body-md', props.muted ? 'text-muted' : 'text-default')}
+    className={cn("text-body-md", props.muted ? "text-muted" : "text-default")}
   >
     Lorem Ipsum
   </span>
-)
+);
 ```
 
 ## Design System Architecture
@@ -139,13 +139,11 @@ Moonshine is a utility-first design system built on top of [Tailwind CSS v4](htt
 Our CSS is organized into three main files:
 
 1. **`base.css`** - Primitive design tokens (colors, fonts, spacing scales)
-
    - Contains raw values that should **not** be used directly in components
    - Defines theme-aware semantic tokens that adapt to light/dark mode
    - Houses base element styles and resets
 
 2. **`utilities.css`** - The public API of our design system
-
    - Exposes carefully crafted utility classes like `text-heading-xl`, `bg-surface-primary`
    - Enforces typography combinations to prevent arbitrary text styling
    - Provides semantic color utilities that automatically handle theming
@@ -197,7 +195,7 @@ Ensure the `themeElement` prop in `MoonshineConfigProvider` points to the elemen
 Make sure you're importing from the correct path:
 
 ```tsx
-import type { MoonshineClasses } from '@speakeasy-api/moonshine/types/utilities'
+import type { MoonshineClasses } from "@speakeasy-api/moonshine/types/utilities";
 ```
 
 ## Contributing
@@ -275,7 +273,7 @@ pnpm link ../path/to/moonshine
 The lockfile file within your app should referenced the linked copy:
 
 ```yaml
-'@speakeasy-api/moonshine':
+"@speakeasy-api/moonshine":
   specifier: ^0.43.1
   version: link:../../../../moonshine
 ```

package/dist/components/AIChat/AIChatContainer.d.ts

@@ -10,7 +10,7 @@ export interface ModelSelectorConfig {
         value: string;
     }[];
 }
-export interface AIChatContainerProps extends Omit<AIChatContextValue, 'model' | 'onModelChange' | 'availableModels' | 'toolCallApproval'> {
+export interface AIChatContainerProps extends Omit<AIChatContextValue, "model" | "onModelChange" | "availableModels" | "toolCallApproval"> {
     modelSelector?: ModelSelectorConfig;
     className?: string;
     components?: Partial<AIChatComponents>;
@@ -22,5 +22,5 @@ interface AIChatComponents {
     composer: Partial<AIChatMessageComposerComponents>;
     message: Partial<AIChatMessageComponents>;
 }
-export declare function AIChatContainer({ messages, isLoading, onSendMessage, modelSelector, className, components, toolCallApproval, children, initialInput, }: AIChatContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatContainer({ messages, isLoading, onSendMessage, modelSelector, className, components, toolCallApproval, children, initialInput, }: AIChatContainerProps): import("react").JSX.Element;
 export {};

package/dist/components/AIChat/AIChatMessage.d.ts

@@ -15,5 +15,5 @@ export interface AIChatMessageComponents {
     toolCall: Partial<AIChatMessageToolPartComponents>;
     avatar: Partial<AvatarComponents>;
 }
-export declare function AIChatMessage({ message, className, components, }: AIChatMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessage({ message, className, components, }: AIChatMessageProps): import("react").JSX.Element;
 export {};

package/dist/components/AIChat/AIChatMessageComposer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { FcOrClassName } from './componentsTypes';
 export interface AIChatMessageComposerProps {
     className?: string;
@@ -7,7 +7,7 @@ export interface AIChatMessageComposerProps {
 export type AIChatMessageComposerComponents = {
     submitButton: FcOrClassName<{
         disabled?: boolean;
-        type: 'submit';
+        type: "submit";
     }>;
     modelSelector: FcOrClassName<{
         model: string;
@@ -19,4 +19,4 @@ export type AIChatMessageComposerComponents = {
     }>;
     additionalActions: ReactNode;
 };
-export declare function AIChatMessageComposer({ className, components, }: AIChatMessageComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageComposer({ className, components, }: AIChatMessageComposerProps): React.JSX.Element;

package/dist/components/AIChat/AIChatMessageList.d.ts

@@ -3,4 +3,4 @@ export interface AIChatMessageListProps {
     components?: Partial<AIChatMessageComponents>;
     className?: string;
 }
-export declare function AIChatMessageList({ components, className, }: AIChatMessageListProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageList({ components, className, }: AIChatMessageListProps): import("react").JSX.Element;

package/dist/components/AIChat/AIChatModelSelector.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 interface ModelSelectorConfig {
     model: string;
     onModelChange: (v: string) => void;
@@ -10,5 +11,5 @@ interface AIChatModelSelectorProps {
     modelSelector?: ModelSelectorConfig;
     className?: string;
 }
-export declare function AIChatModelSelector({ modelSelector, className, }: AIChatModelSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AIChatModelSelector({ modelSelector, className, }: AIChatModelSelectorProps): React.JSX.Element | null;
 export {};

package/dist/components/AIChat/parts/AIChatMessageFilePart.d.ts

@@ -4,4 +4,4 @@ export interface AIChatMessageFilePartProps extends BasePartProps {
     data: string;
     fileName?: string;
 }
-export declare function AIChatMessageFilePart({ mimeType, data, fileName, className, }: AIChatMessageFilePartProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageFilePart({ mimeType, data, fileName, className, }: AIChatMessageFilePartProps): import("react").JSX.Element;

package/dist/components/AIChat/parts/AIChatMessageReasoningPart.d.ts

@@ -2,4 +2,4 @@ import { BasePartProps } from '../types';
 export interface AIChatMessageReasoningPartProps extends BasePartProps {
     reasoning: string;
 }
-export declare function AIChatMessageReasoningPart({ reasoning, className, }: AIChatMessageReasoningPartProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageReasoningPart({ reasoning, className, }: AIChatMessageReasoningPartProps): import("react").JSX.Element;

package/dist/components/AIChat/parts/AIChatMessageSourcePart.d.ts

@@ -6,4 +6,4 @@ export interface AIChatMessageSourcePartProps extends BasePartProps {
         title?: string;
     };
 }
-export declare function AIChatMessageSourcePart({ source, className, }: AIChatMessageSourcePartProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageSourcePart({ source, className, }: AIChatMessageSourcePartProps): import("react").JSX.Element;

package/dist/components/AIChat/parts/AIChatMessageTextPart.d.ts

@@ -2,4 +2,4 @@ import { BasePartProps } from '../types';
 export interface AIChatMessageTextPartProps extends BasePartProps {
     text: string;
 }
-export declare function AIChatMessageTextPart({ text, className, }: AIChatMessageTextPartProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageTextPart({ text, className, }: AIChatMessageTextPartProps): import("react").JSX.Element;

package/dist/components/AIChat/parts/AIChatMessageToolInvocationPart.d.ts

@@ -3,4 +3,4 @@ export interface AIChatMessageToolInvocationPartProps extends BasePartProps {
     toolName: string;
     toolInput?: Record<string, unknown>;
 }
-export declare function AIChatMessageToolInvocationPart({ toolName, toolInput, className, }: AIChatMessageToolInvocationPartProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageToolInvocationPart({ toolName, toolInput, className, }: AIChatMessageToolInvocationPartProps): import("react").JSX.Element;

package/dist/components/AIChat/parts/AIChatMessageToolPart.d.ts

@@ -1,7 +1,7 @@
 import { BaseComponents, FcOrClassName } from '../componentsTypes';
 import { BasePartProps } from '../types';
-type ToolInvocationState = 'partial-call' | 'call' | 'result';
-type ToolInvocationStatus = 'pending' | 'in-progress' | 'success' | 'error';
+type ToolInvocationState = "partial-call" | "call" | "result";
+type ToolInvocationStatus = "pending" | "in-progress" | "success" | "error";
 interface ToolInvocation {
     state: ToolInvocationState;
     toolCallId: string;
@@ -22,12 +22,12 @@ export interface AIChatMessageToolPartComponents extends BaseComponents {
     statusIndicator: FcOrClassName<{
         status: ToolInvocationStatus;
     }>;
-    input: FcOrClassName<Omit<ToolInvocation, 'args'> & {
+    input: FcOrClassName<Omit<ToolInvocation, "args"> & {
         args: string;
     }>;
-    result: FcOrClassName<Omit<ToolInvocation, 'result'> & {
+    result: FcOrClassName<Omit<ToolInvocation, "result"> & {
         result: string;
     }>;
 }
-export declare function AIChatMessageToolPart({ toolInvocation, className, components, }: AIChatMessageToolPartProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageToolPart({ toolInvocation, className, components, }: AIChatMessageToolPartProps): import("react").JSX.Element;
 export {};

package/dist/components/AIChat/parts/AIChatMessageToolResultPart.d.ts

@@ -2,4 +2,4 @@ import { BasePartProps } from '../types';
 export interface AIChatMessageToolResultPartProps extends BasePartProps {
     content: string;
 }
-export declare function AIChatMessageToolResultPart({ content, className, }: AIChatMessageToolResultPartProps): import("react/jsx-runtime").JSX.Element;
+export declare function AIChatMessageToolResultPart({ content, className, }: AIChatMessageToolResultPartProps): import("react").JSX.Element;

package/dist/components/AIChat/types.d.ts

@@ -1,5 +1,5 @@
 import { ToolCall } from 'ai';
-export type MessageRole = 'user' | 'assistant' | 'system';
+export type MessageRole = "user" | "assistant" | "system";
 export type ToolArgs = {
     target_file?: string;
     should_read_entire_file?: boolean;
@@ -12,35 +12,35 @@ export type ToolArgs = {
     explanation?: string;
 };
 export type ToolInvocation = {
-    type: 'tool-invocation';
+    type: "tool-invocation";
     toolInvocation: {
         toolName: string;
         toolCallId: string;
-        state: 'partial-call' | 'call' | 'result';
+        state: "partial-call" | "call" | "result";
         args: ToolArgs;
     };
 };
 export type ToolResult = {
-    type: 'tool-result';
+    type: "tool-result";
     toolCallId: string;
     content: string;
 };
 export type TextPart = {
-    type: 'text';
+    type: "text";
     text: string;
 };
 export type ReasoningPart = {
-    type: 'reasoning';
+    type: "reasoning";
     reasoning: string;
 };
 export type FilePart = {
-    type: 'file';
+    type: "file";
     mimeType: string;
     data: string;
     fileName: string;
 };
 export type SourcePart = {
-    type: 'source';
+    type: "source";
     source: {
         id: string;
         url: string;
@@ -50,7 +50,7 @@ export type SourcePart = {
 export type MessagePart = TextPart | ReasoningPart | ToolInvocation | ToolResult | FilePart | SourcePart;
 export type ChatMessage = {
     id: string;
-    role: 'user' | 'assistant';
+    role: "user" | "assistant";
     parts: MessagePart[];
 };
 export interface AIChatContextValue {

package/dist/components/ActionBar/index.d.ts

@@ -21,15 +21,15 @@ interface ActionBarItemProps {
     iconName: IconName;
 }
 export declare const ActionBar: {
-    ({ children, modifiers, ...props }: ActionBarProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, modifiers, ...props }: ActionBarProps): import("react").JSX.Element;
     displayName: string;
 } & {
     Item: {
-        ({ children, onClick, disabled, className, iconName, }: ActionBarItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, onClick, disabled, className, iconName, }: ActionBarItemProps): import("react").JSX.Element;
         displayName: string;
     };
     Separator: {
-        (): import("react/jsx-runtime").JSX.Element;
+        (): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/Alert/index.d.ts

@@ -5,7 +5,7 @@ declare const alertVariants: (props?: ({
     modifiers?: "inline" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type AlertProps = {
-    variant: NonNullable<VariantProps<typeof alertVariants>['variant']>;
+    variant: NonNullable<VariantProps<typeof alertVariants>["variant"]>;
     children: React.ReactNode;
     inline?: boolean;
     dismissible?: boolean;
@@ -14,5 +14,5 @@ export type AlertProps = {
     useContainer?: boolean;
     className?: string;
 };
-export declare function Alert({ variant, children, inline, dismissible, onDismiss, iconName, useContainer, className, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function Alert({ variant, children, inline, dismissible, onDismiss, iconName, useContainer, className, }: AlertProps): import("react").JSX.Element;
 export {};

package/dist/components/AppLayout/index.d.ts

@@ -4,14 +4,14 @@ interface AppLayoutProps extends PropsWithChildren {
     className?: string;
 }
 declare const AppLayoutBase: {
-    ({ children, className }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className }: AppLayoutProps): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutSurfaceProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 declare const AppLayoutSurface: {
-    ({ children, className, ...props }: AppLayoutSurfaceProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, ...props }: AppLayoutSurfaceProps): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutSidebarProps {
@@ -27,21 +27,21 @@ interface AppLayoutSidebarProps {
     onHomeNavigation?: () => void;
 }
 declare const AppLayoutSidebar: {
-    ({ children, className, onHomeNavigation, }: AppLayoutSidebarProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, onHomeNavigation, }: AppLayoutSidebarProps): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutThemeSwitcherProps {
     className?: string;
 }
 declare const AppLayoutThemeSwitcher: {
-    ({ className }: AppLayoutThemeSwitcherProps): import("react/jsx-runtime").JSX.Element;
+    ({ className }: AppLayoutThemeSwitcherProps): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutBreadcrumbProps extends PropsWithChildren {
     className?: string;
 }
 declare const AppLayoutBreadcrumb: {
-    ({ children, className, }: AppLayoutBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, }: AppLayoutBreadcrumbProps): React.JSX.Element;
     displayName: string;
 };
 export interface AppLayoutBreadcrumbItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -53,35 +53,35 @@ export interface AppLayoutBreadcrumbItemProps extends React.AnchorHTMLAttributes
 }
 declare const AppLayoutBreadcrumbItem: React.ForwardRefExoticComponent<AppLayoutBreadcrumbItemProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const AppLayoutHeaderDivider: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutCollapseButtonProps extends PropsWithChildren {
     className?: string;
 }
 declare const AppLayoutCollapseButton: {
-    ({ className, }: AppLayoutCollapseButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, }: AppLayoutCollapseButtonProps): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutSurfaceHeaderProps extends PropsWithChildren {
     className?: string;
 }
 declare const AppLayoutSurfaceHeader: {
-    ({ children, className, }: AppLayoutSurfaceHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, }: AppLayoutSurfaceHeaderProps): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutHeaderProps extends PropsWithChildren {
     className?: string;
 }
 declare const AppLayoutHeader: {
-    ({ children, className }: AppLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className }: AppLayoutHeaderProps): React.JSX.Element;
     displayName: string;
 };
 interface AppLayoutNavProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 declare const AppLayoutNav: {
-    ({ children, className, ...props }: AppLayoutNavProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, ...props }: AppLayoutNavProps): React.JSX.Element;
     displayName: string;
 };
 export interface AppLayoutNavItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
@@ -111,7 +111,7 @@ export interface AppLayoutNavItemGroupProps extends HTMLAttributes<HTMLDivElemen
     children: React.ReactNode;
 }
 declare const AppLayoutNavItemGroup: {
-    ({ children, className, name, ...props }: AppLayoutNavItemGroupProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, name, ...props }: AppLayoutNavItemGroupProps): React.JSX.Element;
     displayName: string;
 };
 declare const AppLayout: typeof AppLayoutBase & {

package/dist/components/AppLayout/provider.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { AppLayoutContextType } from './context';
 interface AppLayoutProviderProps extends PropsWithChildren {
     defaultCollapsed?: boolean;
-    keybinds?: AppLayoutContextType['keybinds'];
+    keybinds?: AppLayoutContextType["keybinds"];
 }
-export declare const AppLayoutProvider: ({ children, defaultCollapsed, keybinds, }: AppLayoutProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppLayoutProvider: ({ children, defaultCollapsed, keybinds, }: AppLayoutProviderProps) => import("react").JSX.Element;
 export {};

package/dist/components/Badge/index.d.ts

@@ -1,17 +1,17 @@
 import { BadgeVariant, BadgeSize } from '../../types';
-import * as React from 'react';
+import * as React from "react";
 declare const BadgeLeftIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const BadgeRightIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const BadgeIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const BadgeText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-type Attributes = Omit<React.HTMLAttributes<HTMLSpanElement>, 'style'>;
+type Attributes = Omit<React.HTMLAttributes<HTMLSpanElement>, "style">;
 export interface BadgeProps extends Attributes {
     asChild?: boolean;
     variant?: BadgeVariant;
     size?: BadgeSize;
     background?: boolean;
     className?: string;
-    'aria-label'?: string;
+    "aria-label"?: string;
 }
 declare const BadgeWithCompounds: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>> & {
     Icon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Button/index.d.ts

@@ -1,17 +1,17 @@
 import { ButtonSize, ButtonVariant, ButtonContext } from '../../types';
-import * as React from 'react';
+import * as React from "react";
 declare const ButtonLeftIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const ButtonRightIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const ButtonIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 declare const ButtonText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-type Attributes = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'>;
+type Attributes = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style">;
 export interface ButtonProps extends Attributes {
     asChild?: boolean;
     variant?: ButtonVariant;
     size?: ButtonSize;
     context?: ButtonContext;
     className?: string;
-    'aria-label'?: string;
+    "aria-label"?: string;
 }
 declare const ButtonWithCompounds: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>> & {
     Icon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Card/index.d.ts

@@ -2,16 +2,16 @@ import { default as React, PropsWithChildren, ReactNode } from 'react';
 import { iconNames } from '../Icon/names';
 import { Range } from '../../lib/typeUtils';
 type RightElement = {
-    type: 'button';
+    type: "button";
     label: string;
     onClick: () => void;
 } | {
-    type: 'gauge';
+    type: "gauge";
     value: Range<100>;
 };
 type IconProps = {
     name: (typeof iconNames)[number];
-    size?: 'small' | 'medium' | 'large';
+    size?: "small" | "medium" | "large";
 };
 type CardHeaderProps = PropsWithChildren & {
     subheader?: React.ReactNode;

package/dist/components/CodeEditorLayout/index.d.ts

@@ -15,7 +15,7 @@ export interface CodeEditorPaneProps extends PanelProps {
 export interface CodeEditorTabsProps extends PropsWithChildren, HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
-export interface CodeEditorTabProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'title'> {
+export interface CodeEditorTabProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick" | "title"> {
     id: string;
     title?: string | ReactNode;
     className?: string;
@@ -70,31 +70,31 @@ export interface CodeEditorEmptyProps extends PropsWithChildren, HTMLAttributes<
     className?: string;
 }
 declare const CodeEditor: {
-    ({ children, className }: CodeEditorLayoutProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className }: CodeEditorLayoutProps): import("react").JSX.Element;
     displayName: string;
 } & {
     Pane: {
-        ({ children, className, minSize, maxSize, containerRef, tabs, ...props }: CodeEditorPaneProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, minSize, maxSize, containerRef, tabs, ...props }: CodeEditorPaneProps): import("react").JSX.Element;
         displayName: string;
     };
     CommandBar: {
-        ({ children, className, ...props }: CodeEditorCommandBarProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...props }: CodeEditorCommandBarProps): import("react").JSX.Element;
         displayName: string;
     };
     Empty: {
-        ({ children, className, ...props }: CodeEditorEmptyProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...props }: CodeEditorEmptyProps): import("react").JSX.Element;
         displayName: string;
     };
     Tabs: {
-        ({ children, className, ...props }: CodeEditorTabsProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...props }: CodeEditorTabsProps): import("react").JSX.Element;
         displayName: string;
     };
     Tab: {
-        ({ id, title, className, active, closable, grow, dirty, invalid, saving, onClick, onClose, icon, disabled, customStyles, ...props }: CodeEditorTabProps): import("react/jsx-runtime").JSX.Element;
+        ({ id, title, className, active, closable, grow, dirty, invalid, saving, onClick, onClose, icon, disabled, customStyles, ...props }: CodeEditorTabProps): import("react").JSX.Element;
         displayName: string;
     };
     CustomTabElement: {
-        ({ children, className, ...props }: CodeEditorCustomElementProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...props }: CodeEditorCustomElementProps): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/CodeHighlight/Pre.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { HighlightedCode } from '../../lib/codeUtils';
-export interface PreProps extends Omit<HTMLAttributes<HTMLPreElement>, 'children'> {
+export interface PreProps extends Omit<HTMLAttributes<HTMLPreElement>, "children"> {
     code: HighlightedCode;
     showLineNumbers?: boolean;
     wordWrap?: boolean;

package/dist/components/CodePlayground/index.d.ts

@@ -66,7 +66,7 @@ export interface CodePlaygroundProps {
      */
     showLineNumbers?: boolean;
 }
-export interface CodePlaygroundCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export interface CodePlaygroundCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     className?: string;
     /**
      * internal api for passing children
@@ -80,15 +80,15 @@ export interface CodePlaygroundFooterProps extends HTMLAttributes<HTMLDivElement
     children: React.ReactNode;
 }
 declare const CodePlaygroundWithSubcomponents: {
-    ({ children, snippets, copyable, selectedLanguage, className, onChangeLanguage, error, showLineNumbers, showLanguageSelector, wordWrap, }: CodePlaygroundProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, snippets, copyable, selectedLanguage, className, onChangeLanguage, error, showLineNumbers, showLanguageSelector, wordWrap, }: CodePlaygroundProps): React.JSX.Element;
     displayName: string;
 } & {
     Header: {
-        ({ children, className, ...props }: CodePlaygroundHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...props }: CodePlaygroundHeaderProps): React.JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ children, className, ...props }: CodePlaygroundFooterProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className, ...props }: CodePlaygroundFooterProps): React.JSX.Element;
         displayName: string;
     };
     /**

package/dist/components/CodeSnippet/index.d.ts

@@ -46,4 +46,4 @@ export interface CodeSnippetProps {
      */
     snippetClassName?: string;
 }
-export declare function CodeSnippet({ code, copyable, language, promptSymbol, inline, fontSize, onSelectOrCopy, shimmer, className, snippetClassName, showLineNumbers, }: CodeSnippetProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeSnippet({ code, copyable, language, promptSymbol, inline, fontSize, onSelectOrCopy, shimmer, className, snippetClassName, showLineNumbers, }: CodeSnippetProps): import("react").JSX.Element;