@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/Accordion/AccordionItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.mjs","names":["Flexbox"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { AnimatePresence } from 'motion/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  memo,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport { type MotionComponentType, useMotionComponent } from '@/MotionProvider';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport ArrowIcon from './ArrowIcon';\nimport { useAccordionConfig, useAccordionItemState } from './context';\nimport { styles } from './style';\nimport { type AccordionItemProps } from './type';\n\ntype AccordionContentBaseProps = {\n  children?: ReactNode;\n  className?: string;\n  contentInnerClassName: string;\n  style?: CSSProperties;\n};\n\ntype AccordionStaticContentProps = AccordionContentBaseProps & {\n  isOpen: boolean;\n  keepContentMounted: boolean;\n};\n\ntype MotionDivProps = ComponentPropsWithoutRef<MotionComponentType['div']>;\n\ntype AccordionMotionContentProps = AccordionContentBaseProps & {\n  contextMotionProps?: MotionDivProps;\n  isOpen: boolean;\n  skipInitialAnimation: boolean;\n};\n\ntype AccordionItemContentProps = AccordionContentBaseProps & {\n  contextMotionProps?: MotionDivProps;\n  disableAnimation: boolean;\n  isOpen: boolean;\n  keepContentMounted: boolean;\n  skipInitialAnimation: boolean;\n};\n\nconst motionContainerStyle: CSSProperties = { overflow: 'hidden' };\n\nconst AccordionStaticContent = memo<AccordionStaticContentProps>(\n  ({ className, style, children, contentInnerClassName, isOpen, keepContentMounted }) => {\n    if (keepContentMounted) {\n      return (\n        <div\n          className={className}\n          role=\"region\"\n          style={{\n            display: isOpen ? 'block' : 'none',\n            ...style,\n          }}\n        >\n          <div className={contentInnerClassName}>{children}</div>\n        </div>\n      );\n    }\n\n    if (!isOpen) return null;\n\n    return (\n      <div className={className} role=\"region\" style={style}>\n        <div className={contentInnerClassName}>{children}</div>\n      </div>\n    );\n  },\n);\n\nAccordionStaticContent.displayName = 'AccordionStaticContent';\n\nconst AccordionMotionContent = memo<AccordionMotionContentProps>(\n  ({\n    contextMotionProps,\n    className,\n    style,\n    children,\n    contentInnerClassName,\n    isOpen,\n    skipInitialAnimation,\n  }) => {\n    const Motion = useMotionComponent();\n\n    const motionProps = useMemo(\n      () => ({\n        animate: 'enter',\n        exit: 'exit',\n        initial: skipInitialAnimation ? false : 'exit',\n        variants: {\n          enter: {\n            height: 'auto',\n            opacity: 1,\n            transition: {\n              duration: 0.2,\n              ease: [0.4, 0, 0.2, 1],\n            },\n          },\n          exit: {\n            height: 0,\n            opacity: 0,\n            transition: {\n              duration: 0.2,\n              ease: [0.4, 0, 0.2, 1],\n            },\n          },\n        },\n        ...contextMotionProps,\n      }),\n      [contextMotionProps, skipInitialAnimation],\n    );\n\n    return (\n      <AnimatePresence initial={false}>\n        {isOpen ? (\n          <Motion.div {...(motionProps as any)} style={motionContainerStyle}>\n            <div className={className} role=\"region\" style={style}>\n              <div className={contentInnerClassName}>{children}</div>\n            </div>\n          </Motion.div>\n        ) : null}\n      </AnimatePresence>\n    );\n  },\n);\n\nAccordionMotionContent.displayName = 'AccordionMotionContent';\n\nconst AccordionItemContent = memo<AccordionItemContentProps>(\n  ({\n    disableAnimation,\n    isOpen,\n    keepContentMounted,\n    className,\n    style,\n    children,\n    contentInnerClassName,\n    contextMotionProps,\n    skipInitialAnimation,\n  }) => {\n    if (disableAnimation || !keepContentMounted) {\n      return (\n        <AccordionStaticContent\n          className={className}\n          contentInnerClassName={contentInnerClassName}\n          isOpen={isOpen}\n          keepContentMounted={keepContentMounted}\n          style={style}\n        >\n          {children}\n        </AccordionStaticContent>\n      );\n    }\n\n    return (\n      <AccordionMotionContent\n        className={className}\n        contentInnerClassName={contentInnerClassName}\n        contextMotionProps={contextMotionProps}\n        isOpen={isOpen}\n        skipInitialAnimation={skipInitialAnimation}\n        style={style}\n      >\n        {children}\n      </AccordionMotionContent>\n    );\n  },\n);\n\nAccordionItemContent.displayName = 'AccordionItemContent';\n\nconst AccordionItem = memo<AccordionItemProps>(\n  ({\n    itemKey,\n    title,\n    children,\n    action,\n    alwaysShowAction = false,\n    disabled = false,\n    allowExpand = true,\n    hideIndicator: itemHideIndicator,\n    indicatorPlacement: itemIndicatorPlacement,\n    indicator: customIndicator,\n    classNames,\n    paddingInline = 16,\n    paddingBlock = 8,\n    padding,\n    ref,\n    variant: customVariant,\n    styles: customStyles,\n    headerWrapper,\n    defaultExpand,\n    expand,\n    onExpandChange,\n  }) => {\n    // Per-item state context: only this item's provider re-emits when its\n    // own isOpen flips, so siblings stay stable across toggles.\n    const itemStateContext = useAccordionItemState();\n    const configContext = useAccordionConfig();\n\n    // Determine if using standalone mode (has expand or defaultExpand props)\n    const isStandalone = expand !== undefined || defaultExpand !== undefined;\n\n    // Standalone state management\n    const [isExpandedStandalone, setIsExpandedStandalone] = useMergeState<boolean>(\n      defaultExpand ?? false,\n      {\n        onChange: onExpandChange,\n        value: expand,\n      },\n    );\n\n    const contextHideIndicator = configContext?.hideIndicator;\n    const contextIndicatorPlacement = configContext?.indicatorPlacement;\n    const contextKeepContentMounted = configContext?.keepContentMounted;\n    const contextDisableAnimation = configContext?.disableAnimation;\n    const contextMotionProps = configContext?.motionProps;\n    const contextVariant = configContext?.variant ?? 'borderless';\n\n    const isInitialRenderRef = useRef(true);\n\n    useEffect(() => {\n      isInitialRenderRef.current = false;\n    }, []);\n\n    const isDirectContextItem = itemStateContext?.itemKey === itemKey;\n\n    // Determine expanded state\n    let isOpen = false;\n    if (isStandalone) {\n      isOpen = isExpandedStandalone;\n    } else if (itemStateContext) {\n      isOpen = isDirectContextItem\n        ? itemStateContext.isOpen\n        : itemStateContext.isOpen || itemStateContext.isOpenKey(itemKey);\n    }\n\n    // Determine other props with fallbacks\n    const hideIndicatorFinal = itemHideIndicator ?? contextHideIndicator ?? false;\n    const indicatorPlacementFinal = itemIndicatorPlacement ?? contextIndicatorPlacement ?? 'start';\n    const keepContentMounted = contextKeepContentMounted ?? true;\n    const disableAnimation = contextDisableAnimation ?? false;\n    const variant = customVariant || contextVariant;\n\n    const contextOnToggle = useCallback(() => {\n      if (!itemStateContext) return;\n      if (itemStateContext.itemKey === itemKey) {\n        itemStateContext.onToggle();\n        return;\n      }\n      itemStateContext.onToggleNestedKey(itemKey);\n    }, [itemStateContext, itemKey]);\n\n    const handleToggle = useCallback(() => {\n      // If allowExpand is false, only allow controlled expansion via expand prop\n      if (!allowExpand) return;\n\n      if (!disabled) {\n        if (isStandalone) {\n          setIsExpandedStandalone(!isExpandedStandalone);\n        } else if (contextOnToggle) {\n          contextOnToggle();\n        }\n      }\n    }, [\n      allowExpand,\n      disabled,\n      isStandalone,\n      setIsExpandedStandalone,\n      isExpandedStandalone,\n      contextOnToggle,\n    ]);\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // If allowExpand is false, disable keyboard toggle\n        if (!allowExpand || disabled) return;\n\n        switch (e.key) {\n          case 'Enter':\n          case ' ': {\n            e.preventDefault();\n            handleToggle();\n            break;\n          }\n        }\n      },\n      [allowExpand, disabled, handleToggle],\n    );\n\n    const preventTitleTextSelection = useCallback((e: any) => {\n      // Prevent browser from creating a selection range on double/multi click,\n      // which can accidentally select the content region.\n      if (e?.detail > 1) e.preventDefault();\n    }, []);\n\n    // Build indicator\n    const indicator = useMemo(() => {\n      if (!allowExpand || hideIndicatorFinal) return null;\n\n      if (customIndicator) {\n        if (typeof customIndicator === 'function') {\n          return (\n            <span\n              aria-hidden=\"true\"\n              className={cx(styles.indicator, classNames?.indicator)}\n              style={customStyles?.indicator}\n            >\n              {customIndicator({ isDisabled: disabled, isOpen })}\n            </span>\n          );\n        }\n        return (\n          <span\n            aria-hidden=\"true\"\n            className={cx(styles.indicator, classNames?.indicator)}\n            style={customStyles?.indicator}\n          >\n            {customIndicator}\n          </span>\n        );\n      }\n\n      return (\n        <span\n          aria-hidden=\"true\"\n          className={cx(styles.indicator, classNames?.indicator)}\n          style={customStyles?.indicator}\n        >\n          <ArrowIcon className={cx(styles.icon, isOpen && styles.iconRotate)} />\n        </span>\n      );\n    }, [\n      allowExpand,\n      hideIndicatorFinal,\n      customIndicator,\n      disabled,\n      isOpen,\n      classNames,\n      customStyles,\n    ]);\n\n    const skipInitialAnimation = isInitialRenderRef.current && isOpen;\n\n    const contentClassName = useMemo(\n      () => cx('accordion-content', styles.content, classNames?.content),\n      [classNames?.content],\n    );\n\n    const titleNode = useMemo(\n      () =>\n        typeof title === 'string' ? (\n          <Text ellipsis className={classNames?.title} style={customStyles?.title}>\n            {title}\n          </Text>\n        ) : (\n          title\n        ),\n      [title, classNames?.title, customStyles?.title],\n    );\n\n    const actionNode = useMemo(\n      () =>\n        action && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            flex={'none'}\n            gap={4}\n            style={customStyles?.action}\n            className={cx(\n              'accordion-action',\n              styles.action,\n              alwaysShowAction && styles.actionVisible,\n              classNames?.action,\n            )}\n            onClick={stopPropagation}\n          >\n            {action}\n          </Flexbox>\n        ),\n      [action, alwaysShowAction, classNames?.action, customStyles?.action],\n    );\n\n    const headerElement = useMemo(() => {\n      const header = (\n        <Block\n          horizontal\n          className={cx('accordion-header', styles.header, classNames?.header)}\n          clickable={!disabled && allowExpand}\n          gap={4}\n          justify={'space-between'}\n          padding={padding}\n          paddingBlock={paddingBlock}\n          paddingInline={paddingInline}\n          ref={ref}\n          variant={customVariant || variant}\n          style={{\n            alignItems: 'center',\n            cursor: disabled ? 'not-allowed' : allowExpand ? 'pointer' : 'default',\n            opacity: disabled ? 0.5 : undefined,\n            overflow: 'hidden',\n            width: '100%',\n            ...customStyles?.header,\n          }}\n          onClick={handleToggle}\n          onKeyDown={handleKeyDown}\n        >\n          {indicatorPlacementFinal === 'start' ? (\n            <>\n              <Flexbox\n                horizontal\n                align={'center'}\n                className={styles.titleWrapper}\n                flex={1}\n                gap={2}\n                style={{\n                  overflow: 'hidden',\n                }}\n                onDoubleClick={preventTitleTextSelection}\n                onMouseDown={preventTitleTextSelection}\n              >\n                {titleNode}\n                {indicator}\n              </Flexbox>\n              <Flexbox horizontal align={'center'} flex={'none'} gap={4}>\n                {actionNode}\n              </Flexbox>\n            </>\n          ) : (\n            <>\n              <Flexbox\n                horizontal\n                align={'center'}\n                className={styles.titleWrapper}\n                flex={1}\n                gap={2}\n                style={{\n                  overflow: 'hidden',\n                }}\n                onDoubleClick={preventTitleTextSelection}\n                onMouseDown={preventTitleTextSelection}\n              >\n                {titleNode}\n              </Flexbox>\n              <Flexbox horizontal align={'center'} flex={'none'} gap={4}>\n                {actionNode}\n                {indicator}\n              </Flexbox>\n            </>\n          )}\n        </Block>\n      );\n      if (headerWrapper) {\n        return headerWrapper(header);\n      }\n      return header;\n    }, [\n      classNames?.header,\n      disabled,\n      allowExpand,\n      padding,\n      paddingBlock,\n      paddingInline,\n      ref,\n      customVariant,\n      variant,\n      customStyles?.header,\n      handleToggle,\n      handleKeyDown,\n      indicatorPlacementFinal,\n      preventTitleTextSelection,\n      titleNode,\n      indicator,\n      actionNode,\n      headerWrapper,\n    ]);\n\n    return (\n      <div\n        className={cx('accordion-item', styles.item, classNames?.base)}\n        style={customStyles?.base}\n      >\n        {headerElement}\n        <AccordionItemContent\n          className={contentClassName}\n          contentInnerClassName={styles.contentInner}\n          contextMotionProps={contextMotionProps}\n          disableAnimation={!!disableAnimation}\n          isOpen={isOpen}\n          keepContentMounted={!!keepContentMounted}\n          skipInitialAnimation={skipInitialAnimation}\n          style={customStyles?.content}\n        >\n          {children}\n        </AccordionItemContent>\n      </div>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"mappings":"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"}

package/es/Accordion/ArrowIcon.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Accordion/ArrowIcon.tsx
-const ArrowIcon = memo(({ size = "1em", style, ...rest }) => {
-	return /* @__PURE__ */ jsx("svg", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		height: size,
-		style: {
-			flex: "none",
-			lineHeight: 1,
-			...style
-		},
-		viewBox: "0 0 16 16",
-		width: size,
-		xmlns: "http://www.w3.org/2000/svg",
-		...rest,
-		children: /* @__PURE__ */ jsx("path", { d: "M7.002 10.624a.5.5 0 01-.752-.432V5.808a.5.5 0 01.752-.432l3.758 2.192a.5.5 0 010 .864l-3.758 2.192z" })
-	});
-});
-//#endregion
-export { ArrowIcon as default };
-
-//# sourceMappingURL=ArrowIcon.mjs.map

package/es/Accordion/ArrowIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowIcon.mjs","names":[],"sources":["../../src/Accordion/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nimport type { IconType } from '@lobehub/icons';\nimport { memo } from 'react';\n\nconst ArrowIcon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 16 16\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <path d=\"M7.002 10.624a.5.5 0 01-.752-.432V5.808a.5.5 0 01.752-.432l3.758 2.192a.5.5 0 010 .864l-3.758 2.192z\" />\n    </svg>\n  );\n});\n\nexport default ArrowIcon;\n"],"mappings":";;;;AAKA,MAAM,YAAsB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CACrE,OACE,oBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;EAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,uGAAwG,CAAA;CAC7G,CAAA;AAET,CAAC"}

package/es/Accordion/context.mjs

@@ -1,43 +0,0 @@
-import { createContext, memo, use, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Accordion/context.tsx
-/**
-* Per-item context: each AccordionItem gets its own provider, so a toggle
-* only invalidates the value seen by that single item. Sibling items keep
-* the same context value identity and skip re-render.
-*/
-const AccordionItemStateContext = createContext(null);
-/**
-* Static config shared by all items. Identity changes only when the user
-* changes config props on <Accordion>, which is rare.
-*/
-const AccordionConfigContext = createContext(null);
-const useAccordionItemState = () => use(AccordionItemStateContext);
-const useAccordionConfig = () => use(AccordionConfigContext);
-const AccordionItemStateProvider = memo(({ children, expandedKeys, isOpenKey, isOpen, itemKey, onToggleKey, onToggleKeys, preferProviderKeyForNestedItems }) => {
-	const value = useMemo(() => ({
-		isOpenKey,
-		isOpen,
-		itemKey,
-		onToggle: () => onToggleKey(itemKey),
-		onToggleKey,
-		onToggleNestedKey: (key) => onToggleKeys([itemKey, key], preferProviderKeyForNestedItems ? itemKey : key)
-	}), [
-		expandedKeys,
-		isOpenKey,
-		isOpen,
-		itemKey,
-		onToggleKey,
-		onToggleKeys,
-		preferProviderKeyForNestedItems
-	]);
-	return /* @__PURE__ */ jsx(AccordionItemStateContext, {
-		value,
-		children
-	});
-});
-AccordionItemStateProvider.displayName = "AccordionItemStateProvider";
-//#endregion
-export { AccordionConfigContext, AccordionItemStateContext, AccordionItemStateProvider, useAccordionConfig, useAccordionItemState };
-
-//# sourceMappingURL=context.mjs.map

package/es/Accordion/context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.mjs","names":[],"sources":["../../src/Accordion/context.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\nimport { createContext, memo, use, useMemo } from 'react';\n\ninterface AccordionItemStateValue {\n  isOpen: boolean;\n  isOpenKey: (key: Key) => boolean;\n  itemKey: Key;\n  onToggle: () => void;\n  onToggleKey: (key: Key) => void;\n  onToggleNestedKey: (key: Key) => void;\n}\n\ninterface AccordionConfigValue {\n  disableAnimation?: boolean;\n  hideIndicator?: boolean;\n  indicatorPlacement?: 'end' | 'start';\n  keepContentMounted?: boolean;\n  motionProps?: any;\n  showDivider?: boolean;\n  variant?: 'filled' | 'outlined' | 'borderless';\n}\n\n/**\n * Per-item context: each AccordionItem gets its own provider, so a toggle\n * only invalidates the value seen by that single item. Sibling items keep\n * the same context value identity and skip re-render.\n */\nexport const AccordionItemStateContext = createContext<AccordionItemStateValue | null>(null);\n\n/**\n * Static config shared by all items. Identity changes only when the user\n * changes config props on <Accordion>, which is rare.\n */\nexport const AccordionConfigContext = createContext<AccordionConfigValue | null>(null);\n\nexport const useAccordionItemState = () => use(AccordionItemStateContext);\nexport const useAccordionConfig = () => use(AccordionConfigContext);\n\ninterface AccordionItemStateProviderProps {\n  children: ReactNode;\n  // Used only to refresh the memoized context for wrapper children when\n  // controlled expanded keys change; direct children use `isOpen`.\n  expandedKeys?: Key[];\n  isOpen: boolean;\n  isOpenKey: (key: Key) => boolean;\n  itemKey: Key;\n  onToggleKey: (key: Key) => void;\n  onToggleKeys: (keys: Key[], preferredKey: Key) => void;\n  preferProviderKeyForNestedItems: boolean;\n}\n\nexport const AccordionItemStateProvider = memo<AccordionItemStateProviderProps>(\n  ({\n    children,\n    expandedKeys,\n    isOpenKey,\n    isOpen,\n    itemKey,\n    onToggleKey,\n    onToggleKeys,\n    preferProviderKeyForNestedItems,\n  }) => {\n    const value = useMemo(\n      () => ({\n        isOpenKey,\n        isOpen,\n        itemKey,\n        onToggle: () => onToggleKey(itemKey),\n        onToggleKey,\n        onToggleNestedKey: (key: Key) =>\n          onToggleKeys([itemKey, key], preferProviderKeyForNestedItems ? itemKey : key),\n      }),\n      [\n        expandedKeys,\n        isOpenKey,\n        isOpen,\n        itemKey,\n        onToggleKey,\n        onToggleKeys,\n        preferProviderKeyForNestedItems,\n      ],\n    );\n    return <AccordionItemStateContext value={value}>{children}</AccordionItemStateContext>;\n  },\n);\n\nAccordionItemStateProvider.displayName = 'AccordionItemStateProvider';\n"],"mappings":";;;;;;;;AA2BA,MAAa,4BAA4B,cAA8C,IAAI;;;;;AAM3F,MAAa,yBAAyB,cAA2C,IAAI;AAErF,MAAa,8BAA8B,IAAI,yBAAyB;AACxE,MAAa,2BAA2B,IAAI,sBAAsB;AAelE,MAAa,6BAA6B,MACvC,EACC,UACA,cACA,WACA,QACA,SACA,aACA,cACA,sCACI;CACJ,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA,gBAAgB,YAAY,OAAO;EACnC;EACA,oBAAoB,QAClB,aAAa,CAAC,SAAS,GAAG,GAAG,kCAAkC,UAAU,GAAG;CAChF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,OAAO,oBAAC,2BAAD;EAAkC;EAAQ;CAAoC,CAAA;AACvF,CACF;AAEA,2BAA2B,cAAc"}

package/es/ActionIcon/components/utils.mjs

@@ -1,42 +0,0 @@
-import { isNumber } from "es-toolkit/compat";
-//#region src/ActionIcon/components/utils.ts
-const calcSize = (iconSize) => {
-	let blockSize;
-	let borderRadius;
-	if (isNumber(iconSize)) {
-		const blockSize = iconSize * 1.8;
-		return {
-			blockSize,
-			borderRadius: Math.floor(blockSize / 6)
-		};
-	}
-	switch (iconSize) {
-		case "large":
-			blockSize = 44;
-			borderRadius = 8;
-			break;
-		case "middle":
-			blockSize = 36;
-			borderRadius = 6;
-			break;
-		case "small":
-			blockSize = 24;
-			borderRadius = 4;
-			break;
-		default: if (iconSize) {
-			blockSize = iconSize?.blockSize || 36;
-			borderRadius = iconSize?.borderRadius || 6;
-		} else {
-			blockSize = "1.8em";
-			borderRadius = "0.3em";
-		}
-	}
-	return {
-		blockSize,
-		borderRadius
-	};
-};
-//#endregion
-export { calcSize };
-
-//# sourceMappingURL=utils.mjs.map

package/es/ActionIcon/components/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/ActionIcon/components/utils.ts"],"sourcesContent":["import { isNumber } from 'es-toolkit/compat';\n\nimport type { ActionIconSize } from '@/ActionIcon';\n\nexport const calcSize = (iconSize?: ActionIconSize) => {\n  let blockSize: number | string;\n  let borderRadius: number | string;\n\n  if (isNumber(iconSize)) {\n    const blockSize = iconSize * 1.8;\n    return {\n      blockSize,\n      borderRadius: Math.floor(blockSize / 6),\n    };\n  }\n\n  switch (iconSize) {\n    case 'large': {\n      blockSize = 44;\n      borderRadius = 8;\n      break;\n    }\n    case 'middle': {\n      blockSize = 36;\n      borderRadius = 6;\n      break;\n    }\n    case 'small': {\n      blockSize = 24;\n      borderRadius = 4;\n      break;\n    }\n    default: {\n      if (iconSize) {\n        blockSize = iconSize?.blockSize || 36;\n        borderRadius = iconSize?.borderRadius || 6;\n      } else {\n        blockSize = '1.8em';\n        borderRadius = '0.3em';\n      }\n\n      break;\n    }\n  }\n\n  return {\n    blockSize,\n    borderRadius,\n  };\n};\n"],"mappings":";;AAIA,MAAa,YAAY,aAA8B;CACrD,IAAI;CACJ,IAAI;CAEJ,IAAI,SAAS,QAAQ,GAAG;EACtB,MAAM,YAAY,WAAW;EAC7B,OAAO;GACL;GACA,cAAc,KAAK,MAAM,YAAY,CAAC;EACxC;CACF;CAEA,QAAQ,UAAR;EACE,KAAK;GACH,YAAY;GACZ,eAAe;GACf;EAEF,KAAK;GACH,YAAY;GACZ,eAAe;GACf;EAEF,KAAK;GACH,YAAY;GACZ,eAAe;GACf;EAEF,SACE,IAAI,UAAU;GACZ,YAAY,UAAU,aAAa;GACnC,eAAe,UAAU,gBAAgB;EAC3C,OAAO;GACL,YAAY;GACZ,eAAe;EACjB;CAIJ;CAEA,OAAO;EACL;EACA;CACF;AACF"}

package/es/AutoComplete/Select.d.mts

@@ -1,6 +0,0 @@
-import { AutoCompleteProps } from "./type.mjs";
-//#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: import("react").NamedExoticComponent<AutoCompleteProps>;
-//#endregion
-export { AutoComplete as default };
-//# sourceMappingURL=Select.d.mts.map

package/es/AutoComplete/Select.mjs

@@ -1,23 +0,0 @@
-"use client";
-import { variants } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { AutoComplete } from "antd";
-//#region src/AutoComplete/Select.tsx
-const AutoComplete$1 = memo(({ variant, shadow, className, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	return /* @__PURE__ */ jsx(AutoComplete, {
-		variant: variant || (isDarkMode ? "filled" : "outlined"),
-		className: cx(variants({
-			shadow,
-			variant: variant || (isDarkMode ? "filled" : "outlined")
-		}), className),
-		...rest
-	});
-});
-AutoComplete$1.displayName = "AutoComplete";
-//#endregion
-export { AutoComplete$1 as default };
-
-//# sourceMappingURL=Select.mjs.map

package/es/AutoComplete/Select.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\n\nimport { AutoComplete as AntAutoComplete } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntAutoComplete\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\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,cAAD;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,eAAa,cAAc"}

package/es/Checkbox/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["CheckboxParent"],"sources":["../../src/Checkbox/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\n\nimport CheckboxParent from './Checkbox';\nimport CheckboxGroup from './CheckboxGroup';\nimport { type CheckboxProps } from './type';\n\ninterface ICheckbox {\n  (props: CheckboxProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Group: typeof CheckboxGroup;\n}\n\nconst Checkbox = CheckboxParent as unknown as ICheckbox;\nCheckbox.Group = CheckboxGroup;\n\nexport default Checkbox;\nexport { default as CheckboxGroup } from './CheckboxGroup';\nexport type * from './type';\n"],"mappings":";;;AAWA,MAAM,WAAWA;AACjB,SAAS,QAAQ"}

package/es/Collapse/Collapse.d.mts

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

package/es/Collapse/Collapse.mjs

@@ -1,86 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Icon from "../Icon/Icon.mjs";
-import { DEFAULT_PADDING, getPadding, styles, variants } from "./style.mjs";
-import { isValidElement, memo, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { ChevronDown } from "lucide-react";
-import { Collapse, ConfigProvider } from "antd";
-//#region src/Collapse/Collapse.tsx
-const Collapse$1 = memo(({ style, variant = "filled", gap = 0, className, padding = DEFAULT_PADDING, size, collapsible = true, items, styles: customStyles, classNames, ref, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const antdItems = useMemo(() => items.map(({ icon, desc, label, ...itemRest }) => {
-		let content = /* @__PURE__ */ jsx("div", {
-			className: cx(styles.title, !icon && !desc && classNames?.header, classNames?.title),
-			style: {
-				...!icon && !desc ? customStyles?.header : {},
-				...customStyles?.title
-			},
-			children: label
-		});
-		if (icon) content = /* @__PURE__ */ jsxs(FlexBasic_default, {
-			horizontal: true,
-			className: cx(styles.title, !desc && classNames?.header),
-			gap: 8,
-			style: desc ? void 0 : customStyles?.header,
-			children: [isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
-				icon,
-				size: { size: "1.1em" }
-			}), content]
-		});
-		if (desc) content = /* @__PURE__ */ jsxs(FlexBasic_default, {
-			className: classNames?.header,
-			style: customStyles?.header,
-			children: [content, /* @__PURE__ */ jsx("div", {
-				className: cx(styles.desc, classNames?.desc),
-				style: customStyles?.desc,
-				children: desc
-			})]
-		});
-		return {
-			label: content,
-			...itemRest
-		};
-	}), [
-		items,
-		classNames,
-		customStyles,
-		styles
-	]);
-	return /* @__PURE__ */ jsx(ConfigProvider, {
-		theme: { components: { Collapse: {
-			contentPadding: getPadding(typeof padding === "object" ? padding?.body : padding),
-			headerPadding: getPadding(typeof padding === "object" ? padding?.header : padding)
-		} } },
-		children: /* @__PURE__ */ jsx(Collapse, {
-			ghost: true,
-			className: cx(variants({
-				collapsible,
-				gap: !!gap,
-				isDarkMode,
-				variant
-			}), className),
-			collapsible: collapsible ? "header" : "icon",
-			items: antdItems,
-			ref,
-			size,
-			expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(Icon, {
-				className: styles.icon,
-				icon: ChevronDown,
-				size: 16,
-				style: { rotate: isActive ? void 0 : "-90deg" }
-			}),
-			style: {
-				gap,
-				...style
-			},
-			...rest
-		})
-	});
-});
-Collapse$1.displayName = "Collapse";
-//#endregion
-export { Collapse$1 as default };
-
-//# sourceMappingURL=Collapse.mjs.map

package/es/Collapse/Collapse.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapse.mjs","names":["Collapse","Flexbox","AntdCollapse"],"sources":["../../src/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport { Collapse as AntdCollapse, ConfigProvider } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDown } from 'lucide-react';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { DEFAULT_PADDING, getPadding, styles, variants } from './style';\nimport type { CollapseProps } from './type';\n\nconst Collapse = memo<CollapseProps>(\n  ({\n    style,\n    variant = 'filled',\n    gap = 0,\n    className,\n    padding = DEFAULT_PADDING,\n    size,\n    collapsible = true,\n    items,\n    styles: customStyles,\n    classNames,\n    ref,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const antdItems = useMemo(\n      () =>\n        items.map(({ icon, desc, label, ...itemRest }) => {\n          let content = (\n            <div\n              className={cx(styles.title, !icon && !desc && classNames?.header, classNames?.title)}\n              style={{\n                ...(!icon && !desc ? customStyles?.header : {}),\n                ...customStyles?.title,\n              }}\n            >\n              {label}\n            </div>\n          );\n\n          if (icon) {\n            content = (\n              <Flexbox\n                horizontal\n                className={cx(styles.title, !desc && classNames?.header)}\n                gap={8}\n                style={desc ? undefined : customStyles?.header}\n              >\n                {isValidElement(icon) ? icon : <Icon icon={icon} size={{ size: '1.1em' }} />}\n                {content}\n              </Flexbox>\n            );\n          }\n\n          if (desc) {\n            content = (\n              <Flexbox className={classNames?.header} style={customStyles?.header}>\n                {content}\n                <div className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n                  {desc}\n                </div>\n              </Flexbox>\n            );\n          }\n\n          return {\n            label: content,\n            ...itemRest,\n          };\n        }),\n      [items, classNames, customStyles, styles],\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          components: {\n            Collapse: {\n              contentPadding: getPadding(typeof padding === 'object' ? padding?.body : padding),\n              headerPadding: getPadding(typeof padding === 'object' ? padding?.header : padding),\n            },\n          },\n        }}\n      >\n        <AntdCollapse\n          ghost\n          className={cx(variants({ collapsible, gap: !!gap, isDarkMode, variant }), className)}\n          collapsible={collapsible ? 'header' : 'icon'}\n          items={antdItems}\n          ref={ref}\n          size={size}\n          expandIcon={({ isActive }) => (\n            <Icon\n              className={styles.icon}\n              icon={ChevronDown}\n              size={16}\n              style={{ rotate: isActive ? undefined : '-90deg' }}\n            />\n          )}\n          style={{\n            gap,\n            ...style,\n          }}\n          {...rest}\n        />\n      </ConfigProvider>\n    );\n  },\n);\n\nCollapse.displayName = 'Collapse';\n\nexport default Collapse;\n"],"mappings":";;;;;;;;;;AAaA,MAAMA,aAAW,MACd,EACC,OACA,UAAU,UACV,MAAM,GACN,WACA,UAAU,iBACV,MACA,cAAc,MACd,OACA,QAAQ,cACR,YACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,YAAY,cAEd,MAAM,KAAK,EAAE,MAAM,MAAM,OAAO,GAAG,eAAe;EAChD,IAAI,UACF,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,CAAC,QAAQ,YAAY,QAAQ,YAAY,KAAK;GACnF,OAAO;IACL,GAAI,CAAC,QAAQ,CAAC,OAAO,cAAc,SAAS,CAAC;IAC7C,GAAG,cAAc;GACnB;GAEC,UAAA;EACE,CAAA;EAGP,IAAI,MACF,UACE,qBAACC,mBAAD;GACE,YAAA;GACA,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,YAAY,MAAM;GACvD,KAAK;GACL,OAAO,OAAO,KAAA,IAAY,cAAc;GAJ1C,UAAA,CAMG,eAAe,IAAI,IAAI,OAAO,oBAAC,MAAD;IAAY;IAAM,MAAM,EAAE,MAAM,QAAQ;GAAI,CAAA,GAC1E,OACM;;EAIb,IAAI,MACF,UACE,qBAACA,mBAAD;GAAS,WAAW,YAAY;GAAQ,OAAO,cAAc;GAA7D,UAAA,CACG,SACD,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;IAAG,OAAO,cAAc;IACrE,UAAA;GACE,CAAA,CACE;;EAIb,OAAO;GACL,OAAO;GACP,GAAG;EACL;CACF,CAAC,GACH;EAAC;EAAO;EAAY;EAAc;CAAM,CAC1C;CAEA,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,YAAY,EACV,UAAU;GACR,gBAAgB,WAAW,OAAO,YAAY,WAAW,SAAS,OAAO,OAAO;GAChF,eAAe,WAAW,OAAO,YAAY,WAAW,SAAS,SAAS,OAAO;EACnF,EACF,EACF;EAEA,UAAA,oBAACC,UAAD;GACE,OAAA;GACA,WAAW,GAAG,SAAS;IAAE;IAAa,KAAK,CAAC,CAAC;IAAK;IAAY;GAAQ,CAAC,GAAG,SAAS;GACnF,aAAa,cAAc,WAAW;GACtC,OAAO;GACF;GACC;GACN,aAAa,EAAE,eACb,oBAAC,MAAD;IACE,WAAW,OAAO;IAClB,MAAM;IACN,MAAM;IACN,OAAO,EAAE,QAAQ,WAAW,KAAA,IAAY,SAAS;GAClD,CAAA;GAEH,OAAO;IACL;IACA,GAAG;GACL;GACA,GAAI;EACL,CAAA;CACa,CAAA;AAEpB,CACF;AAEA,WAAS,cAAc"}

package/es/Collapse/index.d.mts

@@ -1,3 +0,0 @@
-import { CollapseItemType, CollapseProps } from "./type.mjs";
-import Collapse from "./Collapse.mjs";
-export { CollapseItemType, CollapseProps, Collapse as default };

package/es/Collapse/index.mjs

@@ -1 +0,0 @@
-export { default } from "./Collapse.mjs";

package/es/Collapse/style.mjs

@@ -1,200 +0,0 @@
-import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/Collapse/style.ts
-const DEFAULT_PADDING = "12px 16px";
-const getPadding = (padding) => !padding && padding !== 0 ? DEFAULT_PADDING : `${typeof padding === "string" ? padding : `${padding}px`} !important`;
-const prefixCls = "ant";
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		borderless: css`
-      &.${prefixCls}-collapse {
-        .${prefixCls}-collapse-header {
-          padding-inline: 0;
-        }
-        .${prefixCls}-collapse-panel {
-          padding-inline: 0;
-          .${prefixCls}-collapse-body {
-            padding-inline: 0;
-          }
-        }
-      }
-    `,
-		desc: css`
-      font-size: 12px;
-      color: ${cssVar.colorTextDescription};
-    `,
-		filledDark: css`
-      &.${prefixCls}-collapse {
-        .${prefixCls}-collapse-item {
-          background: ${cssVar.colorBgLayout};
-          .${prefixCls}-collapse-panel {
-            margin-inline: 3px;
-            margin-block-end: 3px;
-            border-radius: ${cssVar.borderRadius};
-            ${staticStylish.variantOutlinedWithoutHover};
-          }
-        }
-      }
-    `,
-		filledLight: css`
-      &.${prefixCls}-collapse {
-        .${prefixCls}-collapse-item {
-          background: ${cssVar.colorFillQuaternary};
-          .${prefixCls}-collapse-panel {
-            margin-inline: 3px;
-            margin-block-end: 3px;
-            border-radius: ${cssVar.borderRadius};
-            ${staticStylish.variantOutlinedWithoutHover};
-            background: ${cssVar.colorBgContainer};
-            ${staticStylish.shadow};
-          }
-        }
-      }
-    `,
-		gapOutlined: css`
-      &.${prefixCls}-collapse {
-        border: none;
-        background: transparent;
-        .${prefixCls}-collapse-item {
-          border: 1px solid ${cssVar.colorFillSecondary};
-          background: ${cssVar.colorBgContainer};
-        }
-
-        .${prefixCls}-collapse-item:not(:first-child) {
-          .${prefixCls}-collapse-header {
-            border-block-start: none;
-          }
-        }
-      }
-    `,
-		gapRoot: css`
-      &.${prefixCls}-collapse {
-        display: flex;
-        flex-direction: column;
-        border: none;
-        box-shadow: none;
-        .${prefixCls}-collapse-item {
-          border: none;
-          border-radius: ${cssVar.borderRadiusLG};
-        }
-      }
-    `,
-		hideCollapsibleIcon: css`
-      .${prefixCls}-collapse-expand-icon {
-        display: none !important;
-      }
-    `,
-		icon: css`
-      cursor: pointer;
-      transition: all 100ms ${cssVar.motionEaseOut};
-    `,
-		outlined: css`
-      &.${prefixCls}-collapse {
-        border: 1px solid ${cssVar.colorFillSecondary};
-        background: ${cssVar.colorBgContainer};
-        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {
-          transition: none;
-        }
-        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {
-          border-block-end: 1px solid ${cssVar.colorFillTertiary};
-        }
-        .${prefixCls}-collapse-item:not(:first-child) {
-          .${prefixCls}-collapse-header {
-            border-block-start: 1px solid ${cssVar.colorFillTertiary};
-          }
-        }
-      }
-    `,
-		root: css`
-      &.${prefixCls}-collapse {
-        display: flex;
-        flex-direction: column;
-        background: transparent;
-
-        .${prefixCls}-collapse-header {
-          overflow: hidden;
-          display: flex;
-          flex: none;
-          gap: 0.75em;
-          align-items: flex-start;
-
-          border-radius: 0 !important;
-
-          .${prefixCls}-collapse-header-text {
-            flex: 1;
-          }
-
-          .${prefixCls}-collapse-expand-icon {
-            align-items: center;
-            min-height: 28px;
-            margin: 0;
-            padding: 0;
-          }
-
-          .${prefixCls}-collapse-extra {
-            display: flex;
-            align-items: center;
-            min-height: 28px;
-          }
-        }
-
-        .${prefixCls}-collapse-panel {
-          background: transparent;
-        }
-      }
-    `,
-		title: css`
-      font-size: 16px;
-      font-weight: 500;
-      line-height: 28px;
-    `
-	};
-});
-const variants = cva(styles.root, {
-	compoundVariants: [
-		{
-			class: styles.gapOutlined,
-			gap: true,
-			variant: "outlined"
-		},
-		{
-			class: styles.filledDark,
-			isDarkMode: true,
-			variant: "filled"
-		},
-		{
-			class: styles.filledLight,
-			isDarkMode: false,
-			variant: "filled"
-		}
-	],
-	defaultVariants: {
-		collapsible: true,
-		gap: false,
-		isDarkMode: false
-	},
-	variants: {
-		collapsible: {
-			false: styles.hideCollapsibleIcon,
-			true: null
-		},
-		gap: {
-			false: null,
-			true: styles.gapRoot
-		},
-		isDarkMode: {
-			false: null,
-			true: null
-		},
-		variant: {
-			borderless: styles.borderless,
-			filled: null,
-			outlined: styles.outlined
-		}
-	}
-});
-//#endregion
-export { DEFAULT_PADDING, getPadding, styles, variants };
-
-//# sourceMappingURL=style.mjs.map

package/es/Collapse/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Collapse/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const DEFAULT_PADDING = '12px 16px';\n\nexport const getPadding = (padding?: number | string) =>\n  !padding && padding !== 0\n    ? DEFAULT_PADDING\n    : `${typeof padding === 'string' ? padding : `${padding}px`} !important`;\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-header {\n          padding-inline: 0;\n        }\n        .${prefixCls}-collapse-panel {\n          padding-inline: 0;\n          .${prefixCls}-collapse-body {\n            padding-inline: 0;\n          }\n        }\n      }\n    `,\n    desc: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filledDark: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorBgLayout};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n          }\n        }\n      }\n    `,\n    filledLight: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillQuaternary};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorBgContainer};\n            ${lobeStaticStylish.shadow};\n          }\n        }\n      }\n    `,\n    gapOutlined: css`\n      &.${prefixCls}-collapse {\n        border: none;\n        background: transparent;\n        .${prefixCls}-collapse-item {\n          border: 1px solid ${cssVar.colorFillSecondary};\n          background: ${cssVar.colorBgContainer};\n        }\n\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: none;\n          }\n        }\n      }\n    `,\n    gapRoot: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        box-shadow: none;\n        .${prefixCls}-collapse-item {\n          border: none;\n          border-radius: ${cssVar.borderRadiusLG};\n        }\n      }\n    `,\n    hideCollapsibleIcon: css`\n      .${prefixCls}-collapse-expand-icon {\n        display: none !important;\n      }\n    `,\n    icon: css`\n      cursor: pointer;\n      transition: all 100ms ${cssVar.motionEaseOut};\n    `,\n    outlined: css`\n      &.${prefixCls}-collapse {\n        border: 1px solid ${cssVar.colorFillSecondary};\n        background: ${cssVar.colorBgContainer};\n        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {\n          transition: none;\n        }\n        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {\n          border-block-end: 1px solid ${cssVar.colorFillTertiary};\n        }\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: 1px solid ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        background: transparent;\n\n        .${prefixCls}-collapse-header {\n          overflow: hidden;\n          display: flex;\n          flex: none;\n          gap: 0.75em;\n          align-items: flex-start;\n\n          border-radius: 0 !important;\n\n          .${prefixCls}-collapse-header-text {\n            flex: 1;\n          }\n\n          .${prefixCls}-collapse-expand-icon {\n            align-items: center;\n            min-height: 28px;\n            margin: 0;\n            padding: 0;\n          }\n\n          .${prefixCls}-collapse-extra {\n            display: flex;\n            align-items: center;\n            min-height: 28px;\n          }\n        }\n\n        .${prefixCls}-collapse-panel {\n          background: transparent;\n        }\n      }\n    `,\n    title: css`\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 28px;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.gapOutlined,\n      gap: true,\n      variant: 'outlined',\n    },\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    collapsible: true,\n    gap: false,\n    isDarkMode: false,\n  },\n\n  variants: {\n    collapsible: {\n      false: styles.hideCollapsibleIcon,\n      true: null,\n    },\n    gap: {\n      false: null,\n      true: styles.gapRoot,\n    },\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,kBAAkB;AAE/B,MAAa,cAAc,YACzB,CAAC,WAAW,YAAY,IACpB,kBACA,GAAG,OAAO,YAAY,WAAW,UAAU,GAAG,QAAQ,IAAI;AAEhE,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAY,GAAG;UACT,UAAU;WACT,UAAU;;;WAGV,UAAU;;aAER,UAAU;;;;;;EAMnB,MAAM,GAAG;;eAEE,OAAO,qBAAqB;;EAEvC,YAAY,GAAG;UACT,UAAU;WACT,UAAU;wBACG,OAAO,cAAc;aAChC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;;;;;EAKxD,aAAa,GAAG;UACV,UAAU;WACT,UAAU;wBACG,OAAO,oBAAoB;aACtC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;0BAClC,OAAO,iBAAiB;cACpCA,cAAkB,OAAO;;;;;EAKnC,aAAa,GAAG;UACV,UAAU;;;WAGT,UAAU;8BACS,OAAO,mBAAmB;wBAChC,OAAO,iBAAiB;;;WAGrC,UAAU;aACR,UAAU;;;;;;EAMnB,SAAS,GAAG;UACN,UAAU;;;;;WAKT,UAAU;;2BAEM,OAAO,eAAe;;;;EAI7C,qBAAqB,GAAG;SACnB,UAAU;;;;EAIf,MAAM,GAAG;;8BAEiB,OAAO,cAAc;;EAE/C,UAAU,GAAG;UACP,UAAU;4BACQ,OAAO,mBAAmB;sBAChC,OAAO,iBAAiB;WACnC,UAAU,kBAAkB,UAAU;;;WAGtC,UAAU,yBAAyB,UAAU;wCAChB,OAAO,kBAAkB;;WAEtD,UAAU;aACR,UAAU;4CACqB,OAAO,kBAAkB;;;;;EAKjE,MAAM,GAAG;UACH,UAAU;;;;;WAKT,UAAU;;;;;;;;;aASR,UAAU;;;;aAIV,UAAU;;;;;;;aAOV,UAAU;;;;;;;WAOZ,UAAU;;;;;EAKjB,OAAO,GAAG;;;;;CAKZ;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,KAAK;GACL,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;EACX;CACF;CACA,iBAAiB;EACf,aAAa;EACb,KAAK;EACL,YAAY;CACd;CAEA,UAAU;EACR,aAAa;GACX,OAAO,OAAO;GACd,MAAM;EACR;EACA,KAAK;GACH,OAAO;GACP,MAAM,OAAO;EACf;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}

package/es/Collapse/type.d.mts

@@ -1,34 +0,0 @@
-import { IconProps } from "../Icon/type.mjs";
-import "../Icon/index.mjs";
-import { CSSProperties, ReactNode, Ref } from "react";
-import { CollapseProps } from "antd";
-import { ItemType } from "rc-collapse/es/interface.js";
-//#region src/Collapse/type.d.ts
-interface CollapseItemType extends ItemType {
-  desc?: ReactNode;
-  icon?: IconProps['icon'];
-}
-interface CollapseProps$1 extends Omit<CollapseProps, 'collapsible' | 'ghost' | 'items'> {
-  classNames?: {
-    desc?: string;
-    header?: string;
-    title?: string;
-  };
-  collapsible?: boolean;
-  gap?: number;
-  items: CollapseItemType[];
-  padding?: number | string | {
-    body?: number | string;
-    header?: number | string;
-  };
-  ref?: Ref<HTMLDivElement>;
-  styles?: {
-    desc?: CSSProperties;
-    header?: CSSProperties;
-    title?: CSSProperties;
-  };
-  variant?: 'filled' | 'outlined' | 'borderless';
-}
-//#endregion
-export { CollapseItemType, CollapseProps$1 as CollapseProps };
-//# sourceMappingURL=type.d.mts.map

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

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

package/es/DraggablePanel/components/DraggablePanelBody.mjs

@@ -1,19 +0,0 @@
-"use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/DraggablePanel/components/DraggablePanelBody.tsx
-const DraggablePanelBody = memo(({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		className: cx(styles.body, className),
-		flex: 1,
-		...rest
-	});
-});
-DraggablePanelBody.displayName = "DraggablePanelBody";
-//#endregion
-export { DraggablePanelBody as default };
-
-//# sourceMappingURL=DraggablePanelBody.mjs.map

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

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

package/es/DraggablePanel/components/DraggablePanelContainer.mjs

@@ -1,18 +0,0 @@
-"use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-//#region src/DraggablePanel/components/DraggablePanelContainer.tsx
-const DraggablePanelContainer = memo(({ className, ...rest }) => {
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
-		className: cx(styles.container, className),
-		...rest
-	});
-});
-DraggablePanelContainer.displayName = "DraggablePanelContainer";
-//#endregion
-export { DraggablePanelContainer as default };
-
-//# sourceMappingURL=DraggablePanelContainer.mjs.map