@pactor-app/ui 1.2.0 → 1.7.0

package/dist/{chunk-F3H23KYG.js → chunk-F42SGQNW.js}

@@ -1,101 +1,41 @@
 import {
   cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border border-border bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 gap-1.5 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-6",
-        icon: "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  children,
-  ...props
-}) {
-  if (asChild && React.isValidElement(children)) {
-    return /* @__PURE__ */ jsx(
-      ButtonPrimitive,
-      {
-        "data-slot": "button",
-        className: cn(buttonVariants({ variant, size, className })),
-        render: children,
-        ...props
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    ButtonPrimitive,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props,
-      children
-    }
-  );
-}
+} from "./chunk-WKJUCGV4.js";
 
 // src/ui/dialog.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Backdrop,
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
         className
       ),
       ...props
@@ -109,13 +49,13 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx2(DialogOverlay, {}),
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
     /* @__PURE__ */ jsxs(
       DialogPrimitive.Popup,
       {
         "data-slot": "dialog-content",
         className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
           className
         ),
         ...props,
@@ -125,7 +65,7 @@ function DialogContent({
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ jsx2(
+              render: /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
@@ -133,8 +73,8 @@ function DialogContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx2(XIcon, {}),
-                /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -144,7 +84,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "dialog-header",
@@ -154,7 +94,7 @@ function DialogHeader({ className, ...props }) {
   );
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "dialog-footer",
@@ -170,7 +110,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -183,7 +123,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -195,36 +135,36 @@ function DialogDescription({
 
 // src/ui/drawer.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx2(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx2(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx2(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx2(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     DrawerPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
-      className: cn("fixed inset-0 z-50 bg-black/50", className),
+      className: cn("fixed inset-0 z-50 bg-(--overlay-background)", className),
       ...props
     }
   );
@@ -235,13 +175,13 @@ function DrawerContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs2(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ jsx3(DrawerOverlay, {}),
+    /* @__PURE__ */ jsx2(DrawerOverlay, {}),
     /* @__PURE__ */ jsxs2(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
         className: cn(
-          "group/drawer-content fixed z-50 flex h-auto flex-col border-border bg-background",
+          "group/drawer-content fixed z-50 flex h-auto flex-col border-border bg-popover",
           "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
           "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
           "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
@@ -250,7 +190,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx3("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ jsx2("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -258,7 +198,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       "data-slot": "drawer-header",
@@ -268,7 +208,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -281,7 +221,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -294,7 +234,7 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -305,8 +245,6 @@ function DrawerDescription({
 }
 
 export {
-  buttonVariants,
-  Button,
   Dialog,
   DialogTrigger,
   DialogPortal,

package/dist/{chunk-22TEN3ER.js → chunk-FJPRXEKQ.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-HJPHJKVA.js";
+} from "./chunk-ZM3WJZZ7.js";
 import {
   Accordion,
   AccordionContent,
@@ -15,10 +15,10 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-2LYMCWEJ.js";
+} from "./chunk-L4Z7MNYY.js";
 import {
   cn
-} from "./chunk-RQHJBTEU.js";
+} from "./chunk-WKJUCGV4.js";
 
 // src/layout/admin/menu-chain.ts
 function findMenuChain(registry, menuId) {
@@ -121,7 +121,7 @@ function navigateMenuItem(menu, bridge) {
   }
   bridge.push(menu.path);
 }
-var menuItemClass = "flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-left text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50";
+var menuItemClass = "flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-left text-sm text-muted-foreground transition-colors hover:bg-(--menu-hover-background) hover:text-(--menu-hover-foreground) disabled:pointer-events-none disabled:opacity-50";
 function CollapsedGroupFlyout({
   menu,
   registry,
@@ -227,7 +227,7 @@ function MenuTree({
           className: cn(
             menuItemClass,
             "mx-auto size-10 justify-center px-0 font-semibold",
-            menu.id === activeMenuId && "bg-accent font-semibold text-accent-foreground"
+            menu.id === activeMenuId && "bg-(--menu-active-background) font-semibold text-(--menu-active-foreground)"
           ),
           disabled: menu.disabled,
           title: menu.title,
@@ -290,7 +290,7 @@ function MenuTree({
             "data-active": menu.id === activeMenuId || void 0,
             className: cn(
               menuItemClass,
-              menu.id === activeMenuId && "bg-accent font-semibold text-accent-foreground"
+              menu.id === activeMenuId && "bg-(--menu-active-background) font-semibold text-(--menu-active-foreground)"
             ),
             disabled: menu.disabled,
             title: menu.title,
@@ -396,7 +396,7 @@ function AdminLayout({
     {
       "data-slot": "admin-header",
       className: cn(
-        "flex h-14 items-center gap-4 border-b border-border bg-background px-6",
+        "flex h-14 items-center gap-4 border-b border-border bg-card px-6",
         fixedHeader && "sticky top-0 z-20"
       ),
       children: [
@@ -423,7 +423,7 @@ function AdminLayout({
           className: cn(
             menuItemClass,
             "size-10 justify-center px-0 font-semibold",
-            (menu.id === secondaryTopId || menu.id === activeTopId) && "bg-accent text-accent-foreground"
+            (menu.id === secondaryTopId || menu.id === activeTopId) && "bg-(--menu-active-background) text-(--menu-active-foreground)"
           ),
           disabled: menu.disabled,
           title: menu.title,
@@ -447,7 +447,7 @@ function AdminLayout({
       "data-slot": "admin-sidebar",
       "data-collapsed": effectiveCollapsed || void 0,
       className: cn(
-        "shrink-0 overflow-auto border-r border-border bg-background py-2",
+        "shrink-0 overflow-auto border-r border-border bg-sidebar py-2",
         effectiveCollapsed ? "w-16 px-1.5" : "w-52",
         fixedSider && (mode === "side-full" ? "sticky top-0 h-screen" : "sticky top-14 h-[calc(100vh-3.5rem)]")
       ),
@@ -494,7 +494,7 @@ function AdminLayout({
             "data-slot": "admin-collapse-trigger",
             "aria-label": effectiveCollapsed ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
             "aria-expanded": !effectiveCollapsed,
-            className: "sticky bottom-0 flex w-full cursor-pointer items-center justify-center border-t border-border bg-background py-2 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+            className: "sticky bottom-0 flex w-full cursor-pointer items-center justify-center border-t border-border bg-sidebar py-2 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
             onClick: () => setCollapsed((value) => !value),
             children: effectiveCollapsed ? "\xBB" : "\xAB"
           }
@@ -508,7 +508,7 @@ function AdminLayout({
       {
         "data-slot": "admin-tabs",
         role: "tablist",
-        className: "flex items-center gap-1 border-b border-border bg-background px-4 pt-2",
+        className: "flex items-center gap-1 border-b border-border bg-card px-4 pt-2",
         children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
           "div",
           {
@@ -517,7 +517,7 @@ function AdminLayout({
             role: "presentation",
             className: cn(
               "inline-flex items-center gap-1 rounded-t-md border border-b-0 border-border px-3 py-1.5 text-sm",
-              tab.key === currentPath ? "bg-background font-medium text-foreground" : "bg-muted text-muted-foreground"
+              tab.key === currentPath ? "bg-card font-medium text-foreground" : "bg-muted text-muted-foreground"
             ),
             children: [
               /* @__PURE__ */ jsx(
@@ -827,7 +827,7 @@ function LandingLayout({
           "header",
           {
             "data-slot": "landing-navbar",
-            className: "border-b border-border bg-background",
+            className: "border-b border-border bg-card",
             children: navbar
           }
         ),