@speakeasy-api/moonshine 1.13.0 → 1.14.0-alpha.1

package/types/utilities.d.ts

@@ -0,0 +1,429 @@
+/**
+ * Auto-generated TypeScript definitions for Moonshine utilities
+ * Generated on: 2025-07-25T19:21:46.961Z
+ *
+ * DO NOT EDIT THIS FILE DIRECTLY
+ * Run 'pnpm generate:docs' to update
+ */
+
+/**
+ * Custom utility classes defined in utilities.css
+ */
+export type MoonshineUtilities =
+  | 'typography-heading-xl'
+  | 'typography-heading-lg'
+  | 'typography-heading-md'
+  | 'typography-heading-sm'
+  | 'typography-heading-xs'
+  | 'typography-heading-xxs'
+  | 'typography-body-lg'
+  | 'typography-body-md'
+  | 'typography-body-sm'
+  | 'typography-body-xs'
+  | 'container'
+  | 'bg-mask'
+  | 'text-display-2xl'
+  | 'text-display-xl'
+  | 'text-display-lg'
+  | 'text-display-md'
+  | 'text-display-sm'
+  | 'text-display-xs'
+  | 'text-heading-xl'
+  | 'text-heading-lg'
+  | 'text-heading-md'
+  | 'text-heading-sm'
+  | 'text-heading-xs'
+  | 'text-body-lg'
+  | 'text-body-md'
+  | 'text-body-sm'
+  | 'text-body-xs'
+  | 'text-codeline-md'
+  | 'text-codeline-sm'
+  | 'text-codeline-xs'
+  | 'text-button-md'
+  | 'text-button-sm'
+  | 'text-button-xs'
+  | 'text-highlight'
+  | 'text-default'
+  | 'text-muted'
+  | 'text-placeholder'
+  | 'text-disabled'
+  | 'text-highlight-fixed-dark'
+  | 'text-default-fixed-dark'
+  | 'text-muted-fixed-dark'
+  | 'text-highlight-fixed-light'
+  | 'text-default-fixed-light'
+  | 'text-muted-fixed-light'
+  | 'text-highlight-inverse'
+  | 'text-default-inverse'
+  | 'text-muted-inverse'
+  | 'text-link-primary'
+  | 'text-link-secondary'
+  | 'text-link-visited'
+  | 'text-default-destructive'
+  | 'text-link-destructive'
+  | 'text-default-information'
+  | 'text-link-information'
+  | 'text-default-success'
+  | 'text-link-success'
+  | 'text-default-warning'
+  | 'text-link-warning'
+  | 'bg-gradient-primary'
+  | 'border-gradient-primary'
+  | 'bg-surface-primary'
+  | 'bg-surface-secondary'
+  | 'bg-warning'
+  | 'text-warning'
+  | 'border-warning'
+  | 'underline-link-primary'
+  | 'underline-link-secondary'
+  | 'underline-link-visited'
+  | 'border-neutral-active'
+  | 'border-neutral-hover'
+  | 'border-neutral-default'
+  | 'border-neutral-disabled'
+  | 'border-neutral-softest'
+  | 'border-neutral-inset'
+  | 'border-neutral-alpha'
+  | 'border-destructive-highlight'
+  | 'border-destructive-default'
+  | 'border-destructive-muted'
+  | 'border-destructive-softest'
+  | 'border-information-highlight'
+  | 'border-information-default'
+  | 'border-information-muted'
+  | 'border-information-softest'
+  | 'border-success-highlight'
+  | 'border-success-default'
+  | 'border-success-muted'
+  | 'border-success-softest'
+  | 'border-warning-highlight'
+  | 'border-warning-default'
+  | 'border-warning-muted'
+  | 'border-warning-softest'
+  | 'border-focus'
+  | 'fill-neutral-highlight'
+  | 'fill-neutral-active'
+  | 'fill-neutral-default'
+  | 'fill-neutral-muted'
+  | 'fill-neutral-highlight-fixed-dark'
+  | 'fill-neutral-default-fixed-dark'
+  | 'fill-neutral-muted-fixed-dark'
+  | 'fill-neutral-highlight-fixed-light'
+  | 'fill-neutral-default-fixed-light'
+  | 'fill-neutral-muted-fixed-light'
+  | 'fill-neutral-highlight-inverse'
+  | 'fill-neutral-default-inverse'
+  | 'fill-neutral-muted-inverse'
+  | 'fill-link-primary'
+  | 'fill-link-secondary'
+  | 'fill-link-visited'
+  | 'fill-destructive-highlight'
+  | 'fill-destructive-default'
+  | 'fill-destructive-muted'
+  | 'fill-information-highlight'
+  | 'fill-information-default'
+  | 'fill-information-muted'
+  | 'fill-success-highlight'
+  | 'fill-success-default'
+  | 'fill-success-muted'
+  | 'fill-warning-highlight'
+  | 'fill-warning-default'
+  | 'fill-warning-muted'
+  | 'stroke-neutral-highlight'
+  | 'stroke-neutral-active'
+  | 'stroke-neutral-default'
+  | 'stroke-neutral-muted'
+  | 'stroke-neutral-highlight-fixed-dark'
+  | 'stroke-neutral-default-fixed-dark'
+  | 'stroke-neutral-muted-fixed-dark'
+  | 'stroke-neutral-highlight-fixed-light'
+  | 'stroke-neutral-default-fixed-light'
+  | 'stroke-neutral-muted-fixed-light'
+  | 'stroke-neutral-highlight-inverse'
+  | 'stroke-neutral-default-inverse'
+  | 'stroke-neutral-muted-inverse'
+  | 'stroke-link-primary'
+  | 'stroke-link-secondary'
+  | 'stroke-link-visited'
+  | 'stroke-destructive-highlight'
+  | 'stroke-destructive-default'
+  | 'stroke-destructive-muted'
+  | 'stroke-information-highlight'
+  | 'stroke-information-default'
+  | 'stroke-information-muted'
+  | 'stroke-success-highlight'
+  | 'stroke-success-default'
+  | 'stroke-success-muted'
+  | 'stroke-warning-highlight'
+  | 'stroke-warning-default'
+  | 'stroke-warning-muted'
+  | 'bg-surface-primary-default'
+  | 'bg-surface-primary-inverse'
+  | 'bg-surface-secondary-default'
+  | 'bg-surface-secondary-inverse'
+  | 'bg-surface-tertiary-default'
+  | 'bg-surface-tertiary-inverse'
+  | 'bg-highlight'
+  | 'bg-active'
+  | 'bg-default'
+  | 'bg-muted'
+  | 'bg-inset'
+  | 'bg-surface-primary-fixed-light'
+  | 'bg-surface-secondary-fixed-light'
+  | 'bg-surface-tertiary-fixed-light'
+  | 'bg-surface-primary-fixed-dark'
+  | 'bg-surface-secondary-fixed-dark'
+  | 'bg-surface-tertiary-fixed-dark'
+  | 'bg-destructive-highlight'
+  | 'bg-destructive-default'
+  | 'bg-destructive-muted'
+  | 'bg-destructive-softest'
+  | 'bg-information-highlight'
+  | 'bg-information-default'
+  | 'bg-information-muted'
+  | 'bg-information-softest'
+  | 'bg-success-highlight'
+  | 'bg-success-default'
+  | 'bg-success-muted'
+  | 'bg-success-softest'
+  | 'bg-warning-highlight'
+  | 'bg-warning-default'
+  | 'bg-warning-muted'
+  | 'bg-warning-softest';
+
+/**
+ * Semantic color utilities available from theme
+ * These are auto-generated from theme colors with standard prefixes
+ */
+export type MoonshineColorUtilities =
+  | 'bg-link'
+  | 'text-link'
+  | 'border-link'
+  | 'ring-link'
+  | 'divide-link'
+  | 'bg-background'
+  | 'text-background'
+  | 'border-background'
+  | 'ring-background'
+  | 'divide-background'
+  | 'bg-background-pure'
+  | 'text-background-pure'
+  | 'border-background-pure'
+  | 'ring-background-pure'
+  | 'divide-background-pure'
+  | 'bg-foreground'
+  | 'text-foreground'
+  | 'border-foreground'
+  | 'ring-foreground'
+  | 'divide-foreground'
+  | 'bg-card'
+  | 'text-card'
+  | 'border-card'
+  | 'ring-card'
+  | 'divide-card'
+  | 'bg-card-foreground'
+  | 'text-card-foreground'
+  | 'border-card-foreground'
+  | 'ring-card-foreground'
+  | 'divide-card-foreground'
+  | 'bg-popover'
+  | 'text-popover'
+  | 'border-popover'
+  | 'ring-popover'
+  | 'divide-popover'
+  | 'bg-popover-foreground'
+  | 'text-popover-foreground'
+  | 'border-popover-foreground'
+  | 'ring-popover-foreground'
+  | 'divide-popover-foreground'
+  | 'bg-primary'
+  | 'text-primary'
+  | 'border-primary'
+  | 'ring-primary'
+  | 'divide-primary'
+  | 'bg-primary-foreground'
+  | 'text-primary-foreground'
+  | 'border-primary-foreground'
+  | 'ring-primary-foreground'
+  | 'divide-primary-foreground'
+  | 'bg-secondary'
+  | 'text-secondary'
+  | 'border-secondary'
+  | 'ring-secondary'
+  | 'divide-secondary'
+  | 'bg-secondary-foreground'
+  | 'text-secondary-foreground'
+  | 'border-secondary-foreground'
+  | 'ring-secondary-foreground'
+  | 'divide-secondary-foreground'
+  | 'bg-muted'
+  | 'text-muted'
+  | 'border-muted'
+  | 'ring-muted'
+  | 'divide-muted'
+  | 'bg-muted-foreground'
+  | 'text-muted-foreground'
+  | 'border-muted-foreground'
+  | 'ring-muted-foreground'
+  | 'divide-muted-foreground'
+  | 'bg-accent'
+  | 'text-accent'
+  | 'border-accent'
+  | 'ring-accent'
+  | 'divide-accent'
+  | 'bg-accent-foreground'
+  | 'text-accent-foreground'
+  | 'border-accent-foreground'
+  | 'ring-accent-foreground'
+  | 'divide-accent-foreground'
+  | 'bg-destructive'
+  | 'text-destructive'
+  | 'border-destructive'
+  | 'ring-destructive'
+  | 'divide-destructive'
+  | 'bg-border'
+  | 'text-border'
+  | 'border-border'
+  | 'ring-border'
+  | 'divide-border'
+  | 'bg-input'
+  | 'text-input'
+  | 'border-input'
+  | 'ring-input'
+  | 'divide-input'
+  | 'bg-ring'
+  | 'text-ring'
+  | 'border-ring'
+  | 'ring-ring'
+  | 'divide-ring'
+  | 'bg-chart-1'
+  | 'text-chart-1'
+  | 'border-chart-1'
+  | 'ring-chart-1'
+  | 'divide-chart-1'
+  | 'bg-chart-2'
+  | 'text-chart-2'
+  | 'border-chart-2'
+  | 'ring-chart-2'
+  | 'divide-chart-2'
+  | 'bg-chart-3'
+  | 'text-chart-3'
+  | 'border-chart-3'
+  | 'ring-chart-3'
+  | 'divide-chart-3'
+  | 'bg-chart-4'
+  | 'text-chart-4'
+  | 'border-chart-4'
+  | 'ring-chart-4'
+  | 'divide-chart-4'
+  | 'bg-chart-5'
+  | 'text-chart-5'
+  | 'border-chart-5'
+  | 'ring-chart-5'
+  | 'divide-chart-5'
+  | 'bg-sidebar'
+  | 'text-sidebar'
+  | 'border-sidebar'
+  | 'ring-sidebar'
+  | 'divide-sidebar'
+  | 'bg-sidebar-foreground'
+  | 'text-sidebar-foreground'
+  | 'border-sidebar-foreground'
+  | 'ring-sidebar-foreground'
+  | 'divide-sidebar-foreground'
+  | 'bg-sidebar-primary'
+  | 'text-sidebar-primary'
+  | 'border-sidebar-primary'
+  | 'ring-sidebar-primary'
+  | 'divide-sidebar-primary'
+  | 'bg-sidebar-primary-foreground'
+  | 'text-sidebar-primary-foreground'
+  | 'border-sidebar-primary-foreground'
+  | 'ring-sidebar-primary-foreground'
+  | 'divide-sidebar-primary-foreground'
+  | 'bg-sidebar-accent'
+  | 'text-sidebar-accent'
+  | 'border-sidebar-accent'
+  | 'ring-sidebar-accent'
+  | 'divide-sidebar-accent'
+  | 'bg-sidebar-accent-foreground'
+  | 'text-sidebar-accent-foreground'
+  | 'border-sidebar-accent-foreground'
+  | 'ring-sidebar-accent-foreground'
+  | 'divide-sidebar-accent-foreground'
+  | 'bg-sidebar-border'
+  | 'text-sidebar-border'
+  | 'border-sidebar-border'
+  | 'ring-sidebar-border'
+  | 'divide-sidebar-border'
+  | 'bg-sidebar-ring'
+  | 'text-sidebar-ring'
+  | 'border-sidebar-ring'
+  | 'ring-sidebar-ring'
+  | 'divide-sidebar-ring'
+  | 'bg-success'
+  | 'text-success'
+  | 'border-success'
+  | 'ring-success'
+  | 'divide-success'
+  | 'bg-success-foreground'
+  | 'text-success-foreground'
+  | 'border-success-foreground'
+  | 'ring-success-foreground'
+  | 'divide-success-foreground'
+  | 'bg-info'
+  | 'text-info'
+  | 'border-info'
+  | 'ring-info'
+  | 'divide-info'
+  | 'bg-info-foreground'
+  | 'text-info-foreground'
+  | 'border-info-foreground'
+  | 'ring-info-foreground'
+  | 'divide-info-foreground'
+  | 'bg-warning'
+  | 'text-warning'
+  | 'border-warning'
+  | 'ring-warning'
+  | 'divide-warning'
+  | 'bg-warning-foreground'
+  | 'text-warning-foreground'
+  | 'border-warning-foreground'
+  | 'ring-warning-foreground'
+  | 'divide-warning-foreground'
+  | 'bg-destructive-foreground'
+  | 'text-destructive-foreground'
+  | 'border-destructive-foreground'
+  | 'ring-destructive-foreground'
+  | 'divide-destructive-foreground'
+  | 'bg-feature'
+  | 'text-feature'
+  | 'border-feature'
+  | 'ring-feature'
+  | 'divide-feature'
+  | 'bg-feature-foreground'
+  | 'text-feature-foreground'
+  | 'border-feature-foreground'
+  | 'ring-feature-foreground'
+  | 'divide-feature-foreground'
+  | 'bg-body'
+  | 'text-body'
+  | 'border-body'
+  | 'ring-body'
+  | 'divide-body'
+  | 'bg-body-muted'
+  | 'text-body-muted'
+  | 'border-body-muted'
+  | 'ring-body-muted'
+  | 'divide-body-muted';
+
+/**
+ * All available Moonshine utility classes
+ */
+export type MoonshineClasses = MoonshineUtilities | MoonshineColorUtilities;
+
+/**
+ * Helper type for className props
+ */
+export type MoonshineClassName = MoonshineClasses | MoonshineClasses[] | undefined | null | false;

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

@@ -1,16 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-export interface BreadcrumbProps {
-    children: ReactElement<typeof BreadcrumbItem>[];
-    separator?: ReactNode;
-    className?: string;
-}
-declare const Breadcrumb: {
-    ({ children, separator, className, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, className }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
-};
-interface BreadcrumbItemProps {
-    children: ReactNode;
-    className?: string;
-}
-declare const BreadcrumbItem: ({ children, className }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
-export { Breadcrumb };

package/dist/components/__beta__/OperationGrouper/index.d.ts

@@ -1,18 +0,0 @@
-import { UniqueIdentifier } from '@dnd-kit/core';
-export interface Group {
-    id: UniqueIdentifier;
-    name: string;
-    operations: Operation[];
-    path: string;
-    color: string;
-}
-export interface Operation {
-    id: UniqueIdentifier;
-    name: string;
-    path: string;
-}
-export interface OperationGrouperProps {
-    groups: Group[];
-    onItemMove: (operation: Operation, oldGroup: Group, newGroup: Group) => void;
-}
-export declare function OperationGrouper({ groups, onItemMove, }: OperationGrouperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/__beta__/SelectionBox/index.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-interface SelectionBoxProps<T extends HTMLElement> {
-    targetRef: React.RefObject<T> | undefined;
-    display: 'block' | 'inline';
-    ancestorContainerRef?: React.RefObject<HTMLElement>;
-    className?: string;
-}
-export declare const SelectionBox: <T extends HTMLElement>({ targetRef, display, ancestorContainerRef, className, }: SelectionBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/__beta__/Timeline/index.d.ts

@@ -1,21 +0,0 @@
-import { IconName } from '../../Icon/names';
-import { PropsWithChildren } from 'react';
-interface ItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    title: string;
-    description: string;
-    iconName: IconName;
-    className?: string;
-    style?: React.CSSProperties;
-    anchorElement: HTMLElement;
-}
-interface RootProps extends PropsWithChildren {
-    className?: string;
-}
-export type { RootProps, ItemProps };
-export declare const Timeline: import('react').FC<RootProps> & {
-    Item: import('react').FC<ItemProps>;
-    Content: {
-        ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};