/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { cn } from "../../utils/cn.js";
/* empty css     */
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/core/Chip/Chip.tsx
var ChipRoot = ({ children, variant = "subtle", className, ...rest }) => /* @__PURE__ */ jsx("span", {
	...rest,
	className: cn("inline-flex items-center gap-1.5 px-2.5 py-1 whitespace-nowrap", "text-xs font-medium leading-none", "rounded-[var(--chip-radius,9999px)]", "text-(--chip-fg) border border-(--chip-border)", variant === "subtle" && "bg-(--chip-bg)", variant === "outline" && "bg-transparent", className),
	children
});
ChipRoot.displayName = "Chip";
/**
* Small leading/trailing dot in `currentColor`. Compose inside `<Chip>`
* before or after the label. Opt-in to a pulsing animation via `pulse`.
*/
var Dot = ({ pulse, className }) => /* @__PURE__ */ jsx("span", {
	"aria-hidden": "true",
	className: cn("size-2 rounded-full bg-current opacity-70 shrink-0", pulse && "animate-[chip-dot-pulse_3s_ease-out_infinite] motion-reduce:animate-none", className)
});
Dot.displayName = "Chip.Dot";
var Chip = Object.assign(ChipRoot, { Dot });
//#endregion
export { Chip };

//# sourceMappingURL=Chip2.js.map