@lobehub/ui 5.20.3 → 5.21.0

package/es/CopyButton/CopyButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../src/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { useCopied } from '@/hooks/useCopied';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport type { CopyButtonProps } from './type';\n\nconst CopyButton = memo<CopyButtonProps>(\n  ({ active, content, size, icon, glass = true, onClick, ...rest }) => {\n    const { copied, setCopied } = useCopied();\n    const Icon = icon || Copy;\n\n    return (\n      <ActionIcon\n        glass={glass}\n        size={size}\n        title={'Copy'}\n        {...rest}\n        active={active || copied}\n        icon={copied ? Check : Icon}\n        onClick={async (e) => {\n          const resolvedContent = typeof content === 'function' ? content() : content;\n          await copyToClipboard(resolvedContent);\n          setCopied();\n          onClick?.(e);\n        }}\n      />\n    );\n  },\n);\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"mappings":";;;;;;;;AAWA,MAAM,aAAa,MAChB,EAAE,QAAQ,SAAS,MAAM,MAAM,QAAQ,MAAM,SAAS,GAAG,WAAW;CACnE,MAAM,EAAE,QAAQ,cAAc,WAAW;CACzC,MAAM,OAAO,QAAQ;AAErB,QACE,oBAAC,YAAD;EACS;EACD;EACN,OAAO;EACP,GAAI;EACJ,QAAQ,UAAU;EAClB,MAAM,SAAS,QAAQ;EACvB,SAAS,OAAO,MAAM;AAEpB,SAAM,gBADkB,OAAO,YAAY,aAAa,SAAS,GAAG,QAC9B;AACtC,cAAW;AACX,aAAU,EAAE;;EAEd,CAAA;EAGP;AAED,WAAW,cAAc"}
+{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../src/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { useCopied } from '@/hooks/useCopied';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport type { CopyButtonProps } from './type';\n\nconst CopyButton = memo<CopyButtonProps>(\n  ({ active, content, size, icon, glass = true, onClick, ...rest }) => {\n    const { copied, setCopied } = useCopied();\n    const Icon = icon || Copy;\n\n    return (\n      <ActionIcon\n        glass={glass}\n        size={size}\n        title={'Copy'}\n        {...rest}\n        active={active || copied}\n        icon={copied ? Check : Icon}\n        onClick={async (e) => {\n          const resolvedContent = typeof content === 'function' ? content() : content;\n          await copyToClipboard(resolvedContent);\n          setCopied();\n          onClick?.(e);\n        }}\n      />\n    );\n  },\n);\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"mappings":";;;;;;;;AAWA,MAAM,aAAa,MAChB,EAAE,QAAQ,SAAS,MAAM,MAAM,QAAQ,MAAM,SAAS,GAAG,WAAW;CACnE,MAAM,EAAE,QAAQ,cAAc,UAAU;CACxC,MAAM,OAAO,QAAQ;CAErB,OACE,oBAAC,YAAD;EACS;EACD;EACN,OAAO;EACP,GAAI;EACJ,QAAQ,UAAU;EAClB,MAAM,SAAS,QAAQ;EACvB,SAAS,OAAO,MAAM;GAEpB,MAAM,gBADkB,OAAO,YAAY,aAAa,QAAQ,IAAI,OAC/B;GACrC,UAAU;GACV,UAAU,CAAC;EACb;CACD,CAAA;AAEL,CACF;AAEA,WAAW,cAAc"}

package/es/CopyButton/index.d.mts

@@ -1,3 +1,3 @@
 import { CopyButtonProps } from "./type.mjs";
-import { CopyButton } from "./CopyButton.mjs";
+import CopyButton from "./CopyButton.mjs";
 export { CopyButtonProps, CopyButton as default };

package/es/CopyButton/type.d.mts

@@ -1,4 +1,5 @@
 import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
 //#region src/CopyButton/type.d.ts
 interface CopyButtonProps extends Omit<ActionIconProps, 'content'> {
   content: string | (() => string);

package/es/DatePicker/DatePicker.d.mts

@@ -1,8 +1,6 @@
 import { DatePickerProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/DatePicker/DatePicker.d.ts
-declare const DatePicker: _$react.NamedExoticComponent<DatePickerProps>;
+declare const DatePicker: import("react").NamedExoticComponent<DatePickerProps>;
 //#endregion
-export { DatePicker };
+export { DatePicker as default };
 //# sourceMappingURL=DatePicker.d.mts.map

package/es/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","names":["DatePicker","AntDatePicker"],"sources":["../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { DatePicker as AntDatePicker } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { DatePickerProps } from './type';\n\nconst DatePicker = memo<DatePickerProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntDatePicker\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"mappings":";;;;;;;AASA,MAAMA,eAAa,MAAuB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACpF,MAAM,EAAE,eAAe,cAAc;AAErC,QACE,oBAACC,YAAD;EACE,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;GAAa,CAAC,EAC9E,UACD;EACD,GAAI;EACJ,CAAA;EAEJ;AAEF,aAAW,cAAc"}
+{"version":3,"file":"DatePicker.mjs","names":["DatePicker","AntDatePicker"],"sources":["../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { DatePicker as AntDatePicker } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { DatePickerProps } from './type';\n\nconst DatePicker = memo<DatePickerProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntDatePicker\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"mappings":";;;;;;;AASA,MAAMA,eAAa,MAAuB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACpF,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,YAAD;EACE,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,aAAW,cAAc"}

package/es/DatePicker/index.d.mts

@@ -1,3 +1,3 @@
 import { DatePickerProps } from "./type.mjs";
-import { DatePicker } from "./DatePicker.mjs";
-export { DatePickerProps, DatePicker as default };
+import DatePicker from "./DatePicker.mjs";
+export { type DatePickerProps, DatePicker as default };

package/es/DatePicker/style.mjs

@@ -27,6 +27,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/DatePicker/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/DatePicker/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderless,\n    filled: lobeStaticStylish.variantFilled,\n    outlined: lobeStaticStylish.variantOutlined,\n    root: css``,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,UAAUA,cAAkB;EAC5B,MAAM,GAAG;EACT,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,OACT;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;GACb;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/DatePicker/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderless,\n    filled: lobeStaticStylish.variantFilled,\n    outlined: lobeStaticStylish.variantOutlined,\n    root: css``,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n      underlined: null,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,UAAU;CACpD,OAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,UAAUA,cAAkB;EAC5B,MAAM,GAAG;EACT,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,QAAQ,MACV;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACnB,YAAY;EACd;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/DatePicker/type.d.mts

@@ -1,5 +1,4 @@
 import { DatePickerProps } from "antd";
-
 //#region src/DatePicker/type.d.ts
 interface DatePickerProps$1 extends DatePickerProps {
   shadow?: boolean;

package/es/DownloadButton/DownloadButton.d.mts

@@ -1,8 +1,7 @@
 import { DownloadButtonProps } from "./type.mjs";
 import React from "react";
-
 //#region src/DownloadButton/DownloadButton.d.ts
 declare const DownloadButton: React.NamedExoticComponent<DownloadButtonProps>;
 //#endregion
-export { DownloadButton };
+export { DownloadButton as default };
 //# sourceMappingURL=DownloadButton.d.mts.map

package/es/DownloadButton/DownloadButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadButton.mjs","names":[],"sources":["../../src/DownloadButton/DownloadButton.tsx"],"sourcesContent":["'use client';\n\nimport { Download } from 'lucide-react';\nimport React, { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { downloadBlob } from '@/utils/downloadBlob';\n\nimport type { DownloadButtonProps } from './type';\n\nconst DownloadButton = memo<DownloadButtonProps>(\n  ({ fileName = 'download', fileType = 'svg', disabled = false, blobUrl, ...rest }) => {\n    const handleDownload = async () => {\n      if (!blobUrl || disabled) return;\n      try {\n        await downloadBlob(blobUrl, `${fileName.replace(/\\.[^./]+$/, '')}.${fileType}`);\n      } catch (error) {\n        console.error('Download failed:', error);\n      }\n    };\n    return (\n      <ActionIcon\n        title={`Download ${fileType.toUpperCase()}`}\n        {...rest}\n        icon={Download}\n        onClick={handleDownload}\n      />\n    );\n  },\n);\n\nDownloadButton.displayName = 'DownloadButton';\n\nexport default DownloadButton;\n"],"mappings":";;;;;;;AAUA,MAAM,iBAAiB,MACpB,EAAE,WAAW,YAAY,WAAW,OAAO,WAAW,OAAO,SAAS,GAAG,WAAW;CACnF,MAAM,iBAAiB,YAAY;AACjC,MAAI,CAAC,WAAW,SAAU;AAC1B,MAAI;AACF,SAAM,aAAa,SAAS,GAAG,SAAS,QAAQ,aAAa,GAAG,CAAC,GAAG,WAAW;WACxE,OAAO;AACd,WAAQ,MAAM,oBAAoB,MAAM;;;AAG5C,QACE,oBAAC,YAAD;EACE,OAAO,YAAY,SAAS,aAAa;EACzC,GAAI;EACJ,MAAM;EACN,SAAS;EACT,CAAA;EAGP;AAED,eAAe,cAAc"}
+{"version":3,"file":"DownloadButton.mjs","names":[],"sources":["../../src/DownloadButton/DownloadButton.tsx"],"sourcesContent":["'use client';\n\nimport { Download } from 'lucide-react';\nimport React, { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { downloadBlob } from '@/utils/downloadBlob';\n\nimport type { DownloadButtonProps } from './type';\n\nconst DownloadButton = memo<DownloadButtonProps>(\n  ({ fileName = 'download', fileType = 'svg', disabled = false, blobUrl, ...rest }) => {\n    const handleDownload = async () => {\n      if (!blobUrl || disabled) return;\n      try {\n        await downloadBlob(blobUrl, `${fileName.replace(/\\.[^./]+$/, '')}.${fileType}`);\n      } catch (error) {\n        console.error('Download failed:', error);\n      }\n    };\n    return (\n      <ActionIcon\n        title={`Download ${fileType.toUpperCase()}`}\n        {...rest}\n        icon={Download}\n        onClick={handleDownload}\n      />\n    );\n  },\n);\n\nDownloadButton.displayName = 'DownloadButton';\n\nexport default DownloadButton;\n"],"mappings":";;;;;;;AAUA,MAAM,iBAAiB,MACpB,EAAE,WAAW,YAAY,WAAW,OAAO,WAAW,OAAO,SAAS,GAAG,WAAW;CACnF,MAAM,iBAAiB,YAAY;EACjC,IAAI,CAAC,WAAW,UAAU;EAC1B,IAAI;GACF,MAAM,aAAa,SAAS,GAAG,SAAS,QAAQ,aAAa,EAAE,EAAE,GAAG,UAAU;EAChF,SAAS,OAAO;GACd,QAAQ,MAAM,oBAAoB,KAAK;EACzC;CACF;CACA,OACE,oBAAC,YAAD;EACE,OAAO,YAAY,SAAS,YAAY;EACxC,GAAI;EACJ,MAAM;EACN,SAAS;CACV,CAAA;AAEL,CACF;AAEA,eAAe,cAAc"}

package/es/DownloadButton/index.d.mts

@@ -1,3 +1,3 @@
 import { DownloadButtonProps } from "./type.mjs";
-import { DownloadButton } from "./DownloadButton.mjs";
+import DownloadButton from "./DownloadButton.mjs";
 export { DownloadButtonProps, DownloadButton as default };

package/es/DownloadButton/type.d.mts

@@ -1,4 +1,5 @@
 import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
 //#region src/DownloadButton/type.d.ts
 interface DownloadButtonProps extends ActionIconProps {
   blobUrl?: string;

package/es/DraggablePanel/DraggablePanel.mjs

@@ -158,7 +158,8 @@ const DraggablePanel = memo(({ headerHeight = 0, fullscreen, maxHeight, pin = tr
 		fallbackExpandedSize
 	]);
 	const defaultExpandedSize = useMemo(() => {
-		return toCssSize(isVertical ? defaultSize.height : defaultSize.width, fallbackExpandedSize);
+		const initialSize = isVertical ? defaultSize.height : defaultSize.width;
+		return toCssSize(initialSize, fallbackExpandedSize);
 	}, [
 		isVertical,
 		defaultSize.height,

package/es/DraggablePanel/DraggablePanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePanel.mjs","names":["useControlledState"],"sources":["../../src/DraggablePanel/DraggablePanel.tsx"],"sourcesContent":["'use client';\n\nimport { useHover } from 'ahooks';\nimport { ConfigProvider } from 'antd';\nimport { cx } from 'antd-style';\nimport isEqual from 'fast-deep-equal';\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from 'lucide-react';\nimport type { Enable, NumberSize, Size } from 're-resizable';\nimport { Resizable } from 're-resizable';\nimport {\n  type CSSProperties,\n  memo,\n  startTransition,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport { Center } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { handleVariants, panelVariants, styles, toggleVariants } from './style';\nimport type { DraggablePanelProps } from './type';\nimport { reversePlacement } from './utils';\n\nconst ARROW_MAP = {\n  bottom: ChevronUp,\n  left: ChevronRight,\n  right: ChevronLeft,\n  top: ChevronDown,\n} as const;\n\nconst MARGIN_MAP = {\n  bottom: { marginTop: 4 },\n  left: { marginRight: 4 },\n  right: { marginLeft: 4 },\n  top: { marginBottom: 4 },\n} as const;\n\nconst DISABLED_RESIZING: Enable = {\n  bottom: false,\n  bottomLeft: false,\n  bottomRight: false,\n  left: false,\n  right: false,\n  top: false,\n  topLeft: false,\n  topRight: false,\n};\n\nconst toCssSize = (value: string | number | undefined, fallback: string) => {\n  if (typeof value === 'number') return `${Math.max(value, 0)}px`;\n  if (typeof value === 'string' && value.length > 0) return value;\n  return fallback;\n};\n\nconst DraggablePanel = memo<DraggablePanelProps>(\n  ({\n    headerHeight = 0,\n    fullscreen,\n    maxHeight,\n    pin = true,\n    mode = 'fixed',\n    children,\n    placement = 'right',\n    resize,\n    style,\n    showBorder = true,\n    showHandleHighlight = false,\n    showHandleWideArea = true,\n    backgroundColor,\n    size,\n    stableLayout = false,\n    defaultSize: customizeDefaultSize,\n    minWidth,\n    minHeight,\n    maxWidth,\n    onSizeChange,\n    onSizeDragging,\n    expandable = true,\n    expand,\n    defaultExpand = true,\n    onExpandChange,\n    className,\n    showHandleWhenCollapsed,\n    destroyOnClose,\n    styles: customStyles,\n    classNames,\n    dir,\n  }) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const isHovering = useHover(ref);\n    const isVertical = placement === 'top' || placement === 'bottom';\n    const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n    const resetTransitionTimeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n    const resizableRef = useRef<Resizable>(null);\n    const initialExpandedSizeRef = useRef<Size | undefined>(undefined);\n    const outerRef = useRef<HTMLDivElement>(null);\n\n    const { direction: antdDirection } = use(ConfigProvider.ConfigContext);\n    const direction = dir ?? antdDirection;\n\n    const internalPlacement = useMemo(() => {\n      if (direction !== 'rtl') return placement;\n      if (placement === 'left') return 'right';\n      if (placement === 'right') return 'left';\n      return placement;\n    }, [direction, placement]);\n\n    const cssVariables = {\n      '--draggable-panel-bg': backgroundColor || '',\n      '--draggable-panel-header-height': `${headerHeight}px`,\n    } as Record<string, string>;\n\n    const [isExpand, setIsExpand] = useControlledState(defaultExpand, {\n      onChange: onExpandChange,\n      value: expand,\n    });\n\n    const [shouldTransition, setShouldTransition] = useState(true);\n    const [showExpand, setShowExpand] = useState(true);\n\n    useEffect(() => {\n      if (pin) return;\n\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current);\n      }\n\n      if (isHovering && !isExpand) {\n        startTransition(() => setIsExpand(true));\n      } else if (!isHovering && isExpand) {\n        hoverTimeoutRef.current = setTimeout(() => {\n          startTransition(() => setIsExpand(false));\n        }, 150);\n      }\n    }, [pin, isHovering, isExpand, setIsExpand]);\n\n    useEffect(() => {\n      return () => {\n        if (hoverTimeoutRef.current) {\n          clearTimeout(hoverTimeoutRef.current);\n        }\n        if (resetTransitionTimeoutRef.current) {\n          clearTimeout(resetTransitionTimeoutRef.current);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      initialExpandedSizeRef.current = undefined;\n    }, [internalPlacement]);\n\n    const reversed = reversePlacement(internalPlacement);\n    const canResizing = resize !== false && isExpand;\n\n    const resizing = useMemo(\n      () => ({\n        bottom: false,\n        bottomLeft: false,\n        bottomRight: false,\n        left: false,\n        right: false,\n        top: false,\n        topLeft: false,\n        topRight: false,\n        [reversed]: true,\n        ...(resize as Enable),\n      }),\n      [reversed, resize],\n    );\n\n    const defaultSize: Size = useMemo(() => {\n      if (isVertical) return { height: 180, width: '100%', ...customizeDefaultSize };\n      return { height: '100%', width: 280, ...customizeDefaultSize };\n    }, [isVertical, customizeDefaultSize]);\n    const normalizedMaxHeight = typeof maxHeight === 'number' ? Math.max(maxHeight, 0) : undefined;\n    const normalizedMaxWidth = typeof maxWidth === 'number' ? Math.max(maxWidth, 0) : undefined;\n    const normalizedMinHeight = typeof minHeight === 'number' ? Math.max(minHeight, 0) : undefined;\n    const normalizedMinWidth = typeof minWidth === 'number' ? Math.max(minWidth, 0) : undefined;\n\n    const sizeProps = useMemo(() => {\n      if (!stableLayout && !isExpand) {\n        return isVertical\n          ? { minHeight: 0, size: { height: 0 } }\n          : { minWidth: 0, size: { width: 0 } };\n      }\n\n      return {\n        defaultSize,\n        maxHeight: normalizedMaxHeight,\n        maxWidth: normalizedMaxWidth,\n        minHeight: normalizedMinHeight,\n        minWidth: normalizedMinWidth,\n        size: size as Size,\n      };\n    }, [\n      stableLayout,\n      isExpand,\n      isVertical,\n      defaultSize,\n      normalizedMaxHeight,\n      normalizedMaxWidth,\n      normalizedMinHeight,\n      normalizedMinWidth,\n      size,\n    ]);\n\n    const fallbackExpandedSize = isVertical ? '180px' : '280px';\n    const controlledExpandedSize = useMemo(() => {\n      const controlledSize = isVertical ? size?.height : size?.width;\n      if (controlledSize === undefined) return undefined;\n      return toCssSize(controlledSize, fallbackExpandedSize);\n    }, [isVertical, size?.height, size?.width, fallbackExpandedSize]);\n    const defaultExpandedSize = useMemo(() => {\n      const initialSize = isVertical ? defaultSize.height : defaultSize.width;\n      return toCssSize(initialSize, fallbackExpandedSize);\n    }, [isVertical, defaultSize.height, defaultSize.width, fallbackExpandedSize]);\n    const [resizedExpandedSize, setResizedExpandedSize] = useState<{\n      horizontal?: string;\n      vertical?: string;\n    }>({});\n    const expandedOuterSize =\n      controlledExpandedSize ??\n      (isVertical ? resizedExpandedSize.vertical : resizedExpandedSize.horizontal) ??\n      defaultExpandedSize;\n\n    const setExpandedMainSize = useCallback(\n      (nextSize: Size) => {\n        if (!stableLayout) return;\n\n        const currentSize = isVertical ? nextSize.height : nextSize.width;\n        if (!currentSize) return;\n\n        const normalizedSize = toCssSize(currentSize, fallbackExpandedSize);\n        setResizedExpandedSize((state) =>\n          isVertical\n            ? { ...state, vertical: normalizedSize }\n            : { ...state, horizontal: normalizedSize },\n        );\n      },\n      [fallbackExpandedSize, isVertical, stableLayout],\n    );\n\n    const captureInitialExpandedSize = useCallback(() => {\n      if (initialExpandedSizeRef.current) return initialExpandedSizeRef.current;\n\n      const rect = resizableRef.current?.resizable?.getBoundingClientRect();\n      if (!rect) return undefined;\n\n      const nextInitialSize = isVertical\n        ? ({ height: rect.height, width: '100%' } as Size)\n        : ({ height: '100%', width: rect.width } as Size);\n\n      initialExpandedSizeRef.current = nextInitialSize;\n      return nextInitialSize;\n    }, [isVertical]);\n\n    useEffect(() => {\n      if (!isExpand) return;\n      captureInitialExpandedSize();\n    }, [captureInitialExpandedSize, isExpand]);\n\n    const toggleExpand = useCallback(() => {\n      if (expandable) setIsExpand(!isExpand);\n    }, [expandable, isExpand, setIsExpand]);\n\n    const clampResizeSize = useCallback(\n      (el: HTMLElement) => {\n        const rect = el.getBoundingClientRect();\n        const currentMainSize = isVertical ? rect.height : rect.width;\n        const minMainSize = isVertical ? normalizedMinHeight : normalizedMinWidth;\n        const maxMainSize = isVertical ? normalizedMaxHeight : normalizedMaxWidth;\n\n        let clampedMainSize = currentMainSize;\n        if (typeof minMainSize === 'number')\n          clampedMainSize = Math.max(clampedMainSize, minMainSize);\n        if (typeof maxMainSize === 'number')\n          clampedMainSize = Math.min(clampedMainSize, maxMainSize);\n\n        if (\n          !Number.isFinite(clampedMainSize) ||\n          Math.abs(clampedMainSize - currentMainSize) < 0.5\n        ) {\n          return { height: el.style.height, width: el.style.width };\n        }\n\n        const width = isVertical ? el.style.width || '100%' : `${clampedMainSize}px`;\n        const height = isVertical ? `${clampedMainSize}px` : el.style.height || '100%';\n        resizableRef.current?.updateSize({ height, width });\n\n        return { height, width };\n      },\n      [\n        isVertical,\n        normalizedMaxHeight,\n        normalizedMaxWidth,\n        normalizedMinHeight,\n        normalizedMinWidth,\n      ],\n    );\n\n    const handleResize = useCallback(\n      (_event: unknown, _direction: unknown, el: HTMLElement, delta: NumberSize) => {\n        const nextSize = clampResizeSize(el);\n        if (stableLayout && outerRef.current) {\n          // Sync outer DOM width immediately so it doesn't lag behind the\n          // re-resizable inline style (which would otherwise trigger a 0.2s\n          // width transition on the outer/aside each frame during drag).\n          const dimension = isVertical ? nextSize.height : nextSize.width;\n          if (dimension) {\n            if (isVertical) outerRef.current.style.height = dimension;\n            else outerRef.current.style.width = dimension;\n          }\n        }\n        setExpandedMainSize(nextSize);\n        onSizeDragging?.(delta, nextSize);\n      },\n      [clampResizeSize, isVertical, onSizeDragging, setExpandedMainSize, stableLayout],\n    );\n\n    const triggerResetWithoutTransition = useCallback(() => {\n      if (resetTransitionTimeoutRef.current) {\n        clearTimeout(resetTransitionTimeoutRef.current);\n      }\n\n      setShouldTransition(false);\n      resetTransitionTimeoutRef.current = setTimeout(() => {\n        setShouldTransition(true);\n      }, 0);\n    }, []);\n\n    const handleResetSize = useCallback(() => {\n      if (!canResizing) return;\n\n      const resetSize = captureInitialExpandedSize();\n      if (!resetSize) return;\n\n      triggerResetWithoutTransition();\n\n      const rect = resizableRef.current?.resizable?.getBoundingClientRect();\n      const prevMainSize = rect ? (isVertical ? rect.height : rect.width) : 0;\n      const resetMainSize = isVertical ? resetSize.height : resetSize.width;\n      const nextMainSize = typeof resetMainSize === 'number' ? resetMainSize : prevMainSize;\n\n      resizableRef.current?.updateSize(resetSize);\n      setExpandedMainSize(resetSize);\n\n      onSizeChange?.(\n        isVertical\n          ? { height: nextMainSize - prevMainSize, width: 0 }\n          : { height: 0, width: nextMainSize - prevMainSize },\n        resetSize,\n      );\n    }, [\n      canResizing,\n      captureInitialExpandedSize,\n      isVertical,\n      onSizeChange,\n      setExpandedMainSize,\n      triggerResetWithoutTransition,\n    ]);\n\n    const handleResizeStart = useCallback(\n      (event: { detail?: number }) => {\n        if (event.detail === 2) {\n          handleResetSize();\n          return false;\n        }\n\n        if (resetTransitionTimeoutRef.current) {\n          clearTimeout(resetTransitionTimeoutRef.current);\n          resetTransitionTimeoutRef.current = undefined;\n        }\n\n        // Synchronously disable the outer transition so the first drag frame\n        // does not animate. `setShouldTransition(false)` below is asynchronous\n        // and would only take effect after the next React commit.\n        if (stableLayout && outerRef.current) {\n          outerRef.current.style.transition = 'none';\n        }\n        setShouldTransition(false);\n        setShowExpand(false);\n      },\n      [handleResetSize, stableLayout],\n    );\n\n    const handleResizeStop = useCallback(\n      (_event: unknown, _direction: unknown, el: HTMLElement, delta: NumberSize) => {\n        const nextSize = clampResizeSize(el);\n        setExpandedMainSize(nextSize);\n        setShouldTransition(true);\n        setShowExpand(true);\n        // Clear imperative inline overrides so React resumes owning the outer\n        // width/transition on the next render.\n        if (stableLayout && outerRef.current) {\n          outerRef.current.style.removeProperty('width');\n          outerRef.current.style.removeProperty('height');\n          outerRef.current.style.removeProperty('transition');\n        }\n        onSizeChange?.(delta, nextSize);\n      },\n      [clampResizeSize, onSizeChange, setExpandedMainSize, stableLayout],\n    );\n\n    const resizeHandleClassName = useMemo(\n      () =>\n        cx(handleVariants({ placement: reversed }), showHandleHighlight && styles.handleHighlight),\n      [reversed, showHandleHighlight],\n    );\n\n    if (fullscreen) {\n      return (\n        <div className={cx(styles.fullscreen, className)} style={cssVariables}>\n          {children}\n        </div>\n      );\n    }\n\n    const Arrow = ARROW_MAP[internalPlacement] ?? ChevronLeft;\n    const stableOuterFlex = stableLayout\n      ? ({\n          display: 'flex',\n          flexDirection: 'column',\n          minHeight: 0,\n        } as const)\n      : {};\n\n    const sidebarOuterStyle = isVertical\n      ? {\n          height: isExpand ? expandedOuterSize : 0,\n          overflow: 'hidden',\n          transition: shouldTransition ? 'height 0.2s var(--ant-motion-ease-out, ease)' : 'none',\n          width: '100%',\n          ...stableOuterFlex,\n        }\n      : {\n          overflow: 'hidden',\n          transition: shouldTransition ? 'width 0.2s var(--ant-motion-ease-out, ease)' : 'none',\n          width: isExpand ? expandedOuterSize : 0,\n          ...(stableLayout\n            ? {\n                ...stableOuterFlex,\n                flex: 1,\n                minWidth: 0,\n                height: '100%',\n              }\n            : {}),\n        };\n\n    const stableInnerStyle: CSSProperties = {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      height: '100%',\n      minHeight: 0,\n      minWidth: 0,\n      width: '100%',\n    };\n    const sidebarInnerStyle: CSSProperties = stableLayout\n      ? stableInnerStyle\n      : isVertical\n        ? { height: '100%', width: '100%' }\n        : { width: '100%' };\n\n    const stableAsideStyle: CSSProperties = stableLayout\n      ? {\n          display: 'flex',\n          flexDirection: 'column',\n          minHeight: 0,\n          ...(mode === 'fixed' ? { height: '100%' } : {}),\n        }\n      : {};\n\n    const stableResizableStyle: CSSProperties = {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      height: '100%',\n      minHeight: 0,\n      minWidth: 0,\n      width: '100%',\n    };\n\n    const panelNode = (!destroyOnClose || isExpand) && (\n      <Resizable\n        ref={resizableRef}\n        {...sizeProps}\n        className={cx(styles.panel, classNames?.content)}\n        enable={canResizing ? (resizing as Enable) : DISABLED_RESIZING}\n        handleClasses={\n          canResizing\n            ? {\n                [reversed]: resizeHandleClassName,\n              }\n            : {}\n        }\n        style={{\n          ...cssVariables,\n          transition: shouldTransition ? undefined : 'none',\n          ...(stableLayout ? stableResizableStyle : {}),\n          ...style,\n        }}\n        onResize={handleResize}\n        onResizeStart={handleResizeStart}\n        onResizeStop={handleResizeStop}\n      >\n        {stableLayout ? <div style={sidebarInnerStyle}>{children}</div> : children}\n      </Resizable>\n    );\n\n    return (\n      <aside\n        dir={dir}\n        ref={ref}\n        style={{ ...cssVariables, ...stableAsideStyle }}\n        className={cx(\n          panelVariants({ isExpand, mode, placement: internalPlacement, showBorder }),\n          className,\n        )}\n      >\n        {expandable && showExpand && (\n          <Center\n            className={toggleVariants({ placement: internalPlacement, showHandleWideArea })}\n            style={{\n              opacity: isExpand ? (pin ? undefined : 0) : showHandleWhenCollapsed ? 1 : 0,\n            }}\n          >\n            <Center\n              className={classNames?.handle}\n              style={customStyles?.handle}\n              onClick={toggleExpand}\n            >\n              <Icon\n                className={styles.handlerIcon}\n                icon={Arrow}\n                size={16}\n                style={{\n                  ...MARGIN_MAP[internalPlacement],\n                  transform: `rotate(${isExpand ? 180 : 0}deg)`,\n                  transition: 'transform 0.3s ease',\n                }}\n              />\n            </Center>\n          </Center>\n        )}\n        {stableLayout ? (\n          <div ref={outerRef} style={sidebarOuterStyle}>\n            {panelNode}\n          </div>\n        ) : (\n          panelNode\n        )}\n      </aside>\n    );\n  },\n  isEqual,\n);\n\nDraggablePanel.displayName = 'DraggablePanel';\n\nexport default DraggablePanel;\n"],"mappings":"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"}
+{"version":3,"file":"DraggablePanel.mjs","names":["useControlledState"],"sources":["../../src/DraggablePanel/DraggablePanel.tsx"],"sourcesContent":["'use client';\n\nimport { useHover } from 'ahooks';\nimport { ConfigProvider } from 'antd';\nimport { cx } from 'antd-style';\nimport isEqual from 'fast-deep-equal';\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from 'lucide-react';\nimport type { Enable, NumberSize, Size } from 're-resizable';\nimport { Resizable } from 're-resizable';\nimport {\n  type CSSProperties,\n  memo,\n  startTransition,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport { Center } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { handleVariants, panelVariants, styles, toggleVariants } from './style';\nimport type { DraggablePanelProps } from './type';\nimport { reversePlacement } from './utils';\n\nconst ARROW_MAP = {\n  bottom: ChevronUp,\n  left: ChevronRight,\n  right: ChevronLeft,\n  top: ChevronDown,\n} as const;\n\nconst MARGIN_MAP = {\n  bottom: { marginTop: 4 },\n  left: { marginRight: 4 },\n  right: { marginLeft: 4 },\n  top: { marginBottom: 4 },\n} as const;\n\nconst DISABLED_RESIZING: Enable = {\n  bottom: false,\n  bottomLeft: false,\n  bottomRight: false,\n  left: false,\n  right: false,\n  top: false,\n  topLeft: false,\n  topRight: false,\n};\n\nconst toCssSize = (value: string | number | undefined, fallback: string) => {\n  if (typeof value === 'number') return `${Math.max(value, 0)}px`;\n  if (typeof value === 'string' && value.length > 0) return value;\n  return fallback;\n};\n\nconst DraggablePanel = memo<DraggablePanelProps>(\n  ({\n    headerHeight = 0,\n    fullscreen,\n    maxHeight,\n    pin = true,\n    mode = 'fixed',\n    children,\n    placement = 'right',\n    resize,\n    style,\n    showBorder = true,\n    showHandleHighlight = false,\n    showHandleWideArea = true,\n    backgroundColor,\n    size,\n    stableLayout = false,\n    defaultSize: customizeDefaultSize,\n    minWidth,\n    minHeight,\n    maxWidth,\n    onSizeChange,\n    onSizeDragging,\n    expandable = true,\n    expand,\n    defaultExpand = true,\n    onExpandChange,\n    className,\n    showHandleWhenCollapsed,\n    destroyOnClose,\n    styles: customStyles,\n    classNames,\n    dir,\n  }) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const isHovering = useHover(ref);\n    const isVertical = placement === 'top' || placement === 'bottom';\n    const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n    const resetTransitionTimeoutRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n    const resizableRef = useRef<Resizable>(null);\n    const initialExpandedSizeRef = useRef<Size | undefined>(undefined);\n    const outerRef = useRef<HTMLDivElement>(null);\n\n    const { direction: antdDirection } = use(ConfigProvider.ConfigContext);\n    const direction = dir ?? antdDirection;\n\n    const internalPlacement = useMemo(() => {\n      if (direction !== 'rtl') return placement;\n      if (placement === 'left') return 'right';\n      if (placement === 'right') return 'left';\n      return placement;\n    }, [direction, placement]);\n\n    const cssVariables = {\n      '--draggable-panel-bg': backgroundColor || '',\n      '--draggable-panel-header-height': `${headerHeight}px`,\n    } as Record<string, string>;\n\n    const [isExpand, setIsExpand] = useControlledState(defaultExpand, {\n      onChange: onExpandChange,\n      value: expand,\n    });\n\n    const [shouldTransition, setShouldTransition] = useState(true);\n    const [showExpand, setShowExpand] = useState(true);\n\n    useEffect(() => {\n      if (pin) return;\n\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current);\n      }\n\n      if (isHovering && !isExpand) {\n        startTransition(() => setIsExpand(true));\n      } else if (!isHovering && isExpand) {\n        hoverTimeoutRef.current = setTimeout(() => {\n          startTransition(() => setIsExpand(false));\n        }, 150);\n      }\n    }, [pin, isHovering, isExpand, setIsExpand]);\n\n    useEffect(() => {\n      return () => {\n        if (hoverTimeoutRef.current) {\n          clearTimeout(hoverTimeoutRef.current);\n        }\n        if (resetTransitionTimeoutRef.current) {\n          clearTimeout(resetTransitionTimeoutRef.current);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      initialExpandedSizeRef.current = undefined;\n    }, [internalPlacement]);\n\n    const reversed = reversePlacement(internalPlacement);\n    const canResizing = resize !== false && isExpand;\n\n    const resizing = useMemo(\n      () => ({\n        bottom: false,\n        bottomLeft: false,\n        bottomRight: false,\n        left: false,\n        right: false,\n        top: false,\n        topLeft: false,\n        topRight: false,\n        [reversed]: true,\n        ...(resize as Enable),\n      }),\n      [reversed, resize],\n    );\n\n    const defaultSize: Size = useMemo(() => {\n      if (isVertical) return { height: 180, width: '100%', ...customizeDefaultSize };\n      return { height: '100%', width: 280, ...customizeDefaultSize };\n    }, [isVertical, customizeDefaultSize]);\n    const normalizedMaxHeight = typeof maxHeight === 'number' ? Math.max(maxHeight, 0) : undefined;\n    const normalizedMaxWidth = typeof maxWidth === 'number' ? Math.max(maxWidth, 0) : undefined;\n    const normalizedMinHeight = typeof minHeight === 'number' ? Math.max(minHeight, 0) : undefined;\n    const normalizedMinWidth = typeof minWidth === 'number' ? Math.max(minWidth, 0) : undefined;\n\n    const sizeProps = useMemo(() => {\n      if (!stableLayout && !isExpand) {\n        return isVertical\n          ? { minHeight: 0, size: { height: 0 } }\n          : { minWidth: 0, size: { width: 0 } };\n      }\n\n      return {\n        defaultSize,\n        maxHeight: normalizedMaxHeight,\n        maxWidth: normalizedMaxWidth,\n        minHeight: normalizedMinHeight,\n        minWidth: normalizedMinWidth,\n        size: size as Size,\n      };\n    }, [\n      stableLayout,\n      isExpand,\n      isVertical,\n      defaultSize,\n      normalizedMaxHeight,\n      normalizedMaxWidth,\n      normalizedMinHeight,\n      normalizedMinWidth,\n      size,\n    ]);\n\n    const fallbackExpandedSize = isVertical ? '180px' : '280px';\n    const controlledExpandedSize = useMemo(() => {\n      const controlledSize = isVertical ? size?.height : size?.width;\n      if (controlledSize === undefined) return undefined;\n      return toCssSize(controlledSize, fallbackExpandedSize);\n    }, [isVertical, size?.height, size?.width, fallbackExpandedSize]);\n    const defaultExpandedSize = useMemo(() => {\n      const initialSize = isVertical ? defaultSize.height : defaultSize.width;\n      return toCssSize(initialSize, fallbackExpandedSize);\n    }, [isVertical, defaultSize.height, defaultSize.width, fallbackExpandedSize]);\n    const [resizedExpandedSize, setResizedExpandedSize] = useState<{\n      horizontal?: string;\n      vertical?: string;\n    }>({});\n    const expandedOuterSize =\n      controlledExpandedSize ??\n      (isVertical ? resizedExpandedSize.vertical : resizedExpandedSize.horizontal) ??\n      defaultExpandedSize;\n\n    const setExpandedMainSize = useCallback(\n      (nextSize: Size) => {\n        if (!stableLayout) return;\n\n        const currentSize = isVertical ? nextSize.height : nextSize.width;\n        if (!currentSize) return;\n\n        const normalizedSize = toCssSize(currentSize, fallbackExpandedSize);\n        setResizedExpandedSize((state) =>\n          isVertical\n            ? { ...state, vertical: normalizedSize }\n            : { ...state, horizontal: normalizedSize },\n        );\n      },\n      [fallbackExpandedSize, isVertical, stableLayout],\n    );\n\n    const captureInitialExpandedSize = useCallback(() => {\n      if (initialExpandedSizeRef.current) return initialExpandedSizeRef.current;\n\n      const rect = resizableRef.current?.resizable?.getBoundingClientRect();\n      if (!rect) return undefined;\n\n      const nextInitialSize = isVertical\n        ? ({ height: rect.height, width: '100%' } as Size)\n        : ({ height: '100%', width: rect.width } as Size);\n\n      initialExpandedSizeRef.current = nextInitialSize;\n      return nextInitialSize;\n    }, [isVertical]);\n\n    useEffect(() => {\n      if (!isExpand) return;\n      captureInitialExpandedSize();\n    }, [captureInitialExpandedSize, isExpand]);\n\n    const toggleExpand = useCallback(() => {\n      if (expandable) setIsExpand(!isExpand);\n    }, [expandable, isExpand, setIsExpand]);\n\n    const clampResizeSize = useCallback(\n      (el: HTMLElement) => {\n        const rect = el.getBoundingClientRect();\n        const currentMainSize = isVertical ? rect.height : rect.width;\n        const minMainSize = isVertical ? normalizedMinHeight : normalizedMinWidth;\n        const maxMainSize = isVertical ? normalizedMaxHeight : normalizedMaxWidth;\n\n        let clampedMainSize = currentMainSize;\n        if (typeof minMainSize === 'number')\n          clampedMainSize = Math.max(clampedMainSize, minMainSize);\n        if (typeof maxMainSize === 'number')\n          clampedMainSize = Math.min(clampedMainSize, maxMainSize);\n\n        if (\n          !Number.isFinite(clampedMainSize) ||\n          Math.abs(clampedMainSize - currentMainSize) < 0.5\n        ) {\n          return { height: el.style.height, width: el.style.width };\n        }\n\n        const width = isVertical ? el.style.width || '100%' : `${clampedMainSize}px`;\n        const height = isVertical ? `${clampedMainSize}px` : el.style.height || '100%';\n        resizableRef.current?.updateSize({ height, width });\n\n        return { height, width };\n      },\n      [\n        isVertical,\n        normalizedMaxHeight,\n        normalizedMaxWidth,\n        normalizedMinHeight,\n        normalizedMinWidth,\n      ],\n    );\n\n    const handleResize = useCallback(\n      (_event: unknown, _direction: unknown, el: HTMLElement, delta: NumberSize) => {\n        const nextSize = clampResizeSize(el);\n        if (stableLayout && outerRef.current) {\n          // Sync outer DOM width immediately so it doesn't lag behind the\n          // re-resizable inline style (which would otherwise trigger a 0.2s\n          // width transition on the outer/aside each frame during drag).\n          const dimension = isVertical ? nextSize.height : nextSize.width;\n          if (dimension) {\n            if (isVertical) outerRef.current.style.height = dimension;\n            else outerRef.current.style.width = dimension;\n          }\n        }\n        setExpandedMainSize(nextSize);\n        onSizeDragging?.(delta, nextSize);\n      },\n      [clampResizeSize, isVertical, onSizeDragging, setExpandedMainSize, stableLayout],\n    );\n\n    const triggerResetWithoutTransition = useCallback(() => {\n      if (resetTransitionTimeoutRef.current) {\n        clearTimeout(resetTransitionTimeoutRef.current);\n      }\n\n      setShouldTransition(false);\n      resetTransitionTimeoutRef.current = setTimeout(() => {\n        setShouldTransition(true);\n      }, 0);\n    }, []);\n\n    const handleResetSize = useCallback(() => {\n      if (!canResizing) return;\n\n      const resetSize = captureInitialExpandedSize();\n      if (!resetSize) return;\n\n      triggerResetWithoutTransition();\n\n      const rect = resizableRef.current?.resizable?.getBoundingClientRect();\n      const prevMainSize = rect ? (isVertical ? rect.height : rect.width) : 0;\n      const resetMainSize = isVertical ? resetSize.height : resetSize.width;\n      const nextMainSize = typeof resetMainSize === 'number' ? resetMainSize : prevMainSize;\n\n      resizableRef.current?.updateSize(resetSize);\n      setExpandedMainSize(resetSize);\n\n      onSizeChange?.(\n        isVertical\n          ? { height: nextMainSize - prevMainSize, width: 0 }\n          : { height: 0, width: nextMainSize - prevMainSize },\n        resetSize,\n      );\n    }, [\n      canResizing,\n      captureInitialExpandedSize,\n      isVertical,\n      onSizeChange,\n      setExpandedMainSize,\n      triggerResetWithoutTransition,\n    ]);\n\n    const handleResizeStart = useCallback(\n      (event: { detail?: number }) => {\n        if (event.detail === 2) {\n          handleResetSize();\n          return false;\n        }\n\n        if (resetTransitionTimeoutRef.current) {\n          clearTimeout(resetTransitionTimeoutRef.current);\n          resetTransitionTimeoutRef.current = undefined;\n        }\n\n        // Synchronously disable the outer transition so the first drag frame\n        // does not animate. `setShouldTransition(false)` below is asynchronous\n        // and would only take effect after the next React commit.\n        if (stableLayout && outerRef.current) {\n          outerRef.current.style.transition = 'none';\n        }\n        setShouldTransition(false);\n        setShowExpand(false);\n      },\n      [handleResetSize, stableLayout],\n    );\n\n    const handleResizeStop = useCallback(\n      (_event: unknown, _direction: unknown, el: HTMLElement, delta: NumberSize) => {\n        const nextSize = clampResizeSize(el);\n        setExpandedMainSize(nextSize);\n        setShouldTransition(true);\n        setShowExpand(true);\n        // Clear imperative inline overrides so React resumes owning the outer\n        // width/transition on the next render.\n        if (stableLayout && outerRef.current) {\n          outerRef.current.style.removeProperty('width');\n          outerRef.current.style.removeProperty('height');\n          outerRef.current.style.removeProperty('transition');\n        }\n        onSizeChange?.(delta, nextSize);\n      },\n      [clampResizeSize, onSizeChange, setExpandedMainSize, stableLayout],\n    );\n\n    const resizeHandleClassName = useMemo(\n      () =>\n        cx(handleVariants({ placement: reversed }), showHandleHighlight && styles.handleHighlight),\n      [reversed, showHandleHighlight],\n    );\n\n    if (fullscreen) {\n      return (\n        <div className={cx(styles.fullscreen, className)} style={cssVariables}>\n          {children}\n        </div>\n      );\n    }\n\n    const Arrow = ARROW_MAP[internalPlacement] ?? ChevronLeft;\n    const stableOuterFlex = stableLayout\n      ? ({\n          display: 'flex',\n          flexDirection: 'column',\n          minHeight: 0,\n        } as const)\n      : {};\n\n    const sidebarOuterStyle = isVertical\n      ? {\n          height: isExpand ? expandedOuterSize : 0,\n          overflow: 'hidden',\n          transition: shouldTransition ? 'height 0.2s var(--ant-motion-ease-out, ease)' : 'none',\n          width: '100%',\n          ...stableOuterFlex,\n        }\n      : {\n          overflow: 'hidden',\n          transition: shouldTransition ? 'width 0.2s var(--ant-motion-ease-out, ease)' : 'none',\n          width: isExpand ? expandedOuterSize : 0,\n          ...(stableLayout\n            ? {\n                ...stableOuterFlex,\n                flex: 1,\n                minWidth: 0,\n                height: '100%',\n              }\n            : {}),\n        };\n\n    const stableInnerStyle: CSSProperties = {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      height: '100%',\n      minHeight: 0,\n      minWidth: 0,\n      width: '100%',\n    };\n    const sidebarInnerStyle: CSSProperties = stableLayout\n      ? stableInnerStyle\n      : isVertical\n        ? { height: '100%', width: '100%' }\n        : { width: '100%' };\n\n    const stableAsideStyle: CSSProperties = stableLayout\n      ? {\n          display: 'flex',\n          flexDirection: 'column',\n          minHeight: 0,\n          ...(mode === 'fixed' ? { height: '100%' } : {}),\n        }\n      : {};\n\n    const stableResizableStyle: CSSProperties = {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      height: '100%',\n      minHeight: 0,\n      minWidth: 0,\n      width: '100%',\n    };\n\n    const panelNode = (!destroyOnClose || isExpand) && (\n      <Resizable\n        ref={resizableRef}\n        {...sizeProps}\n        className={cx(styles.panel, classNames?.content)}\n        enable={canResizing ? (resizing as Enable) : DISABLED_RESIZING}\n        handleClasses={\n          canResizing\n            ? {\n                [reversed]: resizeHandleClassName,\n              }\n            : {}\n        }\n        style={{\n          ...cssVariables,\n          transition: shouldTransition ? undefined : 'none',\n          ...(stableLayout ? stableResizableStyle : {}),\n          ...style,\n        }}\n        onResize={handleResize}\n        onResizeStart={handleResizeStart}\n        onResizeStop={handleResizeStop}\n      >\n        {stableLayout ? <div style={sidebarInnerStyle}>{children}</div> : children}\n      </Resizable>\n    );\n\n    return (\n      <aside\n        dir={dir}\n        ref={ref}\n        style={{ ...cssVariables, ...stableAsideStyle }}\n        className={cx(\n          panelVariants({ isExpand, mode, placement: internalPlacement, showBorder }),\n          className,\n        )}\n      >\n        {expandable && showExpand && (\n          <Center\n            className={toggleVariants({ placement: internalPlacement, showHandleWideArea })}\n            style={{\n              opacity: isExpand ? (pin ? undefined : 0) : showHandleWhenCollapsed ? 1 : 0,\n            }}\n          >\n            <Center\n              className={classNames?.handle}\n              style={customStyles?.handle}\n              onClick={toggleExpand}\n            >\n              <Icon\n                className={styles.handlerIcon}\n                icon={Arrow}\n                size={16}\n                style={{\n                  ...MARGIN_MAP[internalPlacement],\n                  transform: `rotate(${isExpand ? 180 : 0}deg)`,\n                  transition: 'transform 0.3s ease',\n                }}\n              />\n            </Center>\n          </Center>\n        )}\n        {stableLayout ? (\n          <div ref={outerRef} style={sidebarOuterStyle}>\n            {panelNode}\n          </div>\n        ) : (\n          panelNode\n        )}\n      </aside>\n    );\n  },\n  isEqual,\n);\n\nDraggablePanel.displayName = 'DraggablePanel';\n\nexport default DraggablePanel;\n"],"mappings":"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"}

package/es/DraggablePanel/components/DraggablePanelBody.d.mts

@@ -1,9 +1,7 @@
 import { DivProps } from "../../types/index.mjs";
-import * as _$react from "react";
-
 //#region src/DraggablePanel/components/DraggablePanelBody.d.ts
 type DraggablePanelBodyProps = DivProps;
-declare const DraggablePanelBody: _$react.NamedExoticComponent<DivProps>;
+declare const DraggablePanelBody: import("react").NamedExoticComponent<DivProps>;
 //#endregion
-export { DraggablePanelBody, DraggablePanelBodyProps };
+export { DraggablePanelBodyProps, DraggablePanelBody as default };
 //# sourceMappingURL=DraggablePanelBody.d.mts.map

package/es/DraggablePanel/components/DraggablePanelBody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePanelBody.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelBody.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelBodyProps = DivProps;\n\nconst DraggablePanelBody = memo<DraggablePanelBodyProps>(({ className, ...rest }) => {\n  return <Flexbox className={cx(styles.body, className)} flex={1} {...rest} />;\n});\n\nDraggablePanelBody.displayName = 'DraggablePanelBody';\n\nexport default DraggablePanelBody;\n"],"mappings":";;;;;;;AAYA,MAAM,qBAAqB,MAA+B,EAAE,WAAW,GAAG,WAAW;AACnF,QAAO,oBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,MAAM,UAAU;EAAE,MAAM;EAAG,GAAI;EAAQ,CAAA;EAC5E;AAEF,mBAAmB,cAAc"}
+{"version":3,"file":"DraggablePanelBody.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelBody.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelBodyProps = DivProps;\n\nconst DraggablePanelBody = memo<DraggablePanelBodyProps>(({ className, ...rest }) => {\n  return <Flexbox className={cx(styles.body, className)} flex={1} {...rest} />;\n});\n\nDraggablePanelBody.displayName = 'DraggablePanelBody';\n\nexport default DraggablePanelBody;\n"],"mappings":";;;;;;;AAYA,MAAM,qBAAqB,MAA+B,EAAE,WAAW,GAAG,WAAW;CACnF,OAAO,oBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,MAAM,SAAS;EAAG,MAAM;EAAG,GAAI;CAAO,CAAA;AAC7E,CAAC;AAED,mBAAmB,cAAc"}

package/es/DraggablePanel/components/DraggablePanelContainer.d.mts

@@ -1,9 +1,7 @@
 import { DivProps } from "../../types/index.mjs";
-import * as _$react from "react";
-
 //#region src/DraggablePanel/components/DraggablePanelContainer.d.ts
 type DraggablePanelContainerProps = DivProps;
-declare const DraggablePanelContainer: _$react.NamedExoticComponent<DivProps>;
+declare const DraggablePanelContainer: import("react").NamedExoticComponent<DivProps>;
 //#endregion
-export { DraggablePanelContainer, DraggablePanelContainerProps };
+export { DraggablePanelContainerProps, DraggablePanelContainer as default };
 //# sourceMappingURL=DraggablePanelContainer.d.mts.map

package/es/DraggablePanel/components/DraggablePanelContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePanelContainer.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelContainer.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelContainerProps = DivProps;\n\nconst DraggablePanelContainer = memo<DraggablePanelContainerProps>(({ className, ...rest }) => {\n  return <Flexbox className={cx(styles.container, className)} {...rest} />;\n});\n\nDraggablePanelContainer.displayName = 'DraggablePanelContainer';\n\nexport default DraggablePanelContainer;\n"],"mappings":";;;;;;;AAYA,MAAM,0BAA0B,MAAoC,EAAE,WAAW,GAAG,WAAW;AAC7F,QAAO,oBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;EAAQ,CAAA;EACxE;AAEF,wBAAwB,cAAc"}
+{"version":3,"file":"DraggablePanelContainer.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelContainer.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelContainerProps = DivProps;\n\nconst DraggablePanelContainer = memo<DraggablePanelContainerProps>(({ className, ...rest }) => {\n  return <Flexbox className={cx(styles.container, className)} {...rest} />;\n});\n\nDraggablePanelContainer.displayName = 'DraggablePanelContainer';\n\nexport default DraggablePanelContainer;\n"],"mappings":";;;;;;;AAYA,MAAM,0BAA0B,MAAoC,EAAE,WAAW,GAAG,WAAW;CAC7F,OAAO,oBAACA,mBAAD;EAAS,WAAW,GAAG,OAAO,WAAW,SAAS;EAAG,GAAI;CAAO,CAAA;AACzE,CAAC;AAED,wBAAwB,cAAc"}

package/es/DraggablePanel/components/DraggablePanelFooter.d.mts

@@ -1,9 +1,7 @@
 import { DivProps } from "../../types/index.mjs";
-import * as _$react from "react";
-
 //#region src/DraggablePanel/components/DraggablePanelFooter.d.ts
 type DraggablePanelFooterProps = DivProps;
-declare const DraggablePanelFooter: _$react.NamedExoticComponent<DivProps>;
+declare const DraggablePanelFooter: import("react").NamedExoticComponent<DivProps>;
 //#endregion
-export { DraggablePanelFooter, DraggablePanelFooterProps };
+export { DraggablePanelFooterProps, DraggablePanelFooter as default };
 //# sourceMappingURL=DraggablePanelFooter.d.mts.map

package/es/DraggablePanel/components/DraggablePanelFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePanelFooter.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelFooter.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelFooterProps = DivProps;\n\nconst DraggablePanelFooter = memo<DraggablePanelFooterProps>(({ className, ...rest }) => {\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(styles.footer, className)}\n      flex={'none'}\n      gap={8}\n      justify={'flex-start'}\n      {...rest}\n    />\n  );\n});\n\nDraggablePanelFooter.displayName = 'DraggablePanelFooter';\n\nexport default DraggablePanelFooter;\n"],"mappings":";;;;;;;AAYA,MAAM,uBAAuB,MAAiC,EAAE,WAAW,GAAG,WAAW;AACvF,QACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,MAAM;EACN,KAAK;EACL,SAAS;EACT,GAAI;EACJ,CAAA;EAEJ;AAEF,qBAAqB,cAAc"}
+{"version":3,"file":"DraggablePanelFooter.mjs","names":["Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelFooter.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport type DraggablePanelFooterProps = DivProps;\n\nconst DraggablePanelFooter = memo<DraggablePanelFooterProps>(({ className, ...rest }) => {\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(styles.footer, className)}\n      flex={'none'}\n      gap={8}\n      justify={'flex-start'}\n      {...rest}\n    />\n  );\n});\n\nDraggablePanelFooter.displayName = 'DraggablePanelFooter';\n\nexport default DraggablePanelFooter;\n"],"mappings":";;;;;;;AAYA,MAAM,uBAAuB,MAAiC,EAAE,WAAW,GAAG,WAAW;CACvF,OACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,MAAM;EACN,KAAK;EACL,SAAS;EACT,GAAI;CACL,CAAA;AAEL,CAAC;AAED,qBAAqB,cAAc"}

package/es/DraggablePanel/components/DraggablePanelHeader.d.mts

@@ -1,6 +1,4 @@
 import { DivProps } from "../../types/index.mjs";
-import * as _$react from "react";
-
 //#region src/DraggablePanel/components/DraggablePanelHeader.d.ts
 interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
   pin?: boolean;
@@ -9,7 +7,7 @@ interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {
   setPin?: (pin: boolean) => void;
   title?: string;
 }
-declare const DraggablePanelHeader: _$react.NamedExoticComponent<DraggablePanelHeaderProps>;
+declare const DraggablePanelHeader: import("react").NamedExoticComponent<DraggablePanelHeaderProps>;
 //#endregion
-export { DraggablePanelHeader, DraggablePanelHeaderProps };
+export { DraggablePanelHeaderProps, DraggablePanelHeader as default };
 //# sourceMappingURL=DraggablePanelHeader.d.mts.map

package/es/DraggablePanel/components/DraggablePanelHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePanelHeader.mjs","names":["useControlledState","Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { PanelLeft, Pin, PinOff } from 'lucide-react';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {\n  pin?: boolean;\n  position?: 'left' | 'right';\n  setExpand?: (expand: boolean) => void;\n  setPin?: (pin: boolean) => void;\n  title?: string;\n}\n\nconst DraggablePanelHeader = memo<DraggablePanelHeaderProps>((props) => {\n  const { pin, setPin, className, setExpand, title, position = 'left', ...rest } = props;\n\n  const [isPinned, setIsPinned] = useControlledState(false, {\n    onChange: setPin,\n    value: pin,\n  });\n\n  const panelIcon = (\n    <ActionIcon icon={PanelLeft} size={'small'} onClick={() => setExpand?.(false)} />\n  );\n  const pinIcon = (\n    <ActionIcon\n      active={pin}\n      icon={pin ? Pin : PinOff}\n      size={'small'}\n      onClick={() => setIsPinned(!isPinned)}\n    />\n  );\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(styles.header, className)}\n      flex={'none'}\n      gap={8}\n      justify={'space-between'}\n      {...rest}\n    >\n      {position === 'left' ? panelIcon : pinIcon}\n      {title}\n      {position === 'left' ? pinIcon : panelIcon}\n    </Flexbox>\n  );\n});\n\nDraggablePanelHeader.displayName = 'DraggablePanelHeader';\n\nexport default DraggablePanelHeader;\n"],"mappings":";;;;;;;;;;AAqBA,MAAM,uBAAuB,MAAiC,UAAU;CACtE,MAAM,EAAE,KAAK,QAAQ,WAAW,WAAW,OAAO,WAAW,QAAQ,GAAG,SAAS;CAEjF,MAAM,CAAC,UAAU,eAAeA,cAAmB,OAAO;EACxD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,YACJ,oBAAC,YAAD;EAAY,MAAM;EAAW,MAAM;EAAS,eAAe,YAAY,MAAM;EAAI,CAAA;CAEnF,MAAM,UACJ,oBAAC,YAAD;EACE,QAAQ;EACR,MAAM,MAAM,MAAM;EAClB,MAAM;EACN,eAAe,YAAY,CAAC,SAAS;EACrC,CAAA;AAEJ,QACE,qBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,UAAU;EACvC,MAAM;EACN,KAAK;EACL,SAAS;EACT,GAAI;YAPN;GASG,aAAa,SAAS,YAAY;GAClC;GACA,aAAa,SAAS,UAAU;GACzB;;EAEZ;AAEF,qBAAqB,cAAc"}
+{"version":3,"file":"DraggablePanelHeader.mjs","names":["useControlledState","Flexbox"],"sources":["../../../src/DraggablePanel/components/DraggablePanelHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { PanelLeft, Pin, PinOff } from 'lucide-react';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport { type DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface DraggablePanelHeaderProps extends Omit<DivProps, 'children'> {\n  pin?: boolean;\n  position?: 'left' | 'right';\n  setExpand?: (expand: boolean) => void;\n  setPin?: (pin: boolean) => void;\n  title?: string;\n}\n\nconst DraggablePanelHeader = memo<DraggablePanelHeaderProps>((props) => {\n  const { pin, setPin, className, setExpand, title, position = 'left', ...rest } = props;\n\n  const [isPinned, setIsPinned] = useControlledState(false, {\n    onChange: setPin,\n    value: pin,\n  });\n\n  const panelIcon = (\n    <ActionIcon icon={PanelLeft} size={'small'} onClick={() => setExpand?.(false)} />\n  );\n  const pinIcon = (\n    <ActionIcon\n      active={pin}\n      icon={pin ? Pin : PinOff}\n      size={'small'}\n      onClick={() => setIsPinned(!isPinned)}\n    />\n  );\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(styles.header, className)}\n      flex={'none'}\n      gap={8}\n      justify={'space-between'}\n      {...rest}\n    >\n      {position === 'left' ? panelIcon : pinIcon}\n      {title}\n      {position === 'left' ? pinIcon : panelIcon}\n    </Flexbox>\n  );\n});\n\nDraggablePanelHeader.displayName = 'DraggablePanelHeader';\n\nexport default DraggablePanelHeader;\n"],"mappings":";;;;;;;;;;AAqBA,MAAM,uBAAuB,MAAiC,UAAU;CACtE,MAAM,EAAE,KAAK,QAAQ,WAAW,WAAW,OAAO,WAAW,QAAQ,GAAG,SAAS;CAEjF,MAAM,CAAC,UAAU,eAAeA,cAAmB,OAAO;EACxD,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,YACJ,oBAAC,YAAD;EAAY,MAAM;EAAW,MAAM;EAAS,eAAe,YAAY,KAAK;CAAI,CAAA;CAElF,MAAM,UACJ,oBAAC,YAAD;EACE,QAAQ;EACR,MAAM,MAAM,MAAM;EAClB,MAAM;EACN,eAAe,YAAY,CAAC,QAAQ;CACrC,CAAA;CAEH,OACE,qBAACC,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,MAAM;EACN,KAAK;EACL,SAAS;EACT,GAAI;YAPN;GASG,aAAa,SAAS,YAAY;GAClC;GACA,aAAa,SAAS,UAAU;EAC1B;;AAEb,CAAC;AAED,qBAAqB,cAAc"}

package/es/DraggablePanel/components/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/DraggablePanel/components/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    body: css`\n      overflow: hidden auto;\n      padding: 16px;\n    `,\n    container: css`\n      position: relative;\n      overflow: hidden;\n    `,\n    footer: css`\n      padding-block: 8px;\n      padding-inline: 16px;\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    handlerIcon: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    `,\n    header: css`\n      padding-block: 8px;\n      padding-inline: 16px;\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n      font-weight: 500;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,MAAM,GAAG;;;;EAIT,WAAW,GAAG;;;;EAId,QAAQ,GAAG;;;sCAGuB,OAAO,qBAAqB;;EAE9D,aAAa,GAAG;;;;6BAIS,OAAO,cAAc;;EAE9C,QAAQ,GAAG;;;oCAGqB,OAAO,qBAAqB;;;EAG7D;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/DraggablePanel/components/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    body: css`\n      overflow: hidden auto;\n      padding: 16px;\n    `,\n    container: css`\n      position: relative;\n      overflow: hidden;\n    `,\n    footer: css`\n      padding-block: 8px;\n      padding-inline: 16px;\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    handlerIcon: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    `,\n    header: css`\n      padding-block: 8px;\n      padding-inline: 16px;\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n      font-weight: 500;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,MAAM,GAAG;;;;EAIT,WAAW,GAAG;;;;EAId,QAAQ,GAAG;;;sCAGuB,OAAO,qBAAqB;;EAE9D,aAAa,GAAG;;;;6BAIS,OAAO,cAAc;;EAE9C,QAAQ,GAAG;;;oCAGqB,OAAO,qBAAqB;;;CAG9D;AACF,CAAC"}

package/es/DraggablePanel/index.d.mts

@@ -1,10 +1,9 @@
-import { DraggablePanelBody, DraggablePanelBodyProps } from "./components/DraggablePanelBody.mjs";
-import { DraggablePanelContainer, DraggablePanelContainerProps } from "./components/DraggablePanelContainer.mjs";
-import { DraggablePanelFooter, DraggablePanelFooterProps } from "./components/DraggablePanelFooter.mjs";
-import { DraggablePanelHeader, DraggablePanelHeaderProps } from "./components/DraggablePanelHeader.mjs";
+import DraggablePanelBody, { DraggablePanelBodyProps } from "./components/DraggablePanelBody.mjs";
+import DraggablePanelContainer, { DraggablePanelContainerProps } from "./components/DraggablePanelContainer.mjs";
+import DraggablePanelFooter, { DraggablePanelFooterProps } from "./components/DraggablePanelFooter.mjs";
+import DraggablePanelHeader, { DraggablePanelHeaderProps } from "./components/DraggablePanelHeader.mjs";
 import { DraggablePanelProps } from "./type.mjs";
 import { ReactNode, RefAttributes } from "react";
-
 //#region src/DraggablePanel/index.d.ts
 interface IDraggablePanel {
   (props: DraggablePanelProps & RefAttributes<HTMLDivElement>): ReactNode;
@@ -15,5 +14,5 @@ interface IDraggablePanel {
 }
 declare const DraggablePanel: IDraggablePanel;
 //#endregion
-export { DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHeader, type DraggablePanelHeaderProps, DraggablePanelProps, DraggablePanel as default };
+export { DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelProps, DraggablePanel as default };
 //# sourceMappingURL=index.d.mts.map

package/es/DraggablePanel/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/DraggablePanel/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\n// Layout constants\nconst LAYOUT = {\n  offset: 16,\n  toggleLength: 54,\n  toggleShort: 16,\n};\n\nconst prefixCls = 'ant';\n\nconst prefix = `${prefixCls}-draggable-panel`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  // Base styles - border styles split by showBorder\n  const borderStyles = {\n    borderBottom: css`\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderBottomNone: css`\n      border-block-end-width: 0;\n    `,\n    borderLeft: css`\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderLeftNone: css`\n      border-inline-start-width: 0;\n    `,\n    borderRight: css`\n      border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderRightNone: css`\n      border-inline-end-width: 0;\n    `,\n    borderTop: css`\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderTopNone: css`\n      border-block-start-width: 0;\n    `,\n  };\n\n  // Position styles\n  const float = css`\n    position: absolute;\n    z-index: 200;\n  `;\n\n  const floatPositions = {\n    bottomFloat: cx(\n      float,\n      css`\n        inset-block-end: 0;\n        inset-inline: 0 0;\n        width: 100%;\n      `,\n    ),\n    leftFloat: cx(\n      float,\n      css`\n        inset-block: var(--draggable-panel-header-height, 0) 0;\n        inset-inline-start: 0;\n        height: calc(100% - var(--draggable-panel-header-height, 0px));\n      `,\n    ),\n    rightFloat: cx(\n      float,\n      css`\n        inset-block: var(--draggable-panel-header-height, 0) 0;\n        inset-inline-end: 0;\n        height: calc(100% - var(--draggable-panel-header-height, 0px));\n      `,\n    ),\n    topFloat: cx(\n      float,\n      css`\n        inset-block-start: var(--draggable-panel-header-height, 0);\n        inset-inline: 0 0;\n        width: 100%;\n      `,\n    ),\n  };\n\n  // Handle styles\n  const handleBaseStyle = css`\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    }\n  `;\n\n  const handleHighlightStyle = css`\n    &:hover {\n      &::before {\n        background: ${cssVar.colorPrimaryBorder};\n        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar.colorPrimary} 25%, transparent);\n      }\n    }\n\n    &:active {\n      &::before {\n        background: ${cssVar.colorPrimary} !important;\n      }\n    }\n  `;\n\n  const handleStyles = {\n    handleBottom: cx(\n      `${prefix}-bottom-handle`,\n      css`\n        &::before {\n          inset-block-end: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      `,\n    ),\n    handleLeft: cx(\n      `${prefix}-left-handle`,\n      css`\n        &::before {\n          inset-inline-start: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      `,\n    ),\n    handleRight: cx(\n      `${prefix}-right-handle`,\n      css`\n        &::before {\n          inset-inline-end: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      `,\n    ),\n    handleRoot: handleBaseStyle,\n    handleTop: cx(\n      `${prefix}-top-handle`,\n      css`\n        &::before {\n          inset-block-start: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      `,\n    ),\n  };\n\n  // Toggle styles - base class with variant for showHandleWideArea\n  const toggleRoot = cx(\n    `${prefix}-toggle`,\n    css`\n      position: absolute;\n      z-index: 50;\n      opacity: 0;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n\n      &:hover,\n      &:active {\n        opacity: 1 !important;\n      }\n\n      > div {\n        pointer-events: all;\n        cursor: pointer;\n\n        position: absolute;\n\n        border: 1px solid ${cssVar.colorBorder};\n\n        color: ${cssVar.colorTextTertiary};\n\n        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});\n        backdrop-filter: blur(8px);\n\n        transition: all 0.2s ${cssVar.motionEaseOut};\n\n        &:hover {\n          color: ${cssVar.colorTextSecondary};\n        }\n\n        &:active {\n          color: ${cssVar.colorText};\n        }\n      }\n    `,\n  );\n\n  const toggleRootWithWideArea = css`\n    pointer-events: all;\n  `;\n\n  const toggleRootWithoutWideArea = css`\n    pointer-events: none;\n  `;\n\n  const toggleStyles = {\n    toggleBottom: cx(\n      `${prefix}-toggle-bottom`,\n      css`\n        inset-block-end: -${LAYOUT.offset}px;\n        width: 100%;\n        height: ${LAYOUT.toggleShort}px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ${LAYOUT.toggleLength}px;\n          height: ${LAYOUT.toggleShort}px;\n          margin-inline-start: -27px;\n          border-block-start-width: 0;\n          border-radius: 0 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG};\n        }\n      `,\n    ),\n    toggleLeft: cx(\n      `${prefix}-toggle-left`,\n      css`\n        inset-inline-start: -${LAYOUT.offset}px;\n        width: ${LAYOUT.toggleShort}px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ${LAYOUT.toggleShort}px;\n          height: ${LAYOUT.toggleLength}px;\n          margin-block-start: -27px;\n          border-inline-end-width: 0;\n          border-radius: ${cssVar.borderRadiusLG} 0 0 ${cssVar.borderRadiusLG};\n        }\n      `,\n    ),\n    toggleRight: cx(\n      `${prefix}-toggle-right`,\n      css`\n        inset-inline-end: -${LAYOUT.offset}px;\n        width: ${LAYOUT.toggleShort}px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ${LAYOUT.toggleShort}px;\n          height: ${LAYOUT.toggleLength}px;\n          margin-block-start: -27px;\n          border-inline-start-width: 0;\n          border-radius: 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0;\n        }\n      `,\n    ),\n    toggleRoot,\n    toggleRootWithWideArea,\n    toggleRootWithoutWideArea,\n    toggleTop: cx(\n      `${prefix}-toggle-top`,\n      css`\n        inset-block-start: -${LAYOUT.offset}px;\n        width: 100%;\n        height: ${LAYOUT.toggleShort}px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ${LAYOUT.toggleLength}px;\n          height: ${LAYOUT.toggleShort}px;\n          margin-inline-start: -27px;\n          border-block-end-width: 0;\n          border-radius: ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0 0;\n        }\n      `,\n    ),\n  };\n\n  // Additional component styles\n  const componentStyles = {\n    fixed: css`\n      position: relative;\n    `,\n    fullscreen: css`\n      position: absolute;\n      inset-block: var(--draggable-panel-header-height, 0) 0;\n      inset-inline: 0;\n\n      width: 100%;\n      height: calc(100% - var(--draggable-panel-header-height, 0px));\n\n      background: ${cssVar.colorBgContainer};\n    `,\n    handlerIcon: css`\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    `,\n    panel: cx(\n      `${prefix}-fixed`,\n      css`\n        overflow: hidden;\n        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});\n        transition: all 0.2s ${cssVar.motionEaseOut};\n      `,\n    ),\n    root: cx(\n      prefix,\n      css`\n        flex-shrink: 0;\n\n        &:hover {\n          > .${prefix}-toggle {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n  };\n\n  return {\n    ...borderStyles,\n    ...floatPositions,\n    ...handleStyles,\n    handleHighlight: handleHighlightStyle,\n    ...toggleStyles,\n    ...componentStyles,\n  };\n});\n\nexport const handleVariants = cva(styles.handleRoot, {\n  variants: {\n    placement: {\n      bottom: styles.handleBottom,\n      left: styles.handleLeft,\n      right: styles.handleRight,\n      top: styles.handleTop,\n    },\n  },\n});\n\nexport const panelVariants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.bottomFloat,\n      mode: 'float',\n      placement: 'bottom',\n    },\n    {\n      class: styles.topFloat,\n      mode: 'float',\n      placement: 'top',\n    },\n    {\n      class: styles.leftFloat,\n      mode: 'float',\n      placement: 'left',\n    },\n    {\n      class: styles.rightFloat,\n      mode: 'float',\n      placement: 'right',\n    },\n    // Border styles based on placement, isExpand, and showBorder\n    // Note: border is on the opposite side of placement\n    // placement 'top' -> borderBottom, placement 'right' -> borderLeft, etc.\n    {\n      class: styles.borderBottom,\n      isExpand: true,\n      placement: 'top',\n      showBorder: true,\n    },\n    {\n      class: styles.borderBottomNone,\n      isExpand: true,\n      placement: 'top',\n      showBorder: false,\n    },\n    {\n      class: styles.borderLeft,\n      isExpand: true,\n      placement: 'right',\n      showBorder: true,\n    },\n    {\n      class: styles.borderLeftNone,\n      isExpand: true,\n      placement: 'right',\n      showBorder: false,\n    },\n    {\n      class: styles.borderTop,\n      isExpand: true,\n      placement: 'bottom',\n      showBorder: true,\n    },\n    {\n      class: styles.borderTopNone,\n      isExpand: true,\n      placement: 'bottom',\n      showBorder: false,\n    },\n    {\n      class: styles.borderRight,\n      isExpand: true,\n      placement: 'left',\n      showBorder: true,\n    },\n    {\n      class: styles.borderRightNone,\n      isExpand: true,\n      placement: 'left',\n      showBorder: false,\n    },\n  ],\n  defaultVariants: {\n    isExpand: false,\n    mode: 'fixed',\n    placement: 'right',\n    showBorder: true,\n  },\n\n  variants: {\n    isExpand: {\n      false: null,\n      true: null,\n    },\n    mode: {\n      fixed: styles.fixed,\n      float: null,\n    },\n    placement: {\n      bottom: null,\n      left: null,\n      right: null,\n      top: null,\n    },\n    showBorder: {\n      false: null,\n      true: null,\n    },\n  },\n});\n\nexport const toggleVariants = cva(styles.toggleRoot, {\n  compoundVariants: [\n    {\n      class: styles.toggleRootWithWideArea,\n      showHandleWideArea: true,\n    },\n    {\n      class: styles.toggleRootWithoutWideArea,\n      showHandleWideArea: false,\n    },\n  ],\n  defaultVariants: {\n    showHandleWideArea: false,\n  },\n  variants: {\n    placement: {\n      bottom: styles.toggleTop,\n      left: styles.toggleRight,\n      right: styles.toggleLeft,\n      top: styles.toggleBottom,\n    },\n    showHandleWideArea: {\n      false: null,\n      true: null,\n    },\n  },\n});\n"],"mappings":"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GACd,MAAM;GACN,WAAW;GACZ;EAID;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACD;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;GACb;EACF;CACD,iBAAiB;EACf,UAAU;EACV,MAAM;EACN,WAAW;EACX,YAAY;EACb;CAED,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,OAAO,OAAO;GACd,OAAO;GACR;EACD,WAAW;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;GACN;EACD,YAAY;GACV,OAAO;GACP,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAa,iBAAiB,IAAI,OAAO,YAAY;CACnD,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,oBAAoB;EACrB,EACD;EACE,OAAO,OAAO;EACd,oBAAoB;EACrB,CACF;CACD,iBAAiB,EACf,oBAAoB,OACrB;CACD,UAAU;EACR,WAAW;GACT,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,OAAO,OAAO;GACd,KAAK,OAAO;GACb;EACD,oBAAoB;GAClB,OAAO;GACP,MAAM;GACP;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/DraggablePanel/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\n// Layout constants\nconst LAYOUT = {\n  offset: 16,\n  toggleLength: 54,\n  toggleShort: 16,\n};\n\nconst prefixCls = 'ant';\n\nconst prefix = `${prefixCls}-draggable-panel`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  // Base styles - border styles split by showBorder\n  const borderStyles = {\n    borderBottom: css`\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderBottomNone: css`\n      border-block-end-width: 0;\n    `,\n    borderLeft: css`\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderLeftNone: css`\n      border-inline-start-width: 0;\n    `,\n    borderRight: css`\n      border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderRightNone: css`\n      border-inline-end-width: 0;\n    `,\n    borderTop: css`\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderTopNone: css`\n      border-block-start-width: 0;\n    `,\n  };\n\n  // Position styles\n  const float = css`\n    position: absolute;\n    z-index: 200;\n  `;\n\n  const floatPositions = {\n    bottomFloat: cx(\n      float,\n      css`\n        inset-block-end: 0;\n        inset-inline: 0 0;\n        width: 100%;\n      `,\n    ),\n    leftFloat: cx(\n      float,\n      css`\n        inset-block: var(--draggable-panel-header-height, 0) 0;\n        inset-inline-start: 0;\n        height: calc(100% - var(--draggable-panel-header-height, 0px));\n      `,\n    ),\n    rightFloat: cx(\n      float,\n      css`\n        inset-block: var(--draggable-panel-header-height, 0) 0;\n        inset-inline-end: 0;\n        height: calc(100% - var(--draggable-panel-header-height, 0px));\n      `,\n    ),\n    topFloat: cx(\n      float,\n      css`\n        inset-block-start: var(--draggable-panel-header-height, 0);\n        inset-inline: 0 0;\n        width: 100%;\n      `,\n    ),\n  };\n\n  // Handle styles\n  const handleBaseStyle = css`\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    }\n  `;\n\n  const handleHighlightStyle = css`\n    &:hover {\n      &::before {\n        background: ${cssVar.colorPrimaryBorder};\n        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar.colorPrimary} 25%, transparent);\n      }\n    }\n\n    &:active {\n      &::before {\n        background: ${cssVar.colorPrimary} !important;\n      }\n    }\n  `;\n\n  const handleStyles = {\n    handleBottom: cx(\n      `${prefix}-bottom-handle`,\n      css`\n        &::before {\n          inset-block-end: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      `,\n    ),\n    handleLeft: cx(\n      `${prefix}-left-handle`,\n      css`\n        &::before {\n          inset-inline-start: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      `,\n    ),\n    handleRight: cx(\n      `${prefix}-right-handle`,\n      css`\n        &::before {\n          inset-inline-end: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      `,\n    ),\n    handleRoot: handleBaseStyle,\n    handleTop: cx(\n      `${prefix}-top-handle`,\n      css`\n        &::before {\n          inset-block-start: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      `,\n    ),\n  };\n\n  // Toggle styles - base class with variant for showHandleWideArea\n  const toggleRoot = cx(\n    `${prefix}-toggle`,\n    css`\n      position: absolute;\n      z-index: 50;\n      opacity: 0;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n\n      &:hover,\n      &:active {\n        opacity: 1 !important;\n      }\n\n      > div {\n        pointer-events: all;\n        cursor: pointer;\n\n        position: absolute;\n\n        border: 1px solid ${cssVar.colorBorder};\n\n        color: ${cssVar.colorTextTertiary};\n\n        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});\n        backdrop-filter: blur(8px);\n\n        transition: all 0.2s ${cssVar.motionEaseOut};\n\n        &:hover {\n          color: ${cssVar.colorTextSecondary};\n        }\n\n        &:active {\n          color: ${cssVar.colorText};\n        }\n      }\n    `,\n  );\n\n  const toggleRootWithWideArea = css`\n    pointer-events: all;\n  `;\n\n  const toggleRootWithoutWideArea = css`\n    pointer-events: none;\n  `;\n\n  const toggleStyles = {\n    toggleBottom: cx(\n      `${prefix}-toggle-bottom`,\n      css`\n        inset-block-end: -${LAYOUT.offset}px;\n        width: 100%;\n        height: ${LAYOUT.toggleShort}px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ${LAYOUT.toggleLength}px;\n          height: ${LAYOUT.toggleShort}px;\n          margin-inline-start: -27px;\n          border-block-start-width: 0;\n          border-radius: 0 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG};\n        }\n      `,\n    ),\n    toggleLeft: cx(\n      `${prefix}-toggle-left`,\n      css`\n        inset-inline-start: -${LAYOUT.offset}px;\n        width: ${LAYOUT.toggleShort}px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ${LAYOUT.toggleShort}px;\n          height: ${LAYOUT.toggleLength}px;\n          margin-block-start: -27px;\n          border-inline-end-width: 0;\n          border-radius: ${cssVar.borderRadiusLG} 0 0 ${cssVar.borderRadiusLG};\n        }\n      `,\n    ),\n    toggleRight: cx(\n      `${prefix}-toggle-right`,\n      css`\n        inset-inline-end: -${LAYOUT.offset}px;\n        width: ${LAYOUT.toggleShort}px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ${LAYOUT.toggleShort}px;\n          height: ${LAYOUT.toggleLength}px;\n          margin-block-start: -27px;\n          border-inline-start-width: 0;\n          border-radius: 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0;\n        }\n      `,\n    ),\n    toggleRoot,\n    toggleRootWithWideArea,\n    toggleRootWithoutWideArea,\n    toggleTop: cx(\n      `${prefix}-toggle-top`,\n      css`\n        inset-block-start: -${LAYOUT.offset}px;\n        width: 100%;\n        height: ${LAYOUT.toggleShort}px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ${LAYOUT.toggleLength}px;\n          height: ${LAYOUT.toggleShort}px;\n          margin-inline-start: -27px;\n          border-block-end-width: 0;\n          border-radius: ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0 0;\n        }\n      `,\n    ),\n  };\n\n  // Additional component styles\n  const componentStyles = {\n    fixed: css`\n      position: relative;\n    `,\n    fullscreen: css`\n      position: absolute;\n      inset-block: var(--draggable-panel-header-height, 0) 0;\n      inset-inline: 0;\n\n      width: 100%;\n      height: calc(100% - var(--draggable-panel-header-height, 0px));\n\n      background: ${cssVar.colorBgContainer};\n    `,\n    handlerIcon: css`\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    `,\n    panel: cx(\n      `${prefix}-fixed`,\n      css`\n        overflow: hidden;\n        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});\n        transition: all 0.2s ${cssVar.motionEaseOut};\n      `,\n    ),\n    root: cx(\n      prefix,\n      css`\n        flex-shrink: 0;\n\n        &:hover {\n          > .${prefix}-toggle {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n  };\n\n  return {\n    ...borderStyles,\n    ...floatPositions,\n    ...handleStyles,\n    handleHighlight: handleHighlightStyle,\n    ...toggleStyles,\n    ...componentStyles,\n  };\n});\n\nexport const handleVariants = cva(styles.handleRoot, {\n  variants: {\n    placement: {\n      bottom: styles.handleBottom,\n      left: styles.handleLeft,\n      right: styles.handleRight,\n      top: styles.handleTop,\n    },\n  },\n});\n\nexport const panelVariants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.bottomFloat,\n      mode: 'float',\n      placement: 'bottom',\n    },\n    {\n      class: styles.topFloat,\n      mode: 'float',\n      placement: 'top',\n    },\n    {\n      class: styles.leftFloat,\n      mode: 'float',\n      placement: 'left',\n    },\n    {\n      class: styles.rightFloat,\n      mode: 'float',\n      placement: 'right',\n    },\n    // Border styles based on placement, isExpand, and showBorder\n    // Note: border is on the opposite side of placement\n    // placement 'top' -> borderBottom, placement 'right' -> borderLeft, etc.\n    {\n      class: styles.borderBottom,\n      isExpand: true,\n      placement: 'top',\n      showBorder: true,\n    },\n    {\n      class: styles.borderBottomNone,\n      isExpand: true,\n      placement: 'top',\n      showBorder: false,\n    },\n    {\n      class: styles.borderLeft,\n      isExpand: true,\n      placement: 'right',\n      showBorder: true,\n    },\n    {\n      class: styles.borderLeftNone,\n      isExpand: true,\n      placement: 'right',\n      showBorder: false,\n    },\n    {\n      class: styles.borderTop,\n      isExpand: true,\n      placement: 'bottom',\n      showBorder: true,\n    },\n    {\n      class: styles.borderTopNone,\n      isExpand: true,\n      placement: 'bottom',\n      showBorder: false,\n    },\n    {\n      class: styles.borderRight,\n      isExpand: true,\n      placement: 'left',\n      showBorder: true,\n    },\n    {\n      class: styles.borderRightNone,\n      isExpand: true,\n      placement: 'left',\n      showBorder: false,\n    },\n  ],\n  defaultVariants: {\n    isExpand: false,\n    mode: 'fixed',\n    placement: 'right',\n    showBorder: true,\n  },\n\n  variants: {\n    isExpand: {\n      false: null,\n      true: null,\n    },\n    mode: {\n      fixed: styles.fixed,\n      float: null,\n    },\n    placement: {\n      bottom: null,\n      left: null,\n      right: null,\n      top: null,\n    },\n    showBorder: {\n      false: null,\n      true: null,\n    },\n  },\n});\n\nexport const toggleVariants = cva(styles.toggleRoot, {\n  compoundVariants: [\n    {\n      class: styles.toggleRootWithWideArea,\n      showHandleWideArea: true,\n    },\n    {\n      class: styles.toggleRootWithoutWideArea,\n      showHandleWideArea: false,\n    },\n  ],\n  defaultVariants: {\n    showHandleWideArea: false,\n  },\n  variants: {\n    placement: {\n      bottom: styles.toggleTop,\n      left: styles.toggleRight,\n      right: styles.toggleLeft,\n      top: styles.toggleBottom,\n    },\n    showHandleWideArea: {\n      false: null,\n      true: null,\n    },\n  },\n});\n"],"mappings":"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OAAO;GACd,MAAM;GACN,WAAW;EACb;EAIA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;CACF;CACA,iBAAiB;EACf,UAAU;EACV,MAAM;EACN,WAAW;EACX,YAAY;CACd;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,OAAO,OAAO;GACd,OAAO;EACT;EACA,WAAW;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;CACF;AACF,CAAC;AAED,MAAa,iBAAiB,IAAI,OAAO,YAAY;CACnD,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,oBAAoB;CACtB,GACA;EACE,OAAO,OAAO;EACd,oBAAoB;CACtB,CACF;CACA,iBAAiB,EACf,oBAAoB,MACtB;CACA,UAAU;EACR,WAAW;GACT,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,OAAO,OAAO;GACd,KAAK,OAAO;EACd;EACA,oBAAoB;GAClB,OAAO;GACP,MAAM;EACR;CACF;AACF,CAAC"}

package/es/DraggablePanel/type.d.mts

@@ -2,7 +2,6 @@ import { DivProps } from "../types/index.mjs";
 import { CSSProperties } from "react";
 import { NumberSize, Size } from "re-resizable";
 import { Props } from "react-rnd";
-
 //#region src/DraggablePanel/type.d.ts
 type PlacementType = 'right' | 'left' | 'top' | 'bottom';
 interface DraggablePanelProps extends DivProps {

package/es/DraggablePanel/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/DraggablePanel/utils.ts"],"sourcesContent":["import type { DraggablePanelProps } from './type';\n\nexport const reversePlacement = (placement: DraggablePanelProps['placement']) => {\n  switch (placement) {\n    case 'bottom': {\n      return 'top';\n    }\n    case 'top': {\n      return 'bottom';\n    }\n    case 'right': {\n      return 'left';\n    }\n    case 'left': {\n      return 'right';\n    }\n  }\n};\n"],"mappings":";AAEA,MAAa,oBAAoB,cAAgD;AAC/E,SAAQ,WAAR;EACE,KAAK,SACH,QAAO;EAET,KAAK,MACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,OACH,QAAO"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/DraggablePanel/utils.ts"],"sourcesContent":["import type { DraggablePanelProps } from './type';\n\nexport const reversePlacement = (placement: DraggablePanelProps['placement']) => {\n  switch (placement) {\n    case 'bottom': {\n      return 'top';\n    }\n    case 'top': {\n      return 'bottom';\n    }\n    case 'right': {\n      return 'left';\n    }\n    case 'left': {\n      return 'right';\n    }\n  }\n};\n"],"mappings":";AAEA,MAAa,oBAAoB,cAAgD;CAC/E,QAAQ,WAAR;EACE,KAAK,UACH,OAAO;EAET,KAAK,OACH,OAAO;EAET,KAAK,SACH,OAAO;EAET,KAAK,QACH,OAAO;CAEX;AACF"}

package/es/DraggableSideNav/DraggableSideNav.d.mts

@@ -1,8 +1,6 @@
 import { DraggableSideNavProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/DraggableSideNav/DraggableSideNav.d.ts
-declare const DraggableSideNav: _$react.NamedExoticComponent<DraggableSideNavProps>;
+declare const DraggableSideNav: import("react").NamedExoticComponent<DraggableSideNavProps>;
 //#endregion
-export { DraggableSideNav };
+export { DraggableSideNav as default };
 //# sourceMappingURL=DraggableSideNav.d.mts.map