@godxjp/ui 6.12.0 → 8.0.0

package/dist/styles/dialog-layout.css

@@ -19,10 +19,10 @@
     width: 100%;
     max-width: 32rem;
     transform: translate(-50%, -50%);
-    gap: var(--space-dialog-gap);
+    gap: var(--dialog-space-gap);
     border: 1px solid hsl(var(--border));
     background-color: hsl(var(--background));
-    padding: var(--space-dialog-inset);
+    padding: var(--dialog-space-inset);
     box-shadow: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
   }
 
@@ -60,8 +60,8 @@
 
   [data-slot="dialog-close"] {
     position: absolute;
-    inset-inline-end: var(--space-dialog-close-offset);
-    top: var(--space-dialog-close-offset);
+    inset-inline-end: var(--dialog-close-space-offset);
+    top: var(--dialog-close-space-offset);
     border-radius: var(--radius-sm);
     opacity: 0.7;
   }

package/dist/styles/index.css

@@ -47,15 +47,12 @@
   --color-info-foreground: hsl(var(--info-foreground));
   --color-attention: hsl(var(--attention));
   --color-attention-foreground: hsl(var(--attention-foreground));
-  --color-chart-1: #0077c7;
-  --color-chart-2: #006e54;
-  --color-chart-3: #f8b500;
-  --color-chart-4: #b7282e;
-  --color-chart-5: #4c6cb3;
-  --color-chart-6: #eb6101;
-  --color-tracking-internal: hsl(var(--tracking-internal));
-  --color-tracking-seller: hsl(var(--tracking-seller));
-  --color-tracking-yamato: hsl(var(--tracking-yamato));
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-chart-6: var(--chart-6);
   --radius-lg: var(--radius);
   --radius-md: calc(var(--radius) - 2px);
   --radius-sm: calc(var(--radius) - 4px);

package/dist/styles/layout.css

@@ -1,29 +1,124 @@
 /*
- * LAYOUT — Stack / Inline / Page shell / EmptyState.
- * Apps: <Stack gap> · <Inline gap> · <PageContainer> — never ui-stack-* or Tailwind gap-*.
+ * LAYOUT — Flex / Page shell / EmptyState.
+ * Apps: <Flex gap> · <PageContainer> — never ui-flex-* or Tailwind gap-*.
  */
 
 @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-flex,
   .ui-stack-xs {
     display: flex;
+  }
+
+  .ui-flex[data-direction="row"] {
+    flex-direction: row;
+  }
+
+  .ui-flex[data-direction="col"] {
     flex-direction: column;
+  }
+
+  .ui-flex[data-wrap="true"] {
+    flex-wrap: wrap;
+  }
+
+  .ui-flex[data-align="start"] {
+    align-items: flex-start;
+  }
+
+  .ui-flex[data-align="center"] {
+    align-items: center;
+  }
+
+  .ui-flex[data-align="end"] {
+    align-items: flex-end;
+  }
+
+  .ui-flex[data-align="stretch"] {
+    align-items: stretch;
+  }
+
+  .ui-flex[data-align="baseline"] {
+    align-items: baseline;
+  }
+
+  .ui-flex[data-justify="start"] {
+    justify-content: flex-start;
+  }
+
+  .ui-flex[data-justify="center"] {
+    justify-content: center;
+  }
+
+  .ui-flex[data-justify="end"] {
+    justify-content: flex-end;
+  }
+
+  .ui-flex[data-justify="between"] {
+    justify-content: space-between;
+  }
+
+  .ui-flex[data-justify="around"] {
+    justify-content: space-around;
+  }
+
+  .ui-flex[data-justify="evenly"] {
+    justify-content: space-evenly;
+  }
+
+  .ui-flex-gap-xs,
+  .ui-stack-xs {
     gap: var(--space-stack-xs);
   }
+  .ui-flex-gap-sm {
+    gap: var(--space-stack-sm);
+  }
+
   .ui-stack-sm {
     display: flex;
     flex-direction: column;
     gap: var(--space-stack-sm);
   }
+  .ui-flex-gap-md {
+    gap: var(--space-stack-md);
+  }
+
   .ui-stack-md {
     display: flex;
     flex-direction: column;
     gap: var(--space-stack-md);
   }
+  .ui-flex-gap-lg {
+    gap: var(--space-stack-lg);
+  }
+
   .ui-stack-lg {
     display: flex;
     flex-direction: column;
     gap: var(--space-stack-lg);
   }
+  .ui-flex-gap-xl {
+    gap: var(--space-stack-xl);
+  }
+
   .ui-stack-xl {
     display: flex;
     flex-direction: column;
@@ -66,23 +161,20 @@
   }
 
   @container (min-width: 640px) {
-    .ui-responsive-grid[data-columns="2"] {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+    .ui-responsive-grid {
+      grid-template-columns: repeat(var(--responsive-grid-sm, 2), minmax(0, 1fr));
     }
+  }
 
-    .ui-responsive-grid[data-columns="3"],
-    .ui-responsive-grid[data-columns="4"] {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+  @container (min-width: 768px) {
+    .ui-responsive-grid {
+      grid-template-columns: repeat(var(--responsive-grid-md, 3), minmax(0, 1fr));
     }
   }
 
   @container (min-width: 1024px) {
-    .ui-responsive-grid[data-columns="3"] {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-
-    .ui-responsive-grid[data-columns="4"] {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
+    .ui-responsive-grid {
+      grid-template-columns: repeat(var(--responsive-grid-lg, 4), minmax(0, 1fr));
     }
   }
 
@@ -130,6 +222,7 @@
     padding-right: var(--space-page-active-x);
   }
 
+  .ui-page-container-inset,
   .ui-page-inset {
     padding-left: var(--space-page-active-x);
     padding-right: var(--space-page-active-x);
@@ -281,84 +374,13 @@
     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;
     align-items: center;
     gap: var(--space-stack-md);
     text-align: center;
-    padding: var(--space-empty-state-y) var(--space-empty-state-x);
+    padding: var(--empty-state-space-y) var(--empty-state-space-x);
   }
 
   .ui-empty-state-title {
@@ -430,6 +452,7 @@
     font-variant-numeric: tabular-nums;
   }
 
+  .ui-toolbar,
   .ui-filter-bar {
     display: flex;
     flex-direction: column;
@@ -438,34 +461,40 @@
   }
 
   @media (min-width: 640px) {
+    .ui-toolbar,
     .ui-filter-bar {
       flex-flow: row wrap;
       align-items: flex-end;
     }
   }
 
+  .ui-toolbar-clear,
   .ui-filter-clear {
     width: 100%;
   }
 
   @media (min-width: 640px) {
+    .ui-toolbar-clear,
     .ui-filter-clear {
       width: auto;
       margin-left: auto;
     }
   }
 
+  .ui-toolbar-group,
   .ui-filter-group {
     min-width: 0;
     width: 100%;
   }
 
   @media (min-width: 640px) {
+    .ui-toolbar-group,
     .ui-filter-group {
       width: auto;
     }
   }
 
+  .ui-toolbar-label,
   .ui-filter-label {
     color: hsl(var(--muted-foreground));
     font-size: var(--filter-label-font-size);

package/dist/styles/table-layout.css

@@ -5,7 +5,7 @@
 @layer components {
   [data-slot="table-head"] {
     height: var(--table-row-height);
-    padding: var(--table-cell-padding-y) var(--space-table-cell-x);
+    padding: var(--table-cell-padding-y) var(--table-cell-space-x);
     text-align: left;
     vertical-align: middle;
     background: hsl(var(--secondary));
@@ -27,7 +27,7 @@
   }
 
   [data-slot="table-cell"] {
-    padding: var(--table-cell-padding-y) var(--space-table-cell-x);
+    padding: var(--table-cell-padding-y) var(--table-cell-space-x);
     vertical-align: middle;
     /* Don't let a narrow column crush cell text — in CJK this collapses to one
      * character per line. Keep each cell on one line; the scroll container
@@ -91,7 +91,7 @@
   }
 
   [data-slot="card-content"][data-flush] .ui-data-table-toolbar {
-    border-bottom: 1px solid hsl(var(--card-border-token));
+    border-bottom: 1px solid hsl(var(--card-border));
     padding: var(--card-space-header-y) var(--card-space-inset);
   }
 

package/dist/theme/example.service.css

@@ -19,11 +19,6 @@
   /* --info: 223 42% 50%; */
   /* --attention: 24 99% 46%; */
 
-  /* Tracking-code identity (optional — do not reuse for status): */
-  /* --tracking-internal: 211 73% 15%; */
-  /* --tracking-seller: 44 5% 42%; */
-  /* --tracking-yamato: 24 99% 46%; */
-
   /* Layout density (optional): */
   /* --space-page-x: var(--space-8); */
 

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/base.css

@@ -4,10 +4,10 @@
  */
 
 @import "./foundation.css";
-@import "./primitives/layout.css";
-@import "./primitives/control.css";
-@import "./primitives/card.css";
-@import "./primitives/table.css";
-@import "./primitives/feedback.css";
-@import "./primitives/badge.css";
-@import "./primitives/navigation.css";
+@import "./semantic/layout.css";
+@import "./components/control.css";
+@import "./components/card.css";
+@import "./components/table.css";
+@import "./components/feedback.css";
+@import "./components/badge.css";
+@import "./components/navigation.css";

package/dist/tokens/components/badge.css

@@ -0,0 +1,7 @@
+/* Badge component tokens. */
+
+:root {
+  --badge-space-gap: var(--space-inline-xs);
+  --badge-space-x: var(--space-2);
+  --badge-space-y: var(--space-1);
+}

package/dist/tokens/{primitives → components}/card.css

@@ -1,4 +1,4 @@
-/* Card primitive tokens: card chrome derives from foundation + layout primitives. */
+/* Card component tokens: card chrome derives from semantic layout tokens. */
 
 :root {
   --card-space-inset: var(--space-section-active);
@@ -12,18 +12,17 @@
   --card-description-font-size: var(--font-size-sm);
   --card-description-line-height: var(--line-height-normal);
   --card-background: var(--card);
-  --card-foreground-token: var(--card-foreground);
-  --card-border-token: var(--border);
+  --card-border: var(--border);
   --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/tokens/{primitives → components}/control.css

@@ -24,6 +24,8 @@
   --control-focus-ring-width: 2px;
 
   --checkbox-size: 1rem;
+  --checkbox-size-compact: 0.875rem;
+  --checkbox-size-comfortable: 1.125rem;
   --choice-gap: var(--space-inline-sm);
   --choice-group-gap-x: var(--space-6);
   --choice-group-gap-y: var(--space-3);
@@ -31,9 +33,17 @@
   --choice-control-offset: 0.125rem;
 
   --switch-width: 2.25rem;
+  --switch-width-compact: 2rem;
+  --switch-width-comfortable: 2.5rem;
   --switch-height: 1.25rem;
+  --switch-height-compact: 1.125rem;
+  --switch-height-comfortable: 1.375rem;
   --switch-thumb-size: 1rem;
+  --switch-thumb-size-compact: 0.875rem;
+  --switch-thumb-size-comfortable: 1.125rem;
   --switch-thumb-translate: 1rem;
+  --switch-thumb-translate-compact: 0.875rem;
+  --switch-thumb-translate-comfortable: 1.125rem;
 
   --slider-track-height: 0.375rem;
   --slider-thumb-size: 1rem;

package/dist/tokens/components/feedback.css

@@ -0,0 +1,17 @@
+/* Feedback primitive tokens: dialog, alert, empty state. */
+
+:root {
+  --dialog-space-inset: var(--space-5);
+  --dialog-space-gap: var(--space-stack-md);
+  --dialog-close-space-offset: var(--space-4);
+  --alert-space-inset: var(--space-section-active);
+  --alert-space-gap: var(--space-inline-md);
+  --alert-inner-space-gap: var(--space-stack-sm);
+  --alert-dismiss-space-offset: var(--space-3);
+  --empty-state-space-y: var(--space-10);
+  --empty-state-space-x: var(--space-6);
+  --skeleton-row-gap: var(--space-stack-sm);
+  --skeleton-cell-gap: var(--space-inline-lg);
+  --skeleton-card-inset: var(--space-section-active);
+  --skeleton-radius: var(--radius);
+}

package/dist/tokens/{primitives → components}/table.css

@@ -1,4 +1,4 @@
-/* Table primitive tokens: row height, cell padding. */
+/* Table component tokens: row height, cell padding. */
 
 :root {
   --table-row-height-compact: 1.75rem;
@@ -6,5 +6,5 @@
   --table-row-height-comfortable: 2.75rem;
   --table-row-height: var(--table-row-height-default);
   --table-cell-padding-y: var(--space-2);
-  --space-table-cell-x: var(--control-padding-x);
+  --table-cell-space-x: var(--control-padding-x);
 }

package/dist/tokens/foundation.css

@@ -30,9 +30,6 @@
   --info-foreground: 60 33% 99%;
   --attention: 25 99% 46%; /* 朱 #eb6101 */
   --attention-foreground: 60 33% 99%;
-  --tracking-internal: 204 100% 39%;
-  --tracking-seller: 44 5% 42%;
-  --tracking-yamato: 25 99% 46%;
 
   /* 和色 (wa-iro) — traditional Japanese accent palette for charts, tags,
    * decoration. Decorative hex (NOT semantic): never remap a wa-iro to a
@@ -51,22 +48,13 @@
   --wa-sumi: #595857; /* 墨   warm ink */
   --wa-nezu: #949495; /* 鼠   mouse-grey */
 
-  /* Neutral + blue ramps (data viz, fine UI shading). */
-  --gray-50: #f9fafb;
-  --gray-100: #f3f4f6;
-  --gray-200: #e5e7eb;
-  --gray-300: #d1d5db;
-  --gray-400: #9ca3af;
-  --gray-500: #6b7280;
-  --gray-600: #4b5563;
-  --gray-700: #374151;
-  --gray-800: #1f2937;
-  --gray-900: #111827;
-  --blue-50: #eff6ff;
-  --blue-100: #dbeafe;
-  --blue-500: #3b82f6;
-  --blue-600: #2563eb;
-  --blue-700: #1d4ed8;
+  /* Chart accents are neutral decorative primitives, not business semantics. */
+  --chart-1: #0077c7;
+  --chart-2: #006e54;
+  --chart-3: #f8b500;
+  --chart-4: #b7282e;
+  --chart-5: #4c6cb3;
+  --chart-6: #eb6101;
 
   /* Shape and elevation */
   --radius: 0.375rem;
@@ -145,7 +133,4 @@
   --info-foreground: 48 9% 9%;
   --attention: 25 95% 56%;
   --attention-foreground: 48 9% 9%;
-  --tracking-internal: 204 90% 60%;
-  --tracking-seller: 44 6% 64%;
-  --tracking-yamato: 25 95% 56%;
 }

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.12.0",
+  "version": "8.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,13 @@
     "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:prop-vocabulary && pnpm check:token-tiers && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm lint && pnpm check:prop-vocabulary && pnpm check:token-tiers && 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",
+    "check:prop-vocabulary": "node scripts/check-prop-vocabulary.mjs",
+    "check:token-tiers": "node scripts/check-token-tiers.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 +263,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 +275,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",