import { RecipeVariants } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';
import { zIndexProperties } from '../../../properties/css.js';
import { StandardLonghandProperties } from '../../../types/css.types.js';
import { AddDollar, Conditions } from '../../../types/utils.types.js';
import { sidebarStyles, sidebarPaddingProperties } from './rarui-sidebar.css.js';

type SidebarVariants = RecipeVariants<typeof sidebarStyles.sidebar>;
type SidebarDynamicProperties = Pick<StandardLonghandProperties, "maxWidth">;
interface SidebarSprinkle extends SidebarDynamicProperties {
    /**
     * The **`padding`** CSS shorthand property sets the padding area on all four sides of an element at once.
     * @default small
     */
    padding?: AddDollar<keyof typeof sidebarPaddingProperties> | Conditions<AddDollar<keyof typeof sidebarPaddingProperties>>;
    /**
     * The zIndex property specifies the stack order of the box.
     */
    zIndex?: AddDollar<keyof typeof zIndexProperties> | Conditions<AddDollar<keyof typeof zIndexProperties>>;
}

export type { SidebarSprinkle, SidebarVariants };