@pactor-app/ui 1.2.0 → 1.3.0

package/dist/{chunk-LMEJ242M.js → chunk-P54Y23AP.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-HJPHJKVA.js";
+} from "./chunk-EVGIS2ZE.js";
 import {
   Alert,
   AlertDescription,
@@ -71,7 +71,6 @@ import {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-  Input,
   InputGroup,
   InputOTP,
   InputOTPGroup,
@@ -116,12 +115,6 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-  Separator,
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-  Skeleton,
   Slider,
   SliderControl,
   SliderIndicator,
@@ -148,9 +141,8 @@ import {
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-Q5NUGUJG.js";
+} from "./chunk-UKA7C3JP.js";
 import {
-  Button,
   Dialog,
   DialogContent,
   DialogDescription,
@@ -161,7 +153,7 @@ import {
   DrawerContent,
   DrawerHeader,
   DrawerTitle
-} from "./chunk-F3H23KYG.js";
+} from "./chunk-F42SGQNW.js";
 import {
   Accordion,
   AccordionContent,
@@ -171,16 +163,24 @@ import {
   CardContent,
   CardHeader,
   CardTitle,
+  Input,
   Popover,
   PopoverContent,
   PopoverTrigger,
+  Separator,
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  Skeleton,
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-2LYMCWEJ.js";
+} from "./chunk-L4Z7MNYY.js";
 import {
+  Button,
   cn
-} from "./chunk-RQHJBTEU.js";
+} from "./chunk-WKJUCGV4.js";
 
 // src/components/register.ts
 import { Registry } from "@pactor-app/core";
@@ -930,7 +930,7 @@ function ChatInput({
     {
       "data-slot": "chat-input",
       className: cn(
-        "rounded-xl border border-border bg-background transition-shadow focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50",
+        "rounded-xl border border-border bg-card transition-shadow focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50",
         className
       ),
       style,
@@ -1304,9 +1304,9 @@ function Field2({ label, description, error, children, className, style }) {
 // src/components/components/Flex/index.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
 var gapClass = {
-  small: "gap-2",
-  middle: "gap-4",
-  large: "gap-6"
+  small: "gap-(--flex-gap-sm)",
+  middle: "gap-(--flex-gap-md)",
+  large: "gap-(--flex-gap-lg)"
 };
 var justifyClass = {
   start: "justify-start",
@@ -1339,6 +1339,7 @@ function Flex({
       className: cn(
         "flex",
         direction === "vertical" && "flex-col",
+        gap === void 0 && "gap-(--flex-gap)",
         typeof gap === "string" && gapClass[gap],
         justify && justifyClass[justify],
         align && alignClass[align],
@@ -1479,7 +1480,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
     {
       "data-slot": "grid",
       "data-columns": cols,
-      className: cn("grid", className),
+      className: cn("grid", gap === void 0 && "gap-(--grid-gap)", className),
       style: {
         gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
         ...gap !== void 0 ? { gap } : {},
@@ -1520,7 +1521,7 @@ function Header({
   const hasLocales = locales !== void 0 && locales.length > 0;
   const hasUser = user !== void 0;
   const rootClass = cn(
-    "flex h-14 shrink-0 items-center gap-4 border-b bg-background px-4",
+    "flex h-14 shrink-0 items-center gap-4 border-b bg-card px-4",
     className
   );
   if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
@@ -1565,7 +1566,7 @@ function HeaderDropdownArea({
       DropdownMenuTrigger,
       {
         "data-slot": "header-dropdown",
-        className: cn(menuItemClass, "outline-hidden"),
+        className: cn(menuItemClass, "outline-hidden cursor-pointer"),
         children: [
           dropdown.label,
           /* @__PURE__ */ jsx32(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
@@ -1597,7 +1598,7 @@ function HeaderMenuArea({
         {
           "data-slot": "header-menu-item",
           "data-key": item.key,
-          className: cn(menuItemClass, "outline-hidden"),
+          className: cn(menuItemClass, "outline-hidden cursor-pointer"),
           children: [
             item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
             item.label,
@@ -1629,7 +1630,7 @@ function HeaderMenuEntry({
 }) {
   if (item.children !== void 0 && item.children.length > 0) {
     return /* @__PURE__ */ jsxs23(DropdownMenuSub, { children: [
-      /* @__PURE__ */ jsxs23(DropdownMenuSubTrigger, { "data-key": item.key, children: [
+      /* @__PURE__ */ jsxs23(DropdownMenuSubTrigger, { "data-key": item.key, className: "cursor-pointer", children: [
         item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
         item.label
       ] }),
@@ -1660,7 +1661,7 @@ function HeaderUserArea({
       DropdownMenuTrigger,
       {
         "data-slot": "header-user",
-        className: "flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors outline-hidden hover:bg-accent/50",
+        className: "flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors outline-hidden hover:bg-accent/50 cursor-pointer",
         children: identity
       }
     ),
@@ -1681,7 +1682,7 @@ function HeaderLocalesArea({
       DropdownMenuTrigger,
       {
         "data-slot": "header-locales",
-        className: cn(menuItemClass, "outline-hidden"),
+        className: cn(menuItemClass, "outline-hidden cursor-pointer"),
         children: [
           current?.label ?? locale,
           /* @__PURE__ */ jsx32(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
@@ -2247,7 +2248,9 @@ function Resizable({
     /* @__PURE__ */ jsx50(
       Panel,
       {
-        defaultSize: typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
+        defaultSize: typeof panel.defaultSizePx === "number" ? `${panel.defaultSizePx}px` : typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
+        minSize: typeof panel.minSizePx === "number" ? `${panel.minSizePx}px` : void 0,
+        maxSize: typeof panel.maxSizePx === "number" ? `${panel.maxSizePx}px` : void 0,
         children: renderChildren(panel.children)
       }
     )
@@ -2436,7 +2439,7 @@ function Sider({
       "data-slot": "layout-sider",
       "data-collapsed": collapsed || void 0,
       className: cn(
-        "flex min-h-0 shrink-0 flex-col border-r bg-background transition-[width]",
+        "flex min-h-0 shrink-0 flex-col border-r bg-sidebar transition-[width]",
         className
       ),
       style: { width: current, ...style },
@@ -2528,10 +2531,10 @@ function Slider2({
       onValueChange: handleChange,
       className: inForm ? void 0 : className,
       style: inForm ? void 0 : style,
-      children: /* @__PURE__ */ jsx57(SliderControl, { children: /* @__PURE__ */ jsxs39(SliderTrack, { children: [
-        /* @__PURE__ */ jsx57(SliderIndicator, {}),
+      children: /* @__PURE__ */ jsxs39(SliderControl, { children: [
+        /* @__PURE__ */ jsx57(SliderTrack, { children: /* @__PURE__ */ jsx57(SliderIndicator, {}) }),
         /* @__PURE__ */ jsx57(SliderThumb, {})
-      ] }) })
+      ] })
     }
   );
   if (inForm && form && name) {
@@ -2704,7 +2707,7 @@ function Table2({
       "div",
       {
         "data-slot": "table-loading",
-        className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60 text-sm text-muted-foreground",
+        className: "absolute inset-0 z-10 flex items-center justify-center bg-card/60 text-sm text-muted-foreground",
         children: t("pactor.table.loading")
       }
     ) : null,
@@ -2780,8 +2783,8 @@ import { jsx as jsx64 } from "react/jsx-runtime";
 var typeClassMap = {
   default: "",
   secondary: "text-muted-foreground",
-  success: "text-green-600 dark:text-green-400",
-  warning: "text-amber-600 dark:text-amber-400",
+  success: "text-success",
+  warning: "text-warning",
   danger: "text-destructive"
 };
 function Text({
@@ -3082,6 +3085,7 @@ export {
   Combobox2 as Combobox,
   Command2 as Command,
   Chart,
+  ChatInput,
   Content,
   ContextMenu2 as ContextMenu,
   DataTable,

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

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-HJPHJKVA.js";
+} from "./chunk-EVGIS2ZE.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
           }
         ),