@aloudata/aloudata-design 3.0.17 → 3.0.18-beta.0

package/dist/DataPreviewTable/components/DragBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/DataPreviewTable/components/DragBar/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport React, { memo, useCallback, useRef, useState } from 'react';\nimport { createPortal, flushSync } from 'react-dom';\nimport { COLUMN_MIN_WIDTH } from '../../constant';\nimport Mask from './Mask';\nfunction DragBar(props: {\n  wrapWidth: number;\n  columnId: string;\n  onChange: (columnId: string, width: number) => void;\n  headerHeight: number;\n}) {\n  const { wrapWidth, columnId, onChange, headerHeight } = props;\n  const [show, setShow] = useState(false);\n  const [dragBarLeft, setDragBarLeft] = useState(0);\n  const dragElRef = useRef<HTMLDivElement>(null);\n  const mouseDownRef = useRef({\n    down: false,\n    clientX: 0,\n  });\n  const getBarLeft = useCallback(\n    (currentClientX: number) => {\n      const startClientX = mouseDownRef.current.clientX;\n      const offset = startClientX - currentClientX;\n      if (offset >= wrapWidth - COLUMN_MIN_WIDTH) {\n        return wrapWidth - COLUMN_MIN_WIDTH;\n      } else {\n        return offset;\n      }\n    },\n    [wrapWidth],\n  );\n\n  return (\n    <div\n      ref={dragElRef}\n      onMouseDown={(event) => {\n        mouseDownRef.current = {\n          clientX: event.clientX,\n          down: true,\n        };\n        setShow(true);\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      style={{ right: dragBarLeft, height: headerHeight }}\n      className={cn(\n        'ald-data-preview-header-drag-bar tw-absolute tw-right-0 tw-top-0 tw-z-[2] tw-w-[3px] hover:tw-cursor-col-resize hover:tw-bg-[var(--semantic-brand-500)]',\n        {\n          'ald-data-preview-header-drag-bar-active tw-bg-[var(--semantic-brand-500)]':\n            show,\n        },\n      )}\n    >\n      {show\n        ? createPortal(\n            <Mask\n              onMouseMove={(event) => {\n                const mouseDownState = mouseDownRef.current;\n                if (mouseDownState.down === false) return;\n                const currentClientX = event.clientX;\n                flushSync(() => {\n                  setDragBarLeft(getBarLeft(currentClientX));\n                });\n              }}\n              onMouseUp={(event) => {\n                mouseDownRef.current.down = false;\n                setShow(false);\n                const currentClientX = event.clientX;\n                onChange(columnId, wrapWidth - getBarLeft(currentClientX));\n                setDragBarLeft(0);\n              }}\n            ></Mask>,\n            document.body,\n          )\n        : null}\n    </div>\n  );\n}\nexport default memo(DragBar);\n"],"mappings":";;;;;;AAKA,SAAS,QAAQ,OAKd;CACD,MAAM,EAAE,WAAW,UAAU,UAAU,iBAAiB;CACxD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CACjD,MAAM,YAAY,OAAuB,KAAK;CAC9C,MAAM,eAAe,OAAO;EAC1B,MAAM;EACN,SAAS;EACV,CAAC;CACF,MAAM,aAAa,aAChB,mBAA2B;EAE1B,MAAM,SADe,aAAa,QAAQ,UACZ;AAC9B,MAAI,UAAU,YAAA,GACZ,QAAO,YAAA;MAEP,QAAO;IAGX,CAAC,UAAU,CACZ;AAED,QACE,oBAAC,OAAD;EACE,KAAK;EACL,cAAc,UAAU;AACtB,gBAAa,UAAU;IACrB,SAAS,MAAM;IACf,MAAM;IACP;AACD,WAAQ,KAAK;;EAEf,UAAU,MAAM;AACd,KAAE,iBAAiB;;EAErB,OAAO;GAAE,OAAO;GAAa,QAAQ;GAAc;EACnD,WAAW,GACT,2JACA,EACE,6EACE,MACH,CACF;YAEA,OACG,aACE,oBAAC,MAAD;GACE,cAAc,UAAU;AAEtB,QADuB,aAAa,QACjB,SAAS,MAAO;IACnC,MAAM,iBAAiB,MAAM;AAC7B,oBAAgB;AACd,oBAAe,WAAW,eAAe,CAAC;MAC1C;;GAEJ,YAAY,UAAU;AACpB,iBAAa,QAAQ,OAAO;AAC5B,YAAQ,MAAM;IACd,MAAM,iBAAiB,MAAM;AAC7B,aAAS,UAAU,YAAY,WAAW,eAAe,CAAC;AAC1D,mBAAe,EAAE;;GAEb,CAAA,EACR,SAAS,KACV,GACD;EACA,CAAA;;AAGV,IAAA,kBAAe,KAAK,QAAQ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/DataPreviewTable/components/DragBar/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport React, { memo, useCallback, useRef, useState } from 'react';\nimport { createPortal, flushSync } from 'react-dom';\nimport { COLUMN_MIN_WIDTH } from '../../constant';\nimport Mask from './Mask';\nfunction DragBar(props: {\n  wrapWidth: number;\n  columnId: string;\n  onChange: (columnId: string, width: number) => void;\n  headerHeight: number;\n}) {\n  const { wrapWidth, columnId, onChange, headerHeight } = props;\n  const [show, setShow] = useState(false);\n  const [dragBarLeft, setDragBarLeft] = useState(0);\n  const dragElRef = useRef<HTMLDivElement>(null);\n  const mouseDownRef = useRef({\n    down: false,\n    clientX: 0,\n  });\n  const getBarLeft = useCallback(\n    (currentClientX: number) => {\n      const startClientX = mouseDownRef.current.clientX;\n      const offset = startClientX - currentClientX;\n      if (offset >= wrapWidth - COLUMN_MIN_WIDTH) {\n        return wrapWidth - COLUMN_MIN_WIDTH;\n      } else {\n        return offset;\n      }\n    },\n    [wrapWidth],\n  );\n\n  return (\n    <div\n      ref={dragElRef}\n      onMouseDown={(event) => {\n        mouseDownRef.current = {\n          clientX: event.clientX,\n          down: true,\n        };\n        setShow(true);\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      style={{ right: dragBarLeft, height: headerHeight }}\n      className={cn(\n        'ald-data-preview-header-drag-bar tw-absolute tw-right-0 tw-top-0 tw-z-[2] tw-w-[3px] hover:tw-cursor-col-resize hover:tw-bg-[var(--border-brand-strong)]',\n        {\n          'ald-data-preview-header-drag-bar-active tw-bg-[var(--border-brand-strong)]':\n            show,\n        },\n      )}\n    >\n      {show\n        ? createPortal(\n            <Mask\n              onMouseMove={(event) => {\n                const mouseDownState = mouseDownRef.current;\n                if (mouseDownState.down === false) return;\n                const currentClientX = event.clientX;\n                flushSync(() => {\n                  setDragBarLeft(getBarLeft(currentClientX));\n                });\n              }}\n              onMouseUp={(event) => {\n                mouseDownRef.current.down = false;\n                setShow(false);\n                const currentClientX = event.clientX;\n                onChange(columnId, wrapWidth - getBarLeft(currentClientX));\n                setDragBarLeft(0);\n              }}\n            ></Mask>,\n            document.body,\n          )\n        : null}\n    </div>\n  );\n}\nexport default memo(DragBar);\n"],"mappings":";;;;;;AAKA,SAAS,QAAQ,OAKd;CACD,MAAM,EAAE,WAAW,UAAU,UAAU,iBAAiB;CACxD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CACjD,MAAM,YAAY,OAAuB,KAAK;CAC9C,MAAM,eAAe,OAAO;EAC1B,MAAM;EACN,SAAS;EACV,CAAC;CACF,MAAM,aAAa,aAChB,mBAA2B;EAE1B,MAAM,SADe,aAAa,QAAQ,UACZ;AAC9B,MAAI,UAAU,YAAA,GACZ,QAAO,YAAA;MAEP,QAAO;IAGX,CAAC,UAAU,CACZ;AAED,QACE,oBAAC,OAAD;EACE,KAAK;EACL,cAAc,UAAU;AACtB,gBAAa,UAAU;IACrB,SAAS,MAAM;IACf,MAAM;IACP;AACD,WAAQ,KAAK;;EAEf,UAAU,MAAM;AACd,KAAE,iBAAiB;;EAErB,OAAO;GAAE,OAAO;GAAa,QAAQ;GAAc;EACnD,WAAW,GACT,4JACA,EACE,8EACE,MACH,CACF;YAEA,OACG,aACE,oBAAC,MAAD;GACE,cAAc,UAAU;AAEtB,QADuB,aAAa,QACjB,SAAS,MAAO;IACnC,MAAM,iBAAiB,MAAM;AAC7B,oBAAgB;AACd,oBAAe,WAAW,eAAe,CAAC;MAC1C;;GAEJ,YAAY,UAAU;AACpB,iBAAa,QAAQ,OAAO;AAC5B,YAAQ,MAAM;IACd,MAAM,iBAAiB,MAAM;AAC7B,aAAS,UAAU,YAAY,WAAW,eAAe,CAAC;AAC1D,mBAAe,EAAE;;GAEb,CAAA,EACR,SAAS,KACV,GACD;EACA,CAAA;;AAGV,IAAA,kBAAe,KAAK,QAAQ"}

package/dist/DataPreviewTable/components/Header/index.js

@@ -18,12 +18,12 @@ function Header(props) {
 				position: "absolute"
 			};
 			return /* @__PURE__ */ jsxs("div", {
-				className: cn("ald-data-preview-header-cell", "tw-flex tw-items-center tw-border tw-border-l-0 tw-border-t-0 tw-border-solid tw-border-[var(--alias-colors-border-default)]", "tw-bg-[var(--alias-colors-bg-skeleton-subtle)] tw-font-medium tw-text-[var(--alias-colors-text-strong)]"),
+				className: cn("ald-data-preview-header-cell", "tw-flex tw-items-center tw-border tw-border-l-0 tw-border-t-0 tw-border-solid tw-border-[var(--border-default)]", "tw-bg-[var(--background-neutral-surface)] tw-font-medium tw-text-[var(--content-primary)]"),
 				style,
 				children: [innerCell ? innerCell : /* @__PURE__ */ jsxs("div", {
-					className: "ald-data-preview-header-default tw-flex tw-size-full tw-items-center tw-bg-[var(--alias-colors-bg-skeleton-subtle)] tw-p-1 tw-leading-6",
+					className: "ald-data-preview-header-default tw-flex tw-size-full tw-items-center tw-bg-[var(--background-neutral-surface)] tw-p-1 tw-leading-6",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "ald-data-preview-header-left tw-mr-1 tw-flex tw-h-full tw-items-center tw-justify-center tw-text-xs tw-text-[var(--alias-colors-icon-subtle)]",
+						className: "ald-data-preview-header-left tw-mr-1 tw-flex tw-h-full tw-items-center tw-justify-center tw-text-xs tw-text-[var(--content-secondary)]",
 						children: column.icon !== void 0 ? column.icon : /* @__PURE__ */ jsx("span", {})
 					}), /* @__PURE__ */ jsx("div", {
 						className: "ald-data-preview-header-name tw-m-auto tw-truncate tw-text-left",

package/dist/DataPreviewTable/components/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/DataPreviewTable/components/Header/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { IColumnLayout, PreviewColumn } from '../../interface';\nimport DragBar from '../DragBar';\ninterface IHeader {\n  contentWidth: number;\n  columns: PreviewColumn[];\n  columnLayout: IColumnLayout;\n  setWidth: (columnId: string, width: number) => void;\n  columnRange: [number, number];\n  headerHeight: number;\n}\nexport default function Header(props: IHeader) {\n  const {\n    contentWidth,\n    columns,\n    columnLayout,\n    setWidth,\n    columnRange: [startIndex, endIndex],\n    headerHeight,\n  } = props;\n  return (\n    <div\n      className=\"ald-data-preview-header tw-z-[2] tw-w-full\"\n      style={{ width: contentWidth }}\n    >\n      {columns.slice(startIndex, endIndex + 1).map((column) => {\n        const innerCell = column.renderHeader?.(column);\n        const style: React.CSSProperties = {\n          height: headerHeight,\n          width: columnLayout[column.id].width,\n          top: 0,\n          left: columnLayout[column.id].left,\n          position: 'absolute',\n        };\n\n        return (\n          <div\n            className={cn(\n              'ald-data-preview-header-cell',\n              'tw-flex tw-items-center tw-border tw-border-l-0 tw-border-t-0 tw-border-solid tw-border-[var(--alias-colors-border-default)]',\n              'tw-bg-[var(--alias-colors-bg-skeleton-subtle)] tw-font-medium tw-text-[var(--alias-colors-text-strong)]',\n            )}\n            key={column.id}\n            style={style}\n          >\n            {innerCell ? (\n              innerCell\n            ) : (\n              <div className=\"ald-data-preview-header-default tw-flex tw-size-full tw-items-center tw-bg-[var(--alias-colors-bg-skeleton-subtle)] tw-p-1 tw-leading-6\">\n                <div className=\"ald-data-preview-header-left tw-mr-1 tw-flex tw-h-full tw-items-center tw-justify-center tw-text-xs tw-text-[var(--alias-colors-icon-subtle)]\">\n                  {column.icon !== undefined ? column.icon : <span></span>}\n                </div>\n                <div className=\"ald-data-preview-header-name tw-m-auto tw-truncate tw-text-left\">\n                  {column.name}\n                </div>\n              </div>\n            )}\n            <DragBar\n              columnId={column.id}\n              wrapWidth={columnLayout[column.id].width}\n              onChange={setWidth}\n              headerHeight={headerHeight}\n            ></DragBar>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAwB,OAAO,OAAgB;CAC7C,MAAM,EACJ,cACA,SACA,cACA,UACA,aAAa,CAAC,YAAY,WAC1B,iBACE;AACJ,QACE,oBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,OAAO,cAAc;YAE7B,QAAQ,MAAM,YAAY,WAAW,EAAE,CAAC,KAAK,WAAW;GACvD,MAAM,YAAY,OAAO,eAAe,OAAO;GAC/C,MAAM,QAA6B;IACjC,QAAQ;IACR,OAAO,aAAa,OAAO,IAAI;IAC/B,KAAK;IACL,MAAM,aAAa,OAAO,IAAI;IAC9B,UAAU;IACX;AAED,UACE,qBAAC,OAAD;IACE,WAAW,GACT,gCACA,gIACA,0GACD;IAEM;cAPT,CASG,YACC,YAEA,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAK,WAAU;gBACZ,OAAO,SAAS,SAAY,OAAO,OAAO,oBAAC,QAAD,EAAa,CAAA;MACpD,CAAA,EACN,oBAAC,OAAD;MAAK,WAAU;gBACZ,OAAO;MACJ,CAAA,CACF;QAER,oBAAC,iBAAD;KACE,UAAU,OAAO;KACjB,WAAW,aAAa,OAAO,IAAI;KACnC,UAAU;KACI;KACL,CAAA,CACP;MArBC,OAAO,GAqBR;IAER;EACE,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/DataPreviewTable/components/Header/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { IColumnLayout, PreviewColumn } from '../../interface';\nimport DragBar from '../DragBar';\ninterface IHeader {\n  contentWidth: number;\n  columns: PreviewColumn[];\n  columnLayout: IColumnLayout;\n  setWidth: (columnId: string, width: number) => void;\n  columnRange: [number, number];\n  headerHeight: number;\n}\nexport default function Header(props: IHeader) {\n  const {\n    contentWidth,\n    columns,\n    columnLayout,\n    setWidth,\n    columnRange: [startIndex, endIndex],\n    headerHeight,\n  } = props;\n  return (\n    <div\n      className=\"ald-data-preview-header tw-z-[2] tw-w-full\"\n      style={{ width: contentWidth }}\n    >\n      {columns.slice(startIndex, endIndex + 1).map((column) => {\n        const innerCell = column.renderHeader?.(column);\n        const style: React.CSSProperties = {\n          height: headerHeight,\n          width: columnLayout[column.id].width,\n          top: 0,\n          left: columnLayout[column.id].left,\n          position: 'absolute',\n        };\n\n        return (\n          <div\n            className={cn(\n              'ald-data-preview-header-cell',\n              'tw-flex tw-items-center tw-border tw-border-l-0 tw-border-t-0 tw-border-solid tw-border-[var(--border-default)]',\n              'tw-bg-[var(--background-neutral-surface)] tw-font-medium tw-text-[var(--content-primary)]',\n            )}\n            key={column.id}\n            style={style}\n          >\n            {innerCell ? (\n              innerCell\n            ) : (\n              <div className=\"ald-data-preview-header-default tw-flex tw-size-full tw-items-center tw-bg-[var(--background-neutral-surface)] tw-p-1 tw-leading-6\">\n                <div className=\"ald-data-preview-header-left tw-mr-1 tw-flex tw-h-full tw-items-center tw-justify-center tw-text-xs tw-text-[var(--content-secondary)]\">\n                  {column.icon !== undefined ? column.icon : <span></span>}\n                </div>\n                <div className=\"ald-data-preview-header-name tw-m-auto tw-truncate tw-text-left\">\n                  {column.name}\n                </div>\n              </div>\n            )}\n            <DragBar\n              columnId={column.id}\n              wrapWidth={columnLayout[column.id].width}\n              onChange={setWidth}\n              headerHeight={headerHeight}\n            ></DragBar>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAwB,OAAO,OAAgB;CAC7C,MAAM,EACJ,cACA,SACA,cACA,UACA,aAAa,CAAC,YAAY,WAC1B,iBACE;AACJ,QACE,oBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,OAAO,cAAc;YAE7B,QAAQ,MAAM,YAAY,WAAW,EAAE,CAAC,KAAK,WAAW;GACvD,MAAM,YAAY,OAAO,eAAe,OAAO;GAC/C,MAAM,QAA6B;IACjC,QAAQ;IACR,OAAO,aAAa,OAAO,IAAI;IAC/B,KAAK;IACL,MAAM,aAAa,OAAO,IAAI;IAC9B,UAAU;IACX;AAED,UACE,qBAAC,OAAD;IACE,WAAW,GACT,gCACA,mHACA,4FACD;IAEM;cAPT,CASG,YACC,YAEA,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAK,WAAU;gBACZ,OAAO,SAAS,SAAY,OAAO,OAAO,oBAAC,QAAD,EAAa,CAAA;MACpD,CAAA,EACN,oBAAC,OAAD;MAAK,WAAU;gBACZ,OAAO;MACJ,CAAA,CACF;QAER,oBAAC,iBAAD;KACE,UAAU,OAAO;KACjB,WAAW,aAAa,OAAO,IAAI;KACnC,UAAU;KACI;KACL,CAAA,CACP;MArBC,OAAO,GAqBR;IAER;EACE,CAAA"}

package/dist/DataPreviewTable/index.js

@@ -50,7 +50,7 @@ var DataPreviewTable_default = memo(forwardRef(function(props, ref) {
 			width,
 			height
 		},
-		className: cn(props.className, "ald-data-preview-table tw-relative tw-box-border tw-border tw-border-solid tw-border-[var(--alias-colors-border-default)] tw-text-xs tw-tabular-nums [&_*]:tw-box-border", { "ald-data-preview-table-show-skeleton": dataStatus === "pending" }),
+		className: cn(props.className, "ald-data-preview-table tw-relative tw-box-border tw-border tw-border-solid tw-border-[var(--border-default)] tw-text-xs tw-tabular-nums [&_*]:tw-box-border", { "ald-data-preview-table-show-skeleton": dataStatus === "pending" }),
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "ald-data-preview-progress tw-absolute tw-left-0 tw-top-0 tw-z-[3] tw-w-full",
 			children: /* @__PURE__ */ jsx(Progress_default, {

package/dist/DataPreviewTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/DataPreviewTable/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, {\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport Progress, { IProgressRef } from '../Progress';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Body from './components/Body';\nimport Error from './components/Body/Error';\nimport Header from './components/Header';\nimport { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from './constant';\nimport useDirection from './hooks/useDirection';\nimport { DataPreviewTableRef, ITableProps } from './interface';\n\nconst DataPreviewTable = forwardRef(function (\n  props: ITableProps,\n  ref: React.Ref<DataPreviewTableRef>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    columns = [],\n    datasource = [],\n    width,\n    height,\n    headerHeight = 0,\n    loading,\n    dataStatus,\n    errorMsg = t.DataPreviewTable.dataLoadFailed,\n  } = props;\n\n  const realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);\n  const contentHeight = useMemo(() => {\n    return datasource.length * CELL_HEIGHT + realHeaderHeight;\n  }, [datasource, realHeaderHeight]);\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const progressRef = useRef<IProgressRef>(null);\n  const {\n    columnRange,\n    rowRange,\n    onScroll,\n    columnLayout,\n    setColumnsWidth,\n    tableColumns,\n    contentWidth,\n  } = useDirection(columns, wrapRef);\n\n  useImperativeHandle(ref, () => ({\n    scrollToColumnInView: (columnId: string) => {\n      // 实现scrollTo方法\n      const columnPos = columnLayout[columnId];\n      if (!columnPos) return;\n      // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内\n      const { scrollLeft } = wrapRef.current as HTMLDivElement;\n      const { left, width } = columnPos;\n      const containerWidth = wrapRef.current?.clientWidth || 0;\n      if (left < scrollLeft) {\n        // 左边不可见\n        wrapRef.current?.scrollTo({\n          left,\n          behavior: 'smooth',\n        });\n      } else if (left + width > scrollLeft + containerWidth) {\n        // 右边不可见\n        wrapRef.current?.scrollTo({\n          left: left + width - containerWidth,\n          behavior: 'smooth',\n        });\n      }\n    },\n    progressRestart: () => {\n      progressRef.current?.restart();\n    },\n  }));\n\n  const skeletonRows = useMemo(() => {\n    if (!wrapRef.current) return 0;\n    const rows = Math.ceil(\n      ((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / CELL_HEIGHT,\n    );\n    return rows - 1 < 0 ? 0 : rows - 1;\n  }, [realHeaderHeight]);\n\n  return (\n    <div\n      style={{ width, height }}\n      className={cn(\n        props.className,\n        'ald-data-preview-table tw-relative tw-box-border tw-border tw-border-solid tw-border-[var(--alias-colors-border-default)] tw-text-xs tw-tabular-nums [&_*]:tw-box-border',\n        {\n          'ald-data-preview-table-show-skeleton': dataStatus === 'pending',\n        },\n      )}\n    >\n      <div className=\"ald-data-preview-progress tw-absolute tw-left-0 tw-top-0 tw-z-[3] tw-w-full\">\n        <Progress loading={!!loading} ref={progressRef} />\n      </div>\n      <ScrollArea\n        ref={wrapRef}\n        style={{ willChange: 'transform' }}\n        onViewportScroll={() => {\n          // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;\n          onScroll();\n        }}\n      >\n        <div\n          style={{\n            height:\n              dataStatus === 'pending'\n                ? skeletonRows * CELL_HEIGHT + realHeaderHeight\n                : contentHeight,\n            position: 'relative',\n            width: 'fit-content',\n          }}\n        >\n          <div className=\"ald-data-preview-sticky tw-sticky tw-top-0 tw-z-[1]\">\n            <Header\n              contentWidth={contentWidth}\n              headerHeight={realHeaderHeight}\n              columns={tableColumns}\n              columnLayout={columnLayout}\n              setWidth={setColumnsWidth}\n              columnRange={columnRange}\n            />\n          </div>\n          {dataStatus === 'pending' && tableColumns.length > 0 && (\n            <div className=\"ald-data-preview-loading tw-fixed tw-flex tw-size-full tw-items-center tw-justify-center\">\n              <Spin />\n            </div>\n          )}\n          {dataStatus === 'success' && (\n            <Body\n              columns={tableColumns}\n              columnRange={columnRange}\n              columnLayout={columnLayout}\n              datasource={datasource}\n              rowRange={rowRange}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n          {dataStatus === 'error' && (\n            <Error\n              errorMsg={errorMsg}\n              wrapWidth={wrapRef.current?.clientWidth || 0}\n              wrapHeight={wrapRef.current?.clientHeight || 0}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n});\n\nexport default memo(DataPreviewTable);\n"],"mappings":";;;;;;;;;;;AAiKA,IAAA,2BAAe,KA7IU,WAAW,SAClC,OACA,KACA;CACA,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UAAU,EAAE,EACZ,aAAa,EAAE,EACf,OACA,QACA,eAAe,GACf,SACA,YACA,WAAW,EAAE,iBAAiB,mBAC5B;CAEJ,MAAM,mBAAmB,KAAK,IAAI,cAAA,GAAoC;CACtE,MAAM,gBAAgB,cAAc;AAClC,SAAO,WAAW,SAAA,KAAuB;IACxC,CAAC,YAAY,iBAAiB,CAAC;CAClC,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,cAAc,OAAqB,KAAK;CAC9C,MAAM,EACJ,aACA,UACA,UACA,cACA,iBACA,cACA,iBACE,aAAa,SAAS,QAAQ;AAElC,qBAAoB,YAAY;EAC9B,uBAAuB,aAAqB;GAE1C,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,UAAW;GAEhB,MAAM,EAAE,eAAe,QAAQ;GAC/B,MAAM,EAAE,MAAM,UAAU;GACxB,MAAM,iBAAiB,QAAQ,SAAS,eAAe;AACvD,OAAI,OAAO,WAET,SAAQ,SAAS,SAAS;IACxB;IACA,UAAU;IACX,CAAC;YACO,OAAO,QAAQ,aAAa,eAErC,SAAQ,SAAS,SAAS;IACxB,MAAM,OAAO,QAAQ;IACrB,UAAU;IACX,CAAC;;EAGN,uBAAuB;AACrB,eAAY,SAAS,SAAS;;EAEjC,EAAE;CAEH,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,QAAQ,QAAS,QAAO;EAC7B,MAAM,OAAO,KAAK,OACd,QAAQ,SAAS,gBAAgB,KAAK,oBAAA,GACzC;AACD,SAAO,OAAO,IAAI,IAAI,IAAI,OAAO;IAChC,CAAC,iBAAiB,CAAC;AAEtB,QACE,qBAAC,OAAD;EACE,OAAO;GAAE;GAAO;GAAQ;EACxB,WAAW,GACT,MAAM,WACN,4KACA,EACE,wCAAwC,eAAe,WACxD,CACF;YARH,CAUE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,kBAAD;IAAU,SAAS,CAAC,CAAC;IAAS,KAAK;IAAe,CAAA;GAC9C,CAAA,EACN,oBAAC,oBAAD;GACE,KAAK;GACL,OAAO,EAAE,YAAY,aAAa;GAClC,wBAAwB;AAEtB,cAAU;;aAGZ,qBAAC,OAAD;IACE,OAAO;KACL,QACE,eAAe,YACX,eAAA,KAA6B,mBAC7B;KACN,UAAU;KACV,OAAO;KACR;cARH;KAUE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,QAAD;OACgB;OACd,cAAc;OACd,SAAS;OACK;OACd,UAAU;OACG;OACb,CAAA;MACE,CAAA;KACL,eAAe,aAAa,aAAa,SAAS,KACjD,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,YAAD,EAAQ,CAAA;MACJ,CAAA;KAEP,eAAe,aACd,oBAAC,cAAD;MACE,SAAS;MACI;MACC;MACF;MACF;MACV,cAAc;MACd,CAAA;KAEH,eAAe,WACd,oBAAC,eAAD;MACY;MACV,WAAW,QAAQ,SAAS,eAAe;MAC3C,YAAY,QAAQ,SAAS,gBAAgB;MAC7C,cAAc;MACd,CAAA;KAEA;;GACK,CAAA,CACT;;EAER,CAEmC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/DataPreviewTable/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, {\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport Progress, { IProgressRef } from '../Progress';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Body from './components/Body';\nimport Error from './components/Body/Error';\nimport Header from './components/Header';\nimport { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from './constant';\nimport useDirection from './hooks/useDirection';\nimport { DataPreviewTableRef, ITableProps } from './interface';\n\nconst DataPreviewTable = forwardRef(function (\n  props: ITableProps,\n  ref: React.Ref<DataPreviewTableRef>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    columns = [],\n    datasource = [],\n    width,\n    height,\n    headerHeight = 0,\n    loading,\n    dataStatus,\n    errorMsg = t.DataPreviewTable.dataLoadFailed,\n  } = props;\n\n  const realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);\n  const contentHeight = useMemo(() => {\n    return datasource.length * CELL_HEIGHT + realHeaderHeight;\n  }, [datasource, realHeaderHeight]);\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const progressRef = useRef<IProgressRef>(null);\n  const {\n    columnRange,\n    rowRange,\n    onScroll,\n    columnLayout,\n    setColumnsWidth,\n    tableColumns,\n    contentWidth,\n  } = useDirection(columns, wrapRef);\n\n  useImperativeHandle(ref, () => ({\n    scrollToColumnInView: (columnId: string) => {\n      // 实现scrollTo方法\n      const columnPos = columnLayout[columnId];\n      if (!columnPos) return;\n      // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内\n      const { scrollLeft } = wrapRef.current as HTMLDivElement;\n      const { left, width } = columnPos;\n      const containerWidth = wrapRef.current?.clientWidth || 0;\n      if (left < scrollLeft) {\n        // 左边不可见\n        wrapRef.current?.scrollTo({\n          left,\n          behavior: 'smooth',\n        });\n      } else if (left + width > scrollLeft + containerWidth) {\n        // 右边不可见\n        wrapRef.current?.scrollTo({\n          left: left + width - containerWidth,\n          behavior: 'smooth',\n        });\n      }\n    },\n    progressRestart: () => {\n      progressRef.current?.restart();\n    },\n  }));\n\n  const skeletonRows = useMemo(() => {\n    if (!wrapRef.current) return 0;\n    const rows = Math.ceil(\n      ((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / CELL_HEIGHT,\n    );\n    return rows - 1 < 0 ? 0 : rows - 1;\n  }, [realHeaderHeight]);\n\n  return (\n    <div\n      style={{ width, height }}\n      className={cn(\n        props.className,\n        'ald-data-preview-table tw-relative tw-box-border tw-border tw-border-solid tw-border-[var(--border-default)] tw-text-xs tw-tabular-nums [&_*]:tw-box-border',\n        {\n          'ald-data-preview-table-show-skeleton': dataStatus === 'pending',\n        },\n      )}\n    >\n      <div className=\"ald-data-preview-progress tw-absolute tw-left-0 tw-top-0 tw-z-[3] tw-w-full\">\n        <Progress loading={!!loading} ref={progressRef} />\n      </div>\n      <ScrollArea\n        ref={wrapRef}\n        style={{ willChange: 'transform' }}\n        onViewportScroll={() => {\n          // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;\n          onScroll();\n        }}\n      >\n        <div\n          style={{\n            height:\n              dataStatus === 'pending'\n                ? skeletonRows * CELL_HEIGHT + realHeaderHeight\n                : contentHeight,\n            position: 'relative',\n            width: 'fit-content',\n          }}\n        >\n          <div className=\"ald-data-preview-sticky tw-sticky tw-top-0 tw-z-[1]\">\n            <Header\n              contentWidth={contentWidth}\n              headerHeight={realHeaderHeight}\n              columns={tableColumns}\n              columnLayout={columnLayout}\n              setWidth={setColumnsWidth}\n              columnRange={columnRange}\n            />\n          </div>\n          {dataStatus === 'pending' && tableColumns.length > 0 && (\n            <div className=\"ald-data-preview-loading tw-fixed tw-flex tw-size-full tw-items-center tw-justify-center\">\n              <Spin />\n            </div>\n          )}\n          {dataStatus === 'success' && (\n            <Body\n              columns={tableColumns}\n              columnRange={columnRange}\n              columnLayout={columnLayout}\n              datasource={datasource}\n              rowRange={rowRange}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n          {dataStatus === 'error' && (\n            <Error\n              errorMsg={errorMsg}\n              wrapWidth={wrapRef.current?.clientWidth || 0}\n              wrapHeight={wrapRef.current?.clientHeight || 0}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n});\n\nexport default memo(DataPreviewTable);\n"],"mappings":";;;;;;;;;;;AAiKA,IAAA,2BAAe,KA7IU,WAAW,SAClC,OACA,KACA;CACA,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UAAU,EAAE,EACZ,aAAa,EAAE,EACf,OACA,QACA,eAAe,GACf,SACA,YACA,WAAW,EAAE,iBAAiB,mBAC5B;CAEJ,MAAM,mBAAmB,KAAK,IAAI,cAAA,GAAoC;CACtE,MAAM,gBAAgB,cAAc;AAClC,SAAO,WAAW,SAAA,KAAuB;IACxC,CAAC,YAAY,iBAAiB,CAAC;CAClC,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,cAAc,OAAqB,KAAK;CAC9C,MAAM,EACJ,aACA,UACA,UACA,cACA,iBACA,cACA,iBACE,aAAa,SAAS,QAAQ;AAElC,qBAAoB,YAAY;EAC9B,uBAAuB,aAAqB;GAE1C,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,UAAW;GAEhB,MAAM,EAAE,eAAe,QAAQ;GAC/B,MAAM,EAAE,MAAM,UAAU;GACxB,MAAM,iBAAiB,QAAQ,SAAS,eAAe;AACvD,OAAI,OAAO,WAET,SAAQ,SAAS,SAAS;IACxB;IACA,UAAU;IACX,CAAC;YACO,OAAO,QAAQ,aAAa,eAErC,SAAQ,SAAS,SAAS;IACxB,MAAM,OAAO,QAAQ;IACrB,UAAU;IACX,CAAC;;EAGN,uBAAuB;AACrB,eAAY,SAAS,SAAS;;EAEjC,EAAE;CAEH,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,QAAQ,QAAS,QAAO;EAC7B,MAAM,OAAO,KAAK,OACd,QAAQ,SAAS,gBAAgB,KAAK,oBAAA,GACzC;AACD,SAAO,OAAO,IAAI,IAAI,IAAI,OAAO;IAChC,CAAC,iBAAiB,CAAC;AAEtB,QACE,qBAAC,OAAD;EACE,OAAO;GAAE;GAAO;GAAQ;EACxB,WAAW,GACT,MAAM,WACN,+JACA,EACE,wCAAwC,eAAe,WACxD,CACF;YARH,CAUE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,kBAAD;IAAU,SAAS,CAAC,CAAC;IAAS,KAAK;IAAe,CAAA;GAC9C,CAAA,EACN,oBAAC,oBAAD;GACE,KAAK;GACL,OAAO,EAAE,YAAY,aAAa;GAClC,wBAAwB;AAEtB,cAAU;;aAGZ,qBAAC,OAAD;IACE,OAAO;KACL,QACE,eAAe,YACX,eAAA,KAA6B,mBAC7B;KACN,UAAU;KACV,OAAO;KACR;cARH;KAUE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,QAAD;OACgB;OACd,cAAc;OACd,SAAS;OACK;OACd,UAAU;OACG;OACb,CAAA;MACE,CAAA;KACL,eAAe,aAAa,aAAa,SAAS,KACjD,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,YAAD,EAAQ,CAAA;MACJ,CAAA;KAEP,eAAe,aACd,oBAAC,cAAD;MACE,SAAS;MACI;MACC;MACF;MACF;MACV,cAAc;MACd,CAAA;KAEH,eAAe,WACd,oBAAC,eAAD;MACY;MACV,WAAW,QAAQ,SAAS,eAAe;MAC3C,YAAY,QAAQ,SAAS,gBAAgB;MAC7C,cAAc;MACd,CAAA;KAEA;;GACK,CAAA,CACT;;EAER,CAEmC"}

package/dist/Divider/index.js

@@ -11,7 +11,7 @@ var dividerVariants = cva("ald-divider tw-inline-block tw-w-px tw-align-middle",
 	} },
 	defaultVariants: { size: "middle" }
 });
-var innerVariants = cva("ald-divider-inner tw-block tw-w-full tw-bg-[var(--global-cool-grey-300)] tw-mix-blend-multiply", {
+var innerVariants = cva("ald-divider-inner tw-block tw-w-full tw-bg-[var(--border-neutral-subtle)] tw-mix-blend-multiply", {
 	variants: { size: {
 		small: "tw-h-[12px]",
 		middle: "tw-h-[14px]",

package/dist/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Divider/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface IDividerProps {\n  /**\n   * @description 类名\n   * @type string\n   * @default --\n   */\n  className?: string;\n  /**\n   * @description 颜色\n   * @type string\n   * @default --\n   */\n  color?: string;\n  /**\n   * @description 尺寸\n   * @type 'small' | 'middle' | 'large'\n   * @default 'middle'\n   */\n  size?: 'small' | 'middle' | 'large';\n}\n\nconst dividerVariants = cva(\n  'ald-divider tw-inline-block tw-w-px tw-align-middle',\n  {\n    variants: {\n      size: {\n        small: 'ald-divider-small tw-mx-[6px]',\n        middle: 'ald-divider-middle tw-mx-[8px]',\n        large: 'ald-divider-large tw-mx-[12px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst innerVariants = cva(\n  'ald-divider-inner tw-block tw-w-full tw-bg-[var(--global-cool-grey-300)] tw-mix-blend-multiply',\n  {\n    variants: {\n      size: {\n        small: 'tw-h-[12px]',\n        middle: 'tw-h-[14px]',\n        large: 'tw-h-[16px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst Divider = (props: IDividerProps) => {\n  const { className, size = 'middle' } = props;\n\n  return (\n    <div className={cn(dividerVariants({ size }), className)}>\n      <div\n        className={innerVariants({ size })}\n        style={props.color ? { backgroundColor: props.color } : undefined}\n      />\n    </div>\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;AAyBA,IAAM,kBAAkB,IACtB,uDACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CACF;AAED,IAAM,gBAAgB,IACpB,kGACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CACF;AAED,IAAM,WAAW,UAAyB;CACxC,MAAM,EAAE,WAAW,OAAO,aAAa;AAEvC,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,gBAAgB,EAAE,MAAM,CAAC,EAAE,UAAU;YACtD,oBAAC,OAAD;GACE,WAAW,cAAc,EAAE,MAAM,CAAC;GAClC,OAAO,MAAM,QAAQ,EAAE,iBAAiB,MAAM,OAAO,GAAG;GACxD,CAAA;EACE,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Divider/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface IDividerProps {\n  /**\n   * @description 类名\n   * @type string\n   * @default --\n   */\n  className?: string;\n  /**\n   * @description 颜色\n   * @type string\n   * @default --\n   */\n  color?: string;\n  /**\n   * @description 尺寸\n   * @type 'small' | 'middle' | 'large'\n   * @default 'middle'\n   */\n  size?: 'small' | 'middle' | 'large';\n}\n\nconst dividerVariants = cva(\n  'ald-divider tw-inline-block tw-w-px tw-align-middle',\n  {\n    variants: {\n      size: {\n        small: 'ald-divider-small tw-mx-[6px]',\n        middle: 'ald-divider-middle tw-mx-[8px]',\n        large: 'ald-divider-large tw-mx-[12px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst innerVariants = cva(\n  'ald-divider-inner tw-block tw-w-full tw-bg-[var(--border-neutral-subtle)] tw-mix-blend-multiply',\n  {\n    variants: {\n      size: {\n        small: 'tw-h-[12px]',\n        middle: 'tw-h-[14px]',\n        large: 'tw-h-[16px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst Divider = (props: IDividerProps) => {\n  const { className, size = 'middle' } = props;\n\n  return (\n    <div className={cn(dividerVariants({ size }), className)}>\n      <div\n        className={innerVariants({ size })}\n        style={props.color ? { backgroundColor: props.color } : undefined}\n      />\n    </div>\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;AAyBA,IAAM,kBAAkB,IACtB,uDACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CACF;AAED,IAAM,gBAAgB,IACpB,mGACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CACF;AAED,IAAM,WAAW,UAAyB;CACxC,MAAM,EAAE,WAAW,OAAO,aAAa;AAEvC,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,gBAAgB,EAAE,MAAM,CAAC,EAAE,UAAU;YACtD,oBAAC,OAAD;GACE,WAAW,cAAc,EAAE,MAAM,CAAC;GAClC,OAAO,MAAM,QAAQ,EAAE,iBAAiB,MAAM,OAAO,GAAG;GACxD,CAAA;EACE,CAAA"}

package/dist/Drawer/index.js

@@ -77,7 +77,7 @@ function Drawer(props) {
 		},
 		children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [mask && /* @__PURE__ */ jsx("div", {
 			"data-state": open ? "open" : "closed",
-			className: "ald-drawer-mask tw-fixed tw-inset-0 tw-bg-black/45 data-[state=closed]:tw-animate-mask-out data-[state=open]:tw-animate-mask-in",
+			className: "ald-drawer-mask tw-fixed tw-inset-0 tw-bg-[var(--background-inverted)] tw-opacity-45 data-[state=closed]:tw-animate-mask-out data-[state=open]:tw-animate-mask-in",
 			style: { zIndex: maskZIndex },
 			onClick: maskClosable ? () => onClose?.() : void 0
 		}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
@@ -97,7 +97,7 @@ function Drawer(props) {
 				value: nextLevel,
 				children: [
 					(title || description || closable || extra) && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
-						className: "ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--interaction-background-sidepanel)] tw-px-6 tw-pb-0 tw-pt-4",
+						className: "ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--background-default)] tw-px-6 tw-pb-0 tw-pt-4",
 						style: headerStyle,
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "tw-flex tw-w-full tw-flex-col tw-gap-[6px]",
@@ -112,7 +112,7 @@ function Drawer(props) {
 										asChild: true,
 										children: /* @__PURE__ */ jsx("button", {
 											type: "button",
-											className: "ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-transparent hover:tw-bg-[var(--action-ghost-hover)]",
+											className: "ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-[var(--action-ghost-normal)] hover:tw-bg-[var(--action-ghost-hover)]",
 											onClick: () => onClose?.(),
 											children: /* @__PURE__ */ jsx(Memo, {
 												size: 20,

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, { useEffect, useRef } from 'react';\nimport { CloseLightLine } from '../Icon';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface DrawerProps {\n  open?: boolean;\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  width?: number | string;\n  height?: number | string;\n  size?: 'default' | 'large';\n  closable?: boolean;\n  mask?: boolean;\n  maskClosable?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  rootClassName?: string;\n  style?: React.CSSProperties;\n  contentWrapperStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headerStyle?: React.CSSProperties;\n  maskStyle?: React.CSSProperties;\n  footer?: React.ReactNode;\n  footerStyle?: React.CSSProperties;\n  extra?: React.ReactNode;\n  children?: React.ReactNode;\n  zIndex?: number;\n  keyboard?: boolean;\n  getContainer?: () => HTMLElement;\n}\n\nconst sizePresets: Record<string, number> = {\n  default: 378,\n  large: 736,\n};\n\nconst placementStyles: Record<string, string> = {\n  right: 'tw-inset-y-0 tw-right-0 tw-h-full',\n  left: 'tw-inset-y-0 tw-left-0 tw-h-full',\n  top: 'tw-inset-x-0 tw-top-0 tw-w-full',\n  bottom: 'tw-inset-x-0 tw-bottom-0 tw-w-full',\n};\n\nconst slideAnimationStyles: Record<string, string> = {\n  right:\n    'data-[state=open]:tw-animate-drawer-in-right data-[state=closed]:tw-animate-drawer-out-right',\n  left: 'data-[state=open]:tw-animate-drawer-in-left data-[state=closed]:tw-animate-drawer-out-left',\n  top: 'data-[state=open]:tw-animate-drawer-in-top data-[state=closed]:tw-animate-drawer-out-top',\n  bottom:\n    'data-[state=open]:tw-animate-drawer-in-bottom data-[state=closed]:tw-animate-drawer-out-bottom',\n};\n\nfunction Drawer(props: DrawerProps) {\n  const {\n    open = false,\n    onClose,\n    title,\n    description,\n    placement = 'right',\n    width,\n    height,\n    size = 'default',\n    closable = true,\n    mask = true,\n    maskClosable = true,\n    className,\n    rootClassName,\n    style,\n    contentWrapperStyle,\n    bodyStyle,\n    headerStyle,\n    footer,\n    footerStyle,\n    extra,\n    children,\n    zIndex = 1000,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  // ---- modal={false} 补偿：锁定背景滚动 ----\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = prev;\n    };\n  }, [open]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知抽屉） ----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [open]);\n\n  // ---- modal={false} 补偿：Tab 焦点循环（不使用 MutationObserver，避免 FocusScope 劫持焦点）----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    const container = contentRef.current;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const focusable = container.querySelectorAll<HTMLElement>(\n        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n      );\n      if (focusable.length === 0) return;\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      if (e.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (\n          document.activeElement === last ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [open]);\n\n  const isHorizontal = placement === 'left' || placement === 'right';\n  const preset = sizePresets[size] || sizePresets.default;\n  const effectiveWidth = width ?? preset;\n  const effectiveHeight = height ?? preset;\n  const sizeStyle = isHorizontal\n    ? { width: effectiveWidth, maxWidth: '100vw' }\n    : { height: effectiveHeight, maxHeight: '100vh' };\n  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer(zIndex);\n\n  // modal={false}：禁用 Radix FocusScope 的 MutationObserver，\n  // 避免表单校验触发 DOM 变动时劫持焦点。手动补偿滚动锁定、aria-hidden、Tab 循环。\n  return (\n    <DialogPrimitive.Root\n      open={open}\n      modal={false}\n      onOpenChange={(val) => {\n        if (!val) onClose?.();\n      }}\n    >\n      <DialogPrimitive.Portal>\n        {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n        {mask && (\n          <div\n            data-state={open ? 'open' : 'closed'}\n            className=\"ald-drawer-mask tw-fixed tw-inset-0 tw-bg-black/45 data-[state=closed]:tw-animate-mask-out data-[state=open]:tw-animate-mask-in\"\n            style={{ zIndex: maskZIndex }}\n            onClick={maskClosable ? () => onClose?.() : undefined}\n          />\n        )}\n        <DialogPrimitive.Content\n          ref={contentRef}\n          className={cn(\n            'ald-drawer tw-fixed tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-xl',\n            placementStyles[placement],\n            slideAnimationStyles[placement],\n            rootClassName,\n            className,\n          )}\n          style={{\n            zIndex: contentZIndex,\n            ...sizeStyle,\n            ...contentWrapperStyle,\n            ...style,\n          }}\n          onEscapeKeyDown={() => onClose?.()}\n          onInteractOutside={(event) => {\n            if (!maskClosable) {\n              event.preventDefault();\n            }\n          }}\n        >\n          <FloatingLayerProvider value={nextLevel}>\n            {(title || description || closable || extra) && (\n              <>\n                {/* antd 兼容：保留 ant-drawer-header / ant-drawer-header-title class，消费方 CSS 可能依赖这些选择器 */}\n                <div\n                  className=\"ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--interaction-background-sidepanel)] tw-px-6 tw-pb-0 tw-pt-4\"\n                  style={headerStyle}\n                >\n                  <div className=\"tw-flex tw-w-full tw-flex-col tw-gap-[6px]\">\n                    <div className=\"tw-flex tw-w-full tw-items-start tw-justify-between tw-gap-[var(--component-gap-sm)]\">\n                      <DialogPrimitive.Title className='ald-drawer-title ant-drawer-header-title tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-m-0 tw-flex-[1_0_0] tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]'>\n                        {title}\n                      </DialogPrimitive.Title>\n                      {extra || closable ? (\n                        <div className=\"ald-drawer-actions tw-flex tw-items-center tw-gap-[var(--component-gap-sm)]\">\n                          {extra}\n                          {closable && (\n                            <DialogPrimitive.Close asChild>\n                              <button\n                                type=\"button\"\n                                className=\"ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-transparent hover:tw-bg-[var(--action-ghost-hover)]\"\n                                onClick={() => onClose?.()}\n                              >\n                                <CloseLightLine\n                                  size={20}\n                                  color=\"var(--content-secondary)\"\n                                />\n                              </button>\n                            </DialogPrimitive.Close>\n                          )}\n                        </div>\n                      ) : null}\n                    </div>\n                    {description ? (\n                      <div className='ald-drawer-description tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-self-stretch tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]'>\n                        {description}\n                      </div>\n                    ) : null}\n                  </div>\n                </div>\n              </>\n            )}\n            {/* antd 兼容：保留 ant-drawer-body class */}\n            <div\n              className=\"ald-drawer-body ant-drawer-body tw-min-w-0 tw-flex-[1_0_0] tw-self-stretch tw-overflow-auto tw-p-[var(--component-padding-2xl)]\"\n              style={bodyStyle}\n            >\n              {children}\n            </div>\n            {footer && (\n              <>\n                <div className=\"ald-drawer-footer-divider tw-h-px tw-bg-[var(--border-default)]\" />\n                {/* antd 兼容：antd .ant-drawer-footer 使用 text-align:right 让 inline 按钮右对齐，\n                此处加 tw-text-right 保持消费方传入 width:100% 子容器时 inline 元素仍右对齐。 */}\n                <div\n                  className=\"ald-drawer-footer ant-drawer-footer tw-flex tw-items-center tw-justify-end tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-px-[var(--component-padding-2xl)] tw-py-[var(--component-padding-lg)]\"\n                  style={footerStyle}\n                >\n                  {footer}\n                </div>\n              </>\n            )}\n          </FloatingLayerProvider>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\nexport default Drawer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, { useEffect, useRef } from 'react';\nimport { CloseLightLine } from '../Icon';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface DrawerProps {\n  open?: boolean;\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  width?: number | string;\n  height?: number | string;\n  size?: 'default' | 'large';\n  closable?: boolean;\n  mask?: boolean;\n  maskClosable?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  rootClassName?: string;\n  style?: React.CSSProperties;\n  contentWrapperStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headerStyle?: React.CSSProperties;\n  maskStyle?: React.CSSProperties;\n  footer?: React.ReactNode;\n  footerStyle?: React.CSSProperties;\n  extra?: React.ReactNode;\n  children?: React.ReactNode;\n  zIndex?: number;\n  keyboard?: boolean;\n  getContainer?: () => HTMLElement;\n}\n\nconst sizePresets: Record<string, number> = {\n  default: 378,\n  large: 736,\n};\n\nconst placementStyles: Record<string, string> = {\n  right: 'tw-inset-y-0 tw-right-0 tw-h-full',\n  left: 'tw-inset-y-0 tw-left-0 tw-h-full',\n  top: 'tw-inset-x-0 tw-top-0 tw-w-full',\n  bottom: 'tw-inset-x-0 tw-bottom-0 tw-w-full',\n};\n\nconst slideAnimationStyles: Record<string, string> = {\n  right:\n    'data-[state=open]:tw-animate-drawer-in-right data-[state=closed]:tw-animate-drawer-out-right',\n  left: 'data-[state=open]:tw-animate-drawer-in-left data-[state=closed]:tw-animate-drawer-out-left',\n  top: 'data-[state=open]:tw-animate-drawer-in-top data-[state=closed]:tw-animate-drawer-out-top',\n  bottom:\n    'data-[state=open]:tw-animate-drawer-in-bottom data-[state=closed]:tw-animate-drawer-out-bottom',\n};\n\nfunction Drawer(props: DrawerProps) {\n  const {\n    open = false,\n    onClose,\n    title,\n    description,\n    placement = 'right',\n    width,\n    height,\n    size = 'default',\n    closable = true,\n    mask = true,\n    maskClosable = true,\n    className,\n    rootClassName,\n    style,\n    contentWrapperStyle,\n    bodyStyle,\n    headerStyle,\n    footer,\n    footerStyle,\n    extra,\n    children,\n    zIndex = 1000,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  // ---- modal={false} 补偿：锁定背景滚动 ----\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = prev;\n    };\n  }, [open]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知抽屉） ----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [open]);\n\n  // ---- modal={false} 补偿：Tab 焦点循环（不使用 MutationObserver，避免 FocusScope 劫持焦点）----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    const container = contentRef.current;\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const focusable = container.querySelectorAll<HTMLElement>(\n        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n      );\n      if (focusable.length === 0) return;\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      if (e.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (\n          document.activeElement === last ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [open]);\n\n  const isHorizontal = placement === 'left' || placement === 'right';\n  const preset = sizePresets[size] || sizePresets.default;\n  const effectiveWidth = width ?? preset;\n  const effectiveHeight = height ?? preset;\n  const sizeStyle = isHorizontal\n    ? { width: effectiveWidth, maxWidth: '100vw' }\n    : { height: effectiveHeight, maxHeight: '100vh' };\n  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer(zIndex);\n\n  // modal={false}：禁用 Radix FocusScope 的 MutationObserver，\n  // 避免表单校验触发 DOM 变动时劫持焦点。手动补偿滚动锁定、aria-hidden、Tab 循环。\n  return (\n    <DialogPrimitive.Root\n      open={open}\n      modal={false}\n      onOpenChange={(val) => {\n        if (!val) onClose?.();\n      }}\n    >\n      <DialogPrimitive.Portal>\n        {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n        {mask && (\n          <div\n            data-state={open ? 'open' : 'closed'}\n            className=\"ald-drawer-mask tw-fixed tw-inset-0 tw-bg-[var(--background-inverted)] tw-opacity-45 data-[state=closed]:tw-animate-mask-out data-[state=open]:tw-animate-mask-in\"\n            style={{ zIndex: maskZIndex }}\n            onClick={maskClosable ? () => onClose?.() : undefined}\n          />\n        )}\n        <DialogPrimitive.Content\n          ref={contentRef}\n          className={cn(\n            'ald-drawer tw-fixed tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-xl',\n            placementStyles[placement],\n            slideAnimationStyles[placement],\n            rootClassName,\n            className,\n          )}\n          style={{\n            zIndex: contentZIndex,\n            ...sizeStyle,\n            ...contentWrapperStyle,\n            ...style,\n          }}\n          onEscapeKeyDown={() => onClose?.()}\n          onInteractOutside={(event) => {\n            if (!maskClosable) {\n              event.preventDefault();\n            }\n          }}\n        >\n          <FloatingLayerProvider value={nextLevel}>\n            {(title || description || closable || extra) && (\n              <>\n                {/* antd 兼容：保留 ant-drawer-header / ant-drawer-header-title class，消费方 CSS 可能依赖这些选择器 */}\n                <div\n                  className=\"ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--background-default)] tw-px-6 tw-pb-0 tw-pt-4\"\n                  style={headerStyle}\n                >\n                  <div className=\"tw-flex tw-w-full tw-flex-col tw-gap-[6px]\">\n                    <div className=\"tw-flex tw-w-full tw-items-start tw-justify-between tw-gap-[var(--component-gap-sm)]\">\n                      <DialogPrimitive.Title className='ald-drawer-title ant-drawer-header-title tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-m-0 tw-flex-[1_0_0] tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]'>\n                        {title}\n                      </DialogPrimitive.Title>\n                      {extra || closable ? (\n                        <div className=\"ald-drawer-actions tw-flex tw-items-center tw-gap-[var(--component-gap-sm)]\">\n                          {extra}\n                          {closable && (\n                            <DialogPrimitive.Close asChild>\n                              <button\n                                type=\"button\"\n                                className=\"ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-[var(--action-ghost-normal)] hover:tw-bg-[var(--action-ghost-hover)]\"\n                                onClick={() => onClose?.()}\n                              >\n                                <CloseLightLine\n                                  size={20}\n                                  color=\"var(--content-secondary)\"\n                                />\n                              </button>\n                            </DialogPrimitive.Close>\n                          )}\n                        </div>\n                      ) : null}\n                    </div>\n                    {description ? (\n                      <div className='ald-drawer-description tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-self-stretch tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]'>\n                        {description}\n                      </div>\n                    ) : null}\n                  </div>\n                </div>\n              </>\n            )}\n            {/* antd 兼容：保留 ant-drawer-body class */}\n            <div\n              className=\"ald-drawer-body ant-drawer-body tw-min-w-0 tw-flex-[1_0_0] tw-self-stretch tw-overflow-auto tw-p-[var(--component-padding-2xl)]\"\n              style={bodyStyle}\n            >\n              {children}\n            </div>\n            {footer && (\n              <>\n                <div className=\"ald-drawer-footer-divider tw-h-px tw-bg-[var(--border-default)]\" />\n                {/* antd 兼容：antd .ant-drawer-footer 使用 text-align:right 让 inline 按钮右对齐，\n                此处加 tw-text-right 保持消费方传入 width:100% 子容器时 inline 元素仍右对齐。 */}\n                <div\n                  className=\"ald-drawer-footer ant-drawer-footer tw-flex tw-items-center tw-justify-end tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-px-[var(--component-padding-2xl)] tw-py-[var(--component-padding-lg)]\"\n                  style={footerStyle}\n                >\n                  {footer}\n                </div>\n              </>\n            )}\n          </FloatingLayerProvider>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\nexport default Drawer;\n"],"mappings":"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"}

package/dist/Empty/image/Data.js

@@ -14,13 +14,13 @@ var Data = () => {
 				cx: "80",
 				cy: "80",
 				r: "52",
-				fill: "#EAECF0"
+				fill: "var(--background-neutral-on-subtle)"
 			}),
 			/* @__PURE__ */ jsx("path", {
 				fillRule: "evenodd",
 				clipRule: "evenodd",
 				d: "M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z",
-				fill: "#F5F6F7"
+				fill: "var(--background-neutral-subtle)"
 			}),
 			/* @__PURE__ */ jsxs("g", {
 				filter: "url(#filter0_dd_5810_46613)",
@@ -78,13 +78,13 @@ var Data = () => {
 					width: "48",
 					height: "48",
 					rx: "24",
-					fill: "#1D2939",
+					fill: "var(--content-primary)",
 					fillOpacity: "0.4"
 				}), /* @__PURE__ */ jsx("path", {
 					fillRule: "evenodd",
 					clipRule: "evenodd",
 					d: "M80 105.5C80.6443 105.5 81.1667 106.022 81.1667 106.667V114.833H89.3333C89.9777 114.833 90.5 115.356 90.5 116C90.5 116.644 89.9777 117.167 89.3333 117.167H81.1667V125.333C81.1667 125.978 80.6443 126.5 80 126.5C79.3557 126.5 78.8333 125.978 78.8333 125.333V117.167H70.6667C70.0223 117.167 69.5 116.644 69.5 116C69.5 115.356 70.0223 114.833 70.6667 114.833H78.8333V106.667C78.8333 106.022 79.3557 105.5 80 105.5Z",
-					fill: "#FCFCFD"
+					fill: "var(--background-default)"
 				})]
 			})
 		] }), /* @__PURE__ */ jsxs("defs", { children: [
@@ -192,9 +192,9 @@ var Data = () => {
 				x2: "53.449",
 				y2: "5.18218",
 				gradientUnits: "userSpaceOnUse",
-				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }), /* @__PURE__ */ jsx("stop", {
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }), /* @__PURE__ */ jsx("stop", {
 					offset: "1",
-					stopColor: "#F2F4F7"
+					stopColor: "var(--background-neutral-surface)"
 				})]
 			}),
 			/* @__PURE__ */ jsxs("linearGradient", {
@@ -204,9 +204,9 @@ var Data = () => {
 				x2: "53.449",
 				y2: "5.18218",
 				gradientUnits: "userSpaceOnUse",
-				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }), /* @__PURE__ */ jsx("stop", {
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }), /* @__PURE__ */ jsx("stop", {
 					offset: "1",
-					stopColor: "#F2F4F7"
+					stopColor: "var(--background-neutral-surface)"
 				})]
 			}),
 			/* @__PURE__ */ jsxs("linearGradient", {
@@ -217,14 +217,14 @@ var Data = () => {
 				y2: "85.6423",
 				gradientUnits: "userSpaceOnUse",
 				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }),
+					/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "0.695113",
-						stopColor: "#D0D5DD"
+						stopColor: "var(--border-neutral-subtle)"
 					}),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "1",
-						stopColor: "#EAECF0"
+						stopColor: "var(--background-neutral-on-subtle)"
 					})
 				]
 			}),
@@ -236,14 +236,14 @@ var Data = () => {
 				y2: "106.642",
 				gradientUnits: "userSpaceOnUse",
 				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }),
+					/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "0.695113",
-						stopColor: "#D0D5DD"
+						stopColor: "var(--border-neutral-subtle)"
 					}),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "1",
-						stopColor: "#EAECF0"
+						stopColor: "var(--background-neutral-on-subtle)"
 					})
 				]
 			}),
@@ -254,9 +254,9 @@ var Data = () => {
 				x2: "106.002",
 				y2: "48.6271",
 				gradientUnits: "userSpaceOnUse",
-				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#F2F4F7" }), /* @__PURE__ */ jsx("stop", {
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "var(--background-neutral-surface)" }), /* @__PURE__ */ jsx("stop", {
 					offset: "1",
-					stopColor: "#F5F6F7"
+					stopColor: "var(--background-neutral-subtle)"
 				})]
 			})
 		] })]

package/dist/Empty/image/Data.js.map

@@ -1 +1 @@
-{"version":3,"file":"Data.js","names":[],"sources":["../../../src/Empty/image/Data.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst Data = () => {\n  return (\n    <svg\n      className=\"ald-empty-image\"\n      width=\"160\"\n      height=\"160\"\n      viewBox=\"0 0 160 160\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g>\n        <circle cx=\"80\" cy=\"80\" r=\"52\" fill=\"#EAECF0\" />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z\"\n          fill=\"#F5F6F7\"\n        />\n        <g filter=\"url(#filter0_dd_5810_46613)\">\n          <mask\n            id=\"mask0_5810_46613\"\n            maskUnits=\"userSpaceOnUse\"\n            x=\"38\"\n            y=\"37\"\n            width=\"84\"\n            height=\"76\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M122 37C122 37 122 46.3467 122 57.5562C121.5 59.5 121.5 60.4983 121.5 62C121.5 63.1957 121.5 64.5 122 65.6073C122 70.0231 122 74.4558 122 78.5C121.5 80.5 121.5 81.5739 121.5 83C121.5 84.2815 121.5 85 122 86.6294C122 91.116 122 94.2975 122 95.1111C122 98.8721 119.709 101.712 117.288 103.62C114.814 105.57 111.524 107.121 107.874 108.338C100.526 110.787 90.6713 112.222 80 112.222C69.3287 112.222 59.4739 110.787 52.1256 108.338C48.4759 107.121 45.1856 105.57 42.712 103.62C40.2909 101.712 38 98.8721 38 95.1111C38 94.2984 38 91.1234 38 86.645C38.5 85.5 38.5 84.2874 38.5 83C38.5 81.6306 38.5 80.5 38 78.6864C38 74.595 38 70.0971 38 65.6164C38.5 64.5 38.5 63.1987 38.5 62C38.5 60.5338 38.5 59.5 38 57.6596C38 46.4042 38 37 38 37H122Z\"\n              fill=\"url(#paint0_linear_5810_46613)\"\n            />\n          </mask>\n          <g mask=\"url(#mask0_5810_46613)\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M122 37C122 37 122 91.3502 122 95.1111C122 98.8721 119.709 101.712 117.288 103.62C114.814 105.57 111.524 107.121 107.874 108.338C100.526 110.787 90.6713 112.222 80 112.222C69.3287 112.222 59.4739 110.787 52.1256 108.338C48.4759 107.121 45.1856 105.57 42.712 103.62C40.2909 101.712 38 98.8721 38 95.1111C38 91.3502 38 37 38 37H122Z\"\n              fill=\"url(#paint1_linear_5810_46613)\"\n            />\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M36 55C37.1046 55 38 55.8954 38 57C38 59.809 39.8046 62.1113 42.1337 63.8519C44.4753 65.602 47.6878 67.06 51.4011 68.2339C58.8558 70.5904 68.9671 72 80 72C91.0329 72 101.144 70.5904 108.599 68.2339C112.312 67.06 115.525 65.602 117.866 63.8519C120.195 62.1113 122 59.809 122 57C122 55.8954 122.895 55 124 55C125.105 55 126 55.8954 126 57C126 61.6641 123.005 65.0054 120.261 67.0559C117.42 69.1795 113.738 70.8043 109.805 72.0478C101.863 74.5583 91.326 76 80 76C68.674 76 58.1372 74.5583 50.1954 72.0478C46.2616 70.8043 42.5803 69.1795 39.739 67.056C39.1604 66.6235 38.5706 66.1336 38 65.586C35.8652 63.5372 34 60.6804 34 57C34 55.8954 34.8954 55 36 55Z\"\n              fill=\"url(#paint2_linear_5810_46613)\"\n            />\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M36 76C37.1046 76 38 76.8954 38 78C38 80.809 39.8046 83.1113 42.1337 84.8519C44.4753 86.602 47.6878 88.06 51.4011 89.2339C58.8558 91.5904 68.9671 93 80 93C91.0329 93 101.144 91.5904 108.599 89.2339C112.312 88.06 115.525 86.602 117.866 84.8519C120.195 83.1113 122 80.809 122 78C122 76.8954 122.895 76 124 76C125.105 76 126 76.8954 126 78C126 82.6641 123.005 86.0054 120.261 88.0559C117.42 90.1795 113.738 91.8043 109.805 93.0478C101.863 95.5583 91.326 97 80 97C68.674 97 58.1372 95.5583 50.1954 93.0478C46.2616 91.8043 42.5803 90.1795 39.739 88.056C36.9954 86.0054 34 82.6641 34 78C34 76.8954 34.8954 76 36 76Z\"\n              fill=\"url(#paint3_linear_5810_46613)\"\n            />\n          </g>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M52.1256 23.8844C59.4739 21.4349 69.3287 20 80 20C90.6713 20 100.526 21.4349 107.874 23.8844C111.524 25.101 114.814 26.6525 117.288 28.6019C119.709 30.5099 122 33.3501 122 37.1111C122 40.8721 119.709 43.7123 117.288 45.6203C114.814 47.5698 111.524 49.1213 107.874 50.3379C100.526 52.7873 90.6713 54.2222 80 54.2222C69.3287 54.2222 59.4739 52.7873 52.1256 50.3379C48.4759 49.1213 45.1856 47.5698 42.712 45.6203C40.2909 43.7123 38 40.8721 38 37.1111C38 33.3501 40.2909 30.5099 42.712 28.6019C45.1856 26.6525 48.4759 25.101 52.1256 23.8844Z\"\n            fill=\"url(#paint4_linear_5810_46613)\"\n          />\n        </g>\n        <g filter=\"url(#filter1_b_5810_46613)\">\n          <rect\n            x=\"56\"\n            y=\"92\"\n            width=\"48\"\n            height=\"48\"\n            rx=\"24\"\n            fill=\"#1D2939\"\n            fillOpacity=\"0.4\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M80 105.5C80.6443 105.5 81.1667 106.022 81.1667 106.667V114.833H89.3333C89.9777 114.833 90.5 115.356 90.5 116C90.5 116.644 89.9777 117.167 89.3333 117.167H81.1667V125.333C81.1667 125.978 80.6443 126.5 80 126.5C79.3557 126.5 78.8333 125.978 78.8333 125.333V117.167H70.6667C70.0223 117.167 69.5 116.644 69.5 116C69.5 115.356 70.0223 114.833 70.6667 114.833H78.8333V106.667C78.8333 106.022 79.3557 105.5 80 105.5Z\"\n            fill=\"#FCFCFD\"\n          />\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_dd_5810_46613\"\n          x=\"26\"\n          y=\"20\"\n          width=\"108\"\n          height=\"116.222\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"2\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect1_dropShadow_5810_46613\"\n          />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"3\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_5810_46613\"\n          />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"4\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect2_dropShadow_5810_46613\"\n          />\n          <feOffset dy=\"12\" />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"effect1_dropShadow_5810_46613\"\n            result=\"effect2_dropShadow_5810_46613\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect2_dropShadow_5810_46613\"\n            result=\"shape\"\n          />\n        </filter>\n        <filter\n          id=\"filter1_b_5810_46613\"\n          x=\"51\"\n          y=\"87\"\n          width=\"58\"\n          height=\"58\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"2.5\" />\n          <feComposite\n            in2=\"SourceAlpha\"\n            operator=\"in\"\n            result=\"effect1_backgroundBlur_5810_46613\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_backgroundBlur_5810_46613\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_5810_46613\"\n          x1=\"-20\"\n          y1=\"109.131\"\n          x2=\"53.449\"\n          y2=\"5.18218\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"1\" stopColor=\"#F2F4F7\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5810_46613\"\n          x1=\"-20\"\n          y1=\"109.131\"\n          x2=\"53.449\"\n          y2=\"5.18218\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"1\" stopColor=\"#F2F4F7\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_5810_46613\"\n          x1=\"41\"\n          y1=\"60.5\"\n          x2=\"45.2639\"\n          y2=\"85.6423\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"0.695113\" stopColor=\"#D0D5DD\" />\n          <stop offset=\"1\" stopColor=\"#EAECF0\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint3_linear_5810_46613\"\n          x1=\"41\"\n          y1=\"81.5\"\n          x2=\"45.2639\"\n          y2=\"106.642\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"0.695113\" stopColor=\"#D0D5DD\" />\n          <stop offset=\"1\" stopColor=\"#EAECF0\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint4_linear_5810_46613\"\n          x1=\"59.5\"\n          y1=\"28.0802\"\n          x2=\"106.002\"\n          y2=\"48.6271\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#F2F4F7\" />\n          <stop offset=\"1\" stopColor=\"#F5F6F7\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default Data;\n"],"mappings":"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"}
+{"version":3,"file":"Data.js","names":[],"sources":["../../../src/Empty/image/Data.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst Data = () => {\n  return (\n    <svg\n      className=\"ald-empty-image\"\n      width=\"160\"\n      height=\"160\"\n      viewBox=\"0 0 160 160\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g>\n        <circle\n          cx=\"80\"\n          cy=\"80\"\n          r=\"52\"\n          fill=\"var(--background-neutral-on-subtle)\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z\"\n          fill=\"var(--background-neutral-subtle)\"\n        />\n        <g filter=\"url(#filter0_dd_5810_46613)\">\n          <mask\n            id=\"mask0_5810_46613\"\n            maskUnits=\"userSpaceOnUse\"\n            x=\"38\"\n            y=\"37\"\n            width=\"84\"\n            height=\"76\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M122 37C122 37 122 46.3467 122 57.5562C121.5 59.5 121.5 60.4983 121.5 62C121.5 63.1957 121.5 64.5 122 65.6073C122 70.0231 122 74.4558 122 78.5C121.5 80.5 121.5 81.5739 121.5 83C121.5 84.2815 121.5 85 122 86.6294C122 91.116 122 94.2975 122 95.1111C122 98.8721 119.709 101.712 117.288 103.62C114.814 105.57 111.524 107.121 107.874 108.338C100.526 110.787 90.6713 112.222 80 112.222C69.3287 112.222 59.4739 110.787 52.1256 108.338C48.4759 107.121 45.1856 105.57 42.712 103.62C40.2909 101.712 38 98.8721 38 95.1111C38 94.2984 38 91.1234 38 86.645C38.5 85.5 38.5 84.2874 38.5 83C38.5 81.6306 38.5 80.5 38 78.6864C38 74.595 38 70.0971 38 65.6164C38.5 64.5 38.5 63.1987 38.5 62C38.5 60.5338 38.5 59.5 38 57.6596C38 46.4042 38 37 38 37H122Z\"\n              fill=\"url(#paint0_linear_5810_46613)\"\n            />\n          </mask>\n          <g mask=\"url(#mask0_5810_46613)\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M122 37C122 37 122 91.3502 122 95.1111C122 98.8721 119.709 101.712 117.288 103.62C114.814 105.57 111.524 107.121 107.874 108.338C100.526 110.787 90.6713 112.222 80 112.222C69.3287 112.222 59.4739 110.787 52.1256 108.338C48.4759 107.121 45.1856 105.57 42.712 103.62C40.2909 101.712 38 98.8721 38 95.1111C38 91.3502 38 37 38 37H122Z\"\n              fill=\"url(#paint1_linear_5810_46613)\"\n            />\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M36 55C37.1046 55 38 55.8954 38 57C38 59.809 39.8046 62.1113 42.1337 63.8519C44.4753 65.602 47.6878 67.06 51.4011 68.2339C58.8558 70.5904 68.9671 72 80 72C91.0329 72 101.144 70.5904 108.599 68.2339C112.312 67.06 115.525 65.602 117.866 63.8519C120.195 62.1113 122 59.809 122 57C122 55.8954 122.895 55 124 55C125.105 55 126 55.8954 126 57C126 61.6641 123.005 65.0054 120.261 67.0559C117.42 69.1795 113.738 70.8043 109.805 72.0478C101.863 74.5583 91.326 76 80 76C68.674 76 58.1372 74.5583 50.1954 72.0478C46.2616 70.8043 42.5803 69.1795 39.739 67.056C39.1604 66.6235 38.5706 66.1336 38 65.586C35.8652 63.5372 34 60.6804 34 57C34 55.8954 34.8954 55 36 55Z\"\n              fill=\"url(#paint2_linear_5810_46613)\"\n            />\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M36 76C37.1046 76 38 76.8954 38 78C38 80.809 39.8046 83.1113 42.1337 84.8519C44.4753 86.602 47.6878 88.06 51.4011 89.2339C58.8558 91.5904 68.9671 93 80 93C91.0329 93 101.144 91.5904 108.599 89.2339C112.312 88.06 115.525 86.602 117.866 84.8519C120.195 83.1113 122 80.809 122 78C122 76.8954 122.895 76 124 76C125.105 76 126 76.8954 126 78C126 82.6641 123.005 86.0054 120.261 88.0559C117.42 90.1795 113.738 91.8043 109.805 93.0478C101.863 95.5583 91.326 97 80 97C68.674 97 58.1372 95.5583 50.1954 93.0478C46.2616 91.8043 42.5803 90.1795 39.739 88.056C36.9954 86.0054 34 82.6641 34 78C34 76.8954 34.8954 76 36 76Z\"\n              fill=\"url(#paint3_linear_5810_46613)\"\n            />\n          </g>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M52.1256 23.8844C59.4739 21.4349 69.3287 20 80 20C90.6713 20 100.526 21.4349 107.874 23.8844C111.524 25.101 114.814 26.6525 117.288 28.6019C119.709 30.5099 122 33.3501 122 37.1111C122 40.8721 119.709 43.7123 117.288 45.6203C114.814 47.5698 111.524 49.1213 107.874 50.3379C100.526 52.7873 90.6713 54.2222 80 54.2222C69.3287 54.2222 59.4739 52.7873 52.1256 50.3379C48.4759 49.1213 45.1856 47.5698 42.712 45.6203C40.2909 43.7123 38 40.8721 38 37.1111C38 33.3501 40.2909 30.5099 42.712 28.6019C45.1856 26.6525 48.4759 25.101 52.1256 23.8844Z\"\n            fill=\"url(#paint4_linear_5810_46613)\"\n          />\n        </g>\n        <g filter=\"url(#filter1_b_5810_46613)\">\n          <rect\n            x=\"56\"\n            y=\"92\"\n            width=\"48\"\n            height=\"48\"\n            rx=\"24\"\n            fill=\"var(--content-primary)\"\n            fillOpacity=\"0.4\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M80 105.5C80.6443 105.5 81.1667 106.022 81.1667 106.667V114.833H89.3333C89.9777 114.833 90.5 115.356 90.5 116C90.5 116.644 89.9777 117.167 89.3333 117.167H81.1667V125.333C81.1667 125.978 80.6443 126.5 80 126.5C79.3557 126.5 78.8333 125.978 78.8333 125.333V117.167H70.6667C70.0223 117.167 69.5 116.644 69.5 116C69.5 115.356 70.0223 114.833 70.6667 114.833H78.8333V106.667C78.8333 106.022 79.3557 105.5 80 105.5Z\"\n            fill=\"var(--background-default)\"\n          />\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_dd_5810_46613\"\n          x=\"26\"\n          y=\"20\"\n          width=\"108\"\n          height=\"116.222\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"2\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect1_dropShadow_5810_46613\"\n          />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"3\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_5810_46613\"\n          />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"4\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect2_dropShadow_5810_46613\"\n          />\n          <feOffset dy=\"12\" />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"effect1_dropShadow_5810_46613\"\n            result=\"effect2_dropShadow_5810_46613\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect2_dropShadow_5810_46613\"\n            result=\"shape\"\n          />\n        </filter>\n        <filter\n          id=\"filter1_b_5810_46613\"\n          x=\"51\"\n          y=\"87\"\n          width=\"58\"\n          height=\"58\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"2.5\" />\n          <feComposite\n            in2=\"SourceAlpha\"\n            operator=\"in\"\n            result=\"effect1_backgroundBlur_5810_46613\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_backgroundBlur_5810_46613\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_5810_46613\"\n          x1=\"-20\"\n          y1=\"109.131\"\n          x2=\"53.449\"\n          y2=\"5.18218\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop offset=\"1\" stopColor=\"var(--background-neutral-surface)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5810_46613\"\n          x1=\"-20\"\n          y1=\"109.131\"\n          x2=\"53.449\"\n          y2=\"5.18218\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop offset=\"1\" stopColor=\"var(--background-neutral-surface)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_5810_46613\"\n          x1=\"41\"\n          y1=\"60.5\"\n          x2=\"45.2639\"\n          y2=\"85.6423\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop offset=\"0.695113\" stopColor=\"var(--border-neutral-subtle)\" />\n          <stop offset=\"1\" stopColor=\"var(--background-neutral-on-subtle)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint3_linear_5810_46613\"\n          x1=\"41\"\n          y1=\"81.5\"\n          x2=\"45.2639\"\n          y2=\"106.642\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop offset=\"0.695113\" stopColor=\"var(--border-neutral-subtle)\" />\n          <stop offset=\"1\" stopColor=\"var(--background-neutral-on-subtle)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint4_linear_5810_46613\"\n          x1=\"59.5\"\n          y1=\"28.0802\"\n          x2=\"106.002\"\n          y2=\"48.6271\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--background-neutral-surface)\" />\n          <stop offset=\"1\" stopColor=\"var(--background-neutral-subtle)\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default Data;\n"],"mappings":"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"}

package/dist/Empty/image/User.js

@@ -14,13 +14,13 @@ var User = () => {
 				cx: "80",
 				cy: "80",
 				r: "52",
-				fill: "#EAECF0"
+				fill: "var(--background-neutral-on-subtle)"
 			}),
 			/* @__PURE__ */ jsx("path", {
 				fillRule: "evenodd",
 				clipRule: "evenodd",
 				d: "M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z",
-				fill: "#F5F6F7"
+				fill: "var(--background-neutral-subtle)"
 			}),
 			/* @__PURE__ */ jsxs("g", {
 				filter: "url(#filter0_dd_5810_46629)",
@@ -55,13 +55,13 @@ var User = () => {
 					width: "48",
 					height: "48",
 					rx: "24",
-					fill: "#1D2939",
+					fill: "var(--content-primary)",
 					fillOpacity: "0.4"
 				}), /* @__PURE__ */ jsx("path", {
 					fillRule: "evenodd",
 					clipRule: "evenodd",
 					d: "M75.5083 110.867C75.5083 109.191 76.8664 107.833 78.5417 107.833C80.2169 107.833 81.575 109.191 81.575 110.867C81.575 112.542 80.2169 113.9 78.5417 113.9C76.8664 113.9 75.5083 112.542 75.5083 110.867ZM78.5417 105.5C75.5777 105.5 73.175 107.903 73.175 110.867C73.175 113.831 75.5777 116.233 78.5417 116.233C81.5056 116.233 83.9083 113.831 83.9083 110.867C83.9083 107.903 81.5056 105.5 78.5417 105.5ZM85.2794 105.891C84.6822 105.649 84.002 105.937 83.7602 106.534C83.5185 107.131 83.8067 107.812 84.4039 108.053C85.5177 108.504 86.3 109.595 86.3 110.867C86.3 112.138 85.5177 113.229 84.4039 113.68C83.8067 113.922 83.5185 114.602 83.7602 115.199C84.002 115.796 84.6822 116.085 85.2794 115.843C87.244 115.048 88.6333 113.121 88.6333 110.867C88.6333 108.613 87.244 106.686 85.2794 105.891ZM81.1667 118.1H76.9257C75.982 118.1 75.2148 118.1 74.5892 118.143C73.9441 118.187 73.3647 118.28 72.8129 118.509C71.4979 119.053 70.4532 120.098 69.9085 121.413C69.68 121.965 69.5867 122.544 69.5427 123.189C69.5 123.815 69.5 124.582 69.5 125.526L69.5 125.567C69.5 126.211 70.0223 126.733 70.6667 126.733C71.311 126.733 71.8333 126.211 71.8333 125.567C71.8333 124.572 71.834 123.885 71.8706 123.348C71.9065 122.822 71.9731 122.526 72.0642 122.306C72.3721 121.563 72.9626 120.972 73.7059 120.664C73.9259 120.573 74.2217 120.507 74.748 120.471C75.2848 120.434 75.9722 120.433 76.9667 120.433H81.1667C81.811 120.433 82.3333 119.911 82.3333 119.267C82.3333 118.622 81.811 118.1 81.1667 118.1ZM87.825 118.675C87.3693 118.219 86.6307 118.219 86.175 118.675C85.7194 119.131 85.7194 119.869 86.175 120.325L87.6834 121.833H83.5C82.8557 121.833 82.3333 122.356 82.3333 123C82.3333 123.644 82.8557 124.167 83.5 124.167H87.6834L86.175 125.675C85.7194 126.131 85.7194 126.869 86.175 127.325C86.6307 127.781 87.3693 127.781 87.825 127.325L91.325 123.825C91.7806 123.369 91.7806 122.631 91.325 122.175L87.825 118.675Z",
-					fill: "#FCFCFD"
+					fill: "var(--background-default)"
 				})]
 			})
 		] }), /* @__PURE__ */ jsxs("defs", { children: [
@@ -170,14 +170,14 @@ var User = () => {
 				y2: "59",
 				gradientUnits: "userSpaceOnUse",
 				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }),
+					/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "0.583774",
-						stopColor: "#F5F6F7"
+						stopColor: "var(--background-neutral-subtle)"
 					}),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "1",
-						stopColor: "white"
+						stopColor: "var(--background-default)"
 					})
 				]
 			}),
@@ -189,14 +189,14 @@ var User = () => {
 				y2: "57.9412",
 				gradientUnits: "userSpaceOnUse",
 				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }),
+					/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "0.583774",
-						stopColor: "#F5F6F7"
+						stopColor: "var(--background-neutral-subtle)"
 					}),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "1",
-						stopColor: "white"
+						stopColor: "var(--background-default)"
 					})
 				]
 			}),
@@ -210,15 +210,15 @@ var User = () => {
 				children: [
 					/* @__PURE__ */ jsx("stop", {
 						offset: "0.549837",
-						stopColor: "#D0D5DD"
+						stopColor: "var(--border-neutral-subtle)"
 					}),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "0.805634",
-						stopColor: "#F2F4F7"
+						stopColor: "var(--background-neutral-surface)"
 					}),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "1",
-						stopColor: "white"
+						stopColor: "var(--background-default)"
 					})
 				]
 			}),
@@ -230,14 +230,14 @@ var User = () => {
 				y2: "75.5",
 				gradientUnits: "userSpaceOnUse",
 				children: [
-					/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }),
+					/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "0.449239",
-						stopColor: "#F2F4F7"
+						stopColor: "var(--background-neutral-surface)"
 					}),
 					/* @__PURE__ */ jsx("stop", {
 						offset: "1",
-						stopColor: "white"
+						stopColor: "var(--background-default)"
 					})
 				]
 			})

package/dist/Empty/image/User.js.map

@@ -1 +1 @@
-{"version":3,"file":"User.js","names":[],"sources":["../../../src/Empty/image/User.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst User = () => {\n  return (\n    <svg\n      className=\"ald-empty-image\"\n      width=\"160\"\n      height=\"160\"\n      viewBox=\"0 0 160 160\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g>\n        <circle cx=\"80\" cy=\"80\" r=\"52\" fill=\"#EAECF0\" />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z\"\n          fill=\"#F5F6F7\"\n        />\n        <g filter=\"url(#filter0_dd_5810_46629)\">\n          <circle\n            cx=\"88\"\n            cy=\"48\"\n            r=\"17\"\n            fill=\"url(#paint0_linear_5810_46629)\"\n          />\n          <circle\n            cx=\"70\"\n            cy=\"45\"\n            r=\"20\"\n            fill=\"url(#paint1_linear_5810_46629)\"\n          />\n          <path\n            d=\"M58 94C58 84.0589 66.0589 76 76 76H104C113.941 76 122 84.0589 122 94V102C122 104.209 120.209 106 118 106H62C59.7909 106 58 104.209 58 102V94Z\"\n            fill=\"url(#paint2_linear_5810_46629)\"\n          />\n          <path\n            d=\"M38 92C38 82.0589 46.0589 74 56 74H84C93.9411 74 102 82.0589 102 92V104C102 106.209 100.209 108 98 108H42C39.7909 108 38 106.209 38 104V92Z\"\n            fill=\"url(#paint3_linear_5810_46629)\"\n          />\n        </g>\n        <g filter=\"url(#filter1_b_5810_46629)\">\n          <rect\n            x=\"56\"\n            y=\"92\"\n            width=\"48\"\n            height=\"48\"\n            rx=\"24\"\n            fill=\"#1D2939\"\n            fillOpacity=\"0.4\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M75.5083 110.867C75.5083 109.191 76.8664 107.833 78.5417 107.833C80.2169 107.833 81.575 109.191 81.575 110.867C81.575 112.542 80.2169 113.9 78.5417 113.9C76.8664 113.9 75.5083 112.542 75.5083 110.867ZM78.5417 105.5C75.5777 105.5 73.175 107.903 73.175 110.867C73.175 113.831 75.5777 116.233 78.5417 116.233C81.5056 116.233 83.9083 113.831 83.9083 110.867C83.9083 107.903 81.5056 105.5 78.5417 105.5ZM85.2794 105.891C84.6822 105.649 84.002 105.937 83.7602 106.534C83.5185 107.131 83.8067 107.812 84.4039 108.053C85.5177 108.504 86.3 109.595 86.3 110.867C86.3 112.138 85.5177 113.229 84.4039 113.68C83.8067 113.922 83.5185 114.602 83.7602 115.199C84.002 115.796 84.6822 116.085 85.2794 115.843C87.244 115.048 88.6333 113.121 88.6333 110.867C88.6333 108.613 87.244 106.686 85.2794 105.891ZM81.1667 118.1H76.9257C75.982 118.1 75.2148 118.1 74.5892 118.143C73.9441 118.187 73.3647 118.28 72.8129 118.509C71.4979 119.053 70.4532 120.098 69.9085 121.413C69.68 121.965 69.5867 122.544 69.5427 123.189C69.5 123.815 69.5 124.582 69.5 125.526L69.5 125.567C69.5 126.211 70.0223 126.733 70.6667 126.733C71.311 126.733 71.8333 126.211 71.8333 125.567C71.8333 124.572 71.834 123.885 71.8706 123.348C71.9065 122.822 71.9731 122.526 72.0642 122.306C72.3721 121.563 72.9626 120.972 73.7059 120.664C73.9259 120.573 74.2217 120.507 74.748 120.471C75.2848 120.434 75.9722 120.433 76.9667 120.433H81.1667C81.811 120.433 82.3333 119.911 82.3333 119.267C82.3333 118.622 81.811 118.1 81.1667 118.1ZM87.825 118.675C87.3693 118.219 86.6307 118.219 86.175 118.675C85.7194 119.131 85.7194 119.869 86.175 120.325L87.6834 121.833H83.5C82.8557 121.833 82.3333 122.356 82.3333 123C82.3333 123.644 82.8557 124.167 83.5 124.167H87.6834L86.175 125.675C85.7194 126.131 85.7194 126.869 86.175 127.325C86.6307 127.781 87.3693 127.781 87.825 127.325L91.325 123.825C91.7806 123.369 91.7806 122.631 91.325 122.175L87.825 118.675Z\"\n            fill=\"#FCFCFD\"\n          />\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_dd_5810_46629\"\n          x=\"26\"\n          y=\"20\"\n          width=\"108\"\n          height=\"116.222\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"2\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect1_dropShadow_5810_46629\"\n          />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"3\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_5810_46629\"\n          />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"4\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect2_dropShadow_5810_46629\"\n          />\n          <feOffset dy=\"12\" />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"effect1_dropShadow_5810_46629\"\n            result=\"effect2_dropShadow_5810_46629\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect2_dropShadow_5810_46629\"\n            result=\"shape\"\n          />\n        </filter>\n        <filter\n          id=\"filter1_b_5810_46629\"\n          x=\"51\"\n          y=\"87\"\n          width=\"58\"\n          height=\"58\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"2.5\" />\n          <feComposite\n            in2=\"SourceAlpha\"\n            operator=\"in\"\n            result=\"effect1_backgroundBlur_5810_46629\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_backgroundBlur_5810_46629\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_5810_46629\"\n          x1=\"73\"\n          y1=\"42\"\n          x2=\"100.5\"\n          y2=\"59\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"0.583774\" stopColor=\"#F5F6F7\" />\n          <stop offset=\"1\" stopColor=\"white\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5810_46629\"\n          x1=\"46\"\n          y1=\"27.5\"\n          x2=\"84.7059\"\n          y2=\"57.9412\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"0.583774\" stopColor=\"#F5F6F7\" />\n          <stop offset=\"1\" stopColor=\"white\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_5810_46629\"\n          x1=\"58\"\n          y1=\"102\"\n          x2=\"113.5\"\n          y2=\"77.5\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0.549837\" stopColor=\"#D0D5DD\" />\n          <stop offset=\"0.805634\" stopColor=\"#F2F4F7\" />\n          <stop offset=\"1\" stopColor=\"white\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint3_linear_5810_46629\"\n          x1=\"34.5\"\n          y1=\"103\"\n          x2=\"93.5\"\n          y2=\"75.5\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"0.449239\" stopColor=\"#F2F4F7\" />\n          <stop offset=\"1\" stopColor=\"white\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default User;\n"],"mappings":"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"}
+{"version":3,"file":"User.js","names":[],"sources":["../../../src/Empty/image/User.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst User = () => {\n  return (\n    <svg\n      className=\"ald-empty-image\"\n      width=\"160\"\n      height=\"160\"\n      viewBox=\"0 0 160 160\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g>\n        <circle\n          cx=\"80\"\n          cy=\"80\"\n          r=\"52\"\n          fill=\"var(--background-neutral-on-subtle)\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z\"\n          fill=\"var(--background-neutral-subtle)\"\n        />\n        <g filter=\"url(#filter0_dd_5810_46629)\">\n          <circle\n            cx=\"88\"\n            cy=\"48\"\n            r=\"17\"\n            fill=\"url(#paint0_linear_5810_46629)\"\n          />\n          <circle\n            cx=\"70\"\n            cy=\"45\"\n            r=\"20\"\n            fill=\"url(#paint1_linear_5810_46629)\"\n          />\n          <path\n            d=\"M58 94C58 84.0589 66.0589 76 76 76H104C113.941 76 122 84.0589 122 94V102C122 104.209 120.209 106 118 106H62C59.7909 106 58 104.209 58 102V94Z\"\n            fill=\"url(#paint2_linear_5810_46629)\"\n          />\n          <path\n            d=\"M38 92C38 82.0589 46.0589 74 56 74H84C93.9411 74 102 82.0589 102 92V104C102 106.209 100.209 108 98 108H42C39.7909 108 38 106.209 38 104V92Z\"\n            fill=\"url(#paint3_linear_5810_46629)\"\n          />\n        </g>\n        <g filter=\"url(#filter1_b_5810_46629)\">\n          <rect\n            x=\"56\"\n            y=\"92\"\n            width=\"48\"\n            height=\"48\"\n            rx=\"24\"\n            fill=\"var(--content-primary)\"\n            fillOpacity=\"0.4\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M75.5083 110.867C75.5083 109.191 76.8664 107.833 78.5417 107.833C80.2169 107.833 81.575 109.191 81.575 110.867C81.575 112.542 80.2169 113.9 78.5417 113.9C76.8664 113.9 75.5083 112.542 75.5083 110.867ZM78.5417 105.5C75.5777 105.5 73.175 107.903 73.175 110.867C73.175 113.831 75.5777 116.233 78.5417 116.233C81.5056 116.233 83.9083 113.831 83.9083 110.867C83.9083 107.903 81.5056 105.5 78.5417 105.5ZM85.2794 105.891C84.6822 105.649 84.002 105.937 83.7602 106.534C83.5185 107.131 83.8067 107.812 84.4039 108.053C85.5177 108.504 86.3 109.595 86.3 110.867C86.3 112.138 85.5177 113.229 84.4039 113.68C83.8067 113.922 83.5185 114.602 83.7602 115.199C84.002 115.796 84.6822 116.085 85.2794 115.843C87.244 115.048 88.6333 113.121 88.6333 110.867C88.6333 108.613 87.244 106.686 85.2794 105.891ZM81.1667 118.1H76.9257C75.982 118.1 75.2148 118.1 74.5892 118.143C73.9441 118.187 73.3647 118.28 72.8129 118.509C71.4979 119.053 70.4532 120.098 69.9085 121.413C69.68 121.965 69.5867 122.544 69.5427 123.189C69.5 123.815 69.5 124.582 69.5 125.526L69.5 125.567C69.5 126.211 70.0223 126.733 70.6667 126.733C71.311 126.733 71.8333 126.211 71.8333 125.567C71.8333 124.572 71.834 123.885 71.8706 123.348C71.9065 122.822 71.9731 122.526 72.0642 122.306C72.3721 121.563 72.9626 120.972 73.7059 120.664C73.9259 120.573 74.2217 120.507 74.748 120.471C75.2848 120.434 75.9722 120.433 76.9667 120.433H81.1667C81.811 120.433 82.3333 119.911 82.3333 119.267C82.3333 118.622 81.811 118.1 81.1667 118.1ZM87.825 118.675C87.3693 118.219 86.6307 118.219 86.175 118.675C85.7194 119.131 85.7194 119.869 86.175 120.325L87.6834 121.833H83.5C82.8557 121.833 82.3333 122.356 82.3333 123C82.3333 123.644 82.8557 124.167 83.5 124.167H87.6834L86.175 125.675C85.7194 126.131 85.7194 126.869 86.175 127.325C86.6307 127.781 87.3693 127.781 87.825 127.325L91.325 123.825C91.7806 123.369 91.7806 122.631 91.325 122.175L87.825 118.675Z\"\n            fill=\"var(--background-default)\"\n          />\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_dd_5810_46629\"\n          x=\"26\"\n          y=\"20\"\n          width=\"108\"\n          height=\"116.222\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"2\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect1_dropShadow_5810_46629\"\n          />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"3\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_5810_46629\"\n          />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"4\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect2_dropShadow_5810_46629\"\n          />\n          <feOffset dy=\"12\" />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"effect1_dropShadow_5810_46629\"\n            result=\"effect2_dropShadow_5810_46629\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect2_dropShadow_5810_46629\"\n            result=\"shape\"\n          />\n        </filter>\n        <filter\n          id=\"filter1_b_5810_46629\"\n          x=\"51\"\n          y=\"87\"\n          width=\"58\"\n          height=\"58\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"2.5\" />\n          <feComposite\n            in2=\"SourceAlpha\"\n            operator=\"in\"\n            result=\"effect1_backgroundBlur_5810_46629\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_backgroundBlur_5810_46629\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_5810_46629\"\n          x1=\"73\"\n          y1=\"42\"\n          x2=\"100.5\"\n          y2=\"59\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop\n            offset=\"0.583774\"\n            stopColor=\"var(--background-neutral-subtle)\"\n          />\n          <stop offset=\"1\" stopColor=\"var(--background-default)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5810_46629\"\n          x1=\"46\"\n          y1=\"27.5\"\n          x2=\"84.7059\"\n          y2=\"57.9412\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop\n            offset=\"0.583774\"\n            stopColor=\"var(--background-neutral-subtle)\"\n          />\n          <stop offset=\"1\" stopColor=\"var(--background-default)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_5810_46629\"\n          x1=\"58\"\n          y1=\"102\"\n          x2=\"113.5\"\n          y2=\"77.5\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0.549837\" stopColor=\"var(--border-neutral-subtle)\" />\n          <stop\n            offset=\"0.805634\"\n            stopColor=\"var(--background-neutral-surface)\"\n          />\n          <stop offset=\"1\" stopColor=\"var(--background-default)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint3_linear_5810_46629\"\n          x1=\"34.5\"\n          y1=\"103\"\n          x2=\"93.5\"\n          y2=\"75.5\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop\n            offset=\"0.449239\"\n            stopColor=\"var(--background-neutral-surface)\"\n          />\n          <stop offset=\"1\" stopColor=\"var(--background-default)\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default User;\n"],"mappings":"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"}