@godxjp/ui 5.0.1 → 5.0.2

package/dist/components/primitives.d.ts

@@ -1145,7 +1145,15 @@ declare function Descriptions({ title, extra, items, column, layout, bordered, s
 declare const Separator: react.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 interface PopoverProps extends Omit<ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>, "children"> {
+    /** Click-to-toggle trigger. Radix wires open/close on click. Don't combine
+     *  with a controlled `open` flag that also opens on focus — the trigger's
+     *  click handler will toggle the just-opened popup back to closed. Use
+     *  `anchor` instead in that case (combobox / typeahead pattern). */
     trigger?: ReactNode;
+    /** Positioning-only anchor. The popup floats next to this element but the
+     *  element itself does NOT handle open/close. Use this when the parent
+     *  controls `open` (combobox / typeahead / focus-managed dropdown). */
+    anchor?: ReactNode;
     children?: ReactNode;
     align?: ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>["align"];
     side?: ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>["side"];

package/dist/components/primitives.js

@@ -1092,8 +1092,10 @@ var Spinner = forwardRef(
 );
 var Root2 = PopoverPrimitive.Root;
 var Trigger2 = PopoverPrimitive.Trigger;
+var Anchor2 = PopoverPrimitive.Anchor;
 var Popover = forwardRef(function Popover2({
   trigger,
+  anchor,
   children,
   align = "center",
   side,
@@ -1102,23 +1104,24 @@ var Popover = forwardRef(function Popover2({
   contentProps,
   ...rootProps
 }, ref) {
-  if (trigger === void 0) {
+  if (trigger === void 0 && anchor === void 0) {
     return /* @__PURE__ */ jsx(Root2, { ...rootProps, children });
   }
+  const content = /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      side,
+      sideOffset,
+      ...contentProps,
+      className: cn("popover-content", className, contentProps?.className),
+      children
+    }
+  ) });
   return /* @__PURE__ */ jsxs(Root2, { ...rootProps, children: [
-    /* @__PURE__ */ jsx(Trigger2, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-      PopoverPrimitive.Content,
-      {
-        ref,
-        align,
-        side,
-        sideOffset,
-        ...contentProps,
-        className: cn("popover-content", className, contentProps?.className),
-        children
-      }
-    ) })
+    anchor !== void 0 ? /* @__PURE__ */ jsx(Anchor2, { asChild: true, children: anchor }) : /* @__PURE__ */ jsx(Trigger2, { asChild: true, children: trigger }),
+    content
   ] });
 });
 var AutoComplete = forwardRef(
@@ -1207,7 +1210,7 @@ var AutoComplete = forwardRef(
       {
         open: currentOpen,
         onOpenChange: setOpen,
-        trigger: input,
+        anchor: input,
         align: "start",
         sideOffset: 4,
         className: "combobox-content",
@@ -5052,7 +5055,7 @@ var Breadcrumb = forwardRef(
   )
 );
 Breadcrumb.displayName = "Breadcrumb";
-var Anchor = forwardRef(function Anchor2({
+var Anchor3 = forwardRef(function Anchor4({
   orientation = "vertical",
   sticky,
   offset = 0,
@@ -7348,6 +7351,6 @@ function Tour({
   );
 }
 
-export { Alert, AlertDialog, AllDayChip, Anchor, AttendeeChip, AttendeeListItem, AutoComplete, AvailabilityRow, Avatar, AvatarStack, Badge, Breadcrumb, Button, Calendar, CalendarOption, Card, Carousel, Cascader, Checkbox, CheckboxGroup, Checklist, Col, Collapse, ColorPicker, ColorSwatchCheckbox, DEFAULT_GRID, DateField, DatePicker, DateRangePicker, DayHeaderPill, Descriptions, Dialog, DropdownMenu, Empty, EventBlock, EventPill, Field, Flex, Form, FormField, GridColumn, IconButton, IconRow, Image, Input, InputNumber, InputPassword, InputSearch, Label4 as Label, List2 as List, LocaleTabs, Menu, MiniMonth, MonthCell, NowLine, PageHeader, Pagination, Popconfirm, Popover, Progress, QRCode, Radio, RadioGroup, Rate, Result, Row, SegmentedControl, Select, Separator4 as Separator, Sheet, Skeleton, Slider, Space, Spinner, Statistic, Steps, SuggestedSlotCard, Switch, Table, Tabs, Tag, Textarea, TimeField, TimeGutter, TimeInput, Timeline, Toaster, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Watermark, buildMonthGrid, cn, computePageRange, fmtHour, layoutEvents, minToY, normalizeLoading, parseHM, useFormLoading, useRowGutter, ymd };
+export { Alert, AlertDialog, AllDayChip, Anchor3 as Anchor, AttendeeChip, AttendeeListItem, AutoComplete, AvailabilityRow, Avatar, AvatarStack, Badge, Breadcrumb, Button, Calendar, CalendarOption, Card, Carousel, Cascader, Checkbox, CheckboxGroup, Checklist, Col, Collapse, ColorPicker, ColorSwatchCheckbox, DEFAULT_GRID, DateField, DatePicker, DateRangePicker, DayHeaderPill, Descriptions, Dialog, DropdownMenu, Empty, EventBlock, EventPill, Field, Flex, Form, FormField, GridColumn, IconButton, IconRow, Image, Input, InputNumber, InputPassword, InputSearch, Label4 as Label, List2 as List, LocaleTabs, Menu, MiniMonth, MonthCell, NowLine, PageHeader, Pagination, Popconfirm, Popover, Progress, QRCode, Radio, RadioGroup, Rate, Result, Row, SegmentedControl, Select, Separator4 as Separator, Sheet, Skeleton, Slider, Space, Spinner, Statistic, Steps, SuggestedSlotCard, Switch, Table, Tabs, Tag, Textarea, TimeField, TimeGutter, TimeInput, Timeline, Toaster, Tooltip, Tour, Transfer, Tree, TreeSelect, Typography, Watermark, buildMonthGrid, cn, computePageRange, fmtHour, layoutEvents, minToY, normalizeLoading, parseHM, useFormLoading, useRowGutter, ymd };
 //# sourceMappingURL=primitives.js.map
 //# sourceMappingURL=primitives.js.map