@godxjp/ui 6.12.0 → 7.0.0

package/README.md

@@ -126,8 +126,13 @@ pnpm preview          # preview app → http://localhost:6008 (fixed port, kills
 pnpm preview:build    # static build — the integration test for examples + docs
 pnpm docs:sync-primitives   # regenerate docs/primitives/**/*.md from source
 pnpm typecheck && pnpm audit && pnpm test
+pnpm check:mcp-sync   # MCP registry ↔ library export drift guard (also in verify)
+pnpm release --ui <patch|minor|major> --mcp <…|skip>   # publish lib + MCP in lockstep
 ```
 
+This repo ships two packages — `@godxjp/ui` (this dir) and `@godxjp/ui-mcp` (`mcp/`). They keep
+separate version lines but release together via `pnpm release`; see DEVELOPMENT.md §6.
+
 → **[docs/DEVELOPMENT.md](./docs/DEVELOPMENT.md)** is the contributor guideline (the
 boundary, the layers, how to add/extend a component, verification).
 

package/dist/aspect-ratio-DGoYrOry.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+
+declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { AspectRatio as A };

package/dist/avatar-D9MdXzfF.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Avatar as A, AvatarFallback as a, AvatarImage as b };

package/dist/{checkbox-9w-eF8sM.d.ts → checkbox-CK2mYEpD.d.ts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as CheckboxGroupProp } from './data-entry.prop-Cjidhei7.js';
+import { c as CheckboxGroupProp } from './data-entry.prop-CpSx5dX6.js';
 
 declare function CheckboxGroup({ value: controlledValue, defaultValue, onChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): react_jsx_runtime.JSX.Element;
 

package/dist/{chunk-T2S3IGZG.js → chunk-6TSU4IHV.js}

@@ -1,4 +1,4 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-EE3B3TEQ.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-ARDVPIF4.js';
 import { Button } from './chunk-HJEBRCXL.js';
 import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-RLGHEV4A.js';
 import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-FXFJF4YA.js';

package/dist/chunk-7AMHT5Z5.js

@@ -0,0 +1,61 @@
+import { toneNeutralClass, toneInfoClass, toneWarningClass, toneSuccessClass, toneDestructiveClass } from './chunk-ICM6XBST.js';
+import { useTranslation } from './chunk-RLGHEV4A.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { cva } from 'class-variance-authority';
+import { XCircle, Pause, CheckCircle2, Circle, Trash2, AlertCircle, Clock, Play } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_MAP = {
+  active: { tone: "success", icon: CheckCircle2 },
+  completed: { tone: "success", icon: CheckCircle2 },
+  delivered: { tone: "success", icon: CheckCircle2 },
+  done: { tone: "success", icon: CheckCircle2 },
+  permanent: { tone: "success", icon: CheckCircle2 },
+  succeeded: { tone: "success", icon: CheckCircle2 },
+  draft: { tone: "neutral", icon: Circle },
+  pending: { tone: "warning", icon: Clock },
+  scheduled: { tone: "info", icon: Clock },
+  sending: { tone: "info", icon: Play },
+  temporary: { tone: "warning", icon: Clock },
+  bounced: { tone: "destructive", icon: AlertCircle },
+  cancelled: { tone: "neutral", icon: Pause },
+  deleted: { tone: "destructive", icon: Trash2 },
+  failed: { tone: "destructive", icon: XCircle },
+  private: { tone: "neutral", icon: Circle },
+  internal: { tone: "info", icon: Circle },
+  public: { tone: "info", icon: Circle },
+  ASSIGNMENT_STATUS_ACTIVE: { tone: "success", icon: CheckCircle2 },
+  ASSIGNMENT_STATUS_SUSPENDED: { tone: "warning", icon: Pause },
+  ASSIGNMENT_STATUS_TERMINATED: { tone: "destructive", icon: XCircle }
+};
+var badgeVariants = cva(
+  "inline-flex items-center border 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: cn("border-transparent", toneDestructiveClass),
+        outline: "text-foreground",
+        success: cn("border-transparent", toneSuccessClass),
+        warning: cn("border-transparent", toneWarningClass),
+        info: cn("border-transparent", toneInfoClass),
+        neutral: cn("border-transparent", toneNeutralClass)
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function Badge({ className, variant, icon, status, children, ...props }) {
+  const { t } = useTranslation();
+  const statusDef = status ? STATUS_MAP[status] ?? { tone: "neutral", icon: Circle } : null;
+  const resolvedVariant = variant ?? statusDef?.tone ?? "default";
+  const ResolvedIcon = icon === void 0 ? statusDef?.icon : icon;
+  const resolvedChildren = children ?? (status ? status in STATUS_MAP ? t(`status.${status}`) : status : void 0);
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "badge", className: cn(badgeVariants({ variant: resolvedVariant }), className), ...props, children: [
+    ResolvedIcon ? /* @__PURE__ */ jsx(ResolvedIcon, { "data-slot": "badge-icon", "aria-hidden": "true" }) : null,
+    resolvedChildren
+  ] });
+}
+
+export { Badge };

package/dist/{chunk-EE3B3TEQ.js → chunk-ARDVPIF4.js}

@@ -1,4 +1,4 @@
-import { SearchSelect } from './chunk-Y7AV7QJO.js';
+import { SearchSelect } from './chunk-OXKY5QMK.js';
 import { controlTriggerClass } from './chunk-ICM6XBST.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';

package/dist/chunk-B3WX53JQ.js

@@ -0,0 +1,40 @@
+import { toast as toast$1 } from 'sonner';
+
+// src/components/feedback/use-toast.ts
+function nodeText(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return "";
+}
+function legacyToast(options) {
+  const { title, description, variant, ...rest } = options;
+  const titleText = nodeText(title);
+  const descText = nodeText(description);
+  const message = titleText || descText;
+  const desc = titleText && descText ? descText : void 0;
+  const sonnerOptions = { ...rest, description: desc };
+  switch (variant) {
+    case "destructive":
+      return toast$1.error(message, sonnerOptions);
+    case "success":
+      return toast$1.success(message, sonnerOptions);
+    default:
+      return toast$1(message, sonnerOptions);
+  }
+}
+var toast = Object.assign((messageOrOptions) => {
+  if (typeof messageOrOptions === "string") {
+    return toast$1(messageOrOptions);
+  }
+  return legacyToast(messageOrOptions);
+}, toast$1);
+function useToast() {
+  return {
+    toast: (options) => legacyToast(options),
+    dismiss: toast$1.dismiss,
+    toasts: []
+  };
+}
+
+export { toast, useToast };

package/dist/{chunk-T4UT3B3K.js → chunk-EQRQM6RF.js}

@@ -1,14 +1,14 @@
 import { DropdownMenu, DropdownMenuTrigger } from './chunk-TO33OY4L.js';
 import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
-import { densityClass, pageContainerVariantClass, stackGapClass } from './chunk-S66TJXJU.js';
-import { Badge } from './chunk-PIIRNAXA.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { densityClass, pageContainerVariantClass, stackGapClass } from './chunk-S66TJXJU.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { Link } from 'react-router-dom';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
 function PageContainer({
   title,
@@ -95,131 +95,14 @@ function AppShell({
     footer !== void 0 && /* @__PURE__ */ jsx("footer", { className: "app-footer", children: footer })
   ] });
 }
-function Topbar({
-  product,
-  project,
-  productMenu,
-  projectMenu,
-  onProductOpen,
-  onProjectOpen,
-  onSearchOpen,
-  onTweaksOpen,
-  collapsed = false,
-  onToggleCollapsed,
-  rightSlot,
-  unread = false,
-  onNotificationsOpen,
-  user
-}) {
-  const productChip = /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: "tb-chip",
-      "aria-label": product.name,
-      onClick: productMenu ? void 0 : onProductOpen,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "tb-chip-icon",
-            style: { background: product.color ?? "hsl(var(--attention))" },
-            children: product.name[0]?.toUpperCase() ?? "?"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: product.name }),
-        /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
-      ]
-    }
-  );
-  const showProject = project != null || projectMenu != null;
-  const projectChip = /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: `tb-chip ${project ? "" : "tb-chip-empty"}`,
-      "aria-label": project ? project.name : "Pick project",
-      onClick: projectMenu ? void 0 : onProjectOpen,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: project ? project.name : "Pick project" }),
-        /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    onToggleCollapsed ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "tb-icon-btn",
-        "aria-label": "Toggle sidebar",
-        "aria-pressed": collapsed,
-        onClick: onToggleCollapsed,
-        children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PanelLeftClose, { "aria-hidden": "true" })
-      }
-    ) : null,
-    /* @__PURE__ */ jsxs("div", { className: "tb-switcher", children: [
-      productMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: productChip }),
-        productMenu
-      ] }) : productChip,
-      showProject ? /* @__PURE__ */ jsx("span", { className: "tb-chip-sep", children: "/" }) : null,
-      showProject ? projectMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: projectChip }),
-        projectMenu
-      ] }) : projectChip : null
-    ] }),
-    /* @__PURE__ */ jsxs("button", { type: "button", className: "tb-search", onClick: onSearchOpen, children: [
-      /* @__PURE__ */ jsx(Search, { "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx("span", { children: "Search..." }),
-      /* @__PURE__ */ jsx("kbd", { className: "kbd", children: "\u2318K" })
-    ] }),
-    rightSlot,
-    onNotificationsOpen ? /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: "tb-icon-btn tb-bell",
-        "aria-label": "Notifications",
-        onClick: onNotificationsOpen,
-        children: [
-          /* @__PURE__ */ jsx(Bell, { "aria-hidden": "true" }),
-          unread ? /* @__PURE__ */ jsx("span", { className: "tb-bell-dot", "aria-hidden": "true" }) : null
-        ]
-      }
-    ) : null,
-    user,
-    onTweaksOpen ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "tb-icon-btn",
-        "aria-label": "Open tweaks",
-        onClick: onTweaksOpen,
-        children: /* @__PURE__ */ jsx(SlidersHorizontal, { "aria-hidden": "true" })
-      }
-    ) : null
-  ] });
-}
-function ShellApp({ menu, breadcrumb, children }) {
-  return /* @__PURE__ */ jsx(
-    AppShell,
-    {
-      sidebar: menu,
-      breadcrumb,
-      topbar: /* @__PURE__ */ jsx(
-        Topbar,
-        {
-          product: { name: "GodX", color: "hsl(var(--attention))" },
-          project: { name: "Japan to SEA lanes" },
-          onSearchOpen: () => void 0,
-          onNotificationsOpen: () => void 0,
-          unread: true
-        }
-      ),
-      children
-    }
-  );
+function Breadcrumb({ items }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsxs("li", { className: "ui-breadcrumb-item", children: [
+      item.to && !isLast ? /* @__PURE__ */ jsx(Link, { to: item.to, className: "ui-breadcrumb-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label }),
+      !isLast ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : null
+    ] }, item.to ?? index);
+  }) }) });
 }
 function isItemActive(item, activeId) {
   if (item.id === activeId) return true;
@@ -376,29 +259,111 @@ function Sidebar({
     footer ? /* @__PURE__ */ jsx("div", { className: "sb-footer", children: footer }) : null
   ] });
 }
-function Menu({ items }) {
-  const sections = items.map((section) => ({
-    label: section.label,
-    items: section.items.map(({ active: _active, ...item }) => item)
-  }));
-  const activeId = items.flatMap((section) => section.items).find((item) => item.active)?.id ?? items[0]?.items[0]?.id ?? "";
-  return /* @__PURE__ */ jsx(
-    Sidebar,
+function Topbar({
+  product,
+  project,
+  productMenu,
+  projectMenu,
+  onProductOpen,
+  onProjectOpen,
+  onSearchOpen,
+  onTweaksOpen,
+  collapsed = false,
+  onToggleCollapsed,
+  rightSlot,
+  unread = false,
+  onNotificationsOpen,
+  user
+}) {
+  const productChip = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "tb-chip",
+      "aria-label": product.name,
+      onClick: productMenu ? void 0 : onProductOpen,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "tb-chip-icon",
+            style: { background: product.color ?? "hsl(var(--attention))" },
+            children: product.name[0]?.toUpperCase() ?? "?"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: product.name }),
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
+      ]
+    }
+  );
+  const showProject = project != null || projectMenu != null;
+  const projectChip = /* @__PURE__ */ jsxs(
+    "button",
     {
-      activeId,
-      sections,
-      product: { name: "Acme Console", role: "Workspace", color: "hsl(var(--attention))" }
+      type: "button",
+      className: `tb-chip ${project ? "" : "tb-chip-empty"}`,
+      "aria-label": project ? project.name : "Pick project",
+      onClick: projectMenu ? void 0 : onProjectOpen,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: project ? project.name : "Pick project" }),
+        /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
+      ]
     }
   );
-}
-function Breadcrumb({ items }) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs("li", { className: "ui-breadcrumb-item", children: [
-      item.to && !isLast ? /* @__PURE__ */ jsx(Link, { to: item.to, className: "ui-breadcrumb-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label }),
-      !isLast ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : null
-    ] }, item.to ?? index);
-  }) }) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    onToggleCollapsed ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "tb-icon-btn",
+        "aria-label": "Toggle sidebar",
+        "aria-pressed": collapsed,
+        onClick: onToggleCollapsed,
+        children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PanelLeftClose, { "aria-hidden": "true" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "tb-switcher", children: [
+      productMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: productChip }),
+        productMenu
+      ] }) : productChip,
+      showProject ? /* @__PURE__ */ jsx("span", { className: "tb-chip-sep", children: "/" }) : null,
+      showProject ? projectMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: projectChip }),
+        projectMenu
+      ] }) : projectChip : null
+    ] }),
+    /* @__PURE__ */ jsxs("button", { type: "button", className: "tb-search", onClick: onSearchOpen, children: [
+      /* @__PURE__ */ jsx(Search, { "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { children: "Search..." }),
+      /* @__PURE__ */ jsx("kbd", { className: "kbd", children: "\u2318K" })
+    ] }),
+    rightSlot,
+    onNotificationsOpen ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "tb-icon-btn tb-bell",
+        "aria-label": "Notifications",
+        onClick: onNotificationsOpen,
+        children: [
+          /* @__PURE__ */ jsx(Bell, { "aria-hidden": "true" }),
+          unread ? /* @__PURE__ */ jsx("span", { className: "tb-bell-dot", "aria-hidden": "true" }) : null
+        ]
+      }
+    ) : null,
+    user,
+    onTweaksOpen ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "tb-icon-btn",
+        "aria-label": "Open tweaks",
+        onClick: onTweaksOpen,
+        children: /* @__PURE__ */ jsx(SlidersHorizontal, { "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
 }
 function ResponsiveGrid({ columns = 4, children }) {
   return /* @__PURE__ */ jsx("div", { className: "ui-responsive-grid", "data-columns": columns, children });
@@ -409,38 +374,18 @@ function SplitPane({ children, aside, asideWidth = "md" }) {
     /* @__PURE__ */ jsx("aside", { className: "ui-split-pane-aside", children: aside })
   ] });
 }
-function MobileFrame({
-  title,
-  subtitle,
-  status,
-  children,
-  navItems = []
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "ui-mobile-stage", children: /* @__PURE__ */ jsxs("div", { className: "ui-mobile-frame", children: [
-    /* @__PURE__ */ jsxs("header", { className: "ui-mobile-header", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "ui-mobile-title", children: title }),
-        subtitle ? /* @__PURE__ */ jsx("div", { className: "ui-mobile-subtitle", children: subtitle }) : null
-      ] }),
-      status ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: status }) : null
-    ] }),
-    /* @__PURE__ */ jsx("main", { className: "ui-mobile-main", children }),
-    navItems.length > 0 ? /* @__PURE__ */ jsx("footer", { className: "ui-mobile-nav", children: navItems.map((item) => {
-      const Icon = item.icon;
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "ui-mobile-nav-item",
-          "data-active": item.active ? "true" : void 0,
-          children: [
-            /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx("span", { children: item.label })
-          ]
-        },
-        item.label
-      );
-    }) }) : null
-  ] }) });
-}
+var Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    "data-slot": "separator",
+    "data-orientation": orientation,
+    orientation,
+    decorative,
+    className: cn("ui-separator", className),
+    ...props
+  }
+));
+Separator.displayName = SeparatorPrimitive.Root.displayName;
 
-export { AppShell, Breadcrumb, Menu, MobileFrame, PageContainer, PageInset, ResponsiveGrid, ShellApp, Sidebar, SplitPane, Stack, Topbar };
+export { AppShell, Breadcrumb, PageContainer, PageInset, ResponsiveGrid, Separator, Sidebar, SplitPane, Stack, Topbar };

package/dist/{chunk-JBEIL3VD.js → chunk-FBHN6OO4.js}

@@ -1,4 +1,4 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-EE3B3TEQ.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-ARDVPIF4.js';
 import { Button } from './chunk-HJEBRCXL.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';

package/dist/chunk-FRU44GA2.js

@@ -0,0 +1,18 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import { jsx } from 'react/jsx-runtime';
+
+var AspectRatio = React.forwardRef(({ className, ratio = 16 / 9, ...props }, ref) => /* @__PURE__ */ jsx(
+  AspectRatioPrimitive.Root,
+  {
+    ref,
+    "data-slot": "aspect-ratio",
+    ratio,
+    className: cn("ui-aspect-ratio", className),
+    ...props
+  }
+));
+AspectRatio.displayName = AspectRatioPrimitive.Root.displayName;
+
+export { AspectRatio };

package/dist/chunk-FYM3MJSK.js

@@ -0,0 +1,59 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React2 from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+
+var toggleVariants = cva("ui-toggle", {
+  variants: {
+    variant: {
+      default: "ui-toggle-default",
+      outline: "ui-toggle-outline"
+    },
+    size: {
+      sm: "ui-toggle-sm",
+      default: "ui-toggle-default-size",
+      lg: "ui-toggle-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Toggle = React2.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    "data-slot": "toggle",
+    className: cn(toggleVariants({ variant, size }), className),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+var ToggleGroup = React2.forwardRef(({ className, variant = "default", size = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    "data-slot": "toggle-group",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn("ui-toggle-group", className),
+    ...props,
+    children
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = React2.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Item,
+  {
+    ref,
+    "data-slot": "toggle-group-item",
+    className: cn(toggleVariants({ variant, size }), className),
+    ...props
+  }
+));
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+export { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants };