@lobehub/ui 4.21.3 → 4.22.0

package/es/DropdownMenu/renderItems.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderItems.mjs","names":["Icon","info: MenuInfo","label","labelText"],"sources":["../../src/DropdownMenu/renderItems.tsx"],"sourcesContent":["import { Check, ChevronRight } from 'lucide-react';\nimport type { MenuInfo } from 'rc-menu/es/interface';\nimport type {\n  Key,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n} from 'react';\nimport { isValidElement } from 'react';\n\nimport Icon from '@/Icon';\nimport type {\n  ItemType,\n  MenuDividerType,\n  MenuItemGroupType,\n  MenuItemType,\n  SubMenuType,\n} from '@/Menu';\n\nimport {\n  DropdownMenuCheckboxItemIndicator,\n  DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuGroup,\n  DropdownMenuGroupLabel,\n  DropdownMenuItem,\n  DropdownMenuItemContent,\n  DropdownMenuItemExtra,\n  DropdownMenuItemIcon,\n  DropdownMenuItemLabel,\n  DropdownMenuPopup,\n  DropdownMenuPortal,\n  DropdownMenuPositioner,\n  DropdownMenuSeparator,\n  DropdownMenuSubmenuArrow,\n  DropdownMenuSubmenuRoot,\n  DropdownMenuSubmenuTrigger,\n  DropdownMenuSwitchItem,\n} from './atoms';\nimport type {\n  DropdownItem,\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemType,\n  DropdownMenuSwitchItem as DropdownMenuSwitchItemType,\n} from './type';\n\nconst getItemKey = (item: ItemType | DropdownItem, fallback: string): Key => {\n  if (item && 'key' in item && item.key !== undefined) return item.key;\n  return fallback;\n};\n\ntype LabelableItem = {\n  key?: Key;\n  label?: ReactNode;\n  title?: ReactNode;\n};\n\nconst getItemLabel = (item: MenuItemType | SubMenuType | LabelableItem): ReactNode => {\n  if (item.label !== undefined) return item.label;\n  if ('title' in item && item.title !== undefined) return item.title;\n  return item.key;\n};\n\nconst renderIcon = (icon: MenuItemType['icon']) => {\n  if (!icon) return null;\n  if (isValidElement(icon)) return icon;\n  return <Icon icon={icon} />;\n};\n\nconst hasAnyIcon = (items: DropdownItem[]): boolean => {\n  return items.some((item) => {\n    if (!item) return false;\n    if ((item as DropdownMenuCheckboxItemType).type === 'checkbox') return true;\n    if ('icon' in item && item.icon) return true;\n    return false;\n  });\n};\n\nconst renderItemContent = (\n  item: MenuItemType | SubMenuType | DropdownMenuCheckboxItemType | DropdownMenuSwitchItemType,\n  options?: { reserveIconSpace?: boolean; submenu?: boolean },\n  iconNode?: ReactNode,\n) => {\n  const label = getItemLabel(item);\n  const extra = 'extra' in item ? item.extra : undefined;\n  const hasCustomIcon = iconNode !== undefined;\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  return (\n    <DropdownMenuItemContent>\n      {shouldRenderIcon ? (\n        <DropdownMenuItemIcon aria-hidden={!hasIcon}>\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null}\n        </DropdownMenuItemIcon>\n      ) : null}\n      <DropdownMenuItemLabel>{label}</DropdownMenuItemLabel>\n      {extra ? <DropdownMenuItemExtra>{extra}</DropdownMenuItemExtra> : 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?: { reserveIconSpace?: boolean },\n): ReactNode[] => {\n  const reserveIconSpace = options?.reserveIconSpace ?? hasAnyIcon(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>\n          <Icon icon={Check} />\n        </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(checkboxItem, { reserveIconSpace }, indicator)}\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, { 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      return (\n        <DropdownMenuGroup key={itemKey}>\n          {group.label ? <DropdownMenuGroupLabel>{group.label}</DropdownMenuGroupLabel> : null}\n          {group.children\n            ? renderDropdownMenuItems(group.children, nextKeyPath, { reserveIconSpace })\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              reserveIconSpace,\n              submenu: true,\n            })}\n          </DropdownMenuSubmenuTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuPositioner alignOffset={-4} sideOffset={-1}>\n              <DropdownMenuPopup>\n                {submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath) : 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        danger={isDanger}\n        disabled={menuItem.disabled}\n        key={itemKey}\n        label={labelText}\n        onClick={(event) => invokeItemClick(menuItem, nextKeyPath, event)}\n      >\n        {renderItemContent(menuItem, { reserveIconSpace })}\n      </DropdownMenuItem>\n    );\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"renderItems.mjs","names":["Icon","info: MenuInfo","label","labelText","isDanger"],"sources":["../../src/DropdownMenu/renderItems.tsx"],"sourcesContent":["import { Check, ChevronRight } from 'lucide-react';\nimport type { MenuInfo } from 'rc-menu/es/interface';\nimport type {\n  Key,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n} from 'react';\nimport { isValidElement } from 'react';\n\nimport Icon from '@/Icon';\nimport type {\n  ItemType,\n  MenuDividerType,\n  MenuItemGroupType,\n  MenuItemType,\n  SubMenuType,\n} from '@/Menu';\n\nimport {\n  DropdownMenuCheckboxItemIndicator,\n  DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuGroup,\n  DropdownMenuGroupLabel,\n  DropdownMenuItem,\n  DropdownMenuItemContent,\n  DropdownMenuItemExtra,\n  DropdownMenuItemIcon,\n  DropdownMenuItemLabel,\n  DropdownMenuPopup,\n  DropdownMenuPortal,\n  DropdownMenuPositioner,\n  DropdownMenuSeparator,\n  DropdownMenuSubmenuArrow,\n  DropdownMenuSubmenuRoot,\n  DropdownMenuSubmenuTrigger,\n  DropdownMenuSwitchItem,\n} from './atoms';\nimport type {\n  DropdownItem,\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemType,\n  DropdownMenuSwitchItem as DropdownMenuSwitchItemType,\n} from './type';\n\nconst getItemKey = (item: ItemType | DropdownItem, fallback: string): Key => {\n  if (item && 'key' in item && item.key !== undefined) return item.key;\n  return fallback;\n};\n\ntype LabelableItem = {\n  key?: Key;\n  label?: ReactNode;\n  title?: ReactNode;\n};\n\nconst getItemLabel = (item: MenuItemType | SubMenuType | LabelableItem): ReactNode => {\n  if (item.label !== undefined) return item.label;\n  if ('title' in item && item.title !== undefined) return item.title;\n  return item.key;\n};\n\nconst renderIcon = (icon: MenuItemType['icon']) => {\n  if (!icon) return null;\n  if (isValidElement(icon)) return icon;\n  return <Icon icon={icon} />;\n};\n\nconst hasAnyIcon = (items: DropdownItem[]): boolean => {\n  return items.some((item) => {\n    if (!item) return false;\n    if ((item as DropdownMenuCheckboxItemType).type === 'checkbox') return true;\n    if ('icon' in item && item.icon) return true;\n    return false;\n  });\n};\n\nconst renderItemContent = (\n  item: MenuItemType | SubMenuType | DropdownMenuCheckboxItemType | DropdownMenuSwitchItemType,\n  options?: { reserveIconSpace?: boolean; submenu?: boolean },\n  iconNode?: ReactNode,\n) => {\n  const label = getItemLabel(item);\n  const extra = 'extra' in item ? item.extra : undefined;\n  const hasCustomIcon = iconNode !== undefined;\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  return (\n    <DropdownMenuItemContent>\n      {shouldRenderIcon ? (\n        <DropdownMenuItemIcon aria-hidden={!hasIcon}>\n          {hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null}\n        </DropdownMenuItemIcon>\n      ) : null}\n      <DropdownMenuItemLabel>{label}</DropdownMenuItemLabel>\n      {extra ? <DropdownMenuItemExtra>{extra}</DropdownMenuItemExtra> : 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?: { reserveIconSpace?: boolean },\n): ReactNode[] => {\n  const reserveIconSpace = options?.reserveIconSpace ?? hasAnyIcon(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>\n          <Icon icon={Check} />\n        </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(checkboxItem, { reserveIconSpace }, indicator)}\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, { 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      return (\n        <DropdownMenuGroup key={itemKey}>\n          {group.label ? <DropdownMenuGroupLabel>{group.label}</DropdownMenuGroupLabel> : null}\n          {group.children\n            ? renderDropdownMenuItems(group.children, nextKeyPath, { reserveIconSpace })\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              reserveIconSpace,\n              submenu: true,\n            })}\n          </DropdownMenuSubmenuTrigger>\n          <DropdownMenuPortal>\n            <DropdownMenuPositioner alignOffset={-4} sideOffset={-1}>\n              <DropdownMenuPopup>\n                {submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath) : 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, { reserveIconSpace })}\n      </DropdownMenuItem>\n    );\n  });\n};\n"],"mappings":";;;;;;;AA4CA,MAAM,cAAc,MAA+B,aAA0B;AAC3E,KAAI,QAAQ,SAAS,QAAQ,KAAK,QAAQ,OAAW,QAAO,KAAK;AACjE,QAAO;;AAST,MAAM,gBAAgB,SAAgE;AACpF,KAAI,KAAK,UAAU,OAAW,QAAO,KAAK;AAC1C,KAAI,WAAW,QAAQ,KAAK,UAAU,OAAW,QAAO,KAAK;AAC7D,QAAO,KAAK;;AAGd,MAAM,cAAc,SAA+B;AACjD,KAAI,CAAC,KAAM,QAAO;AAClB,KAAI,eAAe,KAAK,CAAE,QAAO;AACjC,QAAO,oBAACA,gBAAW,OAAQ;;AAG7B,MAAM,cAAc,UAAmC;AACrD,QAAO,MAAM,MAAM,SAAS;AAC1B,MAAI,CAAC,KAAM,QAAO;AAClB,MAAK,KAAsC,SAAS,WAAY,QAAO;AACvE,MAAI,UAAU,QAAQ,KAAK,KAAM,QAAO;AACxC,SAAO;GACP;;AAGJ,MAAM,qBACJ,MACA,SACA,aACG;CACH,MAAM,QAAQ,aAAa,KAAK;CAChC,MAAM,QAAQ,WAAW,OAAO,KAAK,QAAQ;CAC7C,MAAM,gBAAgB,aAAa;CACnC,MAAM,UAAU,gBAAgB,QAAQ,SAAS,GAAG,QAAQ,KAAK,KAAK;AAKtE,QACE,qBAAC;GALsB,gBACrB,QAAQ,SAAS,oBAAoB,SAAS,GAC9C,QAAQ,WAAW,SAAS,iBAAiB,IAK3C,oBAAC;GAAqB,eAAa,CAAC;aACjC,gBAAgB,WAAW,UAAU,WAAW,KAAK,KAAK,GAAG;IACzC,GACrB;EACJ,oBAAC,mCAAuB,QAA8B;EACrD,QAAQ,oBAAC,mCAAuB,QAA8B,GAAG;EACjE,SAAS,UACR,oBAAC,sCACC,oBAAC,gBAAa,MAAM,KAAM,GACD,GACzB;KACoB;;AAI9B,MAAM,mBACJ,MACA,SACA,UACG;AACH,KAAI,CAAC,KAAK,QAAS;CACnB,MAAM,MAAM,KAAK,OAAO,QAAQ,GAAG,GAAG,IAAI;CAC1C,MAAMC,OAAiB;EACrB,UAAU;EACV,MAAM,MAAM;EACZ,KAAK,OAAO,IAAI;EAChB;EACD;AACD,MAAK,QAAQ,KAAK;;AAGpB,MAAa,2BACX,OACA,UAAoB,EAAE,EACtB,YACgB;CAChB,MAAM,mBAAmB,SAAS,oBAAoB,WAAW,MAAM;AAEvE,QAAO,MAAM,KAAK,MAAM,UAAU;AAChC,MAAI,CAAC,KAAM,QAAO;EAGlB,MAAM,UAAU,WAAW,MADP,GAAG,QAAQ,KAAK,IAAI,IAAI,OAAO,GAAG,QACT;EAC7C,MAAM,cAAc,CAAC,GAAG,SAAS,OAAO,QAAQ,CAAC;AAEjD,MAAK,KAAsC,SAAS,YAAY;GAC9D,MAAM,eAAe;GACrB,MAAMC,UAAQ,aAAa,aAAa;GACxC,MAAMC,cAAY,OAAOD,YAAU,WAAWA,UAAQ;GACtD,MAAME,aAAW,QAAQ,aAAa,OAAO;GAC7C,MAAM,YACJ,oBAAC,+CACC,oBAACJ,gBAAK,MAAM,QAAS,GACa;AAGtC,UACE,oBAAC;IACC,SAAS,aAAa;IACtB,cAAc,aAAa;IAC3B,QAAQI;IACR,gBAAgB,aAAa;IAC7B,UAAU,aAAa;IAEvB,OAAOD;IACP,kBAAkB,YAAY,aAAa,kBAAkB,QAAQ;cAEpE,kBAAkB,cAAc,EAAE,kBAAkB,EAAE,UAAU;MAJ5D,QAK6B;;AAIxC,MAAK,KAAoC,SAAS,UAAU;GAC1D,MAAM,aAAa;GACnB,MAAMD,UAAQ,aAAa,WAAW;GACtC,MAAMC,cAAY,OAAOD,YAAU,WAAWA,UAAQ;GACtD,MAAME,aAAW,QAAQ,WAAW,OAAO;AAE3C,UACE,oBAAC;IACC,SAAS,WAAW;IACpB,cAAc,WAAW;IACzB,QAAQA;IACR,gBAAgB,WAAW;IAC3B,UAAU,WAAW;IAErB,OAAOD;IACP,kBAAkB,YAAY,WAAW,kBAAkB,QAAQ;cAElE,kBAAkB,YAAY,EAAE,kBAAkB,CAAC;MAJ/C,QAKkB;;AAI7B,MAAK,KAAyB,SAAS,UACrC,QAAO,oBAAC,2BAA2B,QAAW;AAGhD,MAAK,KAA2B,SAAS,SAAS;GAChD,MAAM,QAAQ;AACd,UACE,qBAAC,gCACE,MAAM,QAAQ,oBAAC,oCAAwB,MAAM,QAA+B,GAAG,MAC/E,MAAM,WACH,wBAAwB,MAAM,UAAU,aAAa,EAAE,kBAAkB,CAAC,GAC1E,SAJkB,QAKJ;;AAIxB,MAAK,KAAqB,SAAS,aAAa,cAAc,MAAM;GAClE,MAAM,UAAU;GAChB,MAAMD,UAAQ,aAAa,QAAQ;GACnC,MAAMC,cAAY,OAAOD,YAAU,WAAWA,UAAQ;AAGtD,UACE,qBAAC,sCACC,oBAAC;IACC,QALW,YAAY,WAAW,QAAQ,QAAQ,OAAO;IAMzD,UAAU,QAAQ;IAClB,OAAOC;cAEN,kBAAkB,SAAS;KAC1B;KACA,SAAS;KACV,CAAC;KACyB,EAC7B,oBAAC,gCACC,oBAAC;IAAuB,aAAa;IAAI,YAAY;cACnD,oBAAC,+BACE,QAAQ,WAAW,wBAAwB,QAAQ,UAAU,YAAY,GAAG,OAC3D;KACG,GACN,KAjBO,QAkBJ;;EAI9B,MAAM,WAAW;EACjB,MAAM,QAAQ,aAAa,SAAS;EACpC,MAAM,YAAY,OAAO,UAAU,WAAW,QAAQ;EACtD,MAAM,WAAW,YAAY,YAAY,QAAQ,SAAS,OAAO;AAEjE,SACE,oBAAC;GACC,cAAc,SAAS;GACvB,QAAQ;GACR,UAAU,SAAS;GAEnB,OAAO;GACP,UAAU,UAAU,gBAAgB,UAAU,aAAa,MAAM;aAEhE,kBAAkB,UAAU,EAAE,kBAAkB,CAAC;KAJ7C,QAKY;GAErB"}

package/es/EditableText/EditableText.d.mts

@@ -1,8 +1,8 @@
 import { EditableTextProps } from "./type.mjs";
-import * as react72 from "react";
+import * as react34 from "react";
 
 //#region src/EditableText/EditableText.d.ts
-declare const EditableText: react72.NamedExoticComponent<EditableTextProps>;
+declare const EditableText: react34.NamedExoticComponent<EditableTextProps>;
 //#endregion
 export { EditableText };
 //# sourceMappingURL=EditableText.d.mts.map

package/es/EmojiPicker/EmojiPicker.d.mts

@@ -1,8 +1,8 @@
 import { EmojiPickerProps } from "./type.mjs";
-import * as react14 from "react";
+import * as react47 from "react";
 
 //#region src/EmojiPicker/EmojiPicker.d.ts
-declare const EmojiPicker: react14.NamedExoticComponent<EmojiPickerProps>;
+declare const EmojiPicker: react47.NamedExoticComponent<EmojiPickerProps>;
 //#endregion
 export { EmojiPicker };
 //# sourceMappingURL=EmojiPicker.d.mts.map

package/es/Flex/FlexBasic.d.mts

@@ -1,8 +1,8 @@
 import { FlexBasicProps } from "./type.mjs";
-import * as react12 from "react";
+import * as react46 from "react";
 
 //#region src/Flex/FlexBasic.d.ts
-declare const _default: react12.NamedExoticComponent<FlexBasicProps>;
+declare const _default: react46.NamedExoticComponent<FlexBasicProps>;
 //#endregion
 export { _default };
 //# sourceMappingURL=FlexBasic.d.mts.map

package/es/FontLoader/index.d.mts

@@ -1,10 +1,10 @@
-import * as react80 from "react";
+import * as react76 from "react";
 
 //#region src/FontLoader/index.d.ts
 interface FontLoaderProps {
   url: string;
 }
-declare const FontLoader: react80.NamedExoticComponent<FontLoaderProps>;
+declare const FontLoader: react76.NamedExoticComponent<FontLoaderProps>;
 //#endregion
 export { FontLoader, FontLoaderProps };
 //# sourceMappingURL=index.d.mts.map

package/es/Footer/Footer.d.mts

@@ -1,8 +1,8 @@
 import { FooterProps } from "./type.mjs";
-import * as react5 from "react";
+import * as react44 from "react";
 
 //#region src/Footer/Footer.d.ts
-declare const Footer: react5.NamedExoticComponent<FooterProps>;
+declare const Footer: react44.NamedExoticComponent<FooterProps>;
 //#endregion
 export { Footer };
 //# sourceMappingURL=Footer.d.mts.map

package/es/Form/components/FormGroup.d.mts

@@ -1,8 +1,8 @@
 import { FormGroupProps } from "../type.mjs";
-import * as react73 from "react";
+import * as react41 from "react";
 
 //#region src/Form/components/FormGroup.d.ts
-declare const FormGroup: react73.NamedExoticComponent<FormGroupProps>;
+declare const FormGroup: react41.NamedExoticComponent<FormGroupProps>;
 //#endregion
 export { FormGroup };
 //# sourceMappingURL=FormGroup.d.mts.map

package/es/Form/components/FormItem.d.mts

@@ -1,8 +1,8 @@
 import { FormItemProps } from "../type.mjs";
-import * as react74 from "react";
+import * as react42 from "react";
 
 //#region src/Form/components/FormItem.d.ts
-declare const FormItem: react74.NamedExoticComponent<FormItemProps>;
+declare const FormItem: react42.NamedExoticComponent<FormItemProps>;
 //#endregion
 export { FormItem };
 //# sourceMappingURL=FormItem.d.mts.map

package/es/Form/components/FormSubmitFooter.d.mts

@@ -1,8 +1,8 @@
 import { FormSubmitFooterProps } from "../type.mjs";
-import * as react75 from "react";
+import * as react43 from "react";
 
 //#region src/Form/components/FormSubmitFooter.d.ts
-declare const FormSubmitFooter: react75.NamedExoticComponent<FormSubmitFooterProps>;
+declare const FormSubmitFooter: react43.NamedExoticComponent<FormSubmitFooterProps>;
 //#endregion
 export { FormSubmitFooter };
 //# sourceMappingURL=FormSubmitFooter.d.mts.map

package/es/FormModal/FormModal.d.mts

@@ -1,8 +1,8 @@
 import { FormModalProps } from "./type.mjs";
-import * as react71 from "react";
+import * as react35 from "react";
 
 //#region src/FormModal/FormModal.d.ts
-declare const FormModal: react71.NamedExoticComponent<FormModalProps>;
+declare const FormModal: react35.NamedExoticComponent<FormModalProps>;
 //#endregion
 export { FormModal };
 //# sourceMappingURL=FormModal.d.mts.map

package/es/GuideCard/GuideCard.d.mts

@@ -1,8 +1,8 @@
 import { GuideCardProps } from "./type.mjs";
-import * as react147 from "react";
+import * as react128 from "react";
 
 //#region src/GuideCard/GuideCard.d.ts
-declare const GuideCard: react147.NamedExoticComponent<GuideCardProps>;
+declare const GuideCard: react128.NamedExoticComponent<GuideCardProps>;
 //#endregion
 export { GuideCard };
 //# sourceMappingURL=GuideCard.d.mts.map

package/es/Header/Header.d.mts

@@ -1,8 +1,8 @@
 import { HeaderProps } from "./type.mjs";
-import * as react69 from "react";
+import * as react45 from "react";
 
 //#region src/Header/Header.d.ts
-declare const Header: react69.NamedExoticComponent<HeaderProps>;
+declare const Header: react45.NamedExoticComponent<HeaderProps>;
 //#endregion
 export { Header };
 //# sourceMappingURL=Header.d.mts.map

package/es/Highlighter/Highlighter.d.mts

@@ -1,8 +1,8 @@
 import { HighlighterProps } from "./type.mjs";
-import * as react64 from "react";
+import * as react39 from "react";
 
 //#region src/Highlighter/Highlighter.d.ts
-declare const Highlighter: react64.NamedExoticComponent<HighlighterProps>;
+declare const Highlighter: react39.NamedExoticComponent<HighlighterProps>;
 //#endregion
 export { Highlighter };
 //# sourceMappingURL=Highlighter.d.mts.map

package/es/Highlighter/SyntaxHighlighter/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxHighlighterProps } from "../type.mjs";
-import * as react65 from "react";
+import * as react40 from "react";
 
 //#region src/Highlighter/SyntaxHighlighter/index.d.ts
-declare const SyntaxHighlighter: react65.NamedExoticComponent<SyntaxHighlighterProps>;
+declare const SyntaxHighlighter: react40.NamedExoticComponent<SyntaxHighlighterProps>;
 //#endregion
 export { SyntaxHighlighter };
 //# sourceMappingURL=index.d.mts.map

package/es/Hotkey/Hotkey.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyProps } from "./type.mjs";
-import * as react25 from "react";
+import * as react58 from "react";
 
 //#region src/Hotkey/Hotkey.d.ts
-declare const Hotkey: react25.NamedExoticComponent<HotkeyProps>;
+declare const Hotkey: react58.NamedExoticComponent<HotkeyProps>;
 //#endregion
 export { Hotkey };
 //# sourceMappingURL=Hotkey.d.mts.map

package/es/HotkeyInput/HotkeyInput.d.mts

@@ -1,8 +1,8 @@
 import { HotkeyInputProps } from "./type.mjs";
-import * as react50 from "react";
+import * as react63 from "react";
 
 //#region src/HotkeyInput/HotkeyInput.d.ts
-declare const HotkeyInput: react50.NamedExoticComponent<HotkeyInputProps>;
+declare const HotkeyInput: react63.NamedExoticComponent<HotkeyInputProps>;
 //#endregion
 export { HotkeyInput };
 //# sourceMappingURL=HotkeyInput.d.mts.map

package/es/Icon/Icon.d.mts

@@ -1,8 +1,8 @@
 import { IconProps } from "./type.mjs";
-import * as react53 from "react";
+import * as react38 from "react";
 
 //#region src/Icon/Icon.d.ts
-declare const Icon: react53.NamedExoticComponent<IconProps>;
+declare const Icon: react38.NamedExoticComponent<IconProps>;
 //#endregion
 export { Icon };
 //# sourceMappingURL=Icon.d.mts.map

package/es/Icon/components/IconProvider.d.mts

@@ -1,11 +1,11 @@
 import { IconProps } from "../type.mjs";
-import * as react51 from "react";
+import * as react36 from "react";
 import { ReactNode } from "react";
 
 //#region src/Icon/components/IconProvider.d.ts
 type IconContentConfig = Omit<IconProps, 'icon' | 'ref'>;
-declare const IconContext: react51.Context<IconContentConfig>;
-declare const IconProvider: react51.NamedExoticComponent<{
+declare const IconContext: react36.Context<IconContentConfig>;
+declare const IconProvider: react36.NamedExoticComponent<{
   children: ReactNode;
   config?: IconContentConfig;
 }>;

package/es/Image/PreviewGroup.d.mts

@@ -1,8 +1,8 @@
 import { PreviewGroupProps } from "./type.mjs";
-import * as react49 from "react";
+import * as react32 from "react";
 
 //#region src/Image/PreviewGroup.d.ts
-declare const PreviewGroup: react49.NamedExoticComponent<PreviewGroupProps>;
+declare const PreviewGroup: react32.NamedExoticComponent<PreviewGroupProps>;
 //#endregion
 export { PreviewGroup };
 //# sourceMappingURL=PreviewGroup.d.mts.map

package/es/ImageSelect/ImageSelect.d.mts

@@ -1,8 +1,8 @@
 import { ImageSelectProps } from "./type.mjs";
-import * as react124 from "react";
+import * as react123 from "react";
 
 //#region src/ImageSelect/ImageSelect.d.ts
-declare const ImageSelect: react124.NamedExoticComponent<ImageSelectProps>;
+declare const ImageSelect: react123.NamedExoticComponent<ImageSelectProps>;
 //#endregion
 export { ImageSelect };
 //# sourceMappingURL=ImageSelect.d.mts.map

package/es/Input/Input.d.mts

@@ -1,8 +1,8 @@
 import { InputProps } from "./type.mjs";
-import * as react148 from "react";
+import * as react129 from "react";
 
 //#region src/Input/Input.d.ts
-declare const Input: react148.NamedExoticComponent<InputProps>;
+declare const Input: react129.NamedExoticComponent<InputProps>;
 //#endregion
 export { Input };
 //# sourceMappingURL=Input.d.mts.map

package/es/Input/InputNumber.d.mts

@@ -1,8 +1,8 @@
 import { InputNumberProps } from "./type.mjs";
-import * as react149 from "react";
+import * as react130 from "react";
 
 //#region src/Input/InputNumber.d.ts
-declare const InputNumber: react149.NamedExoticComponent<InputNumberProps>;
+declare const InputNumber: react130.NamedExoticComponent<InputNumberProps>;
 //#endregion
 export { InputNumber };
 //# sourceMappingURL=InputNumber.d.mts.map

package/es/Input/InputOPT.d.mts

@@ -1,8 +1,8 @@
 import { InputOPTProps } from "./type.mjs";
-import * as react150 from "react";
+import * as react131 from "react";
 
 //#region src/Input/InputOPT.d.ts
-declare const InputOPT: react150.NamedExoticComponent<InputOPTProps>;
+declare const InputOPT: react131.NamedExoticComponent<InputOPTProps>;
 //#endregion
 export { InputOPT };
 //# sourceMappingURL=InputOPT.d.mts.map

package/es/Input/InputPassword.d.mts

@@ -1,8 +1,8 @@
 import { InputPasswordProps } from "./type.mjs";
-import * as react151 from "react";
+import * as react132 from "react";
 
 //#region src/Input/InputPassword.d.ts
-declare const InputPassword: react151.NamedExoticComponent<InputPasswordProps>;
+declare const InputPassword: react132.NamedExoticComponent<InputPasswordProps>;
 //#endregion
 export { InputPassword };
 //# sourceMappingURL=InputPassword.d.mts.map

package/es/Input/TextArea.d.mts

@@ -1,8 +1,8 @@
 import { TextAreaProps } from "./type.mjs";
-import * as react152 from "react";
+import * as react133 from "react";
 
 //#region src/Input/TextArea.d.ts
-declare const TextArea: react152.NamedExoticComponent<TextAreaProps>;
+declare const TextArea: react133.NamedExoticComponent<TextAreaProps>;
 //#endregion
 export { TextArea };
 //# sourceMappingURL=TextArea.d.mts.map

package/es/Layout/components/LayoutFooter.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react46 from "react";
+import * as react20 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react46.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react20.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

package/es/Layout/components/LayoutHeader.d.mts

@@ -1,8 +1,8 @@
 import { LayoutHeaderProps } from "../type.mjs";
-import * as react48 from "react";
+import * as react19 from "react";
 
 //#region src/Layout/components/LayoutHeader.d.ts
-declare const LayoutHeader: react48.NamedExoticComponent<LayoutHeaderProps>;
+declare const LayoutHeader: react19.NamedExoticComponent<LayoutHeaderProps>;
 //#endregion
 export { LayoutHeader };
 //# sourceMappingURL=LayoutHeader.d.mts.map

package/es/Layout/components/LayoutMain.d.mts

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react47 from "react";
+import * as react22 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react47.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react22.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutMain };
 //# sourceMappingURL=LayoutMain.d.mts.map

package/es/Layout/components/LayoutSidebar.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarProps } from "../type.mjs";
-import * as react43 from "react";
+import * as react21 from "react";
 
 //#region src/Layout/components/LayoutSidebar.d.ts
-declare const LayoutSidebar: react43.NamedExoticComponent<LayoutSidebarProps>;
+declare const LayoutSidebar: react21.NamedExoticComponent<LayoutSidebarProps>;
 //#endregion
 export { LayoutSidebar };
 //# sourceMappingURL=LayoutSidebar.d.mts.map

package/es/Layout/components/LayoutSidebarInner.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
-import * as react44 from "react";
+import * as react23 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react44.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react23.NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
 export { LayoutSidebarInner };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

package/es/Layout/components/LayoutToc.d.mts

@@ -1,8 +1,8 @@
 import { LayoutTocProps } from "../type.mjs";
-import * as react45 from "react";
+import * as react24 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react45.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react24.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react40 from "react";
+import * as react33 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react40.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react33.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/LobeSelect/LobeSelect.d.mts

@@ -1,8 +1,8 @@
 import { LobeSelectProps } from "./type.mjs";
-import * as react39 from "react";
+import * as react14 from "react";
 
 //#region src/LobeSelect/LobeSelect.d.ts
-declare const LobeSelect: react39.NamedExoticComponent<LobeSelectProps<any>>;
+declare const LobeSelect: react14.NamedExoticComponent<LobeSelectProps<any>>;
 //#endregion
 export { LobeSelect };
 //# sourceMappingURL=LobeSelect.d.mts.map

package/es/LobeSelect/atoms.d.mts

@@ -1,16 +1,16 @@
 import { LobeSelectSize, LobeSelectVariant } from "./type.mjs";
 import { LOBE_SELECT_CONTAINER_ATTR } from "./constants.mjs";
-import * as react35 from "react";
+import * as react15 from "react";
 import { ComponentProps, ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _base_ui_react_select0 from "@base-ui/react/select";
 import { Select } from "@base-ui/react/select";
 import * as node_modules__base_ui_react_esm_separator_Separator0 from "node_modules/@base-ui/react/esm/separator/Separator";
 
 //#region src/LobeSelect/atoms.d.ts
 declare const LobeSelectRoot: typeof Select.Root;
-declare const LobeSelectBackdrop: react35.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react35.RefAttributes<HTMLDivElement>>;
-declare const LobeSelectSeparator: react35.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react35.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectBackdrop: react15.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react15.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectSeparator: react15.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react15.RefAttributes<HTMLDivElement>>;
 type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
   children: ComponentProps<typeof Select.Trigger>['children'];
   shadow?: boolean;
@@ -27,7 +27,7 @@ declare const LobeSelectTrigger: {
     variant,
     ref: refProp,
     ...rest
-  }: LobeSelectTriggerProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectTriggerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectIconProps = ComponentProps<typeof Select.Icon>;
@@ -35,7 +35,7 @@ declare const LobeSelectIcon: {
   ({
     className,
     ...rest
-  }: LobeSelectIconProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectIconProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectValueProps = ComponentProps<typeof Select.Value>;
@@ -43,7 +43,7 @@ declare const LobeSelectValue: {
   ({
     className,
     ...rest
-  }: LobeSelectValueProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectValueProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectPortalProps = ComponentProps<typeof Select.Portal> & {
@@ -56,7 +56,7 @@ declare const LobeSelectPortal: {
   ({
     container,
     ...rest
-  }: LobeSelectPortalProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectPortalProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectPositionerProps = ComponentProps<typeof Select.Positioner>;
@@ -68,7 +68,7 @@ declare const LobeSelectPositioner: {
     side,
     sideOffset,
     ...rest
-  }: LobeSelectPositionerProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectPositionerProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectPopupProps = ComponentProps<typeof Select.Popup>;
@@ -76,7 +76,7 @@ declare const LobeSelectPopup: {
   ({
     className,
     ...rest
-  }: LobeSelectPopupProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectPopupProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectListProps = ComponentProps<typeof Select.List>;
@@ -84,7 +84,7 @@ declare const LobeSelectList: {
   ({
     className,
     ...rest
-  }: LobeSelectListProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectListProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemProps = ComponentProps<typeof Select.Item>;
@@ -92,7 +92,7 @@ declare const LobeSelectItem: {
   ({
     className,
     ...rest
-  }: LobeSelectItemProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectItemProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemTextProps = ComponentProps<typeof Select.ItemText>;
@@ -100,7 +100,7 @@ declare const LobeSelectItemText: {
   ({
     className,
     ...rest
-  }: LobeSelectItemTextProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectItemTextProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
@@ -108,7 +108,7 @@ declare const LobeSelectItemIndicator: {
   ({
     className,
     ...rest
-  }: LobeSelectItemIndicatorProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectItemIndicatorProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupProps = ComponentProps<typeof Select.Group>;
@@ -116,7 +116,7 @@ declare const LobeSelectGroup: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectGroupProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
@@ -124,7 +124,7 @@ declare const LobeSelectGroupLabel: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupLabelProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectGroupLabelProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
@@ -132,7 +132,7 @@ declare const LobeSelectScrollUpArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollUpArrowProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectScrollUpArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
@@ -140,7 +140,7 @@ declare const LobeSelectScrollDownArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollDownArrowProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectScrollDownArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 type LobeSelectArrowProps = ComponentProps<typeof Select.Arrow>;
@@ -148,7 +148,7 @@ declare const LobeSelectArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectArrowProps): react_jsx_runtime22.JSX.Element;
+  }: LobeSelectArrowProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react54 from "react";
+import * as react12 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react54.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react12.NamedExoticComponent<MarkdownProps>;
 //#endregion
 export { Markdown };
 //# sourceMappingURL=Markdown.d.mts.map

package/es/Markdown/Typography.d.mts

@@ -1,8 +1,8 @@
 import { TypographyProps } from "./type.mjs";
-import * as react55 from "react";
+import * as react13 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react55.NamedExoticComponent<TypographyProps>;
+declare const Typography: react13.NamedExoticComponent<TypographyProps>;
 //#endregion
 export { Typography };
 //# sourceMappingURL=Typography.d.mts.map