{% comment %} Checkbox component with multiple variants: - default: Basic checkbox with label - pill: Pill-style checkbox - card: Card-style checkbox - button: Button-style checkbox Supports automatic label/description clicking and card interactions via CSS :has() pseudo-class Use the 'id' attribute to provide unique identifiers and avoid HTML validation errors {% endcomment %} {% if variant == "default" %}

{% if label %} {{ label }} {% endif %} {% if description %} {{ description }} {% endif %}

{% if icon %} {% endif %} {% elif variant == "pill" %} {% if icon %} {% endif %} {% if label %} {{ label }} {% endif %} {% if description %} {{ description }} {% endif %} {% elif variant == "card" %}

{% if icon %}

{% endif %}

{% if label %} {{ label }} {% endif %} {% if description %} {{ description }} {% endif %} {% if slot %}

{% endif %}

{% elif variant == "button" %} {% if icon %} {% endif %} {% if label %} {{ label }} {% endif %} {% if description %} {{ description }} {% endif %} {% endif %}