@radui/ui 0.0.46 → 0.1.0

package/dist/components/Heading.d.ts

@@ -10,284 +10,16 @@ type HeadingProps = {
     as?: HeadingTag;
     /** Custom root class for specialized styling */
     customRootClass?: string;
-    /** Additional class names to apply */
-    className?: string;
-    /** Content of the heading */
-    children?: React.ReactNode;
-} & React.HTMLAttributes<HTMLHeadingElement>;
+} & React.ComponentPropsWithoutRef<'h1'>;
 /**
  * Renders a heading element with customizable tag and styling
  */
-declare const Heading: {
-    ({ children, as, customRootClass, className, ...props }: HeadingProps): React.DetailedReactHTMLElement<{
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLHeadingElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLHeadingElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLHeadingElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLHeadingElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLHeadingElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLHeadingElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLHeadingElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLHeadingElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLHeadingElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
-        className: string;
-    }, HTMLElement>;
-    displayName: string;
-};
+declare const Heading: React.ForwardRefExoticComponent<{
+    /** HTML heading tag to render */
+    as?: HeadingTag;
+    /** Custom root class for specialized styling */
+    customRootClass?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 
 export { Heading as default };
 export type { HeadingProps, HeadingTag };

package/dist/components/Heading.js

@@ -1 +1 @@
-'use client';import{__rest as s,__assign as o}from"./node_modules/tslib/tslib.es6.js";import e from"react";import{clsx as a}from"./node_modules/clsx/dist/clsx.js";import{customClassSwitcher as r}from"./src/core/customClassSwitcher/index.js";var t=function(t){var i=t.children,l=t.as,m=void 0===l?"h1":l,c=t.customRootClass,d=void 0===c?"":c,h=t.className,n=void 0===h?"":h,u=s(t,["children","as","customRootClass","className"]),f=r(d,m);return["h1","h2","h3","h4","h5","h6"].includes(m)||(m="h1"),e.createElement(m,o({className:a(f,n)},u),i)};t.displayName="Heading";export{t as default};
+'use client';import{_ as s,a}from"./tslib.es6-BtVxab8e.js";import e from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as r}from"./index-BVxS3Ixi.js";var t=e.forwardRef((function(t,i){var m=t.children,c=t.as,l=void 0===c?"h1":c,d=t.customRootClass,h=void 0===d?"":d,f=t.className,n=void 0===f?"":f,p=s(t,["children","as","customRootClass","className"]),u=r(h,l),v=["h1","h2","h3","h4","h5","h6"].includes(l)?l:"h1";return e.createElement(v,a({className:o(u,n),ref:i},p),m)}));t.displayName="Heading";export{t as default};

package/dist/components/HoverCard.d.ts

@@ -1,37 +1,38 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
+import * as _floating_ui_react from '@floating-ui/react';
+import Floater from '~/core/primitives/Floater';
 
-type HoverCardProps = React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-};
-declare const HoverCard: {
-    (): null;
-    Root: ({ children, open: controlledOpen, onOpenChange, customRootClass, openDelay, closeDelay, ...props }: {
-        children: React.ReactNode;
-        open: boolean | undefined;
-        onOpenChange: (open: boolean) => void;
-        customRootClass: string;
-        openDelay: number;
-        closeDelay: number;
-        props?: React.HTMLAttributes<HTMLElement>;
-    }) => React.JSX.Element;
-    Trigger: ({ children, className, ...props }: {
-        children: React.ReactNode;
-        props?: React.HTMLAttributes<HTMLElement>;
-        className?: string;
-    }) => React.JSX.Element;
-    Portal: ({ children, rootElement, ...props }: {
-        children: React.ReactNode;
-        rootElement: HTMLElement | React.MutableRefObject<HTMLElement | null> | undefined;
-        props: React.HTMLAttributes<HTMLElement>;
-    }) => React.JSX.Element;
-    Content: ({ children, ...props }: {
-        children: React.ReactNode;
-        props?: React.HTMLAttributes<HTMLElement>;
-    }) => React.JSX.Element | null;
-    Arrow: ({ ...props }: {
-        [x: string]: any;
-    }) => React.JSX.Element;
+declare const HoverCardRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    customRootClass?: string;
+    openDelay?: number;
+    closeDelay?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type HoverCardTriggerProps = ComponentPropsWithoutRef<typeof Primitive.span>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<HTMLElement>>;
+
+declare const HoverCardPortal: React.ForwardRefExoticComponent<_floating_ui_react.FloatingPortalProps & {
+    rootElement?: HTMLElement | React.MutableRefObject<HTMLElement | null>;
+} & React.RefAttributes<never>>;
+
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type HoverCardArrowProps = Omit<ComponentPropsWithoutRef<typeof Floater.Arrow>, 'context'>;
+declare const HoverCardArrow: React.ForwardRefExoticComponent<HoverCardArrowProps & React.RefAttributes<SVGSVGElement>>;
+
+type HoverCardElement = ElementRef<'div'>;
+type HoverCardProps = ComponentPropsWithoutRef<'div'>;
+type HoverCardComponent = React.ForwardRefExoticComponent<HoverCardProps & React.RefAttributes<HoverCardElement>> & {
+    Root: typeof HoverCardRoot;
+    Trigger: typeof HoverCardTrigger;
+    Portal: typeof HoverCardPortal;
+    Content: typeof HoverCardContent;
+    Arrow: typeof HoverCardArrow;
 };
+declare const HoverCard: HoverCardComponent;
 
 export { HoverCard as default };
-export type { HoverCardProps };
+export type { HoverCardElement, HoverCardProps };

package/dist/components/HoverCard.js

@@ -1 +1 @@
-'use client';import r from"./HoverCard/fragments/HoverCardRoot.js";import o from"./HoverCard/fragments/HoverCardTrigger.js";import e from"./HoverCard/fragments/HoverCardPortal.js";import t from"./HoverCard/fragments/HoverCardContent.js";import a from"./HoverCard/fragments/HoverCardArrow.js";var s=function(){return console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null};s.Root=r,s.Trigger=o,s.Portal=e,s.Content=t,s.Arrow=a;export{s as default};
+'use client';import e,{createContext as r,forwardRef as t,useRef as o,useState as n,useEffect as a,useContext as s}from"react";import{_ as i,a as l}from"./tslib.es6-BtVxab8e.js";import{F as c}from"./index-Di6TooPD.js";import{c as u}from"./index-BVxS3Ixi.js";import{u as m}from"./index-fkj4Fdgt.js";import{c as f}from"./clsx-BaVHROc5.js";import{P as d}from"./index-Dc5Cm9z0.js";import"./floating-ui.react-CLbXmKZY.js";import"react/jsx-runtime";import"react-dom";var g=r({}),v="HoverCard",p=t((function(r,t){var s=r.children,d=r.open,p=void 0===d?void 0:d,C=r.onOpenChange,y=r.customRootClass,h=void 0===y?"":y,R=r.openDelay,N=void 0===R?100:R,D=r.closeDelay,w=void 0===D?200:D,x=i(r,["children","open","onOpenChange","customRootClass","openDelay","closeDelay"]),E=u(h,v),P=u(h,"".concat(v,"-trigger")),T=o(null),H=c.useFloating({placement:"bottom",strategy:"fixed",middleware:[c.arrow({element:T}),c.offset(10),c.flip({mainAxis:!0})]}),j=H.refs,W=H.floatingStyles,F=H.context,M=m(p,!1,C),O=M[0],A=M[1],L=n(!1);L[0];var b=L[1],S=o(null),k=o(null),B=function(e){A(e)},I=c.useRole(F),_=c.useDismiss(F),q=c.useHover(F,{delay:100}),z=c.useInteractions([q,I,_]),G=z.getReferenceProps,J=z.getFloatingProps;a((function(){return function(){S.current&&clearTimeout(S.current),k.current&&clearTimeout(k.current)}}),[]);var K={isOpen:O,handleOpenChange:B,floatingRefs:j,floatingStyles:W,floatingContext:F,arrowRef:T,getReferenceProps:G,getFloatingProps:J,rootClass:E,rootTriggerClass:P,closeWithDelay:function(){b(!0),k.current&&clearTimeout(k.current),k.current=setTimeout((function(){b((function(e){return e&&B(!1),e}))}),w)},closeWithoutDelay:function(){B(!1)},openWithDelay:function(){b(!1),S.current&&clearTimeout(S.current),S.current=setTimeout((function(){B(!0)}),N)}};return e.createElement(g.Provider,{value:K},e.createElement("div",l({ref:t,className:f(E)},x),s))}));p.displayName=v;var C=t((function(r,t){var o=r.children,n=r.className,a=void 0===n?"":n,u=i(r,["children","className"]),m=s(g),v=m.floatingRefs,p=m.closeWithDelay,C=m.openWithDelay,y=m.rootTriggerClass,h=c.useMergeRefs([v.setReference,t]);return e.createElement(d.span,l({className:f(y,a),onClick:function(){},onMouseEnter:C,onMouseLeave:p,ref:h},u),o)}));C.displayName="HoverCardTrigger";var y=t((function(r,t){var o=r.children,n=r.rootElement,a=i(r,["children","rootElement"]),u=s(g).rootTriggerClass,m=n||document.getElementsByClassName(u)[0];return e.createElement(c.Portal,l({root:m},a),o)}));y.displayName="HoverCardPortal";var h=t((function(r,t){var o=r.children,n=r.className,u=i(r,["children","className"]),m=s(g),d=m.isOpen,v=m.floatingRefs,p=m.floatingStyles,C=m.getFloatingProps,y=m.rootClass,h=m.closeWithDelay,R=m.closeWithoutDelay,N=m.openWithDelay;a((function(){var e=function(){return R()};return window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}),[R]);var D=c.useMergeRefs([v.setFloating,t]);return d?e.createElement("div",l({onPointerEnter:N,onPointerLeave:h,className:f(y,n),ref:D,style:p},u,C()),o):null}));h.displayName="HoverCardContent";var R=t((function(r,t){var o=s(g),n=o.floatingContext,a=o.arrowRef,i=o.rootClass,u=c.useMergeRefs([a,t]);return e.createElement(c.Arrow,l({className:f("".concat(i,"-arrow"))},r,{context:n,ref:u}))}));R.displayName="HoverCardArrow";var N=t((function(e,r){return console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null}));N.displayName="HoverCard",N.Root=p,N.Trigger=C,N.Portal=y,N.Content=h,N.Arrow=R;export{N as default};

package/dist/components/Kbd.d.ts

@@ -1,13 +1,11 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
 
-type KbdProps = {
-    children: React.ReactNode;
+type KbdElement = ElementRef<'kbd'>;
+interface KbdProps extends ComponentPropsWithoutRef<'kbd'> {
     customRootClass?: string;
-    className?: string;
     size?: string;
-    props?: Record<string, any>[];
-};
-declare const Kbd: ({ children, customRootClass, className, size, ...props }: KbdProps) => React.JSX.Element;
+}
+declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
 
 export { Kbd as default };
-export type { KbdProps };
+export type { KbdElement, KbdProps };

package/dist/components/Kbd.js

@@ -1 +1 @@
-'use client';import{__rest as s,__assign as e}from"./node_modules/tslib/tslib.es6.js";import o from"react";import{customClassSwitcher as r}from"./src/core/customClassSwitcher/index.js";import{clsx as t}from"./node_modules/clsx/dist/clsx.js";import{useCreateDataAttribute as c}from"./src/core/hooks/createDataAttribute/index.js";var i=function(i){var m=i.children,a=i.customRootClass,l=i.className,d=i.size,n=void 0===d?"":d,u=s(i,["children","customRootClass","className","size"]),f=r(a,"Kbd"),b=c("kbd",{size:n});return o.createElement("kbd",e({className:t(f,l)},b(),u),m)};export{i as default};
+'use client';import{_ as s,a}from"./tslib.es6-BtVxab8e.js";import e,{forwardRef as r}from"react";import{c as o}from"./index-BVxS3Ixi.js";import{c as m}from"./clsx-BaVHROc5.js";import{u as t}from"./index-Bf4LVEjJ.js";var i=r((function(r,i){var c=r.children,d=r.customRootClass,l=r.className,f=r.size,n=void 0===f?"":f,p=s(r,["children","customRootClass","className","size"]),u=o(d,"Kbd"),b=t("kbd",{size:n});return e.createElement("kbd",a({ref:i,className:m(u,l)},b(),p),c)}));i.displayName="Kbd";export{i as default};

package/dist/components/Link.d.ts

@@ -1,17 +1,11 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
 
-type LinkProps = {
-    children: React.ReactNode;
-    href: string;
+interface LinkProps extends ComponentPropsWithoutRef<'a'> {
     customRootClass?: string;
     size?: string;
-    className?: string;
-    props?: Record<string, any>[];
-};
-declare const Link: {
-    ({ children, href, customRootClass, className, size, ...props }: LinkProps): React.JSX.Element;
-    displayName: string;
-};
+}
+type LinkElement = ElementRef<'a'>;
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 
 export { Link as default };
-export type { LinkProps };
+export type { LinkElement, LinkProps };

package/dist/components/Link.js

@@ -1 +1 @@
-'use client';import{__rest as s,__assign as e}from"./node_modules/tslib/tslib.es6.js";import r from"react";import{clsx as o}from"./node_modules/clsx/dist/clsx.js";import{customClassSwitcher as i}from"./src/core/customClassSwitcher/index.js";import{useCreateDataAttribute as t}from"./src/core/hooks/createDataAttribute/index.js";import m from"./src/core/primitives/Primitive/index.js";var a="Link",c=function(c){var l=c.children,d=c.href,n=void 0===d?"#":d,f=c.customRootClass,p=c.className,u=c.size,h=void 0===u?"":u,v=s(c,["children","href","customRootClass","className","size"]),x=i(f,a),j=t("link",{size:h});return r.createElement(m.a,e({href:n,className:o(x,p)},j(),v),l)};c.displayName=a;export{c as default};
+'use client';import{_ as s,a as r}from"./tslib.es6-BtVxab8e.js";import e from"react";import{c as a}from"./clsx-BaVHROc5.js";import{c as o}from"./index-BVxS3Ixi.js";import{u as i}from"./index-Bf4LVEjJ.js";import{P as m}from"./index-Dc5Cm9z0.js";var t="Link",f=e.forwardRef((function(f,c){var l=f.children,d=f.href,n=void 0===d?"#":d,p=f.customRootClass,u=f.className,h=f.size,j=void 0===h?"":h,x=s(f,["children","href","customRootClass","className","size"]),v=o(p,t),N=i("link",{size:j}),z=m.a;return e.createElement(z,r({ref:c,href:n,className:a(v,u)},N(),x),l)}));f.displayName=t;export{f as default};

package/dist/components/MenuPrimitive-DuUPySFO.js

@@ -0,0 +1 @@
+'use client';import{_ as e,a as n}from"./tslib.es6-BtVxab8e.js";import t,{forwardRef as a,useState as s,useRef as i,useContext as r,useEffect as l}from"react";import{F as o}from"./index-Di6TooPD.js";import{u as c}from"./index-fkj4Fdgt.js";import{B as u}from"./index-DnCiOYxZ.js";var f=t.createContext(null),d=a((function(a,r){var l=a.children,u=a.className,d=a.open,m=a.onOpenChange,p=a.defaultOpen,v=void 0!==p&&p,g=a.crossAxisOffset,x=void 0===g?0:g,N=a.mainAxisOffset,h=void 0===N?0:N,O=e(a,["children","className","open","onOpenChange","defaultOpen","crossAxisOffset","mainAxisOffset"]),P=c(d,v,m),C=P[0],I=P[1],b=s(null),R=b[0],y=b[1],E=i([]),F=i([]),M=i([]),A=i(null),k=o.useFloatingNodeId(),S=o.useFloatingParentNodeId(),T=null!=S,j=o.useFloating({open:C,nodeId:k,onOpenChange:I,placement:T?"right-start":"bottom-start",middleware:[o.flip({mainAxis:!0}),o.offset({mainAxis:h,crossAxis:x})],whileElementsMounted:o.autoUpdate}),L=j.refs,w=j.floatingStyles,D=j.context,q=o.useListNavigation(D,{listRef:F,activeIndex:R,nested:T,onNavigate:y}),B=o.useClick(D,{}),H=o.useHover(D,{enabled:T,delay:{open:75},handleClose:o.safePolygon({blockPointerEvents:!0})}),U=o.useDismiss(D,{bubbles:!0}),_=o.useTypeahead(D,{listRef:M,onMatch:C?y:void 0,activeIndex:R}),z=o.useInteractions([U,B,q,H,_]),G=z.getReferenceProps,J=z.getFloatingProps,K=z.getItemProps,Q={isOpen:C,setIsOpen:I,refs:L,floatingStyles:w,getReferenceProps:G,getFloatingProps:J,getItemProps:K,activeIndex:R,setActiveIndex:y,listRef:E,elementsRef:F,labelsRef:M,virtualItemRef:A,nodeId:k,isNested:T,floatingContext:D},V=o.useFloatingTree();return t.useEffect((function(){if(V)return V.events.on("click",e),function(){V.events.off("click",e)};function e(){I(!1)}}),[V,k,S]),t.createElement("div",n({ref:r,className:u,"data-tree":"true"},O),t.createElement(f.Provider,{value:Q},t.createElement(o.FloatingNode,{id:k},l)))}));d.displayName="MenuComponentRoot";var m=a((function(a,s){var i=a.children,r=a.className,l=a.open,c=a.onOpenChange,u=a.defaultOpen,f=void 0!==u&&u,m=a.crossAxisOffset,p=a.mainAxisOffset,v=e(a,["children","className","open","onOpenChange","defaultOpen","crossAxisOffset","mainAxisOffset"]);return t.createElement(o.FloatingTree,null,t.createElement(d,n({ref:s,className:r,open:l,onOpenChange:c,defaultOpen:f,crossAxisOffset:m,mainAxisOffset:p},v),i))}));m.displayName="MenuPrimitiveRoot";var p=a((function(a,s){var i=a.children,r=a.className,l=a.label,c=e(a,["children","className","label"]),u=t.useContext(f),d=o.useListItem({label:l}),m=d.ref,p=d.index,v=o.useFloatingTree(),g=t.useCallback((function(e){"function"==typeof m?m(e):m&&(m.current=e),"function"==typeof s?s(e):s&&(s.current=e)}),[m,s]);if(!u)return null;var x=u.activeIndex,N=u.getItemProps,h=x===p;return t.createElement("button",n({ref:g,tabIndex:h?0:-1,className:r},N({onClick:function(e){null==v||v.events.emit("click")}}),c),i)}));p.displayName="MenuPrimitiveItem";var v=a((function(a,s){var i=a.children,l=a.className,c=a.asChild,d=e(a,["children","className","asChild"]),m=r(f),p=o.useListItem(),v=p.ref,g=p.index,x=o.useMergeRefs([null==m?void 0:m.refs.setReference,v,s]);if(!m)return null;var N=m.activeIndex,h=m.getReferenceProps,O=m.isNested;return t.createElement(u,n({className:l,tabIndex:O?N===g?0:-1:void 0,ref:x},h(),{asChild:c},d),i)}));v.displayName="MenuPrimitiveTrigger";var g=a((function(a,s){var i=a.children,l=a.className,c=e(a,["children","className"]),u=r(f),d=o.useMergeRefs([null==u?void 0:u.refs.setFloating,s]);if(!u||!u.isOpen)return null;var m=u.floatingStyles,p=u.getFloatingProps,v=u.elementsRef,g=u.labelsRef,x=u.isNested,N=u.floatingContext;return t.createElement(o.FloatingList,{elementsRef:v,labelsRef:g},t.createElement(o.FocusManager,{context:N,modal:!1,initialFocus:x?-1:0,returnFocus:!x},t.createElement("div",n({ref:d,style:m},p(),{className:l},c),i)))}));g.displayName="MenuPrimitiveContent";var x=a((function(a,s){var i=a.children,r=a.className,l=a.open,o=a.onOpenChange,c=a.defaultOpen,u=void 0!==c&&c,f=e(a,["children","className","open","onOpenChange","defaultOpen"]);return t.createElement(d,n({ref:s,className:r,open:l,onOpenChange:o,defaultOpen:u},f),i)}));x.displayName="MenuPrimitiveSub";var N=a((function(a,i){var c=a.children,u=e(a,["children"]),d=r(f),m=s(!1),p=m[0],v=m[1],g=document.querySelector("#rad-ui-theme-container")||document.body;return l((function(){g&&v(!0)}),[g]),d&&d.isOpen&&p?t.createElement(o.Portal,n({root:g},u),t.createElement("div",{ref:i},c)):null}));N.displayName="MenuPrimitivePortal";var h=function(){return console.warn("Direct usage of MenuPrimitive is not supported. Please use MenuPrimitive.Root, MenuPrimitive.Item instead."),null};h.Root=m,h.Item=p,h.Trigger=v,h.Content=g,h.Sub=x,h.Portal=N;export{h as M};

package/dist/components/Menubar.d.ts

@@ -1,60 +1,83 @@
-import * as React from 'react';
-import React__default from 'react';
-import { MenuPrimitiveProps } from '~/core/primitives/Menu/MenuPrimitive';
+import * as react from 'react';
+import react__default from 'react';
+import * as _floating_ui_react from '@floating-ui/react';
 
-type MenubarSubTriggerProps = {
-    children: React__default.ReactNode;
-    className?: string;
-} & MenuPrimitiveProps.Trigger;
-
-type MenubarSubProps = {
-    children: React__default.ReactNode;
-    className?: string;
-} & MenuPrimitiveProps.Sub;
-
-type MenubarItemProps = {
-    children: React__default.ReactNode;
+type MenuPrimitiveItemProps = {
+    children: react__default.ReactNode;
     className?: string;
     label?: string;
-} & MenuPrimitiveProps.Item;
-
-type MenubarPortalProps = {
-    children: React__default.ReactNode;
 };
 
-type MenubarContentProps = {
-    children: React__default.ReactNode;
+type MenuPrimitiveContentProps = {
+    children: react__default.ReactNode;
     className?: string;
-} & MenuPrimitiveProps.Content;
-
-type MenubarTriggerProps = {
-    children: React__default.ReactNode;
-    className?: string;
-} & MenuPrimitiveProps.Trigger;
-
-type MenubarMenuProps = {
-    children: React__default.ReactNode;
-    className?: string;
-} & MenuPrimitiveProps.Root;
+};
 
-type MenubarRootProps = {
-    children: React__default.ReactNode;
-    customRootClass?: string;
+type MenuPrimitiveTriggerProps = {
+    children: react__default.ReactNode;
     className?: string;
-    dir?: 'ltr' | 'rtl';
-    loop?: boolean;
+    asChild?: boolean;
 };
 
 declare const Menubar: {
     (): null;
-    Root: ({ children, customRootClass, className, dir, loop, ...props }: MenubarRootProps) => React.JSX.Element;
-    Menu: ({ children, className, ...props }: MenubarMenuProps) => React.JSX.Element | null;
-    Trigger: ({ children, className, ...props }: MenubarTriggerProps) => React.JSX.Element | null;
-    Content: ({ children, className, ...props }: MenubarContentProps) => React.JSX.Element | null;
-    Portal: ({ children }: MenubarPortalProps) => React.JSX.Element | null;
-    Item: ({ children, className, label, ...props }: MenubarItemProps) => React.JSX.Element | null;
-    Sub: ({ children, className, ...props }: MenubarSubProps) => React.JSX.Element | null;
-    SubTrigger: ({ children, className, ...props }: MenubarSubTriggerProps) => React.JSX.Element | null;
+    Root: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+        customRootClass?: string;
+        className?: string;
+    } & Omit<Omit<react.HTMLProps<HTMLElement> & _floating_ui_react.CompositeProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+    Menu: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<{
+        children: React.ReactNode;
+        className?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        defaultOpen?: boolean;
+        crossAxisOffset?: number;
+        mainAxisOffset?: number;
+    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<MenuPrimitiveTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<MenuPrimitiveContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Portal: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+    } & Omit<{
+        children: React.ReactNode;
+    } & _floating_ui_react.FloatingPortalProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+        className?: string;
+        label?: string;
+    } & Omit<MenuPrimitiveItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Sub: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<{
+        children: React.ReactNode;
+        className?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        defaultOpen?: boolean;
+    } & {
+        children: React.ReactNode;
+        className?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+        defaultOpen?: boolean;
+        crossAxisOffset?: number;
+        mainAxisOffset?: number;
+    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    SubTrigger: react.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+        className?: string;
+    } & Omit<MenuPrimitiveTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 };
 
 export { Menubar as default };

package/dist/components/Menubar.js

@@ -1 +1 @@
-'use client';import r from"./Menubar/fragments/MenubarRoot.js";import e from"./Menubar/fragments/MenubarTrigger.js";import n from"./Menubar/fragments/MenubarContent.js";import a from"./Menubar/fragments/MenubarPortal.js";import t from"./Menubar/fragments/MenubarItem.js";import o from"./Menubar/fragments/MenubarSub.js";import u from"./Menubar/fragments/MenubarSubTrigger.js";import m from"./Menubar/fragments/MenubarMenu.js";var s=function(){return console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null};s.Root=r,s.Menu=m,s.Trigger=e,s.Content=n,s.Portal=a,s.Item=t,s.Sub=o,s.SubTrigger=u;export{s as default};
+'use client';import{_ as e,a as r,b as t}from"./tslib.es6-BtVxab8e.js";import n,{forwardRef as a}from"react";import{c as o}from"./index-BVxS3Ixi.js";import{c as s}from"./clsx-BaVHROc5.js";import{F as u}from"./index-Di6TooPD.js";import{M as l}from"./MenuPrimitive-DuUPySFO.js";import"./floating-ui.react-CLbXmKZY.js";import"react/jsx-runtime";import"react-dom";import"./index-fkj4Fdgt.js";import"./index-DnCiOYxZ.js";import"./index-Dc5Cm9z0.js";var i=n.createContext(null),c=a((function(a,l){var c=a.children,m=a.customRootClass,d=a.className,b=a.dir,f=a.loop,p=e(a,["children","customRootClass","className","dir","loop"]),v=o(m,"Menubar"),g=n.useState([]),M=g[0],h=g[1],N=n.useState(0),C=N[0],x=N[1],R=function(e,t){h((function(n){return n.map((function(n){return n.id===e?r(r({},n),{state:t}):n}))}))};return n.createElement(i.Provider,{value:{rootClass:v,registerItem:function(e,n){void 0===n&&(n="closed"),h((function(a){return a.find((function(r){return r.id===e}))?a.map((function(t){return t.id===e?r(r({},t),{state:n}):t})):t(t([],a,!0),[{id:e,state:n}],!1)}))},items:M,updateItemState:R}},n.createElement(u.Composite,r({ref:l,className:s("".concat(v,"-root"),d),dir:b,loop:f},p,{activeIndex:C,onNavigate:function(e){var r=M[C],t=M[e];if(r&&R(r.id,"closed"),t){var n="open"===(null==r?void 0:r.state);R(t.id,n?"open":"closed")}x(e)}}),c))}));c.displayName="MenubarRoot";var m=n.createContext(null),d=a((function(t,a){var o=t.children,c=t.className,d=e(t,["children","className"]),b=n.useContext(i),f=n.useContext(m);if(!b)return console.log("MenubarTrigger should be used in the MenubarRoot"),null;var p=b.rootClass;if(!f)return console.log("MenubarTrigger should be used in the MenubarMenu"),null;var v=f.isOpen;return n.createElement(u.CompositeItem,{render:function(){return n.createElement(l.Trigger,r({ref:a,className:s("".concat(p,"-trigger"),c),"data-active":v},d),o)}})}));d.displayName="MenubarTrigger";var b=a((function(t,a){var o=t.children,u=t.className,c=e(t,["children","className"]),m=n.useContext(i);if(!m)return console.log("MenubarContent should be used in the MenubarRoot"),null;var d=m.rootClass;return n.createElement(l.Content,r({ref:a,className:s("".concat(d,"-content"),u)},c),o)}));b.displayName="MenubarContent";var f=a((function(t,a){var o=t.children,s=e(t,["children"]);return n.useContext(i)?n.createElement(l.Portal,r({ref:a},s),o):(console.log("MenubarPortal should be used in the MenubarRoot"),null)}));f.displayName="MenubarPortal";var p=a((function(t,a){var o=t.children,u=t.className,c=t.label,m=e(t,["children","className","label"]),d=n.useContext(i);if(!d)return console.log("MenubarItem should be used in the MenubarRoot"),null;var b=d.rootClass;return n.createElement(l.Item,r({ref:a,className:s("".concat(b,"-item"),u),label:c},m),o)}));p.displayName="MenubarItem";var v=a((function(t,a){var o=t.children,u=t.className,c=e(t,["children","className"]),m=n.useContext(i);if(!m)return console.log("MenubarSub should be used in the MenubarRoot"),null;var d=m.rootClass;return n.createElement(l.Sub,r({ref:a,className:s("".concat(d,"-sub"),u)},c),o)}));v.displayName="MenubarSub";var g=a((function(t,a){var o=t.children,u=t.className,c=e(t,["children","className"]),m=n.useContext(i);if(!m)return console.log("MenubarSubTrigger should be used in the MenubarRoot"),null;var d=m.rootClass;return n.createElement(l.Trigger,r({ref:a,className:s("".concat(d,"-sub-trigger"),u)},c),o)}));g.displayName="MenubarSubTrigger";var M=a((function(t,a){var o,c=t.children,d=t.className,b=e(t,["children","className"]),f=n.useContext(i),p=u.useId();if(!f)return console.log("MenubarMenu should be used in the MenubarRoot"),null;var v=f.rootClass,g=f.registerItem,M=f.items,h=f.updateItemState;n.useEffect((function(){p&&g(p)}),[p]);var N="open"===(null===(o=M.find((function(e){return e.id===p})))||void 0===o?void 0:o.state);return n.createElement(l.Root,r({ref:a,className:s("".concat(v,"-menu"),d),"data-id":p,"data-active":N,open:N,onOpenChange:function(e){return p&&h(p,e?"open":"closed")}},b),n.createElement(m.Provider,{value:{isOpen:N}},c))}));M.displayName="MenubarMenu";var h=function(){return console.warn("Direct usage of Menubar is not supported. Please use Menubar.Root, Menubar.Item instead."),null};h.Root=c,h.Menu=M,h.Trigger=d,h.Content=b,h.Portal=f,h.Item=p,h.Sub=v,h.SubTrigger=g;export{h as default};