@bioturing/components 0.19.0 → 0.20.0

package/dist/components/{Upload → upload}/item.js

@@ -1,12 +1,13 @@
+"use client";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import n from "antd/es/flex";
-import g from "antd/es/progress";
-import { Trash as u } from "@bioturing/assets";
-import { Truncate as f } from "../Truncate/component.js";
+import u from "antd/es/progress";
+import { Trash as g } from "@bioturing/assets";
+import { Truncate as f } from "../truncate/component.js";
 import { getUploadFileIcon as h } from "./utils.js";
 import { useCls as x } from "../utils/antdUtils.js";
 import { clsx as N } from "../utils/cn.js";
-import { IconButton as v } from "../IconButton/component.js";
+import { IconButton as v } from "../icon-button/component.js";
 const U = ({
   fileName: t,
   fileType: s,
@@ -49,7 +50,7 @@ const U = ({
                 children: [
                   /* @__PURE__ */ e(f, { position: "middle", children: t }),
                   /* @__PURE__ */ e(
-                    g,
+                    u,
                     {
                       percent: d,
                       size: "small",
@@ -66,7 +67,7 @@ const U = ({
                 v,
                 {
                   label: "Remove",
-                  children: /* @__PURE__ */ e(u, { size: 16 }),
+                  children: /* @__PURE__ */ e(g, { size: 16 }),
                   onClick: c,
                   size: "small"
                 }

package/dist/components/upload/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../../../src/components/upload/item.tsx"],"sourcesContent":["\"use client\";\nimport Flex from \"antd/es/flex\";\nimport Progress from \"antd/es/progress\";\nimport { type ProgressProps } from \"antd/es/progress\";\nimport { Trash } from \"@bioturing/assets\";\nimport { IconButton } from \"../icon-button\";\nimport { Truncate } from \"../truncate/component\";\nimport { clsx, useCls } from \"../utils\";\nimport { getUploadFileIcon } from \"./utils\";\n\nexport type UploadFileStatus =\n  | \"error\"\n  | \"done\"\n  | \"uploading\"\n  | \"removed\"\n  | \"pending\";\n\nexport interface UploadItemProps {\n  fileName: string;\n  fileType?: string;\n  status?: UploadFileStatus;\n  percent?: number;\n  removable?: boolean;\n  onRemove?: () => void;\n  extraActions?: React.ReactNode;\n}\n\nexport const UploadItem = ({\n  fileName,\n  fileType,\n  status = \"pending\",\n  percent,\n  removable = true,\n  onRemove,\n  extraActions,\n}: UploadItemProps) => {\n  const cls = useCls();\n  const showPercent = Math.round(percent || 0);\n  const statusWithProgress: Record<UploadFileStatus, ProgressProps[\"status\"]> =\n    {\n      done: \"success\",\n      error: \"exception\",\n      uploading: \"active\",\n      removed: \"normal\",\n      pending: \"normal\",\n    };\n  return (\n    <Flex\n      className={clsx(cls(\"upload-item\"))}\n      justify=\"space-between\"\n      align=\"center\"\n      data-error={status === \"error\"}\n    >\n      <Flex\n        align=\"center\"\n        gap={16}\n        flex={1}\n        className={cls(\"upload-item-content\")}\n      >\n        <span className={cls(\"upload-item-icon\")}>\n          {getUploadFileIcon(fileType)}\n        </span>\n        <Flex\n          align=\"start\"\n          vertical\n          flex={1}\n          className={cls(\"upload-item-name-progress\")}\n        >\n          <Truncate position=\"middle\">{fileName}</Truncate>\n          <Progress\n            percent={showPercent}\n            size=\"small\"\n            className={cls(\"upload-item-progress\")}\n            status={\n              status && status in statusWithProgress\n                ? statusWithProgress[status]\n                : \"normal\"\n            }\n          />\n        </Flex>\n        <Flex gap={8} align=\"center\">\n          {extraActions}\n          {removable && (\n            <IconButton\n              label=\"Remove\"\n              children={<Trash size={16} />}\n              onClick={onRemove}\n              size=\"small\"\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n"],"names":["UploadItem","fileName","fileType","status","percent","removable","onRemove","extraActions","cls","useCls","showPercent","statusWithProgress","jsx","Flex","clsx","jsxs","getUploadFileIcon","Truncate","Progress","IconButton","Trash"],"mappings":";;;;;;;;;;AA2BO,MAAMA,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,cAAAC;AACF,MAAuB;AACrB,QAAMC,IAAMC,EAAO,GACbC,IAAc,KAAK,MAAMN,KAAW,CAAC,GACrCO,IACJ;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAEA,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKN,EAAI,aAAa,CAAC;AAAA,MAClC,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,cAAYL,MAAW;AAAA,MAEvB,UAAA,gBAAAY;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,KAAK;AAAA,UACL,MAAM;AAAA,UACN,WAAWL,EAAI,qBAAqB;AAAA,UAEpC,UAAA;AAAA,YAAA,gBAAAI,EAAC,UAAK,WAAWJ,EAAI,kBAAkB,GACpC,UAAAQ,EAAkBd,CAAQ,GAC7B;AAAA,YACA,gBAAAa;AAAA,cAACF;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,UAAQ;AAAA,gBACR,MAAM;AAAA,gBACN,WAAWL,EAAI,2BAA2B;AAAA,gBAE1C,UAAA;AAAA,kBAAC,gBAAAI,EAAAK,GAAA,EAAS,UAAS,UAAU,UAAShB,GAAA;AAAA,kBACtC,gBAAAW;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACC,SAASR;AAAA,sBACT,MAAK;AAAA,sBACL,WAAWF,EAAI,sBAAsB;AAAA,sBACrC,QACEL,KAAUA,KAAUQ,IAChBA,EAAmBR,CAAM,IACzB;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAER;AAAA,cAAA;AAAA,YACF;AAAA,YACC,gBAAAY,EAAAF,GAAA,EAAK,KAAK,GAAG,OAAM,UACjB,UAAA;AAAA,cAAAN;AAAA,cACAF,KACC,gBAAAO;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,UAAU,gBAAAP,EAACQ,GAAM,EAAA,MAAM,GAAI,CAAA;AAAA,kBAC3B,SAASd;AAAA,kBACT,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACP,EAEJ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/{Upload → upload}/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Upload/utils.tsx"],"sourcesContent":["import { File, Folder } from \"@bioturing/assets\";\n\nexport const getUploadFileIcon = (fileType?: string) => {\n  return fileType === \"folder\" ? (\n    <Folder size={20} weight=\"fill\" />\n  ) : (\n    <File size={20} weight=\"fill\" />\n  );\n};\n"],"names":["getUploadFileIcon","fileType","jsx","Folder","File"],"mappings":";;AAEa,MAAAA,IAAoB,CAACC,MACzBA,MAAa,WACjB,gBAAAC,EAAAC,GAAA,EAAO,MAAM,IAAI,QAAO,OAAO,CAAA,IAE/B,gBAAAD,EAAAE,GAAA,EAAK,MAAM,IAAI,QAAO,QAAO;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/upload/utils.tsx"],"sourcesContent":["import { File, Folder } from \"@bioturing/assets\";\n\nexport const getUploadFileIcon = (fileType?: string) => {\n  return fileType === \"folder\" ? (\n    <Folder size={20} weight=\"fill\" />\n  ) : (\n    <File size={20} weight=\"fill\" />\n  );\n};\n"],"names":["getUploadFileIcon","fileType","jsx","Folder","File"],"mappings":";;AAEa,MAAAA,IAAoB,CAACC,MACzBA,MAAa,WACjB,gBAAAC,EAAAC,GAAA,EAAO,MAAM,IAAI,QAAO,OAAO,CAAA,IAE/B,gBAAAD,EAAAE,GAAA,EAAK,MAAM,IAAI,QAAO,QAAO;"}

package/dist/components/utils/WithRenderProp.js

@@ -0,0 +1,15 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { useRender as s } from "@base-ui-components/react/use-render";
+const i = (e, r) => {
+  const { render: n, as: o = "div", ...t } = e;
+  return s({
+    render: n || ((d) => /* @__PURE__ */ m(o, { ...d })),
+    props: t,
+    ref: r
+  });
+}, h = p(i);
+export {
+  h as WithRenderProp
+};
+//# sourceMappingURL=WithRenderProp.js.map

package/dist/components/utils/WithRenderProp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithRenderProp.js","sources":["../../../src/components/utils/WithRenderProp.tsx"],"sourcesContent":["import React, { forwardRef, JSX } from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\n\n// Utility type to map a tag name to its DOM element type\ntype ElementTypeToDOMType<T extends React.ElementType> =\n  T extends keyof JSX.IntrinsicElements\n    ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<\n        infer Props,\n        infer Element\n      >\n      ? Element\n      : never\n    : never;\n\nexport type WithRenderPropProps<T extends React.ElementType = \"div\"> =\n  React.ComponentPropsWithoutRef<T> & {\n    render?: useRender.RenderProp;\n    as?: T;\n  };\n\nconst WithRenderPropInner = <T extends React.ElementType = \"div\">(\n  props: WithRenderPropProps<T>,\n  ref: React.ForwardedRef<T>\n) => {\n  const { render, as: Tag = \"div\", ...etc } = props;\n  const renderedElement = useRender({\n    render: render || ((props) => <Tag {...props} />),\n    props: etc,\n    ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n  });\n  return renderedElement;\n};\n\nexport const WithRenderProp = forwardRef(WithRenderPropInner) as <\n  T extends React.ElementType = \"div\"\n>(\n  props: WithRenderPropProps<T> & { ref?: React.Ref<ElementTypeToDOMType<T>> }\n) => ReturnType<typeof WithRenderPropInner>;\n"],"names":["WithRenderPropInner","props","ref","render","Tag","etc","useRender","jsx","WithRenderProp","forwardRef"],"mappings":";;;AAoBA,MAAMA,IAAsB,CAC1BC,GACAC,MACG;AACH,QAAM,EAAE,QAAAC,GAAQ,IAAIC,IAAM,OAAO,GAAGC,MAAQJ;AAMrC,SALiBK,EAAU;AAAA,IAChC,QAAQH,MAAW,CAACF,MAAW,gBAAAM,EAAAH,GAAA,EAAK,GAAGH,EAAO,CAAA;AAAA,IAC9C,OAAOI;AAAA,IACP,KAAAH;AAAA,EAAA,CACD;AAEH,GAEaM,IAAiBC,EAAWT,CAAmB;"}

package/dist/components/{VerticalCollapsiblePanel → vertical-collapsible-panel}/component.js

@@ -4,13 +4,13 @@ import { useState as I, useRef as g, useEffect as j } from "react";
 import { Collapsible as n } from "@base-ui-components/react";
 import { MinusCircle as M, PlusCircle as R } from "@bioturing/assets";
 import { useControlledState as S } from "../hooks/useControlledState.js";
-import { Truncate as A } from "../Truncate/component.js";
 import './style.css';/* empty css          */
-import { Transition as E } from "../Transition/component.js";
-import { useCls as T } from "../utils/antdUtils.js";
-import { useAnimationsFinished as V } from "../hooks/base-ui.js";
+import { Transition as A } from "../transition/component.js";
+import { useCls as E } from "../utils/antdUtils.js";
+import { useAnimationsFinished as T } from "../hooks/base-ui.js";
 import { clsx as a } from "../utils/cn.js";
-import { IconButton as f } from "../IconButton/component.js";
+import { Truncate as V } from "../truncate/component.js";
+import { IconButton as f } from "../icon-button/component.js";
 const X = ({
   children: h,
   title: i,
@@ -27,11 +27,11 @@ const X = ({
   useTitleAsTrigger: c = !0,
   keepMounted: w = !1
 }) => {
-  const e = T(), [s, t] = S(
+  const e = E(), [s, t] = S(
     u,
     N,
     b
-  ), [k, B] = I(s), m = g(null), d = V(m, {
+  ), [k, B] = I(s), m = g(null), d = T(m, {
     waitForNextTick: s
   });
   return j(() => {
@@ -63,7 +63,7 @@ const X = ({
                     style: c ? {
                       cursor: "pointer"
                     } : {},
-                    children: typeof i == "string" ? /* @__PURE__ */ l(A, { children: i }) : i
+                    children: typeof i == "string" ? /* @__PURE__ */ l(V, { children: i }) : i
                   }
                 ),
                 /* @__PURE__ */ r("div", { className: e("collapsible-panel-header-actions"), children: [
@@ -108,7 +108,7 @@ const X = ({
             } : {},
             keepMounted: w,
             children: /* @__PURE__ */ l(
-              E,
+              A,
               {
                 show: k,
                 className: a(e("collapsible-panel-body"), v),

package/dist/components/vertical-collapsible-panel/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/components/vertical-collapsible-panel/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { Collapsible } from \"@base-ui-components/react\";\nimport { MinusCircle, PlusCircle } from \"@bioturing/assets\";\nimport { useCls, clsx } from \"../utils\";\nimport { useControlledState } from \"../hooks/useControlledState\";\nimport { Transition } from \"../transition\";\nimport { useAnimationsFinished } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { Truncate } from \"../truncate\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface VerticalCollapsiblePanelProps {\n  /**\n   * The content of the panel that will be toggled\n   */\n  children: React.ReactNode;\n  /**\n   * The header of the panel\n   */\n  title?: React.ReactNode;\n  /**\n   * Indicate if the title should be used as a trigger\n   * @default true\n   */\n  useTitleAsTrigger?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   * Only show when panel is open\n   */\n  afterTitle?: React.ReactNode;\n\n  /**\n   * Whether the panel is expanded by default\n   */\n  defaultOpen?: boolean;\n  /**\n   * Control the open state (makes the component controlled)\n   */\n  open?: boolean;\n  /**\n   * Callback when the open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional class name for the component\n   */\n  className?: string;\n  /**\n   * Addtional class name for the header\n   */\n  headerClassName?: string;\n  /**\n   * Addtional class name for the header\n   */\n  headerInnerClassName?: string;\n  /**\n   * Addtional class name for the body\n   * */\n  bodyClassName?: string;\n  /**\n   * Actions to be displayed in the header\n   * Only show when panel is open\n   */\n  actions?: React.ReactNode;\n  /**\n   * Keeping it as mounted, just hide the content\n   */\n  keepMounted?: boolean;\n}\n\nexport const VerticalCollapsiblePanel: React.FC<\n  VerticalCollapsiblePanelProps\n> = ({\n  children,\n  title,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  headerClassName,\n  headerInnerClassName,\n  bodyClassName,\n  contentPadding = \"16px\",\n  afterTitle,\n  actions,\n  useTitleAsTrigger = true,\n  keepMounted = false,\n}) => {\n  const cls = useCls();\n  // Use useControlledState for open state\n  const [isOpen, setIsOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    defaultOpen\n  );\n  const [isBodyOpen, setIsBodyOpen] = useState(isOpen);\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: isOpen,\n  });\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      setIsBodyOpen(isOpen);\n    });\n  }, [isOpen, runOnceAnimationsFinish]);\n  return (\n    <Collapsible.Root\n      className={clsx(cls(\"collapsible-panel\"), className)}\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      ref={ref}\n    >\n      <div className={clsx(cls(\"collapsible-panel-header\"), headerClassName)}>\n        <div\n          className={clsx(\n            cls(\"collapsible-panel-header-inner\"),\n            headerInnerClassName\n          )}\n        >\n          <div\n            className={cls(\"collapsible-panel-header-text\")}\n            onClick={\n              useTitleAsTrigger ? () => setIsOpen((open) => !open) : undefined\n            }\n            style={\n              useTitleAsTrigger\n                ? {\n                    cursor: \"pointer\",\n                  }\n                : {}\n            }\n          >\n            {typeof title == \"string\" ? <Truncate>{title}</Truncate> : title}\n          </div>\n          <div className={cls(\"collapsible-panel-header-actions\")}>\n            {isOpen && actions}\n            <Collapsible.Trigger\n              className={cls(\"collapsible-panel-trigger\")}\n              render={\n                isOpen ? (\n                  <IconButton>\n                    <MinusCircle\n                      weight=\"bold\"\n                      className={clsx(\n                        cls(\"collapsible-panel-caret\"),\n                        isOpen && cls(\"collapsible-panel-caret-open\")\n                      )}\n                    />\n                  </IconButton>\n                ) : (\n                  <IconButton>\n                    <PlusCircle\n                      weight=\"bold\"\n                      className={clsx(\n                        cls(\"collapsible-panel-caret\"),\n                        isOpen && cls(\"collapsible-panel-caret-open\")\n                      )}\n                    />\n                  </IconButton>\n                )\n              }\n            ></Collapsible.Trigger>\n          </div>\n        </div>\n        {isOpen && afterTitle && (\n          <div className={cls(\"collapsible-panel-header-after\")}>\n            {afterTitle}\n          </div>\n        )}\n      </div>\n      <Collapsible.Panel\n        className={cls(\"collapsible-panel-content\")}\n        style={\n          (typeof contentPadding != \"undefined\"\n            ? {\n                \"--ds-content-padding\":\n                  contentPadding === false || contentPadding === 0\n                    ? \"0\"\n                    : typeof contentPadding == \"number\"\n                    ? `${contentPadding}px`\n                    : contentPadding,\n              }\n            : {}) as React.CSSProperties\n        }\n        keepMounted={keepMounted}\n      >\n        <Transition\n          show={isBodyOpen}\n          className={clsx(cls(\"collapsible-panel-body\"), bodyClassName)}\n          keepMounted\n        >\n          <div>{children}</div>\n        </Transition>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n};\n"],"names":["VerticalCollapsiblePanel","children","title","defaultOpen","controlledOpen","onOpenChange","className","headerClassName","headerInnerClassName","bodyClassName","contentPadding","afterTitle","actions","useTitleAsTrigger","keepMounted","cls","useCls","isOpen","setIsOpen","useControlledState","isBodyOpen","setIsBodyOpen","useState","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","useEffect","jsxs","Collapsible","clsx","jsx","open","Truncate","IconButton","MinusCircle","PlusCircle","Transition"],"mappings":"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"}

package/dist/index.d.ts

@@ -71,6 +71,7 @@ import { default as default_8 } from 'antd/es/form/Form';
 import { default as default_9 } from 'antd/es/form/hooks/useFormInstance';
 import { Descriptions } from 'antd';
 import { DescriptionsProps } from 'antd';
+import { Dialog } from '@base-ui-components/react';
 import { DirectoryTreeProps as DirectoryTreeProps_2 } from 'antd/es/tree';
 import { Divider } from 'antd';
 import { DividerProps } from 'antd';
@@ -242,6 +243,7 @@ import { default as useApp } from 'antd/es/app/useApp';
 import { useForm } from 'antd/es/form/Form';
 import { useLayoutEffect } from 'react';
 import { useRender } from '@base-ui-components/react/use-render';
+import { useRender as useRender_2 } from '@base-ui-components/react';
 import { useWatch } from 'antd/es/form/Form';
 import { version } from 'antd';
 import { Watermark } from 'antd';
@@ -425,6 +427,25 @@ export declare interface CheckInfo<TreeDataType extends BasicDataNode = TreeData
     halfCheckedKeys?: Key[];
 }
 
+declare type Children = {
+    children?: default_2.ReactNode;
+};
+
+export declare const ChoiceList: <M extends boolean = false>({ items, multiple, value, onChange, searchProps, }: ChoiceListProps<M>) => JSX.Element;
+
+export declare type ChoiceListItem = {
+    label: React.ReactNode;
+    value?: string;
+};
+
+export declare interface ChoiceListProps<M extends boolean = false> {
+    items: ChoiceListItem[];
+    multiple?: M;
+    value?: M extends true ? string[] : string;
+    onChange?: (value: M extends true ? string[] : string) => void;
+    searchProps?: React.ComponentProps<typeof pkg.Input>;
+}
+
 export declare interface ClassArray extends Array<ClassValue> {
 }
 
@@ -904,6 +925,8 @@ export declare type ColorTokenValue = {
 
 export { ColProps }
 
+declare type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
+
 export declare type ComponentCategory = "Actions" | "General" | "Layout" | "Navigation" | "Data Entry" | "Data Display" | "Feedback" | "Overlay" | "Utility";
 
 /**
@@ -928,6 +951,14 @@ export declare type ComponentMetadata = {
 };
 
 export declare const componentMetadata: {
+    ChoiceList: {
+        name: string;
+        link: string;
+        base: "custom";
+        refinements: string[];
+        category: "Data Entry";
+        description: string;
+    };
     DragDrop: {
         name: string;
         link: string;
@@ -1333,6 +1364,8 @@ export { Divider }
 
 export { DividerProps }
 
+declare type DivProps = WithRenderPropProps<"div">;
+
 export declare type DragData = unknown;
 
 /**
@@ -1523,7 +1556,7 @@ export { DrawerProps }
 
 export { Dropdown }
 
-export declare const DropdownMenu: ({ children, items, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, className, itemRender, classNames, }: DropdownMenuProps) => JSX.Element;
+export declare const DropdownMenu: ({ children, items, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, className, itemRender, classNames, size, showSearch, searchProps, }: DropdownMenuProps) => JSX.Element;
 
 export declare type DropdownMenuItemType = {
     type: "item";
@@ -1592,6 +1625,20 @@ export declare interface DropdownMenuProps {
      * Custom render function for menu items
      */
     itemRender?: (item: DropdownMenuItemType, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    /**
+     * Whether to show search input
+     * @default false
+     */
+    showSearch?: boolean;
+    /**
+     * Size of the dropdown menu
+     * @default "auto"
+     */
+    size?: "auto" | keyof typeof PopupPanelSize;
+    /**
+     * Search placeholder
+     */
+    searchProps?: Omit<React.ComponentProps<typeof pkg.Input>, "size" | "ref">;
 }
 
 export { DropDownProps }
@@ -1616,6 +1663,8 @@ export declare interface DSRootProps extends ThemeProviderProps {
     appendClassesTo?: string | HTMLElement;
 }
 
+declare type ElementTypeToDOMType<T extends default_2.ElementType> = T extends keyof JSX_2.IntrinsicElements ? JSX_2.IntrinsicElements[T] extends default_2.DetailedHTMLProps<infer Props, infer Element> ? Element : never : never;
+
 export declare const Empty: ({ image, size, className, ...rest }: EmptyProps) => JSX.Element;
 
 export declare const EmptyIcon: React_2.FC<React_2.ComponentPropsWithRef<"svg">>;
@@ -1973,7 +2022,7 @@ export declare function moveTypingCursorToEnd(contentEditableElement: HTMLElemen
 export declare const Nav: {
     Item: <T extends HTMLElement>(props: NavItemProps & {
         ref?: React.Ref<T>;
-    }) => ReturnType<(<T_1 extends HTMLElement>({ icon, active, render, onClick, className, children, changeIconWeightOnActive, ...rest }: NavItemProps, ref: React.Ref<T_1>) => null)>;
+    }) => ReturnType<(<T_1 extends HTMLElement>({ icon, active, render, className, children, changeIconWeightOnActive, ...rest }: NavItemProps, ref: React.Ref<T_1>) => null)>;
     Heading: ({ children, className, ...rest }: NavHeadingProps) => JSX.Element;
     Group: ForwardRefExoticComponent<NavGroupProps & RefAttributes<HTMLDivElement>>;
 };
@@ -2040,6 +2089,167 @@ declare const PasswordInner: (props: PasswordProps, ref: React.Ref<InputRef>) =>
 export declare interface PasswordProps extends PasswordProps_2 {
 }
 
+declare const pkg: default_2.ForwardRefExoticComponent<Children & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    render?: useRender_2.RenderProp;
+    as?: "div";
+} & {
+    /**
+     * Accessible label for this command menu. Not shown visibly.
+     */
+    label?: string;
+    /**
+     * Optionally set to `false` to turn off the automatic filtering and sorting.
+     * If `false`, you must conditionally render valid items based on the search query yourself.
+     */
+    shouldFilter?: boolean;
+    /**
+     * Custom filter function for whether each command menu item should matches the given search query.
+     * It should return a number between 0 and 1, with 1 being the best match and 0 being hidden entirely.
+     * By default, uses the `command-score` library.
+     */
+    filter?: CommandFilter;
+    /**
+     * Optional default item value when it is initially rendered.
+     */
+    defaultValue?: string;
+    /**
+     * Optional controlled state of the selected command menu item.
+     */
+    value?: string;
+    /**
+     * Event handler called when the selected item of the menu changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Optionally set to `true` to turn on looping around when using the arrow keys.
+     */
+    loop?: boolean;
+    /**
+     * Optionally set to `true` to disable selection via pointer events.
+     */
+    disablePointerSelection?: boolean;
+    /**
+     * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.
+     */
+    vimBindings?: boolean;
+} & default_2.RefAttributes<HTMLDivElement>> & {
+    List: default_2.ForwardRefExoticComponent<Children & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        render?: useRender_2.RenderProp;
+        as?: "div";
+    } & {
+        /**
+         * Accessible label for this List of suggestions. Not shown visibly.
+         */
+        label?: string;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    Item: default_2.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "onSelect" | "disabled"> & {
+        /** Whether this item is currently disabled. */
+        disabled?: boolean;
+        /** Event handler for when this item is selected, either via click or keyboard selection. */
+        onSelect?: (value: string) => void;
+        /**
+         * A unique value for this item.
+         * If no value is provided, it will be inferred from `children` or the rendered `textContent`. If your `textContent` changes between renders, you _must_ provide a stable, unique `value`.
+         */
+        value?: string;
+        /** Optional keywords to match against when filtering. */
+        keywords?: string[];
+        /** Whether this item is forcibly rendered regardless of filtering. */
+        forceMount?: boolean;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    Input: default_2.ForwardRefExoticComponent<Omit<WithRenderPropProps<"input">, "type" | "value" | "onChange"> & {
+        /**
+         * Optional controlled state for the value of the search input.
+         */
+        value?: string;
+        /**
+         * Event handler called when the search value changes.
+         */
+        onValueChange?: (search: string) => void;
+    } & default_2.RefAttributes<HTMLInputElement>>;
+    Group: default_2.ForwardRefExoticComponent<Children & Omit<DivProps, "value" | "heading"> & {
+        /** Optional heading to render for this group. */
+        heading?: default_2.ReactNode;
+        /** If no heading is provided, you must provide a value that is unique for this group. */
+        value?: string;
+        /** Whether this group is forcibly rendered regardless of filtering. */
+        forceMount?: boolean;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    Separator: default_2.ForwardRefExoticComponent<Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        render?: useRender_2.RenderProp;
+        as?: "div";
+    } & {
+        /** Whether this separator should always be rendered. Useful if you disable automatic filtering. */
+        alwaysRender?: boolean;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    Dialog: default_2.ForwardRefExoticComponent<Dialog.Root.Props & Children & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        render?: useRender_2.RenderProp;
+        as?: "div";
+    } & {
+        /**
+         * Accessible label for this command menu. Not shown visibly.
+         */
+        label?: string;
+        /**
+         * Optionally set to `false` to turn off the automatic filtering and sorting.
+         * If `false`, you must conditionally render valid items based on the search query yourself.
+         */
+        shouldFilter?: boolean;
+        /**
+         * Custom filter function for whether each command menu item should matches the given search query.
+         * It should return a number between 0 and 1, with 1 being the best match and 0 being hidden entirely.
+         * By default, uses the `command-score` library.
+         */
+        filter?: CommandFilter;
+        /**
+         * Optional default item value when it is initially rendered.
+         */
+        defaultValue?: string;
+        /**
+         * Optional controlled state of the selected command menu item.
+         */
+        value?: string;
+        /**
+         * Event handler called when the selected item of the menu changes.
+         */
+        onValueChange?: (value: string) => void;
+        /**
+         * Optionally set to `true` to turn on looping around when using the arrow keys.
+         */
+        loop?: boolean;
+        /**
+         * Optionally set to `true` to disable selection via pointer events.
+         */
+        disablePointerSelection?: boolean;
+        /**
+         * Set to `false` to disable ctrl+n/j/p/k shortcuts. Defaults to `true`.
+         */
+        vimBindings?: boolean;
+    } & {
+        /** Provide a className to the Dialog overlay. */
+        overlayClassName?: string;
+        /** Provide a className to the Dialog content. */
+        contentClassName?: string;
+        /** Provide a custom element the Dialog should portal into. */
+        container?: HTMLElement;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    Empty: default_2.ForwardRefExoticComponent<Children & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        render?: useRender_2.RenderProp;
+        as?: "div";
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    Loading: default_2.ForwardRefExoticComponent<Children & Omit<default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        render?: useRender_2.RenderProp;
+        as?: "div";
+    } & {
+        /** Estimated progress of loading asynchronous options. */
+        progress?: number;
+        /**
+         * Accessible label for this loading progressbar. Not shown visibly.
+         */
+        label?: string;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+};
+
 export { Popconfirm }
 
 export { PopconfirmProps }
@@ -3369,4 +3579,15 @@ declare type WithoutHrefProps<E extends ElementType = "button"> = IconButtonBase
     [K in keyof AnchorSpecificProps]?: never;
 };
 
+export declare const WithRenderProp: <T extends default_2.ElementType = "div">(props: WithRenderPropProps<T> & {
+    ref?: default_2.Ref<ElementTypeToDOMType<T>>;
+}) => ReturnType<typeof WithRenderPropInner>;
+
+declare const WithRenderPropInner: <T extends default_2.ElementType = "div">(props: WithRenderPropProps<T>, ref: default_2.ForwardedRef<T>) => null;
+
+export declare type WithRenderPropProps<T extends default_2.ElementType = "div"> = default_2.ComponentPropsWithoutRef<T> & {
+    render?: useRender.RenderProp;
+    as?: T;
+};
+
 export { }