@kinetixui/ui 0.6.4 → 0.7.0

package/dist/index.d.ts

@@ -162,8 +162,11 @@ declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "secondary" | "outline" | "subtle" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    /** render as the single child element (Radix Slot) instead of <div> —
+     * e.g. `<Badge asChild><a href="/new">New</a></Badge>` for a linked badge */
+    asChild?: boolean;
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
 declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
@@ -390,6 +393,13 @@ declare const tagVariants: (props?: ({
 interface TagProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tagVariants> {
     /** show a dismiss button; called when it's clicked */
     onRemove?: () => void;
+    /** render as the single child element (Radix Slot) instead of <span> —
+     * e.g. `<Tag asChild><a href="/filter">Active</a></Tag>` for a linked tag.
+     * Combined with `onRemove`, the remove button nests inside the slotted
+     * element (Slot can only render one root node) — fine for a <div>/<span>,
+     * but avoid pairing asChild+onRemove with an <a>, since a nested <button>
+     * inside an anchor is invalid HTML. */
+    asChild?: boolean;
 }
 declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLSpanElement>>;