@misael703/ui 1.65.2 → 1.66.0

package/dist/components/Pickers.mjs

@@ -1,14 +1,14 @@
 'use client';
-export { Combobox, DatePicker, FileUpload, MonthPicker, YearPicker } from '../chunk-BANRYAIX.mjs';
+export { Combobox, DatePicker, FileUpload, MonthPicker, YearPicker } from '../chunk-HGS3ATU2.mjs';
 import '../chunk-6IXP5UIY.mjs';
 import '../chunk-ODE2ROR2.mjs';
 import '../chunk-FKBQYQQD.mjs';
+import '../chunk-5GEWIK4T.mjs';
 import '../chunk-OOIRRKJ7.mjs';
+import '../chunk-6P2TKRTL.mjs';
+import '../chunk-5XT2LX3I.mjs';
 import '../chunk-IEPKSPBX.mjs';
 import '../chunk-BJGMROKL.mjs';
 import '../chunk-IEPCH3JB.mjs';
-import '../chunk-5GEWIK4T.mjs';
-import '../chunk-5XT2LX3I.mjs';
-import '../chunk-6P2TKRTL.mjs';
 //# sourceMappingURL=Pickers.mjs.map
 //# sourceMappingURL=Pickers.mjs.map

package/dist/components/Popover.js

@@ -1,17 +1,17 @@
 'use client';
 'use strict';
 
-var chunkXJFGP7MK_js = require('../chunk-XJFGP7MK.js');
+var chunkMW7HQCFC_js = require('../chunk-MW7HQCFC.js');
 require('../chunk-WAGWB35Q.js');
-require('../chunk-PASF6T4H.js');
-require('../chunk-CRKYET66.js');
 require('../chunk-XMLBKK7X.js');
+require('../chunk-CRKYET66.js');
+require('../chunk-PASF6T4H.js');
 
 
 
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkXJFGP7MK_js.Popover; }
+  get: function () { return chunkMW7HQCFC_js.Popover; }
 });
 //# sourceMappingURL=Popover.js.map
 //# sourceMappingURL=Popover.js.map

package/dist/components/Popover.mjs

@@ -1,8 +1,8 @@
 'use client';
-export { Popover } from '../chunk-UINN3O5C.mjs';
+export { Popover } from '../chunk-FR4JV3JA.mjs';
 import '../chunk-FKBQYQQD.mjs';
-import '../chunk-IEPCH3JB.mjs';
-import '../chunk-5XT2LX3I.mjs';
 import '../chunk-6P2TKRTL.mjs';
+import '../chunk-5XT2LX3I.mjs';
+import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Popover.mjs.map
 //# sourceMappingURL=Popover.mjs.map

package/dist/components/TimeAgo.js

@@ -1,26 +1,26 @@
 'use client';
 'use strict';
 
-var chunkT374ZISI_js = require('../chunk-T374ZISI.js');
+var chunk7AJAQJOX_js = require('../chunk-7AJAQJOX.js');
 require('../chunk-UW5DUEXJ.js');
-require('../chunk-KPWOWFMT.js');
-require('../chunk-WAGWB35Q.js');
+require('../chunk-SQJVGL7Y.js');
 require('../chunk-AB52PRTH.js');
+require('../chunk-WAGWB35Q.js');
 require('../chunk-DKOAATV2.js');
+require('../chunk-CRKYET66.js');
 require('../chunk-EUB4PHPI.js');
 require('../chunk-C4AKMVDZ.js');
 require('../chunk-PASF6T4H.js');
-require('../chunk-CRKYET66.js');
 
 
 
 Object.defineProperty(exports, "TimeAgo", {
   enumerable: true,
-  get: function () { return chunkT374ZISI_js.TimeAgo; }
+  get: function () { return chunk7AJAQJOX_js.TimeAgo; }
 });
 Object.defineProperty(exports, "TimeAgoDate", {
   enumerable: true,
-  get: function () { return chunkT374ZISI_js.TimeAgoDate; }
+  get: function () { return chunk7AJAQJOX_js.TimeAgoDate; }
 });
 //# sourceMappingURL=TimeAgo.js.map
 //# sourceMappingURL=TimeAgo.js.map

package/dist/components/TimeAgo.mjs

@@ -1,13 +1,13 @@
 'use client';
-export { TimeAgo, TimeAgoDate } from '../chunk-W32DESSM.mjs';
+export { TimeAgo, TimeAgoDate } from '../chunk-6UYKIUQB.mjs';
 import '../chunk-QWQSOJFP.mjs';
-import '../chunk-H7SJBODY.mjs';
-import '../chunk-FKBQYQQD.mjs';
+import '../chunk-TGAAJCUZ.mjs';
 import '../chunk-IGNKSI2E.mjs';
+import '../chunk-FKBQYQQD.mjs';
 import '../chunk-OOIRRKJ7.mjs';
+import '../chunk-5XT2LX3I.mjs';
 import '../chunk-IEPKSPBX.mjs';
 import '../chunk-BJGMROKL.mjs';
 import '../chunk-IEPCH3JB.mjs';
-import '../chunk-5XT2LX3I.mjs';
 //# sourceMappingURL=TimeAgo.mjs.map
 //# sourceMappingURL=TimeAgo.mjs.map

package/dist/components/UserMenu.d.mts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { PopoverPlacement, PopoverAlign } from './Popover.mjs';
+
+interface UserMenuItem {
+    label: string;
+    icon?: React.ReactNode;
+    onSelect?: () => void;
+    href?: string;
+    danger?: boolean;
+}
+interface UserMenuProps {
+    name: string;
+    role?: string;
+    /** Item list. Pass the string `'separator'` to render a divider. */
+    items: Array<UserMenuItem | 'separator'>;
+    /** Override the trigger avatar (default: initials from `name`). */
+    avatar?: React.ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    /** Render `href` items through a custom link (e.g. Next `<Link>`). */
+    linkAs?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    ariaLabel?: string;
+}
+/**
+ * Topbar user menu (Linear / Vercel / Notion pattern). The avatar is the only
+ * always-visible control; name + role + chevron collapse to just the avatar
+ * below 900px (same breakpoint as the AppShell mobile drawer), so it never
+ * overflows a narrow header. A Popover mounts the details on click and closes
+ * on ESC / outside-click. The breakpoint is fixed by design — the collapse is
+ * the whole point of the component, not a per-consumer decision.
+ */
+declare function UserMenu({ name, role, items, avatar, placement, align, linkAs, className, contentClassName, ariaLabel, }: UserMenuProps): react_jsx_runtime.JSX.Element;
+
+export { UserMenu, type UserMenuItem, type UserMenuProps };

package/dist/components/UserMenu.d.ts

@@ -0,0 +1,41 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { PopoverPlacement, PopoverAlign } from './Popover.js';
+
+interface UserMenuItem {
+    label: string;
+    icon?: React.ReactNode;
+    onSelect?: () => void;
+    href?: string;
+    danger?: boolean;
+}
+interface UserMenuProps {
+    name: string;
+    role?: string;
+    /** Item list. Pass the string `'separator'` to render a divider. */
+    items: Array<UserMenuItem | 'separator'>;
+    /** Override the trigger avatar (default: initials from `name`). */
+    avatar?: React.ReactNode;
+    placement?: PopoverPlacement;
+    align?: PopoverAlign;
+    /** Render `href` items through a custom link (e.g. Next `<Link>`). */
+    linkAs?: (props: {
+        href: string;
+        className: string;
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    ariaLabel?: string;
+}
+/**
+ * Topbar user menu (Linear / Vercel / Notion pattern). The avatar is the only
+ * always-visible control; name + role + chevron collapse to just the avatar
+ * below 900px (same breakpoint as the AppShell mobile drawer), so it never
+ * overflows a narrow header. A Popover mounts the details on click and closes
+ * on ESC / outside-click. The breakpoint is fixed by design — the collapse is
+ * the whole point of the component, not a per-consumer decision.
+ */
+declare function UserMenu({ name, role, items, avatar, placement, align, linkAs, className, contentClassName, ariaLabel, }: UserMenuProps): react_jsx_runtime.JSX.Element;
+
+export { UserMenu, type UserMenuItem, type UserMenuProps };

package/dist/components/UserMenu.js

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+var chunkDBJGRFBU_js = require('../chunk-DBJGRFBU.js');
+require('../chunk-MW7HQCFC.js');
+require('../chunk-AGMDYCGG.js');
+require('../chunk-WAGWB35Q.js');
+require('../chunk-XMLBKK7X.js');
+require('../chunk-CRKYET66.js');
+require('../chunk-C4AKMVDZ.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "UserMenu", {
+  enumerable: true,
+  get: function () { return chunkDBJGRFBU_js.UserMenu; }
+});
+//# sourceMappingURL=UserMenu.js.map
+//# sourceMappingURL=UserMenu.js.map

package/dist/components/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"UserMenu.js"}

package/dist/components/UserMenu.mjs

@@ -0,0 +1,11 @@
+'use client';
+export { UserMenu } from '../chunk-VN2P5SHF.mjs';
+import '../chunk-FR4JV3JA.mjs';
+import '../chunk-DH3IXJRJ.mjs';
+import '../chunk-FKBQYQQD.mjs';
+import '../chunk-6P2TKRTL.mjs';
+import '../chunk-5XT2LX3I.mjs';
+import '../chunk-BJGMROKL.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=UserMenu.mjs.map
+//# sourceMappingURL=UserMenu.mjs.map

package/dist/components/UserMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"UserMenu.mjs"}

package/dist/hooks/index.js

@@ -2,43 +2,43 @@
 'use strict';
 
 require('../chunk-HT43MPKW.js');
+var chunkNPXEZCTA_js = require('../chunk-NPXEZCTA.js');
+var chunk55P5FA5Q_js = require('../chunk-55P5FA5Q.js');
 var chunkD2H4VZVL_js = require('../chunk-D2H4VZVL.js');
-var chunk6D5UP23V_js = require('../chunk-6D5UP23V.js');
-var chunkCRKYET66_js = require('../chunk-CRKYET66.js');
 var chunkFL4ZCWUF_js = require('../chunk-FL4ZCWUF.js');
+var chunk6D5UP23V_js = require('../chunk-6D5UP23V.js');
 var chunkXMLBKK7X_js = require('../chunk-XMLBKK7X.js');
-var chunkNPXEZCTA_js = require('../chunk-NPXEZCTA.js');
-var chunk55P5FA5Q_js = require('../chunk-55P5FA5Q.js');
+var chunkCRKYET66_js = require('../chunk-CRKYET66.js');
 
 
 
-Object.defineProperty(exports, "useScrollLock", {
+Object.defineProperty(exports, "useEscape", {
   enumerable: true,
-  get: function () { return chunkD2H4VZVL_js.useScrollLock; }
+  get: function () { return chunkNPXEZCTA_js.useEscape; }
 });
-Object.defineProperty(exports, "useVirtualRows", {
+Object.defineProperty(exports, "useFocusTrap", {
   enumerable: true,
-  get: function () { return chunk6D5UP23V_js.useVirtualRows; }
+  get: function () { return chunk55P5FA5Q_js.useFocusTrap; }
 });
-Object.defineProperty(exports, "usePopoverPosition", {
+Object.defineProperty(exports, "useScrollLock", {
   enumerable: true,
-  get: function () { return chunkCRKYET66_js.usePopoverPosition; }
+  get: function () { return chunkD2H4VZVL_js.useScrollLock; }
 });
 Object.defineProperty(exports, "useDelayedUnmount", {
   enumerable: true,
   get: function () { return chunkFL4ZCWUF_js.useDelayedUnmount; }
 });
-Object.defineProperty(exports, "useDismiss", {
+Object.defineProperty(exports, "useVirtualRows", {
   enumerable: true,
-  get: function () { return chunkXMLBKK7X_js.useDismiss; }
+  get: function () { return chunk6D5UP23V_js.useVirtualRows; }
 });
-Object.defineProperty(exports, "useEscape", {
+Object.defineProperty(exports, "useDismiss", {
   enumerable: true,
-  get: function () { return chunkNPXEZCTA_js.useEscape; }
+  get: function () { return chunkXMLBKK7X_js.useDismiss; }
 });
-Object.defineProperty(exports, "useFocusTrap", {
+Object.defineProperty(exports, "usePopoverPosition", {
   enumerable: true,
-  get: function () { return chunk55P5FA5Q_js.useFocusTrap; }
+  get: function () { return chunkCRKYET66_js.usePopoverPosition; }
 });
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.mjs

@@ -1,11 +1,11 @@
 'use client';
 import '../chunk-JT6OOSI2.mjs';
+export { useEscape } from '../chunk-6W7ZGWNA.mjs';
+export { useFocusTrap } from '../chunk-XOV4D6J3.mjs';
 export { useScrollLock } from '../chunk-R5DCDEB5.mjs';
-export { useVirtualRows } from '../chunk-YTKPENNW.mjs';
-export { usePopoverPosition } from '../chunk-5XT2LX3I.mjs';
 export { useDelayedUnmount } from '../chunk-U3JH4T3A.mjs';
+export { useVirtualRows } from '../chunk-YTKPENNW.mjs';
 export { useDismiss } from '../chunk-6P2TKRTL.mjs';
-export { useEscape } from '../chunk-6W7ZGWNA.mjs';
-export { useFocusTrap } from '../chunk-XOV4D6J3.mjs';
+export { usePopoverPosition } from '../chunk-5XT2LX3I.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.d.mts

@@ -35,6 +35,7 @@ export { GalleryImage, ImageGallery, ImageGalleryProps, Lightbox, LightboxProps
 export { AddressField, AddressFieldOption, AddressForm, AddressFormProps, CartDrawer, CartDrawerProps, CartLineItem, CompareAttribute, CompareItem, CompareTable, CompareTableProps, FreeShippingProgress, FreeShippingProgressProps, OrderLineRow, OrderSummary, OrderSummaryProps, PriceDisplay, PriceDisplayProps, PromoCodeInput, PromoCodeInputProps, QuantitySelector, QuantitySelectorProps, Rating, RatingProps, VariantOption, VariantSelector, VariantSelectorProps, WishlistButton, WishlistButtonProps } from './components/Commerce.mjs';
 export { CategoryItem, CategoryNav, CategoryNavProps, Hero, HeroProps, Testimonial, TestimonialProps } from './components/Marketing.mjs';
 export { Popover, PopoverPlacement, PopoverProps } from './components/Popover.mjs';
+export { UserMenu, UserMenuItem, UserMenuProps } from './components/UserMenu.mjs';
 export { HoverCard, HoverCardPlacement, HoverCardProps } from './components/HoverCard.mjs';
 export { ContextMenu, ContextMenuItem, ContextMenuProps } from './components/ContextMenu.mjs';
 export { SegmentedControl, SegmentedControlItem, SegmentedControlProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.mjs';

package/dist/index.d.ts

@@ -35,6 +35,7 @@ export { GalleryImage, ImageGallery, ImageGalleryProps, Lightbox, LightboxProps
 export { AddressField, AddressFieldOption, AddressForm, AddressFormProps, CartDrawer, CartDrawerProps, CartLineItem, CompareAttribute, CompareItem, CompareTable, CompareTableProps, FreeShippingProgress, FreeShippingProgressProps, OrderLineRow, OrderSummary, OrderSummaryProps, PriceDisplay, PriceDisplayProps, PromoCodeInput, PromoCodeInputProps, QuantitySelector, QuantitySelectorProps, Rating, RatingProps, VariantOption, VariantSelector, VariantSelectorProps, WishlistButton, WishlistButtonProps } from './components/Commerce.js';
 export { CategoryItem, CategoryNav, CategoryNavProps, Hero, HeroProps, Testimonial, TestimonialProps } from './components/Marketing.js';
 export { Popover, PopoverPlacement, PopoverProps } from './components/Popover.js';
+export { UserMenu, UserMenuItem, UserMenuProps } from './components/UserMenu.js';
 export { HoverCard, HoverCardPlacement, HoverCardProps } from './components/HoverCard.js';
 export { ContextMenu, ContextMenuItem, ContextMenuProps } from './components/ContextMenu.js';
 export { SegmentedControl, SegmentedControlItem, SegmentedControlProps, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupProps, ToggleGroupSingleProps, ToggleProps, ToggleSize, ToggleVariant } from './components/Toggle.js';