@svadmin/ui 0.73.0 → 0.75.0

package/dist/recipes.d.ts

@@ -1,4 +1,960 @@
-/** 只选择构建期已生成的类名，不在浏览器生成 CSS。 */
-export { surfaceMetric, surfaceTable, uiButton, uiBadge, uiInput, uiTextarea } from './styled-system/recipes/index.js';
-/** Stripe-first 产品组合部件，消费端仅选择已生成 CSS。 */
-export { productSection, productToolbar, productWorkspace, productSettings, productSettingsRow, productList, productStatus } from './styled-system/recipes/index.js';
+declare const buttonRecipeStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: "svadmin-button--default";
+        outline: "svadmin-button--outline";
+        secondary: "svadmin-button--secondary";
+        ghost: "svadmin-button--ghost";
+        destructive: "svadmin-button--destructive";
+        link: "svadmin-button--link";
+    };
+    size: {
+        default: "svadmin-button-size--default";
+        xs: "svadmin-button-size--xs";
+        sm: "svadmin-button-size--sm";
+        lg: "svadmin-button-size--lg";
+        icon: "svadmin-button-size--icon";
+        "icon-xs": "svadmin-button-size--icon-xs";
+        "icon-sm": "svadmin-button-size--icon-sm";
+        "icon-lg": "svadmin-button-size--icon-lg";
+    };
+}, undefined, "svadmin-button", {
+    variant: {
+        default: "svadmin-button--default";
+        outline: "svadmin-button--outline";
+        secondary: "svadmin-button--secondary";
+        ghost: "svadmin-button--ghost";
+        destructive: "svadmin-button--destructive";
+        link: "svadmin-button--link";
+    };
+    size: {
+        default: "svadmin-button-size--default";
+        xs: "svadmin-button-size--xs";
+        sm: "svadmin-button-size--sm";
+        lg: "svadmin-button-size--lg";
+        icon: "svadmin-button-size--icon";
+        "icon-xs": "svadmin-button-size--icon-xs";
+        "icon-sm": "svadmin-button-size--icon-sm";
+        "icon-lg": "svadmin-button-size--icon-lg";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    variant: {
+        default: "svadmin-button--default";
+        outline: "svadmin-button--outline";
+        secondary: "svadmin-button--secondary";
+        ghost: "svadmin-button--ghost";
+        destructive: "svadmin-button--destructive";
+        link: "svadmin-button--link";
+    };
+    size: {
+        default: "svadmin-button-size--default";
+        xs: "svadmin-button-size--xs";
+        sm: "svadmin-button-size--sm";
+        lg: "svadmin-button-size--lg";
+        icon: "svadmin-button-size--icon";
+        "icon-xs": "svadmin-button-size--icon-xs";
+        "icon-sm": "svadmin-button-size--icon-sm";
+        "icon-lg": "svadmin-button-size--icon-lg";
+    };
+}, undefined>>;
+declare const badgeRecipeStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: "svadmin-badge--default";
+        secondary: "svadmin-badge--secondary";
+        destructive: "svadmin-badge--destructive";
+        subtle: "svadmin-badge--subtle";
+        "subtle-success": "svadmin-badge--subtle-success";
+        "subtle-warning": "svadmin-badge--subtle-warning";
+        "subtle-destructive": "svadmin-badge--subtle-destructive";
+        "subtle-pill": "svadmin-badge--subtle-pill";
+        outline: "svadmin-badge--outline";
+        ghost: "svadmin-badge--ghost";
+        link: "svadmin-badge--link";
+    };
+}, undefined, "svadmin-badge", {
+    variant: {
+        default: "svadmin-badge--default";
+        secondary: "svadmin-badge--secondary";
+        destructive: "svadmin-badge--destructive";
+        subtle: "svadmin-badge--subtle";
+        "subtle-success": "svadmin-badge--subtle-success";
+        "subtle-warning": "svadmin-badge--subtle-warning";
+        "subtle-destructive": "svadmin-badge--subtle-destructive";
+        "subtle-pill": "svadmin-badge--subtle-pill";
+        outline: "svadmin-badge--outline";
+        ghost: "svadmin-badge--ghost";
+        link: "svadmin-badge--link";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    variant: {
+        default: "svadmin-badge--default";
+        secondary: "svadmin-badge--secondary";
+        destructive: "svadmin-badge--destructive";
+        subtle: "svadmin-badge--subtle";
+        "subtle-success": "svadmin-badge--subtle-success";
+        "subtle-warning": "svadmin-badge--subtle-warning";
+        "subtle-destructive": "svadmin-badge--subtle-destructive";
+        "subtle-pill": "svadmin-badge--subtle-pill";
+        outline: "svadmin-badge--outline";
+        ghost: "svadmin-badge--ghost";
+        link: "svadmin-badge--link";
+    };
+}, undefined>>;
+type OmitVariantProps<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type ButtonRecipeProps = OmitVariantProps<NonNullable<Parameters<typeof buttonRecipeStyles>[0]>, "variant" | "size"> & {
+    variant?: keyof typeof buttonRecipeStyles.variants.variant | null | undefined;
+    size?: keyof typeof buttonRecipeStyles.variants.size | null | undefined;
+};
+export type BadgeRecipeProps = OmitVariantProps<NonNullable<Parameters<typeof badgeRecipeStyles>[0]>, "variant"> & {
+    variant?: keyof typeof badgeRecipeStyles.variants.variant | null | undefined;
+};
+declare const textareaRecipeStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "svadmin-textarea", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+declare const contentPageRecipeStyles: import("tailwind-variants").TVReturnType<{
+    width: {
+        narrow: {
+            root: string;
+        };
+        default: {
+            root: string;
+        };
+        wide: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}, undefined, {
+    width: {
+        narrow: {
+            root: string;
+        };
+        default: {
+            root: string;
+        };
+        wide: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    width: {
+        narrow: {
+            root: string;
+        };
+        default: {
+            root: string;
+        };
+        wide: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}>>;
+declare const contentHeaderRecipeStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            row?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            breadcrumbs?: import("tailwind-variants").ClassValue;
+            currentCrumb?: import("tailwind-variants").ClassValue;
+            eyebrow?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            row?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            breadcrumbs?: import("tailwind-variants").ClassValue;
+            currentCrumb?: import("tailwind-variants").ClassValue;
+            eyebrow?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    breadcrumbs: string;
+    currentCrumb: string;
+    row: string;
+    heading: string;
+    eyebrow: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            row?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            breadcrumbs?: import("tailwind-variants").ClassValue;
+            currentCrumb?: import("tailwind-variants").ClassValue;
+            eyebrow?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    breadcrumbs: string;
+    currentCrumb: string;
+    row: string;
+    heading: string;
+    eyebrow: string;
+    title: string;
+    description: string;
+    actions: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+    root: string;
+    breadcrumbs: string;
+    currentCrumb: string;
+    row: string;
+    heading: string;
+    eyebrow: string;
+    title: string;
+    description: string;
+    actions: string;
+}>>;
+declare const metricBlockRecipeStyles: import("tailwind-variants").TVReturnType<{
+    trendTone: {
+        positive: {
+            trend: string;
+        };
+        negative: {
+            trend: string;
+        };
+        warning: {
+            trend: string;
+        };
+        neutral: {
+            trend: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    icon: string;
+    skeleton: string;
+    value: string;
+    meta: string;
+    trend: string;
+    detail: string;
+}, undefined, {
+    trendTone: {
+        positive: {
+            trend: string;
+        };
+        negative: {
+            trend: string;
+        };
+        warning: {
+            trend: string;
+        };
+        neutral: {
+            trend: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    icon: string;
+    skeleton: string;
+    value: string;
+    meta: string;
+    trend: string;
+    detail: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    trendTone: {
+        positive: {
+            trend: string;
+        };
+        negative: {
+            trend: string;
+        };
+        warning: {
+            trend: string;
+        };
+        neutral: {
+            trend: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    label: string;
+    icon: string;
+    skeleton: string;
+    value: string;
+    meta: string;
+    trend: string;
+    detail: string;
+}>>;
+declare const productSectionRecipeStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    heading: string;
+    title: string;
+    description: string;
+    actions: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    heading: string;
+    title: string;
+    description: string;
+    actions: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+    root: string;
+    heading: string;
+    title: string;
+    description: string;
+    actions: string;
+}>>;
+declare const productToolbarRecipeStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            leading?: import("tailwind-variants").ClassValue;
+            trailing?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            leading?: import("tailwind-variants").ClassValue;
+            trailing?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    leading: string;
+    trailing: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            root?: import("tailwind-variants").ClassValue;
+            leading?: import("tailwind-variants").ClassValue;
+            trailing?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    leading: string;
+    trailing: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+    root: string;
+    leading: string;
+    trailing: string;
+}>>;
+declare const productWorkspaceRecipeStyles: import("tailwind-variants").TVReturnType<{
+    hasSecondary: {
+        true: {};
+        false: {
+            columns: string;
+        };
+    };
+}, {
+    root: string;
+    summary: string;
+    columns: string;
+    primary: string;
+    secondary: string;
+}, undefined, {
+    hasSecondary: {
+        true: {};
+        false: {
+            columns: string;
+        };
+    };
+}, {
+    root: string;
+    summary: string;
+    columns: string;
+    primary: string;
+    secondary: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    hasSecondary: {
+        true: {};
+        false: {
+            columns: string;
+        };
+    };
+}, {
+    root: string;
+    summary: string;
+    columns: string;
+    primary: string;
+    secondary: string;
+}>>;
+declare const productSettingsRecipeStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            body?: import("tailwind-variants").ClassValue;
+            header?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            body?: import("tailwind-variants").ClassValue;
+            header?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    heading: string;
+    title: string;
+    description: string;
+    actions: string;
+    body: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            body?: import("tailwind-variants").ClassValue;
+            header?: import("tailwind-variants").ClassValue;
+            title?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            heading?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    heading: string;
+    title: string;
+    description: string;
+    actions: string;
+    body: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+    root: string;
+    header: string;
+    heading: string;
+    title: string;
+    description: string;
+    actions: string;
+    body: string;
+}>>;
+declare const productSettingsRowRecipeStyles: import("tailwind-variants").TVReturnType<{
+    separated: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    heading: string;
+    label: string;
+    description: string;
+    control: string;
+}, undefined, {
+    separated: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    heading: string;
+    label: string;
+    description: string;
+    control: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    separated: {
+        true: {
+            root: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    heading: string;
+    label: string;
+    description: string;
+    control: string;
+}>>;
+declare const productStatusRecipeStyles: import("tailwind-variants").TVReturnType<{
+    status: {
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+        info: {
+            root: string;
+        };
+        neutral: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}, undefined, {
+    status: {
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+        info: {
+            root: string;
+        };
+        neutral: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    status: {
+        success: {
+            root: string;
+        };
+        warning: {
+            root: string;
+        };
+        danger: {
+            root: string;
+        };
+        info: {
+            root: string;
+        };
+        neutral: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+}>>;
+declare const surfaceMetricRecipeStyles: import("tailwind-variants").TVReturnType<{
+    tone: {
+        neutral: {
+            card: string;
+            state: string;
+        };
+        success: {
+            card: string;
+            state: string;
+        };
+        warning: {
+            card: string;
+            state: string;
+        };
+        danger: {
+            card: string;
+            state: string;
+        };
+        info: {
+            card: string;
+            state: string;
+        };
+    };
+    density: {
+        compact: {
+            card: string;
+            state: string;
+        };
+        comfortable: {
+            card: string;
+            state: string;
+        };
+    };
+}, {
+    root: string;
+    card: string;
+    description: string;
+    state: string;
+}, undefined, {
+    tone: {
+        neutral: {
+            card: string;
+            state: string;
+        };
+        success: {
+            card: string;
+            state: string;
+        };
+        warning: {
+            card: string;
+            state: string;
+        };
+        danger: {
+            card: string;
+            state: string;
+        };
+        info: {
+            card: string;
+            state: string;
+        };
+    };
+    density: {
+        compact: {
+            card: string;
+            state: string;
+        };
+        comfortable: {
+            card: string;
+            state: string;
+        };
+    };
+}, {
+    root: string;
+    card: string;
+    description: string;
+    state: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    tone: {
+        neutral: {
+            card: string;
+            state: string;
+        };
+        success: {
+            card: string;
+            state: string;
+        };
+        warning: {
+            card: string;
+            state: string;
+        };
+        danger: {
+            card: string;
+            state: string;
+        };
+        info: {
+            card: string;
+            state: string;
+        };
+    };
+    density: {
+        compact: {
+            card: string;
+            state: string;
+        };
+        comfortable: {
+            card: string;
+            state: string;
+        };
+    };
+}, {
+    root: string;
+    card: string;
+    description: string;
+    state: string;
+}>>;
+declare const surfaceTableRecipeStyles: import("tailwind-variants").TVReturnType<{
+    density: {
+        compact: {
+            header: string;
+            content: string;
+            head: string;
+            cell: string;
+            state: string;
+        };
+        comfortable: {
+            header: string;
+            content: string;
+            head: string;
+            cell: string;
+            state: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    content: string;
+    head: string;
+    cell: string;
+    state: string;
+}, undefined, {
+    density: {
+        compact: {
+            header: string;
+            content: string;
+            head: string;
+            cell: string;
+            state: string;
+        };
+        comfortable: {
+            header: string;
+            content: string;
+            head: string;
+            cell: string;
+            state: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    content: string;
+    head: string;
+    cell: string;
+    state: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    density: {
+        compact: {
+            header: string;
+            content: string;
+            head: string;
+            cell: string;
+            state: string;
+        };
+        comfortable: {
+            header: string;
+            content: string;
+            head: string;
+            cell: string;
+            state: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    content: string;
+    head: string;
+    cell: string;
+    state: string;
+}>>;
+export declare const buttonRecipe: ({ variant, size, ...props }?: ButtonRecipeProps) => {
+    root: string;
+};
+export declare const badgeRecipe: ({ variant, ...props }?: BadgeRecipeProps) => {
+    root: string;
+};
+export declare const textareaRecipe: (props?: Parameters<typeof textareaRecipeStyles>[0]) => {
+    root: string;
+};
+export declare const contentPageRecipe: (props?: Parameters<typeof contentPageRecipeStyles>[0]) => {
+    root: string;
+};
+export declare const contentHeaderRecipe: (props?: Parameters<typeof contentHeaderRecipeStyles>[0]) => {
+    title: string;
+    description: string;
+    root: string;
+    row: string;
+    heading: string;
+    breadcrumbs: string;
+    currentCrumb: string;
+    eyebrow: string;
+    actions: string;
+};
+export declare const metricBlockRecipe: (props?: Parameters<typeof metricBlockRecipeStyles>[0]) => {
+    detail: string;
+    value: string;
+    header: string;
+    label: string;
+    meta: string;
+    root: string;
+    icon: string;
+    skeleton: string;
+    trend: string;
+};
+export declare const productSectionRecipe: (props?: Parameters<typeof productSectionRecipeStyles>[0]) => {
+    title: string;
+    description: string;
+    root: string;
+    heading: string;
+    actions: string;
+};
+export declare const productToolbarRecipe: (props?: Parameters<typeof productToolbarRecipeStyles>[0]) => {
+    root: string;
+    leading: string;
+    trailing: string;
+};
+export declare const productWorkspaceRecipe: (props?: Parameters<typeof productWorkspaceRecipeStyles>[0]) => {
+    columns: string;
+    summary: string;
+    root: string;
+    primary: string;
+    secondary: string;
+};
+export declare const productSettingsRecipe: (props?: Parameters<typeof productSettingsRecipeStyles>[0]) => {
+    body: string;
+    header: string;
+    title: string;
+    description: string;
+    root: string;
+    heading: string;
+    actions: string;
+};
+export declare const productSettingsRowRecipe: (props?: Parameters<typeof productSettingsRowRecipeStyles>[0]) => {
+    label: string;
+    description: string;
+    root: string;
+    heading: string;
+    control: string;
+};
+export declare const productStatusRecipe: (props?: Parameters<typeof productStatusRecipeStyles>[0]) => {
+    root: string;
+};
+export declare const surfaceMetricRecipe: (props?: Parameters<typeof surfaceMetricRecipeStyles>[0]) => {
+    state: string;
+    description: string;
+    root: string;
+    card: string;
+};
+export declare const surfaceTableRecipe: (props?: Parameters<typeof surfaceTableRecipeStyles>[0]) => {
+    state: string;
+    content: string;
+    head: string;
+    header: string;
+    root: string;
+    cell: string;
+};
+export declare const allRecipes: {
+    buttonRecipe: ({ variant, size, ...props }?: ButtonRecipeProps) => {
+        root: string;
+    };
+    badgeRecipe: ({ variant, ...props }?: BadgeRecipeProps) => {
+        root: string;
+    };
+    textareaRecipe: (props?: Parameters<typeof textareaRecipeStyles>[0]) => {
+        root: string;
+    };
+    contentPageRecipe: (props?: Parameters<typeof contentPageRecipeStyles>[0]) => {
+        root: string;
+    };
+    contentHeaderRecipe: (props?: Parameters<typeof contentHeaderRecipeStyles>[0]) => {
+        title: string;
+        description: string;
+        root: string;
+        row: string;
+        heading: string;
+        breadcrumbs: string;
+        currentCrumb: string;
+        eyebrow: string;
+        actions: string;
+    };
+    metricBlockRecipe: (props?: Parameters<typeof metricBlockRecipeStyles>[0]) => {
+        detail: string;
+        value: string;
+        header: string;
+        label: string;
+        meta: string;
+        root: string;
+        icon: string;
+        skeleton: string;
+        trend: string;
+    };
+    productSectionRecipe: (props?: Parameters<typeof productSectionRecipeStyles>[0]) => {
+        title: string;
+        description: string;
+        root: string;
+        heading: string;
+        actions: string;
+    };
+    productToolbarRecipe: (props?: Parameters<typeof productToolbarRecipeStyles>[0]) => {
+        root: string;
+        leading: string;
+        trailing: string;
+    };
+    productWorkspaceRecipe: (props?: Parameters<typeof productWorkspaceRecipeStyles>[0]) => {
+        columns: string;
+        summary: string;
+        root: string;
+        primary: string;
+        secondary: string;
+    };
+    productSettingsRecipe: (props?: Parameters<typeof productSettingsRecipeStyles>[0]) => {
+        body: string;
+        header: string;
+        title: string;
+        description: string;
+        root: string;
+        heading: string;
+        actions: string;
+    };
+    productSettingsRowRecipe: (props?: Parameters<typeof productSettingsRowRecipeStyles>[0]) => {
+        label: string;
+        description: string;
+        root: string;
+        heading: string;
+        control: string;
+    };
+    productStatusRecipe: (props?: Parameters<typeof productStatusRecipeStyles>[0]) => {
+        root: string;
+    };
+    surfaceMetricRecipe: (props?: Parameters<typeof surfaceMetricRecipeStyles>[0]) => {
+        state: string;
+        description: string;
+        root: string;
+        card: string;
+    };
+    surfaceTableRecipe: (props?: Parameters<typeof surfaceTableRecipeStyles>[0]) => {
+        state: string;
+        content: string;
+        head: string;
+        header: string;
+        root: string;
+        cell: string;
+    };
+};
+export declare function describeRecipe(name: keyof typeof allRecipes): {
+    slots: string[];
+    variants: {
+        [k: string]: string[];
+    };
+    defaults: {};
+};
+export {};