@mihcm/ui 0.14.1

package/dist/MainSidebar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainSidebar.native.js","sourceRoot":"","sources":["../src/MainSidebar.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,WAAW,GAKZ,MAAM,kBAAkB,CAAC"}

package/dist/Menubar.d.ts

@@ -0,0 +1,70 @@
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+type MenubarSize = 'sm' | 'md' | 'lg';
+type MenubarSurface = 'default' | 'soft' | 'outline' | 'ghost';
+type MenubarJustify = 'start' | 'center' | 'between' | 'end';
+type MenubarContentSize = 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+type MenubarContentSurface = 'default' | 'soft' | 'outline' | 'elevated' | 'plain';
+type MenubarAnimation = 'scale' | 'slide' | 'fade' | 'none';
+type MenubarItemTone = 'default' | 'accent' | 'danger' | 'success' | 'warning';
+export declare const Menubar: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: MenubarSize;
+    surface?: MenubarSurface;
+    justify?: MenubarJustify;
+    wrap?: boolean;
+    fullWidth?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarMenu: typeof MenubarPrimitive.Menu;
+export declare const MenubarGroup: typeof MenubarPrimitive.Group;
+export declare const MenubarSub: typeof MenubarPrimitive.Sub;
+export declare const MenubarRadioGroup: typeof MenubarPrimitive.RadioGroup;
+export declare const MenubarPortal: typeof MenubarPrimitive.Portal;
+export declare const MenubarTrigger: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: MenubarSize;
+    surface?: MenubarSurface;
+    fullWidth?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const MenubarContent: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: MenubarContentSize;
+    surface?: MenubarContentSurface;
+    padding?: "none" | "sm" | "md";
+    animation?: MenubarAnimation;
+    portal?: boolean;
+    maxHeight?: "none" | "sm" | "md" | "lg";
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarItem: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    size?: MenubarSize;
+    tone?: MenubarItemTone;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarCheckboxItem: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: MenubarSize;
+    tone?: MenubarItemTone;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioItem: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: MenubarSize;
+    tone?: MenubarItemTone;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarLabel: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    size?: MenubarSize;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarSeparator: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarSubTrigger: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    size?: MenubarSize;
+    tone?: MenubarItemTone;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenubarSubContent: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    size?: MenubarContentSize;
+    surface?: MenubarContentSurface;
+    padding?: "none" | "sm" | "md";
+    animation?: MenubarAnimation;
+    portal?: boolean;
+    maxHeight?: "none" | "sm" | "md" | "lg";
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare function MenubarShortcut({ className, size, tone, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
+    size?: MenubarSize;
+    tone?: 'muted' | 'foreground' | 'primary';
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Menubar.d.ts.map

package/dist/Menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../src/Menubar.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAC/D,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;AAC7D,KAAK,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAC7D,KAAK,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AACnF,KAAK,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5D,KAAK,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAkF/E,eAAO,MAAM,OAAO;WAGT,WAAW;cACR,cAAc;cACd,cAAc;WACjB,OAAO;gBACF,OAAO;kDA6BrB,CAAC;AAIH,eAAO,MAAM,WAAW,EAAE,OAAO,gBAAgB,CAAC,IAA4B,CAAC;AAC/E,eAAO,MAAM,YAAY,EAAE,OAAO,gBAAgB,CAAC,KAA8B,CAAC;AAClF,eAAO,MAAM,UAAU,EAAE,OAAO,gBAAgB,CAAC,GAA0B,CAAC;AAC5E,eAAO,MAAM,iBAAiB,EAAE,OAAO,gBAAgB,CAAC,UAAwC,CAAC;AACjG,eAAO,MAAM,aAAa,EAAE,OAAO,gBAAgB,CAAC,MAAgC,CAAC;AAIrF,eAAO,MAAM,cAAc;WAGhB,WAAW;cACR,cAAc;gBACZ,OAAO;qDAoBrB,CAAC;AAIH,eAAO,MAAM,cAAc;WAGhB,kBAAkB;cACf,qBAAqB;cACrB,MAAM,GAAG,IAAI,GAAG,IAAI;gBAClB,gBAAgB;aACnB,OAAO;gBACJ,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;kDAwCzC,CAAC;AAIH,eAAO,MAAM,WAAW;YAGZ,OAAO;WACR,WAAW;WACX,eAAe;kDAkBxB,CAAC;AAIH,eAAO,MAAM,mBAAmB;WAGrB,WAAW;WACX,eAAe;kDA8BxB,CAAC;AAIH,eAAO,MAAM,gBAAgB;WAGlB,WAAW;WACX,eAAe;kDAwBxB,CAAC;AAIH,eAAO,MAAM,YAAY;YAGb,OAAO;WACR,WAAW;kDAepB,CAAC;AAIH,eAAO,MAAM,gBAAgB,gMAW3B,CAAC;AAIH,eAAO,MAAM,iBAAiB;YAGlB,OAAO;WACR,WAAW;WACX,eAAe;kDA2BxB,CAAC;AAIH,eAAO,MAAM,iBAAiB;WAGnB,kBAAkB;cACf,qBAAqB;cACrB,MAAM,GAAG,IAAI,GAAG,IAAI;gBAClB,gBAAgB;aACnB,OAAO;gBACJ,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;kDAkCzC,CAAC;AAIH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,IAAW,EACX,IAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACzC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;CAC3C,2CAiBA"}

package/dist/Menubar.js

@@ -0,0 +1,142 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Menubar (web variant — React DOM).
+ *
+ * A horizontal menu bar with dropdown menus, powered by Radix.
+ * Suitable for application-style top menu bars (File, Edit, View, etc.).
+ *
+ *   <Menubar>
+ *     <MenubarMenu>
+ *       <MenubarTrigger>File</MenubarTrigger>
+ *       <MenubarContent>
+ *         <MenubarItem onSelect={() => {}}>New</MenubarItem>
+ *         <MenubarSeparator />
+ *         <MenubarItem onSelect={() => {}}>Exit</MenubarItem>
+ *       </MenubarContent>
+ *     </MenubarMenu>
+ *   </Menubar>
+ *
+ * Wiki: docs/components/Menubar.md
+ */
+import { forwardRef } from 'react';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import { cn } from './internal/cn.js';
+const rootSizeClasses = {
+    sm: 'min-h-9 gap-0.5 p-0.5',
+    md: 'min-h-10 gap-1 p-1',
+    lg: 'min-h-12 gap-1.5 p-1.5',
+};
+const rootSurfaceClasses = {
+    default: 'border border-border bg-card shadow-mi-card',
+    soft: 'border border-transparent bg-muted/60',
+    outline: 'border border-border bg-background',
+    ghost: 'border border-transparent bg-transparent shadow-none',
+};
+const rootJustifyClasses = {
+    start: 'justify-start',
+    center: 'justify-center',
+    between: 'justify-between',
+    end: 'justify-end',
+};
+const triggerSizeClasses = {
+    sm: 'min-h-7 px-2 py-1 text-body-xs',
+    md: 'min-h-8 px-3 py-1.5 text-body-sm',
+    lg: 'min-h-9 px-4 py-2 text-body-md',
+};
+const triggerSurfaceClasses = {
+    default: 'hover:bg-accent/80 hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+    soft: 'hover:bg-muted focus:bg-muted data-[state=open]:bg-muted',
+    outline: 'border border-transparent hover:border-border hover:bg-background focus:border-ring focus:bg-background data-[state=open]:border-border data-[state=open]:bg-background',
+    ghost: 'hover:bg-transparent hover:text-primary focus:bg-transparent focus:text-primary data-[state=open]:bg-transparent data-[state=open]:text-primary',
+};
+const contentSizeClasses = {
+    sm: 'min-w-[10rem]',
+    md: 'min-w-[12rem]',
+    lg: 'min-w-[16rem]',
+    xl: 'min-w-[22rem]',
+    auto: 'min-w-max',
+};
+const contentSurfaceClasses = {
+    default: 'border border-border bg-popover text-popover-foreground shadow-mi-dropdown',
+    soft: 'border border-border/70 bg-muted text-foreground shadow-mi-card',
+    outline: 'border border-border bg-background text-foreground shadow-mi-card',
+    elevated: 'border border-border bg-popover text-popover-foreground shadow-mi-modal',
+    plain: 'border border-transparent bg-popover text-popover-foreground shadow-none',
+};
+const contentAnimationClasses = {
+    scale: 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
+    slide: 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[side=top]:slide-in-from-bottom-2 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2',
+    fade: 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0',
+    none: '',
+};
+const itemSizeClasses = {
+    sm: 'min-h-7 px-2 py-1 text-body-xs',
+    md: 'min-h-8 px-2 py-1.5 text-body-sm',
+    lg: 'min-h-10 px-3 py-2 text-body-md',
+};
+const itemToneClasses = {
+    default: 'focus:bg-accent focus:text-accent-foreground',
+    accent: 'focus:bg-accent focus:text-accent-foreground',
+    danger: 'text-danger focus:bg-danger/10 focus:text-danger',
+    success: 'text-success focus:bg-success/10 focus:text-success',
+    warning: 'text-warning focus:bg-warning/10 focus:text-warning',
+};
+const labelSizeClasses = {
+    sm: 'px-2 py-1 text-[0.6875rem]',
+    md: 'px-2 py-1.5 text-xs',
+    lg: 'px-3 py-2 text-body-sm',
+};
+/* ── Root ────────────────────────────────────────────────────────── */
+export const Menubar = forwardRef(function Menubar({ className, size = 'md', surface = 'default', justify = 'start', wrap = false, fullWidth = false, ...props }, ref) {
+    return (_jsx(MenubarPrimitive.Root, { ref: ref, className: cn('flex items-center rounded-lg', rootSizeClasses[size], rootSurfaceClasses[surface], rootJustifyClasses[justify], wrap && 'flex-wrap', fullWidth && 'w-full', className), ...props }));
+});
+/* ── Menu ────────────────────────────────────────────────────────── */
+export const MenubarMenu = MenubarPrimitive.Menu;
+export const MenubarGroup = MenubarPrimitive.Group;
+export const MenubarSub = MenubarPrimitive.Sub;
+export const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+export const MenubarPortal = MenubarPrimitive.Portal;
+/* ── Trigger ─────────────────────────────────────────────────────── */
+export const MenubarTrigger = forwardRef(function MenubarTrigger({ className, size = 'md', surface = 'default', fullWidth = false, ...props }, ref) {
+    return (_jsx(MenubarPrimitive.Trigger, { ref: ref, className: cn('inline-flex cursor-pointer select-none items-center justify-center rounded-md font-medium outline-none transition-colors duration-200', 'disabled:pointer-events-none disabled:opacity-50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50', triggerSizeClasses[size], triggerSurfaceClasses[surface], fullWidth && 'w-full', className), ...props }));
+});
+/* ── Content ─────────────────────────────────────────────────────── */
+export const MenubarContent = forwardRef(function MenubarContent({ className, align = 'start', alignOffset = -4, sideOffset = 8, size = 'md', surface = 'default', padding = 'md', animation = 'scale', portal = true, maxHeight = 'none', ...props }, ref) {
+    const content = (_jsx(MenubarPrimitive.Content, { ref: ref, align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn('z-50 overflow-hidden rounded-lg', contentSizeClasses[size], contentSurfaceClasses[surface], contentAnimationClasses[animation], padding === 'sm' && 'p-0.5', padding === 'md' && 'p-1', maxHeight === 'sm' && 'max-h-56 overflow-y-auto', maxHeight === 'md' && 'max-h-72 overflow-y-auto', maxHeight === 'lg' && 'max-h-96 overflow-y-auto', className), ...props }));
+    return portal ? _jsx(MenubarPrimitive.Portal, { children: content }) : content;
+});
+/* ── Item ────────────────────────────────────────────────────────── */
+export const MenubarItem = forwardRef(function MenubarItem({ className, inset, size = 'md', tone = 'default', ...props }, ref) {
+    return (_jsx(MenubarPrimitive.Item, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center gap-2 rounded-md outline-none', 'transition-colors duration-200', itemSizeClasses[size], itemToneClasses[tone], 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className), ...props }));
+});
+/* ── CheckboxItem ────────────────────────────────────────────────── */
+export const MenubarCheckboxItem = forwardRef(function MenubarCheckboxItem({ className, children, checked = false, size = 'md', tone = 'default', ...props }, ref) {
+    return (_jsxs(MenubarPrimitive.CheckboxItem, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center gap-2 rounded-md pl-8 outline-none', 'transition-colors duration-200', itemSizeClasses[size], itemToneClasses[tone], 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2.5, className: "h-3.5 w-3.5", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.5 8.5L6.5 11.5L12.5 5.5" }) }) }) }), children] }));
+});
+/* ── RadioItem ───────────────────────────────────────────────────── */
+export const MenubarRadioItem = forwardRef(function MenubarRadioItem({ className, children, size = 'md', tone = 'default', ...props }, ref) {
+    return (_jsxs(MenubarPrimitive.RadioItem, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center gap-2 rounded-md pl-8 outline-none', 'transition-colors duration-200', itemSizeClasses[size], itemToneClasses[tone], 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx("span", { className: "h-2 w-2 rounded-full bg-foreground" }) }) }), children] }));
+});
+/* ── Label ────────────────────────────────────────────────────────── */
+export const MenubarLabel = forwardRef(function MenubarLabel({ className, inset, size = 'md', ...props }, ref) {
+    return (_jsx(MenubarPrimitive.Label, { ref: ref, className: cn('font-semibold uppercase tracking-widest text-muted-foreground', labelSizeClasses[size], inset && 'pl-8', className), ...props }));
+});
+/* ── Separator ───────────────────────────────────────────────────── */
+export const MenubarSeparator = forwardRef(function MenubarSeparator({ className, ...props }, ref) {
+    return (_jsx(MenubarPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-border', className), ...props }));
+});
+/* ── SubTrigger ──────────────────────────────────────────────────── */
+export const MenubarSubTrigger = forwardRef(function MenubarSubTrigger({ className, inset, children, size = 'md', tone = 'default', ...props }, ref) {
+    return (_jsxs(MenubarPrimitive.SubTrigger, { ref: ref, className: cn('flex cursor-pointer select-none items-center gap-2 rounded-md outline-none', 'transition-colors duration-200', itemSizeClasses[size], itemToneClasses[tone], 'data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className), ...props, children: [children, _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "ml-auto h-4 w-4", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 4l4 4-4 4" }) })] }));
+});
+/* ── SubContent ──────────────────────────────────────────────────── */
+export const MenubarSubContent = forwardRef(function MenubarSubContent({ className, size = 'sm', surface = 'default', padding = 'md', animation = 'scale', portal = true, maxHeight = 'none', ...props }, ref) {
+    const content = (_jsx(MenubarPrimitive.SubContent, { ref: ref, className: cn('z-50 overflow-hidden rounded-lg', contentSizeClasses[size], contentSurfaceClasses[surface], contentAnimationClasses[animation], padding === 'sm' && 'p-0.5', padding === 'md' && 'p-1', maxHeight === 'sm' && 'max-h-56 overflow-y-auto', maxHeight === 'md' && 'max-h-72 overflow-y-auto', maxHeight === 'lg' && 'max-h-96 overflow-y-auto', className), ...props }));
+    return portal ? _jsx(MenubarPrimitive.Portal, { children: content }) : content;
+});
+/* ── Shortcut ────────────────────────────────────────────────────── */
+export function MenubarShortcut({ className, size = 'md', tone = 'muted', ...props }) {
+    return (_jsx("span", { "aria-hidden": "true", className: cn('ml-auto pl-4 font-mono tracking-widest', size === 'sm' && 'text-[0.6875rem]', size === 'md' && 'text-xs', size === 'lg' && 'text-body-sm', tone === 'muted' && 'text-muted-foreground', tone === 'foreground' && 'text-foreground', tone === 'primary' && 'text-primary', className), ...props }));
+}
+//# sourceMappingURL=Menubar.js.map

package/dist/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","sourceRoot":"","sources":["../src/Menubar.tsx"],"names":[],"mappings":"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"}

package/dist/NavigationMenu.d.ts

@@ -0,0 +1,12 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const NavigationMenuList: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+export declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export { navigationMenuTriggerStyle };
+export declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const NavigationMenuViewport: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuIndicator: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NavigationMenu.d.ts.map

package/dist/NavigationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../src/NavigationMenu.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAM3E,eAAO,MAAM,cAAc,+LAiBzB,CAAC;AAIH,eAAO,MAAM,kBAAkB,6MAc7B,CAAC;AAIH,eAAO,MAAM,kBAAkB,2IAA+B,CAAC;AAI/D,QAAA,MAAM,0BAA0B,oFAO/B,CAAC;AAEF,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAEtC,eAAO,MAAM,qBAAqB,kNAuBhC,CAAC;AAIH,eAAO,MAAM,qBAAqB,4MAkBhC,CAAC;AAIH,eAAO,MAAM,kBAAkB,+IAA+B,CAAC;AAI/D,eAAO,MAAM,sBAAsB,6MAoBjC,CAAC;AAIH,eAAO,MAAM,uBAAuB,8MAkBlC,CAAC"}

package/dist/NavigationMenu.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * NavigationMenu (web variant — React DOM).
+ *
+ * A top-level site navigation bar powered by Radix.
+ *
+ *   <NavigationMenu>
+ *     <NavigationMenuList>
+ *       <NavigationMenuItem>
+ *         <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+ *         <NavigationMenuContent>
+ *           <NavigationMenuLink href="/widgets">Widgets</NavigationMenuLink>
+ *         </NavigationMenuContent>
+ *       </NavigationMenuItem>
+ *       <NavigationMenuItem>
+ *         <NavigationMenuLink href="/about">About</NavigationMenuLink>
+ *       </NavigationMenuItem>
+ *     </NavigationMenuList>
+ *   </NavigationMenu>
+ *
+ * Wiki: docs/components/NavigationMenu.md
+ */
+import { forwardRef } from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+/* ── Root ──────────────────────────────────────────────────────────── */
+export const NavigationMenu = forwardRef(function NavigationMenu({ className, children, ...props }, ref) {
+    return (_jsxs(NavigationMenuPrimitive.Root, { ref: ref, className: cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className), ...props, children: [children, _jsx(NavigationMenuViewport, {})] }));
+});
+/* ── List ──────────────────────────────────────────────────────────── */
+export const NavigationMenuList = forwardRef(function NavigationMenuList({ className, ...props }, ref) {
+    return (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn('group flex flex-1 list-none items-center justify-center gap-1', className), ...props }));
+});
+/* ── Item ──────────────────────────────────────────────────────────── */
+export const NavigationMenuItem = NavigationMenuPrimitive.Item;
+/* ── Trigger ──────────────────────────────────────────────────────── */
+const navigationMenuTriggerStyle = cva('group inline-flex h-10 w-max items-center justify-center rounded-lg bg-transparent px-4 py-2 text-body-sm font-medium ' +
+    'transition-colors ' +
+    'hover:bg-muted hover:text-foreground ' +
+    'focus:bg-muted focus:text-foreground focus:outline-none ' +
+    'disabled:pointer-events-none disabled:opacity-50 ' +
+    'data-[state=open]:bg-muted/50 data-[active]:bg-muted/50');
+export { navigationMenuTriggerStyle };
+export const NavigationMenuTrigger = forwardRef(function NavigationMenuTrigger({ className, children, ...props }, ref) {
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "relative top-px ml-1 h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-180", "aria-hidden": true, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6l4 4 4-4" }) })] }));
+});
+/* ── Content ──────────────────────────────────────────────────────── */
+export const NavigationMenuContent = forwardRef(function NavigationMenuContent({ className, ...props }, ref) {
+    return (_jsx(NavigationMenuPrimitive.Content, { ref: ref, className: cn('left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out', 'data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out', 'data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52', 'data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52', 'md:absolute md:w-auto', className), ...props }));
+});
+/* ── Link ──────────────────────────────────────────────────────────── */
+export const NavigationMenuLink = NavigationMenuPrimitive.Link;
+/* ── Viewport ─────────────────────────────────────────────────────── */
+export const NavigationMenuViewport = forwardRef(function NavigationMenuViewport({ className, ...props }, ref) {
+    return (_jsx("div", { className: cn('absolute left-0 top-full flex justify-center'), children: _jsx(NavigationMenuPrimitive.Viewport, { ref: ref, className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)]', 'w-full overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-lg', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90', 'md:w-[var(--radix-navigation-menu-viewport-width)]', className), ...props }) }));
+});
+/* ── Indicator ────────────────────────────────────────────────────── */
+export const NavigationMenuIndicator = forwardRef(function NavigationMenuIndicator({ className, ...props }, ref) {
+    return (_jsx(NavigationMenuPrimitive.Indicator, { ref: ref, className: cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden', 'data-[state=visible]:animate-in data-[state=hidden]:animate-out', 'data-[state=hidden]:fade-out data-[state=visible]:fade-in', className), ...props, children: _jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) }));
+});
+//# sourceMappingURL=NavigationMenu.js.map

package/dist/NavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.js","sourceRoot":"","sources":["../src/NavigationMenu.tsx"],"names":[],"mappings":"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"}

package/dist/NavigationMenu.native.d.ts

@@ -0,0 +1,44 @@
+/**
+ * NavigationMenu (React Native variant).
+ *
+ * Renders a horizontal scrollable row of navigation links.
+ * Sub-menus open as modal overlays on native.
+ *
+ * Wiki: docs/components/NavigationMenu.md
+ */
+import { type ReactNode } from 'react';
+import { ScrollView, View, type ViewProps } from 'react-native';
+type ClassedViewProps = Omit<ViewProps, 'style'> & {
+    className?: string;
+};
+export declare const NavigationMenu: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export declare const NavigationMenuList: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<ScrollView>>;
+export declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export interface NavigationMenuTriggerProps extends ClassedViewProps {
+    children: ReactNode;
+}
+export declare const NavigationMenuTrigger: import("react").ForwardRefExoticComponent<NavigationMenuTriggerProps & import("react").RefAttributes<View>>;
+export declare const NavigationMenuContent: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export interface NavigationMenuLinkProps extends ClassedViewProps {
+    href?: string;
+    onPress?: () => void;
+    children: ReactNode;
+}
+export declare const NavigationMenuLink: import("react").ForwardRefExoticComponent<NavigationMenuLinkProps & import("react").RefAttributes<View>>;
+export declare const NavigationMenuViewport: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export declare const NavigationMenuIndicator: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export declare const navigationMenuTriggerStyle: () => string;
+export {};
+//# sourceMappingURL=NavigationMenu.native.d.ts.map

package/dist/NavigationMenu.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.native.d.ts","sourceRoot":"","sources":["../src/NavigationMenu.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,UAAU,EAEV,IAAI,EACJ,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAGtB,KAAK,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAI1E,eAAO,MAAM,cAAc;gBAJsC,MAAM;wCAUtE,CAAC;AAIF,eAAO,MAAM,kBAAkB;gBAdkC,MAAM;8CA4BtE,CAAC;AAIF,eAAO,MAAM,kBAAkB;gBAhCkC,MAAM;wCAoCtE,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,6GAgBjC,CAAC;AAIF,eAAO,MAAM,qBAAqB;gBAhE+B,MAAM;wCA6EtE,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,0GAa9B,CAAC;AAIF,eAAO,MAAM,sBAAsB;gBAxG8B,MAAM;wCA4GtE,CAAC;AAEF,eAAO,MAAM,uBAAuB;gBA9G6B,MAAM;wCAkHtE,CAAC;AAEF,eAAO,MAAM,0BAA0B,cAAqD,CAAC"}

package/dist/NavigationMenu.native.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * NavigationMenu (React Native variant).
+ *
+ * Renders a horizontal scrollable row of navigation links.
+ * Sub-menus open as modal overlays on native.
+ *
+ * Wiki: docs/components/NavigationMenu.md
+ */
+import { forwardRef } from 'react';
+import { Pressable, ScrollView, Text, View, } from 'react-native';
+import { cn } from './internal/cn.js';
+/* ── Root ──────────────────────────────────────────────────────────── */
+export const NavigationMenu = forwardRef(function NavigationMenu({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('flex-row', className), ...props }));
+});
+/* ── List ──────────────────────────────────────────────────────────── */
+export const NavigationMenuList = forwardRef(function NavigationMenuList({ className, children, ...props }, ref) {
+    return (_jsx(ScrollView, { ref: ref, horizontal: true, showsHorizontalScrollIndicator: false, contentContainerClassName: cn('flex-row items-center gap-1', className), ...props, children: children }));
+});
+/* ── Item ──────────────────────────────────────────────────────────── */
+export const NavigationMenuItem = forwardRef(function NavigationMenuItem({ className, ...props }, ref) {
+    return _jsx(View, { ref: ref, className: cn(className), ...props });
+});
+export const NavigationMenuTrigger = forwardRef(function NavigationMenuTrigger({ className, children, ...props }, ref) {
+    return (_jsxs(Pressable, { ref: ref, className: cn('flex-row items-center rounded-lg px-4 py-2', className), ...props, children: [_jsx(Text, { className: "text-sm font-medium text-foreground", children: children }), _jsx(Text, { className: "ml-1 text-xs text-muted-foreground", children: "\u25BE" })] }));
+});
+/* ── Content ──────────────────────────────────────────────────────── */
+export const NavigationMenuContent = forwardRef(function NavigationMenuContent({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('rounded-lg border border-border bg-card p-2 shadow-lg', className), ...props }));
+});
+export const NavigationMenuLink = forwardRef(function NavigationMenuLink({ className, onPress, children, ...props }, ref) {
+    return (_jsx(Pressable, { ref: ref, onPress: onPress, className: cn('rounded-lg px-4 py-2', className), ...props, children: _jsx(Text, { className: "text-sm text-foreground", children: children }) }));
+});
+/* ── Viewport + Indicator (no-op on native) ───────────────────────── */
+export const NavigationMenuViewport = forwardRef(function NavigationMenuViewport(props, ref) {
+    return _jsx(View, { ref: ref, ...props });
+});
+export const NavigationMenuIndicator = forwardRef(function NavigationMenuIndicator(props, ref) {
+    return _jsx(View, { ref: ref, ...props });
+});
+export const navigationMenuTriggerStyle = () => 'flex-row items-center rounded-lg px-4 py-2';
+//# sourceMappingURL=NavigationMenu.native.js.map

package/dist/NavigationMenu.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.native.js","sourceRoot":"","sources":["../src/NavigationMenu.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,SAAS,EACT,UAAU,EACV,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAItC,0EAA0E;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClD,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACpE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,0EAA0E;AAE1E,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAChE,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAY,EACjB,UAAU,QACV,8BAA8B,EAAE,KAAK,EACrC,yBAAyB,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnE,KAAK,YAER,QAAQ,GACE,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,0EAA0E;AAE1E,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACtD,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACjE,CAAC,CACF,CAAC;AAQF,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC7C,SAAS,qBAAqB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACnE,OAAO,CACL,MAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,SAAS,EAAE,EAAE,CACX,4CAA4C,EAC5C,SAAS,CACV,KACG,KAAK,aAET,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,YAAE,QAAQ,GAAQ,EACvE,KAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,uBAAS,IACnD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,yEAAyE;AAEzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC7C,SAAS,qBAAqB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzD,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAUF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACzE,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAC5C,KAAK,YAET,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAQ,GACjD,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,yEAAyE;AAEzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAC9C,SAAS,sBAAsB,CAAC,KAAK,EAAE,GAAG;IACxC,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACvC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAC/C,SAAS,uBAAuB,CAAC,KAAK,EAAE,GAAG;IACzC,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACvC,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE,CAAC,4CAA4C,CAAC"}

package/dist/NotificationBadge.d.ts

@@ -0,0 +1,33 @@
+/**
+ * NotificationBadge (web variant — React DOM).
+ *
+ * Tiny counter dot that overlays a parent (the bell icon in the
+ * MiHCM Security prototype's TopBar). Render inside any
+ * `position: relative` container; the badge absolutely-positions
+ * itself in the top-right.
+ *
+ * Extracted from the prototype:
+ *   <div class="relative">
+ *     <img src="img/bell.svg" />
+ *     <span class="absolute -top-2 -right-2.5 w-4 h-4 bg-mi-red
+ *                  rounded-full text-xs text-white ...">5</span>
+ *   </div>
+ *
+ * Wiki: docs/components/NotificationBadge.md
+ */
+import { type HTMLAttributes } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const notificationBadgeVariants: (props?: ({
+    tone?: "accent" | "primary" | "warning" | "danger" | null | undefined;
+    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface NotificationBadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof notificationBadgeVariants> {
+    /** Numeric count. `0` and `undefined` hide the badge. Values over `max` show `${max}+`. */
+    count?: number;
+    /** Cap value. Defaults to 99. */
+    max?: number;
+    /** When `true` and `count > 0`, render a tiny dot without text. Default `false`. */
+    dot?: boolean;
+}
+export declare const NotificationBadge: import("react").ForwardRefExoticComponent<NotificationBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=NotificationBadge.d.ts.map

package/dist/NotificationBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.d.ts","sourceRoot":"","sources":["../src/NotificationBadge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,yBAAyB;;;8EAmBrC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,oHAmC7B,CAAC"}

package/dist/NotificationBadge.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * NotificationBadge (web variant — React DOM).
+ *
+ * Tiny counter dot that overlays a parent (the bell icon in the
+ * MiHCM Security prototype's TopBar). Render inside any
+ * `position: relative` container; the badge absolutely-positions
+ * itself in the top-right.
+ *
+ * Extracted from the prototype:
+ *   <div class="relative">
+ *     <img src="img/bell.svg" />
+ *     <span class="absolute -top-2 -right-2.5 w-4 h-4 bg-mi-red
+ *                  rounded-full text-xs text-white ...">5</span>
+ *   </div>
+ *
+ * Wiki: docs/components/NotificationBadge.md
+ */
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const notificationBadgeVariants = cva('absolute grid place-items-center rounded-full text-label font-semibold leading-none text-primary-foreground', {
+    variants: {
+        tone: {
+            danger: 'bg-destructive',
+            warning: 'bg-warning',
+            accent: 'bg-accent',
+            primary: 'bg-primary',
+        },
+        placement: {
+            'top-right': '-top-1 -right-1',
+            'top-left': '-top-1 -left-1',
+            'bottom-right': '-bottom-1 -right-1',
+            'bottom-left': '-bottom-1 -left-1',
+        },
+    },
+    defaultVariants: { tone: 'danger', placement: 'top-right' },
+});
+export const NotificationBadge = forwardRef(function NotificationBadge({ className, tone, placement, count = 0, max = 99, dot = false, children, ...props }, ref) {
+    if (!count && !children && !dot)
+        return null;
+    if (dot) {
+        return (_jsx("span", { ref: ref, "aria-hidden": true, className: cn(notificationBadgeVariants({ tone, placement }), 'h-2 w-2', className), ...props }));
+    }
+    const label = children ?? (count > max ? `${max}+` : String(count));
+    return (_jsx("span", { ref: ref, className: cn(notificationBadgeVariants({ tone, placement }), 'h-4 min-w-4 px-1', className), ...props, children: label }));
+});
+//# sourceMappingURL=NotificationBadge.js.map

package/dist/NotificationBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.js","sourceRoot":"","sources":["../src/NotificationBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,6GAA6G,EAC7G;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,WAAW;YACnB,OAAO,EAAE,YAAY;SACtB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,iBAAiB;YAC9B,UAAU,EAAE,gBAAgB;YAC5B,cAAc,EAAE,oBAAoB;YACpC,aAAa,EAAE,mBAAmB;SACnC;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE;CAC5D,CACF,CAAC;AAaF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CACxB,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACpF,GAAG;IAEH,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAC7C,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,CACL,eACE,GAAG,EAAE,GAAG,uBAER,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC9C,SAAS,EACT,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACpE,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC9C,kBAAkB,EAClB,SAAS,CACV,KACG,KAAK,YAER,KAAK,GACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/NotificationBadge.native.d.ts

@@ -0,0 +1,25 @@
+/**
+ * NotificationBadge (React Native variant).
+ *
+ * Counter dot overlay. Same prop API as the web variant — wrap the
+ * host element in a `<View>` with relative positioning; the badge
+ * absolutely-positions in the chosen corner.
+ *
+ * Wiki: docs/components/NotificationBadge.md
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+export declare const notificationBadgeVariants: (props?: ({
+    tone?: "accent" | "primary" | "warning" | "danger" | null | undefined;
+    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface NotificationBadgeProps extends Omit<ViewProps, 'style'>, VariantProps<typeof notificationBadgeVariants> {
+    className?: string;
+    count?: number;
+    max?: number;
+    dot?: boolean;
+    children?: ReactNode;
+}
+export declare const NotificationBadge: import("react").ForwardRefExoticComponent<NotificationBadgeProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=NotificationBadge.native.d.ts.map

package/dist/NotificationBadge.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.native.d.ts","sourceRoot":"","sources":["../src/NotificationBadge.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,yBAAyB;;;8EAmBrC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,yGAkC7B,CAAC"}

package/dist/NotificationBadge.native.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * NotificationBadge (React Native variant).
+ *
+ * Counter dot overlay. Same prop API as the web variant — wrap the
+ * host element in a `<View>` with relative positioning; the badge
+ * absolutely-positions in the chosen corner.
+ *
+ * Wiki: docs/components/NotificationBadge.md
+ */
+import { forwardRef } from 'react';
+import { Text, View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export const notificationBadgeVariants = cva('absolute items-center justify-center rounded-full', {
+    variants: {
+        tone: {
+            danger: 'bg-destructive',
+            warning: 'bg-warning',
+            accent: 'bg-accent',
+            primary: 'bg-primary',
+        },
+        placement: {
+            'top-right': '-top-1 -right-1',
+            'top-left': '-top-1 -left-1',
+            'bottom-right': '-bottom-1 -right-1',
+            'bottom-left': '-bottom-1 -left-1',
+        },
+    },
+    defaultVariants: { tone: 'danger', placement: 'top-right' },
+});
+export const NotificationBadge = forwardRef(function NotificationBadge({ className, tone, placement, count = 0, max = 99, dot = false, children, ...props }, ref) {
+    if (!count && !children && !dot)
+        return null;
+    if (dot) {
+        return (_jsx(View, { ref: ref, className: cn(notificationBadgeVariants({ tone, placement }), 'h-2 w-2', className), ...props }));
+    }
+    const label = children ?? (count > max ? `${max}+` : String(count));
+    return (_jsx(View, { ref: ref, className: cn(notificationBadgeVariants({ tone, placement }), 'h-4 min-w-4 px-1', className), ...props, children: _jsx(Text, { className: "text-caption font-medium leading-none text-primary-foreground", children: label }) }));
+});
+//# sourceMappingURL=NotificationBadge.native.js.map