name: Bug report
description: Something in the kit renders, behaves or types incorrectly.
labels: [bug]
body:
  - type: markdown
    attributes:
      value: |
        Three fields below are asked for because they are what usually explain
        the bug: **which subpath** you imported from, **whether it is server
        rendered**, and **whether Tailwind is running in your app**. Most
        reports that turn out not to be kit bugs are one of those three.

  - type: input
    id: component
    attributes:
      label: Component and import path
      description: The subpath you imported from, not just the component name.
      placeholder: "import { Button } from '@your-team/ui/button'"
    validations:
      required: true

  - type: input
    id: version
    attributes:
      label: Kit version
      placeholder: "1.4.2"
    validations:
      required: true

  - type: dropdown
    id: rendering
    attributes:
      label: Where does it break?
      options:
        - In the browser, after hydration
        - During server rendering (SSR / RSC — a 500, or a hydration mismatch)
        - At build time (types, bundler, export resolution)
        - In tests only
    validations:
      required: true

  - type: dropdown
    id: styles
    attributes:
      label: How are you loading the styles?
      description: >-
        The prebuilt stylesheet needs no Tailwind in your app; the token files
        assume you are running Tailwind v4 yourself. Mixing them up produces
        unstyled or half-styled components.
      options:
        - "The prebuilt sheet: import '<pkg>/styles.css'"
        - "Tokens only, with my own Tailwind v4: import '<pkg>/tokens.css' / '<pkg>/theme.css'"
        - Not sure
    validations:
      required: true

  - type: textarea
    id: expected
    attributes:
      label: What you expected, and what happened
    validations:
      required: true

  - type: textarea
    id: repro
    attributes:
      label: Reproduction
      description: >-
        The smallest JSX that shows it. A link to a repo or a sandbox is ideal;
        a paste is fine. Please include the exact error text if there is one —
        a screenshot of a stack trace cannot be searched.
      render: tsx
    validations:
      required: true

  - type: input
    id: env
    attributes:
      label: React version, framework, package manager
      placeholder: "React 19.2, Next 16.3 App Router, pnpm 10"