@lobehub/ui 4.38.4 → 5.0.1

package/es/{DropdownMenu → base-ui/DropdownMenu}/atoms.mjs

@@ -1,11 +1,11 @@
 'use client';
 
-import { useNativeButton } from "../hooks/useNativeButton.mjs";
-import { FloatingLayerProvider } from "../hooks/useFloatingLayer.mjs";
-import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
-import { CLASSNAMES } from "../styles/classNames.mjs";
-import { placementMap } from "../utils/placement.mjs";
-import { styles } from "../Menu/sharedStyle.mjs";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { FloatingLayerProvider } from "../../hooks/useFloatingLayer.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import { CLASSNAMES } from "../../styles/classNames.mjs";
+import { placementMap } from "../../utils/placement.mjs";
+import { styles } from "../../Menu/sharedStyle.mjs";
 import { cloneElement, isValidElement, useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Switch } from "antd";
@@ -15,7 +15,7 @@ import { mergeRefs } from "react-merge-refs";
 import { Menu as Menu$1 } from "@base-ui/react/menu";
 import clsx from "clsx";
 
-//#region src/DropdownMenu/atoms.tsx
+//#region src/base-ui/DropdownMenu/atoms.tsx
 const DropdownMenuRoot = (props) => /* @__PURE__ */ jsx(Menu$1.Root, {
 	modal: false,
 	...props

package/es/base-ui/DropdownMenu/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["DropdownMenuRoot: typeof Menu.Root","Menu"],"sources":["../../../src/base-ui/DropdownMenu/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Menu } from '@base-ui/react/menu';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Switch } from 'antd';\nimport { cx } from 'antd-style';\nimport clsx from 'clsx';\nimport type React from 'react';\nimport { cloneElement, isValidElement, useCallback, useState } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { FloatingLayerProvider } from '@/hooks/useFloatingLayer';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { styles } from '@/Menu/sharedStyle';\nimport { CLASSNAMES } from '@/styles/classNames';\nimport { useAppElement } from '@/ThemeProvider';\nimport { placementMap } from '@/utils/placement';\n\nimport { type DropdownMenuPlacement } from './type';\n\nexport const DropdownMenuRoot: typeof Menu.Root = (props) => <Menu.Root modal={false} {...props} />;\nexport const DropdownMenuSubmenuRoot = Menu.SubmenuRoot;\nexport const DropdownMenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;\n\nconst mergeStateClassName = <TState,>(\n  base: string,\n  className: string | ((state: TState) => string | undefined) | undefined,\n) => {\n  if (typeof className === 'function') return (state: TState) => cx(base, className(state));\n  return cx(base, className);\n};\n\nexport type DropdownMenuTriggerProps = Omit<\n  React.ComponentPropsWithRef<typeof Menu.Trigger>,\n  'children' | 'render'\n> & {\n  children: React.ReactNode;\n};\n\nexport const DropdownMenuTrigger = ({\n  children,\n  className,\n  nativeButton,\n  ref: refProp,\n  ...rest\n}: DropdownMenuTriggerProps) => {\n  const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n    children,\n    nativeButton,\n  });\n\n  const renderer = (props: any) => {\n    // Base UI's trigger props include `type=\"button\"` by default.\n    // If we render into a non-<button> element, that prop is invalid and can warn.\n    const resolvedProps = (() => {\n      if (isNativeButtonTriggerElement) return props as any;\n      // eslint-disable-next-line unused-imports/no-unused-vars\n      const { type, ...restProps } = props as any;\n      return restProps;\n    })();\n\n    const mergedProps = mergeProps((children as any).props, resolvedProps);\n    return cloneElement(children as any, {\n      ...mergedProps,\n      className: clsx(CLASSNAMES.DropdownMenuTrigger, className, mergedProps.className),\n      ref: mergeRefs([(children as any).ref, (props as any).ref, refProp]),\n    });\n  };\n\n  if (isValidElement(children)) {\n    return <Menu.Trigger {...rest} nativeButton={resolvedNativeButton} render={renderer as any} />;\n  }\n\n  return (\n    <Menu.Trigger\n      {...rest}\n      className={clsx(CLASSNAMES.DropdownMenuTrigger, className)}\n      nativeButton={resolvedNativeButton}\n      ref={refProp as any}\n    >\n      {children}\n    </Menu.Trigger>\n  );\n};\n\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\nexport type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {\n  /**\n   * When `container` is not provided, it uses a shared container created by `usePortalContainer`.\n   */\n  container?: HTMLElement | null;\n};\n\nexport const DropdownMenuPortal = ({ container, ...rest }: DropdownMenuPortalProps) => {\n  const appElement = useAppElement();\n  return <Menu.Portal container={container ?? appElement ?? undefined} {...rest} />;\n};\n\nDropdownMenuPortal.displayName = 'DropdownMenuPortal';\n\nexport type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {\n  hoverTrigger?: boolean;\n  placement?: DropdownMenuPlacement;\n};\n\nexport const DropdownMenuPositioner = ({\n  className,\n  placement,\n  hoverTrigger,\n  align,\n  side,\n  sideOffset,\n  children,\n  ...rest\n}: DropdownMenuPositionerProps) => {\n  const placementConfig = placement ? placementMap[placement] : undefined;\n  const [positionerNode, setPositionerNode] = useState<HTMLDivElement | null>(null);\n\n  return (\n    <Menu.Positioner\n      {...rest}\n      align={align ?? placementConfig?.align}\n      className={mergeStateClassName(styles.positioner, className as any) as any}\n      data-hover-trigger={hoverTrigger || undefined}\n      data-placement={placement}\n      ref={setPositionerNode}\n      side={side ?? placementConfig?.side}\n      sideOffset={sideOffset ?? (placementConfig ? 6 : undefined)}\n    >\n      <FloatingLayerProvider value={positionerNode}>{children}</FloatingLayerProvider>\n    </Menu.Positioner>\n  );\n};\n\nDropdownMenuPositioner.displayName = 'DropdownMenuPositioner';\n\nexport type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;\n\nexport const DropdownMenuPopup = ({ className, ...rest }: DropdownMenuPopupProps) => {\n  return (\n    <Menu.Popup {...rest} className={mergeStateClassName(styles.popup, className as any) as any} />\n  );\n};\n\nDropdownMenuPopup.displayName = 'DropdownMenuPopup';\n\nexport type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & { danger?: boolean };\n\nexport const DropdownMenuItem = ({ className, danger, ...rest }: DropdownMenuItemProps) => {\n  return (\n    <Menu.Item\n      {...rest}\n      className={(state) =>\n        cx(\n          styles.item,\n          danger && styles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\n\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nexport type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {\n  danger?: boolean;\n};\n\nexport const DropdownMenuCheckboxItemPrimitive = ({\n  className,\n  danger,\n  ...rest\n}: DropdownMenuCheckboxItemProps) => {\n  return (\n    <Menu.CheckboxItem\n      {...rest}\n      className={(state) =>\n        cx(\n          styles.item,\n          danger && styles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\n\nDropdownMenuCheckboxItemPrimitive.displayName = 'DropdownMenuCheckboxItemPrimitive';\n\nexport type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;\n\nexport const DropdownMenuSeparator = ({ className, ...rest }: DropdownMenuSeparatorProps) => {\n  return (\n    <Menu.Separator\n      {...rest}\n      className={(state) =>\n        cx(styles.separator, typeof className === 'function' ? className(state) : className)\n      }\n    />\n  );\n};\n\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nexport const DropdownMenuGroup = Menu.Group;\n\nexport type DropdownMenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;\n\nexport const DropdownMenuGroupLabel = ({ className, ...rest }: DropdownMenuGroupLabelProps) => {\n  return (\n    <Menu.GroupLabel\n      {...rest}\n      className={(state) =>\n        cx(styles.groupLabel, typeof className === 'function' ? className(state) : className)\n      }\n    />\n  );\n};\n\nDropdownMenuGroupLabel.displayName = 'DropdownMenuGroupLabel';\n\nexport type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {\n  danger?: boolean;\n};\n\nexport const DropdownMenuSubmenuTrigger = ({\n  className,\n  danger,\n  ...rest\n}: DropdownMenuSubmenuTriggerProps) => {\n  return (\n    <Menu.SubmenuTrigger\n      {...rest}\n      className={(state) =>\n        cx(\n          styles.item,\n          danger && styles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n    />\n  );\n};\n\nDropdownMenuSubmenuTrigger.displayName = 'DropdownMenuSubmenuTrigger';\n\nexport type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const DropdownMenuItemContent = ({ className, ...rest }: DropdownMenuItemContentProps) => {\n  return <div {...rest} className={cx(styles.itemContent, className)} />;\n};\n\nDropdownMenuItemContent.displayName = 'DropdownMenuItemContent';\n\nexport type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuItemIcon = ({ className, ...rest }: DropdownMenuItemIconProps) => {\n  return <span {...rest} className={cx(styles.icon, className)} />;\n};\n\nDropdownMenuItemIcon.displayName = 'DropdownMenuItemIcon';\n\nexport type DropdownMenuItemLabelGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const DropdownMenuItemLabelGroup = ({\n  className,\n  ...rest\n}: DropdownMenuItemLabelGroupProps) => {\n  return <div {...rest} className={cx(styles.labelGroup, className)} />;\n};\n\nDropdownMenuItemLabelGroup.displayName = 'DropdownMenuItemLabelGroup';\n\nexport type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuItemLabel = ({ className, ...rest }: DropdownMenuItemLabelProps) => {\n  return <span {...rest} className={cx(styles.label, className)} />;\n};\n\nDropdownMenuItemLabel.displayName = 'DropdownMenuItemLabel';\n\nexport type DropdownMenuItemDescProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuItemDesc = ({ className, ...rest }: DropdownMenuItemDescProps) => {\n  return <span {...rest} className={cx(styles.desc, className)} />;\n};\n\nDropdownMenuItemDesc.displayName = 'DropdownMenuItemDesc';\n\nexport type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuItemExtra = ({ className, ...rest }: DropdownMenuItemExtraProps) => {\n  return <span {...rest} className={cx(styles.extra, className)} />;\n};\n\nDropdownMenuItemExtra.displayName = 'DropdownMenuItemExtra';\n\nexport type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const DropdownMenuSubmenuArrow = ({ className, ...rest }: DropdownMenuSubmenuArrowProps) => {\n  return <span {...rest} className={cx(styles.submenuArrow, className)} />;\n};\n\nDropdownMenuSubmenuArrow.displayName = 'DropdownMenuSubmenuArrow';\n\nexport type DropdownMenuSwitchItemProps = Omit<\n  React.ComponentProps<typeof Menu.Item>,\n  'onClick'\n> & {\n  checked?: boolean;\n  closeOnClick?: boolean;\n  danger?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n};\n\nexport const DropdownMenuSwitchItem = ({\n  checked: checkedProp,\n  className,\n  closeOnClick = false,\n  danger,\n  defaultChecked,\n  disabled,\n  onCheckedChange,\n  children,\n  ...rest\n}: DropdownMenuSwitchItemProps) => {\n  const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);\n  const isControlled = checkedProp !== undefined;\n  const checked = isControlled ? checkedProp : internalChecked;\n\n  const handleCheckedChange = useCallback(\n    (newChecked: boolean) => {\n      if (!isControlled) {\n        setInternalChecked(newChecked);\n      }\n      onCheckedChange?.(newChecked);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  return (\n    <Menu.Item\n      {...rest}\n      closeOnClick={closeOnClick}\n      disabled={disabled}\n      className={(state) =>\n        cx(\n          styles.item,\n          danger && styles.danger,\n          typeof className === 'function' ? className(state) : className,\n        )\n      }\n      onClick={(e) => {\n        e.preventDefault();\n        if (!disabled) {\n          handleCheckedChange(!checked);\n        }\n      }}\n    >\n      {children}\n      <Switch\n        checked={checked}\n        disabled={disabled}\n        size=\"small\"\n        style={{ marginInlineStart: 16 }}\n        onChange={handleCheckedChange}\n        onClick={(_, e) => e.stopPropagation()}\n      />\n    </Menu.Item>\n  );\n};\n\nDropdownMenuSwitchItem.displayName = 'DropdownMenuSwitchItem';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAaA,oBAAsC,UAAU,oBAACC,OAAK;CAAK,OAAO;CAAO,GAAI;EAAS;AACnG,MAAa,0BAA0BA,OAAK;AAC5C,MAAa,oCAAoCA,OAAK;AAEtD,MAAM,uBACJ,MACA,cACG;AACH,KAAI,OAAO,cAAc,WAAY,SAAQ,UAAkB,GAAG,MAAM,UAAU,MAAM,CAAC;AACzF,QAAO,GAAG,MAAM,UAAU;;AAU5B,MAAa,uBAAuB,EAClC,UACA,WACA,cACA,KAAK,SACL,GAAG,WAC2B;CAC9B,MAAM,EAAE,8BAA8B,yBAAyB,gBAAgB;EAC7E;EACA;EACD,CAAC;CAEF,MAAM,YAAY,UAAe;EAG/B,MAAM,uBAAuB;AAC3B,OAAI,6BAA8B,QAAO;GAEzC,MAAM,EAAE,MAAM,GAAG,cAAc;AAC/B,UAAO;MACL;EAEJ,MAAM,cAAc,WAAY,SAAiB,OAAO,cAAc;AACtE,SAAO,aAAa,UAAiB;GACnC,GAAG;GACH,WAAW,KAAK,WAAW,qBAAqB,WAAW,YAAY,UAAU;GACjF,KAAK,UAAU;IAAE,SAAiB;IAAM,MAAc;IAAK;IAAQ,CAAC;GACrE,CAAC;;AAGJ,KAAI,eAAe,SAAS,CAC1B,QAAO,oBAACA,OAAK;EAAQ,GAAI;EAAM,cAAc;EAAsB,QAAQ;GAAmB;AAGhG,QACE,oBAACA,OAAK;EACJ,GAAI;EACJ,WAAW,KAAK,WAAW,qBAAqB,UAAU;EAC1D,cAAc;EACd,KAAK;EAEJ;GACY;;AAInB,oBAAoB,cAAc;AASlC,MAAa,sBAAsB,EAAE,WAAW,GAAG,WAAoC;CACrF,MAAM,aAAa,eAAe;AAClC,QAAO,oBAACA,OAAK;EAAO,WAAW,aAAa,cAAc;EAAW,GAAI;GAAQ;;AAGnF,mBAAmB,cAAc;AAOjC,MAAa,0BAA0B,EACrC,WACA,WACA,cACA,OACA,MACA,YACA,UACA,GAAG,WAC8B;CACjC,MAAM,kBAAkB,YAAY,aAAa,aAAa;CAC9D,MAAM,CAAC,gBAAgB,qBAAqB,SAAgC,KAAK;AAEjF,QACE,oBAACA,OAAK;EACJ,GAAI;EACJ,OAAO,SAAS,iBAAiB;EACjC,WAAW,oBAAoB,OAAO,YAAY,UAAiB;EACnE,sBAAoB,gBAAgB;EACpC,kBAAgB;EAChB,KAAK;EACL,MAAM,QAAQ,iBAAiB;EAC/B,YAAY,eAAe,kBAAkB,IAAI;YAEjD,oBAAC;GAAsB,OAAO;GAAiB;IAAiC;GAChE;;AAItB,uBAAuB,cAAc;AAIrC,MAAa,qBAAqB,EAAE,WAAW,GAAG,WAAmC;AACnF,QACE,oBAACA,OAAK;EAAM,GAAI;EAAM,WAAW,oBAAoB,OAAO,OAAO,UAAiB;GAAW;;AAInG,kBAAkB,cAAc;AAIhC,MAAa,oBAAoB,EAAE,WAAW,QAAQ,GAAG,WAAkC;AACzF,QACE,oBAACA,OAAK;EACJ,GAAI;EACJ,YAAY,UACV,GACE,OAAO,MACP,UAAU,OAAO,QACjB,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;GAEH;;AAIN,iBAAiB,cAAc;AAM/B,MAAa,qCAAqC,EAChD,WACA,QACA,GAAG,WACgC;AACnC,QACE,oBAACA,OAAK;EACJ,GAAI;EACJ,YAAY,UACV,GACE,OAAO,MACP,UAAU,OAAO,QACjB,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;GAEH;;AAIN,kCAAkC,cAAc;AAIhD,MAAa,yBAAyB,EAAE,WAAW,GAAG,WAAuC;AAC3F,QACE,oBAACA,OAAK;EACJ,GAAI;EACJ,YAAY,UACV,GAAG,OAAO,WAAW,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;GAEtF;;AAIN,sBAAsB,cAAc;AAEpC,MAAa,oBAAoBA,OAAK;AAItC,MAAa,0BAA0B,EAAE,WAAW,GAAG,WAAwC;AAC7F,QACE,oBAACA,OAAK;EACJ,GAAI;EACJ,YAAY,UACV,GAAG,OAAO,YAAY,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UAAU;GAEvF;;AAIN,uBAAuB,cAAc;AAMrC,MAAa,8BAA8B,EACzC,WACA,QACA,GAAG,WACkC;AACrC,QACE,oBAACA,OAAK;EACJ,GAAI;EACJ,YAAY,UACV,GACE,OAAO,MACP,UAAU,OAAO,QACjB,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;GAEH;;AAIN,2BAA2B,cAAc;AAIzC,MAAa,2BAA2B,EAAE,WAAW,GAAG,WAAyC;AAC/F,QAAO,oBAAC;EAAI,GAAI;EAAM,WAAW,GAAG,OAAO,aAAa,UAAU;GAAI;;AAGxE,wBAAwB,cAAc;AAItC,MAAa,wBAAwB,EAAE,WAAW,GAAG,WAAsC;AACzF,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAG,OAAO,MAAM,UAAU;GAAI;;AAGlE,qBAAqB,cAAc;AAInC,MAAa,8BAA8B,EACzC,WACA,GAAG,WACkC;AACrC,QAAO,oBAAC;EAAI,GAAI;EAAM,WAAW,GAAG,OAAO,YAAY,UAAU;GAAI;;AAGvE,2BAA2B,cAAc;AAIzC,MAAa,yBAAyB,EAAE,WAAW,GAAG,WAAuC;AAC3F,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAG,OAAO,OAAO,UAAU;GAAI;;AAGnE,sBAAsB,cAAc;AAIpC,MAAa,wBAAwB,EAAE,WAAW,GAAG,WAAsC;AACzF,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAG,OAAO,MAAM,UAAU;GAAI;;AAGlE,qBAAqB,cAAc;AAInC,MAAa,yBAAyB,EAAE,WAAW,GAAG,WAAuC;AAC3F,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAG,OAAO,OAAO,UAAU;GAAI;;AAGnE,sBAAsB,cAAc;AAIpC,MAAa,4BAA4B,EAAE,WAAW,GAAG,WAA0C;AACjG,QAAO,oBAAC;EAAK,GAAI;EAAM,WAAW,GAAG,OAAO,cAAc,UAAU;GAAI;;AAG1E,yBAAyB,cAAc;AAavC,MAAa,0BAA0B,EACrC,SAAS,aACT,WACA,eAAe,OACf,QACA,gBACA,UACA,iBACA,UACA,GAAG,WAC8B;CACjC,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,kBAAkB,MAAM;CAC/E,MAAM,eAAe,gBAAgB;CACrC,MAAM,UAAU,eAAe,cAAc;CAE7C,MAAM,sBAAsB,aACzB,eAAwB;AACvB,MAAI,CAAC,aACH,oBAAmB,WAAW;AAEhC,oBAAkB,WAAW;IAE/B,CAAC,cAAc,gBAAgB,CAChC;AAED,QACE,qBAACA,OAAK;EACJ,GAAI;EACU;EACJ;EACV,YAAY,UACV,GACE,OAAO,MACP,UAAU,OAAO,QACjB,OAAO,cAAc,aAAa,UAAU,MAAM,GAAG,UACtD;EAEH,UAAU,MAAM;AACd,KAAE,gBAAgB;AAClB,OAAI,CAAC,SACH,qBAAoB,CAAC,QAAQ;;aAIhC,UACD,oBAAC;GACU;GACC;GACV,MAAK;GACL,OAAO,EAAE,mBAAmB,IAAI;GAChC,UAAU;GACV,UAAU,GAAG,MAAM,EAAE,iBAAiB;IACtC;GACQ;;AAIhB,uBAAuB,cAAc"}

package/es/base-ui/DropdownMenu/index.d.mts

@@ -0,0 +1,5 @@
+import { IconSpaceMode } from "../../Menu/renderUtils.mjs";
+import { renderDropdownMenuItems } from "./renderItems.mjs";
+import { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuSwitchItem } from "./type.mjs";
+import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuCheckboxItemProps, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuGroupLabelProps, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemContentProps, DropdownMenuItemDesc, DropdownMenuItemDescProps, DropdownMenuItemExtra, DropdownMenuItemExtraProps, DropdownMenuItemIcon, DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuItemLabelGroupProps, DropdownMenuItemLabelProps, DropdownMenuItemProps, DropdownMenuPopup, DropdownMenuPopupProps, DropdownMenuPortal, DropdownMenuPortalProps, DropdownMenuPositioner, DropdownMenuPositionerProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem as DropdownMenuSwitchItem$1, DropdownMenuSwitchItemProps, DropdownMenuTrigger, DropdownMenuTriggerProps } from "./atoms.mjs";
+import { DropdownMenu } from "./DropdownMenu.mjs";

package/es/{DropdownMenu → base-ui/DropdownMenu}/renderItems.d.mts

@@ -1,9 +1,9 @@
-import { IconAlign, IconSpaceMode, RenderOptions } from "../Menu/renderUtils.mjs";
-import "../Menu/index.mjs";
+import { IconAlign, IconSpaceMode, RenderOptions } from "../../Menu/renderUtils.mjs";
+import "../../Menu/index.mjs";
 import { DropdownItem } from "./type.mjs";
 import { ReactNode } from "react";
 
-//#region src/DropdownMenu/renderItems.d.ts
+//#region src/base-ui/DropdownMenu/renderItems.d.ts
 declare const renderDropdownMenuItems: (items: DropdownItem[], keyPath?: string[], options?: RenderOptions) => ReactNode[];
 //#endregion
 export { renderDropdownMenuItems };

package/es/{DropdownMenu → base-ui/DropdownMenu}/renderItems.mjs

@@ -1,10 +1,10 @@
-import { styles } from "../Menu/sharedStyle.mjs";
+import { styles } from "../../Menu/sharedStyle.mjs";
 import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem } from "./atoms.mjs";
-import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "../Menu/renderUtils.mjs";
+import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "../../Menu/renderUtils.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronRight } from "lucide-react";
 
-//#region src/DropdownMenu/renderItems.tsx
+//#region src/base-ui/DropdownMenu/renderItems.tsx
 const renderItemContent = (item, options, iconNode) => {
 	const label = getItemLabel(item);
 	const desc = "desc" in item ? item.desc : void 0;

package/es/base-ui/DropdownMenu/renderItems.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderItems.mjs","names":["info: MenuInfo","label","labelText","isDanger"],"sources":["../../../src/base-ui/DropdownMenu/renderItems.tsx"],"sourcesContent":["import { Check, ChevronRight } from 'lucide-react';\nimport { type MenuInfo } from 'rc-menu/es/interface';\nimport {\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type ReactNode,\n} from 'react';\n\nimport {\n  getItemKey,\n  getItemLabel,\n  hasAnyIcon,\n  hasCheckboxAndIcon,\n  type MenuDividerType,\n  type MenuItemGroupType,\n  type MenuItemType,\n  renderIcon,\n  type RenderItemContentOptions,\n  type RenderOptions,\n  type SubMenuType,\n} from '@/Menu';\nimport { styles } from '@/Menu/sharedStyle';\n\nimport {\n  DropdownMenuCheckboxItemIndicator,\n  DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuGroup,\n  DropdownMenuGroupLabel,\n  DropdownMenuItem,\n  DropdownMenuItemContent,\n  DropdownMenuItemDesc,\n  DropdownMenuItemExtra,\n  DropdownMenuItemIcon,\n  DropdownMenuItemLabel,\n  DropdownMenuItemLabelGroup,\n  DropdownMenuPopup,\n  DropdownMenuPortal,\n  DropdownMenuPositioner,\n  DropdownMenuSeparator,\n  DropdownMenuSubmenuArrow,\n  DropdownMenuSubmenuRoot,\n  DropdownMenuSubmenuTrigger,\n  DropdownMenuSwitchItem,\n} from './atoms';\nimport {\n  type DropdownItem,\n  type DropdownMenuCheckboxItem as DropdownMenuCheckboxItemType,\n  type DropdownMenuSwitchItem as DropdownMenuSwitchItemType,\n} from './type';\n\nexport type { IconAlign, IconSpaceMode } from '@/Menu';\n\nconst renderItemContent = (\n  item: MenuItemType | SubMenuType | DropdownMenuCheckboxItemType | DropdownMenuSwitchItemType,\n  options?: RenderItemContentOptions,\n  iconNode?: ReactNode,\n) => {\n  const label = getItemLabel(item);\n  const desc = 'desc' in item ? item.desc : undefined;\n  const extra = 'extra' in item ? item.extra : undefined;\n  const indicatorOnRight = options?.indicatorOnRight;\n  const alignStart = Boolean(desc) && options?.iconAlign === 'start';\n\n  const hasCustomIcon = iconNode !== undefined && !indicatorOnRight;\n  const hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);\n  const shouldRenderIcon = hasCustomIcon\n    ? Boolean(options?.reserveIconSpace || iconNode)\n    : Boolean(hasIcon || options?.reserveIconSpace);\n\n  const labelNode = desc ? (\n    <DropdownMenuItemLabelGroup>\n      <DropdownMenuItemLabel>{label}</DropdownMenuItemLabel>\n      <DropdownMenuItemDesc>{desc}</DropdownMenuItemDesc>\n    </DropdownMenuItemLabelGroup>\n  ) : (\n    <DropdownMenuItemLabel>{label}</DropdownMenuItemLabel>\n  );\n\n  return (\n    <DropdownMenuItemContent className={alignStart ? styles.itemContentAlignStart : undefined}>\n      {shouldRenderIcon ? (\n        <DropdownMenuItemIcon\n          aria-hidden={!hasIcon}\n          className={alignStart ? styles.iconAlignStart : undefined}\n        >\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null}\n        </DropdownMenuItemIcon>\n      ) : null}\n      {labelNode}\n      {extra ? <DropdownMenuItemExtra>{extra}</DropdownMenuItemExtra> : null}\n      {indicatorOnRight && iconNode ? iconNode : null}\n      {options?.submenu ? (\n        <DropdownMenuSubmenuArrow>\n          <ChevronRight size={16} />\n        </DropdownMenuSubmenuArrow>\n      ) : null}\n    </DropdownMenuItemContent>\n  );\n};\n\nconst invokeItemClick = (\n  item: MenuItemType,\n  keyPath: string[],\n  event: ReactMouseEvent<HTMLElement> | ReactKeyboardEvent<HTMLElement>,\n) => {\n  if (!item.onClick) return;\n  const key = item.key ?? keyPath.at(-1) ?? '';\n  const info: MenuInfo = {\n    domEvent: event,\n    item: event.currentTarget as MenuInfo['item'],\n    key: String(key),\n    keyPath,\n  };\n  item.onClick(info);\n};\n\nexport const renderDropdownMenuItems = (\n  items: DropdownItem[],\n  keyPath: string[] = [],\n  options?: RenderOptions,\n): ReactNode[] => {\n  const iconAlign = options?.iconAlign;\n  const iconSpaceMode = options?.iconSpaceMode ?? 'global';\n  const reserveIconSpace =\n    options?.reserveIconSpace ?? hasAnyIcon(items, iconSpaceMode === 'global');\n  const indicatorOnRight = options?.indicatorOnRight ?? hasCheckboxAndIcon(items);\n\n  return items.map((item, index) => {\n    if (!item) return null;\n\n    const fallbackKey = `${keyPath.join('-') || 'root'}-${index}`;\n    const itemKey = getItemKey(item, fallbackKey);\n    const nextKeyPath = [...keyPath, String(itemKey)];\n\n    if ((item as DropdownMenuCheckboxItemType).type === 'checkbox') {\n      const checkboxItem = item as DropdownMenuCheckboxItemType;\n      const label = getItemLabel(checkboxItem);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = Boolean(checkboxItem.danger);\n      const indicator = (\n        <DropdownMenuCheckboxItemIndicator>{renderIcon(Check)}</DropdownMenuCheckboxItemIndicator>\n      );\n\n      return (\n        <DropdownMenuCheckboxItemPrimitive\n          checked={checkboxItem.checked}\n          closeOnClick={checkboxItem.closeOnClick}\n          danger={isDanger}\n          defaultChecked={checkboxItem.defaultChecked}\n          disabled={checkboxItem.disabled}\n          key={itemKey}\n          label={labelText}\n          onCheckedChange={(checked) => checkboxItem.onCheckedChange?.(checked)}\n        >\n          {renderItemContent(\n            checkboxItem,\n            { iconAlign, indicatorOnRight, reserveIconSpace },\n            indicator,\n          )}\n        </DropdownMenuCheckboxItemPrimitive>\n      );\n    }\n\n    if ((item as DropdownMenuSwitchItemType).type === 'switch') {\n      const switchItem = item as DropdownMenuSwitchItemType;\n      const label = getItemLabel(switchItem);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = Boolean(switchItem.danger);\n\n      return (\n        <DropdownMenuSwitchItem\n          checked={switchItem.checked}\n          closeOnClick={switchItem.closeOnClick}\n          danger={isDanger}\n          defaultChecked={switchItem.defaultChecked}\n          disabled={switchItem.disabled}\n          key={itemKey}\n          label={labelText}\n          onCheckedChange={(checked) => switchItem.onCheckedChange?.(checked)}\n        >\n          {renderItemContent(switchItem, { iconAlign, reserveIconSpace })}\n        </DropdownMenuSwitchItem>\n      );\n    }\n\n    if ((item as MenuDividerType).type === 'divider') {\n      return <DropdownMenuSeparator key={itemKey} />;\n    }\n\n    if ((item as MenuItemGroupType).type === 'group') {\n      const group = item as MenuItemGroupType;\n      const groupReserveIconSpace =\n        iconSpaceMode === 'group'\n          ? group.children\n            ? hasAnyIcon(group.children)\n            : false\n          : reserveIconSpace;\n      const groupIndicatorOnRight = group.children ? hasCheckboxAndIcon(group.children) : false;\n      return (\n        <DropdownMenuGroup key={itemKey}>\n          {group.label ? <DropdownMenuGroupLabel>{group.label}</DropdownMenuGroupLabel> : null}\n          {group.children\n            ? renderDropdownMenuItems(group.children, nextKeyPath, {\n                iconAlign,\n                iconSpaceMode,\n                indicatorOnRight: groupIndicatorOnRight,\n                reserveIconSpace: groupReserveIconSpace,\n              })\n            : null}\n        </DropdownMenuGroup>\n      );\n    }\n\n    if ((item as SubMenuType).type === 'submenu' || 'children' in item) {\n      const submenu = item as SubMenuType;\n      const label = getItemLabel(submenu);\n      const labelText = typeof label === 'string' ? label : undefined;\n      const isDanger = 'danger' in submenu && Boolean(submenu.danger);\n\n      return (\n        <DropdownMenuSubmenuRoot key={itemKey}>\n          <DropdownMenuSubmenuTrigger\n            danger={isDanger}\n            disabled={submenu.disabled}\n            label={labelText}\n          >\n            {renderItemContent(submenu, {\n              iconAlign,\n              reserveIconSpace,\n              submenu: true,\n            })}\n          </DropdownMenuSubmenuTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuPositioner alignOffset={-4} data-submenu=\"\" sideOffset={-1}>\n              <DropdownMenuPopup>\n                {submenu.children\n                  ? renderDropdownMenuItems(submenu.children, nextKeyPath, {\n                      iconAlign,\n                      iconSpaceMode,\n                    })\n                  : null}\n              </DropdownMenuPopup>\n            </DropdownMenuPositioner>\n          </DropdownMenuPortal>\n        </DropdownMenuSubmenuRoot>\n      );\n    }\n\n    const menuItem = item as MenuItemType;\n    const label = getItemLabel(menuItem);\n    const labelText = typeof label === 'string' ? label : undefined;\n    const isDanger = 'danger' in menuItem && Boolean(menuItem.danger);\n\n    return (\n      <DropdownMenuItem\n        closeOnClick={menuItem.closeOnClick}\n        danger={isDanger}\n        disabled={menuItem.disabled}\n        key={itemKey}\n        label={labelText}\n        onClick={(event) => invokeItemClick(menuItem, nextKeyPath, event)}\n      >\n        {renderItemContent(menuItem, { iconAlign, reserveIconSpace })}\n      </DropdownMenuItem>\n    );\n  });\n};\n"],"mappings":"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"}

package/es/{DropdownMenu → base-ui/DropdownMenu}/type.d.mts

@@ -1,16 +1,16 @@
-import { Trigger } from "../types/trigger.mjs";
-import "../types/index.mjs";
-import { Placement } from "../utils/placement.mjs";
-import { MenuCheckboxItemType } from "../Menu/checkboxItem.mjs";
-import { MenuSwitchItemType } from "../Menu/switchItem.mjs";
-import { BaseMenuItemType } from "../Menu/baseItem.mjs";
-import { IconAlign, IconSpaceMode } from "../Menu/renderUtils.mjs";
-import "../Menu/index.mjs";
+import { Trigger } from "../../types/trigger.mjs";
+import "../../types/index.mjs";
+import { Placement } from "../../utils/placement.mjs";
+import { MenuCheckboxItemType } from "../../Menu/checkboxItem.mjs";
+import { MenuSwitchItemType } from "../../Menu/switchItem.mjs";
+import { BaseMenuItemType } from "../../Menu/baseItem.mjs";
+import { IconAlign, IconSpaceMode } from "../../Menu/renderUtils.mjs";
+import "../../Menu/index.mjs";
 import "./renderItems.mjs";
 import { ReactNode } from "react";
 import { MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuRootProps, MenuTriggerProps } from "@base-ui/react/menu";
 
-//#region src/DropdownMenu/type.d.ts
+//#region src/base-ui/DropdownMenu/type.d.ts
 type DropdownMenuPlacement = Placement;
 type DropdownMenuCheckboxItem = MenuCheckboxItemType;
 type DropdownMenuSwitchItem = MenuSwitchItemType;

package/es/{ScrollArea → base-ui/ScrollArea}/ScrollArea.d.mts

@@ -1,7 +1,7 @@
 import { ScrollAreaProps } from "./type.mjs";
 import { FC } from "react";
 
-//#region src/ScrollArea/ScrollArea.d.ts
+//#region src/base-ui/ScrollArea/ScrollArea.d.ts
 declare const ScrollArea: FC<ScrollAreaProps>;
 //#endregion
 export { ScrollArea };

package/es/{ScrollArea → base-ui/ScrollArea}/ScrollArea.mjs

@@ -3,7 +3,7 @@
 import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./atoms.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/ScrollArea/ScrollArea.tsx
+//#region src/base-ui/ScrollArea/ScrollArea.tsx
 const ScrollArea = ({ children, contentProps, corner = false, cornerProps, scrollFade = false, scrollbarProps, thumbProps, viewportProps, ...rest }) => {
 	return /* @__PURE__ */ jsxs(ScrollAreaRoot, {
 		...rest,

package/es/base-ui/ScrollArea/ScrollArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.mjs","names":["ScrollArea: FC<ScrollAreaProps>"],"sources":["../../../src/base-ui/ScrollArea/ScrollArea.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport {\n  ScrollAreaContent,\n  ScrollAreaCorner,\n  ScrollAreaRoot,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n} from './atoms';\nimport type { ScrollAreaProps } from './type';\n\nexport const ScrollArea: FC<ScrollAreaProps> = ({\n  children,\n  contentProps,\n  corner = false,\n  cornerProps,\n  scrollFade = false,\n  scrollbarProps,\n  thumbProps,\n  viewportProps,\n  ...rest\n}) => {\n  return (\n    <ScrollAreaRoot {...rest}>\n      <ScrollAreaViewport scrollFade={scrollFade} {...viewportProps}>\n        <ScrollAreaContent {...contentProps}>{children}</ScrollAreaContent>\n      </ScrollAreaViewport>\n      <ScrollAreaScrollbar {...scrollbarProps}>\n        <ScrollAreaThumb {...thumbProps} />\n      </ScrollAreaScrollbar>\n      {corner && <ScrollAreaCorner {...cornerProps} />}\n    </ScrollAreaRoot>\n  );\n};\n"],"mappings":";;;;;;AAcA,MAAaA,cAAmC,EAC9C,UACA,cACA,SAAS,OACT,aACA,aAAa,OACb,gBACA,YACA,eACA,GAAG,WACC;AACJ,QACE,qBAAC;EAAe,GAAI;;GAClB,oBAAC;IAA+B;IAAY,GAAI;cAC9C,oBAAC;KAAkB,GAAI;KAAe;MAA6B;KAChD;GACrB,oBAAC;IAAoB,GAAI;cACvB,oBAAC,mBAAgB,GAAI,aAAc;KACf;GACrB,UAAU,oBAAC,oBAAiB,GAAI,cAAe;;GACjC"}

package/es/{ScrollArea → base-ui/ScrollArea}/atoms.d.mts

@@ -1,8 +1,8 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 
-//#region src/ScrollArea/atoms.d.ts
+//#region src/base-ui/ScrollArea/atoms.d.ts
 type ScrollAreaRootProps = React.ComponentProps<typeof ScrollArea.Root>;
 type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollArea.Viewport> & {
   /**
@@ -19,7 +19,7 @@ declare const ScrollAreaRoot: {
   ({
     className,
     ...rest
-  }: ScrollAreaRootProps): react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaRootProps): react_jsx_runtime20.JSX.Element;
   displayName: string;
 };
 declare const ScrollAreaViewport: {
@@ -27,35 +27,35 @@ declare const ScrollAreaViewport: {
     className,
     scrollFade,
     ...rest
-  }: ScrollAreaViewportProps): react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaViewportProps): react_jsx_runtime20.JSX.Element;
   displayName: string;
 };
 declare const ScrollAreaContent: {
   ({
     className,
     ...rest
-  }: ScrollAreaContentProps): react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaContentProps): react_jsx_runtime20.JSX.Element;
   displayName: string;
 };
 declare const ScrollAreaScrollbar: {
   ({
     className,
     ...rest
-  }: ScrollAreaScrollbarProps): react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaScrollbarProps): react_jsx_runtime20.JSX.Element;
   displayName: string;
 };
 declare const ScrollAreaThumb: {
   ({
     className,
     ...rest
-  }: ScrollAreaThumbProps): react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaThumbProps): react_jsx_runtime20.JSX.Element;
   displayName: string;
 };
 declare const ScrollAreaCorner: {
   ({
     className,
     ...rest
-  }: ScrollAreaCornerProps): react_jsx_runtime0.JSX.Element;
+  }: ScrollAreaCornerProps): react_jsx_runtime20.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/{ScrollArea → base-ui/ScrollArea}/atoms.mjs

@@ -6,7 +6,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 
-//#region src/ScrollArea/atoms.tsx
+//#region src/base-ui/ScrollArea/atoms.tsx
 const mergeStateClassName = (base, className) => {
 	if (typeof className === "function") return (state) => cx(base, className(state));
 	return cx(base, className);

package/es/base-ui/ScrollArea/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["BaseScrollArea","ScrollAreaGlobalStyle"],"sources":["../../../src/base-ui/ScrollArea/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';\nimport { cx } from 'antd-style';\nimport type React from 'react';\n\nimport ScrollAreaGlobalStyle from './globalStyle';\nimport { styles } from './style';\n\nconst mergeStateClassName = <TState,>(\n  base: string,\n  className: string | ((state: TState) => string | undefined) | undefined,\n) => {\n  if (typeof className === 'function') return (state: TState) => cx(base, className(state));\n  return cx(base, className);\n};\n\nexport type ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>;\nexport type ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport> & {\n  /**\n   * Enable gradient scroll fade on the viewport edges.\n   * @default false\n   */\n  scrollFade?: boolean;\n};\nexport type ScrollAreaContentProps = React.ComponentProps<typeof BaseScrollArea.Content>;\nexport type ScrollAreaScrollbarProps = React.ComponentProps<typeof BaseScrollArea.Scrollbar>;\nexport type ScrollAreaThumbProps = React.ComponentProps<typeof BaseScrollArea.Thumb>;\nexport type ScrollAreaCornerProps = React.ComponentProps<typeof BaseScrollArea.Corner>;\n\nexport const ScrollAreaRoot = ({ className, ...rest }: ScrollAreaRootProps) => {\n  return (\n    <BaseScrollArea.Root {...rest} className={mergeStateClassName(styles.root, className) as any} />\n  );\n};\n\nScrollAreaRoot.displayName = 'ScrollAreaRoot';\n\nexport const ScrollAreaViewport = ({\n  className,\n  scrollFade = false,\n  ...rest\n}: ScrollAreaViewportProps) => {\n  return (\n    <>\n      <ScrollAreaGlobalStyle />\n      <BaseScrollArea.Viewport\n        {...rest}\n        className={\n          mergeStateClassName(\n            cx(styles.viewport, scrollFade && styles.viewportFade),\n            className,\n          ) as any\n        }\n      />\n    </>\n  );\n};\n\nScrollAreaViewport.displayName = 'ScrollAreaViewport';\n\nexport const ScrollAreaContent = ({ className, ...rest }: ScrollAreaContentProps) => {\n  return (\n    <BaseScrollArea.Content\n      {...rest}\n      className={mergeStateClassName(styles.content, className) as any}\n    />\n  );\n};\n\nScrollAreaContent.displayName = 'ScrollAreaContent';\n\nexport const ScrollAreaScrollbar = ({ className, ...rest }: ScrollAreaScrollbarProps) => {\n  return (\n    <BaseScrollArea.Scrollbar\n      {...rest}\n      className={mergeStateClassName(styles.scrollbar, className) as any}\n    />\n  );\n};\n\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';\n\nexport const ScrollAreaThumb = ({ className, ...rest }: ScrollAreaThumbProps) => {\n  return (\n    <BaseScrollArea.Thumb\n      {...rest}\n      className={mergeStateClassName(styles.thumb, className) as any}\n    />\n  );\n};\n\nScrollAreaThumb.displayName = 'ScrollAreaThumb';\n\nexport const ScrollAreaCorner = ({ className, ...rest }: ScrollAreaCornerProps) => {\n  return (\n    <BaseScrollArea.Corner\n      {...rest}\n      className={mergeStateClassName(styles.corner, className) as any}\n    />\n  );\n};\n\nScrollAreaCorner.displayName = 'ScrollAreaCorner';\n"],"mappings":";;;;;;;;;AASA,MAAM,uBACJ,MACA,cACG;AACH,KAAI,OAAO,cAAc,WAAY,SAAQ,UAAkB,GAAG,MAAM,UAAU,MAAM,CAAC;AACzF,QAAO,GAAG,MAAM,UAAU;;AAgB5B,MAAa,kBAAkB,EAAE,WAAW,GAAG,WAAgC;AAC7E,QACE,oBAACA,WAAe;EAAK,GAAI;EAAM,WAAW,oBAAoB,OAAO,MAAM,UAAU;GAAW;;AAIpG,eAAe,cAAc;AAE7B,MAAa,sBAAsB,EACjC,WACA,aAAa,OACb,GAAG,WAC0B;AAC7B,QACE,4CACE,oBAACC,wBAAwB,EACzB,oBAACD,WAAe;EACd,GAAI;EACJ,WACE,oBACE,GAAG,OAAO,UAAU,cAAc,OAAO,aAAa,EACtD,UACD;GAEH,IACD;;AAIP,mBAAmB,cAAc;AAEjC,MAAa,qBAAqB,EAAE,WAAW,GAAG,WAAmC;AACnF,QACE,oBAACA,WAAe;EACd,GAAI;EACJ,WAAW,oBAAoB,OAAO,SAAS,UAAU;GACzD;;AAIN,kBAAkB,cAAc;AAEhC,MAAa,uBAAuB,EAAE,WAAW,GAAG,WAAqC;AACvF,QACE,oBAACA,WAAe;EACd,GAAI;EACJ,WAAW,oBAAoB,OAAO,WAAW,UAAU;GAC3D;;AAIN,oBAAoB,cAAc;AAElC,MAAa,mBAAmB,EAAE,WAAW,GAAG,WAAiC;AAC/E,QACE,oBAACA,WAAe;EACd,GAAI;EACJ,WAAW,oBAAoB,OAAO,OAAO,UAAU;GACvD;;AAIN,gBAAgB,cAAc;AAE9B,MAAa,oBAAoB,EAAE,WAAW,GAAG,WAAkC;AACjF,QACE,oBAACA,WAAe;EACd,GAAI;EACJ,WAAW,oBAAoB,OAAO,QAAQ,UAAU;GACxD;;AAIN,iBAAiB,cAAc"}

package/es/{ScrollArea → base-ui/ScrollArea}/globalStyle.mjs

@@ -2,7 +2,7 @@
 
 import { createGlobalStyle, css } from "antd-style";
 
-//#region src/ScrollArea/globalStyle.ts
+//#region src/base-ui/ScrollArea/globalStyle.ts
 /**
 * Register animatable custom properties used by scroll-driven animations.
 *

package/es/base-ui/ScrollArea/globalStyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyle.mjs","names":[],"sources":["../../../src/base-ui/ScrollArea/globalStyle.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'antd-style';\n\n/**\n * Register animatable custom properties used by scroll-driven animations.\n *\n * Without @property registration, custom properties interpolate discretely,\n * which can cause visible snapping at scroll boundaries.\n */\nconst ScrollAreaGlobalStyle = createGlobalStyle(\n  () => css`\n    @property --lobe-scroll-area-fade-top {\n      inherits: true;\n      initial-value: 0;\n      syntax: '<length>';\n    }\n\n    @property --lobe-scroll-area-fade-bottom {\n      inherits: true;\n      initial-value: 0;\n      syntax: '<length>';\n    }\n  `,\n);\n\nexport default ScrollAreaGlobalStyle;\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,wBAAwB,wBACtB,GAAG;;;;;;;;;;;;IAaV;AAED,0BAAe"}

package/es/base-ui/ScrollArea/index.d.mts

@@ -0,0 +1,3 @@
+import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "./atoms.mjs";
+import { ScrollAreaProps } from "./type.mjs";
+import { ScrollArea } from "./ScrollArea.mjs";

package/es/{ScrollArea → base-ui/ScrollArea}/style.mjs

@@ -1,6 +1,6 @@
 import { createStaticStyles } from "antd-style";
 
-//#region src/ScrollArea/style.ts
+//#region src/base-ui/ScrollArea/style.ts
 const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 	content: css$1`
     display: flex;

package/es/base-ui/ScrollArea/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/base-ui/ScrollArea/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  content: css`\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    font-size: ${cssVar.fontSizeSM};\n    line-height: 1.375rem;\n    color: ${cssVar.colorText};\n  `,\n\n  corner: css`\n    background: ${cssVar.colorFillSecondary};\n  `,\n\n  root: css`\n    position: relative;\n    box-sizing: border-box;\n    border-radius: ${cssVar.borderRadiusLG};\n    background: ${cssVar.colorBgLayout};\n  `,\n\n  scrollbar: css`\n    pointer-events: none;\n\n    position: relative;\n\n    display: flex;\n    justify-content: center;\n\n    margin: 8px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    opacity: 0;\n    background: transparent;\n\n    transition: opacity 150ms;\n\n    &::before {\n      content: '';\n      position: absolute;\n    }\n\n    &[data-scrolling] {\n      transition-duration: 0ms;\n    }\n\n    &[data-hovering],\n    &[data-scrolling] {\n      pointer-events: auto;\n      opacity: 1;\n    }\n\n    &[data-orientation='vertical'] {\n      width: 4px;\n\n      &::before {\n        inset-inline-start: 50%;\n        transform: translateX(-50%);\n        width: 20px;\n        height: 100%;\n      }\n    }\n\n    &[data-orientation='horizontal'] {\n      height: 4px;\n\n      &::before {\n        inset-block-end: -8px;\n        inset-inline: 0;\n        width: 100%;\n        height: 20px;\n      }\n    }\n  `,\n\n  thumb: css`\n    width: 100%;\n    border-radius: inherit;\n    background: ${cssVar.colorTextQuaternary};\n  `,\n\n  viewport: css`\n    position: relative;\n    height: 100%;\n    outline: none;\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorPrimary};\n      outline-offset: 2px;\n    }\n  `,\n\n  viewportFade: css`\n    --scroll-area-overflow-y-start: inherit;\n    --scroll-area-overflow-y-end: inherit;\n    --lobe-scroll-area-fade-size: 40px;\n    --lobe-scroll-area-fade-top: min(\n      var(--lobe-scroll-area-fade-size),\n      var(--scroll-area-overflow-y-start, 0px)\n    );\n    --lobe-scroll-area-fade-bottom: min(\n      var(--lobe-scroll-area-fade-size),\n      var(--scroll-area-overflow-y-end, 0px)\n    );\n\n    /* Fade the CONTENT via mask, so it works on background images too. */\n    mask-image: linear-gradient(\n      to bottom,\n      transparent 0,\n      #000 var(--lobe-scroll-area-fade-top),\n      #000 calc(100% - var(--lobe-scroll-area-fade-bottom)),\n      transparent 100%\n    );\n    mask-repeat: no-repeat;\n    mask-size: 100% 100%;\n\n    /* Scroll-driven animation: use scroll position to drive the mask. */\n    @supports (animation-timeline: scroll()) {\n      /*\n       * Important: drive fade by *distance to edges* (first/last 40px),\n       * so reaching top/bottom doesn't cause a sudden snap.\n       */\n      @keyframes lobe-scroll-area-fade-top-in {\n        from {\n          --lobe-scroll-area-fade-top: 0;\n        }\n\n        to {\n          --lobe-scroll-area-fade-top: var(--lobe-scroll-area-fade-size);\n        }\n      }\n\n      @keyframes lobe-scroll-area-fade-bottom-out {\n        from {\n          --lobe-scroll-area-fade-bottom: var(--lobe-scroll-area-fade-size);\n        }\n\n        to {\n          --lobe-scroll-area-fade-bottom: 0;\n        }\n      }\n\n      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out;\n      animation-duration: 1ms, 1ms;\n      animation-timing-function: linear, linear;\n      animation-fill-mode: both, both;\n      animation-timeline: scroll(self y), scroll(self y);\n\n      animation-range:\n        0 var(--lobe-scroll-area-fade-size),\n        calc(100% - var(--lobe-scroll-area-fade-size)) 100%;\n    }\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,SAAS,KAAG;;;;;iBAKGA,SAAO,WAAW;;aAEtBA,SAAO,UAAU;;CAG5B,QAAQ,KAAG;kBACKA,SAAO,mBAAmB;;CAG1C,MAAM,KAAG;;;qBAGUA,SAAO,eAAe;kBACzBA,SAAO,cAAc;;CAGrC,WAAW,KAAG;;;;;;;;;qBASKA,SAAO,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CzC,OAAO,KAAG;;;kBAGMA,SAAO,oBAAoB;;CAG3C,UAAU,KAAG;;;;;;2BAMYA,SAAO,aAAa;;;;CAK7C,cAAc,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DlB,EAAE"}

package/es/{ScrollArea → base-ui/ScrollArea}/type.d.mts

@@ -1,7 +1,7 @@
 import { ScrollAreaContentProps, ScrollAreaCornerProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps } from "./atoms.mjs";
 import { ReactNode } from "react";
 
-//#region src/ScrollArea/type.d.ts
+//#region src/base-ui/ScrollArea/type.d.ts
 interface ScrollAreaProps extends Omit<ScrollAreaRootProps, 'children'> {
   children?: ReactNode;
   contentProps?: Omit<ScrollAreaContentProps, 'children'>;

package/es/base-ui/Select/Select.d.mts

@@ -0,0 +1,8 @@
+import { SelectProps } from "./type.mjs";
+import * as react155 from "react";
+
+//#region src/base-ui/Select/Select.d.ts
+declare const Select: react155.NamedExoticComponent<SelectProps<any>>;
+//#endregion
+export { Select };
+//# sourceMappingURL=Select.d.mts.map

package/es/{LobeSelect/LobeSelect.mjs → base-ui/Select/Select.mjs}

@@ -1,8 +1,8 @@
 'use client';
 
-import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
-import Icon_default from "../Icon/Icon.mjs";
-import { styles } from "../Menu/sharedStyle.mjs";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+import Icon_default from "../../Icon/Icon.mjs";
+import { styles } from "../../Menu/sharedStyle.mjs";
 import { styles as styles$1, triggerVariants } from "./style.mjs";
 import { isValidElement, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ import { Check, ChevronDown, Loader2, X } from "lucide-react";
 import { Select } from "@base-ui/react/select";
 import { Virtualizer } from "virtua";
 
-//#region src/LobeSelect/LobeSelect.tsx
+//#region src/base-ui/Select/Select.tsx
 const isGroupOption = (option) => Boolean(option.options);
 const getOptionSearchText = (option) => {
 	if (typeof option.label === "string" || typeof option.label === "number") return String(option.label);
@@ -30,7 +30,7 @@ const countVirtualItems = (items) => items.reduce((count, item) => {
 	return count + 1;
 }, 0);
 const isValueEmpty = (value) => value === null || value === void 0 || value === "";
-const LobeSelect = memo(({ allowClear, autoFocus, className, classNames, defaultOpen, defaultValue, disabled, id, labelRender, listHeight = 512, listItemHeight, loading, mode, name, onChange, onOpenChange, onSelect, open, optionRender, options, placeholder, popupClassName, popupMatchSelectWidth, prefix, readOnly, required, behaviorVariant = "default", selectedIndicatorVariant = "check", shadow, showSearch, size = "middle", style, suffixIcon, suffixIconProps, tokenSeparators, value, variant, virtual }) => {
+const Select$1 = memo(({ allowClear, autoFocus, className, classNames, defaultOpen, defaultValue, disabled, id, labelRender, listHeight = 512, listItemHeight, loading, mode, name, onChange, onOpenChange, onSelect, open, optionRender, options, placeholder, popupClassName, popupMatchSelectWidth, prefix, readOnly, required, behaviorVariant = "default", selectedIndicatorVariant = "check", shadow, showSearch, size = "middle", style, suffixIcon, suffixIconProps, tokenSeparators, value, variant, virtual }) => {
 	const { isDarkMode } = useThemeMode();
 	const resolvedVariant = variant ?? (isDarkMode ? "filled" : "outlined");
 	const isMultiple = mode === "multiple" || mode === "tags";
@@ -549,9 +549,9 @@ const LobeSelect = memo(({ allowClear, autoFocus, className, classNames, default
 		})]
 	});
 });
-LobeSelect.displayName = "LobeSelect";
-var LobeSelect_default = LobeSelect;
+Select$1.displayName = "Select";
+var Select_default = Select$1;
 
 //#endregion
-export { LobeSelect_default as default };
-//# sourceMappingURL=LobeSelect.mjs.map
+export { Select_default as default };
+//# sourceMappingURL=Select.mjs.map

package/es/base-ui/Select/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","names":["Select","mergedOptions: SelectOptions","missingValueOptions: SelectOption<any>[]","styles","option","content","Icon","baseStyle: React.CSSProperties","indices: number[]","menuStyles","BaseSelect","currentIndex"],"sources":["../../../src/base-ui/Select/Select.tsx"],"sourcesContent":["'use client';\n\nimport { Select as BaseSelect } from '@base-ui/react/select';\nimport { cx, useThemeMode } from 'antd-style';\nimport { Check, ChevronDown, Loader2, X } from 'lucide-react';\nimport {\n  type ChangeEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type MutableRefObject,\n  type Ref,\n} from 'react';\nimport { isValidElement, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Virtualizer } from 'virtua';\n\nimport Icon from '@/Icon';\nimport { styles as menuStyles } from '@/Menu/sharedStyle';\nimport { useAppElement } from '@/ThemeProvider';\n\nimport { styles, triggerVariants } from './style';\nimport {\n  type SelectOption,\n  type SelectOptionGroup,\n  type SelectOptions,\n  type SelectProps,\n} from './type';\n\nconst isGroupOption = <Value,>(\n  option: SelectOption<Value> | SelectOptionGroup<Value>,\n): option is SelectOptionGroup<Value> => Boolean((option as SelectOptionGroup<Value>).options);\n\nconst getOptionSearchText = <Value,>(option: SelectOption<Value>) => {\n  if (typeof option.label === 'string' || typeof option.label === 'number') {\n    return String(option.label);\n  }\n  if (typeof option.value === 'string' || typeof option.value === 'number') {\n    return String(option.value);\n  }\n  if (option.title) return option.title;\n  return '';\n};\n\nconst escapeRegExp = (value: string) => value.replaceAll(/[$()*+.?[\\\\\\]^{|}]/g, '\\\\$&');\n\nconst splitBySeparators = (value: string, separators?: string[]) => {\n  if (!separators || separators.length === 0) return [value];\n  const pattern = separators.map(escapeRegExp).join('|');\n  return value.split(new RegExp(pattern, 'g'));\n};\n\nconst countVirtualItems = (items: SelectOptions) =>\n  items.reduce((count, item) => {\n    if (isGroupOption(item)) {\n      return count + item.options.length + 1;\n    }\n    return count + 1;\n  }, 0);\n\nconst isValueEmpty = (value: unknown) => value === null || value === undefined || value === '';\n\nconst Select = memo<SelectProps<any>>(\n  ({\n    allowClear,\n    autoFocus,\n    className,\n    classNames,\n    defaultOpen,\n    defaultValue,\n    disabled,\n    id,\n    labelRender,\n    listHeight = 512,\n    listItemHeight,\n    loading,\n    mode,\n    name,\n    onChange,\n    onOpenChange,\n    onSelect,\n    open,\n    optionRender,\n    options,\n    placeholder,\n    popupClassName,\n    popupMatchSelectWidth,\n    prefix,\n    readOnly,\n    required,\n    behaviorVariant = 'default',\n    selectedIndicatorVariant = 'check',\n    shadow,\n    showSearch,\n    size = 'middle',\n    style,\n    suffixIcon,\n    suffixIconProps,\n    tokenSeparators,\n    value,\n    variant,\n    virtual,\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const resolvedVariant = variant ?? (isDarkMode ? 'filled' : 'outlined');\n    const isMultiple = mode === 'multiple' || mode === 'tags';\n    const isItemAligned = behaviorVariant === 'item-aligned';\n\n    const [uncontrolledValue, setUncontrolledValue] = useState<any>(() => {\n      if (defaultValue !== undefined) return defaultValue;\n      return isMultiple ? [] : null;\n    });\n\n    const normalizeValue = useCallback(\n      (nextValue: any) => {\n        if (isMultiple) {\n          if (Array.isArray(nextValue)) return nextValue;\n          if (nextValue === null || nextValue === undefined) return [];\n          return [nextValue];\n        }\n        if (Array.isArray(nextValue)) return nextValue[0] ?? null;\n        return nextValue === undefined ? null : nextValue;\n      },\n      [isMultiple],\n    );\n\n    const mergedValue = value !== undefined ? value : uncontrolledValue;\n    const normalizedValue = useMemo(\n      () => normalizeValue(mergedValue),\n      [mergedValue, normalizeValue],\n    );\n    const valueArray = useMemo(\n      () =>\n        isMultiple\n          ? (normalizedValue as any[])\n          : isValueEmpty(normalizedValue)\n            ? []\n            : [normalizedValue],\n      [isMultiple, normalizedValue],\n    );\n\n    const [extraOptions, setExtraOptions] = useState<SelectOption<any>[]>([]);\n\n    useEffect(() => {\n      if (mode !== 'tags' && extraOptions.length > 0) {\n        setExtraOptions([]);\n      }\n    }, [mode, extraOptions.length]);\n\n    const { resolvedOptions, optionMap } = useMemo(() => {\n      const baseOptions = options ?? [];\n      const optionValueMap = new Map<any, SelectOption<any>>();\n\n      const addOption = (item: SelectOption<any>) => {\n        if (!optionValueMap.has(item.value)) {\n          optionValueMap.set(item.value, item);\n        }\n      };\n\n      const walkOptions = (items: SelectOptions) => {\n        items.forEach((item) => {\n          if (isGroupOption(item)) {\n            item.options.forEach(addOption);\n          } else {\n            addOption(item);\n          }\n        });\n      };\n\n      walkOptions(baseOptions);\n\n      const filteredExtraOptions = extraOptions.filter((item) => !optionValueMap.has(item.value));\n      filteredExtraOptions.forEach(addOption);\n\n      const mergedOptions: SelectOptions = [...baseOptions, ...filteredExtraOptions];\n\n      const missingValueOptions: SelectOption<any>[] = valueArray\n        .filter((val) => !optionValueMap.has(val))\n        .map((val) => ({\n          label: String(val),\n          value: val,\n        }));\n      missingValueOptions.forEach(addOption);\n\n      return {\n        optionMap: optionValueMap,\n        resolvedOptions: missingValueOptions.length\n          ? [...mergedOptions, ...missingValueOptions]\n          : mergedOptions,\n      };\n    }, [extraOptions, options, valueArray]);\n\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    useEffect(() => {\n      if (open !== undefined) {\n        setUncontrolledOpen(open);\n      }\n    }, [open]);\n\n    const mergedOpen = open ?? uncontrolledOpen;\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean) => {\n        onOpenChange?.(nextOpen);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open],\n    );\n\n    const [searchValue, setSearchValue] = useState('');\n    const shouldShowSearch = Boolean(showSearch || mode === 'tags');\n\n    useEffect(() => {\n      if (!mergedOpen) setSearchValue('');\n    }, [mergedOpen]);\n\n    const getOption = useCallback(\n      (optionValue: any): SelectOption<any> => {\n        const matched = optionMap.get(optionValue);\n        if (matched) return matched;\n        if (optionValue && typeof optionValue === 'object' && 'label' in optionValue) {\n          return {\n            label: (optionValue as any).label,\n            value: optionValue,\n          };\n        }\n        return {\n          label: String(optionValue),\n          value: optionValue,\n        };\n      },\n      [optionMap],\n    );\n\n    const previousValueRef = useRef<any>(normalizedValue);\n\n    useEffect(() => {\n      previousValueRef.current = normalizedValue;\n    }, [normalizedValue]);\n\n    const handleValueChange = useCallback(\n      (nextValue: any) => {\n        const normalizedNextValue = normalizeValue(nextValue);\n        const previousValue = previousValueRef.current;\n\n        if (isMultiple) {\n          const prevValues = Array.isArray(previousValue) ? previousValue : [];\n          const nextValues = Array.isArray(normalizedNextValue) ? normalizedNextValue : [];\n          const addedValues = nextValues.filter(\n            (val) => !prevValues.some((prev) => Object.is(prev, val)),\n          );\n\n          addedValues.forEach((val) => {\n            onSelect?.(val, getOption(val));\n          });\n\n          if (value === undefined) {\n            setUncontrolledValue(nextValues);\n          }\n          onChange?.(\n            nextValues,\n            nextValues.map((val) => getOption(val)),\n          );\n        } else {\n          if (\n            !isValueEmpty(normalizedNextValue) &&\n            !Object.is(previousValue, normalizedNextValue)\n          ) {\n            onSelect?.(normalizedNextValue, getOption(normalizedNextValue));\n          }\n          if (value === undefined) {\n            setUncontrolledValue(normalizedNextValue);\n          }\n          onChange?.(\n            normalizedNextValue,\n            isValueEmpty(normalizedNextValue) ? undefined : getOption(normalizedNextValue),\n          );\n        }\n\n        previousValueRef.current = normalizedNextValue;\n      },\n      [getOption, isMultiple, normalizeValue, onChange, onSelect, value],\n    );\n\n    const appendTagValues = useCallback(\n      (rawValues: string[]) => {\n        const valuesToAdd = rawValues.map((val) => val.trim()).filter(Boolean);\n        if (!valuesToAdd.length) return;\n\n        const nextValues = [...valueArray];\n        const newOptionValues = valuesToAdd.filter((val) => !optionMap.has(val));\n\n        if (newOptionValues.length > 0) {\n          setExtraOptions((prev) => {\n            const existingValues = new Set(prev.map((item) => item.value));\n            const merged = [...prev];\n            newOptionValues.forEach((val) => {\n              if (!existingValues.has(val)) {\n                merged.push({ label: val, value: val });\n              }\n            });\n            return merged;\n          });\n        }\n\n        valuesToAdd.forEach((val) => {\n          if (!nextValues.some((item) => Object.is(item, val))) {\n            nextValues.push(val);\n          }\n        });\n\n        if (nextValues.length !== valueArray.length) {\n          handleValueChange(nextValues);\n        }\n      },\n      [handleValueChange, optionMap, valueArray],\n    );\n\n    const handleSearchChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        const nextValue = event.target.value;\n        if (mode === 'tags') {\n          const parts = splitBySeparators(nextValue, tokenSeparators);\n          if (parts.length > 1) {\n            const pending = parts.pop() ?? '';\n            appendTagValues(parts.filter(Boolean));\n            setSearchValue(pending);\n            return;\n          }\n        }\n        setSearchValue(nextValue);\n      },\n      [appendTagValues, mode, tokenSeparators],\n    );\n\n    const handleSearchKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLInputElement>) => {\n        event.stopPropagation();\n\n        if (event.key === 'Escape') {\n          handleOpenChange(false);\n          return;\n        }\n\n        if (mode !== 'tags') return;\n\n        if (event.key === 'Enter') {\n          event.preventDefault();\n          event.stopPropagation();\n          appendTagValues([searchValue]);\n          setSearchValue('');\n          return;\n        }\n\n        if (tokenSeparators?.includes(event.key)) {\n          event.preventDefault();\n          event.stopPropagation();\n          appendTagValues([searchValue]);\n          setSearchValue('');\n        }\n      },\n      [appendTagValues, handleOpenChange, mode, searchValue, tokenSeparators],\n    );\n\n    const filteredOptions = useMemo(() => {\n      if (!shouldShowSearch || !searchValue.trim()) return resolvedOptions;\n      const query = searchValue.trim().toLowerCase();\n\n      const filterItems = (items: SelectOptions): SelectOptions => {\n        const filtered = items\n          .map((item) => {\n            if (isGroupOption(item)) {\n              const groupItems = item.options.filter((option) =>\n                getOptionSearchText(option).toLowerCase().includes(query),\n              );\n              if (!groupItems.length) return null;\n              return { ...item, options: groupItems };\n            }\n            return getOptionSearchText(item).toLowerCase().includes(query) ? item : null;\n          })\n          .filter(Boolean) as SelectOptions;\n\n        return filtered;\n      };\n\n      return filterItems(resolvedOptions);\n    }, [resolvedOptions, searchValue, shouldShowSearch]);\n\n    const renderValue = useCallback(\n      (currentValue: any) => {\n        const resolved = normalizeValue(currentValue);\n        const placeholderNode =\n          placeholder === undefined ? null : (\n            <span className={styles.valueText}>{placeholder}</span>\n          );\n\n        if (isMultiple) {\n          const values = Array.isArray(resolved) ? resolved : [];\n          if (values.length === 0) return placeholderNode;\n          return (\n            <span className={styles.tags}>\n              {values.map((val, index) => {\n                const option = getOption(val);\n                const content = labelRender ? labelRender(option) : (option.label ?? String(val));\n                return (\n                  <span className={styles.tag} key={`${String(val)}-${index}`}>\n                    {content}\n                  </span>\n                );\n              })}\n            </span>\n          );\n        }\n\n        if (isValueEmpty(resolved)) return placeholderNode;\n        const option = getOption(resolved);\n        const content = labelRender ? labelRender(option) : (option.label ?? String(resolved));\n        return <span className={styles.valueText}>{content}</span>;\n      },\n      [getOption, isMultiple, labelRender, normalizeValue, placeholder],\n    );\n\n    const hasValue = isMultiple ? valueArray.length > 0 : !isValueEmpty(normalizedValue);\n    const showClear = Boolean(allowClear && hasValue && !disabled && !readOnly);\n\n    const handleClear = useCallback(\n      (event: MouseEvent) => {\n        event.preventDefault();\n        event.stopPropagation();\n        handleValueChange(isMultiple ? [] : null);\n      },\n      [handleValueChange, isMultiple],\n    );\n\n    const prefixNode = useMemo(() => {\n      if (prefix === undefined || prefix === null) return null;\n      if (isValidElement(prefix) || typeof prefix === 'string' || typeof prefix === 'number') {\n        return prefix;\n      }\n      return <Icon icon={prefix as any} size={'small'} />;\n    }, [prefix]);\n\n    const suffixIconNode = useMemo(() => {\n      if (loading) {\n        return <Icon spin icon={Loader2} size={'small'} />;\n      }\n      if (suffixIcon === null) return null;\n      if (\n        isValidElement(suffixIcon) ||\n        typeof suffixIcon === 'string' ||\n        typeof suffixIcon === 'number'\n      ) {\n        return suffixIcon;\n      }\n      return (\n        <Icon\n          icon={(suffixIcon as any) || ChevronDown}\n          size={'small'}\n          {...suffixIconProps}\n          style={{\n            pointerEvents: 'none',\n            ...suffixIconProps?.style,\n          }}\n        />\n      );\n    }, [loading, suffixIcon, suffixIconProps]);\n\n    const popupStyle = useMemo(() => {\n      const maxHeight = isItemAligned ? '80vh' : `${listHeight}px`;\n      const baseStyle: React.CSSProperties = {\n        maxHeight,\n        maxWidth: 'var(--available-width)',\n        minWidth: 'var(--anchor-width)',\n        ['--lobe-select-popup-max-height' as any]: maxHeight,\n      };\n\n      if (popupMatchSelectWidth === undefined || popupMatchSelectWidth === true) {\n        return baseStyle;\n      }\n      if (typeof popupMatchSelectWidth === 'number') {\n        return {\n          ...baseStyle,\n          minWidth: popupMatchSelectWidth,\n          width: popupMatchSelectWidth,\n        };\n      }\n      return {\n        ...baseStyle,\n        minWidth: 'max-content',\n      };\n    }, [isItemAligned, listHeight, popupMatchSelectWidth]);\n\n    const triggerClassName = cx(\n      triggerVariants({ shadow, size, variant: resolvedVariant }),\n      className,\n      classNames?.root,\n      classNames?.trigger,\n    );\n\n    const listRef = useRef<HTMLDivElement | null>(null);\n    const pointerScrollRef = useRef(false);\n    const pointerScrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const renderVirtualItem = useCallback((props: HTMLAttributes<HTMLDivElement>) => {\n      const { ref, ...rest } = props as HTMLAttributes<HTMLDivElement> & {\n        ref?: Ref<HTMLDivElement>;\n      };\n\n      return (\n        <div\n          {...rest}\n          ref={(node) => {\n            if (node) {\n              node.scrollIntoView = (...args) => {\n                if (!pointerScrollRef.current) {\n                  HTMLElement.prototype.scrollIntoView.call(node, ...args);\n                }\n              };\n            }\n\n            if (typeof ref === 'function') {\n              ref(node);\n            } else if (ref && 'current' in ref) {\n              (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n            }\n          }}\n        />\n      );\n    }, []);\n\n    const markPointerScroll = useCallback(() => {\n      pointerScrollRef.current = true;\n      if (pointerScrollTimeoutRef.current) {\n        clearTimeout(pointerScrollTimeoutRef.current);\n      }\n      pointerScrollTimeoutRef.current = setTimeout(() => {\n        pointerScrollRef.current = false;\n      }, 120);\n    }, []);\n\n    const handleListScroll = useCallback(() => {\n      if (!virtual || !pointerScrollRef.current) return;\n      const listElement = listRef.current;\n      const activeElement = document.activeElement;\n      if (listElement && activeElement && listElement.contains(activeElement)) {\n        listElement.focus({ preventScroll: true });\n      }\n    }, [virtual]);\n\n    useEffect(() => {\n      return () => {\n        if (pointerScrollTimeoutRef.current) {\n          clearTimeout(pointerScrollTimeoutRef.current);\n        }\n      };\n    }, []);\n    const virtualListStyle = useMemo(() => {\n      if (!virtual) return undefined;\n      const rowCount = countVirtualItems(filteredOptions);\n      const maxVisibleRows = 6;\n      const estimatedRowHeight =\n        listItemHeight ?? (size === 'large' ? 40 : size === 'small' ? 28 : 32);\n      const visibleRows = Math.min(Math.max(rowCount, 1), maxVisibleRows);\n      const estimatedHeight = visibleRows * estimatedRowHeight + 8;\n\n      return {\n        height: `min(${estimatedHeight}px, var(--lobe-select-available-height, var(--available-height)))`,\n      };\n    }, [filteredOptions, listItemHeight, size, virtual]);\n\n    const keepMountedIndices = useMemo(() => {\n      if (!virtual || valueArray.length === 0) return undefined;\n      const selectedSet = new Set(valueArray);\n      const indices: number[] = [];\n      let index = 0;\n\n      filteredOptions.forEach((item) => {\n        if (isGroupOption(item)) {\n          if (item.options.some((option) => selectedSet.has(option.value))) {\n            indices.push(index);\n          }\n          index += 1;\n          return;\n        }\n\n        if (selectedSet.has(item.value)) {\n          indices.push(index);\n        }\n        index += 1;\n      });\n\n      return indices.length ? indices : undefined;\n    }, [filteredOptions, valueArray, virtual]);\n\n    const itemTextClassName = cx(\n      optionRender ? menuStyles.itemContent : menuStyles.label,\n      styles.itemText,\n      classNames?.itemText,\n    );\n\n    const isBoldIndicator = selectedIndicatorVariant === 'bold';\n    let optionIndex = 0;\n    const renderOptions = (items: SelectOptions) =>\n      items.map((item, index) => {\n        if (isGroupOption(item)) {\n          return (\n            <BaseSelect.Group\n              className={cx(styles.group, classNames?.group)}\n              key={`group-${index}`}\n            >\n              <BaseSelect.GroupLabel\n                className={cx(menuStyles.groupLabel, styles.groupLabel, classNames?.groupLabel)}\n              >\n                {item.label}\n              </BaseSelect.GroupLabel>\n              {item.options.map((option) => {\n                const currentIndex = optionIndex++;\n                return (\n                  <BaseSelect.Item\n                    disabled={option.disabled}\n                    key={`${String(option.value)}-${currentIndex}`}\n                    label={getOptionSearchText(option)}\n                    render={virtual ? renderVirtualItem : undefined}\n                    value={option.value}\n                    className={cx(\n                      menuStyles.item,\n                      styles.item,\n                      isBoldIndicator && styles.itemBoldSelected,\n                      classNames?.item,\n                      classNames?.option,\n                      option.className,\n                    )}\n                    style={{\n                      minHeight: listItemHeight,\n                      ...option.style,\n                    }}\n                  >\n                    <BaseSelect.ItemText className={itemTextClassName}>\n                      {optionRender ? optionRender(option, { index: currentIndex }) : option.label}\n                    </BaseSelect.ItemText>\n                    {!isBoldIndicator && (\n                      <BaseSelect.ItemIndicator\n                        className={cx(styles.itemIndicator, classNames?.itemIndicator)}\n                      >\n                        <Icon icon={Check} size={'small'} />\n                      </BaseSelect.ItemIndicator>\n                    )}\n                  </BaseSelect.Item>\n                );\n              })}\n            </BaseSelect.Group>\n          );\n        }\n\n        const currentIndex = optionIndex++;\n        return (\n          <BaseSelect.Item\n            disabled={item.disabled}\n            key={`${String(item.value)}-${currentIndex}`}\n            label={getOptionSearchText(item)}\n            render={virtual ? renderVirtualItem : undefined}\n            value={item.value}\n            className={cx(\n              menuStyles.item,\n              styles.item,\n              isBoldIndicator && styles.itemBoldSelected,\n              classNames?.item,\n              classNames?.option,\n              item.className,\n            )}\n            style={{\n              minHeight: listItemHeight,\n              ...item.style,\n            }}\n          >\n            <BaseSelect.ItemText className={itemTextClassName}>\n              {optionRender ? optionRender(item, { index: currentIndex }) : item.label}\n            </BaseSelect.ItemText>\n            {!isBoldIndicator && (\n              <BaseSelect.ItemIndicator\n                className={cx(styles.itemIndicator, classNames?.itemIndicator)}\n              >\n                <Icon icon={Check} size={'small'} />\n              </BaseSelect.ItemIndicator>\n            )}\n          </BaseSelect.Item>\n        );\n      });\n\n    const appElement = useAppElement();\n    return (\n      <BaseSelect.Root\n        disabled={disabled}\n        id={id}\n        modal={isItemAligned}\n        multiple={isMultiple}\n        name={name}\n        open={mergedOpen}\n        readOnly={readOnly}\n        required={required}\n        value={normalizedValue}\n        onOpenChange={handleOpenChange}\n        onValueChange={handleValueChange}\n      >\n        <BaseSelect.Trigger\n          autoFocus={autoFocus}\n          className={triggerClassName}\n          disabled={disabled}\n          style={style}\n        >\n          {prefixNode !== null && prefixNode !== undefined && (\n            <span className={cx(styles.prefix, classNames?.prefix)}>{prefixNode}</span>\n          )}\n          <BaseSelect.Value className={cx(styles.value, classNames?.value)}>\n            {renderValue}\n          </BaseSelect.Value>\n          <span className={cx(styles.suffix, classNames?.suffix)}>\n            {showClear && (\n              <span\n                className={cx(styles.clear, classNames?.clear)}\n                data-role=\"lobe-select-clear\"\n                onClick={handleClear}\n              >\n                <Icon icon={X} size={'small'} />\n              </span>\n            )}\n            {suffixIconNode !== null && suffixIconNode !== undefined && (\n              <BaseSelect.Icon className={cx(styles.icon, classNames?.icon)}>\n                {suffixIconNode}\n              </BaseSelect.Icon>\n            )}\n          </span>\n        </BaseSelect.Trigger>\n\n        <BaseSelect.Portal container={appElement}>\n          <BaseSelect.Positioner\n            align=\"start\"\n            alignItemWithTrigger={isItemAligned}\n            className={styles.positioner}\n            side=\"bottom\"\n            sideOffset={6}\n          >\n            <BaseSelect.Popup\n              style={popupStyle}\n              className={cx(\n                menuStyles.popup,\n                styles.popup,\n                popupClassName,\n                classNames?.popup,\n                classNames?.dropdown,\n              )}\n            >\n              {shouldShowSearch && (\n                <div className={cx(styles.search, classNames?.search)}>\n                  <input\n                    className={styles.searchInput}\n                    placeholder={typeof placeholder === 'string' ? placeholder : undefined}\n                    value={searchValue}\n                    onChange={handleSearchChange}\n                    onKeyDown={handleSearchKeyDown}\n                  />\n                </div>\n              )}\n              {(() => {\n                const content =\n                  filteredOptions.length > 0 ? (\n                    renderOptions(filteredOptions)\n                  ) : (\n                    <div\n                      className={cx(\n                        menuStyles.item,\n                        menuStyles.empty,\n                        styles.empty,\n                        classNames?.empty,\n                      )}\n                    >\n                      No data\n                    </div>\n                  );\n\n                if (!virtual || filteredOptions.length === 0) {\n                  return (\n                    <BaseSelect.List\n                      className={cx(styles.list, classNames?.list)}\n                      data-virtual={virtual || undefined}\n                    >\n                      {content}\n                    </BaseSelect.List>\n                  );\n                }\n\n                return (\n                  <BaseSelect.List\n                    className={cx(styles.list, classNames?.list)}\n                    data-virtual={virtual || undefined}\n                    ref={listRef}\n                    style={virtualListStyle}\n                    tabIndex={virtual ? -1 : undefined}\n                    onPointerDown={virtual ? markPointerScroll : undefined}\n                    onScroll={virtual ? handleListScroll : undefined}\n                    onTouchMove={virtual ? markPointerScroll : undefined}\n                    onWheel={virtual ? markPointerScroll : undefined}\n                  >\n                    <Virtualizer itemSize={listItemHeight} keepMounted={keepMountedIndices}>\n                      {content}\n                    </Virtualizer>\n                  </BaseSelect.List>\n                );\n              })()}\n            </BaseSelect.Popup>\n          </BaseSelect.Positioner>\n        </BaseSelect.Portal>\n      </BaseSelect.Root>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAM,iBACJ,WACuC,QAAS,OAAoC,QAAQ;AAE9F,MAAM,uBAA+B,WAAgC;AACnE,KAAI,OAAO,OAAO,UAAU,YAAY,OAAO,OAAO,UAAU,SAC9D,QAAO,OAAO,OAAO,MAAM;AAE7B,KAAI,OAAO,OAAO,UAAU,YAAY,OAAO,OAAO,UAAU,SAC9D,QAAO,OAAO,OAAO,MAAM;AAE7B,KAAI,OAAO,MAAO,QAAO,OAAO;AAChC,QAAO;;AAGT,MAAM,gBAAgB,UAAkB,MAAM,WAAW,uBAAuB,OAAO;AAEvF,MAAM,qBAAqB,OAAe,eAA0B;AAClE,KAAI,CAAC,cAAc,WAAW,WAAW,EAAG,QAAO,CAAC,MAAM;CAC1D,MAAM,UAAU,WAAW,IAAI,aAAa,CAAC,KAAK,IAAI;AACtD,QAAO,MAAM,MAAM,IAAI,OAAO,SAAS,IAAI,CAAC;;AAG9C,MAAM,qBAAqB,UACzB,MAAM,QAAQ,OAAO,SAAS;AAC5B,KAAI,cAAc,KAAK,CACrB,QAAO,QAAQ,KAAK,QAAQ,SAAS;AAEvC,QAAO,QAAQ;GACd,EAAE;AAEP,MAAM,gBAAgB,UAAmB,UAAU,QAAQ,UAAU,UAAa,UAAU;AAE5F,MAAMA,WAAS,MACZ,EACC,YACA,WACA,WACA,YACA,aACA,cACA,UACA,IACA,aACA,aAAa,KACb,gBACA,SACA,MACA,MACA,UACA,cACA,UACA,MACA,cACA,SACA,aACA,gBACA,uBACA,QACA,UACA,UACA,kBAAkB,WAClB,2BAA2B,SAC3B,QACA,YACA,OAAO,UACP,OACA,YACA,iBACA,iBACA,OACA,SACA,cACI;CACJ,MAAM,EAAE,eAAe,cAAc;CACrC,MAAM,kBAAkB,YAAY,aAAa,WAAW;CAC5D,MAAM,aAAa,SAAS,cAAc,SAAS;CACnD,MAAM,gBAAgB,oBAAoB;CAE1C,MAAM,CAAC,mBAAmB,wBAAwB,eAAoB;AACpE,MAAI,iBAAiB,OAAW,QAAO;AACvC,SAAO,aAAa,EAAE,GAAG;GACzB;CAEF,MAAM,iBAAiB,aACpB,cAAmB;AAClB,MAAI,YAAY;AACd,OAAI,MAAM,QAAQ,UAAU,CAAE,QAAO;AACrC,OAAI,cAAc,QAAQ,cAAc,OAAW,QAAO,EAAE;AAC5D,UAAO,CAAC,UAAU;;AAEpB,MAAI,MAAM,QAAQ,UAAU,CAAE,QAAO,UAAU,MAAM;AACrD,SAAO,cAAc,SAAY,OAAO;IAE1C,CAAC,WAAW,CACb;CAED,MAAM,cAAc,UAAU,SAAY,QAAQ;CAClD,MAAM,kBAAkB,cAChB,eAAe,YAAY,EACjC,CAAC,aAAa,eAAe,CAC9B;CACD,MAAM,aAAa,cAEf,aACK,kBACD,aAAa,gBAAgB,GAC3B,EAAE,GACF,CAAC,gBAAgB,EACzB,CAAC,YAAY,gBAAgB,CAC9B;CAED,MAAM,CAAC,cAAc,mBAAmB,SAA8B,EAAE,CAAC;AAEzE,iBAAgB;AACd,MAAI,SAAS,UAAU,aAAa,SAAS,EAC3C,iBAAgB,EAAE,CAAC;IAEpB,CAAC,MAAM,aAAa,OAAO,CAAC;CAE/B,MAAM,EAAE,iBAAiB,cAAc,cAAc;EACnD,MAAM,cAAc,WAAW,EAAE;EACjC,MAAM,iCAAiB,IAAI,KAA6B;EAExD,MAAM,aAAa,SAA4B;AAC7C,OAAI,CAAC,eAAe,IAAI,KAAK,MAAM,CACjC,gBAAe,IAAI,KAAK,OAAO,KAAK;;EAIxC,MAAM,eAAe,UAAyB;AAC5C,SAAM,SAAS,SAAS;AACtB,QAAI,cAAc,KAAK,CACrB,MAAK,QAAQ,QAAQ,UAAU;QAE/B,WAAU,KAAK;KAEjB;;AAGJ,cAAY,YAAY;EAExB,MAAM,uBAAuB,aAAa,QAAQ,SAAS,CAAC,eAAe,IAAI,KAAK,MAAM,CAAC;AAC3F,uBAAqB,QAAQ,UAAU;EAEvC,MAAMC,gBAA+B,CAAC,GAAG,aAAa,GAAG,qBAAqB;EAE9E,MAAMC,sBAA2C,WAC9C,QAAQ,QAAQ,CAAC,eAAe,IAAI,IAAI,CAAC,CACzC,KAAK,SAAS;GACb,OAAO,OAAO,IAAI;GAClB,OAAO;GACR,EAAE;AACL,sBAAoB,QAAQ,UAAU;AAEtC,SAAO;GACL,WAAW;GACX,iBAAiB,oBAAoB,SACjC,CAAC,GAAG,eAAe,GAAG,oBAAoB,GAC1C;GACL;IACA;EAAC;EAAc;EAAS;EAAW,CAAC;CAEvC,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;AAE9E,iBAAgB;AACd,MAAI,SAAS,OACX,qBAAoB,KAAK;IAE1B,CAAC,KAAK,CAAC;CAEV,MAAM,aAAa,QAAQ;CAE3B,MAAM,mBAAmB,aACtB,aAAsB;AACrB,iBAAe,SAAS;AACxB,MAAI,SAAS,OACX,qBAAoB,SAAS;IAGjC,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,mBAAmB,QAAQ,cAAc,SAAS,OAAO;AAE/D,iBAAgB;AACd,MAAI,CAAC,WAAY,gBAAe,GAAG;IAClC,CAAC,WAAW,CAAC;CAEhB,MAAM,YAAY,aACf,gBAAwC;EACvC,MAAM,UAAU,UAAU,IAAI,YAAY;AAC1C,MAAI,QAAS,QAAO;AACpB,MAAI,eAAe,OAAO,gBAAgB,YAAY,WAAW,YAC/D,QAAO;GACL,OAAQ,YAAoB;GAC5B,OAAO;GACR;AAEH,SAAO;GACL,OAAO,OAAO,YAAY;GAC1B,OAAO;GACR;IAEH,CAAC,UAAU,CACZ;CAED,MAAM,mBAAmB,OAAY,gBAAgB;AAErD,iBAAgB;AACd,mBAAiB,UAAU;IAC1B,CAAC,gBAAgB,CAAC;CAErB,MAAM,oBAAoB,aACvB,cAAmB;EAClB,MAAM,sBAAsB,eAAe,UAAU;EACrD,MAAM,gBAAgB,iBAAiB;AAEvC,MAAI,YAAY;GACd,MAAM,aAAa,MAAM,QAAQ,cAAc,GAAG,gBAAgB,EAAE;GACpE,MAAM,aAAa,MAAM,QAAQ,oBAAoB,GAAG,sBAAsB,EAAE;AAKhF,GAJoB,WAAW,QAC5B,QAAQ,CAAC,WAAW,MAAM,SAAS,OAAO,GAAG,MAAM,IAAI,CAAC,CAC1D,CAEW,SAAS,QAAQ;AAC3B,eAAW,KAAK,UAAU,IAAI,CAAC;KAC/B;AAEF,OAAI,UAAU,OACZ,sBAAqB,WAAW;AAElC,cACE,YACA,WAAW,KAAK,QAAQ,UAAU,IAAI,CAAC,CACxC;SACI;AACL,OACE,CAAC,aAAa,oBAAoB,IAClC,CAAC,OAAO,GAAG,eAAe,oBAAoB,CAE9C,YAAW,qBAAqB,UAAU,oBAAoB,CAAC;AAEjE,OAAI,UAAU,OACZ,sBAAqB,oBAAoB;AAE3C,cACE,qBACA,aAAa,oBAAoB,GAAG,SAAY,UAAU,oBAAoB,CAC/E;;AAGH,mBAAiB,UAAU;IAE7B;EAAC;EAAW;EAAY;EAAgB;EAAU;EAAU;EAAM,CACnE;CAED,MAAM,kBAAkB,aACrB,cAAwB;EACvB,MAAM,cAAc,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,CAAC,OAAO,QAAQ;AACtE,MAAI,CAAC,YAAY,OAAQ;EAEzB,MAAM,aAAa,CAAC,GAAG,WAAW;EAClC,MAAM,kBAAkB,YAAY,QAAQ,QAAQ,CAAC,UAAU,IAAI,IAAI,CAAC;AAExE,MAAI,gBAAgB,SAAS,EAC3B,kBAAiB,SAAS;GACxB,MAAM,iBAAiB,IAAI,IAAI,KAAK,KAAK,SAAS,KAAK,MAAM,CAAC;GAC9D,MAAM,SAAS,CAAC,GAAG,KAAK;AACxB,mBAAgB,SAAS,QAAQ;AAC/B,QAAI,CAAC,eAAe,IAAI,IAAI,CAC1B,QAAO,KAAK;KAAE,OAAO;KAAK,OAAO;KAAK,CAAC;KAEzC;AACF,UAAO;IACP;AAGJ,cAAY,SAAS,QAAQ;AAC3B,OAAI,CAAC,WAAW,MAAM,SAAS,OAAO,GAAG,MAAM,IAAI,CAAC,CAClD,YAAW,KAAK,IAAI;IAEtB;AAEF,MAAI,WAAW,WAAW,WAAW,OACnC,mBAAkB,WAAW;IAGjC;EAAC;EAAmB;EAAW;EAAW,CAC3C;CAED,MAAM,qBAAqB,aACxB,UAAyC;EACxC,MAAM,YAAY,MAAM,OAAO;AAC/B,MAAI,SAAS,QAAQ;GACnB,MAAM,QAAQ,kBAAkB,WAAW,gBAAgB;AAC3D,OAAI,MAAM,SAAS,GAAG;IACpB,MAAM,UAAU,MAAM,KAAK,IAAI;AAC/B,oBAAgB,MAAM,OAAO,QAAQ,CAAC;AACtC,mBAAe,QAAQ;AACvB;;;AAGJ,iBAAe,UAAU;IAE3B;EAAC;EAAiB;EAAM;EAAgB,CACzC;CAED,MAAM,sBAAsB,aACzB,UAA2C;AAC1C,QAAM,iBAAiB;AAEvB,MAAI,MAAM,QAAQ,UAAU;AAC1B,oBAAiB,MAAM;AACvB;;AAGF,MAAI,SAAS,OAAQ;AAErB,MAAI,MAAM,QAAQ,SAAS;AACzB,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AACvB,mBAAgB,CAAC,YAAY,CAAC;AAC9B,kBAAe,GAAG;AAClB;;AAGF,MAAI,iBAAiB,SAAS,MAAM,IAAI,EAAE;AACxC,SAAM,gBAAgB;AACtB,SAAM,iBAAiB;AACvB,mBAAgB,CAAC,YAAY,CAAC;AAC9B,kBAAe,GAAG;;IAGtB;EAAC;EAAiB;EAAkB;EAAM;EAAa;EAAgB,CACxE;CAED,MAAM,kBAAkB,cAAc;AACpC,MAAI,CAAC,oBAAoB,CAAC,YAAY,MAAM,CAAE,QAAO;EACrD,MAAM,QAAQ,YAAY,MAAM,CAAC,aAAa;EAE9C,MAAM,eAAe,UAAwC;AAc3D,UAbiB,MACd,KAAK,SAAS;AACb,QAAI,cAAc,KAAK,EAAE;KACvB,MAAM,aAAa,KAAK,QAAQ,QAAQ,WACtC,oBAAoB,OAAO,CAAC,aAAa,CAAC,SAAS,MAAM,CAC1D;AACD,SAAI,CAAC,WAAW,OAAQ,QAAO;AAC/B,YAAO;MAAE,GAAG;MAAM,SAAS;MAAY;;AAEzC,WAAO,oBAAoB,KAAK,CAAC,aAAa,CAAC,SAAS,MAAM,GAAG,OAAO;KACxE,CACD,OAAO,QAAQ;;AAKpB,SAAO,YAAY,gBAAgB;IAClC;EAAC;EAAiB;EAAa;EAAiB,CAAC;CAEpD,MAAM,cAAc,aACjB,iBAAsB;EACrB,MAAM,WAAW,eAAe,aAAa;EAC7C,MAAM,kBACJ,gBAAgB,SAAY,OAC1B,oBAAC;GAAK,WAAWC,SAAO;aAAY;IAAmB;AAG3D,MAAI,YAAY;GACd,MAAM,SAAS,MAAM,QAAQ,SAAS,GAAG,WAAW,EAAE;AACtD,OAAI,OAAO,WAAW,EAAG,QAAO;AAChC,UACE,oBAAC;IAAK,WAAWA,SAAO;cACrB,OAAO,KAAK,KAAK,UAAU;KAC1B,MAAMC,WAAS,UAAU,IAAI;KAC7B,MAAMC,YAAU,cAAc,YAAYD,SAAO,GAAIA,SAAO,SAAS,OAAO,IAAI;AAChF,YACE,oBAAC;MAAK,WAAWD,SAAO;gBACrBE;QAD+B,GAAG,OAAO,IAAI,CAAC,GAAG,QAE7C;MAET;KACG;;AAIX,MAAI,aAAa,SAAS,CAAE,QAAO;EACnC,MAAM,SAAS,UAAU,SAAS;EAClC,MAAM,UAAU,cAAc,YAAY,OAAO,GAAI,OAAO,SAAS,OAAO,SAAS;AACrF,SAAO,oBAAC;GAAK,WAAWF,SAAO;aAAY;IAAe;IAE5D;EAAC;EAAW;EAAY;EAAa;EAAgB;EAAY,CAClE;CAED,MAAM,WAAW,aAAa,WAAW,SAAS,IAAI,CAAC,aAAa,gBAAgB;CACpF,MAAM,YAAY,QAAQ,cAAc,YAAY,CAAC,YAAY,CAAC,SAAS;CAE3E,MAAM,cAAc,aACjB,UAAsB;AACrB,QAAM,gBAAgB;AACtB,QAAM,iBAAiB;AACvB,oBAAkB,aAAa,EAAE,GAAG,KAAK;IAE3C,CAAC,mBAAmB,WAAW,CAChC;CAED,MAAM,aAAa,cAAc;AAC/B,MAAI,WAAW,UAAa,WAAW,KAAM,QAAO;AACpD,MAAI,eAAe,OAAO,IAAI,OAAO,WAAW,YAAY,OAAO,WAAW,SAC5E,QAAO;AAET,SAAO,oBAACG;GAAK,MAAM;GAAe,MAAM;IAAW;IAClD,CAAC,OAAO,CAAC;CAEZ,MAAM,iBAAiB,cAAc;AACnC,MAAI,QACF,QAAO,oBAACA;GAAK;GAAK,MAAM;GAAS,MAAM;IAAW;AAEpD,MAAI,eAAe,KAAM,QAAO;AAChC,MACE,eAAe,WAAW,IAC1B,OAAO,eAAe,YACtB,OAAO,eAAe,SAEtB,QAAO;AAET,SACE,oBAACA;GACC,MAAO,cAAsB;GAC7B,MAAM;GACN,GAAI;GACJ,OAAO;IACL,eAAe;IACf,GAAG,iBAAiB;IACrB;IACD;IAEH;EAAC;EAAS;EAAY;EAAgB,CAAC;CAE1C,MAAM,aAAa,cAAc;EAC/B,MAAM,YAAY,gBAAgB,SAAS,GAAG,WAAW;EACzD,MAAMC,YAAiC;GACrC;GACA,UAAU;GACV,UAAU;IACT,mCAA0C;GAC5C;AAED,MAAI,0BAA0B,UAAa,0BAA0B,KACnE,QAAO;AAET,MAAI,OAAO,0BAA0B,SACnC,QAAO;GACL,GAAG;GACH,UAAU;GACV,OAAO;GACR;AAEH,SAAO;GACL,GAAG;GACH,UAAU;GACX;IACA;EAAC;EAAe;EAAY;EAAsB,CAAC;CAEtD,MAAM,mBAAmB,GACvB,gBAAgB;EAAE;EAAQ;EAAM,SAAS;EAAiB,CAAC,EAC3D,WACA,YAAY,MACZ,YAAY,QACb;CAED,MAAM,UAAU,OAA8B,KAAK;CACnD,MAAM,mBAAmB,OAAO,MAAM;CACtC,MAAM,0BAA0B,OAA6C,KAAK;CAElF,MAAM,oBAAoB,aAAa,UAA0C;EAC/E,MAAM,EAAE,KAAK,GAAG,SAAS;AAIzB,SACE,oBAAC;GACC,GAAI;GACJ,MAAM,SAAS;AACb,QAAI,KACF,MAAK,kBAAkB,GAAG,SAAS;AACjC,SAAI,CAAC,iBAAiB,QACpB,aAAY,UAAU,eAAe,KAAK,MAAM,GAAG,KAAK;;AAK9D,QAAI,OAAO,QAAQ,WACjB,KAAI,KAAK;aACA,OAAO,aAAa,IAC7B,CAAC,IAAgD,UAAU;;IAG/D;IAEH,EAAE,CAAC;CAEN,MAAM,oBAAoB,kBAAkB;AAC1C,mBAAiB,UAAU;AAC3B,MAAI,wBAAwB,QAC1B,cAAa,wBAAwB,QAAQ;AAE/C,0BAAwB,UAAU,iBAAiB;AACjD,oBAAiB,UAAU;KAC1B,IAAI;IACN,EAAE,CAAC;CAEN,MAAM,mBAAmB,kBAAkB;AACzC,MAAI,CAAC,WAAW,CAAC,iBAAiB,QAAS;EAC3C,MAAM,cAAc,QAAQ;EAC5B,MAAM,gBAAgB,SAAS;AAC/B,MAAI,eAAe,iBAAiB,YAAY,SAAS,cAAc,CACrE,aAAY,MAAM,EAAE,eAAe,MAAM,CAAC;IAE3C,CAAC,QAAQ,CAAC;AAEb,iBAAgB;AACd,eAAa;AACX,OAAI,wBAAwB,QAC1B,cAAa,wBAAwB,QAAQ;;IAGhD,EAAE,CAAC;CACN,MAAM,mBAAmB,cAAc;AACrC,MAAI,CAAC,QAAS,QAAO;EACrB,MAAM,WAAW,kBAAkB,gBAAgB;EACnD,MAAM,iBAAiB;EACvB,MAAM,qBACJ,mBAAmB,SAAS,UAAU,KAAK,SAAS,UAAU,KAAK;AAIrE,SAAO,EACL,QAAQ,OAJU,KAAK,IAAI,KAAK,IAAI,UAAU,EAAE,EAAE,eAAe,GAC7B,qBAAqB,EAG1B,oEAChC;IACA;EAAC;EAAiB;EAAgB;EAAM;EAAQ,CAAC;CAEpD,MAAM,qBAAqB,cAAc;AACvC,MAAI,CAAC,WAAW,WAAW,WAAW,EAAG,QAAO;EAChD,MAAM,cAAc,IAAI,IAAI,WAAW;EACvC,MAAMC,UAAoB,EAAE;EAC5B,IAAI,QAAQ;AAEZ,kBAAgB,SAAS,SAAS;AAChC,OAAI,cAAc,KAAK,EAAE;AACvB,QAAI,KAAK,QAAQ,MAAM,WAAW,YAAY,IAAI,OAAO,MAAM,CAAC,CAC9D,SAAQ,KAAK,MAAM;AAErB,aAAS;AACT;;AAGF,OAAI,YAAY,IAAI,KAAK,MAAM,CAC7B,SAAQ,KAAK,MAAM;AAErB,YAAS;IACT;AAEF,SAAO,QAAQ,SAAS,UAAU;IACjC;EAAC;EAAiB;EAAY;EAAQ,CAAC;CAE1C,MAAM,oBAAoB,GACxB,eAAeC,OAAW,cAAcA,OAAW,OACnDN,SAAO,UACP,YAAY,SACb;CAED,MAAM,kBAAkB,6BAA6B;CACrD,IAAI,cAAc;CAClB,MAAM,iBAAiB,UACrB,MAAM,KAAK,MAAM,UAAU;AACzB,MAAI,cAAc,KAAK,CACrB,QACE,qBAACO,OAAW;GACV,WAAW,GAAGP,SAAO,OAAO,YAAY,MAAM;cAG9C,oBAACO,OAAW;IACV,WAAW,GAAGD,OAAW,YAAYN,SAAO,YAAY,YAAY,WAAW;cAE9E,KAAK;KACgB,EACvB,KAAK,QAAQ,KAAK,WAAW;IAC5B,MAAMQ,iBAAe;AACrB,WACE,qBAACD,OAAW;KACV,UAAU,OAAO;KAEjB,OAAO,oBAAoB,OAAO;KAClC,QAAQ,UAAU,oBAAoB;KACtC,OAAO,OAAO;KACd,WAAW,GACTD,OAAW,MACXN,SAAO,MACP,mBAAmBA,SAAO,kBAC1B,YAAY,MACZ,YAAY,QACZ,OAAO,UACR;KACD,OAAO;MACL,WAAW;MACX,GAAG,OAAO;MACX;gBAED,oBAACO,OAAW;MAAS,WAAW;gBAC7B,eAAe,aAAa,QAAQ,EAAE,OAAOC,gBAAc,CAAC,GAAG,OAAO;OACnD,EACrB,CAAC,mBACA,oBAACD,OAAW;MACV,WAAW,GAAGP,SAAO,eAAe,YAAY,cAAc;gBAE9D,oBAACG;OAAK,MAAM;OAAO,MAAM;QAAW;OACX;OAzBxB,GAAG,OAAO,OAAO,MAAM,CAAC,GAAGK,iBA2BhB;KAEpB;KAzCG,SAAS,QA0CG;EAIvB,MAAM,eAAe;AACrB,SACE,qBAACD,OAAW;GACV,UAAU,KAAK;GAEf,OAAO,oBAAoB,KAAK;GAChC,QAAQ,UAAU,oBAAoB;GACtC,OAAO,KAAK;GACZ,WAAW,GACTD,OAAW,MACXN,SAAO,MACP,mBAAmBA,SAAO,kBAC1B,YAAY,MACZ,YAAY,QACZ,KAAK,UACN;GACD,OAAO;IACL,WAAW;IACX,GAAG,KAAK;IACT;cAED,oBAACO,OAAW;IAAS,WAAW;cAC7B,eAAe,aAAa,MAAM,EAAE,OAAO,cAAc,CAAC,GAAG,KAAK;KAC/C,EACrB,CAAC,mBACA,oBAACA,OAAW;IACV,WAAW,GAAGP,SAAO,eAAe,YAAY,cAAc;cAE9D,oBAACG;KAAK,MAAM;KAAO,MAAM;MAAW;KACX;KAzBxB,GAAG,OAAO,KAAK,MAAM,CAAC,GAAG,eA2Bd;GAEpB;CAEJ,MAAM,aAAa,eAAe;AAClC,QACE,qBAACI,OAAW;EACA;EACN;EACJ,OAAO;EACP,UAAU;EACJ;EACN,MAAM;EACI;EACA;EACV,OAAO;EACP,cAAc;EACd,eAAe;aAEf,qBAACA,OAAW;GACC;GACX,WAAW;GACD;GACH;;IAEN,eAAe,QAAQ,eAAe,UACrC,oBAAC;KAAK,WAAW,GAAGP,SAAO,QAAQ,YAAY,OAAO;eAAG;MAAkB;IAE7E,oBAACO,OAAW;KAAM,WAAW,GAAGP,SAAO,OAAO,YAAY,MAAM;eAC7D;MACgB;IACnB,qBAAC;KAAK,WAAW,GAAGA,SAAO,QAAQ,YAAY,OAAO;gBACnD,aACC,oBAAC;MACC,WAAW,GAAGA,SAAO,OAAO,YAAY,MAAM;MAC9C,aAAU;MACV,SAAS;gBAET,oBAACG;OAAK,MAAM;OAAG,MAAM;QAAW;OAC3B,EAER,mBAAmB,QAAQ,mBAAmB,UAC7C,oBAACI,OAAW;MAAK,WAAW,GAAGP,SAAO,MAAM,YAAY,KAAK;gBAC1D;OACe;MAEf;;IACY,EAErB,oBAACO,OAAW;GAAO,WAAW;aAC5B,oBAACA,OAAW;IACV,OAAM;IACN,sBAAsB;IACtB,WAAWP,SAAO;IAClB,MAAK;IACL,YAAY;cAEZ,qBAACO,OAAW;KACV,OAAO;KACP,WAAW,GACTD,OAAW,OACXN,SAAO,OACP,gBACA,YAAY,OACZ,YAAY,SACb;gBAEA,oBACC,oBAAC;MAAI,WAAW,GAAGA,SAAO,QAAQ,YAAY,OAAO;gBACnD,oBAAC;OACC,WAAWA,SAAO;OAClB,aAAa,OAAO,gBAAgB,WAAW,cAAc;OAC7D,OAAO;OACP,UAAU;OACV,WAAW;QACX;OACE,SAEA;MACN,MAAM,UACJ,gBAAgB,SAAS,IACvB,cAAc,gBAAgB,GAE9B,oBAAC;OACC,WAAW,GACTM,OAAW,MACXA,OAAW,OACXN,SAAO,OACP,YAAY,MACb;iBACF;QAEK;AAGV,UAAI,CAAC,WAAW,gBAAgB,WAAW,EACzC,QACE,oBAACO,OAAW;OACV,WAAW,GAAGP,SAAO,MAAM,YAAY,KAAK;OAC5C,gBAAc,WAAW;iBAExB;QACe;AAItB,aACE,oBAACO,OAAW;OACV,WAAW,GAAGP,SAAO,MAAM,YAAY,KAAK;OAC5C,gBAAc,WAAW;OACzB,KAAK;OACL,OAAO;OACP,UAAU,UAAU,KAAK;OACzB,eAAe,UAAU,oBAAoB;OAC7C,UAAU,UAAU,mBAAmB;OACvC,aAAa,UAAU,oBAAoB;OAC3C,SAAS,UAAU,oBAAoB;iBAEvC,oBAAC;QAAY,UAAU;QAAgB,aAAa;kBACjD;SACW;QACE;SAElB;MACa;KACG;IACN;GACJ;EAGvB;AAED,SAAO,cAAc;AAErB,qBAAeH"}