@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/drawer/drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer/drawer.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/drawer/drawer.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface DrawerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  divided?: boolean;\n  footer?: ReactNode;\n  extra?: ReactNode;\n  placement?: 'left' | 'right' | 'top' | 'bottom';\n  width?: number | string;\n  height?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  push?: boolean | number;\n  resizable?: boolean;\n  minSize?: number;\n  maxSize?: number;\n  onResize?: (size: number) => void;\n}\nfunction DrawerSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  extra,\n  placement = 'right',\n  width = 380,\n  height = 300,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  push = false,\n  resizable = false,\n  minSize = 240,\n  maxSize = 900,\n  onResize,\n  children,\n  className,\n  style,\n  ...props\n}: DrawerProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const id = useId();\n  const panel = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(open, backdrop);\n  const contentRevision = useRef({ children, revision: 0 });\n  if (children !== contentRevision.current.children)\n    contentRevision.current = { children, revision: contentRevision.current.revision + 1 };\n  useContentTransition(content, `${open}:${contentRevision.current.revision}`, 0, true);\n  const owner = useContext(OverlayOwner);\n  const [resized, setResized] = useState<number>();\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const horizontal = placement === 'left' || placement === 'right';\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Resizing resets when the configured dimensions change.\n  useEffect(() => {\n    setResized(undefined);\n  }, [width, height]);\n  useEffect(() => {\n    if (!open || !push || !owner) return;\n    const parent = document.getElementById(owner);\n    if (!parent) return;\n    const previous = parent.style.transform;\n    const distance = typeof push === 'number' ? push : 40;\n    parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${placement === 'right' || placement === 'bottom' ? -distance : distance}px)`;\n    return () => {\n      parent.style.transform = previous;\n    };\n  }, [open, push, owner, placement, horizontal]);\n  const previous = useRef(false);\n  useEffect(() => {\n    if (previous.current && !present) afterClose?.();\n    previous.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, id, () => onClose?.(), keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className={classes('leaf-drawer-mask', `leaf-drawer-mask--${placement}`)}\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        tabIndex={-1}\n        className=\"leaf-drawer-backdrop\"\n        aria-label={messages.common.close}\n        onClick={() => {\n          if (maskClosable) onClose?.();\n        }}\n      />\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? id}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? `${id}-title` : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && `${id}-description`]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-drawer', divided && 'leaf-drawer--divided', className)}\n        style={{\n          ...(horizontal\n            ? { width: resized ?? width, height: '100%' }\n            : { height: resized ?? height, width: '100%' }),\n          ...style,\n        }}\n      >\n        {resizable && (\n          // biome-ignore lint/a11y/useSemanticElements: This is the adjustable ARIA window-splitter handle, not a decorative separator.\n          <div\n            role=\"separator\"\n            tabIndex={0}\n            aria-label={messages.tree.expand}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            aria-valuemin={minSize}\n            aria-valuemax={maxSize}\n            aria-valuenow={\n              resized ??\n              (typeof (horizontal ? width : height) === 'number'\n                ? Number(horizontal ? width : height)\n                : undefined)\n            }\n            className=\"leaf-drawer__resize\"\n            onPointerDown={(event) => {\n              if (!panel.current) return;\n              stopDragging.current?.();\n              event.preventDefault();\n              event.currentTarget.setPointerCapture(event.pointerId);\n              const start = horizontal ? event.clientX : event.clientY;\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const update = (event: PointerEvent) => {\n                const next = Math.min(\n                  maxSize,\n                  Math.max(\n                    minSize,\n                    size +\n                      ((horizontal ? event.clientX : event.clientY) - start) *\n                        (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                  ),\n                );\n                setResized(next);\n                onResize?.(next);\n              };\n              const end = () => {\n                window.removeEventListener('pointermove', update);\n                window.removeEventListener('pointerup', end);\n                window.removeEventListener('pointercancel', end);\n              };\n              stopDragging.current = end;\n              window.addEventListener('pointermove', update);\n              window.addEventListener('pointerup', end, { once: true });\n              window.addEventListener('pointercancel', end, { once: true });\n            }}\n            onKeyDown={(event) => {\n              if (!panel.current) return;\n              if (!['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) return;\n              event.preventDefault();\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const next = Math.min(\n                maxSize,\n                Math.max(\n                  minSize,\n                  size +\n                    (['ArrowRight', 'ArrowDown'].includes(event.key) ? 10 : -10) *\n                      (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                ),\n              );\n              setResized(next);\n              onResize?.(next);\n            }}\n          />\n        )}\n        <OverlayOwner.Provider value={id}>\n          {(title != null || description != null || icon != null || closable || extra) && (\n            <div\n              className={classes(\n                'leaf-drawer__header',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-drawer__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-drawer__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-drawer__heading\">\n                  {title != null && <h2 id={`${id}-title`}>{title}</h2>}\n                  {description != null && (\n                    <div id={`${id}-description`} className=\"leaf-drawer__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {extra && <div className=\"leaf-drawer__extra\">{extra}</div>}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.common.close}\n                  onClick={onClose}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          <div className=\"leaf-drawer__body\">\n            <div ref={content} className=\"leaf-drawer__content\">\n              {children}\n            </div>\n          </div>\n          {footer != null && <div className=\"leaf-drawer__footer\">{footer}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\nexport function Drawer(rawProps: DrawerProps) {\n  const props = useComponentProps('Drawer', rawProps);\n  return (\n    <ScopedPortal container={props.container}>\n      <DrawerSurface {...props} />\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","DrawerSurface","open","title","description","icon","divided","footer","extra","placement","width","height","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","push","resizable","minSize","maxSize","onResize","children","className","style","props","messages","maskBlur","useLeafConfig","id","useId","panel","useRef","backdrop","content","present","usePresence","contentRevision","useContentTransition","owner","useContext","OverlayOwner","resized","setResized","useState","stopDragging","undefined","useEffect","horizontal","parent","document","previous","distance","useDialog","visited","classes","inertProps","Boolean","Number","event","start","bounds","size","update","next","Math","end","window","X","Drawer","rawProps","useComponentProps","ScopedPortal"],"mappings":"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"}

package/dist/cjs/drawer/drawer.d.cts

@@ -0,0 +1,30 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type DialogFocusOptions } from '../shared/dialog.cjs';
+export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>, DialogFocusOptions {
+    open: boolean;
+    title?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    divided?: boolean;
+    footer?: ReactNode;
+    extra?: ReactNode;
+    placement?: 'left' | 'right' | 'top' | 'bottom';
+    width?: number | string;
+    height?: number | string;
+    closable?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+    forceRender?: boolean;
+    destroyOnClose?: boolean;
+    preserve?: boolean;
+    container?: Element | DocumentFragment | (() => Element | DocumentFragment);
+    push?: boolean | number;
+    resizable?: boolean;
+    minSize?: number;
+    maxSize?: number;
+    onResize?: (size: number) => void;
+}
+export declare function Drawer(rawProps: DrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=drawer.d.cts.map

package/dist/cjs/drawer/drawer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.cts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,kBAAkB,EAAa,MAAM,kBAAkB,CAAC;AAMtE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EAChE,kBAAkB;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AA0OD,wBAAgB,MAAM,CAAC,QAAQ,EAAE,WAAW,+BAO3C"}

package/dist/cjs/drawer/index.cjs

@@ -0,0 +1,43 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Drawer: ()=>external_drawer_cjs_namespaceObject.Drawer
+});
+const external_drawer_cjs_namespaceObject = require("./drawer.cjs");
+exports.Drawer = __webpack_exports__.Drawer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Drawer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/drawer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/drawer/index.d.cts

@@ -0,0 +1,3 @@
+export type { DrawerProps } from './drawer.cjs';
+export { Drawer } from './drawer.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/drawer/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/drawer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/cjs/dropdown/dropdown.cjs

@@ -0,0 +1,474 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Dropdown: ()=>Dropdown,
+    DropdownControl: ()=>DropdownControl
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_tabbable_namespaceObject = require("tabbable");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const floating_cjs_namespaceObject = require("../shared/floating.cjs");
+const flatten = (items)=>items.flatMap((item)=>'group' === item.type ? [
+            {
+                ...item,
+                children: void 0
+            },
+            ...flatten(item.children ?? [])
+        ] : [
+            item
+        ]);
+const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+function DropdownControl({ items, children, disabled, open: controlled, defaultOpen = false, onOpenChange, onSelect, placement = 'bottom-start', popupWidth, popupMaxWidth = 420, trigger: triggerType = 'click', mouseEnterDelay = 100, mouseLeaveDelay = 150, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+    const triggers = Array.isArray(triggerType) ? triggerType : [
+        triggerType
+    ];
+    const [position, setPosition] = (0, external_react_namespaceObject.useState)();
+    const [pointerOpen, setPointerOpen] = (0, external_react_namespaceObject.useState)(false);
+    const timer = (0, external_react_namespaceObject.useRef)(void 0);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>clearTimeout(timer.current), []);
+    const id = (0, external_react_namespaceObject.useId)();
+    const trigger = (0, external_react_namespaceObject.useRef)(null);
+    const [internal, setInternal] = (0, external_react_namespaceObject.useState)(defaultOpen);
+    const [startAtEnd, setStartAtEnd] = (0, external_react_namespaceObject.useState)(false);
+    const [checks, setChecks] = (0, external_react_namespaceObject.useState)({});
+    const inactive = disabled || children.props.disabled;
+    const open = !inactive && (controlled ?? internal);
+    const panels = (0, external_react_namespaceObject.useRef)(new Set());
+    const register = (0, external_react_namespaceObject.useCallback)((node)=>{
+        if (node) panels.current.add(node);
+    }, []);
+    const unregister = (0, external_react_namespaceObject.useCallback)((node)=>{
+        panels.current.delete(node);
+    }, []);
+    const childRef = external_react_namespaceObject.version.startsWith('18.') ? children.ref : children.props.ref;
+    const merged = (0, field_cjs_namespaceObject.useMergedRef)(trigger, childRef);
+    const change = (next)=>{
+        if (void 0 === controlled) setInternal(next);
+        if (next !== open) onOpenChange?.(next);
+    };
+    const close = (focus = false)=>{
+        change(false);
+        if (focus) trigger.current?.focus();
+    };
+    const hoverEnter = ()=>{
+        clearTimeout(timer.current);
+        if (triggers.includes('hover') && !inactive) timer.current = setTimeout(()=>{
+            setPosition(void 0);
+            setPointerOpen(true);
+            change(true);
+        }, mouseEnterDelay);
+    };
+    const hoverLeave = ()=>{
+        clearTimeout(timer.current);
+        if (triggers.includes('hover')) timer.current = setTimeout(()=>close(), mouseLeaveDelay);
+    };
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (inactive) setInternal(false);
+    }, [
+        inactive
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!open) return;
+        const inside = (target)=>target instanceof Node && (trigger.current?.contains(target) || [
+                ...panels.current
+            ].some((panel)=>panel.contains(target)));
+        const pointer = (event)=>{
+            if (!inside(event.target)) close();
+        };
+        const focus = (event)=>{
+            if (!inside(event.target)) close();
+        };
+        document.addEventListener('pointerdown', pointer);
+        document.addEventListener('focusin', focus);
+        return ()=>{
+            document.removeEventListener('pointerdown', pointer);
+            document.removeEventListener('focusin', focus);
+        };
+    });
+    const choose = (item, event)=>{
+        if (item.disabled) return;
+        if ('checkbox' === item.type || 'radio' === item.type) {
+            const checked = 'radio' === item.type || !(item.checked ?? checks[item.key]);
+            setChecks((previous)=>{
+                const next = {
+                    ...previous,
+                    [item.key]: checked
+                };
+                if ('radio' === item.type) {
+                    const visit = (entries)=>{
+                        for (const option of entries){
+                            if ('radio' === option.type && option.group === item.group) next[option.key] = option.key === item.key;
+                            if (option.children) visit(option.children);
+                        }
+                    };
+                    visit(items);
+                }
+                return next;
+            });
+            item.onCheckedChange?.(checked);
+        }
+        item.onClick?.(event);
+        onSelect?.(item.key);
+        if (item.closeOnSelect ?? ('checkbox' !== item.type && 'radio' !== item.type)) close(true);
+    };
+    const tab = (event)=>{
+        event.preventDefault();
+        const all = (0, external_tabbable_namespaceObject.tabbable)(document.body).filter((element)=>![
+                ...panels.current
+            ].some((panel)=>panel.contains(element)));
+        const position = trigger.current ? all.indexOf(trigger.current) : -1;
+        close();
+        (event.shiftKey ? trigger.current : all[position + 1] ?? trigger.current)?.focus();
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, external_react_namespaceObject.cloneElement)(children, {
+                ref: merged,
+                type: children.props.type ?? 'button',
+                disabled: inactive,
+                'aria-haspopup': 'menu',
+                'aria-expanded': open,
+                'aria-controls': `${id}-root`,
+                onClick: (event)=>{
+                    children.props.onClick?.(event);
+                    if (!event.defaultPrevented && !inactive && triggers.includes('click')) {
+                        setPosition(void 0);
+                        setPointerOpen(false);
+                        setStartAtEnd(false);
+                        change(!open);
+                    }
+                },
+                onPointerEnter: (event)=>{
+                    children.props.onPointerEnter?.(event);
+                    if (!event.defaultPrevented) hoverEnter();
+                },
+                onPointerLeave: (event)=>{
+                    children.props.onPointerLeave?.(event);
+                    if (!event.defaultPrevented) hoverLeave();
+                },
+                onContextMenu: (event)=>{
+                    children.props.onContextMenu?.(event);
+                    if (!event.defaultPrevented && !inactive && triggers.includes('contextMenu')) {
+                        event.preventDefault();
+                        setPosition({
+                            x: event.clientX,
+                            y: event.clientY
+                        });
+                        setPointerOpen(false);
+                        change(true);
+                    }
+                },
+                onKeyDown: (event)=>{
+                    children.props.onKeyDown?.(event);
+                    if (event.defaultPrevented || inactive) return;
+                    if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
+                        event.preventDefault();
+                        setStartAtEnd('ArrowUp' === event.key);
+                        setPosition(void 0);
+                        setPointerOpen(false);
+                        change(true);
+                    }
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuPanel, {
+                items: items,
+                open: open,
+                trigger: trigger,
+                id: `${id}-root`,
+                placement: popupPlacement ?? placement,
+                position: position,
+                pointerOpen: pointerOpen,
+                onPointerEnter: ()=>clearTimeout(timer.current),
+                onPointerLeave: hoverLeave,
+                popupClassName: popupClassName,
+                popupStyle: popupStyle,
+                popupRender: popupRender,
+                getPopupContainer: getPopupContainer,
+                itemRender: itemRender,
+                width: popupWidth,
+                maxWidth: popupMaxWidth,
+                startAtEnd: startAtEnd,
+                register: register,
+                unregister: unregister,
+                checks: checks,
+                choose: choose,
+                close: ()=>close(true),
+                onTab: tab
+            })
+        ]
+    });
+}
+function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, startAtEnd, register, unregister, checks, choose, close, onTab, position, pointerOpen, onPointerEnter, onPointerLeave, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+    const { direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const panel = (0, external_react_namespaceObject.useRef)(null);
+    const submenuTrigger = (0, external_react_namespaceObject.useRef)(null);
+    const rows = flatten(items);
+    const enabled = rows.filter((item)=>!item.disabled && 'group' !== item.type && 'divider' !== item.type);
+    const [active, setActive] = (0, external_react_namespaceObject.useState)();
+    const [submenu, setSubmenu] = (0, external_react_namespaceObject.useState)();
+    const [highlight, setHighlight] = (0, external_react_namespaceObject.useState)();
+    const current = enabled.some((item)=>item.key === active) ? active : startAtEnd ? enabled.at(-1)?.key : enabled[0]?.key;
+    useBrowserLayoutEffect(()=>{
+        const node = panel.current;
+        if (!open || !node) return;
+        const update = ()=>{
+            const row = Array.from(node.querySelectorAll('[data-key]')).find((item)=>item.dataset.key === current);
+            setHighlight(row ? {
+                '--leaf-menu-highlight-y': `${row.offsetTop}px`,
+                '--leaf-menu-highlight-height': `${row.offsetHeight}px`
+            } : void 0);
+        };
+        update();
+        if ("u" < typeof ResizeObserver) return;
+        const observer = new ResizeObserver(update);
+        observer.observe(node);
+        return ()=>observer.disconnect();
+    }, [
+        open,
+        current
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!open) return void setSubmenu(void 0);
+        const node = panel.current;
+        register(node);
+        const choices = node?.querySelectorAll('[data-key]:not(:disabled):not([aria-disabled="true"])');
+        const choice = startAtEnd ? choices?.[choices.length - 1] : choices?.[0];
+        setActive(choice?.dataset.key);
+        if (!pointerOpen) choice?.focus();
+        return ()=>{
+            if (node) unregister(node);
+        };
+    }, [
+        open,
+        startAtEnd,
+        register,
+        unregister,
+        pointerOpen
+    ]);
+    const focus = (key)=>{
+        setActive(key);
+        if (key) Array.from(panel.current?.querySelectorAll('[data-key]') ?? []).find((node)=>node.dataset.key === key)?.focus();
+    };
+    const keyDown = (event)=>{
+        if (event.defaultPrevented) return;
+        const index = enabled.findIndex((item)=>item.key === current);
+        let next;
+        if ('ArrowDown' === event.key) next = enabled[(index + 1) % enabled.length]?.key;
+        else if ('ArrowUp' === event.key) next = enabled[(index - 1 + enabled.length) % enabled.length]?.key;
+        else if ('Home' === event.key) next = enabled[0]?.key;
+        else if ('End' === event.key) next = enabled.at(-1)?.key;
+        else if ('Escape' === event.key || event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') && ('right-start' === placement || 'left-start' === placement)) {
+            event.preventDefault();
+            event.stopPropagation();
+            close();
+            trigger.current?.focus();
+            return;
+        } else if (event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight')) {
+            const item = enabled[index];
+            if (!item?.children?.length) return;
+            else {
+                submenuTrigger.current = event.target;
+                setSubmenu(item.key);
+            }
+        } else {
+            if ('Tab' === event.key) return void onTab(event);
+            if (!(1 === event.key.length && /\S/.test(event.key))) return;
+            next = [
+                ...enabled.slice(index + 1),
+                ...enabled.slice(0, index + 1)
+            ].find((item)=>'string' == typeof item.label && item.label.toLocaleLowerCase().startsWith(event.key.toLocaleLowerCase()))?.key;
+        }
+        if (next) {
+            setSubmenu(void 0);
+            focus(next);
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    const child = rows.find((item)=>item.key === submenu);
+    const activeItem = rows.find((item)=>item.key === current);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(floating_cjs_namespaceObject.FloatingPanel, {
+                open: open,
+                triggerRef: trigger,
+                panelRef: panel,
+                id: id,
+                placement: placement,
+                width: width,
+                maxWidth: maxWidth,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-dropdown', popupClassName),
+                position: position,
+                onPointerEnter: onPointerEnter,
+                onPointerLeave: onPointerLeave,
+                style: popupStyle,
+                render: popupRender,
+                container: getPopupContainer,
+                role: "menu",
+                tabIndex: -1,
+                onKeyDown: keyDown,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-dropdown__highlight",
+                        "aria-hidden": "true",
+                        "data-ready": Boolean(highlight),
+                        "data-danger": activeItem?.danger || void 0,
+                        "data-selected": (activeItem?.type === 'checkbox' || activeItem?.type === 'radio') && (activeItem.checked ?? Boolean(checks[activeItem.key])) || void 0,
+                        style: highlight
+                    }),
+                    rows.map((item)=>'divider' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("hr", {
+                            className: "leaf-dropdown__divider"
+                        }, item.key) : 'group' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "leaf-dropdown__group",
+                            role: "presentation",
+                            children: item.label
+                        }, item.key) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(MenuAction, {
+                            item: item,
+                            "data-key": item.key,
+                            role: 'checkbox' === item.type ? 'menuitemcheckbox' : 'radio' === item.type ? 'menuitemradio' : 'menuitem',
+                            "aria-checked": 'checkbox' === item.type || 'radio' === item.type ? item.checked ?? Boolean(checks[item.key]) : void 0,
+                            "aria-haspopup": item.children?.length ? 'menu' : void 0,
+                            "aria-expanded": item.children?.length ? submenu === item.key : void 0,
+                            disabled: item.disabled,
+                            tabIndex: current === item.key ? 0 : -1,
+                            className: (0, classes_cjs_namespaceObject.classes)('leaf-floating__option', item.danger && 'leaf-dropdown__danger'),
+                            onFocus: ()=>setActive(item.key),
+                            onPointerEnter: (event)=>{
+                                if (item.disabled) return;
+                                setActive(item.key);
+                                if (item.children?.length) {
+                                    submenuTrigger.current = event.currentTarget;
+                                    setSubmenu(item.key);
+                                } else setSubmenu(void 0);
+                            },
+                            onClick: (event)=>{
+                                if (item.children?.length) {
+                                    submenuTrigger.current = event.currentTarget;
+                                    setSubmenu((previous)=>previous === item.key ? void 0 : item.key);
+                                } else choose(item, event);
+                            },
+                            children: [
+                                'checkbox' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                                    size: 15,
+                                    className: "leaf-dropdown__check",
+                                    style: {
+                                        opacity: item.checked ?? checks[item.key] ? 1 : 0
+                                    },
+                                    "aria-hidden": "true"
+                                }) : 'radio' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Circle, {
+                                    size: 8,
+                                    className: "leaf-dropdown__check",
+                                    fill: "currentColor",
+                                    style: {
+                                        opacity: item.checked ?? checks[item.key] ? 1 : 0
+                                    },
+                                    "aria-hidden": "true"
+                                }) : item.icon,
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    children: itemRender?.(item) ?? item.label
+                                }),
+                                item.children?.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+                                    size: 14,
+                                    className: "leaf-dropdown__arrow",
+                                    "aria-hidden": "true"
+                                }) : null
+                            ]
+                        }, item.key))
+                ]
+            }),
+            child?.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuPanel, {
+                items: child.children,
+                open: open && Boolean(submenu),
+                trigger: submenuTrigger,
+                id: `${id}-sub`,
+                placement: 'rtl' === direction ? 'left-start' : 'right-start',
+                pointerOpen: pointerOpen,
+                onPointerEnter: onPointerEnter,
+                onPointerLeave: onPointerLeave,
+                getPopupContainer: getPopupContainer,
+                itemRender: itemRender,
+                maxWidth: maxWidth,
+                register: register,
+                unregister: unregister,
+                checks: checks,
+                choose: choose,
+                close: ()=>setSubmenu(void 0),
+                onTab: onTab
+            })
+        ]
+    });
+}
+function MenuAction({ item, children, ...props }) {
+    if (item.href && !item.children?.length) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+        href: item.disabled ? void 0 : item.href,
+        target: item.target,
+        rel: '_blank' === item.target ? 'noopener noreferrer' : void 0,
+        role: props.role,
+        "aria-disabled": item.disabled || void 0,
+        className: props.className,
+        tabIndex: props.tabIndex,
+        "data-key": item.key,
+        onFocus: props.onFocus,
+        onPointerEnter: props.onPointerEnter,
+        onClick: (event)=>{
+            if (item.disabled) event.preventDefault();
+            else props.onClick?.(event);
+        },
+        children: children
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        ...props,
+        type: "button",
+        children: children
+    });
+}
+function Dropdown(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Dropdown', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DropdownControl, {
+        ...props
+    });
+}
+exports.Dropdown = __webpack_exports__.Dropdown;
+exports.DropdownControl = __webpack_exports__.DropdownControl;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Dropdown",
+    "DropdownControl"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=dropdown.cjs.map