@epilot/spark-ui 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/components/attachment.js

@@ -0,0 +1,108 @@
+"use client";
+import { cn } from "../utils/cn.js";
+import { Button } from "./button.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/attachment.tsx
+const attachmentVariants = cva("group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-gray-2 text-gray-a12 transition-colors focus-within:ring-1 focus-within:ring-spark-a7/50 has-[>a,>button]:hover:bg-gray-a2 data-[state=error]:border-red-a6 data-[state=idle]:border-dashed", { variants: {
+	size: {
+		default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2",
+		sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5",
+		xs: "gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1"
+	},
+	orientation: {
+		horizontal: "min-w-40 items-center",
+		vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30"
+	}
+} });
+function Attachment({ className, state = "done", size = "default", orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment",
+		"data-state": state,
+		"data-size": size,
+		"data-orientation": orientation,
+		className: cn(attachmentVariants({
+			size,
+			orientation
+		}), className),
+		...props
+	});
+}
+const attachmentMediaVariants = cva("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-gray-a3 text-gray group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-red-a3 group-data-[state=error]/attachment:text-error group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
+	variants: { variant: {
+		icon: "",
+		image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover"
+	} },
+	defaultVariants: { variant: "icon" }
+});
+function AttachmentMedia({ className, variant = "icon", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-media",
+		"data-variant": variant,
+		className: cn(attachmentMediaVariants({ variant }), className),
+		...props
+	});
+}
+function AttachmentContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-content",
+		className: cn("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className),
+		...props
+	});
+}
+function AttachmentTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "attachment-title",
+		className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className),
+		...props
+	});
+}
+function AttachmentDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "attachment-description",
+		className: cn("mt-0.5 block min-w-0 truncate text-xs text-gray-light group-data-[state=error]/attachment:text-error-light", "max-w-full", className),
+		...props
+	});
+}
+function AttachmentActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-actions",
+		className: cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1", className),
+		...props
+	});
+}
+function AttachmentAction({ className, styleVariant, color, size = "icon-small", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "attachment-action",
+		styleVariant: styleVariant ?? "ghost",
+		color: color ?? "neutral",
+		size,
+		className: cn(className),
+		...props
+	});
+}
+function AttachmentTrigger({ className, render, type, ...props }) {
+	return useRender({
+		defaultTagName: "button",
+		render,
+		props: mergeProps({
+			"data-slot": "attachment-trigger",
+			type: render ? void 0 : type ?? "button",
+			className: cn("absolute inset-0 z-10 outline-none", className)
+		}, props)
+	});
+}
+function AttachmentGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "attachment-group",
+		className: cn("no-scrollbar flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className),
+		...props
+	});
+}
+//#endregion
+export { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger };
+
+//# sourceMappingURL=attachment.js.map

package/dist/components/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.js","names":[],"sources":["../../src/components/attachment.tsx"],"sourcesContent":["import { mergeProps } from '@base-ui/react/merge-props'\nimport { useRender } from '@base-ui/react/use-render'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../utils/cn'\nimport { Button, type ButtonProps } from './button'\n\nconst attachmentVariants = cva(\n  'group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-gray-2 text-gray-a12 transition-colors focus-within:ring-1 focus-within:ring-spark-a7/50 has-[>a,>button]:hover:bg-gray-a2 data-[state=error]:border-red-a6 data-[state=idle]:border-dashed',\n  {\n    variants: {\n      size: {\n        default:\n          'gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2',\n        sm: 'gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5',\n        xs: 'gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1',\n      },\n      orientation: {\n        horizontal: 'min-w-40 items-center',\n        vertical: 'w-24 flex-col has-data-[slot=attachment-content]:w-30',\n      },\n    },\n  },\n)\n\nfunction Attachment({\n  className,\n  state = 'done',\n  size = 'default',\n  orientation = 'horizontal',\n  ...props\n}: React.ComponentProps<'div'> &\n  VariantProps<typeof attachmentVariants> & {\n    state?: 'idle' | 'uploading' | 'processing' | 'error' | 'done'\n  }) {\n  return (\n    <div\n      data-slot=\"attachment\"\n      data-state={state}\n      data-size={size}\n      data-orientation={orientation}\n      className={cn(attachmentVariants({ size, orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nconst attachmentMediaVariants = cva(\n  \"relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-gray-a3 text-gray group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-red-a3 group-data-[state=error]/attachment:text-error group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5\",\n  {\n    variants: {\n      variant: {\n        icon: '',\n        image:\n          'opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover',\n      },\n    },\n    defaultVariants: {\n      variant: 'icon',\n    },\n  },\n)\n\nfunction AttachmentMedia({\n  className,\n  variant = 'icon',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof attachmentMediaVariants>) {\n  return (\n    <div\n      data-slot=\"attachment-media\"\n      data-variant={variant}\n      className={cn(attachmentMediaVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentContent({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"attachment-content\"\n      className={cn(\n        'max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentTitle({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"attachment-title\"\n      className={cn(\n        'block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentDescription({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"attachment-description\"\n      className={cn(\n        'mt-0.5 block min-w-0 truncate text-xs text-gray-light group-data-[state=error]/attachment:text-error-light',\n        'max-w-full',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentActions({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"attachment-actions\"\n      className={cn(\n        'relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AttachmentAction({\n  className,\n  styleVariant,\n  color,\n  size = 'icon-small',\n  ...props\n}: ButtonProps) {\n  return (\n    <Button\n      data-slot=\"attachment-action\"\n      styleVariant={styleVariant ?? 'ghost'}\n      color={color ?? 'neutral'}\n      size={size}\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\n// Full-card trigger overlay: `render` (was radix `asChild`) lets consumers swap\n// in an <a> or a custom control while the action buttons keep their own\n// clickable z-layer above it.\nfunction AttachmentTrigger({\n  className,\n  render,\n  type,\n  ...props\n}: useRender.ComponentProps<'button'>) {\n  return useRender({\n    defaultTagName: 'button',\n    render,\n    props: mergeProps<'button'>(\n      {\n        'data-slot': 'attachment-trigger',\n        type: render ? undefined : (type ?? 'button'),\n        className: cn('absolute inset-0 z-10 outline-none', className),\n      } as React.ComponentProps<'button'>,\n      props,\n    ),\n  })\n}\n\nfunction AttachmentGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"attachment-group\"\n      className={cn(\n        'no-scrollbar flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Attachment,\n  AttachmentAction,\n  AttachmentActions,\n  AttachmentContent,\n  AttachmentDescription,\n  AttachmentGroup,\n  AttachmentMedia,\n  AttachmentTitle,\n  AttachmentTrigger,\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,qBAAqB,IACzB,+RACA,EACE,UAAU;CACR,MAAM;EACJ,SACE;EACF,IAAI;EACJ,IAAI;EACL;CACD,aAAa;EACX,YAAY;EACZ,UAAU;EACX;CACF,EACF,CACF;AAED,SAAS,WAAW,EAClB,WACA,QAAQ,QACR,OAAO,WACP,cAAc,cACd,GAAG,SAIA;AACH,QACE,oBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,aAAW;EACX,oBAAkB;EAClB,WAAW,GAAG,mBAAmB;GAAE;GAAM;GAAa,CAAC,EAAE,UAAU;EACnE,GAAI;EACJ,CAAA;;AAIN,MAAM,0BAA0B,IAC9B,kqBACA;CACE,UAAU,EACR,SAAS;EACP,MAAM;EACN,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CACF;AAED,SAAS,gBAAgB,EACvB,WACA,UAAU,QACV,GAAG,SAC0E;AAC7E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,wBAAwB,EAAE,SAAS,CAAC,EAAE,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC2B;AAC9B,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,6FACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,kJACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GACT,8GACA,cACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC2B;AAC9B,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,6PACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,cACA,OACA,OAAO,cACP,GAAG,SACW;AACd,QACE,oBAAC,QAAD;EACE,aAAU;EACV,cAAc,gBAAgB;EAC9B,OAAO,SAAS;EACV;EACN,WAAW,GAAG,UAAU;EACxB,GAAI;EACJ,CAAA;;AAON,SAAS,kBAAkB,EACzB,WACA,QACA,MACA,GAAG,SACkC;AACrC,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,WACL;GACE,aAAa;GACb,MAAM,SAAS,KAAA,IAAa,QAAQ;GACpC,WAAW,GAAG,sCAAsC,UAAU;GAC/D,EACD,MACD;EACF,CAAC;;AAGJ,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;AAC7E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,oMACA,UACD;EACD,GAAI;EACJ,CAAA"}

package/dist/components/badge.cjs

@@ -0,0 +1,20 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_chunk = require("../chunk-aJGBMT86.cjs");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let cnfast = require("cnfast");
+//#region src/components/badge.tsx
+const Badge = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	"data-slot": "badge",
+	className: (0, cnfast.cn)("inline-flex h-5 min-w-5 items-center justify-center rounded-sm px-1.5 text-center text-xs font-normal tabular-nums", "border-[length:var(--spark-style-border-width,1px)] border-[color:var(--spark-style-border,transparent)]", "bg-[var(--spark-style-bg,var(--color-gray-a3))] text-[color:var(--spark-style-fg,var(--spark-badge-fg,var(--color-gray-a11)))]", className),
+	ref,
+	...props,
+	children
+}));
+Badge.displayName = "Badge";
+//#endregion
+exports.Badge = Badge;
+
+//# sourceMappingURL=badge.cjs.map

package/dist/components/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.cjs","names":["React"],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../utils/cn'\n\ninterface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children?: React.ReactNode\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, children, ...props }, ref) => (\n    <span\n      data-slot=\"badge\"\n      className={cn(\n        // 20px pill sized for counts + short labels; tabular-nums keeps digit widths steady.\n        // rounded-sm (→ --spark-rounded-sm, 3px) — a subtle corner that matches Figma; tracks the radius knob.\n        'inline-flex h-5 min-w-5 items-center justify-center rounded-sm px-1.5 text-center text-xs font-normal tabular-nums',\n        // Style knob (data-style) + accent + high-contrast, inherited from the shared\n        // --spark-style-* tokens. UNSTYLED = a neutral gray soft chip: the fallbacks read\n        // the gray/neutral scale (gray-a3 fill, gray-a11 ink), so a bare <Badge> is quiet\n        // and accent-independent (stays gray even inside a themed accent). Any data-style\n        // brings in the accent — solid fills it (readable --spark-badge-fg text),\n        // surface/outline add a 1px edge. border-box keeps the 20px height constant.\n        'border-[length:var(--spark-style-border-width,1px)] border-[color:var(--spark-style-border,transparent)]',\n        'bg-[var(--spark-style-bg,var(--color-gray-a3))] text-[color:var(--spark-style-fg,var(--spark-badge-fg,var(--color-gray-a11)))]',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  ),\n)\n\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],"mappings":";;;;;;;;AAOA,MAAM,QAAQA,MAAM,YACjB,EAAE,WAAW,UAAU,GAAG,SAAS,QAClC,iBAAA,GAAA,kBAAA,KAAC,QAAD;CACE,aAAU;CACV,YAAA,GAAA,OAAA,IAGE,sHAOA,4GACA,kIACA,UACD;CACI;CACL,GAAI;CAEH;CACI,CAAA,CAEV;AAED,MAAM,cAAc"}

package/dist/components/badge.d.cts

@@ -0,0 +1,12 @@
+"use client";
+
+import * as React$1 from "react";
+
+//#region src/components/badge.d.ts
+interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+  children?: React$1.ReactNode;
+}
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Badge, type BadgeProps };
+//# sourceMappingURL=badge.d.cts.map

package/dist/components/badge.d.ts

@@ -0,0 +1,12 @@
+"use client";
+
+import * as React$1 from "react";
+
+//#region src/components/badge.d.ts
+interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+  children?: React$1.ReactNode;
+}
+declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Badge, type BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn } from "../utils/cn.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/badge.tsx
+const Badge = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("span", {
+	"data-slot": "badge",
+	className: cn("inline-flex h-5 min-w-5 items-center justify-center rounded-sm px-1.5 text-center text-xs font-normal tabular-nums", "border-[length:var(--spark-style-border-width,1px)] border-[color:var(--spark-style-border,transparent)]", "bg-[var(--spark-style-bg,var(--color-gray-a3))] text-[color:var(--spark-style-fg,var(--spark-badge-fg,var(--color-gray-a11)))]", className),
+	ref,
+	...props,
+	children
+}));
+Badge.displayName = "Badge";
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["React"],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../utils/cn'\n\ninterface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children?: React.ReactNode\n}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, children, ...props }, ref) => (\n    <span\n      data-slot=\"badge\"\n      className={cn(\n        // 20px pill sized for counts + short labels; tabular-nums keeps digit widths steady.\n        // rounded-sm (→ --spark-rounded-sm, 3px) — a subtle corner that matches Figma; tracks the radius knob.\n        'inline-flex h-5 min-w-5 items-center justify-center rounded-sm px-1.5 text-center text-xs font-normal tabular-nums',\n        // Style knob (data-style) + accent + high-contrast, inherited from the shared\n        // --spark-style-* tokens. UNSTYLED = a neutral gray soft chip: the fallbacks read\n        // the gray/neutral scale (gray-a3 fill, gray-a11 ink), so a bare <Badge> is quiet\n        // and accent-independent (stays gray even inside a themed accent). Any data-style\n        // brings in the accent — solid fills it (readable --spark-badge-fg text),\n        // surface/outline add a 1px edge. border-box keeps the 20px height constant.\n        'border-[length:var(--spark-style-border-width,1px)] border-[color:var(--spark-style-border,transparent)]',\n        'bg-[var(--spark-style-bg,var(--color-gray-a3))] text-[color:var(--spark-style-fg,var(--spark-badge-fg,var(--color-gray-a11)))]',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </span>\n  ),\n)\n\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],"mappings":";;;;;AAOA,MAAM,QAAQA,QAAM,YACjB,EAAE,WAAW,UAAU,GAAG,SAAS,QAClC,oBAAC,QAAD;CACE,aAAU;CACV,WAAW,GAGT,sHAOA,4GACA,kIACA,UACD;CACI;CACL,GAAI;CAEH;CACI,CAAA,CAEV;AAED,MAAM,cAAc"}