@rarui/styles 2.3.0-rc.1 → 2.3.0-rc.3

package/dist/packages/feedback/skeleton/index.d.ts

@@ -0,0 +1,115 @@
+import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+import { ComplexStyleRule } from '../../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.js';
+
+declare const skeleton: {
+    classnames: {
+        skeleton: RuntimeFn<{
+            [x: string]: {
+                [x: string]: string | ComplexStyleRule;
+            };
+        }>;
+    };
+    sprinkle: SprinklesFn<[{
+        config: {
+            width: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "width";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            height: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "height";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            maxWidth: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "maxWidth";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            maxHeight: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "maxHeight";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            minWidth: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "minWidth";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            minHeight: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "minHeight";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+            borderRadius: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: {
+                    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                name: "borderRadius";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+        };
+    }]>;
+};
+
+export { skeleton };

package/dist/packages/feedback/skeleton/rarui-skeleton.types.d.ts

@@ -0,0 +1,13 @@
+import { StandardLonghandProperties } from '../../../types/css.types.js';
+import { AddDollar, Conditions } from '../../../types/utils.types.js';
+import { borderRadiusProperties } from '../../../properties/css.js';
+
+type SkeletonDynamicProperties = Pick<StandardLonghandProperties, "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight">;
+interface SkeletonSprinkle extends SkeletonDynamicProperties {
+    /**
+     * The borderRadius property sets the skeleton.
+     */
+    borderRadius?: AddDollar<keyof typeof borderRadiusProperties | string> | Conditions<AddDollar<keyof typeof borderRadiusProperties>> | string | Conditions<string>;
+}
+
+export type { SkeletonSprinkle };

package/dist/packages/feedback/status/index.d.ts

@@ -0,0 +1,70 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const status: {
+    classnames: {
+        status: RuntimeFn<{
+            full: {
+                true: {
+                    width: "100%";
+                };
+            };
+            appearance: {
+                success: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                warning: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                danger: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                inverted: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                neutral: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                info: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            size: {
+                normal: {
+                    height: "1.75rem";
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                small: {
+                    height: "1.5rem";
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            variant: {
+                solid: {};
+                text: {
+                    backgroundColor: "transparent";
+                };
+                subdued: {};
+            };
+        }>;
+        dot: RuntimeFn<{
+            size: {
+                normal: {
+                    height: ".5rem";
+                    width: ".5rem";
+                };
+                small: {
+                    height: ".25rem";
+                    width: ".25rem";
+                };
+            };
+        }>;
+    };
+};
+
+export { status };

package/dist/packages/feedback/status/rarui-status.css.d.ts

@@ -0,0 +1,85 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const statusStyles: {
+    status: RuntimeFn<{
+        /**
+         * Specifies whether the status should take up the full width of its container.
+         * This variant is useful when you want to make a status span the entire width of its parent container.
+         *
+         */
+        full: {
+            true: {
+                width: "100%";
+            };
+        };
+        /**
+         * Determines the visual style of the status, influencing its color scheme.
+         */
+        appearance: {
+            success: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            warning: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            danger: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            inverted: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            neutral: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            info: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        /**
+         * Specifies the size of the badge, controlling its dimensions.
+         */
+        size: {
+            normal: {
+                height: "1.75rem";
+                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            small: {
+                height: "1.5rem";
+                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        /**
+         * Specifies whether the status is in subdued mode
+         */
+        /**
+         * Specifies the variant of the status
+         */
+        variant: {
+            solid: {};
+            text: {
+                backgroundColor: "transparent";
+            };
+            subdued: {};
+        };
+    }>;
+    dot: RuntimeFn<{
+        size: {
+            normal: {
+                height: ".5rem";
+                width: ".5rem";
+            };
+            small: {
+                height: ".25rem";
+                width: ".25rem";
+            };
+        };
+    }>;
+};
+
+export { statusStyles };

package/dist/packages/feedback/status/rarui-status.types.d.ts

@@ -0,0 +1,6 @@
+import { RecipeVariants } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+import { statusStyles } from './rarui-status.css.js';
+
+type StatusVariants = NonNullable<RecipeVariants<typeof statusStyles.status>>;
+
+export type { StatusVariants };

package/dist/packages/feedback/toast/index.d.ts

@@ -0,0 +1,151 @@
+import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const toast: {
+    classnames: {
+        toast: RuntimeFn<{
+            appearance: {
+                info: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                success: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                warning: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                error: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                neutral: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                invert: {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            size: {
+                small: {
+                    padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+                    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                medium: {
+                    padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+                };
+                large: {
+                    padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+                    gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            variant: {
+                solid: {};
+                tonal: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                ghost: {
+                    borderLeft: "solid";
+                    borderWidth: "4px";
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        }>;
+        container: RuntimeFn<{
+            placement: {
+                bottomCenter: {
+                    left: "50%";
+                    transform: "translate(-50%)";
+                    bottom: "2rem";
+                };
+                bottomLeft: {
+                    left: number;
+                    bottom: "2rem";
+                };
+                bottomRight: {
+                    right: number;
+                    bottom: "2rem";
+                };
+                topCenter: {
+                    left: "50%";
+                    transform: "translate(-50%)";
+                    top: "2rem";
+                };
+                topLeft: {
+                    left: number;
+                    top: "2rem";
+                };
+                topRight: {
+                    right: number;
+                    top: "2rem";
+                };
+            };
+        }>;
+        content: string;
+        toastContainer: RuntimeFn<{
+            position: {
+                bottomRight: {
+                    right: number;
+                    bottom: number;
+                };
+                topRight: {
+                    top: number;
+                    right: number;
+                };
+                bottomLeft: {
+                    bottom: number;
+                    left: number;
+                };
+                topLeft: {
+                    top: number;
+                    left: number;
+                };
+            };
+        }>;
+        wrapper: RuntimeFn<{
+            placement: {
+                bottomCenter: {
+                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+                };
+                bottomLeft: {
+                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+                };
+                bottomRight: {
+                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+                };
+                topCenter: {
+                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+                };
+                topLeft: {
+                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+                };
+                topRight: {
+                    animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+                };
+            };
+        }>;
+    };
+    sprinkle: SprinklesFn<[{
+        config: {
+            width: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "width";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
+                };
+            };
+        };
+    }]>;
+};
+
+export { toast };

package/dist/packages/feedback/toast/rarui-toast.css.d.ts

@@ -0,0 +1,141 @@
+import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+
+declare const styles: {
+    toast: RuntimeFn<{
+        /**
+         * Determines the visual style of the toast, influencing its color scheme and appearance.
+         */
+        appearance: {
+            info: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            success: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            warning: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            error: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            neutral: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            invert: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        /**
+         * Specifies the size of the toast, controlling its dimensions.
+         */
+        size: {
+            small: {
+                padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+                gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            medium: {
+                padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+            };
+            large: {
+                padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
+                gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        /**
+         * Specifies the variant of the toast
+         */
+        variant: {
+            solid: {};
+            tonal: {
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+            ghost: {
+                borderLeft: "solid";
+                borderWidth: "4px";
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    }>;
+    container: RuntimeFn<{
+        placement: {
+            bottomCenter: {
+                left: "50%";
+                transform: "translate(-50%)";
+                bottom: "2rem";
+            };
+            bottomLeft: {
+                left: number;
+                bottom: "2rem";
+            };
+            bottomRight: {
+                right: number;
+                bottom: "2rem";
+            };
+            topCenter: {
+                left: "50%";
+                transform: "translate(-50%)";
+                top: "2rem";
+            };
+            topLeft: {
+                left: number;
+                top: "2rem";
+            };
+            topRight: {
+                right: number;
+                top: "2rem";
+            };
+        };
+    }>;
+    content: string;
+    toastContainer: RuntimeFn<{
+        position: {
+            bottomRight: {
+                right: number;
+                bottom: number;
+            };
+            topRight: {
+                top: number;
+                right: number;
+            };
+            bottomLeft: {
+                bottom: number;
+                left: number;
+            };
+            topLeft: {
+                top: number;
+                left: number;
+            };
+        };
+    }>;
+    wrapper: RuntimeFn<{
+        placement: {
+            bottomCenter: {
+                animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+            };
+            bottomLeft: {
+                animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+            };
+            bottomRight: {
+                animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+            };
+            topCenter: {
+                animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+            };
+            topLeft: {
+                animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+            };
+            topRight: {
+                animation: `${string} 800ms cubic-bezier(0,0.46,0,1.04) both`;
+            };
+        };
+    }>;
+};
+
+export { styles };

package/dist/packages/feedback/toast/rarui-toast.types.d.ts

@@ -0,0 +1,8 @@
+import { RecipeVariants } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
+import { StandardLonghandProperties } from '../../../types/css.types.js';
+import { styles } from './rarui-toast.css.js';
+
+type ToastVariants = NonNullable<RecipeVariants<typeof styles.toast>>;
+type ToastSprinkle = Pick<StandardLonghandProperties, "width">;
+
+export type { ToastSprinkle, ToastVariants };