{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "steps",
  "title": "Steps",
  "description": "Steps and Step: numbered steps on a line, plus the styles for the fd-steps and fd-step classes that remark-steps adds.",
  "files": [
    {
      "path": "registry/base/docs/components/steps.tsx",
      "content": "// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs)\n// Copyright (c) 2023 Fuma, MIT License\nimport type { ReactNode } from \"react\";\n\n// The same classes remark-steps adds; their styles ship with this component.\nexport function Steps({ children }: { children: ReactNode }) {\n  return <div className=\"fd-steps\">{children}</div>;\n}\n\nexport function Step({ children }: { children: ReactNode }) {\n  return <div className=\"fd-step\">{children}</div>;\n}\n",
      "type": "registry:component",
      "target": "@components/docs/components/steps.tsx"
    }
  ],
  "css": {
    "@layer components": {
      ".fd-steps": {
        "position": "relative",
        "margin-inline-start": "1rem",
        "padding-inline-start": "1.75rem",
        "border-inline-start": "1px solid var(--border)",
        "counter-reset": "step"
      },
      ".fd-step": {
        "position": "relative"
      },
      ".fd-step::before": {
        "position": "absolute",
        "inset-inline-start": "calc(-1.75rem - 1rem - 0.5px)",
        "display": "flex",
        "align-items": "center",
        "justify-content": "center",
        "width": "2rem",
        "height": "2rem",
        "border": "1px solid var(--border)",
        "border-radius": "9999px",
        "background-color": "var(--background)",
        "color": "var(--foreground)",
        "font-size": "0.875rem",
        "font-weight": "500",
        "line-height": "1.25rem",
        "content": "counter(step)",
        "counter-increment": "step"
      },
      ".fd-step > :first-child": {
        "margin-top": "0"
      },
      ".fd-step + .fd-step": {
        "margin-top": "2rem"
      }
    }
  },
  "type": "registry:component"
}