@pactor-app/ui 1.11.0 → 1.13.0

package/dist/{chunk-VM4FESQB.js → chunk-AUSWAD26.js}

@@ -82,8 +82,68 @@ function AccordionContent({
   );
 }
 
+// src/ui/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delay,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(TooltipProvider, { children: /* @__PURE__ */ jsx2(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
+    TooltipPrimitive.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs2(
+        TooltipPrimitive.Popup,
+        {
+          "data-slot": "tooltip-content",
+          className: cn(
+            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground 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",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx2(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
 // src/ui/card.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var cardRoundedClasses = {
   none: "rounded-none",
   sm: "rounded-sm",
@@ -98,7 +158,7 @@ function Card({
   rounded = "lg",
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-slot": "card",
@@ -112,7 +172,7 @@ function Card({
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-slot": "card-header",
@@ -125,7 +185,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-slot": "card-title",
@@ -135,7 +195,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-slot": "card-description",
@@ -145,7 +205,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-slot": "card-action",
@@ -158,7 +218,7 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-slot": "card-content",
@@ -168,7 +228,7 @@ function CardContent({ className, ...props }) {
   );
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-slot": "card-footer",
@@ -180,16 +240,16 @@ function CardFooter({ className, ...props }) {
 
 // src/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx4(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx4(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -199,7 +259,7 @@ function PopoverContent({
   anchor,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -207,7 +267,7 @@ function PopoverContent({
       sideOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx3(
+      children: /* @__PURE__ */ jsx4(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
@@ -223,9 +283,9 @@ function PopoverContent({
 }
 
 // src/ui/input.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "input",
     {
       type,
@@ -239,66 +299,6 @@ function Input({ className, type, ...props }) {
   );
 }
 
-// src/ui/tooltip.tsx
-import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-function TooltipProvider({
-  delay = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx5(
-    TooltipPrimitive.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delay,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx5(TooltipProvider, { children: /* @__PURE__ */ jsx5(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx5(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  side = "top",
-  sideOffset = 4,
-  align = "center",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx5(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx5(
-    TooltipPrimitive.Positioner,
-    {
-      align,
-      side,
-      sideOffset,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs2(
-        TooltipPrimitive.Popup,
-        {
-          "data-slot": "tooltip-content",
-          className: cn(
-            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground 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",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ jsx5(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
-          ]
-        }
-      )
-    }
-  ) });
-}
-
 // src/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
 import { jsx as jsx6 } from "react/jsx-runtime";
@@ -1156,6 +1156,10 @@ export {
   AccordionItem,
   AccordionTrigger,
   AccordionContent,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
   Card,
   CardHeader,
   CardTitle,
@@ -1167,10 +1171,6 @@ export {
   PopoverTrigger,
   PopoverContent,
   Input,
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
   useIsMobile,
   Separator,
   Sheet,

package/dist/{chunk-HW6M3BEF.js → chunk-CFUWF54N.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-PECP7DJB.js";
+} from "./chunk-GQE62HDV.js";
 import {
   Alert,
   AlertDescription,
@@ -141,7 +141,7 @@ import {
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-NVORKHWX.js";
+} from "./chunk-NQQAPB7Q.js";
 import {
   Dialog,
   DialogContent,
@@ -176,7 +176,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-VM4FESQB.js";
+} from "./chunk-AUSWAD26.js";
 import {
   Button,
   cn
@@ -379,6 +379,7 @@ var sizeMap = {
 function Button2({
   text,
   icon,
+  tooltip,
   variant = "default",
   danger,
   size = "middle",
@@ -391,7 +392,7 @@ function Button2({
   children
 }) {
   const textual = variant === "link" || variant === "text";
-  return /* @__PURE__ */ jsxs6(
+  const button = /* @__PURE__ */ jsxs6(
     Button,
     {
       type: submit ? "submit" : "button",
@@ -412,6 +413,13 @@ function Button2({
       ]
     }
   );
+  if (tooltip) {
+    return /* @__PURE__ */ jsxs6(Tooltip, { children: [
+      /* @__PURE__ */ jsx9(TooltipTrigger, { render: button }),
+      /* @__PURE__ */ jsx9(TooltipContent, { children: tooltip })
+    ] });
+  }
+  return button;
 }
 
 // src/components/components/ButtonGroup/index.tsx
@@ -2721,7 +2729,8 @@ function Select2({
     "span",
     {
       className: cn(
-        "inline-flex items-center gap-1",
+        // Form / Field（Form 上下文）内控件占满整行宽度；独立渲染保持内容自然宽度
+        inFormRoot ? "flex w-full items-center gap-1" : "inline-flex items-center gap-1",
         !inFormRoot && className,
         controlClassName
       ),
@@ -2736,7 +2745,7 @@ function Select2({
             disabled,
             name: inForm ? name : void 0,
             children: [
-              /* @__PURE__ */ jsx53(SelectTrigger, { id: controlId, children: /* @__PURE__ */ jsx53(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ jsx53(SelectTrigger, { id: controlId, className: inFormRoot ? "w-full" : void 0, children: /* @__PURE__ */ jsx53(SelectValue, { placeholder }) }),
               /* @__PURE__ */ jsx53(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx53(
                 SelectItem,
                 {
@@ -3168,7 +3177,16 @@ function Table2({
 // src/components/components/Tabs/index.tsx
 import { useRenderer as useRenderer16 } from "@pactor-app/runtime";
 import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
-function Tabs2({ items = [], activeKey, variant, onChange, className, style }) {
+function Tabs2({
+  items = [],
+  activeKey,
+  variant,
+  onChange,
+  contentClassName,
+  contentStyle,
+  className,
+  style
+}) {
   const { renderChildren } = useRenderer16();
   return /* @__PURE__ */ jsxs44(
     Tabs,
@@ -3180,7 +3198,16 @@ function Tabs2({ items = [], activeKey, variant, onChange, className, style }) {
       style,
       children: [
         /* @__PURE__ */ jsx64(TabsList, { variant, children: items.map((item) => /* @__PURE__ */ jsx64(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
-        items.map((item) => /* @__PURE__ */ jsx64(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
+        items.map((item) => /* @__PURE__ */ jsx64(
+          TabsContent,
+          {
+            value: item.key,
+            className: cn(contentClassName, item.className),
+            style: { ...contentStyle, ...item.style },
+            children: renderChildren(item.children)
+          },
+          item.key
+        ))
       ]
     }
   );
@@ -3195,9 +3222,15 @@ var typeClassMap = {
   warning: "text-warning",
   danger: "text-destructive"
 };
+var sizeClassMap = {
+  small: "text-xs",
+  middle: "",
+  large: "text-lg"
+};
 function Text({
   text,
   type = "default",
+  size = "middle",
   strong,
   delete: del,
   underline,
@@ -3213,6 +3246,7 @@ function Text({
       "data-type": type,
       className: cn(
         typeClassMap[type],
+        sizeClassMap[size],
         strong && "font-semibold",
         del && "line-through",
         underline && "underline",

package/dist/{chunk-PECP7DJB.js → chunk-GQE62HDV.js}

@@ -16,7 +16,7 @@ import {
   TooltipTrigger,
   useIsMobile,
   useSidebar
-} from "./chunk-VM4FESQB.js";
+} from "./chunk-AUSWAD26.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";
@@ -219,7 +219,28 @@ var ICONS = {
   "rotate-ccw": RotateCcw,
   quote: Quote,
   chat: MessageSquare,
-  brain: Brain
+  brain: Brain,
+  // lucide 规范名别名（kebab-case 原名直通；上方短别名保留兼容）——
+  // 白名单文档承诺 kebab-case 键，缺别名时规范名（如 trash-2）会落入未知占位
+  "trash-2": Trash2,
+  "share-2": Share2,
+  "building-2": Building2,
+  house: House,
+  "triangle-alert": TriangleAlert,
+  "circle-alert": CircleAlert,
+  "circle-check": CircleCheck,
+  "circle-x": CircleX,
+  "circle-question-mark": CircleQuestionMark,
+  "square-pen": SquarePen,
+  "refresh-ccw": RefreshCcw,
+  "chart-column": ChartColumn,
+  "layout-grid": LayoutGrid,
+  funnel: Funnel,
+  "loader-circle": LoaderCircle,
+  ellipsis: Ellipsis,
+  "ellipsis-vertical": EllipsisVertical,
+  "message-circle": MessageCircle,
+  "lock-open": LockOpen
 };
 function normalizeIconName(name) {
   return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
@@ -249,7 +270,7 @@ function Icon({
         size: px,
         color,
         strokeWidth,
-        className: cn("shrink-0 text-muted-foreground", className),
+        className: cn("shrink-0", className),
         style,
         "aria-hidden": "true"
       }

package/dist/{chunk-NVORKHWX.js → chunk-NQQAPB7Q.js}

@@ -2,7 +2,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-VM4FESQB.js";
+} from "./chunk-AUSWAD26.js";
 import {
   Button,
   buttonVariants,
@@ -2476,7 +2476,8 @@ var tabsListVariants = cva4(
     variants: {
       variant: {
         default: "h-9 rounded-lg bg-muted p-[3px]",
-        line: "h-auto gap-1 rounded-none border-b border-border bg-transparent p-0"
+        // line：页签栏通栏（下划线轨道占满容器宽），触发器自然宽度靠左排列
+        line: "h-auto w-full justify-start gap-1 rounded-none border-b border-border bg-transparent p-0"
       }
     },
     defaultVariants: {
@@ -2512,8 +2513,9 @@ function TabsTrigger({
         // default 变体：激活态胶囊（边框 + 卡片底 + 阴影）
         "group-data-[variant=default]/tabs-list:data-active:border-border group-data-[variant=default]/tabs-list:data-active:bg-card group-data-[variant=default]/tabs-list:data-active:shadow-sm",
         // line 变体：下划线指示——弱化未激活文字，激活态底部 2px 主色线
-        //（叠在 List 的底边轨道上），无底色/圆角/阴影
-        "group-data-[variant=line]/tabs-list:-mb-px group-data-[variant=line]/tabs-list:h-9 group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:border-x-0 group-data-[variant=line]/tabs-list:border-t-0 group-data-[variant=line]/tabs-list:border-b-2 group-data-[variant=line]/tabs-list:py-1.5 group-data-[variant=line]/tabs-list:text-muted-foreground group-data-[variant=line]/tabs-list:data-active:border-b-primary group-data-[variant=line]/tabs-list:data-active:text-foreground",
+        //（叠在 List 的底边轨道上），无底色/圆角/阴影；通栏 List 下取消
+        // flex-1 拉伸，触发器保持自然宽度
+        "group-data-[variant=line]/tabs-list:-mb-px group-data-[variant=line]/tabs-list:h-9 group-data-[variant=line]/tabs-list:flex-none group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:border-x-0 group-data-[variant=line]/tabs-list:border-t-0 group-data-[variant=line]/tabs-list:border-b-2 group-data-[variant=line]/tabs-list:py-1.5 group-data-[variant=line]/tabs-list:text-muted-foreground group-data-[variant=line]/tabs-list:data-active:border-b-primary group-data-[variant=line]/tabs-list:data-active:text-foreground",
         className
       ),
       ...props

package/dist/{chunk-TAJXMOEX.js → chunk-V2J6FHWX.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-PECP7DJB.js";
+} from "./chunk-GQE62HDV.js";
 import {
   Accordion,
   AccordionContent,
@@ -15,7 +15,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-VM4FESQB.js";
+} from "./chunk-AUSWAD26.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";