@bioturing/components 0.39.0 → 0.40.1

package/dist/components/utils/WithRenderProp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithRenderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/WithRenderProp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,mBAAmB,CAC7B,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAC9D,MAAM,EACN,OAAO,CACR,IACC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,mBAAmB,GACvB,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE/D,OAAO,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,EACpC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAsC,CAC/D,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE/D,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CAC1C,KACE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"WithRenderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/WithRenderProp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,mBAAmB,CAC7B,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAC9D,MAAM,EACN,OAAO,CACR,IACC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,mBAAmB,GACvB,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE/D,OAAO,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,EACpC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAW3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAsC,CAC/D,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACnC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE/D,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IACrC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;CAC1C,KACE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/components/utils/WithRenderProp.js

@@ -1,5 +1,5 @@
 import { forwardRef as s } from "react";
-import { useRender as m } from "@base-ui-components/react/use-render";
+import { useRender as m } from "@base-ui/react/use-render";
 const p = (e, r) => {
   const { render: t, as: n = "div", state: o, ...d } = e;
   return m({

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

@@ -1 +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\";\nimport { ElementTypeToDOMType } from \"./types\";\n\nexport type WithRenderPropProps<\n  T extends React.ElementType = \"div\",\n  State extends Record<string | number | symbol, unknown> = Record<\n    string,\n    unknown\n  >\n> = React.ComponentPropsWithoutRef<T> & {\n  render?: useRender.RenderProp<State>;\n  as?: T;\n  state?: State;\n};\n\nconst WithRenderPropInner = <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State>,\n  ref: React.ForwardedRef<T>\n) => {\n  const { render, as = \"div\", state, ...etc } = props;\n  const renderedElement = useRender({\n    render: render,\n    props: etc,\n    state,\n    ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n    defaultTagName: as as keyof JSX.IntrinsicElements,\n  });\n  return renderedElement;\n};\n\nexport const WithRenderProp = forwardRef(WithRenderPropInner) as <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State> & {\n    ref?: React.Ref<ElementTypeToDOMType<T>>;\n  }\n) => ReturnType<typeof WithRenderPropInner>;\n"],"names":["WithRenderPropInner","props","ref","render","as","state","etc","useRender","WithRenderProp","forwardRef"],"mappings":";;AAgBA,MAAMA,IAAsB,CAI1BC,GACAC,MACG;AACH,QAAM,EAAE,QAAAC,GAAQ,IAAAC,IAAK,OAAO,OAAAC,GAAO,GAAGC,MAAQL;AAQ9C,SAPwBM,EAAU;AAAA,IAChC,QAAAJ;AAAA,IACA,OAAOG;AAAA,IACP,OAAAD;AAAA,IACA,KAAAH;AAAA,IACA,gBAAgBE;AAAA,EAAA,CACjB;AAEH,GAEaI,IAAiBC,EAAWT,CAAmB;"}
+{"version":3,"file":"WithRenderProp.js","sources":["../../../src/components/utils/WithRenderProp.tsx"],"sourcesContent":["import React, { forwardRef, JSX } from \"react\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { ElementTypeToDOMType } from \"./types\";\n\nexport type WithRenderPropProps<\n  T extends React.ElementType = \"div\",\n  State extends Record<string | number | symbol, unknown> = Record<\n    string,\n    unknown\n  >\n> = React.ComponentPropsWithoutRef<T> & {\n  render?: useRender.RenderProp<State>;\n  as?: T;\n  state?: State;\n};\n\nconst WithRenderPropInner = <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State>,\n  ref: React.ForwardedRef<T>\n) => {\n  const { render, as = \"div\", state, ...etc } = props;\n  const renderedElement = useRender({\n    render: render,\n    props: etc,\n    state,\n    ref: ref as unknown as React.Ref<ElementTypeToDOMType<T>>,\n    defaultTagName: as as keyof JSX.IntrinsicElements,\n  });\n  return renderedElement;\n};\n\nexport const WithRenderProp = forwardRef(WithRenderPropInner) as <\n  T extends React.ElementType = \"div\",\n  State extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: WithRenderPropProps<T, State> & {\n    ref?: React.Ref<ElementTypeToDOMType<T>>;\n  }\n) => ReturnType<typeof WithRenderPropInner>;\n"],"names":["WithRenderPropInner","props","ref","render","as","state","etc","useRender","WithRenderProp","forwardRef"],"mappings":";;AAgBA,MAAMA,IAAsB,CAI1BC,GACAC,MACG;AACH,QAAM,EAAE,QAAAC,GAAQ,IAAAC,IAAK,OAAO,OAAAC,GAAO,GAAGC,MAAQL;AAQ9C,SAPwBM,EAAU;AAAA,IAChC,QAAAJ;AAAA,IACA,OAAOG;AAAA,IACP,OAAAD;AAAA,IACA,KAAAH;AAAA,IACA,gBAAgBE;AAAA,EAAA,CACjB;AAEH,GAEaI,IAAiBC,EAAWT,CAAmB;"}

package/dist/components/utils/index.d.ts

@@ -3,4 +3,5 @@ export * from './client';
 export * from './types';
 export * from './constants';
 export * from './placement';
+export * from './renderProp';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/components/utils/renderProp.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+/**
+ * Utility function to handle render prop patterns with proper TypeScript typing.
+ * Supports both function render props and ReactElement children.
+ *
+ * @param children - Either a render function or a ReactElement
+ * @param props - Props to pass to the render function or merge with the ReactElement
+ * @param state - Optional state to pass to the render function
+ * @returns The rendered element
+ *
+ * @example
+ * // With function children
+ * <Component>
+ *   {(props, state) => <button {...props}>Click me</button>}
+ * </Component>
+ *
+ * @example
+ * // With ReactElement children
+ * <Component>
+ *   <button>Click me</button>
+ * </Component>
+ */
+export declare function createRenderProp<TProps extends object = object, TState = unknown>(children: ((props: TProps, state: TState) => React.ReactElement) | React.ReactElement, props: TProps, state?: TState): React.ReactElement;
+//# sourceMappingURL=renderProp.d.ts.map

package/dist/components/utils/renderProp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderProp.d.ts","sourceRoot":"","sources":["../../../src/components/utils/renderProp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,SAAS,MAAM,GAAG,MAAM,EAC9B,MAAM,GAAG,OAAO,EAEhB,QAAQ,EACJ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,GACtD,KAAK,CAAC,YAAY,EACtB,KAAK,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,GACb,KAAK,CAAC,YAAY,CA0BpB"}

package/dist/components/utils/renderProp.js

@@ -0,0 +1,19 @@
+"use client";
+import n from "react";
+import { clsx as r } from "./cn.js";
+function f(s, e, t) {
+  if (typeof s == "function")
+    return s(e, t);
+  {
+    const a = s, l = "className" in e ? e.className : void 0, o = r(l, a.props.className), { className: N, ...c } = e, { className: i, ...m } = a.props;
+    return n.cloneElement(a, {
+      ...c,
+      ...m,
+      className: o
+    });
+  }
+}
+export {
+  f as createRenderProp
+};
+//# sourceMappingURL=renderProp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderProp.js","sources":["../../../src/components/utils/renderProp.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { clsx } from \"./cn\";\nimport type { ClassValue } from \"./types\";\n\n/**\n * Utility function to handle render prop patterns with proper TypeScript typing.\n * Supports both function render props and ReactElement children.\n *\n * @param children - Either a render function or a ReactElement\n * @param props - Props to pass to the render function or merge with the ReactElement\n * @param state - Optional state to pass to the render function\n * @returns The rendered element\n *\n * @example\n * // With function children\n * <Component>\n *   {(props, state) => <button {...props}>Click me</button>}\n * </Component>\n *\n * @example\n * // With ReactElement children\n * <Component>\n *   <button>Click me</button>\n * </Component>\n */\nexport function createRenderProp<\n  TProps extends object = object,\n  TState = unknown\n>(\n  children:\n    | ((props: TProps, state: TState) => React.ReactElement)\n    | React.ReactElement,\n  props: TProps,\n  state?: TState\n): React.ReactElement {\n  if (typeof children === \"function\") {\n    return children(props, state as TState);\n  } else {\n    const childElement = children as React.ReactElement<{\n      className?: ClassValue;\n    }>;\n    const propsClassName =\n      \"className\" in props ? (props.className as ClassValue) : undefined;\n    const mergedClassName = clsx(propsClassName, childElement.props.className);\n\n    // Remove className from both props and child props to handle it separately\n    const { className: _propsClassName, ...propsWithoutClassName } =\n      props as any;\n    const { className: _childClassName, ...childPropsWithoutClassName } =\n      childElement.props;\n\n    // Spread trigger props first, then child props on top to preserve child's explicit props\n    // This ensures that props like 'type', 'size', etc. from the child element are preserved\n    const clonedElement = React.cloneElement(childElement, {\n      ...propsWithoutClassName,\n      ...childPropsWithoutClassName,\n      className: mergedClassName,\n    });\n    return clonedElement;\n  }\n}\n"],"names":["createRenderProp","children","props","state","childElement","propsClassName","mergedClassName","clsx","_propsClassName","propsWithoutClassName","_childClassName","childPropsWithoutClassName","React"],"mappings":";;;AA0BO,SAASA,EAIdC,GAGAC,GACAC,GACoB;AACpB,MAAI,OAAOF,KAAa;AACtB,WAAOA,EAASC,GAAOC,CAAe;AACjC;AACL,UAAMC,IAAeH,GAGfI,IACJ,eAAeH,IAASA,EAAM,YAA2B,QACrDI,IAAkBC,EAAKF,GAAgBD,EAAa,MAAM,SAAS,GAGnE,EAAE,WAAWI,GAAiB,GAAGC,MACrCP,GACI,EAAE,WAAWQ,GAAiB,GAAGC,EAAA,IACrCP,EAAa;AASf,WALsBQ,EAAM,aAAaR,GAAc;AAAA,MACrD,GAAGK;AAAA,MACH,GAAGE;AAAA,MACH,WAAWL;AAAA,IAAA,CACZ;AAAA,EAEH;AACF;"}

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import { useState as S, useRef as A, useEffect as E } from "react";
-import { Collapsible as m } from "@base-ui-components/react";
+import { Collapsible as m } from "@base-ui/react";
 import { MinusCircleIcon as T, PlusCircleIcon as V } from "@bioturing/assets";
 import { useControlledState as $ } from "../hooks/useControlledState.js";
 import './style.css';/* empty css          */

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

@@ -1 +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 {\n  MinusCircle,\n  MinusCircleIcon,\n  PlusCircle,\n  PlusCircleIcon,\n} 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   * Custom expand icon\n   */\n  expandIcon?:\n    | React.ReactNode\n    | ((props: { open: boolean; className?: string }) => React.ReactNode);\n  /**\n   * Custom collapse icon\n   */\n  collapseIcon?:\n    | React.ReactNode\n    | ((props: { open: boolean; className?: string }) => React.ReactNode);\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  expandIcon,\n  collapseIcon,\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  const iconClassName = cls(\n    \"collapsible-panel-caret\",\n    isOpen && cls(\"collapsible-panel-caret-open\")\n  );\n  const expandIconRender =\n    typeof expandIcon === \"function\"\n      ? expandIcon({\n          open: isOpen,\n          className: iconClassName,\n        })\n      : expandIcon;\n  const collapseIconRender =\n    typeof collapseIcon === \"function\"\n      ? collapseIcon({\n          open: isOpen,\n          className: iconClassName,\n        })\n      : collapseIcon || expandIconRender;\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                    {collapseIconRender ? (\n                      collapseIconRender\n                    ) : (\n                      <MinusCircleIcon\n                        weight=\"regular\"\n                        className={iconClassName}\n                      />\n                    )}\n                  </IconButton>\n                ) : (\n                  <IconButton>\n                    {expandIconRender ? (\n                      expandIconRender\n                    ) : (\n                      <PlusCircleIcon\n                        weight=\"regular\"\n                        className={iconClassName}\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","expandIcon","collapseIcon","cls","useCls","isOpen","setIsOpen","useControlledState","isBodyOpen","setIsBodyOpen","useState","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","useEffect","iconClassName","expandIconRender","collapseIconRender","jsxs","Collapsible","clsx","jsx","open","Truncate","IconButton","MinusCircleIcon","PlusCircleIcon","Transition"],"mappings":"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"}
+{"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/react\";\nimport {\n  MinusCircle,\n  MinusCircleIcon,\n  PlusCircle,\n  PlusCircleIcon,\n} 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   * Custom expand icon\n   */\n  expandIcon?:\n    | React.ReactNode\n    | ((props: { open: boolean; className?: string }) => React.ReactNode);\n  /**\n   * Custom collapse icon\n   */\n  collapseIcon?:\n    | React.ReactNode\n    | ((props: { open: boolean; className?: string }) => React.ReactNode);\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  expandIcon,\n  collapseIcon,\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  const iconClassName = cls(\n    \"collapsible-panel-caret\",\n    isOpen && cls(\"collapsible-panel-caret-open\")\n  );\n  const expandIconRender =\n    typeof expandIcon === \"function\"\n      ? expandIcon({\n          open: isOpen,\n          className: iconClassName,\n        })\n      : expandIcon;\n  const collapseIconRender =\n    typeof collapseIcon === \"function\"\n      ? collapseIcon({\n          open: isOpen,\n          className: iconClassName,\n        })\n      : collapseIcon || expandIconRender;\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                    {collapseIconRender ? (\n                      collapseIconRender\n                    ) : (\n                      <MinusCircleIcon\n                        weight=\"regular\"\n                        className={iconClassName}\n                      />\n                    )}\n                  </IconButton>\n                ) : (\n                  <IconButton>\n                    {expandIconRender ? (\n                      expandIconRender\n                    ) : (\n                      <PlusCircleIcon\n                        weight=\"regular\"\n                        className={iconClassName}\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","expandIcon","collapseIcon","cls","useCls","isOpen","setIsOpen","useControlledState","isBodyOpen","setIsBodyOpen","useState","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","useEffect","iconClassName","expandIconRender","collapseIconRender","jsxs","Collapsible","clsx","jsx","open","Truncate","IconButton","MinusCircleIcon","PlusCircleIcon","Transition"],"mappings":"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"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
 import { default as m } from "./components/utils/createSyntheticClickEvent.js";
-import { Affix as f, Alert as x, Anchor as s, App as l, AutoComplete as n, Avatar as i, BackTop as C, Calendar as c, Card as u, Carousel as T, Cascader as d, Col as g, ColorPicker as S, ConfigProvider as h, DatePicker as A, Descriptions as E, Divider as P, Drawer as b, Dropdown as R, Flex as k, FloatButton as D, Grid as I, InputNumber as L, Layout as O, List as B, Mentions as v, Menu as y, Pagination as N, Popconfirm as M, Progress as w, QRCode as _, Rate as U, Result as W, Row as F, Skeleton as V, Space as K, Statistic as q, Steps as z, Tabs as G, TimePicker as Q, Timeline as H, Transfer as j, TreeSelect as J, Typography as X, Watermark as Y, message as Z, notification as $, theme as ee, unstableSetRender as oe, version as re } from "antd";
+import { Affix as f, Alert as x, Anchor as s, App as l, AutoComplete as n, Avatar as i, BackTop as C, Calendar as c, Card as u, Carousel as T, Cascader as d, Col as g, ColorPicker as S, ConfigProvider as h, DatePicker as A, Descriptions as P, Divider as E, Drawer as b, Dropdown as R, Flex as k, FloatButton as D, Grid as I, InputNumber as L, Layout as B, List as O, Mentions as v, Menu as y, Pagination as N, Popconfirm as M, Progress as w, QRCode as _, Rate as U, Result as W, Row as F, Skeleton as V, Space as K, Statistic as q, Steps as z, Tabs as G, TimePicker as Q, Timeline as H, Transfer as j, TreeSelect as J, Typography as X, Watermark as Y, message as Z, notification as $, theme as ee, unstableSetRender as oe, version as re } from "antd";
 import { DataTable as ae } from "./components/data-table/component.js";
 import { Select as pe } from "./components/select/component.js";
 import { Modal as xe } from "./components/modal/index.js";
@@ -10,11 +10,11 @@ import { Checkbox as ce } from "./components/checkbox/component.js";
 import { Segmented as Te } from "./components/segmented/component.js";
 import { Table as ge } from "./components/table/component.js";
 import { Tag as he } from "./components/tag/component.js";
-import { TagList as Ee } from "./components/tag/list.js";
+import { TagList as Pe } from "./components/tag/list.js";
 import { ThemeProvider as be } from "./components/theme-provider/component.js";
 import { ThemeContext as ke, useTheme as De } from "./components/theme-provider/context/themeStore.js";
 import { ThemeContextProvider as Le } from "./components/theme-provider/context/provider.js";
-import { Split as Be, Splitter as ve } from "./components/splitter/component.js";
+import { Split as Oe, Splitter as ve } from "./components/splitter/component.js";
 import { Truncate as Ne } from "./components/truncate/component.js";
 import { DropdownMenu as we } from "./components/dropdown-menu/component.js";
 import { DropdownMenuItem as Ue } from "./components/dropdown-menu/item.js";
@@ -33,64 +33,66 @@ import { default as no } from "merge-refs";
 import { useAntdCssVarClassname as Co, useCls as co, useGetPrefixCls as uo } from "./components/utils/antdUtils.js";
 import { changeThemeWithoutTransition as go } from "./components/utils/theme.js";
 import { moveTypingCursorToEnd as ho } from "./components/utils/selectionRange.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as Eo, POPUP_COLLISION_AVOIDANCE as Po } from "./components/utils/constants.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as Po, POPUP_COLLISION_AVOIDANCE as Eo } from "./components/utils/constants.js";
 import { buildAntdPlacement as Ro, parseAntdPlacement as ko } from "./components/utils/placement.js";
-import { ScrollArea as Io } from "./components/scroll-area/component.js";
-import { Popover as Oo } from "./components/popover/component.js";
-import { Slider as vo } from "./components/slider/component.js";
-import { Tooltip as No } from "./components/tooltip/component.js";
-import { Breadcrumb as wo } from "./components/breadcrumb/component.js";
-import { BreadcrumbItem as Uo } from "./components/breadcrumb/item.js";
-import { useUniqueKeysTree as Fo } from "./components/tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as Ko, processTreeData as qo } from "./components/tree/helpers.js";
-import { Tree as Go } from "./components/tree/components.js";
-import { Spin as Ho } from "./components/spin/component.js";
-import { Empty as Jo } from "./components/empty/component.js";
-import { Form as Yo } from "./components/form/component.js";
-import { Field as $o } from "./components/field/component.js";
-import { Tour as or } from "./components/tour/component.js";
-import { Toast as tr } from "./components/toast/component.js";
-import { toast as mr, toastManager as pr } from "./components/toast/function.js";
-import { VerticalCollapsiblePanel as xr } from "./components/vertical-collapsible-panel/component.js";
-import { PopupPanel as lr } from "./components/popup-panel/component.js";
-import { CodeBlock as ir } from "./components/code-block/component.js";
-import { StackChild as cr } from "./components/stack/StackChild.js";
-import { Stack as Tr } from "./components/stack/index.js";
-import { Collapse as gr } from "./components/collapse/component.js";
-import { Input as hr } from "./components/input/component.js";
-import { Badge as Er, InternalBadge as Pr } from "./components/badge/component.js";
-import { Radio as Rr } from "./components/radio/component.js";
-import { Button as Dr } from "./components/button/component.js";
-import { DSRoot as Lr } from "./components/ds-root/component.js";
-import { useDS as Br } from "./components/ds-root/hook.js";
-import { DragDrop as yr, DragDropRoot as Nr } from "./components/drag-drop/index.js";
-import { ColorSelect as wr } from "./components/color-select/component.js";
-import { Nav as Ur } from "./components/nav/index.js";
-import { ChoiceList as Fr } from "./components/choice-list/component.js";
-import { StatusIcon as Kr } from "./components/status-icon/component.js";
-import { Resizable as zr } from "./components/resizable/component.js";
-import { Combobox as Qr } from "./components/combobox/component.js";
-import { SelectTrigger as jr, SelectTriggerArrow as Jr, SelectTriggerClear as Xr, SelectTriggerContent as Yr, SelectTriggerRoot as Zr } from "./components/select-trigger/component.js";
-import { Loader as et } from "./components/loader/component.js";
-import { WindowPortal as rt } from "./components/window-portal/component.js";
-import { useForm as at, useWatch as mt } from "antd/es/form/Form";
-import { useMessage as ft, useModal as xt, useToken as st } from "./components/hooks/antd.js";
-import { default as nt } from "antd/es/app/useApp";
-import { useAnimationsFinished as Ct, useEnhancedEffect as ct, useEventCallback as ut, useLatestRef as Tt } from "./components/hooks/base-ui.js";
-import { useControlledState as gt } from "./components/hooks/useControlledState.js";
-import { useCharts as ht } from "./components/hooks/useCharts.js";
-import { useCSSVariables as Et } from "./components/hooks/useCSSVariables.js";
-import { useHover as bt } from "./components/hooks/useHover.js";
-import { useDraggable as kt } from "./components/hooks/useDraggable.js";
-import { BREAKPOINTS as It, useBreakpoint as Lt } from "./components/hooks/useBreakpoint.js";
-import { useWindowSize as Bt } from "./components/hooks/useWindowSize.js";
-import { useElementSize as yt, useResizeObserver as Nt } from "./components/hooks/useResizeObserver.js";
-import { antdColorTokens as wt, darkTheme as _t, lightTheme as Ut } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as Ft, categoricalChartColorTokens as Vt, categoricalChartsColors as Kt, chartColorTokens as qt, rawChartColorTokens as zt } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as Qt } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as jt, tab20 as Jt, tab20b as Xt, tab20c as Yt } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as $t, CATEGORICAL_PALETTE_NAMES as ea, SEQUENTIAL_PALETTES as oa, SEQUENTIAL_PALETTE_NAMES as ra, getAllCategoricalChartColors as ta, getAllSequentialChartColors as aa, getCategoricalChartColors as ma, getSequentialChartColors as pa } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as xa, getTokensByTheme as sa, resolveColorTokens as la } from "./tokens/utils.js";
+import { createRenderProp as Io } from "./components/utils/renderProp.js";
+import { ScrollArea as Bo } from "./components/scroll-area/component.js";
+import { Popover as vo } from "./components/popover/component.js";
+import { Slider as No } from "./components/slider/component.js";
+import { Tooltip as wo } from "./components/tooltip/component.js";
+import { Breadcrumb as Uo } from "./components/breadcrumb/component.js";
+import { BreadcrumbItem as Fo } from "./components/breadcrumb/item.js";
+import { useUniqueKeysTree as Ko } from "./components/tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as zo, processTreeData as Go } from "./components/tree/helpers.js";
+import { Tree as Ho } from "./components/tree/components.js";
+import { Spin as Jo } from "./components/spin/component.js";
+import { Empty as Yo } from "./components/empty/component.js";
+import { Form as $o } from "./components/form/component.js";
+import { Field as or } from "./components/field/component.js";
+import { Tour as tr } from "./components/tour/component.js";
+import { Toast as mr } from "./components/toast/component.js";
+import { toast as fr, toastManager as xr } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as lr } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as ir } from "./components/popup-panel/component.js";
+import { CodeBlock as cr } from "./components/code-block/component.js";
+import { StackChild as Tr } from "./components/stack/StackChild.js";
+import { Stack as gr } from "./components/stack/index.js";
+import { Collapse as hr } from "./components/collapse/component.js";
+import { Input as Pr } from "./components/input/component.js";
+import { Badge as br, InternalBadge as Rr } from "./components/badge/component.js";
+import { Radio as Dr } from "./components/radio/component.js";
+import { Button as Lr } from "./components/button/component.js";
+import { DSRoot as Or } from "./components/ds-root/component.js";
+import { useDS as yr } from "./components/ds-root/hook.js";
+import { DragDrop as Mr, DragDropRoot as wr } from "./components/drag-drop/index.js";
+import { ColorSelect as Ur } from "./components/color-select/component.js";
+import { Nav as Fr } from "./components/nav/index.js";
+import { ChoiceList as Kr } from "./components/choice-list/component.js";
+import { StatusIcon as zr } from "./components/status-icon/component.js";
+import { Resizable as Qr } from "./components/resizable/component.js";
+import { Combobox as jr } from "./components/combobox/component.js";
+import { SelectTrigger as Xr, SelectTriggerArrow as Yr, SelectTriggerClear as Zr, SelectTriggerContent as $r, SelectTriggerRoot as et } from "./components/select-trigger/component.js";
+import { Loader as rt } from "./components/loader/component.js";
+import { WindowPortal as at } from "./components/window-portal/component.js";
+import { useForm as pt, useWatch as ft } from "antd/es/form/Form";
+import { useMessage as st, useModal as lt, useToken as nt } from "./components/hooks/antd.js";
+import { default as Ct } from "antd/es/app/useApp";
+import { useAnimationsFinished as ut, useEnhancedEffect as Tt, useEventCallback as dt, useLatestRef as gt } from "./components/hooks/base-ui.js";
+import { useControlledState as ht } from "./components/hooks/useControlledState.js";
+import { useCharts as Pt } from "./components/hooks/useCharts.js";
+import { useCSSVariables as bt } from "./components/hooks/useCSSVariables.js";
+import { useHover as kt } from "./components/hooks/useHover.js";
+import { useDraggable as It } from "./components/hooks/useDraggable.js";
+import { BREAKPOINTS as Bt, useBreakpoint as Ot } from "./components/hooks/useBreakpoint.js";
+import { useWindowSize as yt } from "./components/hooks/useWindowSize.js";
+import { useElementSize as Mt, useResizeObserver as wt } from "./components/hooks/useResizeObserver.js";
+import { useBaseUIPlacement as Ut } from "./components/hooks/useBaseUIPlacement.js";
+import { antdColorTokens as Ft, darkTheme as Vt, lightTheme as Kt } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as zt, categoricalChartColorTokens as Gt, categoricalChartsColors as Qt, chartColorTokens as Ht, rawChartColorTokens as jt } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as Xt } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as Zt, tab20 as $t, tab20b as ea, tab20c as oa } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as ta, CATEGORICAL_PALETTE_NAMES as aa, SEQUENTIAL_PALETTES as ma, SEQUENTIAL_PALETTE_NAMES as pa, getAllCategoricalChartColors as fa, getAllSequentialChartColors as xa, getCategoricalChartColors as sa, getSequentialChartColors as la } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as ia, getTokensByTheme as Ca, resolveColorTokens as ca } from "./tokens/utils.js";
 export {
   f as Affix,
   x as Alert,
@@ -98,185 +100,187 @@ export {
   l as App,
   n as AutoComplete,
   i as Avatar,
-  It as BREAKPOINTS,
+  Bt as BREAKPOINTS,
   C as BackTop,
-  Er as Badge,
-  wo as Breadcrumb,
-  Uo as BreadcrumbItem,
-  Dr as Button,
-  $t as CATEGORICAL_PALETTES,
-  ea as CATEGORICAL_PALETTE_NAMES,
-  Qt as COLORBREWER,
+  br as Badge,
+  Uo as Breadcrumb,
+  Fo as BreadcrumbItem,
+  Lr as Button,
+  ta as CATEGORICAL_PALETTES,
+  aa as CATEGORICAL_PALETTE_NAMES,
+  Xt as COLORBREWER,
   c as Calendar,
   u as Card,
   T as Carousel,
   d as Cascader,
   ce as Checkbox,
-  Fr as ChoiceList,
-  ir as CodeBlock,
+  Kr as ChoiceList,
+  cr as CodeBlock,
   g as Col,
-  gr as Collapse,
+  hr as Collapse,
   S as ColorPicker,
-  wr as ColorSelect,
-  Qr as Combobox,
+  Ur as ColorSelect,
+  jr as Combobox,
   Fe as CommandPalette,
   h as ConfigProvider,
-  Eo as DROPDOWN_COLLISION_AVOIDANCE,
-  Lr as DSRoot,
+  Po as DROPDOWN_COLLISION_AVOIDANCE,
+  Or as DSRoot,
   ae as DataTable,
   A as DatePicker,
   Qe as DefaultUpload,
-  E as Descriptions,
-  P as Divider,
-  yr as DragDrop,
-  Nr as DragDropRoot,
+  P as Descriptions,
+  E as Divider,
+  Mr as DragDrop,
+  wr as DragDropRoot,
   b as Drawer,
   R as Dropdown,
   we as DropdownMenu,
   Ue as DropdownMenuItem,
-  Jo as Empty,
-  $o as Field,
+  Yo as Empty,
+  or as Field,
   k as Flex,
   D as FloatButton,
-  Yo as Form,
+  $o as Form,
   I as Grid,
   le as IconButton,
-  hr as Input,
+  Pr as Input,
   L as InputNumber,
-  Pr as InternalBadge,
+  Rr as InternalBadge,
   Ke as KeyboardShortcut,
-  O as Layout,
-  B as List,
-  et as Loader,
+  B as Layout,
+  O as List,
+  rt as Loader,
   v as Mentions,
   y as Menu,
   xe as Modal,
-  Ur as Nav,
-  Po as POPUP_COLLISION_AVOIDANCE,
+  Fr as Nav,
+  Eo as POPUP_COLLISION_AVOIDANCE,
   N as Pagination,
   M as Popconfirm,
-  Oo as Popover,
-  lr as PopupPanel,
+  vo as Popover,
+  ir as PopupPanel,
   w as Progress,
   _ as QRCode,
-  Rr as Radio,
+  Dr as Radio,
   U as Rate,
-  zr as Resizable,
+  Qr as Resizable,
   W as Result,
   F as Row,
-  oa as SEQUENTIAL_PALETTES,
-  ra as SEQUENTIAL_PALETTE_NAMES,
-  Io as ScrollArea,
+  ma as SEQUENTIAL_PALETTES,
+  pa as SEQUENTIAL_PALETTE_NAMES,
+  Bo as ScrollArea,
   Te as Segmented,
   pe as Select,
-  jr as SelectTrigger,
-  Jr as SelectTriggerArrow,
-  Xr as SelectTriggerClear,
-  Yr as SelectTriggerContent,
-  Zr as SelectTriggerRoot,
+  Xr as SelectTrigger,
+  Yr as SelectTriggerArrow,
+  Zr as SelectTriggerClear,
+  $r as SelectTriggerContent,
+  et as SelectTriggerRoot,
   V as Skeleton,
-  vo as Slider,
+  No as Slider,
   K as Space,
-  Ho as Spin,
-  Be as Split,
+  Jo as Spin,
+  Oe as Split,
   ve as Splitter,
-  Tr as Stack,
-  cr as StackChild,
+  gr as Stack,
+  Tr as StackChild,
   q as Statistic,
-  Kr as StatusIcon,
+  zr as StatusIcon,
   z as Steps,
   ie as Switch,
   ge as Table,
   G as Tabs,
   he as Tag,
-  Ee as TagList,
+  Pe as TagList,
   ke as ThemeContext,
   Le as ThemeContextProvider,
   be as ThemeProvider,
   Q as TimePicker,
   H as Timeline,
-  tr as Toast,
-  No as Tooltip,
-  or as Tour,
+  mr as Toast,
+  wo as Tooltip,
+  tr as Tour,
   j as Transfer,
   ze as Transition,
-  Go as Tree,
+  Ho as Tree,
   J as TreeSelect,
   Ne as Truncate,
   X as Typography,
   He as Upload,
-  xr as VerticalCollapsiblePanel,
+  lr as VerticalCollapsiblePanel,
   Y as Watermark,
-  rt as WindowPortal,
+  at as WindowPortal,
   fo as WithRenderProp,
-  wt as antdColorTokens,
+  Ft as antdColorTokens,
   Ro as buildAntdPlacement,
-  Ft as categoricalChartColorKeys,
-  Vt as categoricalChartColorTokens,
-  Kt as categoricalChartsColors,
+  zt as categoricalChartColorKeys,
+  Gt as categoricalChartColorTokens,
+  Qt as categoricalChartsColors,
   go as changeThemeWithoutTransition,
-  qt as chartColorTokens,
+  Ht as chartColorTokens,
   Ye as clsx,
   Ze as cn,
   r as componentMetadata,
+  Io as createRenderProp,
   m as createSyntheticClickEvent,
   $e as cx,
-  _t as darkTheme,
-  ta as getAllCategoricalChartColors,
-  aa as getAllSequentialChartColors,
-  ma as getCategoricalChartColors,
-  xa as getColorsByTheme,
+  Vt as darkTheme,
+  fa as getAllCategoricalChartColors,
+  xa as getAllSequentialChartColors,
+  sa as getCategoricalChartColors,
+  ia as getColorsByTheme,
   t as getComponentsByCategory,
   so as getReactElementProp,
-  pa as getSequentialChartColors,
-  sa as getTokensByTheme,
-  Ko as getUniqueKeysFromOriginals,
+  la as getSequentialChartColors,
+  Ca as getTokensByTheme,
+  zo as getUniqueKeysFromOriginals,
   to as isTracebackError,
   mo as isValidHexColor,
-  Ut as lightTheme,
+  Kt as lightTheme,
   no as mergeRefs,
   Z as message,
   ho as moveTypingCursorToEnd,
   $ as notification,
   ko as parseAntdPlacement,
-  qo as processTreeData,
-  zt as rawChartColorTokens,
+  Go as processTreeData,
+  jt as rawChartColorTokens,
   oo as reactNodeToString,
-  la as resolveColorTokens,
-  jt as tab10,
-  Jt as tab20,
-  Xt as tab20b,
-  Yt as tab20c,
+  ca as resolveColorTokens,
+  Zt as tab10,
+  $t as tab20,
+  ea as tab20b,
+  oa as tab20c,
   ee as theme,
-  mr as toast,
-  pr as toastManager,
+  fr as toast,
+  xr as toastManager,
   oe as unstableSetRender,
-  Ct as useAnimationsFinished,
+  ut as useAnimationsFinished,
   Co as useAntdCssVarClassname,
-  nt as useApp,
-  Lt as useBreakpoint,
-  Et as useCSSVariables,
-  ht as useCharts,
+  Ct as useApp,
+  Ut as useBaseUIPlacement,
+  Ot as useBreakpoint,
+  bt as useCSSVariables,
+  Pt as useCharts,
   co as useCls,
-  gt as useControlledState,
-  Br as useDS,
-  kt as useDraggable,
-  yt as useElementSize,
-  ct as useEnhancedEffect,
-  ut as useEventCallback,
-  at as useForm,
+  ht as useControlledState,
+  yr as useDS,
+  It as useDraggable,
+  Mt as useElementSize,
+  Tt as useEnhancedEffect,
+  dt as useEventCallback,
+  pt as useForm,
   uo as useGetPrefixCls,
-  bt as useHover,
-  Tt as useLatestRef,
-  ft as useMessage,
-  xt as useModal,
-  Nt as useResizeObserver,
+  kt as useHover,
+  gt as useLatestRef,
+  st as useMessage,
+  lt as useModal,
+  wt as useResizeObserver,
   De as useTheme,
-  st as useToken,
-  Fo as useUniqueKeysTree,
+  nt as useToken,
+  Ko as useUniqueKeysTree,
   Je as useUploadItemRender,
-  mt as useWatch,
-  Bt as useWindowSize,
+  ft as useWatch,
+  yt as useWindowSize,
   re as version
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../src/metadata.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyrBe,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAAO,MAAM,CAC/C,iBAAiB,EACjB,iBAAiB,EAAE,CA0BpB,CAAC"}
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../src/metadata.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,cAAc,GACd,UAAU,GACV,SAAS,GACT,SAAS,CAAC;AAEd,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0rBe,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,uBAAuB,QAAO,MAAM,CAC/C,iBAAiB,EACjB,iBAAiB,EAAE,CA0BpB,CAAC"}