{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "extends": "overlay-sheet",
    "shadow": "none",
    "display": "flex",
    "height": "auto",
    "flexDirection": "column"
  },
  "variants": {
    "direction": {
      "down": {
        "borderTop": "{border.default}"
      },
      "up": {
        "borderBottom": "{border.default}"
      },
      "left": {
        "borderRight": "{border.default}",
        "width": "{spacing.96}"
      },
      "right": {
        "borderLeft": "{border.default}",
        "width": "{spacing.96}"
      }
    }
  },
  "defaults": {
    "direction": "down"
  }
}