@pactor-app/ui 1.3.0 → 1.7.0

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { Accordion, AccordionItemData, AccordionProps, Alert, AlertDialog, AlertDialogProps, AlertProps, AlertVariant, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BadgeVariant, Breadcrumb, BreadcrumbItemData, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, Calendar, CalendarProps, Card, CardProps, Carousel, CarouselImage, CarouselItemData, CarouselProps, Chart, ChartProps, ChartType, ChatInput, ChatInputProps, Checkbox, CheckboxProps, Collapsible, CollapsibleProps, Combobox, ComboboxOption, ComboboxProps, Command, CommandGroupData, CommandItemData, CommandProps, Content, ContentProps, ContextMenu, ContextMenuItemData, ContextMenuProps, DataTable, DataTableColumn, DataTablePagination, DataTableProps, DataTableSort, DataTableSortOrder, Dialog, DialogProps, Drawer, DrawerPlacement, DrawerProps, DropdownMenu, DropdownMenuItemData, DropdownMenuProps, Empty, EmptyProps, Field, FieldProps, FieldRule, Flex, FlexProps, Footer, FooterProps, Form, FormContextValue, FormProps, Grid, GridProps, Header, HeaderBrandPosition, HeaderDropdown, HeaderDropdownItem, HeaderLocale, HeaderMenuItem, HeaderProps, HeaderUser, HeaderUserItem, HoverCard, HoverCardProps, ICONS, Icon, IconProps, IconSize, Input, InputGroup, InputGroupProps, InputOTP, InputOTPProps, InputProps, Item, ItemProps, Kbd, KbdProps, Label, LabelProps, Layout, LayoutProps, Link, LinkProps, Menu, MenuItem, MenuProps, Menubar, MenubarLeafItem, MenubarMenuData, MenubarProps, NavigationMenu, NavigationMenuChildItem, NavigationMenuItemData, NavigationMenuProps, Page, PageProps, Pagination, PaginationProps, Popover, PopoverProps, Progress, ProgressProps, RadioGroup, RadioGroupOption, RadioGroupProps, RailTooltip, Resizable, ResizablePanelData, ResizableProps, ScrollArea, ScrollAreaProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, SheetSide, Sidebar, SidebarBrand, SidebarNavItem, SidebarProps, Sider, SiderProps, Skeleton, SkeletonProps, SkeletonShape, Slider, SliderProps, Sonner, SonnerProps, Spinner, SpinnerProps, SpinnerSize, Statistic, StatisticProps, Switch, SwitchProps, TabItem, Table, TableColumn, TablePagination, TablePaginationInfo, TableProps, Tabs, TabsProps, Text, TextProps, TextType, Textarea, TextareaProps, Toggle, ToggleGroup, ToggleGroupOption, ToggleGroupProps, ToggleProps, Tooltip, TooltipProps, Typography, TypographyProps, TypographyVariant, builtinComponents, createComponentRegistry, normalizeIconName, registerBuiltinComponents, useFormContext, useSidebarDrawer } from './components/index.cjs';
+export { Accordion, AccordionItemData, AccordionProps, Alert, AlertDialog, AlertDialogProps, AlertProps, AlertVariant, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BadgeVariant, Breadcrumb, BreadcrumbItemData, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, Calendar, CalendarProps, Card, CardProps, Carousel, CarouselImage, CarouselItemData, CarouselProps, Chart, ChartProps, ChartType, ChatInput, ChatInputProps, Checkbox, CheckboxProps, Collapsible, CollapsibleProps, Combobox, ComboboxOption, ComboboxProps, Command, CommandGroupData, CommandItemData, CommandProps, Content, ContentProps, ContextMenu, ContextMenuItemData, ContextMenuProps, DataTable, DataTableColumn, DataTablePagination, DataTableProps, DataTableSort, DataTableSortOrder, DatePicker, DatePickerPreset, DatePickerPresetKey, DatePickerProps, DatePickerRangeProps, DatePickerSingleProps, DateRangeValue, Dialog, DialogProps, Drawer, DrawerPlacement, DrawerProps, DropdownMenu, DropdownMenuItemData, DropdownMenuProps, Empty, EmptyProps, Field, FieldProps, FieldRule, Flex, FlexProps, Footer, FooterProps, Form, FormContextValue, FormProps, Grid, GridProps, Header, HeaderBrandPosition, HeaderDropdown, HeaderDropdownItem, HeaderLocale, HeaderMenuItem, HeaderProps, HeaderUser, HeaderUserItem, HoverCard, HoverCardProps, ICONS, Icon, IconProps, IconSize, Input, InputGroup, InputGroupProps, InputOTP, InputOTPProps, InputProps, Item, ItemProps, Kbd, KbdProps, Label, LabelProps, Layout, LayoutProps, Link, LinkProps, Menu, MenuItem, MenuProps, Menubar, MenubarLeafItem, MenubarMenuData, MenubarProps, NavigationMenu, NavigationMenuChildItem, NavigationMenuItemData, NavigationMenuProps, Page, PageProps, Pagination, PaginationProps, Popover, PopoverProps, Progress, ProgressProps, RadioGroup, RadioGroupOption, RadioGroupProps, RailTooltip, Resizable, ResizablePanelData, ResizableProps, ScrollArea, ScrollAreaProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, SheetSide, Sidebar, SidebarBrand, SidebarNavItem, SidebarProps, Sider, SiderProps, Skeleton, SkeletonProps, SkeletonShape, Slider, SliderProps, Sonner, SonnerProps, Spinner, SpinnerProps, SpinnerSize, Statistic, StatisticProps, Switch, SwitchProps, TabItem, Table, TableColumn, TablePagination, TablePaginationInfo, TableProps, Tabs, TabsProps, Text, TextProps, TextType, Textarea, TextareaProps, Toggle, ToggleGroup, ToggleGroupOption, ToggleGroupProps, ToggleProps, Tooltip, TooltipProps, Typography, TypographyProps, TypographyVariant, builtinComponents, createComponentRegistry, normalizeIconName, registerBuiltinComponents, useFormContext, useSidebarDrawer } from './components/index.cjs';
 export { AdminBrand, AdminLayout, AdminLayoutBreakpoint, AdminLayoutConfig, AdminLayoutMode, AdminLayoutProps, BlankLayout, BlankLayoutProps, ChatLayout, ChatLayoutBrand, ChatLayoutMenuItem, ChatLayoutProps, LandingLayout, LandingLayoutProps, LayoutComponent, LayoutRegistry, LoginBrand, LoginLayout, LoginLayoutProps, collectDefaultOpenKeys, createLayoutRegistry, findMenuChain, registerBuiltinLayouts, resolveLayout } from './layout/index.cjs';
 export { InteractionProvider, InteractionProviderProps, OVERLAY_CANCEL_PAYLOAD, OverlayConfig, OverlayEntry, OverlayHost, OverlayHostProps, OverlayListener, OverlayManager, ResolvePageFn, UiBridge, UiMessage, UiModal, createUiBridge, registerInteractionActions } from './interaction/index.cjs';
 import '@pactor-app/runtime';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { Accordion, AccordionItemData, AccordionProps, Alert, AlertDialog, AlertDialogProps, AlertProps, AlertVariant, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BadgeVariant, Breadcrumb, BreadcrumbItemData, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, Calendar, CalendarProps, Card, CardProps, Carousel, CarouselImage, CarouselItemData, CarouselProps, Chart, ChartProps, ChartType, ChatInput, ChatInputProps, Checkbox, CheckboxProps, Collapsible, CollapsibleProps, Combobox, ComboboxOption, ComboboxProps, Command, CommandGroupData, CommandItemData, CommandProps, Content, ContentProps, ContextMenu, ContextMenuItemData, ContextMenuProps, DataTable, DataTableColumn, DataTablePagination, DataTableProps, DataTableSort, DataTableSortOrder, Dialog, DialogProps, Drawer, DrawerPlacement, DrawerProps, DropdownMenu, DropdownMenuItemData, DropdownMenuProps, Empty, EmptyProps, Field, FieldProps, FieldRule, Flex, FlexProps, Footer, FooterProps, Form, FormContextValue, FormProps, Grid, GridProps, Header, HeaderBrandPosition, HeaderDropdown, HeaderDropdownItem, HeaderLocale, HeaderMenuItem, HeaderProps, HeaderUser, HeaderUserItem, HoverCard, HoverCardProps, ICONS, Icon, IconProps, IconSize, Input, InputGroup, InputGroupProps, InputOTP, InputOTPProps, InputProps, Item, ItemProps, Kbd, KbdProps, Label, LabelProps, Layout, LayoutProps, Link, LinkProps, Menu, MenuItem, MenuProps, Menubar, MenubarLeafItem, MenubarMenuData, MenubarProps, NavigationMenu, NavigationMenuChildItem, NavigationMenuItemData, NavigationMenuProps, Page, PageProps, Pagination, PaginationProps, Popover, PopoverProps, Progress, ProgressProps, RadioGroup, RadioGroupOption, RadioGroupProps, RailTooltip, Resizable, ResizablePanelData, ResizableProps, ScrollArea, ScrollAreaProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, SheetSide, Sidebar, SidebarBrand, SidebarNavItem, SidebarProps, Sider, SiderProps, Skeleton, SkeletonProps, SkeletonShape, Slider, SliderProps, Sonner, SonnerProps, Spinner, SpinnerProps, SpinnerSize, Statistic, StatisticProps, Switch, SwitchProps, TabItem, Table, TableColumn, TablePagination, TablePaginationInfo, TableProps, Tabs, TabsProps, Text, TextProps, TextType, Textarea, TextareaProps, Toggle, ToggleGroup, ToggleGroupOption, ToggleGroupProps, ToggleProps, Tooltip, TooltipProps, Typography, TypographyProps, TypographyVariant, builtinComponents, createComponentRegistry, normalizeIconName, registerBuiltinComponents, useFormContext, useSidebarDrawer } from './components/index.js';
+export { Accordion, AccordionItemData, AccordionProps, Alert, AlertDialog, AlertDialogProps, AlertProps, AlertVariant, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BadgeVariant, Breadcrumb, BreadcrumbItemData, BreadcrumbProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, ButtonSize, ButtonVariant, Calendar, CalendarProps, Card, CardProps, Carousel, CarouselImage, CarouselItemData, CarouselProps, Chart, ChartProps, ChartType, ChatInput, ChatInputProps, Checkbox, CheckboxProps, Collapsible, CollapsibleProps, Combobox, ComboboxOption, ComboboxProps, Command, CommandGroupData, CommandItemData, CommandProps, Content, ContentProps, ContextMenu, ContextMenuItemData, ContextMenuProps, DataTable, DataTableColumn, DataTablePagination, DataTableProps, DataTableSort, DataTableSortOrder, DatePicker, DatePickerPreset, DatePickerPresetKey, DatePickerProps, DatePickerRangeProps, DatePickerSingleProps, DateRangeValue, Dialog, DialogProps, Drawer, DrawerPlacement, DrawerProps, DropdownMenu, DropdownMenuItemData, DropdownMenuProps, Empty, EmptyProps, Field, FieldProps, FieldRule, Flex, FlexProps, Footer, FooterProps, Form, FormContextValue, FormProps, Grid, GridProps, Header, HeaderBrandPosition, HeaderDropdown, HeaderDropdownItem, HeaderLocale, HeaderMenuItem, HeaderProps, HeaderUser, HeaderUserItem, HoverCard, HoverCardProps, ICONS, Icon, IconProps, IconSize, Input, InputGroup, InputGroupProps, InputOTP, InputOTPProps, InputProps, Item, ItemProps, Kbd, KbdProps, Label, LabelProps, Layout, LayoutProps, Link, LinkProps, Menu, MenuItem, MenuProps, Menubar, MenubarLeafItem, MenubarMenuData, MenubarProps, NavigationMenu, NavigationMenuChildItem, NavigationMenuItemData, NavigationMenuProps, Page, PageProps, Pagination, PaginationProps, Popover, PopoverProps, Progress, ProgressProps, RadioGroup, RadioGroupOption, RadioGroupProps, RailTooltip, Resizable, ResizablePanelData, ResizableProps, ScrollArea, ScrollAreaProps, Select, SelectOption, SelectProps, Separator, SeparatorProps, Sheet, SheetProps, SheetSide, Sidebar, SidebarBrand, SidebarNavItem, SidebarProps, Sider, SiderProps, Skeleton, SkeletonProps, SkeletonShape, Slider, SliderProps, Sonner, SonnerProps, Spinner, SpinnerProps, SpinnerSize, Statistic, StatisticProps, Switch, SwitchProps, TabItem, Table, TableColumn, TablePagination, TablePaginationInfo, TableProps, Tabs, TabsProps, Text, TextProps, TextType, Textarea, TextareaProps, Toggle, ToggleGroup, ToggleGroupOption, ToggleGroupProps, ToggleProps, Tooltip, TooltipProps, Typography, TypographyProps, TypographyVariant, builtinComponents, createComponentRegistry, normalizeIconName, registerBuiltinComponents, useFormContext, useSidebarDrawer } from './components/index.js';
 export { AdminBrand, AdminLayout, AdminLayoutBreakpoint, AdminLayoutConfig, AdminLayoutMode, AdminLayoutProps, BlankLayout, BlankLayoutProps, ChatLayout, ChatLayoutBrand, ChatLayoutMenuItem, ChatLayoutProps, LandingLayout, LandingLayoutProps, LayoutComponent, LayoutRegistry, LoginBrand, LoginLayout, LoginLayoutProps, collectDefaultOpenKeys, createLayoutRegistry, findMenuChain, registerBuiltinLayouts, resolveLayout } from './layout/index.js';
 export { InteractionProvider, InteractionProviderProps, OVERLAY_CANCEL_PAYLOAD, OverlayConfig, OverlayEntry, OverlayHost, OverlayHostProps, OverlayListener, OverlayManager, ResolvePageFn, UiBridge, UiMessage, UiModal, createUiBridge, registerInteractionActions } from './interaction/index.js';
 import '@pactor-app/runtime';

package/dist/index.js

@@ -20,6 +20,7 @@ import {
   Content,
   ContextMenu,
   DataTable,
+  DatePicker,
   Dialog,
   Drawer,
   DropdownMenu,
@@ -70,7 +71,7 @@ import {
   createComponentRegistry,
   registerBuiltinComponents,
   useFormContext
-} from "./chunk-P54Y23AP.js";
+} from "./chunk-PMYLC26E.js";
 import {
   InteractionProvider,
   OVERLAY_CANCEL_PAYLOAD,
@@ -90,7 +91,7 @@ import {
   findMenuChain,
   registerBuiltinLayouts,
   resolveLayout
-} from "./chunk-TDVG7MZ5.js";
+} from "./chunk-FJPRXEKQ.js";
 import {
   ICONS,
   Icon,
@@ -99,8 +100,8 @@ import {
   Sidebar,
   normalizeIconName,
   useSidebarDrawer
-} from "./chunk-EVGIS2ZE.js";
-import "./chunk-UKA7C3JP.js";
+} from "./chunk-ZM3WJZZ7.js";
+import "./chunk-E2TD6JD2.js";
 import "./chunk-F42SGQNW.js";
 import "./chunk-L4Z7MNYY.js";
 import "./chunk-WKJUCGV4.js";
@@ -129,6 +130,7 @@ export {
   Content,
   ContextMenu,
   DataTable,
+  DatePicker,
   Dialog,
   Drawer,
   DropdownMenu,

package/dist/layout/index.cjs

@@ -931,6 +931,9 @@ function BlankLayout({ children }) {
 
 // src/layout/chat/ChatLayout.tsx
 var import_permission2 = require("@pactor-app/permission");
+var import_react6 = require("react");
+
+// src/components/components/Menu/index.tsx
 var import_react5 = require("react");
 
 // src/ui/tooltip.tsx
@@ -1698,16 +1701,49 @@ function SidebarInner({
 
 // src/components/components/Menu/index.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
+function collectAncestors(items, target, into, trail = []) {
+  for (const item of items) {
+    if (item.key === target) {
+      for (const key of trail) into.add(key);
+      return true;
+    }
+    if (item.children?.length && collectAncestors(item.children, target, into, [...trail, item.key])) {
+      return true;
+    }
+  }
+  return false;
+}
 function Menu2({
   items = [],
   mode = "inline",
   selectedKey,
+  collapsible = false,
+  defaultExpandedKeys,
   onSelect,
   className,
   style
 }) {
   const drawer = useSidebarDrawer();
   const collapsed = mode === "inline" && drawer?.collapsed === true;
+  const collapsibleOn = collapsible && mode === "inline" && !collapsed;
+  const [expandedKeys, setExpandedKeys] = (0, import_react5.useState)(() => {
+    const initial = new Set(defaultExpandedKeys ?? []);
+    if (selectedKey !== void 0) {
+      collectAncestors(items, selectedKey, initial);
+    }
+    return initial;
+  });
+  const toggleExpanded = (key) => {
+    setExpandedKeys((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) {
+        next.delete(key);
+      } else {
+        next.add(key);
+      }
+      return next;
+    });
+  };
   let previousGroup;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "nav",
@@ -1743,7 +1779,10 @@ function Menu2({
               depth: 0,
               selectedKey,
               onSelect,
-              collapsed
+              collapsed,
+              collapsible: collapsibleOn,
+              expandedKeys,
+              onToggle: toggleExpanded
             }
           )
         ] }, item.key);
@@ -1757,15 +1796,34 @@ function MenuEntry({
   depth,
   selectedKey,
   onSelect,
-  collapsed = false
+  collapsed = false,
+  collapsible = false,
+  expandedKeys,
+  onToggle
 }) {
   const selected = item.key === selectedKey;
+  const hasChildren = (item.children?.length ?? 0) > 0;
+  const isDirectory = collapsible && hasChildren;
+  const expanded = isDirectory && expandedKeys?.has(item.key) === true;
+  const railDirectory = collapsed && hasChildren;
+  const [flyoutOpen, setFlyoutOpen] = (0, import_react5.useState)(false);
+  const flyoutTimer = (0, import_react5.useRef)(void 0);
+  const flyoutOpenNow = () => {
+    window.clearTimeout(flyoutTimer.current);
+    setFlyoutOpen(true);
+  };
+  const flyoutCloseLater = () => {
+    window.clearTimeout(flyoutTimer.current);
+    flyoutTimer.current = window.setTimeout(() => setFlyoutOpen(false), 200);
+  };
+  (0, import_react5.useEffect)(() => () => window.clearTimeout(flyoutTimer.current), []);
   const button = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "button",
     {
       type: "button",
       "data-slot": "menu-item",
       "aria-current": selected ? "page" : void 0,
+      "aria-expanded": isDirectory ? expanded : railDirectory ? flyoutOpen : void 0,
       disabled: item.disabled,
       className: cn(
         "flex w-full items-center gap-2 rounded-md text-sm transition-colors",
@@ -1775,8 +1833,14 @@ function MenuEntry({
         item.disabled && "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground"
       ),
       style: mode === "inline" && depth > 0 && !collapsed ? { paddingLeft: 12 + depth * 16 } : void 0,
+      onMouseEnter: railDirectory ? flyoutOpenNow : void 0,
+      onMouseLeave: railDirectory ? flyoutCloseLater : void 0,
       onClick: () => {
-        if (!item.disabled) {
+        if (item.disabled) return;
+        if (railDirectory) return;
+        if (isDirectory) {
+          onToggle?.(item.key);
+        } else {
           onSelect?.(item.key);
         }
       },
@@ -1791,13 +1855,58 @@ function MenuEntry({
             className: "shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
             children: item.badge
           }
+        ) : null,
+        isDirectory ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "span",
+          {
+            "data-slot": "menu-item-chevron",
+            className: cn(
+              "shrink-0 transition-transform",
+              expanded && "rotate-180"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "chevron-down", size: "sm" })
+          }
         ) : null
       ]
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
-    collapsed ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RailTooltip, { label: item.label, children: button }) : button,
-    item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    railDirectory ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Popover, { open: flyoutOpen, onOpenChange: setFlyoutOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverTrigger, { render: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        PopoverContent,
+        {
+          "data-slot": "menu-flyout",
+          side: "right",
+          align: "start",
+          sideOffset: 8,
+          className: "max-h-[70vh] w-48 overflow-auto p-1",
+          initialFocus: false,
+          onMouseEnter: flyoutOpenNow,
+          onMouseLeave: flyoutCloseLater,
+          onClick: (event) => {
+            if (event.target.closest("[data-slot=menu-item]")) {
+              setFlyoutOpen(false);
+            }
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: item.label }),
+            item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              MenuEntry,
+              {
+                item: child,
+                mode: "inline",
+                depth: 0,
+                selectedKey,
+                onSelect
+              },
+              child.key
+            ))
+          ]
+        }
+      )
+    ] }) : collapsed ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RailTooltip, { label: item.label, children: button }) : button,
+    railDirectory || isDirectory && !expanded ? null : item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       MenuEntry,
       {
         item: child,
@@ -1805,7 +1914,10 @@ function MenuEntry({
         depth: depth + 1,
         selectedKey,
         onSelect,
-        collapsed
+        collapsed,
+        collapsible,
+        expandedKeys,
+        onToggle
       },
       child.key
     ))
@@ -1828,7 +1940,7 @@ function ChatLayout({
   sidebarFooter,
   children
 }) {
-  const registryMenus = (0, import_react5.useMemo)(() => {
+  const registryMenus = (0, import_react6.useMemo)(() => {
     if (menu !== void 0 || registry === void 0) {
       return [];
     }
@@ -1837,10 +1949,10 @@ function ChatLayout({
     return visible.flatMap((item) => menuItemToMenuData(item));
   }, [menu, registry, permissionChecker]);
   const menuItems = menu ?? registryMenus;
-  const [bridgePath, setBridgePath] = (0, import_react5.useState)(
+  const [bridgePath, setBridgePath] = (0, import_react6.useState)(
     () => bridge?.getLocation().pathname ?? "/"
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (bridge === void 0) {
       return;
     }
@@ -1848,7 +1960,7 @@ function ChatLayout({
       setBridgePath(location.pathname);
     });
   }, [bridge]);
-  const activeKey = (0, import_react5.useMemo)(() => {
+  const activeKey = (0, import_react6.useMemo)(() => {
     if (activeMenuKey !== void 0) {
       return activeMenuKey;
     }

package/dist/layout/index.js

@@ -9,8 +9,8 @@ import {
   findMenuChain,
   registerBuiltinLayouts,
   resolveLayout
-} from "../chunk-TDVG7MZ5.js";
-import "../chunk-EVGIS2ZE.js";
+} from "../chunk-FJPRXEKQ.js";
+import "../chunk-ZM3WJZZ7.js";
 import "../chunk-L4Z7MNYY.js";
 import "../chunk-WKJUCGV4.js";
 export {

package/dist/ui/index.cjs

@@ -1201,11 +1201,11 @@ function Calendar({
           defaultClassNames.day_button
         ),
         selected: cn(
-          "[&>button]:bg-(--calendar-selected-background) [&>button]:text-(--calendar-selected-foreground) [&>button]:hover:bg-(--calendar-selected-background)",
+          "[&>button]:bg-(--calendar-selected-background) [&>button]:text-(--calendar-selected-foreground) [&>button]:hover:bg-(--calendar-selected-background) [&>button]:hover:text-(--calendar-selected-foreground)",
           defaultClassNames.selected
         ),
         today: cn(
-          "[&>button]:bg-(--calendar-today-background) [&>button]:text-(--calendar-today-foreground)",
+          "[&>button]:bg-(--calendar-today-background) [&>button]:text-(--calendar-today-foreground) [&>button]:hover:bg-(--calendar-today-background) [&>button]:hover:text-(--calendar-today-foreground) [&>button]:border [&>button]:border-(--calendar-today-border)",
           defaultClassNames.today
         ),
         outside: cn(
@@ -4682,7 +4682,7 @@ function ToggleGroup({
       "data-variant": variant,
       "data-size": size,
       className: cn(
-        "group/toggle-group flex w-fit items-center rounded-md [&>[data-slot=toggle]]:rounded-none [&>[data-slot=toggle]]:first:rounded-l-md [&>[data-slot=toggle]]:last:rounded-r-md",
+        "group/toggle-group flex w-fit items-center gap-1 rounded-md",
         className
       ),
       ...props,

package/dist/ui/index.js

@@ -160,7 +160,7 @@ import {
   toggleVariants,
   typographyVariants,
   useCarousel
-} from "../chunk-UKA7C3JP.js";
+} from "../chunk-E2TD6JD2.js";
 import {
   Dialog,
   DialogClose,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pactor-app/ui",
-  "version": "1.3.0",
+  "version": "1.7.0",
   "description": "Pactor UI kit (shadcn): the single built-in UI kit — vendored shadcn/ui components (Base UI primitives + cva + tailwind-merge + lucide-react), props contracts, interaction core (OverlayManager / UiBridge) and layouts, with build-time Tailwind v4 prebuilt styles.css (zero consumer-side Tailwind config)",
   "keywords": [
     "pactor",
@@ -105,10 +105,10 @@
     "recharts": "^3.10.1",
     "tailwind-merge": "^3.6.0",
     "vaul": "^1.1.2",
-    "@pactor-app/core": "1.3.0",
-    "@pactor-app/permission": "1.3.0",
-    "@pactor-app/router": "1.3.0",
-    "@pactor-app/runtime": "1.3.0"
+    "@pactor-app/core": "1.7.0",
+    "@pactor-app/permission": "1.7.0",
+    "@pactor-app/runtime": "1.7.0",
+    "@pactor-app/router": "1.7.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/styles.css

@@ -656,6 +656,9 @@
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
   .w-52 {
     width: calc(var(--spacing) * 52);
   }
@@ -800,6 +803,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -1081,6 +1087,9 @@
     --tw-border-style: none;
     border-style: none;
   }
+  .border-\(--calendar-today-border\) {
+    border-color: var(--calendar-today-border);
+  }
   .border-\(color\:--pagination-active-border\) {
     border-color: var(--pagination-active-border);
   }
@@ -2035,6 +2044,12 @@
     .hover\:text-\(--calendar-day-hover-foreground\):hover {
       color: var(--calendar-day-hover-foreground);
     }
+    .hover\:text-\(--calendar-selected-foreground\):hover {
+      color: var(--calendar-selected-foreground);
+    }
+    .hover\:text-\(--calendar-today-foreground\):hover {
+      color: var(--calendar-today-foreground);
+    }
     .hover\:text-\(--menu-hover-foreground\):hover {
       color: var(--menu-hover-foreground);
     }
@@ -2957,19 +2972,21 @@
   .\[\&\>\[data-slot\=text\]\]\:text-muted-foreground > [data-slot=text] {
     color: var(--muted-foreground);
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:rounded-none > [data-slot=toggle] {
+  .\[\&\>button\]\:hidden > button {
+    display: none;
+  }
+  .\[\&\>button\]\:rounded-none > button {
     border-radius: 0;
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:first\:rounded-l-md > [data-slot=toggle]:first-child {
-    border-top-left-radius: calc(var(--radius) * 0.8);
-    border-bottom-left-radius: calc(var(--radius) * 0.8);
+  .\[\&\>button\]\:border > button {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
   }
-  .\[\&\>\[data-slot\=toggle\]\]\:last\:rounded-r-md > [data-slot=toggle]:last-child {
-    border-top-right-radius: calc(var(--radius) * 0.8);
-    border-bottom-right-radius: calc(var(--radius) * 0.8);
+  .\[\&\>button\]\:border-\(--calendar-today-border\) > button {
+    border-color: var(--calendar-today-border);
   }
-  .\[\&\>button\]\:hidden > button {
-    display: none;
+  .\[\&\>button\]\:bg-\(--calendar-range-background\) > button {
+    background-color: var(--calendar-range-background);
   }
   .\[\&\>button\]\:bg-\(--calendar-selected-background\) > button {
     background-color: var(--calendar-selected-background);
@@ -2977,6 +2994,9 @@
   .\[\&\>button\]\:bg-\(--calendar-today-background\) > button {
     background-color: var(--calendar-today-background);
   }
+  .\[\&\>button\]\:text-\(--calendar-range-foreground\) > button {
+    color: var(--calendar-range-foreground);
+  }
   .\[\&\>button\]\:text-\(--calendar-selected-foreground\) > button {
     color: var(--calendar-selected-foreground);
   }
@@ -2987,6 +3007,15 @@
     .\[\&\>button\]\:hover\:bg-\(--calendar-selected-background\) > button:hover {
       background-color: var(--calendar-selected-background);
     }
+    .\[\&\>button\]\:hover\:bg-\(--calendar-today-background\) > button:hover {
+      background-color: var(--calendar-today-background);
+    }
+    .\[\&\>button\]\:hover\:text-\(--calendar-selected-foreground\) > button:hover {
+      color: var(--calendar-selected-foreground);
+    }
+    .\[\&\>button\]\:hover\:text-\(--calendar-today-foreground\) > button:hover {
+      color: var(--calendar-today-foreground);
+    }
   }
   .\[\&\>li\]\:mt-2 > li {
     margin-top: calc(var(--spacing) * 2);
@@ -3205,6 +3234,9 @@
   --calendar-selected-foreground: var(--primary-foreground);
   --calendar-today-background: var(--accent);
   --calendar-today-foreground: var(--accent-foreground);
+  --calendar-today-border: var(--primary);
+  --calendar-range-background: var(--accent);
+  --calendar-range-foreground: var(--accent-foreground);
   --flex-gap: 12px;
   --flex-gap-sm: calc(var(--flex-gap) * 0.67);
   --flex-gap-md: calc(var(--flex-gap) * 1.33);