@godxjp/ui 6.11.0 → 7.0.0

package/dist/styles/card-layout.css

@@ -301,7 +301,7 @@
   padding-block: var(--card-space-footer-y);
 }
 
-/* ── CardStat — KPI tile aligned to dashboard design ─────────────── */
+/* ── StatCard — KPI tile aligned to dashboard design ─────────────── */
 [data-slot="card"][data-stat-card] {
   padding: var(--card-space-header-y) var(--card-space-inset);
 }
@@ -313,51 +313,51 @@
   column-gap: var(--space-inline-md);
 }
 
-[data-slot="card-stat-body"] {
+[data-slot="stat-card-body"] {
   min-width: 0;
 }
 
-[data-slot="card-stat-label"] {
+[data-slot="stat-card-label"] {
   display: flex;
   align-items: center;
   gap: var(--space-inline-xs);
   color: hsl(var(--muted-foreground));
-  font-size: var(--card-stat-label-font-size);
-  font-weight: var(--card-stat-label-font-weight);
-  letter-spacing: var(--card-stat-label-letter-spacing);
+  font-size: var(--stat-card-label-font-size);
+  font-weight: var(--stat-card-label-font-weight);
+  letter-spacing: var(--stat-card-label-letter-spacing);
   line-height: var(--line-height-normal);
   text-transform: uppercase;
 }
 
-[data-slot="card-stat-label"] svg {
+[data-slot="stat-card-label"] svg {
   width: 0.875rem;
   height: 0.875rem;
   flex-shrink: 0;
   stroke-width: 1.6;
 }
 
-[data-slot="card-stat-value-row"] {
+[data-slot="stat-card-value-row"] {
   display: flex;
   align-items: baseline;
   gap: var(--space-inline-sm);
-  margin-top: var(--card-stat-gap);
+  margin-top: var(--stat-card-gap);
 }
 
-[data-slot="card"][data-stat-align="end"] [data-slot="card-stat-value-row"],
-[data-slot="card"][data-stat-layout="inline"] [data-slot="card-stat-value-row"] {
+[data-slot="card"][data-stat-align="end"] [data-slot="stat-card-value-row"],
+[data-slot="card"][data-stat-layout="inline"] [data-slot="stat-card-value-row"] {
   justify-content: flex-end;
   text-align: right;
 }
 
-[data-slot="card-stat-value"] {
-  font-size: var(--card-stat-value-font-size);
-  font-weight: var(--card-stat-value-font-weight);
+[data-slot="stat-card-value"] {
+  font-size: var(--stat-card-value-font-size);
+  font-weight: var(--stat-card-value-font-weight);
   letter-spacing: var(--letter-spacing-tight);
-  line-height: var(--card-stat-value-line-height);
+  line-height: var(--stat-card-value-line-height);
   font-variant-numeric: tabular-nums;
 }
 
-[data-slot="card-stat-delta"] {
+[data-slot="stat-card-delta"] {
   color: hsl(var(--muted-foreground));
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-medium);
@@ -365,9 +365,9 @@
   font-variant-numeric: tabular-nums;
 }
 
-[data-slot="card-stat-hint"] {
-  margin-top: var(--card-stat-gap);
+[data-slot="stat-card-hint"] {
+  margin-top: var(--stat-card-gap);
   color: hsl(var(--muted-foreground));
-  font-size: var(--card-stat-hint-font-size);
+  font-size: var(--stat-card-hint-font-size);
   line-height: var(--line-height-normal);
 }

package/dist/styles/control.css

@@ -3,6 +3,74 @@
  */
 
 @layer components {
+  .ui-toggle {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-inline-xs);
+    border-radius: var(--radius-md);
+    color: hsl(var(--foreground));
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-medium);
+    transition:
+      background-color 150ms ease,
+      border-color 150ms ease,
+      color 150ms ease,
+      box-shadow 150ms ease;
+  }
+
+  .ui-toggle-default {
+    border: 1px solid transparent;
+  }
+
+  .ui-toggle-outline {
+    border: 1px solid hsl(var(--border));
+    background: hsl(var(--background));
+  }
+
+  .ui-toggle-default-size {
+    min-height: var(--control-height);
+    padding-inline: var(--space-3);
+  }
+
+  .ui-toggle-sm {
+    min-height: var(--control-height-sm);
+    padding-inline: var(--space-2);
+    font-size: var(--font-size-xs);
+  }
+
+  .ui-toggle-lg {
+    min-height: var(--control-height-lg);
+    padding-inline: var(--space-4);
+  }
+
+  .ui-toggle:hover {
+    background: hsl(var(--accent));
+    color: hsl(var(--accent-foreground));
+  }
+
+  .ui-toggle[data-state="on"] {
+    background: hsl(var(--primary));
+    color: hsl(var(--primary-foreground));
+  }
+
+  .ui-toggle:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px hsl(var(--ring) / 0.35);
+  }
+
+  .ui-toggle:disabled,
+  .ui-toggle[data-disabled] {
+    cursor: not-allowed;
+    opacity: var(--disabled-opacity);
+  }
+
+  .ui-toggle-group {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-1);
+  }
+
   .ui-button {
     display: inline-flex;
     align-items: center;

package/dist/styles/data-display-layout.css

@@ -1,67 +1,36 @@
 @layer components {
-  .ui-code-badge {
+  .ui-avatar {
+    position: relative;
     display: inline-flex;
-    max-width: 100%;
-    min-height: var(--code-badge-height);
+    width: var(--control-height);
+    height: var(--control-height);
+    flex-shrink: 0;
     align-items: center;
-    gap: var(--code-badge-gap);
-    padding-inline: var(--code-badge-padding-x);
-    border: 1px solid hsl(var(--code-badge-hsl) / var(--code-badge-border-alpha));
-    border-radius: var(--radius);
-    background: hsl(var(--code-badge-hsl) / var(--code-badge-bg-alpha));
-    color: hsl(var(--code-badge-hsl));
-    font-size: var(--font-size-xs);
+    justify-content: center;
+    overflow: hidden;
+    border-radius: 9999px;
+    background: hsl(var(--muted));
+    color: hsl(var(--muted-foreground));
+    font-size: var(--font-size-sm);
     font-weight: var(--font-weight-medium);
-    font-variant-numeric: tabular-nums;
-  }
-
-  .ui-code-badge[data-kind="internal"] {
-    --code-badge-hsl: var(--tracking-internal);
-  }
-
-  .ui-code-badge[data-kind="seller"] {
-    --code-badge-hsl: var(--tracking-seller);
   }
 
-  .ui-code-badge[data-kind="yamato"] {
-    --code-badge-hsl: var(--tracking-yamato);
-  }
-
-  .ui-code-badge svg {
-    width: 0.875rem;
-    height: 0.875rem;
-    flex-shrink: 0;
-    opacity: 0.82;
+  .ui-avatar-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
   }
 
-  .ui-code-badge-label {
-    display: inline-flex;
-    flex-shrink: 0;
+  .ui-avatar-fallback {
+    display: flex;
+    width: 100%;
+    height: 100%;
     align-items: center;
-    gap: var(--code-badge-gap);
-    color: hsl(var(--code-badge-hsl));
-    font-size: 0.625rem;
-    font-weight: var(--font-weight-semibold);
-    letter-spacing: 0;
-    line-height: 1rem;
-    text-align: center;
+    justify-content: center;
+    background: hsl(var(--muted));
   }
 
-  .ui-code-badge-label::after {
-    width: 1px;
-    height: 0.875rem;
-    background: hsl(var(--code-badge-hsl) / var(--code-badge-separator-alpha));
-    content: "";
-  }
-
-  .ui-code-badge-value {
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .ui-progress-meter {
+  .ui-progress {
     display: flex;
     flex-direction: column;
     gap: var(--space-2);
@@ -80,7 +49,7 @@
     background: hsl(var(--success));
   }
 
-  .ui-progress-meter[data-tone="warning"] .ui-progress-bar {
+  .ui-progress[data-tone="warning"] .ui-progress-bar {
     background: hsl(var(--warning));
   }
 
@@ -216,31 +185,4 @@
     font-size: var(--font-size-sm);
   }
 
-  .ui-scan-panel {
-    display: grid;
-    aspect-ratio: 1 / 1;
-    place-items: center;
-    border: 2px dashed hsl(var(--primary) / 0.3);
-    border-radius: calc(var(--radius) + 0.25rem);
-    background: hsl(var(--primary) / 0.05);
-    text-align: center;
-  }
-
-  .ui-scan-panel svg {
-    width: 4rem;
-    height: 4rem;
-    margin-inline: auto;
-    color: hsl(var(--primary));
-  }
-
-  .ui-scan-title {
-    margin-top: var(--space-3);
-    font-size: var(--font-size-lg);
-    font-weight: var(--font-weight-semibold);
-  }
-
-  .ui-scan-description {
-    color: hsl(var(--muted-foreground));
-    font-size: var(--font-size-sm);
-  }
 }

package/dist/styles/layout.css

@@ -4,6 +4,25 @@
  */
 
 @layer components {
+  .ui-separator {
+    flex-shrink: 0;
+    background: hsl(var(--border));
+  }
+
+  .ui-separator[data-orientation="horizontal"] {
+    width: 100%;
+    height: 1px;
+  }
+
+  .ui-separator[data-orientation="vertical"] {
+    width: 1px;
+    height: 100%;
+  }
+
+  .ui-aspect-ratio {
+    overflow: hidden;
+  }
+
   .ui-stack-xs {
     display: flex;
     flex-direction: column;
@@ -281,77 +300,6 @@
     color: hsl(var(--foreground));
   }
 
-  .ui-mobile-stage {
-    min-height: 100vh;
-    padding: var(--space-section-active);
-    background: hsl(var(--secondary));
-  }
-
-  .ui-mobile-frame {
-    display: flex;
-    flex-direction: column;
-    width: min(100%, 23.5rem);
-    min-height: 50.75rem;
-    margin-inline: auto;
-    overflow: hidden;
-    border: 1px solid hsl(var(--border));
-    border-radius: 1.75rem;
-    background: hsl(var(--background));
-    box-shadow: var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 0.1));
-  }
-
-  .ui-mobile-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--space-inline-sm);
-    padding: var(--space-3) var(--space-4);
-    background: hsl(var(--primary));
-    color: hsl(var(--primary-foreground));
-  }
-
-  .ui-mobile-title {
-    font-size: var(--font-size-sm);
-    font-weight: var(--font-weight-semibold);
-  }
-
-  .ui-mobile-subtitle {
-    color: hsl(0 0% 100% / 0.6);
-    font-size: var(--font-size-xs);
-  }
-
-  .ui-mobile-main {
-    flex: 1;
-    padding: var(--space-4);
-  }
-
-  .ui-mobile-nav {
-    display: grid;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-    border-top: 1px solid hsl(var(--border));
-    background: hsl(var(--card));
-  }
-
-  .ui-mobile-nav-item {
-    display: flex;
-    height: 4rem;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: var(--space-1);
-    color: hsl(var(--muted-foreground));
-    font-size: var(--font-size-xs);
-  }
-
-  .ui-mobile-nav-item[data-active="true"] {
-    color: hsl(var(--primary));
-  }
-
-  .ui-mobile-nav-item svg {
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-
   .ui-empty-state {
     display: flex;
     flex-direction: column;

package/dist/toggle-group-BulJgKh3.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { VariantProps } from 'class-variance-authority';
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & {
+    variant?: ToggleProps["variant"];
+    size?: ToggleProps["size"];
+}) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    variant?: ToggleProps["variant"];
+    size?: ToggleProps["size"];
+} & React.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle as T, ToggleGroup as a, ToggleGroupItem as b, type ToggleProps as c, toggleVariants as t };

package/dist/tokens/primitives/card.css

@@ -17,13 +17,13 @@
   --card-header-background: var(--muted);
   --card-header-background-alpha: 0.55;
   --card-radius: var(--radius);
-  --card-stat-label-font-size: var(--font-size-xs);
-  --card-stat-label-font-weight: var(--font-weight-medium);
-  --card-stat-label-letter-spacing: 0.04em;
-  --card-stat-value-font-size: 1.625rem;
-  --card-stat-value-line-height: 1.1;
-  --card-stat-value-font-weight: var(--font-weight-semibold);
-  --card-stat-hint-font-size: var(--font-size-xs);
-  --card-stat-gap: var(--space-stack-xs);
-  --card-stat-icon-size: 2.25rem;
+  --stat-card-label-font-size: var(--font-size-xs);
+  --stat-card-label-font-weight: var(--font-weight-medium);
+  --stat-card-label-letter-spacing: 0.04em;
+  --stat-card-value-font-size: 1.625rem;
+  --stat-card-value-line-height: 1.1;
+  --stat-card-value-font-weight: var(--font-weight-semibold);
+  --stat-card-hint-font-size: var(--font-size-xs);
+  --stat-card-gap: var(--space-stack-xs);
+  --stat-card-icon-size: 2.25rem;
 }

package/dist/use-toast-Dsw3yE2S.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { ExternalToast, toast as toast$1 } from 'sonner';
+
+type LegacyToastOptions = ExternalToast & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: "default" | "destructive" | "success";
+};
+type ToastFn = typeof toast$1 & ((options: LegacyToastOptions) => ReturnType<typeof toast$1>);
+/** Sonner toast + legacy `{ title, variant }` object form. */
+declare const toast: ToastFn;
+/** Legacy hook — prefer `toast` import directly; kept for existing admin pages. */
+declare function useToast(): {
+    toast: (options: LegacyToastOptions) => string | number;
+    dismiss: (id?: number | string) => string | number;
+    toasts: readonly [];
+};
+
+export { type LegacyToastOptions as L, toast as t, useToast as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "6.11.0",
+  "version": "7.0.0",
   "type": "module",
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
@@ -209,10 +209,6 @@
       "types": "./dist/components/navigation/tabs.d.ts",
       "import": "./dist/components/navigation/tabs.js"
     },
-    "./ui/tabs-items": {
-      "types": "./dist/components/navigation/tabs-items.d.ts",
-      "import": "./dist/components/navigation/tabs-items.js"
-    },
     "./ui/pagination": {
       "types": "./dist/components/navigation/pagination.d.ts",
       "import": "./dist/components/navigation/pagination.js"
@@ -239,8 +235,11 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm lint && pnpm build && pnpm test",
+    "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm build && pnpm test",
+    "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
+    "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
+    "release": "node scripts/release.mjs",
     "preview": "node preview/scripts/kill-port.mjs && vite --config preview/vite.config.ts --port 6008 --strictPort",
     "preview:build": "vite build --config preview/vite.config.ts",
     "docs:sync-primitives": "node preview/scripts/sync-primitive-docs.mjs && prettier --write \"docs/primitives/**/*.tsx\"",
@@ -262,6 +261,8 @@
     "@date-fns/tz": "^1.5.0",
     "@fontsource/m-plus-2": "^5.2.9",
     "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-context": "^1.1.2",
@@ -272,10 +273,13 @@
     "@radix-ui/react-radio-group": "^1.3.8",
     "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

package/scripts/ui-audit.mjs

@@ -72,6 +72,25 @@ const RULES = [
     test: /<textarea[\s>]/,
     message: "Use <Textarea> from @godxjp/ui, not a raw <textarea> (rules §3).",
   },
+  {
+    id: "no-raw-input",
+    severity: "error",
+    test: /<input[\s>]/,
+    message: "Use <Input> from @godxjp/ui, not a raw <input> (rules §3).",
+  },
+  {
+    id: "no-raw-button",
+    severity: "error",
+    test: /<button[\s>]/,
+    message: "Use <Button> from @godxjp/ui, not a raw <button> (rules §3).",
+  },
+  {
+    id: "card-manual-padding",
+    severity: "error",
+    test: /<Card\b[^>]*\bp-[1-9]/,
+    message:
+      "Don't hand-roll padding on <Card> (className='p-4'…) — wrap the body in <CardContent>. (p-0 for a full-bleed table is fine.)",
+  },
   {
     id: "no-dark-color-override",
     severity: "warn",
@@ -120,11 +139,18 @@ function walk(dir, acc = []) {
   return acc;
 }
 
+// Structural: a <Card> (without p-0) whose first child is body content rather than a Card
+// sub-component sits FLUSH (no padding). Per-line regexes can't see across lines, so this is a
+// whole-file pass. The body must be wrapped in <CardContent> (titles in <CardHeader>).
+const CARD_FLUSH =
+  /<Card(?![^>]*\bp-0\b)(?:\s[^>]*)?>\s*<(?!CardContent|CardHeader|CardCover|CardFooter|\/Card)/g;
+
 const findings = [];
 for (const dir of SCAN_DIRS) {
   for (const file of walk(join(CWD, dir))) {
     const rel = relative(CWD, file);
-    const lines = readFileSync(file, "utf8").split("\n");
+    const content = readFileSync(file, "utf8");
+    const lines = content.split("\n");
     lines.forEach((line, i) => {
       for (const rule of RULES) {
         if (rule.test.test(line)) {
@@ -139,6 +165,17 @@ for (const dir of SCAN_DIRS) {
         }
       }
     });
+    for (const match of content.matchAll(CARD_FLUSH)) {
+      findings.push({
+        file: rel,
+        line: content.slice(0, match.index).split("\n").length,
+        rule: "card-needs-content",
+        severity: "error",
+        message:
+          "<Card> body content must be wrapped in <CardContent> (it has NO padding otherwise) — use <CardContent flush> only for a full-bleed table.",
+        snippet: match[0].replace(/\s+/g, " ").slice(0, 120),
+      });
+    }
   }
 }
 

package/dist/chunk-BPSKQUL2.js

@@ -1,68 +0,0 @@
-import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-XG7XDYIM.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function TabsItems({
-  items,
-  value,
-  defaultValue,
-  onValueChange,
-  variant = "default",
-  className,
-  listClassName,
-  contentClassName
-}) {
-  const firstKey = items[0]?.key;
-  const resolvedDefault = defaultValue ?? firstKey;
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      value,
-      defaultValue: value === void 0 ? resolvedDefault : void 0,
-      onValueChange,
-      className,
-      "data-slot": "tabs",
-      children: [
-        /* @__PURE__ */ jsx(
-          TabsList,
-          {
-            "data-slot": "tabs-list",
-            className: cn(
-              variant === "line" && "h-auto w-full justify-start rounded-none border-b bg-transparent p-0",
-              variant === "card" && "w-full justify-start",
-              listClassName
-            ),
-            children: items.map((item) => /* @__PURE__ */ jsxs(
-              TabsTrigger,
-              {
-                value: item.key,
-                disabled: item.disabled,
-                className: cn(
-                  variant === "line" && "data-[state=active]:border-primary rounded-none border-b-2 border-transparent bg-transparent px-4 py-2 shadow-none data-[state=active]:bg-transparent data-[state=active]:shadow-none",
-                  variant === "card" && "data-[state=active]:shadow-sm"
-                ),
-                children: [
-                  item.icon && /* @__PURE__ */ jsx("span", { className: "mr-1.5 inline-flex", children: item.icon }),
-                  item.label
-                ]
-              },
-              item.key
-            ))
-          }
-        ),
-        items.map((item) => /* @__PURE__ */ jsx(
-          TabsContent,
-          {
-            value: item.key,
-            "data-slot": "tabs-panel",
-            className: cn(variant === "line" && "mt-0", contentClassName),
-            children: item.children
-          },
-          item.key
-        ))
-      ]
-    }
-  );
-}
-
-export { TabsItems };

package/dist/chunk-PIIRNAXA.js

@@ -1,26 +0,0 @@
-import { toneWarningClass, toneSuccessClass } from './chunk-ICM6XBST.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var badgeVariants = cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground",
-        secondary: "border-transparent bg-secondary text-secondary-foreground",
-        destructive: "border-transparent bg-destructive text-destructive-foreground",
-        outline: "text-foreground",
-        success: cn("border-transparent", toneSuccessClass),
-        warning: cn("border-transparent", toneWarningClass)
-      }
-    },
-    defaultVariants: { variant: "default" }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
-export { Badge };