@vegait/lyra-ds-v2 0.1.0

package/dist/chunk-7PRTXARY.js

@@ -0,0 +1,87 @@
+"use client";
+import {
+  safeHref
+} from "./chunk-ZYPEUNSY.js";
+import {
+  Avatar
+} from "./chunk-YVPOTKKQ.js";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/sidebar.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Sidebar = React.forwardRef(
+  ({ logo, navItems, user, onNavigate, className }, ref) => /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ref,
+      className: cn(
+        "flex flex-col sticky top-0 h-screen shrink-0 bg-[var(--color-primary)]",
+        "w-[var(--sidebar-width)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center shrink-0 px-5",
+              "h-[var(--sidebar-header-height)]",
+              "border-b border-[var(--color-divider-on-primary)]"
+            ),
+            children: logo
+          }
+        ),
+        /* @__PURE__ */ jsx("nav", { className: "flex-1 overflow-y-auto py-2", children: navItems.map((item) => /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: safeHref(item.href),
+            "aria-current": item.active ? "page" : void 0,
+            onClick: (e) => {
+              if (onNavigate) {
+                e.preventDefault();
+                onNavigate(item.href);
+              }
+            },
+            className: cn(
+              "flex w-full items-center gap-3 px-4 py-2.5 no-underline transition-colors border-l-[3px]",
+              item.active ? "border-white font-semibold bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]" : "border-transparent text-[var(--color-on-primary-muted)] hover:bg-[var(--state-hover-on-primary)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(item.icon, { size: 18, className: "shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "text-body-md flex-1", children: item.label }),
+              item.badge !== void 0 && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "ml-auto rounded-full text-center text-tiny",
+                    "bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]",
+                    "min-w-[18px] px-1.5 py-px"
+                  ),
+                  children: item.badge
+                }
+              )
+            ]
+          },
+          item.href
+        )) }),
+        /* @__PURE__ */ jsx("div", { className: "mx-4 shrink-0 h-px bg-[var(--color-divider-on-primary)]" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 shrink-0 p-4", children: [
+          /* @__PURE__ */ jsx(Avatar, { name: user.name, src: user.avatarSrc, size: "sm" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-body-md font-semibold truncate text-[var(--color-on-action-primary)]", children: user.name }),
+            /* @__PURE__ */ jsx("span", { className: "text-body-sm truncate text-[var(--color-on-primary-muted)]", children: user.role })
+          ] })
+        ] })
+      ]
+    }
+  )
+);
+Sidebar.displayName = "Sidebar";
+
+export {
+  Sidebar
+};
+//# sourceMappingURL=chunk-7PRTXARY.js.map

package/dist/chunk-7PRTXARY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\nimport { safeHref } from \"../lib/safe-href\";\nimport { Avatar } from \"./avatar\";\n\ninterface SidebarNavItem {\n  label: string;\n  href: string;\n  icon: LucideIcon;\n  active?: boolean;\n  badge?: string | number;\n}\n\nexport interface SidebarProps {\n  logo: React.ReactNode;\n  navItems: SidebarNavItem[];\n  user: {\n    name: string;\n    role: string;\n    avatarSrc?: string;\n  };\n  onNavigate?: (href: string) => void;\n  className?: string;\n}\n\nconst Sidebar = React.forwardRef<HTMLElement, SidebarProps>(\n  ({ logo, navItems, user, onNavigate, className }, ref) => (\n    <aside\n      ref={ref}\n      className={cn(\n        \"flex flex-col sticky top-0 h-screen shrink-0 bg-[var(--color-primary)]\",\n        \"w-[var(--sidebar-width)]\",\n        className\n      )}\n    >\n      {/* Logo area */}\n      <div\n        className={cn(\n          \"flex items-center shrink-0 px-5\",\n          \"h-[var(--sidebar-header-height)]\",\n          \"border-b border-[var(--color-divider-on-primary)]\"\n        )}\n      >\n        {logo}\n      </div>\n\n      {/* Nav items */}\n      <nav className=\"flex-1 overflow-y-auto py-2\">\n        {navItems.map((item) => (\n          <a\n            key={item.href}\n            href={safeHref(item.href)}\n            aria-current={item.active ? \"page\" : undefined}\n            onClick={(e) => {\n              if (onNavigate) {\n                e.preventDefault();\n                onNavigate(item.href);\n              }\n            }}\n            className={cn(\n              \"flex w-full items-center gap-3 px-4 py-2.5 no-underline transition-colors border-l-[3px]\",\n              item.active\n                ? \"border-white font-semibold bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]\"\n                : \"border-transparent text-[var(--color-on-primary-muted)] hover:bg-[var(--state-hover-on-primary)]\"\n            )}\n          >\n            <item.icon size={18} className=\"shrink-0\" />\n            <span className=\"text-body-md flex-1\">{item.label}</span>\n            {item.badge !== undefined && (\n              <span\n                className={cn(\n                  \"ml-auto rounded-full text-center text-tiny\",\n                  \"bg-[var(--state-active-on-primary)] text-[var(--color-on-action-primary)]\",\n                  \"min-w-[18px] px-1.5 py-px\"\n                )}\n              >\n                {item.badge}\n              </span>\n            )}\n          </a>\n        ))}\n      </nav>\n\n      {/* Separator */}\n      <div className=\"mx-4 shrink-0 h-px bg-[var(--color-divider-on-primary)]\" />\n\n      {/* User profile */}\n      <div className=\"flex items-center gap-3 shrink-0 p-4\">\n        <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n        <div className=\"flex flex-col min-w-0\">\n          <span className=\"text-body-md font-semibold truncate text-[var(--color-on-action-primary)]\">\n            {user.name}\n          </span>\n          <span className=\"text-body-sm truncate text-[var(--color-on-primary-muted)]\">\n            {user.role}\n          </span>\n        </div>\n      </div>\n    </aside>\n  )\n);\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"],"mappings":";;;;;;;;;;;;AAAA,YAAY,WAAW;AAqCjB,cAaI,YAbJ;AAXN,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,MAAM,UAAU,MAAM,YAAY,UAAU,GAAG,QAChD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAGA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAGA,oBAAC,SAAI,WAAU,+BACZ,mBAAS,IAAI,CAAC,SACb;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,SAAS,KAAK,IAAI;AAAA,YACxB,gBAAc,KAAK,SAAS,SAAS;AAAA,YACrC,SAAS,CAAC,MAAM;AACd,kBAAI,YAAY;AACd,kBAAE,eAAe;AACjB,2BAAW,KAAK,IAAI;AAAA,cACtB;AAAA,YACF;AAAA,YACA,WAAW;AAAA,cACT;AAAA,cACA,KAAK,SACD,yGACA;AAAA,YACN;AAAA,YAEA;AAAA,kCAAC,KAAK,MAAL,EAAU,MAAM,IAAI,WAAU,YAAW;AAAA,cAC1C,oBAAC,UAAK,WAAU,uBAAuB,eAAK,OAAM;AAAA,cACjD,KAAK,UAAU,UACd;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA,kBAEC,eAAK;AAAA;AAAA,cACR;AAAA;AAAA;AAAA,UA3BG,KAAK;AAAA,QA6BZ,CACD,GACH;AAAA,QAGA,oBAAC,SAAI,WAAU,2DAA0D;AAAA,QAGzE,qBAAC,SAAI,WAAU,wCACb;AAAA,8BAAC,UAAO,MAAM,KAAK,MAAM,KAAK,KAAK,WAAW,MAAK,MAAK;AAAA,UACxD,qBAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,UAAK,WAAU,6EACb,eAAK,MACR;AAAA,YACA,oBAAC,UAAK,WAAU,8DACb,eAAK,MACR;AAAA,aACF;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AACA,QAAQ,cAAc;","names":[]}

package/dist/chunk-A665K552.cjs

@@ -0,0 +1,75 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunk5SCF3EGTcjs = require('./chunk-5SCF3EGT.cjs');
+
+// src/components/avatar.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactavatar = require('@radix-ui/react-avatar'); var RadixAvatar = _interopRequireWildcard(_reactavatar);
+var _jsxruntime = require('react/jsx-runtime');
+var FALLBACK_COLORS = [
+  { bg: "var(--color-primary-container)", text: "var(--color-on-primary-container)" },
+  { bg: "var(--color-success-container)", text: "var(--color-on-success-container)" },
+  { bg: "var(--color-info-container)", text: "var(--color-on-info-container)" },
+  { bg: "var(--color-warning-container)", text: "var(--color-on-warning-container)" },
+  { bg: "var(--color-error-container)", text: "var(--color-on-error-container)" },
+  { bg: "var(--color-action-secondary)", text: "var(--color-on-action-secondary)" }
+];
+function hashColor(name) {
+  const hash = name.split("").reduce((acc, c) => acc + c.charCodeAt(0), 0);
+  return FALLBACK_COLORS[hash % FALLBACK_COLORS.length];
+}
+function initials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
+  return parts[0].charAt(0).toUpperCase() + parts[parts.length - 1].charAt(0).toUpperCase();
+}
+var SIZE = {
+  sm: { root: "size-6", text: "text-[10px]" },
+  md: { root: "size-8", text: "text-[12px]" },
+  lg: { root: "size-10", text: "text-[14px]" }
+};
+var Avatar = React.forwardRef(({ name, src, size = "md", className, style }, ref) => {
+  const { bg, text } = hashColor(name);
+  const { root, text: textSize } = SIZE[size];
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    RadixAvatar.Root,
+    {
+      ref,
+      className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+        "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full",
+        root,
+        className
+      ),
+      style,
+      children: [
+        src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          RadixAvatar.Image,
+          {
+            src,
+            alt: name,
+            className: "size-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          RadixAvatar.Fallback,
+          {
+            className: _chunk5SCF3EGTcjs.cn.call(void 0, 
+              "flex size-full items-center justify-center rounded-full font-semibold select-none",
+              textSize
+            ),
+            style: { backgroundColor: bg, color: text },
+            delayMs: src ? 300 : 0,
+            children: initials(name)
+          }
+        )
+      ]
+    }
+  );
+});
+Avatar.displayName = "Avatar";
+
+
+
+exports.Avatar = Avatar;
+//# sourceMappingURL=chunk-A665K552.cjs.map

package/dist/chunk-A665K552.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-A665K552.cjs","../src/components/avatar.tsx"],"names":[],"mappings":"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","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-A665K552.cjs","sourcesContent":[null,"import * as React from \"react\";\nimport * as RadixAvatar from \"@radix-ui/react-avatar\";\nimport { cn } from \"../lib/utils\";\n\n// ─── Fallback color derivada do nome ─────────────────────────────────────────\n\nconst FALLBACK_COLORS = [\n  { bg: \"var(--color-primary-container)\",  text: \"var(--color-on-primary-container)\"  },\n  { bg: \"var(--color-success-container)\",  text: \"var(--color-on-success-container)\"  },\n  { bg: \"var(--color-info-container)\",     text: \"var(--color-on-info-container)\"     },\n  { bg: \"var(--color-warning-container)\",  text: \"var(--color-on-warning-container)\"  },\n  { bg: \"var(--color-error-container)\",    text: \"var(--color-on-error-container)\"    },\n  { bg: \"var(--color-action-secondary)\",   text: \"var(--color-on-action-secondary)\"   },\n] as const;\n\nfunction hashColor(name: string) {\n  const hash = name.split(\"\").reduce((acc, c) => acc + c.charCodeAt(0), 0);\n  return FALLBACK_COLORS[hash % FALLBACK_COLORS.length];\n}\n\nfunction initials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();\n  return (\n    parts[0].charAt(0).toUpperCase() +\n    parts[parts.length - 1].charAt(0).toUpperCase()\n  );\n}\n\n// ─── Size map ────────────────────────────────────────────────────────────────\n\nconst SIZE: Record<string, { root: string; text: string }> = {\n  sm: { root: \"size-6\",  text: \"text-[10px]\" },\n  md: { root: \"size-8\",  text: \"text-[12px]\" },\n  lg: { root: \"size-10\", text: \"text-[14px]\" },\n};\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport interface AvatarProps {\n  name: string;\n  src?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst Avatar = React.forwardRef<\n  React.ComponentRef<typeof RadixAvatar.Root>,\n  AvatarProps\n>(({ name, src, size = \"md\", className, style }, ref) => {\n  const { bg, text } = hashColor(name);\n  const { root, text: textSize } = SIZE[size];\n\n  return (\n    <RadixAvatar.Root\n      ref={ref}\n      className={cn(\n        \"relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full\",\n        root,\n        className\n      )}\n      style={style}\n    >\n      {src && (\n        <RadixAvatar.Image\n          src={src}\n          alt={name}\n          className=\"size-full object-cover\"\n        />\n      )}\n      <RadixAvatar.Fallback\n        className={cn(\n          \"flex size-full items-center justify-center rounded-full font-semibold select-none\",\n          textSize\n        )}\n        style={{ backgroundColor: bg, color: text }}\n        delayMs={src ? 300 : 0}\n      >\n        {initials(name)}\n      </RadixAvatar.Fallback>\n    </RadixAvatar.Root>\n  );\n});\nAvatar.displayName = \"Avatar\";\n\nexport { Avatar };\n"]}

package/dist/chunk-ABFMWZVI.cjs

@@ -0,0 +1,89 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkTONUCO3Ecjs = require('./chunk-TONUCO3E.cjs');
+
+
+var _chunkCOV6FW4Jcjs = require('./chunk-COV6FW4J.cjs');
+
+
+var _chunkLUQS7LYGcjs = require('./chunk-LUQS7LYG.cjs');
+
+// src/components/destructive-dialog.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function DestructiveDialog({
+  open,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  consequenceList,
+  confirmInput,
+  confirmLabel,
+  loading = false
+}) {
+  const [inputValue, setInputValue] = React.useState("");
+  const cancelRef = React.useRef(null);
+  const isConfirmDisabled = loading || confirmInput !== void 0 && inputValue.trim() !== confirmInput.expectedValue;
+  const handleClose = () => {
+    setInputValue("");
+    onClose();
+  };
+  React.useEffect(() => {
+    if (open) {
+      const t = setTimeout(() => _optionalChain([cancelRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.focus, 'call', _3 => _3()]), 80);
+      return () => clearTimeout(t);
+    }
+  }, [open]);
+  const footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLUQS7LYGcjs.Button,
+      {
+        ref: cancelRef,
+        variant: "outlined",
+        onClick: handleClose,
+        disabled: loading,
+        children: "Cancelar"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLUQS7LYGcjs.Button,
+      {
+        variant: "destructive",
+        onClick: onConfirm,
+        disabled: isConfirmDisabled,
+        loading,
+        children: confirmLabel
+      }
+    )
+  ] });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTONUCO3Ecjs.Modal, { open, onClose: handleClose, title, size: "sm", footer, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "size-12 rounded-full bg-[var(--color-error-container)] flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { className: "size-6 text-[var(--color-error)]" }) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-body-md text-[var(--color-on-surface-var)] mb-4", children: description }),
+    consequenceList && consequenceList.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-4 pl-3 border-l-[3px] border-l-[var(--color-error)] bg-[var(--color-error-container)] rounded-r-[var(--radius-sm)] py-2 pr-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "list-disc list-inside space-y-1", children: consequenceList.map((item, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "li",
+      {
+        className: "text-body-sm text-[var(--color-on-error-container)]",
+        children: item
+      },
+      i
+    )) }) }),
+    confirmInput && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkCOV6FW4Jcjs.Input,
+      {
+        id: "destructive-confirm-input",
+        label: confirmInput.label,
+        value: inputValue,
+        onChange: (e) => setInputValue(e.target.value),
+        placeholder: confirmInput.expectedValue
+      }
+    )
+  ] });
+}
+
+
+
+exports.DestructiveDialog = DestructiveDialog;
+//# sourceMappingURL=chunk-ABFMWZVI.cjs.map

package/dist/chunk-ABFMWZVI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-ABFMWZVI.cjs","../src/components/destructive-dialog.tsx"],"names":[],"mappings":"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","file":"/home/isaac/vega/lyra/lyra-ds.v3/packages/lyra-ds/dist/chunk-ABFMWZVI.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { AlertCircle } from \"lucide-react\";\nimport { Modal } from \"./modal\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\n\nexport interface DestructiveDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  title: string;\n  description: string;\n  consequenceList?: string[];\n  confirmInput?: {\n    label: string;\n    expectedValue: string;\n  };\n  confirmLabel: string;\n  loading?: boolean;\n}\n\nfunction DestructiveDialog({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  consequenceList,\n  confirmInput,\n  confirmLabel,\n  loading = false,\n}: DestructiveDialogProps) {\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const cancelRef = React.useRef<HTMLButtonElement>(null);\n\n  const isConfirmDisabled =\n    loading ||\n    (confirmInput !== undefined &&\n      inputValue.trim() !== confirmInput.expectedValue);\n\n  const handleClose = () => {\n    setInputValue(\"\");\n    onClose();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      const t = setTimeout(() => cancelRef.current?.focus(), 80);\n      return () => clearTimeout(t);\n    }\n  }, [open]);\n\n  const footer = (\n    <>\n      <Button\n        ref={cancelRef}\n        variant=\"outlined\"\n        onClick={handleClose}\n        disabled={loading}\n      >\n        Cancelar\n      </Button>\n\n      <Button\n        variant=\"destructive\"\n        onClick={onConfirm}\n        disabled={isConfirmDisabled}\n        loading={loading}\n      >\n        {confirmLabel}\n      </Button>\n    </>\n  );\n\n  return (\n    <Modal open={open} onClose={handleClose} title={title} size=\"sm\" footer={footer}>\n      {/* Ícone de alerta */}\n      <div className=\"flex justify-center mb-4\">\n        <div className=\"size-12 rounded-full bg-[var(--color-error-container)] flex items-center justify-center\">\n          <AlertCircle className=\"size-6 text-[var(--color-error)]\" />\n        </div>\n      </div>\n\n      <p className=\"text-body-md text-[var(--color-on-surface-var)] mb-4\">\n        {description}\n      </p>\n\n      {consequenceList && consequenceList.length > 0 && (\n        <div className=\"mb-4 pl-3 border-l-[3px] border-l-[var(--color-error)] bg-[var(--color-error-container)] rounded-r-[var(--radius-sm)] py-2 pr-3\">\n          <ul className=\"list-disc list-inside space-y-1\">\n            {consequenceList.map((item, i) => (\n              <li\n                key={i}\n                className=\"text-body-sm text-[var(--color-on-error-container)]\"\n              >\n                {item}\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n\n      {confirmInput && (\n        <Input\n          id=\"destructive-confirm-input\"\n          label={confirmInput.label}\n          value={inputValue}\n          onChange={(e) => setInputValue(e.target.value)}\n          placeholder={confirmInput.expectedValue}\n        />\n      )}\n    </Modal>\n  );\n}\n\nexport { DestructiveDialog };\n"]}

package/dist/chunk-ACADNUHF.js

@@ -0,0 +1,196 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/dropdown-menu.tsx
+import * as React from "react";
+import * as Radix from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenu = Radix.Root;
+var DropdownMenuTrigger = Radix.Trigger;
+var DropdownMenuPortal = Radix.Portal;
+var DropdownMenuGroup = Radix.Group;
+var DropdownMenuSub = Radix.Sub;
+var DropdownMenuRadioGroup = Radix.RadioGroup;
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(Radix.Portal, { children: /* @__PURE__ */ jsx(
+  Radix.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[180px] overflow-hidden",
+      "bg-[var(--color-surface)] border border-[var(--color-outline-variant)]",
+      "rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2",
+      "data-[side=top]:slide-in-from-bottom-2",
+      "data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2",
+      "py-1",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var DropdownMenuItem = React.forwardRef(({ className, destructive, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  Radix.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center gap-2 outline-none transition-colors",
+      "px-3 py-2 text-body-md",
+      "text-[var(--color-on-surface)]",
+      "data-[highlighted]:bg-[var(--color-surf-container-low)]",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      destructive && [
+        "text-[var(--color-error)]",
+        "data-[highlighted]:bg-[var(--color-error-container)]"
+      ],
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Radix.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors",
+      "py-2 pl-8 pr-3 text-body-md",
+      "text-[var(--color-on-surface)]",
+      "data-[highlighted]:bg-[var(--color-surf-container-low)]",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Radix.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Radix.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors",
+      "py-2 pl-8 pr-3 text-body-md",
+      "text-[var(--color-on-surface)]",
+      "data-[highlighted]:bg-[var(--color-surf-container-low)]",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(Radix.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  Radix.Label,
+  {
+    ref,
+    className: cn(
+      "px-3 py-1.5 text-body-sm font-semibold uppercase tracking-wide",
+      "text-[var(--color-on-surface-var)]",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Radix.Separator,
+  {
+    ref,
+    className: cn("my-1 h-px bg-[var(--color-outline-variant)]", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  Radix.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-pointer select-none items-center gap-2 outline-none",
+      "px-3 py-2 text-body-md",
+      "text-[var(--color-on-surface)]",
+      "data-[highlighted]:bg-[var(--color-surf-container-low)]",
+      "data-[state=open]:bg-[var(--color-surf-container-low)]",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto size-4 opacity-60" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Radix.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[160px] overflow-hidden",
+      "bg-[var(--color-surface)] border border-[var(--color-outline-variant)]",
+      "rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2",
+      "data-[side=top]:slide-in-from-bottom-2",
+      "data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2",
+      "py-1",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("ml-auto text-body-sm tracking-widest opacity-50", className),
+      ...props
+    }
+  );
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuPortal,
+  DropdownMenuGroup,
+  DropdownMenuSub,
+  DropdownMenuRadioGroup,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuShortcut
+};
+//# sourceMappingURL=chunk-ACADNUHF.js.map

package/dist/chunk-ACADNUHF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as Radix from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight, Circle } from \"lucide-react\";\nimport { cn } from \"../lib/utils\";\n\n// ─── Root / Trigger / Portal ─────────────────────────────────────────────────\n\nconst DropdownMenu = Radix.Root;\nconst DropdownMenuTrigger = Radix.Trigger;\nconst DropdownMenuPortal = Radix.Portal;\nconst DropdownMenuGroup = Radix.Group;\nconst DropdownMenuSub = Radix.Sub;\nconst DropdownMenuRadioGroup = Radix.RadioGroup;\n\n// ─── Content ─────────────────────────────────────────────────────────────────\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ComponentRef<typeof Radix.Content>,\n  React.ComponentPropsWithoutRef<typeof Radix.Content>\n>(({ className, sideOffset = 6, ...props }, ref) => (\n  <Radix.Portal>\n    <Radix.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[180px] overflow-hidden\",\n        \"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]\",\n        \"rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n        \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n        \"data-[side=bottom]:slide-in-from-top-2\",\n        \"data-[side=top]:slide-in-from-bottom-2\",\n        \"data-[side=left]:slide-in-from-right-2\",\n        \"data-[side=right]:slide-in-from-left-2\",\n        \"py-1\",\n        className\n      )}\n      {...props}\n    />\n  </Radix.Portal>\n));\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\n// ─── Item ─────────────────────────────────────────────────────────────────────\n\ninterface DropdownMenuItemProps\n  extends React.ComponentPropsWithoutRef<typeof Radix.Item> {\n  destructive?: boolean;\n  inset?: boolean;\n}\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ComponentRef<typeof Radix.Item>,\n  DropdownMenuItemProps\n>(({ className, destructive, inset, ...props }, ref) => (\n  <Radix.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center gap-2 outline-none transition-colors\",\n      \"px-3 py-2 text-body-md\",\n      \"text-[var(--color-on-surface)]\",\n      \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n      \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      destructive && [\n        \"text-[var(--color-error)]\",\n        \"data-[highlighted]:bg-[var(--color-error-container)]\",\n      ],\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\n// ─── CheckboxItem ─────────────────────────────────────────────────────────────\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ComponentRef<typeof Radix.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof Radix.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <Radix.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors\",\n      \"py-2 pl-8 pr-3 text-body-md\",\n      \"text-[var(--color-on-surface)]\",\n      \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n      \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <Radix.ItemIndicator>\n        <Check className=\"size-4\" />\n      </Radix.ItemIndicator>\n    </span>\n    {children}\n  </Radix.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\n// ─── RadioItem ────────────────────────────────────────────────────────────────\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ComponentRef<typeof Radix.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof Radix.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <Radix.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-pointer select-none items-center gap-2 rounded-sm outline-none transition-colors\",\n      \"py-2 pl-8 pr-3 text-body-md\",\n      \"text-[var(--color-on-surface)]\",\n      \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n      \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n      <Radix.ItemIndicator>\n        <Circle className=\"size-2 fill-current\" />\n      </Radix.ItemIndicator>\n    </span>\n    {children}\n  </Radix.RadioItem>\n));\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\n// ─── Label ────────────────────────────────────────────────────────────────────\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ComponentRef<typeof Radix.Label>,\n  React.ComponentPropsWithoutRef<typeof Radix.Label> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <Radix.Label\n    ref={ref}\n    className={cn(\n      \"px-3 py-1.5 text-body-sm font-semibold uppercase tracking-wide\",\n      \"text-[var(--color-on-surface-var)]\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\n// ─── Separator ────────────────────────────────────────────────────────────────\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ComponentRef<typeof Radix.Separator>,\n  React.ComponentPropsWithoutRef<typeof Radix.Separator>\n>(({ className, ...props }, ref) => (\n  <Radix.Separator\n    ref={ref}\n    className={cn(\"my-1 h-px bg-[var(--color-outline-variant)]\", className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\n\n// ─── SubTrigger ───────────────────────────────────────────────────────────────\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ComponentRef<typeof Radix.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof Radix.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <Radix.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-pointer select-none items-center gap-2 outline-none\",\n      \"px-3 py-2 text-body-md\",\n      \"text-[var(--color-on-surface)]\",\n      \"data-[highlighted]:bg-[var(--color-surf-container-low)]\",\n      \"data-[state=open]:bg-[var(--color-surf-container-low)]\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto size-4 opacity-60\" />\n  </Radix.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\n\n// ─── SubContent ───────────────────────────────────────────────────────────────\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ComponentRef<typeof Radix.SubContent>,\n  React.ComponentPropsWithoutRef<typeof Radix.SubContent>\n>(({ className, ...props }, ref) => (\n  <Radix.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[160px] overflow-hidden\",\n      \"bg-[var(--color-surface)] border border-[var(--color-outline-variant)]\",\n      \"rounded-[var(--radius-lg)] shadow-[var(--elevation-2)]\",\n      \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n      \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n      \"data-[side=bottom]:slide-in-from-top-2\",\n      \"data-[side=top]:slide-in-from-bottom-2\",\n      \"data-[side=left]:slide-in-from-right-2\",\n      \"data-[side=right]:slide-in-from-left-2\",\n      \"py-1\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\n\n// ─── Shortcut ─────────────────────────────────────────────────────────────────\n\nfunction DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      className={cn(\"ml-auto text-body-sm tracking-widest opacity-50\", className)}\n      {...props}\n    />\n  );\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-AFMNLT45.js

@@ -0,0 +1,70 @@
+"use client";
+import {
+  cn
+} from "./chunk-KQJCGTS3.js";
+
+// src/components/badge.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var badgeVariants = cva(
+  [
+    "inline-flex items-center gap-1.5 border px-[10px] py-[3px] text-label",
+    "rounded-[var(--radius-sm)]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "bg-[var(--color-surf-container-high)] text-[var(--color-on-surface)]",
+          "border-[var(--color-outline)]"
+        ],
+        success: [
+          "bg-[var(--color-success-container)] text-[var(--color-on-success-container)]",
+          "border-[var(--color-success)]"
+        ],
+        info: [
+          "bg-[var(--color-info-container)] text-[var(--color-on-info-container)]",
+          "border-[var(--color-info)]"
+        ],
+        warning: [
+          "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]",
+          "border-[var(--color-warning)]"
+        ],
+        error: [
+          "bg-[var(--color-error-container)] text-[var(--color-on-error-container)]",
+          "border-[var(--color-error)]"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var dotColors = {
+  default: "bg-[var(--color-on-surface)]",
+  success: "bg-[var(--color-success)]",
+  info: "bg-[var(--color-info)]",
+  warning: "bg-[var(--color-warning)]",
+  error: "bg-[var(--color-error)]"
+};
+var Badge = React.forwardRef(
+  ({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ jsxs("span", { ref, className: cn(badgeVariants({ variant }), className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("size-1.5 rounded-full shrink-0", dotColors[variant ?? "default"]),
+        "aria-hidden": "true"
+      }
+    ),
+    children
+  ] })
+);
+Badge.displayName = "Badge";
+
+export {
+  badgeVariants,
+  Badge
+};
+//# sourceMappingURL=chunk-AFMNLT45.js.map

package/dist/chunk-AFMNLT45.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../lib/utils\";\n\nconst badgeVariants = cva(\n  [\n    \"inline-flex items-center gap-1.5 border px-[10px] py-[3px] text-label\",\n    \"rounded-[var(--radius-sm)]\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          \"bg-[var(--color-surf-container-high)] text-[var(--color-on-surface)]\",\n          \"border-[var(--color-outline)]\",\n        ],\n        success: [\n          \"bg-[var(--color-success-container)] text-[var(--color-on-success-container)]\",\n          \"border-[var(--color-success)]\",\n        ],\n        info: [\n          \"bg-[var(--color-info-container)] text-[var(--color-on-info-container)]\",\n          \"border-[var(--color-info)]\",\n        ],\n        warning: [\n          \"bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]\",\n          \"border-[var(--color-warning)]\",\n        ],\n        error: [\n          \"bg-[var(--color-error-container)] text-[var(--color-on-error-container)]\",\n          \"border-[var(--color-error)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nconst dotColors: Record<string, string> = {\n  default: \"bg-[var(--color-on-surface)]\",\n  success: \"bg-[var(--color-success)]\",\n  info: \"bg-[var(--color-info)]\",\n  warning: \"bg-[var(--color-warning)]\",\n  error: \"bg-[var(--color-error)]\",\n};\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {}\n\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant = \"default\", children, ...props }, ref) => (\n    <span ref={ref} className={cn(badgeVariants({ variant }), className)} {...props}>\n      <span\n        className={cn(\"size-1.5 rounded-full shrink-0\", dotColors[variant ?? \"default\"])}\n        aria-hidden=\"true\"\n      />\n      {children}\n    </span>\n  )\n);\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,WAA8B;AAqDnC,SACE,KADF;AAlDJ,IAAM,gBAAgB;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,UACP;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,IAAM,YAAoC;AAAA,EACxC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT;AAMA,IAAM,QAAc;AAAA,EAClB,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,QACvD,qBAAC,UAAK,KAAU,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OACxE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,kCAAkC,UAAU,WAAW,SAAS,CAAC;AAAA,QAC/E,eAAY;AAAA;AAAA,IACd;AAAA,IACC;AAAA,KACH;AAEJ;AACA,MAAM,cAAc;","names":[]}