@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/base-ui/Anchor/Anchor.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Anchor.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Anchor/Anchor.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport {\n  type CSSProperties,\n  memo,\n  type MouseEvent,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useMergeRefs } from 'react-merge-refs';\nimport useControlledState from 'use-merge-value';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport { styles } from './style';\nimport type { AnchorItem, AnchorProps } from './type';\n\ntype ScrollContainer = HTMLElement | Window;\n\nconst SCROLL_LOCK_FALLBACK_MS = 1000;\n\nconst flatten = (items: AnchorItem[]): AnchorItem[] =>\n  items.flatMap((item) => [item, ...flatten(item.children ?? [])]);\n\nconst getTarget = (href: string) => {\n  const hash = href.split('#')[1];\n  if (!hash) return null;\n  try {\n    return document.getElementById(decodeURIComponent(hash));\n  } catch {\n    return document.getElementById(hash);\n  }\n};\n\nconst isWindow = (container: ScrollContainer): container is Window => container === window;\n\nconst getRelativeTop = (element: HTMLElement, container: ScrollContainer) =>\n  element.getBoundingClientRect().top -\n  (isWindow(container) ? 0 : container.getBoundingClientRect().top);\n\nconst getScrollTop = (container: ScrollContainer) =>\n  isWindow(container) ? window.scrollY : container.scrollTop;\n\nconst getActiveKey = (\n  items: AnchorItem[],\n  container: ScrollContainer,\n  offset: number,\n): string | null => {\n  let activeKey: string | null = null;\n  let activeTop = -Infinity;\n  for (const item of flatten(items)) {\n    const target = getTarget(item.href);\n    if (!target) continue;\n    const top = getRelativeTop(target, container);\n    if (top <= offset + 1 && top >= activeTop) {\n      activeKey = item.key;\n      activeTop = top;\n    }\n  }\n  return activeKey;\n};\n\nconst Anchor = memo<AnchorProps>(\n  ({ activeKey, className, getContainer, items, offset = 0, onChange, onClick, ref, ...rest }) => {\n    const [mergedActiveKey, setMergedActiveKey] = useControlledState<string | null>(null, {\n      onChange,\n      value: activeKey,\n    });\n    const scrollLockRef = useRef(false);\n    const navRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRefs([ref, navRef]);\n    const [marker, setMarker] = useState<CSSProperties>();\n    const lockTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n    const resolveContainer = useEventCallback((): ScrollContainer => getContainer?.() ?? window);\n    const setActive = useEventCallback(setMergedActiveKey);\n    const spy = useEventCallback(() => {\n      if (scrollLockRef.current) return;\n      setActive(getActiveKey(items, resolveContainer(), offset));\n    });\n\n    useEffect(() => {\n      const container = resolveContainer();\n      let frame = 0;\n      const handleScroll = () => {\n        cancelAnimationFrame(frame);\n        frame = requestAnimationFrame(spy);\n      };\n      spy();\n      container.addEventListener('scroll', handleScroll, { passive: true });\n      return () => {\n        cancelAnimationFrame(frame);\n        container.removeEventListener('scroll', handleScroll);\n      };\n    }, [items, offset, resolveContainer, spy]);\n\n    useEffect(() => () => clearTimeout(lockTimerRef.current), []);\n\n    useLayoutEffect(() => {\n      const nav = navRef.current;\n      if (!nav) return;\n      const place = () => {\n        const link = [...nav.querySelectorAll<HTMLElement>('a[data-key]')].find(\n          (element) => element.dataset.key === mergedActiveKey,\n        );\n        setMarker(\n          link ? { height: link.offsetHeight, insetBlockStart: link.offsetTop } : undefined,\n        );\n      };\n      place();\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(place);\n      observer.observe(nav);\n      return () => observer.disconnect();\n    }, [items, mergedActiveKey]);\n\n    const handleClick = (event: MouseEvent<HTMLAnchorElement>, item: AnchorItem) => {\n      onClick?.(event, item);\n      if (event.defaultPrevented || event.button !== 0) return;\n      if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n\n      const target = getTarget(item.href);\n      if (!target) return;\n      event.preventDefault();\n\n      const container = resolveContainer();\n      const top = getRelativeTop(target, container) + getScrollTop(container) - offset;\n      const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n\n      // Smooth scrolling may never bring a heading near the page end up to the offset line, so the\n      // clicked item is pinned as active until the scroll settles.\n      const release = () => {\n        scrollLockRef.current = false;\n      };\n      scrollLockRef.current = true;\n      setActive(item.key);\n      clearTimeout(lockTimerRef.current);\n      lockTimerRef.current = setTimeout(release, SCROLL_LOCK_FALLBACK_MS);\n      container.addEventListener('scrollend', release, { once: true });\n      container.scrollTo({ behavior: reduceMotion ? 'auto' : 'smooth', top });\n    };\n\n    const renderList = (list: AnchorItem[]) => (\n      <ul className={styles.list}>\n        {list.map((item) => (\n          <li key={item.key}>\n            <a\n              aria-current={item.key === mergedActiveKey ? 'location' : undefined}\n              className={styles.link}\n              data-key={item.key}\n              href={item.href}\n              title={typeof item.title === 'string' ? item.title : undefined}\n              onClick={(event) => handleClick(event, item)}\n            >\n              {item.title}\n            </a>\n            {item.children && item.children.length > 0 && renderList(item.children)}\n          </li>\n        ))}\n      </ul>\n    );\n\n    return (\n      <nav className={cx(styles.root, className)} ref={mergedRef} {...rest}>\n        <span aria-hidden className={styles.marker} hidden={!marker} style={marker} />\n        {renderList(items)}\n      </nav>\n    );\n  },\n);\n\nAnchor.displayName = 'Anchor';\n\nexport default Anchor;\n"],"mappings":"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"}

package/es/base-ui/Anchor/style.mjs

@@ -1,80 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Anchor/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	link: css`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-
-    font-size: 14px;
-    line-height: 1.4;
-    color: ${cssVar.colorTextSecondary};
-    overflow-wrap: anywhere;
-
-    transition: color 0.15s ease;
-
-    &:hover {
-      color: ${cssVar.colorText};
-    }
-
-    &[aria-current='location'] {
-      font-weight: 500;
-      color: ${cssVar.colorText};
-    }
-
-    &:focus-visible {
-      border-radius: 4px;
-      outline: 2px solid ${cssVar.colorText};
-      outline-offset: 2px;
-    }
-  `,
-	list: css`
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-
-    margin: 0;
-    padding-block: 0;
-    padding-inline: 14px 0;
-    border-inline-start: 1px solid ${cssVar.colorBorderSecondary};
-
-    list-style: none;
-
-    & & {
-      margin-block-start: 8px;
-      padding-inline-start: 12px;
-      border-inline-start: none;
-
-      a {
-        font-size: 13px;
-      }
-    }
-  `,
-	marker: css`
-    pointer-events: none;
-
-    position: absolute;
-    inset-inline-start: -1px;
-
-    width: 2px;
-    border-radius: 2px;
-
-    background: ${cssVar.colorText};
-
-    transition:
-      inset-block-start 0.2s ${cssVar.motionEaseOut},
-      height 0.2s ${cssVar.motionEaseOut};
-
-    @media (prefers-reduced-motion: reduce) {
-      transition: none;
-    }
-  `,
-	root: css`
-    position: relative;
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Anchor/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Anchor/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  link: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n\n    font-size: 14px;\n    line-height: 1.4;\n    color: ${cssVar.colorTextSecondary};\n    overflow-wrap: anywhere;\n\n    transition: color 0.15s ease;\n\n    &:hover {\n      color: ${cssVar.colorText};\n    }\n\n    &[aria-current='location'] {\n      font-weight: 500;\n      color: ${cssVar.colorText};\n    }\n\n    &:focus-visible {\n      border-radius: 4px;\n      outline: 2px solid ${cssVar.colorText};\n      outline-offset: 2px;\n    }\n  `,\n  list: css`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n\n    margin: 0;\n    padding-block: 0;\n    padding-inline: 14px 0;\n    border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n\n    list-style: none;\n\n    & & {\n      margin-block-start: 8px;\n      padding-inline-start: 12px;\n      border-inline-start: none;\n\n      a {\n        font-size: 13px;\n      }\n    }\n  `,\n  marker: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-inline-start: -1px;\n\n    width: 2px;\n    border-radius: 2px;\n\n    background: ${cssVar.colorText};\n\n    transition:\n      inset-block-start 0.2s ${cssVar.motionEaseOut},\n      height 0.2s ${cssVar.motionEaseOut};\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  `,\n  root: css`\n    position: relative;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;aAQE,OAAO,mBAAmB;;;;;;eAMxB,OAAO,UAAU;;;;;eAKjB,OAAO,UAAU;;;;;2BAKL,OAAO,UAAU;;;;CAI1C,MAAM,GAAG;;;;;;;;qCAQ0B,OAAO,qBAAqB;;;;;;;;;;;;;;CAc/D,QAAQ,GAAG;;;;;;;;;kBASK,OAAO,UAAU;;;+BAGJ,OAAO,cAAc;oBAChC,OAAO,cAAc;;;;;;CAMvC,MAAM,GAAG;;;AAGX,EAAE"}

package/es/base-ui/Anchor/type.d.mts

@@ -1,20 +0,0 @@
-import { ComponentProps, MouseEvent, ReactNode, Ref } from "react";
-//#region src/base-ui/Anchor/type.d.ts
-interface AnchorItem {
-  children?: AnchorItem[];
-  href: string;
-  key: string;
-  title: ReactNode;
-}
-interface AnchorProps extends Omit<ComponentProps<'nav'>, 'children' | 'onChange' | 'onClick'> {
-  activeKey?: string | null;
-  getContainer?: () => HTMLElement | Window | null | undefined;
-  items: AnchorItem[];
-  offset?: number;
-  onChange?: (key: string | null) => void;
-  onClick?: (event: MouseEvent<HTMLAnchorElement>, item: AnchorItem) => void;
-  ref?: Ref<HTMLElement>;
-}
-//#endregion
-export { AnchorItem, AnchorProps };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/AutoComplete/AutoComplete.d.mts

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

package/es/base-ui/AutoComplete/AutoComplete.mjs

@@ -1,97 +0,0 @@
-"use client";
-import { getFloatingCollisionPadding } from "../floating/collisionPadding.mjs";
-import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
-import Icon from "../../Icon/Icon.mjs";
-import { useLayerZIndex } from "../zIndex/useLayerZIndex.mjs";
-import { rootVariants, styles } from "../Input/style.mjs";
-import { styles as styles$1 } from "./style.mjs";
-import { memo, useMemo, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { XIcon } from "lucide-react";
-import { Autocomplete } from "@base-ui/react/autocomplete";
-//#region src/base-ui/AutoComplete/AutoComplete.tsx
-const AutoComplete = memo(({ className, classNames, styles: customStyles, style, variant, shadow, size = "middle", options = [], onChange, onSearch, allowClear, disabled, placeholder, prefix, suffix, emptyText, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const appElement = useAppElement();
-	const anchorRef = useRef(null);
-	const { ref: positionerRef, zIndex } = useLayerZIndex("floating");
-	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
-	const items = useMemo(() => options.map((option) => typeof option === "string" ? { value: option } : option), [options]);
-	return /* @__PURE__ */ jsxs(Autocomplete.Root, {
-		openOnInputClick: true,
-		disabled,
-		itemToStringValue: (item) => item.value,
-		items,
-		onValueChange: (value) => {
-			onChange?.(value);
-			onSearch?.(value);
-		},
-		...rest,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: cx(rootVariants({
-				shadow,
-				size,
-				variant: mergedVariant
-			}), className),
-			"data-disabled": disabled ? "" : void 0,
-			ref: anchorRef,
-			style,
-			children: [
-				prefix && /* @__PURE__ */ jsx("span", {
-					className: styles.slot,
-					children: prefix
-				}),
-				/* @__PURE__ */ jsx(Autocomplete.Input, {
-					className: cx(styles.input, classNames?.input),
-					placeholder,
-					style: customStyles?.input
-				}),
-				allowClear && /* @__PURE__ */ jsx(Autocomplete.Clear, {
-					"aria-label": "Clear",
-					className: styles$1.clear,
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: XIcon,
-						size: 14
-					})
-				}),
-				suffix && /* @__PURE__ */ jsx("span", {
-					className: styles.slot,
-					children: suffix
-				})
-			]
-		}), /* @__PURE__ */ jsx(Autocomplete.Portal, {
-			container: appElement ?? void 0,
-			children: /* @__PURE__ */ jsx(Autocomplete.Positioner, {
-				anchor: anchorRef,
-				className: styles$1.positioner,
-				collisionPadding: getFloatingCollisionPadding(),
-				ref: positionerRef,
-				sideOffset: 4,
-				style: zIndex === void 0 ? void 0 : { zIndex },
-				children: /* @__PURE__ */ jsxs(Autocomplete.Popup, {
-					className: cx(styles$1.popup, classNames?.popup),
-					style: customStyles?.popup,
-					children: [emptyText && /* @__PURE__ */ jsx(Autocomplete.Empty, {
-						className: styles$1.empty,
-						children: emptyText
-					}), /* @__PURE__ */ jsx(Autocomplete.List, {
-						className: styles$1.list,
-						children: (item) => /* @__PURE__ */ jsx(Autocomplete.Item, {
-							className: cx(styles$1.item, classNames?.item),
-							disabled: item.disabled,
-							style: customStyles?.item,
-							value: item,
-							children: item.label ?? item.value
-						}, item.value)
-					})]
-				})
-			})
-		})]
-	});
-});
-AutoComplete.displayName = "AutoComplete";
-//#endregion
-export { AutoComplete as default };
-
-//# sourceMappingURL=AutoComplete.mjs.map

package/es/base-ui/AutoComplete/AutoComplete.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoComplete.mjs","names":["inputVariants","inputStyles","styles"],"sources":["../../../src/base-ui/AutoComplete/AutoComplete.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete } from '@base-ui/react/autocomplete';\nimport { cx, useThemeMode } from 'antd-style';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo, useRef } from 'react';\n\nimport { getFloatingCollisionPadding } from '@/base-ui/floating';\nimport { inputStyles, inputVariants } from '@/base-ui/Input';\nimport { useLayerZIndex } from '@/base-ui/zIndex';\nimport Icon from '@/Icon';\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\n\nimport { styles } from './style';\nimport type { AutoCompleteOption, AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(\n  ({\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    variant,\n    shadow,\n    size = 'middle',\n    options = [],\n    onChange,\n    onSearch,\n    allowClear,\n    disabled,\n    placeholder,\n    prefix,\n    suffix,\n    emptyText,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const appElement = useAppElement();\n    const anchorRef = useRef<HTMLDivElement>(null);\n    const { ref: positionerRef, zIndex } = useLayerZIndex<HTMLDivElement>('floating');\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\n\n    const items = useMemo<AutoCompleteOption[]>(\n      () => options.map((option) => (typeof option === 'string' ? { value: option } : option)),\n      [options],\n    );\n\n    return (\n      <Autocomplete.Root\n        openOnInputClick\n        disabled={disabled}\n        itemToStringValue={(item) => (item as AutoCompleteOption).value}\n        items={items}\n        onValueChange={(value) => {\n          onChange?.(value);\n          onSearch?.(value);\n        }}\n        {...rest}\n      >\n        <div\n          className={cx(inputVariants({ shadow, size, variant: mergedVariant }), className)}\n          data-disabled={disabled ? '' : undefined}\n          ref={anchorRef}\n          style={style}\n        >\n          {prefix && <span className={inputStyles.slot}>{prefix}</span>}\n          <Autocomplete.Input\n            className={cx(inputStyles.input, classNames?.input)}\n            placeholder={placeholder}\n            style={customStyles?.input}\n          />\n          {allowClear && (\n            <Autocomplete.Clear aria-label={'Clear'} className={styles.clear}>\n              <Icon icon={XIcon} size={14} />\n            </Autocomplete.Clear>\n          )}\n          {suffix && <span className={inputStyles.slot}>{suffix}</span>}\n        </div>\n        <Autocomplete.Portal container={appElement ?? undefined}>\n          <Autocomplete.Positioner\n            anchor={anchorRef}\n            className={styles.positioner}\n            collisionPadding={getFloatingCollisionPadding()}\n            ref={positionerRef}\n            sideOffset={4}\n            style={zIndex === undefined ? undefined : { zIndex }}\n          >\n            <Autocomplete.Popup\n              className={cx(styles.popup, classNames?.popup)}\n              style={customStyles?.popup}\n            >\n              {emptyText && (\n                <Autocomplete.Empty className={styles.empty}>{emptyText}</Autocomplete.Empty>\n              )}\n              <Autocomplete.List className={styles.list}>\n                {(item: AutoCompleteOption) => (\n                  <Autocomplete.Item\n                    className={cx(styles.item, classNames?.item)}\n                    disabled={item.disabled}\n                    key={item.value}\n                    style={customStyles?.item}\n                    value={item}\n                  >\n                    {item.label ?? item.value}\n                  </Autocomplete.Item>\n                )}\n              </Autocomplete.List>\n            </Autocomplete.Popup>\n          </Autocomplete.Positioner>\n        </Autocomplete.Portal>\n      </Autocomplete.Root>\n    );\n  },\n);\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAM,eAAe,MAClB,EACC,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,UAAU,CAAC,GACX,UACA,UACA,YACA,UACA,aACA,QACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,aAAa,cAAc;CACjC,MAAM,YAAY,OAAuB,IAAI;CAC7C,MAAM,EAAE,KAAK,eAAe,WAAW,eAA+B,UAAU;CAChF,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAE1D,MAAM,QAAQ,cACN,QAAQ,KAAK,WAAY,OAAO,WAAW,WAAW,EAAE,OAAO,OAAO,IAAI,MAAO,GACvF,CAAC,OAAO,CACV;CAEA,OACE,qBAAC,aAAa,MAAd;EACE,kBAAA;EACU;EACV,oBAAoB,SAAU,KAA4B;EACnD;EACP,gBAAgB,UAAU;GACxB,WAAW,KAAK;GAChB,WAAW,KAAK;EAClB;EACA,GAAI;EATN,UAAA,CAWE,qBAAC,OAAD;GACE,WAAW,GAAGA,aAAc;IAAE;IAAQ;IAAM,SAAS;GAAc,CAAC,GAAG,SAAS;GAChF,iBAAe,WAAW,KAAK,KAAA;GAC/B,KAAK;GACE;GAJT,UAAA;IAMG,UAAU,oBAAC,QAAD;KAAM,WAAWC,OAAY;KAAO,UAAA;IAAa,CAAA;IAC5D,oBAAC,aAAa,OAAd;KACE,WAAW,GAAGA,OAAY,OAAO,YAAY,KAAK;KACrC;KACb,OAAO,cAAc;IACtB,CAAA;IACA,cACC,oBAAC,aAAa,OAAd;KAAoB,cAAY;KAAS,WAAWC,SAAO;KACzD,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAO,MAAM;KAAK,CAAA;IACZ,CAAA;IAErB,UAAU,oBAAC,QAAD;KAAM,WAAWD,OAAY;KAAO,UAAA;IAAa,CAAA;GACzD;EACL,CAAA,GAAA,oBAAC,aAAa,QAAd;GAAqB,WAAW,cAAc,KAAA;GAC5C,UAAA,oBAAC,aAAa,YAAd;IACE,QAAQ;IACR,WAAWC,SAAO;IAClB,kBAAkB,4BAA4B;IAC9C,KAAK;IACL,YAAY;IACZ,OAAO,WAAW,KAAA,IAAY,KAAA,IAAY,EAAE,OAAO;IAEnD,UAAA,qBAAC,aAAa,OAAd;KACE,WAAW,GAAGA,SAAO,OAAO,YAAY,KAAK;KAC7C,OAAO,cAAc;KAFvB,UAAA,CAIG,aACC,oBAAC,aAAa,OAAd;MAAoB,WAAWA,SAAO;MAAQ,UAAA;KAA8B,CAAA,GAE9E,oBAAC,aAAa,MAAd;MAAmB,WAAWA,SAAO;MACjC,WAAA,SACA,oBAAC,aAAa,MAAd;OACE,WAAW,GAAGA,SAAO,MAAM,YAAY,IAAI;OAC3C,UAAU,KAAK;OAEf,OAAO,cAAc;OACrB,OAAO;OAEN,UAAA,KAAK,SAAS,KAAK;MACH,GALZ,KAAK,KAKO;KAEJ,CAAA,CACD;;GACG,CAAA;EACN,CAAA,CACJ;;AAEvB,CACF;AAEA,aAAa,cAAc"}

package/es/base-ui/AutoComplete/index.d.mts

@@ -1,4 +0,0 @@
-import { AutoCompleteOption, AutoCompleteProps } from "./type.mjs";
-import AutoComplete from "./AutoComplete.mjs";
-import { styles } from "./style.mjs";
-export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps, styles as autoCompleteStyles };

package/es/base-ui/AutoComplete/style.d.mts

@@ -1,12 +0,0 @@
-//#region src/base-ui/AutoComplete/style.d.ts
-declare const styles: {
-  clear: string;
-  empty: string;
-  item: string;
-  list: string;
-  popup: string;
-  positioner: string;
-};
-//#endregion
-export { styles };
-//# sourceMappingURL=style.d.mts.map

package/es/base-ui/AutoComplete/style.mjs

@@ -1,76 +0,0 @@
-import { styles as styles$1 } from "../DropdownMenu/sharedStyle.mjs";
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/AutoComplete/style.ts
-const ownStyles = createStaticStyles(({ css, cssVar }) => ({
-	clear: css`
-    cursor: pointer;
-
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-
-    margin: 0;
-    padding: 0;
-    border: none;
-
-    color: ${cssVar.colorTextTertiary};
-
-    background: none;
-    outline: none;
-
-    transition: color 150ms ${cssVar.motionEaseOut};
-
-    &:hover {
-      color: ${cssVar.colorText};
-    }
-  `,
-	empty: css`
-    cursor: default;
-
-    &:empty {
-      display: none;
-    }
-
-    &:hover {
-      background: transparent;
-    }
-  `,
-	list: css`
-    overflow-y: auto;
-    max-height: min(320px, var(--available-height));
-
-    &:empty {
-      display: none;
-    }
-  `,
-	popup: css`
-    transform-origin: var(--transform-origin);
-    width: var(--anchor-width);
-    min-width: 0;
-    transition:
-      opacity 140ms ${cssVar.motionEaseOut},
-      transform 140ms ${cssVar.motionEaseOut};
-
-    &[data-starting-style],
-    &[data-ending-style] {
-      transform: scaleY(0.92);
-      opacity: 0;
-    }
-  `
-}));
-const styles = {
-	clear: ownStyles.clear,
-	empty: [
-		styles$1.item,
-		styles$1.empty,
-		ownStyles.empty
-	].join(" "),
-	item: styles$1.item,
-	list: ownStyles.list,
-	popup: [styles$1.popup, ownStyles.popup].join(" "),
-	positioner: styles$1.positioner
-};
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/AutoComplete/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":["menuStyles"],"sources":["../../../src/base-ui/AutoComplete/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { styles as menuStyles } from '@/base-ui/DropdownMenu/sharedStyle';\n\nconst ownStyles = createStaticStyles(({ css, cssVar }) => ({\n  clear: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding: 0;\n    border: none;\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: none;\n    outline: none;\n\n    transition: color 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      color: ${cssVar.colorText};\n    }\n  `,\n  empty: css`\n    cursor: default;\n\n    &:empty {\n      display: none;\n    }\n\n    &:hover {\n      background: transparent;\n    }\n  `,\n  list: css`\n    overflow-y: auto;\n    max-height: min(320px, var(--available-height));\n\n    &:empty {\n      display: none;\n    }\n  `,\n  popup: css`\n    transform-origin: var(--transform-origin);\n    width: var(--anchor-width);\n    min-width: 0;\n    transition:\n      opacity 140ms ${cssVar.motionEaseOut},\n      transform 140ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: scaleY(0.92);\n      opacity: 0;\n    }\n  `,\n}));\n\nexport const styles = {\n  clear: ownStyles.clear,\n  empty: [menuStyles.item, menuStyles.empty, ownStyles.empty].join(' '),\n  item: menuStyles.item,\n  list: ownStyles.list,\n  popup: [menuStyles.popup, ownStyles.popup].join(' '),\n  positioner: menuStyles.positioner,\n};\n"],"mappings":";;;AAIA,MAAM,YAAY,oBAAoB,EAAE,KAAK,cAAc;CACzD,OAAO,GAAG;;;;;;;;;;;aAWC,OAAO,kBAAkB;;;;;8BAKR,OAAO,cAAc;;;eAGpC,OAAO,UAAU;;;CAG9B,OAAO,GAAG;;;;;;;;;;;CAWV,MAAM,GAAG;;;;;;;;CAQT,OAAO,GAAG;;;;;sBAKU,OAAO,cAAc;wBACnB,OAAO,cAAc;;;;;;;;AAQ7C,EAAE;AAEF,MAAa,SAAS;CACpB,OAAO,UAAU;CACjB,OAAO;EAACA,SAAW;EAAMA,SAAW;EAAO,UAAU;CAAK,CAAC,CAAC,KAAK,GAAG;CACpE,MAAMA,SAAW;CACjB,MAAM,UAAU;CAChB,OAAO,CAACA,SAAW,OAAO,UAAU,KAAK,CAAC,CAAC,KAAK,GAAG;CACnD,YAAYA,SAAW;AACzB"}

package/es/base-ui/AutoComplete/type.d.mts

@@ -1,40 +0,0 @@
-import { InputProps } from "../Input/type.mjs";
-import "../Input/index.mjs";
-import { CSSProperties, ComponentProps, ReactNode } from "react";
-import { Autocomplete } from "@base-ui/react/autocomplete";
-//#region src/base-ui/AutoComplete/type.d.ts
-interface AutoCompleteOption {
-  disabled?: boolean;
-  label?: ReactNode;
-  value: string;
-}
-type BaseAutocompleteProps = Omit<ComponentProps<typeof Autocomplete.Root>, 'className' | 'style' | 'render' | 'children' | 'items' | 'onValueChange' | 'mode'>;
-interface AutoCompleteProps extends BaseAutocompleteProps {
-  allowClear?: boolean;
-  className?: string;
-  classNames?: {
-    input?: string;
-    item?: string;
-    popup?: string;
-  };
-  disabled?: boolean;
-  emptyText?: ReactNode;
-  onChange?: (value: string) => void;
-  onSearch?: (value: string) => void;
-  options?: (string | AutoCompleteOption)[];
-  placeholder?: string;
-  prefix?: InputProps['prefix'];
-  shadow?: boolean;
-  size?: InputProps['size'];
-  style?: CSSProperties;
-  styles?: {
-    input?: CSSProperties;
-    item?: CSSProperties;
-    popup?: CSSProperties;
-  };
-  suffix?: InputProps['suffix'];
-  variant?: InputProps['variant'];
-}
-//#endregion
-export { AutoCompleteOption, AutoCompleteProps };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Avatar/Avatar.mjs

@@ -1,99 +0,0 @@
-"use client";
-import Center from "../../Flex/Center.mjs";
-import Icon from "../../Icon/Icon.mjs";
-import FluentEmoji from "../../FluentEmoji/FluentEmoji.mjs";
-import { safeReadableColor } from "../../utils/safeReadableColor.mjs";
-import { styles, variants } from "./style.mjs";
-import { calculateEmojiSize, formatAvatarText, hasValidBackground, isDefaultAntAvatar } from "./utils.mjs";
-import { memo, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cssVar, cx } from "antd-style";
-import { Loader2 } from "lucide-react";
-import { getEmoji } from "@lobehub/fluent-emoji";
-//#region src/base-ui/Avatar/Avatar.tsx
-const Avatar = memo(({ alt, animation, avatar, background, bordered, borderedColor, className, classNames, crossOrigin, draggable = false, emojiScaleWithBackground = true, loading, ref, shadow, shape = "square", size = 48, sliceText = true, style, styles: customStyles, title, tooltipProps, unoptimized, variant = "borderless", ...rest }) => {
-	const isStringAvatar = typeof avatar === "string";
-	const [isImgError, setIsImgError] = useState(false);
-	const isUrlOrElement = useMemo(() => isDefaultAntAvatar(avatar), [avatar]);
-	const emoji = useMemo(() => avatar && isStringAvatar && !isUrlOrElement ? getEmoji(avatar) : void 0, [
-		avatar,
-		isStringAvatar,
-		isUrlOrElement
-	]);
-	const text = isUrlOrElement ? title : typeof avatar === "string" ? avatar : void 0;
-	const imgAlt = alt || title || "avatar";
-	const hasBackground = hasValidBackground(background);
-	const showImage = isUrlOrElement && isStringAvatar && !isImgError;
-	const showElement = isUrlOrElement && !isStringAvatar && !isImgError;
-	const customAvatar = useMemo(() => emoji ? /* @__PURE__ */ jsx(FluentEmoji, {
-		emoji,
-		size: calculateEmojiSize(size, hasBackground, emojiScaleWithBackground),
-		type: animation ? "anim" : "3d",
-		unoptimized
-	}) : formatAvatarText(text || title, sliceText), [
-		animation,
-		emoji,
-		hasBackground,
-		size,
-		sliceText,
-		text,
-		title,
-		unoptimized,
-		emojiScaleWithBackground
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		...rest,
-		className: cx(variants({
-			shadow,
-			variant
-		}), className, classNames?.root),
-		ref,
-		style: {
-			backgroundColor: isUrlOrElement && !isImgError || emoji ? background : background || cssVar.colorBorder,
-			borderRadius: shape === "circle" ? "50%" : size < 24 ? "33%" : Math.max(size / 6, 2),
-			boxShadow: bordered ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px` : void 0,
-			color: safeReadableColor(background || cssVar.colorBorder),
-			cursor: rest?.onClick ? "pointer" : void 0,
-			fontSize: size * (emoji ? .7 : .5),
-			height: size,
-			width: size,
-			...style,
-			...customStyles?.root
-		},
-		children: [
-			loading && /* @__PURE__ */ jsx(Center, {
-				className: cx(styles.loading, classNames?.loading),
-				flex: "none",
-				height: "100%",
-				style: customStyles?.loading,
-				width: "100%",
-				children: /* @__PURE__ */ jsx(Icon, {
-					spin: true,
-					icon: Loader2
-				})
-			}),
-			typeof avatar === "string" && showImage && /* @__PURE__ */ jsx("img", {
-				alt: imgAlt,
-				className: cx(styles.img, classNames?.img),
-				crossOrigin,
-				draggable,
-				height: size,
-				loading: "lazy",
-				src: avatar,
-				style: customStyles?.img,
-				width: size,
-				onError: () => setIsImgError(true)
-			}),
-			!showImage && /* @__PURE__ */ jsx("span", {
-				className: cx(styles.content, classNames?.content),
-				style: customStyles?.content,
-				children: showElement ? avatar : customAvatar
-			})
-		]
-	});
-});
-Avatar.displayName = "Avatar";
-//#endregion
-export { Avatar as default };
-
-//# sourceMappingURL=Avatar.mjs.map

package/es/base-ui/Avatar/Avatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.mjs","names":[],"sources":["../../../src/base-ui/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { getEmoji } from '@lobehub/fluent-emoji';\nimport { cssVar, cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, useMemo, useState } from 'react';\n\nimport { Center } from '@/Flex';\nimport FluentEmoji from '@/FluentEmoji';\nimport Icon from '@/Icon';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles, variants } from './style';\nimport { type AvatarProps } from './type';\nimport {\n  calculateEmojiSize,\n  formatAvatarText,\n  hasValidBackground,\n  isDefaultAntAvatar,\n} from './utils';\n\nconst Avatar = memo<AvatarProps>(\n  ({\n    alt,\n    animation,\n    avatar,\n    background,\n    bordered,\n    borderedColor,\n    className,\n    classNames,\n    crossOrigin,\n    draggable = false,\n    emojiScaleWithBackground = true,\n    loading,\n    ref,\n    shadow,\n    shape = 'square',\n    size = 48,\n    sliceText = true,\n    style,\n    styles: customStyles,\n    title,\n    tooltipProps,\n    unoptimized,\n    variant = 'borderless',\n    ...rest\n  }) => {\n    const isStringAvatar = typeof avatar === 'string';\n\n    const [isImgError, setIsImgError] = useState(false);\n\n    const isUrlOrElement = useMemo(() => isDefaultAntAvatar(avatar), [avatar]);\n\n    const emoji = useMemo(\n      () => (avatar && isStringAvatar && !isUrlOrElement ? getEmoji(avatar) : undefined),\n      [avatar, isStringAvatar, isUrlOrElement],\n    );\n\n    const text = isUrlOrElement ? title : typeof avatar === 'string' ? avatar : undefined;\n\n    const imgAlt = alt || title || 'avatar';\n\n    const hasBackground = hasValidBackground(background);\n    const showImage = isUrlOrElement && isStringAvatar && !isImgError;\n    const showElement = isUrlOrElement && !isStringAvatar && !isImgError;\n\n    const customAvatar = useMemo(\n      () =>\n        emoji ? (\n          <FluentEmoji\n            emoji={emoji}\n            size={calculateEmojiSize(size, hasBackground, emojiScaleWithBackground)}\n            type={animation ? 'anim' : '3d'}\n            unoptimized={unoptimized}\n          />\n        ) : (\n          formatAvatarText(text || title, sliceText)\n        ),\n      [\n        animation,\n        emoji,\n        hasBackground,\n        size,\n        sliceText,\n        text,\n        title,\n        unoptimized,\n        emojiScaleWithBackground,\n      ],\n    );\n\n    return (\n      <div\n        {...rest}\n        className={cx(variants({ shadow, variant }), className, classNames?.root)}\n        ref={ref}\n        style={{\n          backgroundColor:\n            (isUrlOrElement && !isImgError) || emoji\n              ? background\n              : background || cssVar.colorBorder,\n          borderRadius: shape === 'circle' ? '50%' : size < 24 ? '33%' : Math.max(size / 6, 2),\n          boxShadow: bordered\n            ? `${cssVar.colorBgLayout} 0 0 0 2px, ${borderedColor || cssVar.colorTextTertiary} 0 0 0 4px`\n            : undefined,\n          color: safeReadableColor(background || cssVar.colorBorder),\n          cursor: rest?.onClick ? 'pointer' : undefined,\n          fontSize: size * (emoji ? 0.7 : 0.5),\n          height: size,\n          width: size,\n          ...style,\n          ...customStyles?.root,\n        }}\n      >\n        {loading && (\n          <Center\n            className={cx(styles.loading, classNames?.loading)}\n            flex={'none'}\n            height={'100%'}\n            style={customStyles?.loading}\n            width={'100%'}\n          >\n            <Icon spin icon={Loader2} />\n          </Center>\n        )}\n        {typeof avatar === 'string' && showImage && (\n          <img\n            alt={imgAlt}\n            className={cx(styles.img, classNames?.img)}\n            crossOrigin={crossOrigin}\n            draggable={draggable}\n            height={size}\n            loading={'lazy'}\n            src={avatar}\n            style={customStyles?.img}\n            width={size}\n            onError={() => setIsImgError(true)}\n          />\n        )}\n        {!showImage && (\n          <span className={cx(styles.content, classNames?.content)} style={customStyles?.content}>\n            {showElement ? avatar : customAvatar}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,SAAS,MACZ,EACC,KACA,WACA,QACA,YACA,UACA,eACA,WACA,YACA,aACA,YAAY,OACZ,2BAA2B,MAC3B,SACA,KACA,QACA,QAAQ,UACR,OAAO,IACP,YAAY,MACZ,OACA,QAAQ,cACR,OACA,cACA,aACA,UAAU,cACV,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,WAAW;CAEzC,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAElD,MAAM,iBAAiB,cAAc,mBAAmB,MAAM,GAAG,CAAC,MAAM,CAAC;CAEzE,MAAM,QAAQ,cACL,UAAU,kBAAkB,CAAC,iBAAiB,SAAS,MAAM,IAAI,KAAA,GACxE;EAAC;EAAQ;EAAgB;CAAc,CACzC;CAEA,MAAM,OAAO,iBAAiB,QAAQ,OAAO,WAAW,WAAW,SAAS,KAAA;CAE5E,MAAM,SAAS,OAAO,SAAS;CAE/B,MAAM,gBAAgB,mBAAmB,UAAU;CACnD,MAAM,YAAY,kBAAkB,kBAAkB,CAAC;CACvD,MAAM,cAAc,kBAAkB,CAAC,kBAAkB,CAAC;CAE1D,MAAM,eAAe,cAEjB,QACE,oBAAC,aAAD;EACS;EACP,MAAM,mBAAmB,MAAM,eAAe,wBAAwB;EACtE,MAAM,YAAY,SAAS;EACd;CACd,CAAA,IAED,iBAAiB,QAAQ,OAAO,SAAS,GAE7C;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,WAAW,GAAG,SAAS;GAAE;GAAQ;EAAQ,CAAC,GAAG,WAAW,YAAY,IAAI;EACnE;EACL,OAAO;GACL,iBACG,kBAAkB,CAAC,cAAe,QAC/B,aACA,cAAc,OAAO;GAC3B,cAAc,UAAU,WAAW,QAAQ,OAAO,KAAK,QAAQ,KAAK,IAAI,OAAO,GAAG,CAAC;GACnF,WAAW,WACP,GAAG,OAAO,cAAc,cAAc,iBAAiB,OAAO,kBAAkB,cAChF,KAAA;GACJ,OAAO,kBAAkB,cAAc,OAAO,WAAW;GACzD,QAAQ,MAAM,UAAU,YAAY,KAAA;GACpC,UAAU,QAAQ,QAAQ,KAAM;GAChC,QAAQ;GACR,OAAO;GACP,GAAG;GACH,GAAG,cAAc;EACnB;EApBF,UAAA;GAsBG,WACC,oBAAC,QAAD;IACE,WAAW,GAAG,OAAO,SAAS,YAAY,OAAO;IACjD,MAAM;IACN,QAAQ;IACR,OAAO,cAAc;IACrB,OAAO;IAEP,UAAA,oBAAC,MAAD;KAAM,MAAA;KAAK,MAAM;IAAU,CAAA;GACrB,CAAA;GAET,OAAO,WAAW,YAAY,aAC7B,oBAAC,OAAD;IACE,KAAK;IACL,WAAW,GAAG,OAAO,KAAK,YAAY,GAAG;IAC5B;IACF;IACX,QAAQ;IACR,SAAS;IACT,KAAK;IACL,OAAO,cAAc;IACrB,OAAO;IACP,eAAe,cAAc,IAAI;GAClC,CAAA;GAEF,CAAC,aACA,oBAAC,QAAD;IAAM,WAAW,GAAG,OAAO,SAAS,YAAY,OAAO;IAAG,OAAO,cAAc;IAC5E,UAAA,cAAc,SAAS;GACpB,CAAA;EAEL;;AAET,CACF;AAEA,OAAO,cAAc"}

package/es/base-ui/Avatar/AvatarGroup/index.d.mts

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

package/es/base-ui/Avatar/AvatarGroup/index.mjs

@@ -1,65 +0,0 @@
-"use client";
-import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
-import Avatar from "../Avatar.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cssVar, cx } from "antd-style";
-//#region src/base-ui/Avatar/AvatarGroup/index.tsx
-const AvatarGroup = memo(({ items, max, gap, variant = "borderless", bordered, shadow, size = 48, background, animation, draggable, classNames, shape, styles: customStyles, onClick, ref, zIndexReverse, ...rest }) => {
-	const avatars = max ? items.slice(0, max) : items;
-	const restAvatars = items.slice(max, items.length);
-	const gapValue = gap ?? Math.floor(-size / 4);
-	const avatarProps = {
-		animation,
-		background,
-		bordered,
-		draggable,
-		shadow,
-		shape,
-		size,
-		variant
-	};
-	return /* @__PURE__ */ jsxs(FlexBasic_default, {
-		horizontal: true,
-		gap,
-		ref,
-		style: { position: "relative" },
-		...rest,
-		children: [avatars.map((avatar, index) => {
-			const { key, style: avatarStyle, className: avatarClassName, ...restAvatarProps } = avatar;
-			return /* @__PURE__ */ jsx(Avatar, {
-				className: cx(classNames?.avatar, avatarClassName, styles.avatar),
-				style: {
-					marginLeft: index === 0 ? 0 : gapValue,
-					zIndex: zIndexReverse ? items.length - index : index,
-					...customStyles?.avatar,
-					...avatarStyle
-				},
-				onClick: () => onClick?.({
-					item: avatar,
-					key
-				}),
-				...avatarProps,
-				...restAvatarProps
-			}, key);
-		}), max && restAvatars.length > 0 && /* @__PURE__ */ jsx(Avatar, {
-			...avatarProps,
-			avatar: `+${restAvatars.length}`,
-			background: cssVar.colorText,
-			className: cx(styles.avatar, classNames?.count),
-			classNames: { content: styles.count },
-			sliceText: false,
-			style: {
-				marginLeft: gapValue,
-				zIndex: zIndexReverse ? 0 : avatars.length,
-				...customStyles?.count
-			}
-		})]
-	});
-});
-AvatarGroup.displayName = "AvatarGroup";
-//#endregion
-export { AvatarGroup as default };
-
-//# sourceMappingURL=index.mjs.map

package/es/base-ui/Avatar/AvatarGroup/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../../src/base-ui/Avatar/AvatarGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport Avatar from '../Avatar';\nimport type { AvatarGroupProps } from '../type';\nimport { styles } from './style';\n\nconst AvatarGroup = memo<AvatarGroupProps>(\n  ({\n    items,\n    max,\n    gap,\n    variant = 'borderless',\n    bordered,\n    shadow,\n    size = 48,\n    background,\n    animation,\n    draggable,\n    classNames,\n    shape,\n    styles: customStyles,\n    onClick,\n    ref,\n    zIndexReverse,\n    ...rest\n  }) => {\n    const avatars = max ? items.slice(0, max) : items;\n    const restAvatars = items.slice(max, items.length);\n    const gapValue = gap ?? Math.floor(-size / 4);\n\n    const avatarProps = {\n      animation,\n      background,\n      bordered,\n      draggable,\n      shadow,\n      shape,\n      size,\n      variant,\n    };\n\n    return (\n      <Flexbox\n        horizontal\n        gap={gap}\n        ref={ref}\n        style={{\n          position: 'relative',\n        }}\n        {...rest}\n      >\n        {avatars.map((avatar, index) => {\n          const {\n            key,\n            style: avatarStyle,\n            className: avatarClassName,\n            ...restAvatarProps\n          } = avatar;\n          return (\n            <Avatar\n              className={cx(classNames?.avatar, avatarClassName, styles.avatar)}\n              key={key}\n              style={{\n                marginLeft: index === 0 ? 0 : gapValue,\n                zIndex: zIndexReverse ? items.length - index : index,\n                ...customStyles?.avatar,\n                ...avatarStyle,\n              }}\n              onClick={() => onClick?.({ item: avatar, key })}\n              {...avatarProps}\n              {...restAvatarProps}\n            />\n          );\n        })}\n        {max && restAvatars.length > 0 && (\n          <Avatar\n            {...avatarProps}\n            avatar={`+${restAvatars.length}`}\n            background={cssVar.colorText}\n            className={cx(styles.avatar, classNames?.count)}\n            classNames={{ content: styles.count }}\n            sliceText={false}\n            style={{\n              marginLeft: gapValue,\n              zIndex: zIndexReverse ? 0 : avatars.length,\n              ...customStyles?.count,\n            }}\n          />\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nAvatarGroup.displayName = 'AvatarGroup';\n\nexport default AvatarGroup;\n"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,MACjB,EACC,OACA,KACA,KACA,UAAU,cACV,UACA,QACA,OAAO,IACP,YACA,WACA,WACA,YACA,OACA,QAAQ,cACR,SACA,KACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,MAAM,MAAM,MAAM,GAAG,GAAG,IAAI;CAC5C,MAAM,cAAc,MAAM,MAAM,KAAK,MAAM,MAAM;CACjD,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC;CAE5C,MAAM,cAAc;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,OACE,qBAACA,mBAAD;EACE,YAAA;EACK;EACA;EACL,OAAO,EACL,UAAU,WACZ;EACA,GAAI;EAPN,UAAA,CASG,QAAQ,KAAK,QAAQ,UAAU;GAC9B,MAAM,EACJ,KACA,OAAO,aACP,WAAW,iBACX,GAAG,oBACD;GACJ,OACE,oBAAC,QAAD;IACE,WAAW,GAAG,YAAY,QAAQ,iBAAiB,OAAO,MAAM;IAEhE,OAAO;KACL,YAAY,UAAU,IAAI,IAAI;KAC9B,QAAQ,gBAAgB,MAAM,SAAS,QAAQ;KAC/C,GAAG,cAAc;KACjB,GAAG;IACL;IACA,eAAe,UAAU;KAAE,MAAM;KAAQ;IAAI,CAAC;IAC9C,GAAI;IACJ,GAAI;GACL,GAVM,GAUN;EAEL,CAAC,GACA,OAAO,YAAY,SAAS,KAC3B,oBAAC,QAAD;GACE,GAAI;GACJ,QAAQ,IAAI,YAAY;GACxB,YAAY,OAAO;GACnB,WAAW,GAAG,OAAO,QAAQ,YAAY,KAAK;GAC9C,YAAY,EAAE,SAAS,OAAO,MAAM;GACpC,WAAW;GACX,OAAO;IACL,YAAY;IACZ,QAAQ,gBAAgB,IAAI,QAAQ;IACpC,GAAG,cAAc;GACnB;EACD,CAAA,CAEI;;AAEb,CACF;AAEA,YAAY,cAAc"}

package/es/base-ui/Avatar/AvatarGroup/style.mjs

@@ -1,17 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Avatar/AvatarGroup/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		avatar: css`
-      border: 2px solid ${cssVar.colorBgContainer} !important;
-    `,
-		count: css`
-      font-size: 0.8em;
-      color: ${cssVar.colorBgLayout};
-    `
-	};
-});
-//#endregion
-export { styles };
-
-//# sourceMappingURL=style.mjs.map

package/es/base-ui/Avatar/AvatarGroup/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/base-ui/Avatar/AvatarGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    avatar: css`\n      border: 2px solid ${cssVar.colorBgContainer} !important;\n    `,\n    count: css`\n      font-size: 0.8em;\n      color: ${cssVar.colorBgLayout};\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;0BACW,OAAO,iBAAiB;;EAE9C,OAAO,GAAG;;eAEC,OAAO,cAAc;;CAElC;AACF,CAAC"}

package/es/base-ui/Avatar/index.d.mts

@@ -1,12 +0,0 @@
-import { AvatarClassNames, AvatarGroupItemType, AvatarGroupProps, AvatarProps, AvatarStyles } from "./type.mjs";
-import AvatarGroup from "./AvatarGroup/index.mjs";
-import { ReactNode, RefAttributes } from "react";
-//#region src/base-ui/Avatar/index.d.ts
-interface IAvatar {
-  (props: AvatarProps & RefAttributes<HTMLDivElement>): ReactNode;
-  Group: typeof AvatarGroup;
-}
-declare const Avatar: IAvatar;
-//#endregion
-export { type AvatarClassNames, AvatarGroup, type AvatarGroupItemType, type AvatarGroupProps, type AvatarProps, type AvatarStyles, Avatar as default };
-//# sourceMappingURL=index.d.mts.map

package/es/base-ui/Avatar/index.mjs

@@ -1,9 +0,0 @@
-import Avatar$1 from "./Avatar.mjs";
-import AvatarGroup from "./AvatarGroup/index.mjs";
-//#region src/base-ui/Avatar/index.ts
-const Avatar = Avatar$1;
-Avatar.Group = AvatarGroup;
-//#endregion
-export { AvatarGroup, Avatar as default };
-
-//# sourceMappingURL=index.mjs.map

package/es/base-ui/Avatar/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["AvatarParent"],"sources":["../../../src/base-ui/Avatar/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\n\nimport AvatarParent from './Avatar';\nimport AvatarGroup from './AvatarGroup';\nimport { type AvatarProps } from './type';\n\ninterface IAvatar {\n  (props: AvatarProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Group: typeof AvatarGroup;\n}\n\nconst Avatar = AvatarParent as unknown as IAvatar;\nAvatar.Group = AvatarGroup;\n\nexport default Avatar;\nexport { default as AvatarGroup } from './AvatarGroup';\nexport type * from './type';\n"],"mappings":";;;AAWA,MAAM,SAASA;AACf,OAAO,QAAQ"}