diff --git a/.github/workflows/superset-frontend.yml b/.github/workflows/superset-frontend.yml
index ac7c01d98e2..3665c6f0591 100644
--- a/.github/workflows/superset-frontend.yml
+++ b/.github/workflows/superset-frontend.yml
@@ -121,24 +121,6 @@ jobs:
           files: merged-output/coverage-summary.json
           slug: apache/superset
 
-  core-cover:
-    needs: frontend-build
-    if: needs.frontend-build.outputs.should-run == 'true'
-    runs-on: ubuntu-24.04
-    steps:
-      - name: Download Docker Image Artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: docker-image
-
-      - name: Load Docker Image
-        run: docker load < docker-image.tar.gz
-
-      - name: superset-ui/core coverage
-        run: |
-          docker run --rm $TAG bash -c \
-          "npm run core:cover"
-
   lint-frontend:
     needs: frontend-build
     if: needs.frontend-build.outputs.should-run == 'true'
diff --git a/superset-frontend/.eslintrc.js b/superset-frontend/.eslintrc.js
index d4f4648a35a..59f003c2936 100644
--- a/superset-frontend/.eslintrc.js
+++ b/superset-frontend/.eslintrc.js
@@ -52,7 +52,7 @@ const restrictedImportsRules = {
     message: 'Lodash Memoize is unsafe! Please use memoize-one instead',
   },
   'no-testing-library-react': {
-    name: '@testing-library/react',
+    name: '@superset-ui/core/spec',
     message: 'Please use spec/helpers/testing-library instead',
   },
   'no-testing-library-react-dom-utils': {
@@ -97,6 +97,15 @@ module.exports = {
         // resolve modules from `/superset_frontend/node_modules` and `/superset_frontend`
         moduleDirectory: ['node_modules', '.'],
       },
+      typescript: {
+        alwaysTryTypes: true,
+        project: [
+          './tsconfig.json',
+          './packages/superset-ui-core/tsconfig.json',
+          './packages/superset-ui-chart-controls/',
+          './plugins/*/tsconfig.json',
+        ],
+      },
     },
     // only allow import from top level of module
     'import/core-modules': importCoreModules,
@@ -326,7 +335,9 @@ module.exports = {
       rules: {
         'import/no-extraneous-dependencies': [
           'error',
-          { devDependencies: true },
+          {
+            devDependencies: true,
+          },
         ],
         'no-only-tests/no-only-tests': 'error',
         'max-classes-per-file': 0,
diff --git a/superset-frontend/jest.config.js b/superset-frontend/jest.config.js
index 6c9dd85cd51..517c91767fd 100644
--- a/superset-frontend/jest.config.js
+++ b/superset-frontend/jest.config.js
@@ -28,7 +28,9 @@ module.exports = {
     '^src/(.*)$': '<rootDir>/src/$1',
     '^spec/(.*)$': '<rootDir>/spec/$1',
     // mapping plugins of superset-ui to source code
-    '@superset-ui/(.*)$': '<rootDir>/node_modules/@superset-ui/$1/src',
+    '^@superset-ui/([^/]+)/(.*)$':
+      '<rootDir>/node_modules/@superset-ui/$1/src/$2',
+    '^@superset-ui/([^/]+)$': '<rootDir>/node_modules/@superset-ui/$1/src',
   },
   testEnvironment: 'jsdom',
   modulePathIgnorePatterns: ['<rootDir>/packages/generator-superset'],
diff --git a/superset-frontend/package-lock.json b/superset-frontend/package-lock.json
index 5ebf2e1f37a..3ff13ccdb79 100644
--- a/superset-frontend/package-lock.json
+++ b/superset-frontend/package-lock.json
@@ -14,7 +14,6 @@
         "src/setup/*"
       ],
       "dependencies": {
-        "@ant-design/icons": "^5.2.6",
         "@emotion/cache": "^11.4.0",
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.3.0",
@@ -54,20 +53,16 @@
         "@visx/tooltip": "^3.0.0",
         "@visx/xychart": "^3.5.1",
         "abortcontroller-polyfill": "^1.7.8",
-        "ace-builds": "^1.41.0",
         "ag-grid-community": "33.1.1",
         "ag-grid-react": "33.1.1",
         "antd": "^5.24.6",
-        "brace": "^0.11.1",
         "chrono-node": "^2.7.8",
         "classnames": "^2.2.5",
-        "core-js": "^3.38.1",
         "d3-color": "^3.1.0",
         "d3-scale": "^2.1.2",
         "dayjs": "^1.11.13",
         "dom-to-image-more": "^3.2.0",
         "dom-to-pdf": "^0.3.2",
-        "dompurify": "^3.2.4",
         "echarts": "^5.6.0",
         "emotion-rgba": "0.0.12",
         "eslint-plugin-i18n-strings": "file:eslint-rules/eslint-plugin-i18n-strings",
@@ -106,18 +101,15 @@
         "rc-trigger": "^5.3.4",
         "re-resizable": "^6.10.1",
         "react": "^17.0.2",
-        "react-ace": "^10.1.0",
         "react-checkbox-tree": "^1.8.0",
         "react-color": "^2.13.8",
         "react-diff-viewer-continued": "^3.4.0",
         "react-dnd": "^11.1.3",
         "react-dnd-html5-backend": "^11.1.3",
         "react-dom": "^17.0.2",
-        "react-draggable": "^4.4.6",
         "react-google-recaptcha": "^3.1.0",
         "react-hot-loader": "^4.13.1",
         "react-intersection-observer": "^9.16.0",
-        "react-js-cron": "^2.1.2",
         "react-json-tree": "^0.17.0",
         "react-lines-ellipsis": "^0.15.4",
         "react-loadable": "^5.5.0",
@@ -131,14 +123,12 @@
         "react-syntax-highlighter": "^15.4.5",
         "react-table": "^7.8.0",
         "react-transition-group": "^4.4.5",
-        "react-ultimate-pagination": "^1.3.2",
         "react-virtualized-auto-sizer": "^1.0.25",
         "react-window": "^1.8.10",
         "redux": "^4.2.1",
         "redux-localstorage": "^0.4.1",
         "redux-thunk": "^2.1.0",
         "redux-undo": "^1.0.0-beta9-9-7",
-        "regenerator-runtime": "^0.14.1",
         "rimraf": "^6.0.1",
         "rison": "^0.1.1",
         "scroll-into-view-if-needed": "^3.1.0",
@@ -197,7 +187,6 @@
         "@types/enzyme": "^3.10.18",
         "@types/fetch-mock": "^7.3.2",
         "@types/jest": "^29.5.14",
-        "@types/jquery": "^3.5.8",
         "@types/js-levenshtein": "^1.1.3",
         "@types/json-bigint": "^1.0.4",
         "@types/math-expression-evaluator": "^1.3.3",
@@ -212,7 +201,6 @@
         "@types/react-resizable": "^3.0.8",
         "@types/react-router-dom": "^5.3.3",
         "@types/react-syntax-highlighter": "^15.5.13",
-        "@types/react-table": "^7.7.20",
         "@types/react-transition-group": "^4.4.12",
         "@types/react-ultimate-pagination": "^1.2.4",
         "@types/react-virtualized-auto-sizer": "^1.0.4",
@@ -245,6 +233,7 @@
         "eslint": "^8.56.0",
         "eslint-config-airbnb": "^19.0.4",
         "eslint-config-prettier": "^7.2.0",
+        "eslint-import-resolver-alias": "^1.1.2",
         "eslint-import-resolver-typescript": "^3.7.0",
         "eslint-plugin-cypress": "^3.6.0",
         "eslint-plugin-file-progress": "^1.5.0",
@@ -307,6 +296,12 @@
       "engines": {
         "node": "^20.16.0",
         "npm": "^10.8.1"
+      },
+      "peerDependencies": {
+        "ace-builds": "^1.41.0",
+        "core-js": "^3.38.1",
+        "react-ace": "^10.1.0",
+        "regenerator-runtime": "^0.14.1"
       }
     },
     "eslint-rules/eslint-i18n-strings": {
@@ -12696,7 +12691,6 @@
       "version": "1.8.8",
       "resolved": "https://registry.npmjs.org/@types/react-window/-/react-window-1.8.8.tgz",
       "integrity": "sha512-8Ls660bHR1AUA2kuRvVG9D/4XpRC6wjAaPT9dil7Ckc76eP9TKWZwwmgfq8Q1LANX3QNDnoU4Zp48A3w+zK69Q==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/react": "*"
@@ -19562,6 +19556,13 @@
       "integrity": "sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg==",
       "license": "BSD-3-Clause"
     },
+    "node_modules/d3v3": {
+      "name": "d3",
+      "version": "3.5.17",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-3.5.17.tgz",
+      "integrity": "sha512-yFk/2idb8OHPKkbAL8QaOaqENNoMhIaSHZerk3oQsECwkObkCpJyjYwCe+OHiq6UEdhe1m8ZGARRRO3ljFjlKg==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
@@ -22078,6 +22079,19 @@
         "eslint": ">=7.0.0"
       }
     },
+    "node_modules/eslint-import-resolver-alias": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-alias/-/eslint-import-resolver-alias-1.1.2.tgz",
+      "integrity": "sha512-WdviM1Eu834zsfjHtcGHtGfcu+F30Od3V7I9Fi57uhBEwPkjDcii7/yW8jAT+gOhn4P/vOxxNAXbFAKsrrc15w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      },
+      "peerDependencies": {
+        "eslint-plugin-import": ">=1.4.0"
+      }
+    },
     "node_modules/eslint-import-resolver-node": {
       "version": "0.3.9",
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
@@ -52292,7 +52306,6 @@
         "@testing-library/react-hooks": "*",
         "@testing-library/user-event": "*",
         "ace-builds": "^1.4.14",
-        "antd": "^5.24.6",
         "brace": "^0.11.1",
         "memoize-one": "^5.1.1",
         "react": "^17.0.2",
@@ -52305,24 +52318,38 @@
       "version": "0.20.4",
       "license": "Apache-2.0",
       "dependencies": {
+        "@ant-design/icons": "^5.2.6",
         "@babel/runtime": "^7.25.6",
         "@fontsource/fira-code": "^5.0.18",
         "@fontsource/inter": "^5.0.20",
         "@types/json-bigint": "^1.0.4",
         "@visx/responsive": "^3.12.0",
+        "ace-builds": "^1.41.0",
+        "brace": "^0.11.1",
+        "classnames": "^2.2.5",
+        "core-js": "^3.38.1",
         "csstype": "^3.1.3",
         "d3-format": "^1.3.2",
         "d3-interpolate": "^3.0.1",
         "d3-scale": "^3.0.0",
         "d3-time": "^3.1.0",
         "d3-time-format": "^4.1.0",
+        "dayjs": "^1.11.13",
+        "dompurify": "^3.2.4",
         "fetch-retry": "^6.0.0",
         "jed": "^1.1.1",
         "lodash": "^4.17.21",
         "math-expression-evaluator": "^2.0.6",
         "pretty-ms": "^9.2.0",
+        "re-resizable": "^6.10.1",
+        "react-ace": "^10.1.0",
+        "react-draggable": "^4.4.6",
         "react-error-boundary": "^5.0.0",
+        "react-js-cron": "^2.1.2",
         "react-markdown": "^8.0.7",
+        "react-resize-detector": "^7.1.2",
+        "react-ultimate-pagination": "^1.3.2",
+        "regenerator-runtime": "^0.14.1",
         "rehype-raw": "^7.0.0",
         "rehype-sanitize": "^6.0.0",
         "remark-gfm": "^3.0.1",
@@ -52341,10 +52368,12 @@
         "@types/d3-time-format": "^4.0.3",
         "@types/enzyme": "^3.10.18",
         "@types/fetch-mock": "^7.3.8",
+        "@types/jquery": "^3.5.8",
         "@types/lodash": "^4.17.16",
         "@types/math-expression-evaluator": "^1.3.3",
         "@types/node": "^22.10.3",
         "@types/prop-types": "^15.7.2",
+        "@types/react-table": "^7.7.20",
         "@types/rison": "0.1.0",
         "@types/seedrandom": "^3.0.8",
         "fetch-mock": "^11.1.4",
@@ -52363,6 +52392,7 @@
         "@testing-library/user-event": "*",
         "@types/react": "*",
         "@types/react-loadable": "*",
+        "@types/react-window": "^1.8.8",
         "@types/tinycolor2": "*",
         "antd": "^5.24.6",
         "nanoid": "^5.0.9",
@@ -53319,8 +53349,7 @@
         "@superset-ui/legacy-preset-chart-nvd3": "*",
         "@superset-ui/plugin-chart-echarts": "*",
         "@superset-ui/plugin-chart-table": "*",
-        "@superset-ui/plugin-chart-word-cloud": "*",
-        "antd": "^5.24.6"
+        "@superset-ui/plugin-chart-word-cloud": "*"
       }
     },
     "packages/superset-ui-demo/node_modules/@storybook/builder-webpack5": {
@@ -54020,7 +54049,7 @@
       "version": "0.20.3",
       "license": "Apache-2.0",
       "dependencies": {
-        "d3": "^3.5.17",
+        "d3v3": "npm:d3@3.5.17",
         "prop-types": "^15.8.1"
       },
       "peerDependencies": {
@@ -54362,7 +54391,6 @@
         "@testing-library/user-event": "*",
         "@types/classnames": "*",
         "@types/react": "*",
-        "antd": "^5.24.6",
         "match-sorter": "^6.3.3",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
diff --git a/superset-frontend/package.json b/superset-frontend/package.json
index 85758ea2358..75b4add8452 100644
--- a/superset-frontend/package.json
+++ b/superset-frontend/package.json
@@ -70,6 +70,7 @@
     "storybook": "cross-env NODE_ENV=development BABEL_ENV=development storybook dev -p 6006",
     "tdd": "cross-env NODE_ENV=test NODE_OPTIONS=\"--max-old-space-size=8192\" jest --watch",
     "test": "cross-env NODE_ENV=test NODE_OPTIONS=\"--max-old-space-size=8192\" jest --max-workers=80% --silent",
+    "test-loud": "cross-env NODE_ENV=test NODE_OPTIONS=\"--max-old-space-size=8192\" jest --max-workers=80%",
     "type": "tsc --noEmit",
     "update-maps": "jupyter nbconvert --to notebook --execute --inplace 'plugins/legacy-plugin-chart-country-map/scripts/Country Map GeoJSON Generator.ipynb' -Xfrozen_modules=off",
     "validate-release": "../RELEASING/validate_this_release.sh"
@@ -81,7 +82,6 @@
     "last 3 edge versions"
   ],
   "dependencies": {
-    "@ant-design/icons": "^5.2.6",
     "@emotion/cache": "^11.4.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.3.0",
@@ -121,20 +121,16 @@
     "@visx/tooltip": "^3.0.0",
     "@visx/xychart": "^3.5.1",
     "abortcontroller-polyfill": "^1.7.8",
-    "ace-builds": "^1.41.0",
     "ag-grid-community": "33.1.1",
     "ag-grid-react": "33.1.1",
     "antd": "^5.24.6",
-    "brace": "^0.11.1",
     "chrono-node": "^2.7.8",
     "classnames": "^2.2.5",
-    "core-js": "^3.38.1",
     "d3-color": "^3.1.0",
     "d3-scale": "^2.1.2",
     "dayjs": "^1.11.13",
     "dom-to-image-more": "^3.2.0",
     "dom-to-pdf": "^0.3.2",
-    "dompurify": "^3.2.4",
     "echarts": "^5.6.0",
     "emotion-rgba": "0.0.12",
     "eslint-plugin-i18n-strings": "file:eslint-rules/eslint-plugin-i18n-strings",
@@ -173,18 +169,15 @@
     "rc-trigger": "^5.3.4",
     "re-resizable": "^6.10.1",
     "react": "^17.0.2",
-    "react-ace": "^10.1.0",
     "react-checkbox-tree": "^1.8.0",
     "react-color": "^2.13.8",
     "react-diff-viewer-continued": "^3.4.0",
     "react-dnd": "^11.1.3",
     "react-dnd-html5-backend": "^11.1.3",
     "react-dom": "^17.0.2",
-    "react-draggable": "^4.4.6",
     "react-google-recaptcha": "^3.1.0",
     "react-hot-loader": "^4.13.1",
     "react-intersection-observer": "^9.16.0",
-    "react-js-cron": "^2.1.2",
     "react-json-tree": "^0.17.0",
     "react-lines-ellipsis": "^0.15.4",
     "react-loadable": "^5.5.0",
@@ -198,14 +191,12 @@
     "react-syntax-highlighter": "^15.4.5",
     "react-table": "^7.8.0",
     "react-transition-group": "^4.4.5",
-    "react-ultimate-pagination": "^1.3.2",
     "react-virtualized-auto-sizer": "^1.0.25",
     "react-window": "^1.8.10",
     "redux": "^4.2.1",
     "redux-localstorage": "^0.4.1",
     "redux-thunk": "^2.1.0",
     "redux-undo": "^1.0.0-beta9-9-7",
-    "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
     "rison": "^0.1.1",
     "scroll-into-view-if-needed": "^3.1.0",
@@ -264,7 +255,6 @@
     "@types/enzyme": "^3.10.18",
     "@types/fetch-mock": "^7.3.2",
     "@types/jest": "^29.5.14",
-    "@types/jquery": "^3.5.8",
     "@types/js-levenshtein": "^1.1.3",
     "@types/json-bigint": "^1.0.4",
     "@types/math-expression-evaluator": "^1.3.3",
@@ -279,7 +269,6 @@
     "@types/react-resizable": "^3.0.8",
     "@types/react-router-dom": "^5.3.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@types/react-table": "^7.7.20",
     "@types/react-transition-group": "^4.4.12",
     "@types/react-ultimate-pagination": "^1.2.4",
     "@types/react-virtualized-auto-sizer": "^1.0.4",
@@ -312,6 +301,7 @@
     "eslint": "^8.56.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^7.2.0",
+    "eslint-import-resolver-alias": "^1.1.2",
     "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-cypress": "^3.6.0",
     "eslint-plugin-file-progress": "^1.5.0",
@@ -371,6 +361,12 @@
     "webpack-sources": "^3.2.3",
     "webpack-visualizer-plugin2": "^1.1.0"
   },
+  "peerDependencies": {
+    "ace-builds": "^1.41.0",
+    "core-js": "^3.38.1",
+    "react-ace": "^10.1.0",
+    "regenerator-runtime": "^0.14.1"
+  },
   "engines": {
     "node": "^20.16.0",
     "npm": "^10.8.1"
diff --git a/superset-frontend/packages/superset-ui-chart-controls/package.json b/superset-frontend/packages/superset-ui-chart-controls/package.json
index ea9353f7e33..060ba39b5d0 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/package.json
+++ b/superset-frontend/packages/superset-ui-chart-controls/package.json
@@ -40,7 +40,6 @@
     "@testing-library/react-hooks": "*",
     "@testing-library/user-event": "*",
     "ace-builds": "^1.4.14",
-    "antd": "^5.24.6",
     "brace": "^0.11.1",
     "memoize-one": "^5.1.1",
     "react": "^17.0.2",
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/CertifiedIconWithTooltip.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/CertifiedIconWithTooltip.tsx
index 6124834c573..18cedfbca9a 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/CertifiedIconWithTooltip.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/CertifiedIconWithTooltip.tsx
@@ -18,7 +18,7 @@
  */
 import { kebabCase } from 'lodash';
 import { t, useTheme, styled } from '@superset-ui/core';
-import Tooltip from './Tooltip';
+import { Tooltip } from '@superset-ui/core/components';
 
 interface CertifiedIconWithTooltipProps {
   certifiedBy?: string | null;
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/ColumnOption.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/ColumnOption.tsx
index 801363e51c7..763bf0a7d11 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/ColumnOption.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/ColumnOption.tsx
@@ -17,8 +17,12 @@
  * under the License.
  */
 import { useState, ReactNode, useLayoutEffect, RefObject } from 'react';
-import { css, SafeMarkdown, styled, SupersetTheme } from '@superset-ui/core';
-import { Tooltip } from './Tooltip';
+import { css, styled, SupersetTheme } from '@superset-ui/core';
+import {
+  SafeMarkdown,
+  Tooltip,
+  InfoTooltip,
+} from '@superset-ui/core/components';
 import { ColumnTypeLabel } from './ColumnTypeLabel/ColumnTypeLabel';
 import CertifiedIconWithTooltip from './CertifiedIconWithTooltip';
 import { ColumnMeta } from '../types';
@@ -28,7 +32,6 @@ import {
   getColumnTypeTooltipNode,
 } from './labelUtils';
 import { SQLPopover } from './SQLPopover';
-import { InfoTooltipWithTrigger } from './InfoTooltipWithTrigger';
 
 export type ColumnOptionProps = {
   column: ColumnMeta;
@@ -98,7 +101,7 @@ export function ColumnOption({
         />
       )}
       {warningMarkdown && (
-        <InfoTooltipWithTrigger
+        <InfoTooltip
           type="warning"
           tooltip={<SafeMarkdown source={warningMarkdown} />}
           label={`warn-${column.column_name}`}
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlHeader.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlHeader.tsx
index 944591bb111..472c83b156f 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlHeader.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlHeader.tsx
@@ -19,8 +19,7 @@
 import { ReactNode } from 'react';
 import { t, css } from '@superset-ui/core';
 import { InfoCircleOutlined } from '@ant-design/icons';
-import { InfoTooltipWithTrigger } from './InfoTooltipWithTrigger';
-import { Tooltip } from './Tooltip';
+import { InfoTooltip, Tooltip } from '@superset-ui/core/components';
 
 type ValidationError = string;
 
@@ -61,7 +60,7 @@ export function ControlHeader({
         <span>
           {description && (
             <span>
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 label={t('description')}
                 tooltip={description}
                 placement="top"
@@ -71,7 +70,7 @@ export function ControlHeader({
           )}
           {renderTrigger && (
             <span>
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 label={t('bolt')}
                 tooltip={t('Changing this control takes effect instantly')}
                 placement="top"
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlSubSectionHeader.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlSubSectionHeader.tsx
index f87c5130c6f..39d6a3b6a5d 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlSubSectionHeader.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/ControlSubSectionHeader.tsx
@@ -25,4 +25,3 @@ export const ControlSubSectionHeader = styled.div`
     font-size: ${theme.fontSizeSM}px;
   `}
 `;
-export default ControlSubSectionHeader;
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/Dropdown.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/Dropdown.tsx
index 2505c3b2b45..4e82e62cc03 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/Dropdown.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/Dropdown.tsx
@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { Dropdown, type DropDownProps } from 'antd';
+export { Dropdown, type DropdownProps } from '@superset-ui/core/components';
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/Menu.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/Menu.tsx
index 72ea30203f0..d19f596de18 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/Menu.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/Menu.tsx
@@ -17,4 +17,4 @@
  * under the License.
  */
 
-export { Menu, type MenuProps } from 'antd';
+export { Menu, type MenuProps } from '@superset-ui/core/components';
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/MetricOption.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/MetricOption.tsx
index 41df173cc55..e33c3b73e0e 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/MetricOption.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/MetricOption.tsx
@@ -18,18 +18,16 @@
  */
 import { useState, ReactNode, useLayoutEffect, RefObject } from 'react';
 
+import { css, styled, Metric, SupersetTheme } from '@superset-ui/core';
 import {
-  css,
-  styled,
-  Metric,
   SafeMarkdown,
-  SupersetTheme,
-} from '@superset-ui/core';
-import { Typography } from 'antd';
-import { InfoTooltipWithTrigger } from './InfoTooltipWithTrigger';
+  Typography,
+  // TODO: somehow doesn't work with our main Tooltip (?)
+  RawAntdTooltip as Tooltip,
+  InfoTooltip,
+} from '@superset-ui/core/components';
 import { ColumnTypeLabel } from './ColumnTypeLabel/ColumnTypeLabel';
 import CertifiedIconWithTooltip from './CertifiedIconWithTooltip';
-import Tooltip from './Tooltip';
 import { getMetricTooltipNode } from './labelUtils';
 import { SQLPopover } from './SQLPopover';
 
@@ -115,7 +113,7 @@ export function MetricOption({
         />
       )}
       {warningMarkdown && (
-        <InfoTooltipWithTrigger
+        <InfoTooltip
           type="warning"
           tooltip={<SafeMarkdown source={warningMarkdown} />}
           label={`warn-${metric.metric_name}`}
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/SQLPopover.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/SQLPopover.tsx
index 89b9626e75e..af0ff77db9e 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/SQLPopover.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/SQLPopover.tsx
@@ -17,9 +17,8 @@
  * under the License.
  */
 import { useEffect, useState } from 'react';
-import { Popover } from 'antd';
+import { Popover, type PopoverProps } from '@superset-ui/core/components';
 import type ReactAce from 'react-ace';
-import type { PopoverProps } from 'antd/es/popover';
 import { CalculatorOutlined } from '@ant-design/icons';
 import { css, styled, useTheme, t } from '@superset-ui/core';
 
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/Select.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/Select.tsx
index 421f97887c4..4831dcba107 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/Select.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/components/Select.tsx
@@ -18,9 +18,9 @@
  */
 import { useState, ReactNode } from 'react';
 import {
-  Select as AntdSelect,
-  type SelectProps as AntdSelectProps,
-} from 'antd';
+  RawAntdSelect as AntdSelect,
+  type RawAntdSelectProps as AntdSelectProps,
+} from '@superset-ui/core/components';
 
 export const { Option }: any = AntdSelect;
 
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/Tooltip.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/components/Tooltip.tsx
deleted file mode 100644
index 52865a5e407..00000000000
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/Tooltip.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { useTheme } from '@superset-ui/core';
-import { Tooltip as BaseTooltip } from 'antd';
-import {
-  TooltipProps as BaseTooltipProps,
-  TooltipPlacement as BaseTooltipPlacement,
-} from 'antd/es/tooltip';
-
-export type TooltipProps = BaseTooltipProps;
-export type TooltipPlacement = BaseTooltipPlacement;
-
-export const Tooltip = ({
-  overlayStyle = {},
-  color,
-  ...props
-}: BaseTooltipProps) => {
-  const theme = useTheme();
-  const defaultColor = `${theme.colors.grayscale.dark2}e6`;
-  return (
-    <BaseTooltip
-      styles={{
-        root: {
-          fontSize: theme.fontSizeSM,
-          lineHeight: '1.6',
-          maxWidth: theme.sizeUnit * 62,
-          minWidth: theme.sizeUnit * 30,
-          ...overlayStyle,
-        },
-      }}
-      color={defaultColor || color}
-      trigger="hover"
-      placement="bottom"
-      // don't allow hovering over the tooltip
-      mouseLeaveDelay={0}
-      {...props}
-    />
-  );
-};
-
-export default Tooltip;
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/index.ts b/superset-frontend/packages/superset-ui-chart-controls/src/index.ts
index e58bc940385..dc1d89e476c 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/index.ts
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/index.ts
@@ -18,6 +18,11 @@
  */
 import * as sectionsModule from './sections';
 
+export {
+  Tooltip,
+  TooltipPlacement,
+  TooltipProps,
+} from '@superset-ui/core/components';
 export * from './utils';
 export * from './constants';
 export * from './operators';
@@ -25,14 +30,12 @@ export * from './operators';
 // can't do `export * as sections from './sections'`, babel-transformer will fail
 export const sections = sectionsModule;
 
-export * from './components/InfoTooltipWithTrigger';
 export * from './components/ColumnOption';
 export * from './components/ColumnTypeLabel/ColumnTypeLabel';
 export * from './components/ControlSubSectionHeader';
 export * from './components/Dropdown';
 export * from './components/Menu';
 export * from './components/MetricOption';
-export * from './components/Tooltip';
 export * from './components/ControlHeader';
 
 export * from './shared-controls';
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/shared-controls/components/RadioButtonControl.tsx b/superset-frontend/packages/superset-ui-chart-controls/src/shared-controls/components/RadioButtonControl.tsx
index c3dbda75c7a..edf67179655 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/shared-controls/components/RadioButtonControl.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/shared-controls/components/RadioButtonControl.tsx
@@ -18,7 +18,7 @@
  */
 import { ReactNode } from 'react';
 import { JsonValue } from '@superset-ui/core';
-import { Radio } from 'antd';
+import { Radio } from '@superset-ui/core/components';
 import { ControlHeader } from '../../components/ControlHeader';
 
 // [value, label]
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/types.ts b/superset-frontend/packages/superset-ui-chart-controls/src/types.ts
index 71517884daa..3fbd234c1d4 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/types.ts
+++ b/superset-frontend/packages/superset-ui-chart-controls/src/types.ts
@@ -300,7 +300,7 @@ export interface FilterOption<T extends SelectOption> {
   data: T;
 }
 
-// Ref: superset-frontend/src/components/Select/SupersetStyledSelect.tsx
+// Ref: superset-frontend/@superset-ui/core/components/Select/SupersetStyledSelect.tsx
 export interface SelectControlConfig<
   O extends SelectOption = SelectOption,
   T extends SelectControlType = SelectControlType,
diff --git a/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnOption.test.tsx b/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnOption.test.tsx
index 68c6f626330..e0b3f8f30dd 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnOption.test.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnOption.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import '@testing-library/jest-dom';
-import { render } from '@testing-library/react';
+import { render } from '@superset-ui/core/spec';
 import {
   ThemeProvider,
   supersetTheme,
@@ -26,19 +26,20 @@ import {
 
 import { ColumnOption, ColumnOptionProps } from '../../src';
 
-jest.mock('../../src/components/SQLPopover', () => ({
+jest.mock('@superset-ui/chart-controls/components/SQLPopover', () => ({
   SQLPopover: () => <div data-test="mock-sql-popover" />,
 }));
-jest.mock('../../src/components/ColumnTypeLabel/ColumnTypeLabel', () => ({
-  ColumnTypeLabel: ({ type }: { type: string }) => (
-    <div data-test="mock-column-type-label">{type}</div>
-  ),
-}));
+jest.mock(
+  '@superset-ui/chart-controls/components/ColumnTypeLabel/ColumnTypeLabel',
+  () => ({
+    ColumnTypeLabel: ({ type }: { type: string }) => (
+      <div data-test="mock-column-type-label">{type}</div>
+    ),
+  }),
+);
 
-jest.mock('../../src/components/InfoTooltipWithTrigger', () => ({
-  InfoTooltipWithTrigger: () => (
-    <div data-test="mock-info-tooltip-with-trigger" />
-  ),
+jest.mock('@superset-ui/core/components/InfoTooltip', () => ({
+  InfoTooltip: () => <div data-test="mock-tooltip" />,
 }));
 
 const defaultProps: ColumnOptionProps = {
@@ -117,11 +118,11 @@ test('dttm column has correct column label if showType is true', () => {
     String(GenericDataType.Temporal),
   );
 });
-test('doesnt show InfoTooltipWithTrigger when no warning', () => {
+test('doesnt show InfoTooltip when no warning', () => {
   const { queryByText } = setup();
-  expect(queryByText('mock-info-tooltip-with-trigger')).not.toBeInTheDocument();
+  expect(queryByText('mock-tooltip')).not.toBeInTheDocument();
 });
-test('shows a warning with InfoTooltipWithTrigger when it contains warning', () => {
+test('shows a warning with InfoTooltip when it contains warning', () => {
   const { getByTestId } = setup({
     ...defaultProps,
     column: {
@@ -129,5 +130,5 @@ test('shows a warning with InfoTooltipWithTrigger when it contains warning', ()
       warning_text: 'This is a warning',
     },
   });
-  expect(getByTestId('mock-info-tooltip-with-trigger')).toBeInTheDocument();
+  expect(getByTestId('mock-tooltip')).toBeInTheDocument();
 });
diff --git a/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnTypeLabel.test.tsx b/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnTypeLabel.test.tsx
index 603ac9172eb..350820207eb 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnTypeLabel.test.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/test/components/ColumnTypeLabel.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { isValidElement } from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { GenericDataType } from '@superset-ui/core';
 
diff --git a/superset-frontend/packages/superset-ui-chart-controls/test/components/InfoTooltipWithTrigger.test.tsx b/superset-frontend/packages/superset-ui-chart-controls/test/components/InfoTooltipWithTrigger.test.tsx
index d243b1fd9f8..f195813861a 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/test/components/InfoTooltipWithTrigger.test.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/test/components/InfoTooltipWithTrigger.test.tsx
@@ -17,11 +17,11 @@
  * under the License.
  */
 import '@testing-library/jest-dom';
-import { fireEvent, render } from '@testing-library/react';
+import { fireEvent, render } from '@superset-ui/core/spec';
 import { ThemeProvider, supersetTheme } from '@superset-ui/core';
-import { InfoTooltipWithTrigger, InfoTooltipWithTriggerProps } from '../../src';
+import { InfoTooltip, InfoTooltipProps } from '@superset-ui/core/components';
 
-jest.mock('../../src/components/Tooltip', () => ({
+jest.mock('@superset-ui/core/components/Tooltip', () => ({
   Tooltip: ({ children }: { children: React.ReactNode }) => (
     <div data-test="mock-tooltip">{children}</div>
   ),
@@ -29,10 +29,10 @@ jest.mock('../../src/components/Tooltip', () => ({
 
 const defaultProps = {};
 
-const setup = (props: Partial<InfoTooltipWithTriggerProps> = {}) =>
+const setup = (props: Partial<InfoTooltipProps> = {}) =>
   render(
     <ThemeProvider theme={supersetTheme}>
-      <InfoTooltipWithTrigger {...defaultProps} {...props} />
+      <InfoTooltip {...defaultProps} {...props} />
     </ThemeProvider>,
   );
 
diff --git a/superset-frontend/packages/superset-ui-chart-controls/test/components/MetricOption.test.tsx b/superset-frontend/packages/superset-ui-chart-controls/test/components/MetricOption.test.tsx
index 03da5df2ffc..8782de01a4a 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/test/components/MetricOption.test.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/test/components/MetricOption.test.tsx
@@ -17,27 +17,31 @@
  * under the License.
  */
 import '@testing-library/jest-dom';
-import { render } from '@testing-library/react';
+import { render } from '@superset-ui/core/spec';
 import { ThemeProvider, supersetTheme } from '@superset-ui/core';
-import { MetricOption, MetricOptionProps } from '../../src';
+import {
+  MetricOption,
+  MetricOptionProps,
+} from '../../src/components/MetricOption';
 
-jest.mock('../../src/components/InfoTooltipWithTrigger', () => ({
-  InfoTooltipWithTrigger: () => (
-    <div data-test="mock-info-tooltip-with-trigger" />
-  ),
+jest.mock('@superset-ui/core/components/InfoTooltip', () => ({
+  InfoTooltip: () => <div data-test="mock-tooltip" />,
 }));
 
-jest.mock('../../src/components/ColumnTypeLabel/ColumnTypeLabel', () => ({
-  ColumnTypeLabel: () => <div data-test="mock-column-type-label" />,
-}));
 jest.mock(
-  '../../src/components/Tooltip',
+  '@superset-ui/chart-controls/components/ColumnTypeLabel/ColumnTypeLabel',
+  () => ({
+    ColumnTypeLabel: () => <div data-test="mock-column-type-label" />,
+  }),
+);
+jest.mock(
+  '@superset-ui/core/components/Tooltip',
   () =>
     ({ children }: { children: React.ReactNode }) => (
       <div data-test="mock-tooltip">{children}</div>
     ),
 );
-jest.mock('../../src/components/SQLPopover', () => ({
+jest.mock('@superset-ui/chart-controls/components/SQLPopover', () => ({
   SQLPopover: () => <div data-test="mock-sql-popover" />,
 }));
 
@@ -68,9 +72,9 @@ test('shows a label with verbose_name', () => {
   expect(lbl).toHaveLength(1);
   expect(`${lbl[0].textContent}`).toEqual(defaultProps.metric.verbose_name);
 });
-test('shows a InfoTooltipWithTrigger', () => {
+test('shows a InfoTooltip', () => {
   const { getByTestId } = setup();
-  expect(getByTestId('mock-info-tooltip-with-trigger')).toBeInTheDocument();
+  expect(getByTestId('mock-tooltip')).toBeInTheDocument();
 });
 test('shows SQL Popover trigger', () => {
   const { getByTestId } = setup();
@@ -85,14 +89,14 @@ test('shows a label with metric_name when no verbose_name', () => {
   });
   expect(getByText(defaultProps.metric.metric_name)).toBeInTheDocument();
 });
-test('doesnt show InfoTooltipWithTrigger when no warning', () => {
+test('doesnt show InfoTooltip when no warning', () => {
   const { queryByText } = setup({
     metric: {
       ...defaultProps.metric,
       warning_text: '',
     },
   });
-  expect(queryByText('mock-info-tooltip-with-trigger')).not.toBeInTheDocument();
+  expect(queryByText('mock-tooltip')).not.toBeInTheDocument();
 });
 test('sets target="_blank" when openInNewWindow is true', () => {
   const { getByRole } = setup({
diff --git a/superset-frontend/packages/superset-ui-chart-controls/test/components/labelUtils.test.tsx b/superset-frontend/packages/superset-ui-chart-controls/test/components/labelUtils.test.tsx
index 9b5b760f791..c90b65fb674 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/test/components/labelUtils.test.tsx
+++ b/superset-frontend/packages/superset-ui-chart-controls/test/components/labelUtils.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { ReactElement } from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { ThemeProvider, supersetTheme } from '@superset-ui/core';
 import {
diff --git a/superset-frontend/packages/superset-ui-core/.eslintrc b/superset-frontend/packages/superset-ui-core/.eslintrc
new file mode 100644
index 00000000000..e0ff7c67bb8
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/.eslintrc
@@ -0,0 +1,68 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+{
+  "plugins": ["jest", "jest-dom", "no-only-tests", "testing-library"],
+  "env": {
+    "jest/globals": true
+  },
+  "settings": {
+    "jest": {
+      "version": "detect"
+    }
+  },
+  "extends": [
+    "plugin:jest/recommended",
+    "plugin:jest-dom/recommended",
+    "plugin:testing-library/react"
+  ],
+  "overrides": [
+	{
+  	  "files": [
+        "**/*.stories.*",
+        "**/*.overview.*",
+        "**/fixtures.*"
+      ],
+  	  "rules": {
+        "import/no-extraneous-dependencies": "off"
+      }
+	}
+  ],
+  "rules": {
+    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
+    "jest/consistent-test-it": "error",
+    "no-only-tests/no-only-tests": "error",
+    "prefer-promise-reject-errors": 0,
+
+    "testing-library/no-node-access": "off",
+    "testing-library/prefer-screen-queries": "off",
+    "testing-library/no-container": "off",
+    "testing-library/await-async-queries": "off",
+    "testing-library/await-async-utils": "off",
+    "testing-library/no-await-sync-events": "off",
+    "testing-library/no-render-in-lifecycle": "off",
+    "testing-library/no-unnecessary-act": "off",
+    "testing-library/no-wait-for-multiple-assertions": "off",
+    "testing-library/await-async-events": "off",
+    "testing-library/no-wait-for-side-effects": "off",
+    "testing-library/prefer-presence-queries": "off",
+    "testing-library/render-result-naming-convention": "off",
+    "testing-library/prefer-find-by": "off",
+    "testing-library/no-manual-cleanup": "off"
+  }
+}
diff --git a/superset-frontend/packages/superset-ui-core/__mocks__/mockExportObject.js b/superset-frontend/packages/superset-ui-core/__mocks__/mockExportObject.js
new file mode 100644
index 00000000000..ab22d88b5b2
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/__mocks__/mockExportObject.js
@@ -0,0 +1,19 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+module.exports = {};
diff --git a/superset-frontend/packages/superset-ui-core/__mocks__/mockExportString.js b/superset-frontend/packages/superset-ui-core/__mocks__/mockExportString.js
new file mode 100644
index 00000000000..5b7f1d6da96
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/__mocks__/mockExportString.js
@@ -0,0 +1,19 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+module.exports = 'test-file-stub';
diff --git a/superset-frontend/packages/superset-ui-core/__mocks__/svgrMock.tsx b/superset-frontend/packages/superset-ui-core/__mocks__/svgrMock.tsx
new file mode 100644
index 00000000000..4f1178bee8d
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/__mocks__/svgrMock.tsx
@@ -0,0 +1,29 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { SVGProps, forwardRef } from 'react';
+
+const SvgrMock = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(
+  (props, ref) => <svg ref={ref} {...props} />,
+);
+
+SvgrMock.displayName = 'SvgrMock';
+
+export const ReactComponent = SvgrMock;
+export default SvgrMock;
diff --git a/superset-frontend/packages/superset-ui-core/package.json b/superset-frontend/packages/superset-ui-core/package.json
index 26bd3494599..2b760997b56 100644
--- a/superset-frontend/packages/superset-ui-core/package.json
+++ b/superset-frontend/packages/superset-ui-core/package.json
@@ -24,23 +24,37 @@
     "lib"
   ],
   "dependencies": {
+    "@ant-design/icons": "^5.2.6",
     "@babel/runtime": "^7.25.6",
     "@fontsource/fira-code": "^5.0.18",
     "@fontsource/inter": "^5.0.20",
     "@types/json-bigint": "^1.0.4",
+    "ace-builds": "^1.41.0",
+    "brace": "^0.11.1",
+    "classnames": "^2.2.5",
     "csstype": "^3.1.3",
+    "core-js": "^3.38.1",
     "d3-format": "^1.3.2",
+    "dayjs": "^1.11.13",
     "d3-interpolate": "^3.0.1",
     "d3-scale": "^3.0.0",
     "d3-time": "^3.1.0",
     "d3-time-format": "^4.1.0",
+    "dompurify": "^3.2.4",
     "fetch-retry": "^6.0.0",
     "jed": "^1.1.1",
     "lodash": "^4.17.21",
     "math-expression-evaluator": "^2.0.6",
     "pretty-ms": "^9.2.0",
+    "re-resizable": "^6.10.1",
+    "react-ace": "^10.1.0",
+    "react-js-cron": "^2.1.2",
+    "react-draggable": "^4.4.6",
+    "react-resize-detector": "^7.1.2",
+    "react-ultimate-pagination": "^1.3.2",
     "react-error-boundary": "^5.0.0",
     "react-markdown": "^8.0.7",
+    "regenerator-runtime": "^0.14.1",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^3.0.1",
@@ -58,8 +72,10 @@
     "@types/d3-scale": "^2.1.1",
     "@types/d3-time": "^3.0.4",
     "@types/d3-time-format": "^4.0.3",
+    "@types/react-table": "^7.7.20",
     "@types/enzyme": "^3.10.18",
     "@types/fetch-mock": "^7.3.8",
+    "@types/jquery": "^3.5.8",
     "@types/lodash": "^4.17.16",
     "@types/math-expression-evaluator": "^1.3.3",
     "@types/node": "^22.10.3",
@@ -83,6 +99,7 @@
     "@testing-library/user-event": "*",
     "@types/react": "*",
     "@types/react-loadable": "*",
+    "@types/react-window": "^1.8.8",
     "@types/tinycolor2": "*",
     "nanoid": "^5.0.9",
     "react": "^17.0.2",
@@ -91,5 +108,27 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./esm/components/*/index.js",
+      "require": "./lib/components/*/index.js",
+      "types": "./lib/components/*/index.d.ts"
+    },
+    "./components": {
+      "import": "./esm/components/index.js",
+      "require": "./lib/components/index.js",
+      "types": "./lib/components/index.d.ts"
+    },
+    "./utils/*": {
+      "import": "./esm/utils/*.js",
+      "require": "./lib/utils/*.js",
+      "types": "./lib/utils/*.d.ts"
+    }
   }
 }
diff --git a/superset-frontend/src/components/Alert/Alert.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Alert/Alert.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Alert/Alert.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Alert/Alert.stories.tsx
diff --git a/superset-frontend/src/components/Alert/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Alert/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Alert/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Alert/index.tsx
diff --git a/superset-frontend/src/components/Alert/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Alert/types.ts
similarity index 100%
rename from superset-frontend/src/components/Alert/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Alert/types.ts
diff --git a/superset-frontend/src/components/AntdThemeProvider/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/AntdThemeProvider/index.tsx
similarity index 100%
rename from superset-frontend/src/components/AntdThemeProvider/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AntdThemeProvider/index.tsx
diff --git a/superset-frontend/src/components/AsyncAceEditor/AsyncAceEditor.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/AsyncAceEditor.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/AsyncAceEditor/AsyncAceEditor.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/AsyncAceEditor.stories.tsx
diff --git a/superset-frontend/src/components/AsyncAceEditor/AsyncAceEditor.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/AsyncAceEditor.test.tsx
similarity index 97%
rename from superset-frontend/src/components/AsyncAceEditor/AsyncAceEditor.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/AsyncAceEditor.test.tsx
index b0170a36e7c..151b1db1a93 100644
--- a/superset-frontend/src/components/AsyncAceEditor/AsyncAceEditor.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/AsyncAceEditor.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, waitFor } from 'spec/helpers/testing-library';
+import { render, screen, waitFor } from '@superset-ui/core/spec';
 import {
   AsyncAceEditor,
   SQLEditor,
diff --git a/superset-frontend/src/components/AsyncAceEditor/Tooltip.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/Tooltip.test.tsx
similarity index 100%
rename from superset-frontend/src/components/AsyncAceEditor/Tooltip.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/Tooltip.test.tsx
diff --git a/superset-frontend/src/components/AsyncAceEditor/Tooltip.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/Tooltip.tsx
similarity index 100%
rename from superset-frontend/src/components/AsyncAceEditor/Tooltip.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/Tooltip.tsx
diff --git a/superset-frontend/src/components/AsyncAceEditor/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/index.tsx
similarity index 59%
rename from superset-frontend/src/components/AsyncAceEditor/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/index.tsx
index cb75630a067..e4292b25b5b 100644
--- a/superset-frontend/src/components/AsyncAceEditor/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/index.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { forwardRef, useEffect, ComponentType } from 'react';
+import { forwardRef, useEffect, useCallback, ComponentType } from 'react';
 
 import type {
   Editor as OrigEditor,
@@ -30,8 +30,7 @@ import type { IAceEditorProps } from 'react-ace';
 import {
   AsyncEsmComponent,
   PlaceholderProps,
-} from 'src/components/AsyncEsmComponent';
-import useEffectEvent from 'src/hooks/useEffectEvent';
+} from '@superset-ui/core/components/AsyncEsmComponent';
 import { useTheme, css } from '@superset-ui/core';
 import { Global } from '@emotion/react';
 
@@ -156,9 +155,10 @@ export function AsyncAceEditor(
         },
         ref,
       ) {
-        const supersetTheme = useTheme();
+        const token = useTheme();
         const langTools = acequire('ace/ext/language_tools');
-        const setCompleters = useEffectEvent(
+
+        const setCompleters = useCallback(
           (keywords: AceCompleterKeyword[]) => {
             const completer = {
               getCompletions: (
@@ -181,7 +181,9 @@ export function AsyncAceEditor(
             };
             langTools.setCompleters([completer]);
           },
+          [langTools, mode],
         );
+
         useEffect(() => {
           if (keywords) {
             setCompleters(keywords);
@@ -193,36 +195,148 @@ export function AsyncAceEditor(
             <Global
               key="ace-tooltip-global"
               styles={css`
+                .ace_editor {
+                  border: 1px solid ${token.colorBorder} !important;
+                  background-color: ${token.colorBgContainer} !important;
+                }
+
+                /* Basic editor styles with dark mode support */
+                .ace_editor.ace-github,
+                .ace_editor.ace-textmate {
+                  background-color: ${token.colorBgContainer} !important;
+                  color: ${token.colorText} !important;
+                }
+
+                /* Adjust gutter colors */
+                .ace_editor .ace_gutter {
+                  background-color: ${token.colorBgElevated} !important;
+                  color: ${token.colorTextSecondary} !important;
+                }
+
+                /* Adjust selection color */
+                .ace_editor .ace_selection {
+                  background-color: ${token.colorPrimaryBgHover} !important;
+                }
+
+                /* Improve active line highlighting */
+                .ace_editor .ace_active-line {
+                  background-color: ${token.colorPrimaryBg} !important;
+                }
+
+                /* Fix indent guides and print margin (80 chars line) */
+                .ace_editor .ace_indent-guide,
+                .ace_editor .ace_print-margin {
+                  background-color: ${token.colorSplit} !important;
+                  opacity: 0.5;
+                }
+
+                /* Adjust cursor color */
+                .ace_editor .ace_cursor {
+                  color: ${token.colorPrimaryText} !important;
+                }
+
+                /* Syntax highlighting using semantic color tokens */
+                .ace_editor .ace_keyword {
+                  color: ${token.colorPrimaryText} !important;
+                }
+
+                .ace_editor .ace_string {
+                  color: ${token.colorSuccessText} !important;
+                }
+
+                .ace_editor .ace_constant {
+                  color: ${token.colorWarningActive} !important;
+                }
+
+                .ace_editor .ace_function {
+                  color: ${token.colorInfoText} !important;
+                }
+
+                .ace_editor .ace_comment {
+                  color: ${token.colorTextTertiary} !important;
+                }
+
+                .ace_editor .ace_variable {
+                  color: ${token.colorTextSecondary} !important;
+                }
+
+                /* Adjust tooltip styles */
                 .ace_tooltip {
-                  all: unset;
-                  position: fixed;
-                  z-index: 9999;
-                  background: ${supersetTheme.colorBgLayout};
-                  border: 1px solid ${supersetTheme.colorBorder};
-                  padding: ${supersetTheme.sizeUnit}px
-                    ${supersetTheme.sizeUnit * 2}px;
-                  line-height: 1.4;
-                  max-width: 400px;
-                  min-width: 200px;
-                  pointer-events: auto;
-                  font-size: ${supersetTheme.fontSizeSM}px;
+                  margin-left: ${token.margin}px;
+                  padding: 0px;
+                  background-color: ${token.colorBgElevated} !important;
+                  color: ${token.colorText} !important;
+                  border: 1px solid ${token.colorBorderSecondary};
+                  box-shadow: ${token.boxShadow};
+                  border-radius: ${token.borderRadius}px;
                 }
 
                 & .tooltip-detail {
+                  background-color: ${token.colorBgContainer};
+                  white-space: pre-wrap;
+                  word-break: break-all;
+                  min-width: ${token.sizeXXL * 5}px;
+                  max-width: ${token.sizeXXL * 10}px;
+
+                  & .tooltip-detail-head {
+                    background-color: ${token.colorBgElevated};
+                    color: ${token.colorText};
+                    display: flex;
+                    column-gap: ${token.padding}px;
+                    align-items: baseline;
+                    justify-content: space-between;
+                  }
+
                   & .tooltip-detail-title {
-                    font-weight: bold;
-                    font-size: ${supersetTheme.fontSize}px;
+                    display: flex;
+                    column-gap: ${token.padding}px;
                   }
+
                   & .tooltip-detail-body {
-                    font-size: ${supersetTheme.fontSizeSM}px;
-                    padding: ${supersetTheme.sizeUnit}px;
+                    word-break: break-word;
+                    color: ${token.colorTextSecondary};
                   }
+
                   & .tooltip-detail-head,
                   & .tooltip-detail-body {
+                    padding: ${token.padding}px ${token.paddingLG}px;
                   }
+
                   & .tooltip-detail-footer {
-                    font-size: ${supersetTheme.fontSizeSM}px;
+                    border-top: 1px ${token.colorSplit} solid;
+                    padding: 0 ${token.paddingLG}px;
+                    color: ${token.colorTextTertiary};
+                    font-size: ${token.fontSizeSM}px;
                   }
+
+                  & .tooltip-detail-meta {
+                    & > .ant-tag {
+                      margin-right: 0px;
+                    }
+                  }
+                }
+
+                /* Adjust the searchbox to match theme */
+                .ace_search {
+                  background-color: ${token.colorBgContainer} !important;
+                  color: ${token.colorText} !important;
+                  border: 1px solid ${token.colorBorder} !important;
+                }
+
+                .ace_search_field {
+                  background-color: ${token.colorBgContainer} !important;
+                  color: ${token.colorText} !important;
+                  border: 1px solid ${token.colorBorder} !important;
+                }
+
+                .ace_button {
+                  background-color: ${token.colorBgElevated} !important;
+                  color: ${token.colorText} !important;
+                  border: 1px solid ${token.colorBorder} !important;
+                }
+
+                .ace_button:hover {
+                  background-color: ${token.colorPrimaryBg} !important;
                 }
               `}
             />
diff --git a/superset-frontend/src/components/AsyncAceEditor/types.ts b/superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/types.ts
similarity index 100%
rename from superset-frontend/src/components/AsyncAceEditor/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncAceEditor/types.ts
diff --git a/superset-frontend/src/components/AsyncEsmComponent/AsyncEsmComponent.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/AsyncEsmComponent.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/AsyncEsmComponent/AsyncEsmComponent.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/AsyncEsmComponent.stories.tsx
diff --git a/superset-frontend/src/components/AsyncEsmComponent/AsyncEsmComponent.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/AsyncEsmComponent.test.tsx
similarity index 97%
rename from superset-frontend/src/components/AsyncEsmComponent/AsyncEsmComponent.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/AsyncEsmComponent.test.tsx
index 8c16c800ecc..82a88a322f9 100644
--- a/superset-frontend/src/components/AsyncEsmComponent/AsyncEsmComponent.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/AsyncEsmComponent.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { AsyncEsmComponent } from '.';
 
 const Placeholder = () => <span>Loading...</span>;
diff --git a/superset-frontend/src/components/AsyncEsmComponent/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/index.tsx
similarity index 100%
rename from superset-frontend/src/components/AsyncEsmComponent/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/index.tsx
diff --git a/superset-frontend/src/components/AsyncEsmComponent/types.ts b/superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/types.ts
similarity index 100%
rename from superset-frontend/src/components/AsyncEsmComponent/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/AsyncEsmComponent/types.ts
diff --git a/superset-frontend/src/components/AutoComplete/AutoComplete.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/AutoComplete/AutoComplete.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/AutoComplete/AutoComplete.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AutoComplete/AutoComplete.stories.tsx
diff --git a/superset-frontend/src/components/AutoComplete/AutoComplete.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/AutoComplete/AutoComplete.test.tsx
similarity index 85%
rename from superset-frontend/src/components/AutoComplete/AutoComplete.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AutoComplete/AutoComplete.test.tsx
index 93bdb3c6285..a69e2924cf2 100644
--- a/superset-frontend/src/components/AutoComplete/AutoComplete.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/AutoComplete/AutoComplete.test.tsx
@@ -17,12 +17,7 @@
  * under the License.
  */
 import { useState } from 'react';
-import {
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
+import { render, screen, userEvent, waitFor } from '@superset-ui/core/spec';
 import { Input } from '../Input';
 import { AutoComplete } from '.';
 
@@ -49,17 +44,17 @@ const AutoCompleteTest = () => {
 };
 
 describe('AutoComplete Component', () => {
-  test('renders input field', () => {
+  it('renders input field', () => {
     render(<AutoCompleteTest />);
     expect(
       screen.getByPlaceholderText('Type to search...'),
     ).toBeInTheDocument();
   });
 
-  test('shows options when user types', async () => {
+  it('shows options when user types', async () => {
     render(<AutoCompleteTest />);
     const input = screen.getByPlaceholderText('Type to search...');
-    userEvent.type(input, 'test');
+    await userEvent.type(input, 'test');
 
     await waitFor(() => {
       expect(screen.getByText('test result 0')).toBeInTheDocument();
@@ -68,16 +63,16 @@ describe('AutoComplete Component', () => {
     });
   });
 
-  test('selecting an option updates input value', async () => {
+  it('selecting an option updates input value', async () => {
     render(<AutoCompleteTest />);
     const input = screen.getByPlaceholderText('Type to search...');
-    userEvent.type(input, 'test');
+    await userEvent.type(input, 'test');
 
     await waitFor(() => {
       expect(screen.getByText('test result 0')).toBeInTheDocument();
     });
 
-    userEvent.click(screen.getByText('test result 0'));
+    await userEvent.click(screen.getByText('test result 0'));
     expect(input).toHaveValue('test0');
   });
 });
diff --git a/superset-frontend/src/components/AutoComplete/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/AutoComplete/index.tsx
similarity index 100%
rename from superset-frontend/src/components/AutoComplete/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/AutoComplete/index.tsx
diff --git a/superset-frontend/src/components/AutoComplete/types.ts b/superset-frontend/packages/superset-ui-core/src/components/AutoComplete/types.ts
similarity index 100%
rename from superset-frontend/src/components/AutoComplete/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/AutoComplete/types.ts
diff --git a/superset-frontend/src/components/Avatar/Avatar.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Avatar/Avatar.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Avatar/Avatar.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Avatar/Avatar.stories.tsx
diff --git a/superset-frontend/src/components/Avatar/Avatar.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Avatar/Avatar.test.tsx
similarity index 94%
rename from superset-frontend/src/components/Avatar/Avatar.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Avatar/Avatar.test.tsx
index 91fbe60d947..41b3d494925 100644
--- a/superset-frontend/src/components/Avatar/Avatar.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Avatar/Avatar.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { Avatar } from '.';
 
 test('renders with default props', async () => {
diff --git a/superset-frontend/src/components/Avatar/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Avatar/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Avatar/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Avatar/index.tsx
diff --git a/superset-frontend/src/components/Avatar/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Avatar/types.ts
similarity index 100%
rename from superset-frontend/src/components/Avatar/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Avatar/types.ts
diff --git a/superset-frontend/src/components/Badge/Badge.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Badge/Badge.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Badge/Badge.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Badge/Badge.stories.tsx
diff --git a/superset-frontend/src/components/Badge/Badge.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Badge/Badge.test.tsx
similarity index 95%
rename from superset-frontend/src/components/Badge/Badge.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Badge/Badge.test.tsx
index 8f666349c7c..98fa396bfb6 100644
--- a/superset-frontend/src/components/Badge/Badge.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Badge/Badge.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { Badge } from '.';
 
 const mockedProps = {
diff --git a/superset-frontend/src/components/Badge/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Badge/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Badge/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Badge/index.tsx
diff --git a/superset-frontend/src/components/Badge/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Badge/types.ts
similarity index 100%
rename from superset-frontend/src/components/Badge/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Badge/types.ts
diff --git a/superset-frontend/src/components/Breadcrumb/Breadcrumb.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/Breadcrumb.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Breadcrumb/Breadcrumb.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/Breadcrumb.stories.tsx
diff --git a/superset-frontend/src/components/Breadcrumb/Breadcrumb.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/Breadcrumb.test.tsx
similarity index 92%
rename from superset-frontend/src/components/Breadcrumb/Breadcrumb.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/Breadcrumb.test.tsx
index 5edcf805f02..bd45b713059 100644
--- a/superset-frontend/src/components/Breadcrumb/Breadcrumb.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/Breadcrumb.test.tsx
@@ -16,12 +16,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from '@testing-library/react';
+import { render, screen } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { Breadcrumb } from '.';
 
 describe('Breadcrumb Component', () => {
-  test('renders breadcrumb items correctly', () => {
+  it('renders breadcrumb items correctly', () => {
     render(
       <Breadcrumb>
         <Breadcrumb.Item>Home</Breadcrumb.Item>
diff --git a/superset-frontend/src/components/Breadcrumb/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Breadcrumb/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/index.tsx
diff --git a/superset-frontend/src/components/Breadcrumb/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/types.ts
similarity index 100%
rename from superset-frontend/src/components/Breadcrumb/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Breadcrumb/types.ts
diff --git a/superset-frontend/src/components/Button/Button.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Button/Button.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Button/Button.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Button/Button.stories.tsx
diff --git a/superset-frontend/src/components/Button/Button.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Button/Button.test.tsx
similarity index 96%
rename from superset-frontend/src/components/Button/Button.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Button/Button.test.tsx
index 25c41faf2d8..2f2c16db27b 100644
--- a/superset-frontend/src/components/Button/Button.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Button/Button.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { fireEvent, render } from 'spec/helpers/testing-library';
+import { fireEvent, render } from '@superset-ui/core/spec';
 import { Button } from '.';
 import {
   ButtonGallery,
diff --git a/superset-frontend/src/components/Button/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Button/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Button/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Button/index.tsx
diff --git a/superset-frontend/src/components/Button/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Button/types.ts
similarity index 95%
rename from superset-frontend/src/components/Button/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Button/types.ts
index 2a8b102be75..92e29eaeed3 100644
--- a/superset-frontend/src/components/Button/types.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/Button/types.ts
@@ -24,7 +24,7 @@ import type {
   ButtonVariantType,
   ButtonColorType,
 } from 'antd/es/button';
-import { IconType } from 'src/components/Icons/types';
+import { IconType } from '@superset-ui/core/components/Icons/types';
 import type { TooltipPlacement } from '../Tooltip/types';
 
 export type { AntdButtonProps, ButtonType, ButtonVariantType, ButtonColorType };
diff --git a/superset-frontend/src/components/ButtonGroup/ButtonGroup.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/ButtonGroup.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/ButtonGroup/ButtonGroup.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/ButtonGroup.stories.tsx
diff --git a/superset-frontend/src/components/ButtonGroup/ButtonGroup.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/ButtonGroup.test.tsx
similarity index 96%
rename from superset-frontend/src/components/ButtonGroup/ButtonGroup.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/ButtonGroup.test.tsx
index 62362eb970d..986027a9628 100644
--- a/superset-frontend/src/components/ButtonGroup/ButtonGroup.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/ButtonGroup.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { Button } from '../Button';
 import { ButtonGroup } from '.';
 
diff --git a/superset-frontend/src/components/ButtonGroup/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/index.tsx
similarity index 100%
rename from superset-frontend/src/components/ButtonGroup/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/index.tsx
diff --git a/superset-frontend/src/components/ButtonGroup/types.ts b/superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/types.ts
similarity index 100%
rename from superset-frontend/src/components/ButtonGroup/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/ButtonGroup/types.ts
diff --git a/superset-frontend/src/components/CachedLabel/CachedLabel.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/CachedLabel.test.tsx
similarity index 95%
rename from superset-frontend/src/components/CachedLabel/CachedLabel.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CachedLabel/CachedLabel.test.tsx
index 2e25ed99823..59d9d63088c 100644
--- a/superset-frontend/src/components/CachedLabel/CachedLabel.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/CachedLabel.test.tsx
@@ -18,7 +18,7 @@
  */
 
 import { isValidElement } from 'react';
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { CachedLabel } from '.';
 import type { CacheLabelProps } from './types';
 
diff --git a/superset-frontend/src/components/CachedLabel/TooltipContent.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/TooltipContent.test.tsx
similarity index 92%
rename from superset-frontend/src/components/CachedLabel/TooltipContent.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CachedLabel/TooltipContent.test.tsx
index a9ba7babc04..72629c868b2 100644
--- a/superset-frontend/src/components/CachedLabel/TooltipContent.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/TooltipContent.test.tsx
@@ -17,8 +17,8 @@
  * under the License.
  */
 
-import { render, screen } from 'spec/helpers/testing-library';
-import { extendedDayjs } from 'src/utils/dates';
+import { render, screen } from '@superset-ui/core/spec';
+import { extendedDayjs } from '../../utils/dates';
 import { TooltipContent } from './TooltipContent';
 
 test('Rendering TooltipContent correctly - no timestep', () => {
diff --git a/superset-frontend/src/components/CachedLabel/TooltipContent.tsx b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/TooltipContent.tsx
similarity index 96%
rename from superset-frontend/src/components/CachedLabel/TooltipContent.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CachedLabel/TooltipContent.tsx
index fc0b5914f6b..470e2aa4a50 100644
--- a/superset-frontend/src/components/CachedLabel/TooltipContent.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/TooltipContent.tsx
@@ -18,8 +18,8 @@
  */
 
 import { FC } from 'react';
-import { extendedDayjs } from 'src/utils/dates';
 import { t } from '@superset-ui/core';
+import { extendedDayjs } from '../../utils/dates';
 
 interface Props {
   cachedTimestamp?: string;
diff --git a/superset-frontend/src/components/CachedLabel/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/index.tsx
similarity index 96%
rename from superset-frontend/src/components/CachedLabel/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CachedLabel/index.tsx
index bf1f55fdee4..3a535377622 100644
--- a/superset-frontend/src/components/CachedLabel/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/index.tsx
@@ -19,7 +19,7 @@
 import { useState, FC } from 'react';
 
 import { t } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Label } from '../Label';
 import { Tooltip } from '../Tooltip';
 import { TooltipContent } from './TooltipContent';
diff --git a/superset-frontend/src/components/CachedLabel/types.ts b/superset-frontend/packages/superset-ui-core/src/components/CachedLabel/types.ts
similarity index 100%
rename from superset-frontend/src/components/CachedLabel/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/CachedLabel/types.ts
diff --git a/superset-frontend/src/components/Card/Card.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Card/Card.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Card/Card.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Card/Card.stories.tsx
diff --git a/superset-frontend/src/components/Card/Card.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Card/Card.test.tsx
similarity index 94%
rename from superset-frontend/src/components/Card/Card.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Card/Card.test.tsx
index 2254b4d3c17..5f4028cda2f 100644
--- a/superset-frontend/src/components/Card/Card.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Card/Card.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, waitFor } from 'spec/helpers/testing-library';
+import { render, waitFor } from '@superset-ui/core/spec';
 import { Card } from '.';
 
 afterEach(async () => {
diff --git a/superset-frontend/src/components/Card/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Card/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Card/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Card/index.tsx
diff --git a/superset-frontend/src/components/Card/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Card/types.ts
similarity index 100%
rename from superset-frontend/src/components/Card/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Card/types.ts
diff --git a/superset-frontend/src/components/CertifiedBadge/CertifiedBadge.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/CertifiedBadge.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/CertifiedBadge/CertifiedBadge.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/CertifiedBadge.stories.tsx
diff --git a/superset-frontend/src/components/CertifiedBadge/CertifiedBadge.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/CertifiedBadge.test.tsx
similarity index 88%
rename from superset-frontend/src/components/CertifiedBadge/CertifiedBadge.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/CertifiedBadge.test.tsx
index b67c0eca446..000f04ac666 100644
--- a/superset-frontend/src/components/CertifiedBadge/CertifiedBadge.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/CertifiedBadge.test.tsx
@@ -16,12 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
+import { render, screen, userEvent, waitFor } from '@superset-ui/core/spec';
 import { CertifiedBadge } from '.';
 import type { CertifiedBadgeProps } from './types';
 
@@ -35,20 +30,20 @@ test('renders with default props', async () => {
 
 test('renders a tooltip when hovered', async () => {
   await asyncRender();
-  userEvent.hover(screen.getByRole('img'));
+  await userEvent.hover(screen.getByRole('img'));
   expect(await screen.findByRole('tooltip')).toBeInTheDocument();
 });
 
 test('renders with certified by', async () => {
   const certifiedBy = 'Trusted Authority';
   await asyncRender({ certifiedBy });
-  userEvent.hover(screen.getByRole('img'));
+  await userEvent.hover(screen.getByRole('img'));
   expect(await screen.findByRole('tooltip')).toHaveTextContent(certifiedBy);
 });
 
 test('renders with details', async () => {
   const details = 'All requirements have been met.';
   await asyncRender({ details });
-  userEvent.hover(screen.getByRole('img'));
+  await userEvent.hover(screen.getByRole('img'));
   expect(await screen.findByRole('tooltip')).toHaveTextContent(details);
 });
diff --git a/superset-frontend/src/components/CertifiedBadge/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/index.tsx
similarity index 96%
rename from superset-frontend/src/components/CertifiedBadge/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/index.tsx
index 144f924bd78..4eff6bf4d50 100644
--- a/superset-frontend/src/components/CertifiedBadge/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { t, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Tooltip } from '../Tooltip';
 import type { CertifiedBadgeProps } from './types';
 
diff --git a/superset-frontend/src/components/CertifiedBadge/types.ts b/superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/types.ts
similarity index 92%
rename from superset-frontend/src/components/CertifiedBadge/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/types.ts
index 947ec0082f9..71f8b4c909f 100644
--- a/superset-frontend/src/components/CertifiedBadge/types.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/CertifiedBadge/types.ts
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import type { IconType } from 'src/components/Icons/types';
+import type { IconType } from '@superset-ui/core/components/Icons/types';
 
 export interface CertifiedBadgeProps {
   certifiedBy?: string;
diff --git a/superset-frontend/src/components/Checkbox/Checkbox.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Checkbox/Checkbox.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Checkbox/Checkbox.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Checkbox/Checkbox.stories.tsx
diff --git a/superset-frontend/src/components/Checkbox/Checkbox.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Checkbox/Checkbox.test.tsx
similarity index 80%
rename from superset-frontend/src/components/Checkbox/Checkbox.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Checkbox/Checkbox.test.tsx
index b53e6da30a6..0b88e0297ab 100644
--- a/superset-frontend/src/components/Checkbox/Checkbox.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Checkbox/Checkbox.test.tsx
@@ -16,12 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
+import { render, screen, userEvent, waitFor } from '@superset-ui/core/spec';
 import { Checkbox } from '.';
 import type { CheckboxProps } from './types';
 
@@ -44,37 +39,37 @@ describe('Checkbox Component', () => {
   });
 
   describe('Rendering', () => {
-    test('should render correctly', async () => {
+    it('should render correctly', async () => {
       const { container } = await asyncRender();
       expect(container).toBeInTheDocument();
     });
 
-    test('should render the label', async () => {
+    it('should render the label', async () => {
       await asyncRender();
       expect(screen.getByText('Checkbox Label')).toBeInTheDocument();
     });
 
-    test('should render the checkbox', async () => {
+    it('should render the checkbox', async () => {
       await asyncRender();
       expect(screen.getByRole('checkbox')).toBeInTheDocument();
     });
   });
 
   describe('States', () => {
-    test('should render as unchecked when checked is false', async () => {
+    it('should render as unchecked when checked is false', async () => {
       await asyncRender();
       const checkbox = screen.getByRole('checkbox');
       expect(checkbox).not.toBeChecked();
     });
 
-    test('should render as checked when checked is true', async () => {
+    it('should render as checked when checked is true', async () => {
       const checkedProps = { ...mockedProps, checked: true };
       await asyncRender(checkedProps);
       const checkbox = screen.getByRole('checkbox');
       expect(checkbox).toBeChecked();
     });
 
-    test('should render as indeterminate when indeterminate is true', async () => {
+    it('should render as indeterminate when indeterminate is true', async () => {
       const indeterminateProps = { ...mockedProps, indeterminate: true };
       await asyncRender(indeterminateProps);
       const checkbox = screen.getByRole('checkbox');
@@ -82,7 +77,7 @@ describe('Checkbox Component', () => {
       expect((checkbox as HTMLInputElement).indeterminate).toBe(true);
     });
 
-    test('should render as disabled when disabled prop is true', async () => {
+    it('should render as disabled when disabled prop is true', async () => {
       const disabledProps = { ...mockedProps, disabled: true };
       await asyncRender(disabledProps);
       expect(screen.getByRole('checkbox')).toBeDisabled();
@@ -90,14 +85,14 @@ describe('Checkbox Component', () => {
   });
 
   describe('Interactions', () => {
-    test('should call the onChange handler when clicked', async () => {
+    it('should call the onChange handler when clicked', async () => {
       await asyncRender();
       const checkbox = screen.getByRole('checkbox');
       await userEvent.click(checkbox);
       expect(mockedProps.onChange).toHaveBeenCalledTimes(1);
     });
 
-    test('should not call the onChange handler when disabled and clicked', async () => {
+    it('should not call the onChange handler when disabled and clicked', async () => {
       const mockOnChange = jest.fn();
       const disabledProps = {
         ...mockedProps,
@@ -113,7 +108,7 @@ describe('Checkbox Component', () => {
       expect(mockOnChange).not.toHaveBeenCalled();
     });
 
-    test('calls onChange handler successfully', async () => {
+    it('calls onChange handler successfully', async () => {
       const mockAction = jest.fn();
       render(<Checkbox checked={false} onChange={mockAction} />);
       const checkboxInput = screen.getByRole('checkbox');
diff --git a/superset-frontend/src/components/Checkbox/CheckboxIcons.tsx b/superset-frontend/packages/superset-ui-core/src/components/Checkbox/CheckboxIcons.tsx
similarity index 100%
rename from superset-frontend/src/components/Checkbox/CheckboxIcons.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Checkbox/CheckboxIcons.tsx
diff --git a/superset-frontend/src/components/Checkbox/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Checkbox/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Checkbox/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Checkbox/index.tsx
diff --git a/superset-frontend/src/components/Checkbox/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Checkbox/types.ts
similarity index 100%
rename from superset-frontend/src/components/Checkbox/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Checkbox/types.ts
diff --git a/superset-frontend/src/components/Collapse/Collapse.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Collapse/Collapse.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Collapse/Collapse.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Collapse/Collapse.stories.tsx
diff --git a/superset-frontend/src/components/Collapse/Collapse.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Collapse/Collapse.test.tsx
similarity index 90%
rename from superset-frontend/src/components/Collapse/Collapse.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Collapse/Collapse.test.tsx
index 4e9f74fe0cd..664215d88ad 100644
--- a/superset-frontend/src/components/Collapse/Collapse.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Collapse/Collapse.test.tsx
@@ -16,8 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
-import userEvent from '@testing-library/user-event';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { Collapse } from '.';
 import type { CollapseProps } from './types';
 
@@ -63,25 +62,25 @@ test('renders with one item expanded by default', () => {
   expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
 });
 
-test('expands on click', () => {
+test('expands on click', async () => {
   renderCollapse();
 
   expect(screen.queryByText('Content 1')).not.toBeInTheDocument();
   expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
 
-  userEvent.click(screen.getAllByRole('button')[0]);
+  await userEvent.click(screen.getAllByRole('button')[0]);
 
   expect(screen.getByText('Content 1')).toBeInTheDocument();
   expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
 });
 
-test('collapses on click', () => {
+test('collapses on click', async () => {
   renderCollapse({ defaultActiveKey: ['1'] });
 
   expect(screen.getByText('Content 1')).toBeInTheDocument();
   expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
 
-  userEvent.click(screen.getAllByRole('button')[0]);
+  await userEvent.click(screen.getAllByRole('button')[0]);
 
   expect(screen.getByText('Content 1').parentNode).toHaveClass(
     'ant-collapse-content-hidden',
diff --git a/superset-frontend/src/components/Collapse/Collapse.tsx b/superset-frontend/packages/superset-ui-core/src/components/Collapse/Collapse.tsx
similarity index 100%
rename from superset-frontend/src/components/Collapse/Collapse.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Collapse/Collapse.tsx
diff --git a/superset-frontend/src/components/Collapse/CollapseLabelInModal.tsx b/superset-frontend/packages/superset-ui-core/src/components/Collapse/CollapseLabelInModal.tsx
similarity index 94%
rename from superset-frontend/src/components/Collapse/CollapseLabelInModal.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Collapse/CollapseLabelInModal.tsx
index 24935810c77..611ad304623 100644
--- a/superset-frontend/src/components/Collapse/CollapseLabelInModal.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Collapse/CollapseLabelInModal.tsx
@@ -16,8 +16,8 @@
  * under the License.
  */
 import { useTheme } from '@superset-ui/core';
-import { Typography } from 'src/components/Typography';
-import { Icons } from 'src/components';
+import { Typography } from '@superset-ui/core/components/Typography';
+import { Icons } from '@superset-ui/core/components';
 
 interface CollapseLabelInModalProps {
   title: React.ReactNode;
diff --git a/superset-frontend/src/components/Collapse/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Collapse/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Collapse/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Collapse/index.tsx
diff --git a/superset-frontend/src/components/Collapse/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Collapse/types.ts
similarity index 100%
rename from superset-frontend/src/components/Collapse/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Collapse/types.ts
diff --git a/superset-frontend/src/components/ConfirmStatusChange/ConfirmStatusChange.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/ConfirmStatusChange.stories.tsx
similarity index 96%
rename from superset-frontend/src/components/ConfirmStatusChange/ConfirmStatusChange.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/ConfirmStatusChange.stories.tsx
index 132cea64c88..e61157329dc 100644
--- a/superset-frontend/src/components/ConfirmStatusChange/ConfirmStatusChange.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/ConfirmStatusChange.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Button } from 'src/components';
+import { Button } from '@superset-ui/core/components';
 import { ConfirmStatusChange } from '.';
 import type { ConfirmStatusChangeProps, Callback } from './types';
 
diff --git a/superset-frontend/src/components/ConfirmStatusChange/ConfirmStatusChange.test.jsx b/superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/ConfirmStatusChange.test.jsx
similarity index 96%
rename from superset-frontend/src/components/ConfirmStatusChange/ConfirmStatusChange.test.jsx
rename to superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/ConfirmStatusChange.test.jsx
index 2138a61d84f..bd84ca1a285 100644
--- a/superset-frontend/src/components/ConfirmStatusChange/ConfirmStatusChange.test.jsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/ConfirmStatusChange.test.jsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { fireEvent, render, waitFor } from 'spec/helpers/testing-library';
+import { fireEvent, render, waitFor } from '@superset-ui/core/spec';
 import { Button } from '../Button';
 import { ConfirmStatusChange } from '.';
 
diff --git a/superset-frontend/src/components/ConfirmStatusChange/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/index.tsx
similarity index 100%
rename from superset-frontend/src/components/ConfirmStatusChange/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/index.tsx
diff --git a/superset-frontend/src/components/ConfirmStatusChange/types.ts b/superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/types.ts
similarity index 100%
rename from superset-frontend/src/components/ConfirmStatusChange/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/ConfirmStatusChange/types.ts
diff --git a/superset-frontend/src/components/CronPicker/CronPicker.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/CronPicker/CronPicker.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/CronPicker/CronPicker.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CronPicker/CronPicker.stories.tsx
diff --git a/superset-frontend/src/components/CronPicker/CronPicker.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/CronPicker/CronPicker.test.tsx
similarity index 96%
rename from superset-frontend/src/components/CronPicker/CronPicker.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CronPicker/CronPicker.test.tsx
index cbe8ae37dd1..3a95f27e556 100644
--- a/superset-frontend/src/components/CronPicker/CronPicker.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CronPicker/CronPicker.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import * as ReactCronPicker from 'react-js-cron';
 import { CronPicker } from '.';
 
diff --git a/superset-frontend/src/components/CronPicker/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/CronPicker/index.tsx
similarity index 98%
rename from superset-frontend/src/components/CronPicker/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/CronPicker/index.tsx
index 54afd218e83..71f4545eba8 100644
--- a/superset-frontend/src/components/CronPicker/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/CronPicker/index.tsx
@@ -20,6 +20,9 @@ import { styled, t } from '@superset-ui/core';
 import ReactCronPicker from 'react-js-cron';
 import type { Locale, CronProps } from './types';
 
+// Styles for the crontab-related lib
+import 'react-js-cron/dist/styles.css';
+
 export const LOCALE: Locale = {
   everyText: t('every'),
   emptyMonths: t('every month'),
diff --git a/superset-frontend/src/components/CronPicker/types.ts b/superset-frontend/packages/superset-ui-core/src/components/CronPicker/types.ts
similarity index 100%
rename from superset-frontend/src/components/CronPicker/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/CronPicker/types.ts
diff --git a/superset-frontend/src/components/DatePicker/DatePicker.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/DatePicker/DatePicker.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.stories.tsx
diff --git a/superset-frontend/src/components/DatePicker/DatePicker.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.test.tsx
similarity index 95%
rename from superset-frontend/src/components/DatePicker/DatePicker.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.test.tsx
index 463c3ace578..eac06ac80cf 100644
--- a/superset-frontend/src/components/DatePicker/DatePicker.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/DatePicker/DatePicker.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { DatePicker, RangePicker } from '.';
 
 test('should render date picker', () => {
diff --git a/superset-frontend/src/components/DatePicker/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/DatePicker/index.tsx
similarity index 100%
rename from superset-frontend/src/components/DatePicker/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DatePicker/index.tsx
diff --git a/superset-frontend/src/components/DatePicker/types.ts b/superset-frontend/packages/superset-ui-core/src/components/DatePicker/types.ts
similarity index 100%
rename from superset-frontend/src/components/DatePicker/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/DatePicker/types.ts
diff --git a/superset-frontend/src/components/DeleteModal/DeleteModal.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/DeleteModal/DeleteModal.test.tsx
similarity index 87%
rename from superset-frontend/src/components/DeleteModal/DeleteModal.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DeleteModal/DeleteModal.test.tsx
index 2f579e2e721..c04362cda0e 100644
--- a/superset-frontend/src/components/DeleteModal/DeleteModal.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/DeleteModal/DeleteModal.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, userEvent, screen } from '@superset-ui/core/spec';
 import { DeleteModal } from '.';
 
 test('Must display title and content', () => {
@@ -34,7 +34,7 @@ test('Must display title and content', () => {
   expect(screen.getByTestId('test-description')).toBeInTheDocument();
 });
 
-test('Calling "onHide"', () => {
+test('Calling "onHide"', async () => {
   const props = {
     title: <div data-test="test-title">Title</div>,
     description: <div data-test="test-description">Description</div>,
@@ -48,12 +48,12 @@ test('Calling "onHide"', () => {
   expect(props.onConfirm).toHaveBeenCalledTimes(0);
 
   // type "del" in the input
-  userEvent.type(screen.getByTestId('delete-modal-input'), 'del');
+  await userEvent.type(screen.getByTestId('delete-modal-input'), 'del');
   expect(screen.getByTestId('delete-modal-input')).toHaveValue('del');
 
   // close the modal
   expect(screen.getByText('×')).toBeInTheDocument();
-  userEvent.click(screen.getByText('×'));
+  await userEvent.click(screen.getByText('×'));
   expect(props.onHide).toHaveBeenCalledTimes(1);
   expect(props.onConfirm).toHaveBeenCalledTimes(0);
 
@@ -61,7 +61,7 @@ test('Calling "onHide"', () => {
   expect(screen.getByTestId('delete-modal-input')).toHaveValue('');
 });
 
-test('Calling "onConfirm" only after typing "delete" in the input', () => {
+test('Calling "onConfirm" only after typing "delete" in the input', async () => {
   const props = {
     title: <div data-test="test-title">Title</div>,
     description: <div data-test="test-description">Description</div>,
@@ -76,12 +76,12 @@ test('Calling "onConfirm" only after typing "delete" in the input', () => {
   expect(props.onConfirm).toHaveBeenCalledTimes(0);
 
   // do not execute "onConfirm" if you have not typed "delete"
-  userEvent.click(screen.getByText('Delete'));
+  await userEvent.click(screen.getByText('Delete'));
   expect(props.onConfirm).toHaveBeenCalledTimes(0);
 
   // execute "onConfirm" if you have typed "delete"
-  userEvent.type(screen.getByTestId('delete-modal-input'), 'delete');
-  userEvent.click(screen.getByText('Delete'));
+  await userEvent.type(screen.getByTestId('delete-modal-input'), 'delete');
+  await userEvent.click(screen.getByText('Delete'));
   expect(props.onConfirm).toHaveBeenCalledTimes(1);
 
   // confirm input has been cleared
diff --git a/superset-frontend/src/components/DeleteModal/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/DeleteModal/index.tsx
similarity index 100%
rename from superset-frontend/src/components/DeleteModal/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DeleteModal/index.tsx
diff --git a/superset-frontend/src/components/DeleteModal/types.ts b/superset-frontend/packages/superset-ui-core/src/components/DeleteModal/types.ts
similarity index 100%
rename from superset-frontend/src/components/DeleteModal/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/DeleteModal/types.ts
diff --git a/superset-frontend/src/components/DesignSystem.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/DesignSystem.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/DesignSystem.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DesignSystem.stories.tsx
diff --git a/superset-frontend/src/components/Divider/Divider.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Divider/Divider.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.stories.tsx
diff --git a/superset-frontend/src/components/Divider/Divider.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.test.tsx
similarity index 94%
rename from superset-frontend/src/components/Divider/Divider.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.test.tsx
index 8148754c0e0..8767adde014 100644
--- a/superset-frontend/src/components/Divider/Divider.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { Divider } from '.';
 
 test('should render', () => {
diff --git a/superset-frontend/src/components/Divider/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Divider/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Divider/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Divider/index.tsx
diff --git a/superset-frontend/src/components/Divider/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Divider/types.ts
similarity index 100%
rename from superset-frontend/src/components/Divider/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Divider/types.ts
diff --git a/superset-frontend/src/components/Dropdown/Dropdown.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Dropdown/Dropdown.stories.tsx
similarity index 96%
rename from superset-frontend/src/components/Dropdown/Dropdown.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Dropdown/Dropdown.stories.tsx
index 5f0f9717caf..29d8998806c 100644
--- a/superset-frontend/src/components/Dropdown/Dropdown.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Dropdown/Dropdown.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { MenuDotsDropdown } from '.';
 import type { MenuDotsDropdownProps } from './types';
 
diff --git a/superset-frontend/src/components/Dropdown/Dropdown.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Dropdown/Dropdown.test.tsx
similarity index 96%
rename from superset-frontend/src/components/Dropdown/Dropdown.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Dropdown/Dropdown.test.tsx
index 65ae7208c60..9baaef9adbf 100644
--- a/superset-frontend/src/components/Dropdown/Dropdown.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Dropdown/Dropdown.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render, fireEvent, screen } from 'spec/helpers/testing-library';
+import { render, fireEvent, screen } from '@superset-ui/core/spec';
 import { NoAnimationDropdown } from '.';
 
 const props = {
diff --git a/superset-frontend/src/components/Dropdown/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Dropdown/index.tsx
similarity index 98%
rename from superset-frontend/src/components/Dropdown/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Dropdown/index.tsx
index b3ffde7341a..4b1e0c449b5 100644
--- a/superset-frontend/src/components/Dropdown/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Dropdown/index.tsx
@@ -20,7 +20,7 @@ import { ReactElement, cloneElement } from 'react';
 
 import { Dropdown as AntdDropdown, DropdownProps } from 'antd';
 import { styled } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import {
   IconOrientation,
   type NoAnimationDropdownProps,
diff --git a/superset-frontend/src/components/Dropdown/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Dropdown/types.ts
similarity index 100%
rename from superset-frontend/src/components/Dropdown/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Dropdown/types.ts
diff --git a/superset-frontend/src/components/DropdownButton/DropdownButton.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/DropdownButton/DropdownButton.stories.tsx
similarity index 96%
rename from superset-frontend/src/components/DropdownButton/DropdownButton.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DropdownButton/DropdownButton.stories.tsx
index 851d0abcc46..b406d9b4da5 100644
--- a/superset-frontend/src/components/DropdownButton/DropdownButton.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/DropdownButton/DropdownButton.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { DropdownButton } from '.';
 import type { DropdownButtonProps } from './types';
 
diff --git a/superset-frontend/src/components/DropdownButton/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/DropdownButton/index.tsx
similarity index 100%
rename from superset-frontend/src/components/DropdownButton/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DropdownButton/index.tsx
diff --git a/superset-frontend/src/components/DropdownButton/types.ts b/superset-frontend/packages/superset-ui-core/src/components/DropdownButton/types.ts
similarity index 100%
rename from superset-frontend/src/components/DropdownButton/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/DropdownButton/types.ts
diff --git a/superset-frontend/src/components/DropdownContainer/DropdownContainer.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/DropdownContainer/DropdownContainer.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.stories.tsx
diff --git a/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.test.tsx
new file mode 100644
index 00000000000..f46b151c7a3
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/DropdownContainer.test.tsx
@@ -0,0 +1,180 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { screen, render } from '@superset-ui/core/spec';
+import { Button, DropdownContainer, Icons } from '..';
+
+const generateItems = (n: number) =>
+  Array.from({ length: n }).map((_, i) => ({
+    id: `el-${i + 1}`,
+    element: <Button>{`Element ${i + 1}`}</Button>,
+  }));
+
+const ITEMS = generateItems(10);
+
+beforeEach(() => {
+  // Reset any mocks
+  jest.restoreAllMocks();
+
+  // Mock ResizeObserver globally
+  global.ResizeObserver = jest.fn().mockImplementation(() => ({
+    observe: jest.fn(),
+    unobserve: jest.fn(),
+    disconnect: jest.fn(),
+  }));
+});
+
+test('renders children', () => {
+  render(<DropdownContainer items={generateItems(3)} />);
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+  expect(screen.getByText('Element 2')).toBeInTheDocument();
+  expect(screen.getByText('Element 3')).toBeInTheDocument();
+});
+
+test('renders children with custom horizontal spacing', () => {
+  render(<DropdownContainer items={ITEMS} style={{ gap: 20 }} />);
+  expect(screen.getByTestId('container')).toHaveStyle('gap: 20px');
+});
+
+test('does not render a dropdown button when not overflowing', () => {
+  render(<DropdownContainer items={generateItems(3)} />);
+  expect(screen.queryByText('More')).not.toBeInTheDocument();
+});
+
+test('renders component with dropdown trigger icon prop without error', () => {
+  render(
+    <DropdownContainer
+      items={generateItems(5)}
+      dropdownTriggerIcon={<Icons.LinkOutlined />}
+    />,
+  );
+  // Component should render without error
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
+
+test('renders component with dropdown trigger text prop without error', () => {
+  const customText = 'Custom text';
+  render(
+    <DropdownContainer
+      items={generateItems(5)}
+      dropdownTriggerText={customText}
+    />,
+  );
+  // Component should render without error
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
+
+test('renders component with dropdown trigger count prop without error', () => {
+  const customCount = 99;
+  render(
+    <DropdownContainer
+      items={generateItems(5)}
+      dropdownTriggerCount={customCount}
+    />,
+  );
+  // Component should render without error
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
+
+test('renders component with dropdown style prop without error', () => {
+  render(
+    <DropdownContainer items={generateItems(5)} dropdownStyle={{ gap: 20 }} />,
+  );
+  // Component should render without error
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
+
+test('renders component with onOverflowingStateChange prop without error', () => {
+  const onOverflowingStateChange = jest.fn();
+  render(
+    <DropdownContainer
+      items={generateItems(5)}
+      onOverflowingStateChange={onOverflowingStateChange}
+    />,
+  );
+  // Component should render without error
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
+
+test('renders component with custom dropdown content prop without error', () => {
+  const customDropdownContent = <div>Custom content</div>;
+  render(
+    <DropdownContainer
+      items={generateItems(5)}
+      dropdownContent={() => customDropdownContent}
+    />,
+  );
+  // Component should render without error
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
+
+test('renders component with dropdown trigger tooltip prop without error', () => {
+  render(
+    <DropdownContainer
+      items={generateItems(5)}
+      dropdownTriggerTooltip="Test tooltip"
+    />,
+  );
+  // Component should render without error
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
+
+// Tests that can work without complex overflow mocking
+test('container has correct test id', () => {
+  render(<DropdownContainer items={generateItems(3)} />);
+  expect(screen.getByTestId('container')).toBeInTheDocument();
+});
+
+test('renders all provided items when not overflowing', () => {
+  const items = generateItems(3);
+  render(<DropdownContainer items={items} />);
+
+  items.forEach((item, index) => {
+    expect(screen.getByText(`Element ${index + 1}`)).toBeInTheDocument();
+  });
+});
+
+test('accepts custom style props', () => {
+  const customStyle = { backgroundColor: 'red', padding: '10px' };
+  render(<DropdownContainer items={generateItems(2)} style={customStyle} />);
+
+  const container = screen.getByTestId('container');
+  expect(container).toHaveStyle('background-color: red');
+  expect(container).toHaveStyle('padding: 10px');
+});
+
+// Integration test that doesn't rely on specific overflow behavior
+test('component renders and functions without throwing errors', () => {
+  const onOverflowingStateChange = jest.fn();
+
+  expect(() => {
+    render(
+      <DropdownContainer
+        items={generateItems(10)}
+        onOverflowingStateChange={onOverflowingStateChange}
+        dropdownTriggerText="More items"
+        dropdownTriggerTooltip="Click to see more"
+        style={{ gap: 10 }}
+        dropdownStyle={{ gap: 5 }}
+      />,
+    );
+  }).not.toThrow();
+
+  // Basic functionality test
+  expect(screen.getByText('Element 1')).toBeInTheDocument();
+});
diff --git a/superset-frontend/src/components/DropdownContainer/Overview.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/Overview.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/DropdownContainer/Overview.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/Overview.stories.tsx
diff --git a/superset-frontend/src/components/DropdownContainer/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/index.tsx
similarity index 98%
rename from superset-frontend/src/components/DropdownContainer/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/index.tsx
index 15ed6355334..b9835e3e132 100644
--- a/superset-frontend/src/components/DropdownContainer/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/index.tsx
@@ -31,11 +31,7 @@ import {
 import { Global } from '@emotion/react';
 import { css, t, useTheme, usePrevious } from '@superset-ui/core';
 import { useResizeDetector } from 'react-resize-detector';
-import { Icons } from 'src/components/Icons';
-import { Badge } from '../Badge';
-import { Button } from '../Button';
-import { Tooltip } from '../Tooltip';
-import Popover from '../Popover';
+import { Badge, Icons, Button, Tooltip, Popover } from '..';
 import type {
   DropdownContainerProps,
   DropdownItem,
diff --git a/superset-frontend/src/components/DropdownContainer/types.ts b/superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/types.ts
similarity index 100%
rename from superset-frontend/src/components/DropdownContainer/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/DropdownContainer/types.ts
diff --git a/superset-frontend/src/components/DynamicEditableTitle/DynamicEditableTitle.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/DynamicEditableTitle/DynamicEditableTitle.test.tsx
similarity index 83%
rename from superset-frontend/src/components/DynamicEditableTitle/DynamicEditableTitle.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DynamicEditableTitle/DynamicEditableTitle.test.tsx
index 544f408b179..c8e0ba13314 100644
--- a/superset-frontend/src/components/DynamicEditableTitle/DynamicEditableTitle.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/DynamicEditableTitle/DynamicEditableTitle.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { DynamicEditableTitle } from '.';
 
 const createProps = (overrides: Record<string, any> = {}) => ({
@@ -43,26 +43,26 @@ describe('Chart editable title', () => {
     expect(screen.getByText('Add the name of the chart')).toBeVisible();
   });
 
-  it('click, edit and save title', () => {
+  it('click, edit and save title', async () => {
     const props = createProps();
     render(<DynamicEditableTitle {...props} />);
     const textboxElement = screen.getByRole('textbox');
-    userEvent.click(textboxElement);
-    userEvent.type(textboxElement, ' edited');
+    await userEvent.click(textboxElement);
+    await userEvent.type(textboxElement, ' edited');
     expect(screen.getByText('Chart title edited')).toBeVisible();
-    userEvent.type(textboxElement, '{enter}');
+    await userEvent.type(textboxElement, '{enter}');
     expect(props.onSave).toHaveBeenCalled();
   });
 
-  it('renders in non-editable mode', () => {
+  it('renders in non-editable mode', async () => {
     const props = createProps({ canEdit: false });
     render(<DynamicEditableTitle {...props} />);
     const titleElement = screen.getByLabelText('Chart title');
     const inputElement = screen.getByRole('textbox');
     expect(inputElement).toBeDisabled();
     expect(titleElement).toBeVisible();
-    userEvent.click(titleElement);
-    userEvent.type(titleElement, ' edited{enter}');
+    await userEvent.click(titleElement);
+    await userEvent.type(titleElement, ' edited{enter}');
     expect(props.onSave).not.toHaveBeenCalled();
   });
 });
diff --git a/superset-frontend/src/components/DynamicEditableTitle/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/DynamicEditableTitle/index.tsx
similarity index 100%
rename from superset-frontend/src/components/DynamicEditableTitle/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/DynamicEditableTitle/index.tsx
diff --git a/superset-frontend/src/components/DynamicEditableTitle/types.ts b/superset-frontend/packages/superset-ui-core/src/components/DynamicEditableTitle/types.ts
similarity index 100%
rename from superset-frontend/src/components/DynamicEditableTitle/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/DynamicEditableTitle/types.ts
diff --git a/superset-frontend/src/components/EditableTitle/EditableTitle.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/EditableTitle/EditableTitle.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/EditableTitle/EditableTitle.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/EditableTitle/EditableTitle.stories.tsx
diff --git a/superset-frontend/src/components/EditableTitle/EditableTitle.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/EditableTitle/EditableTitle.test.tsx
similarity index 91%
rename from superset-frontend/src/components/EditableTitle/EditableTitle.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/EditableTitle/EditableTitle.test.tsx
index 82955594f3b..4440c116e24 100644
--- a/superset-frontend/src/components/EditableTitle/EditableTitle.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/EditableTitle/EditableTitle.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { fireEvent, render } from 'spec/helpers/testing-library';
+import { fireEvent, render } from '@superset-ui/core/spec';
 import { EditableTitle } from '.';
 
 const mockEvent = {
@@ -48,7 +48,7 @@ test('should not render an input if it is not editable', () => {
 });
 
 describe('should handle click', () => {
-  test('should enable editing mode on click', () => {
+  it('should enable editing mode on click', () => {
     const { getByTestId, container } = render(<EditableTitle {...mockProps} />);
 
     fireEvent.click(getByTestId('textarea-editable-title-input'));
@@ -59,7 +59,7 @@ describe('should handle click', () => {
 });
 
 describe('should handle change', () => {
-  test('should change title', () => {
+  it('should change title', () => {
     const { getByTestId } = render(<EditableTitle {...mockProps} editing />);
     const textarea = getByTestId('textarea-editable-title-input');
     fireEvent.change(textarea, mockEvent);
@@ -74,7 +74,7 @@ describe('should handle blur', () => {
     return selectors;
   };
 
-  test('should trigger callback', () => {
+  it('should trigger callback', () => {
     const callback = jest.fn();
     const { getByTestId } = setup({ onSaveTitle: callback });
     fireEvent.change(getByTestId('textarea-editable-title-input'), mockEvent);
@@ -83,7 +83,7 @@ describe('should handle blur', () => {
     expect(callback).toHaveBeenCalledWith('new title');
   });
 
-  test('should not trigger callback', () => {
+  it('should not trigger callback', () => {
     const callback = jest.fn();
     const { getByTestId } = setup({ onSaveTitle: callback });
     fireEvent.blur(getByTestId('textarea-editable-title-input'));
@@ -91,7 +91,7 @@ describe('should handle blur', () => {
     expect(callback).not.toHaveBeenCalled();
   });
 
-  test('should not save empty title', () => {
+  it('should not save empty title', () => {
     const callback = jest.fn();
     const { getByTestId } = setup({ onSaveTitle: callback });
     const textarea = getByTestId('textarea-editable-title-input');
diff --git a/superset-frontend/src/components/EditableTitle/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/EditableTitle/index.tsx
similarity index 92%
rename from superset-frontend/src/components/EditableTitle/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/EditableTitle/index.tsx
index 9e2afdcecda..3be6fd3f29e 100644
--- a/superset-frontend/src/components/EditableTitle/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/EditableTitle/index.tsx
@@ -17,9 +17,8 @@
  * under the License.
  */
 
-import { css, styled, SupersetTheme, t } from '@superset-ui/core';
+import { css, styled, t } from '@superset-ui/core';
 import { useEffect, useState, useRef } from 'react';
-import { Link } from 'react-router-dom';
 import cx from 'classnames';
 import { Tooltip } from '../Tooltip';
 import { CertifiedBadge } from '../CertifiedBadge';
@@ -82,7 +81,7 @@ export function EditableTitle({
   placeholder = '',
   certifiedBy,
   certificationDetails,
-  url,
+  renderLink,
   maxWidth,
   autoSize = true,
   ...rest
@@ -199,7 +198,7 @@ export function EditableTitle({
     value = defaultTitle || title;
   }
 
-  let titleComponent = (
+  let titleComponent: React.ReactNode = (
     <Input.TextArea
       size="small"
       data-test="textarea-editable-title-input"
@@ -242,24 +241,12 @@ export function EditableTitle({
   }
 
   if (!canEdit) {
-    titleComponent = url ? (
-      <Link
-        to={url}
-        data-test="link-title"
-        css={(theme: SupersetTheme) => css`
-          color: ${theme.colorText};
-          text-decoration: none;
-          :hover {
-            text-decoration: underline;
-          }
-          display: inline-block;
-        `}
-      >
-        {value}
-      </Link>
-    ) : (
-      <span data-test="span-title">{value}</span>
-    );
+    if (renderLink) {
+      // New approach: let caller provide the link component
+      titleComponent = renderLink(value || '');
+    } else {
+      titleComponent = <span data-test="span-title">{value}</span>;
+    }
   }
 
   return (
diff --git a/superset-frontend/src/components/EditableTitle/types.ts b/superset-frontend/packages/superset-ui-core/src/components/EditableTitle/types.ts
similarity index 96%
rename from superset-frontend/src/components/EditableTitle/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/EditableTitle/types.ts
index 5370a8cd336..dc615dac644 100644
--- a/superset-frontend/src/components/EditableTitle/types.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/EditableTitle/types.ts
@@ -30,7 +30,7 @@ export interface EditableTitleProps {
   placeholder?: string;
   certifiedBy?: string;
   certificationDetails?: string;
-  url?: string;
+  renderLink?: (title: string) => React.ReactNode;
   maxWidth?: number;
   autoSize?: boolean;
 }
diff --git a/superset-frontend/src/components/EmptyState/Empty.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/Empty.test.tsx
similarity index 94%
rename from superset-frontend/src/components/EmptyState/Empty.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/Empty.test.tsx
index 7c9ace0fc81..da5dad601e0 100644
--- a/superset-frontend/src/components/EmptyState/Empty.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/Empty.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { Empty } from './Empty';
 
 test('should render', () => {
diff --git a/superset-frontend/src/components/EmptyState/Empty.tsx b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/Empty.tsx
similarity index 100%
rename from superset-frontend/src/components/EmptyState/Empty.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/Empty.tsx
diff --git a/superset-frontend/src/components/EmptyState/EmptyState.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/EmptyState.stories.tsx
similarity index 97%
rename from superset-frontend/src/components/EmptyState/EmptyState.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/EmptyState.stories.tsx
index 949548583fe..2c58d7ca459 100644
--- a/superset-frontend/src/components/EmptyState/EmptyState.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/EmptyState.stories.tsx
@@ -18,7 +18,7 @@
  * under the License.
  */
 import { Meta, StoryFn } from '@storybook/react';
-import { Row, Col } from 'src/components';
+import { Row, Col } from '@superset-ui/core/components';
 import { EmptyState, imageMap } from '.';
 
 const emptyStates = [
diff --git a/superset-frontend/src/components/EmptyState/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/index.tsx
similarity index 83%
rename from superset-frontend/src/components/EmptyState/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/index.tsx
index 7b33d469f92..570119ff2fc 100644
--- a/superset-frontend/src/components/EmptyState/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/index.tsx
@@ -20,22 +20,21 @@ import { ReactNode, SyntheticEvent } from 'react';
 import { styled, css, SupersetTheme, t } from '@superset-ui/core';
 
 // Importing svg images
-import FilterResultsImage from 'src/assets/images/filter-results.svg';
-import ChartImage from 'src/assets/images/chart.svg';
-import FilterImage from 'src/assets/images/filter.svg';
-import EmptyChartsImage from 'src/assets/images/empty-charts.svg';
-import EmptyDashboardImage from 'src/assets/images/empty-dashboard.svg';
-import UnionImage from 'src/assets/images/union.svg';
-import StarCircleImage from 'src/assets/images/star-circle.svg';
-import VectorImage from 'src/assets/images/vector.svg';
-import DocumentImage from 'src/assets/images/document.svg';
-import DatasetImage from 'src/assets/images/empty-dataset.svg';
-import EmptySqlChartImage from 'src/assets/images/empty_sql_chart.svg';
-import EmptyQueryImage from 'src/assets/images/empty-query.svg';
-import EmptyTableImage from 'src/assets/images/empty-table.svg';
-import EmptyImage from 'src/assets/images/empty.svg';
-import { Button } from '../Button';
-import { Empty } from './Empty';
+import FilterResultsImage from './svgs/filter-results.svg';
+import ChartImage from '../assets/svgs/chart.svg';
+import FilterImage from './svgs/filter.svg';
+import EmptyChartsImage from './svgs/empty-charts.svg';
+import EmptyDashboardImage from './svgs/empty-dashboard.svg';
+import UnionImage from './svgs/union.svg';
+import StarCircleImage from './svgs/star-circle.svg';
+import VectorImage from './svgs/vector.svg';
+import DocumentImage from './svgs/document.svg';
+import DatasetImage from './svgs/empty-dataset.svg';
+import EmptySqlChartImage from './svgs/empty_sql_chart.svg';
+import EmptyQueryImage from './svgs/empty-query.svg';
+import EmptyTableImage from './svgs/empty-table.svg';
+import EmptyImage from './svgs/empty.svg';
+import { Button, Empty } from '..';
 import type { EmptyStateProps, EmptyStateSize } from './types';
 
 export const imageMap = {
diff --git a/superset-frontend/src/assets/images/document.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/document.svg
similarity index 100%
rename from superset-frontend/src/assets/images/document.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/document.svg
diff --git a/superset-frontend/src/assets/images/empty-charts.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-charts.svg
similarity index 100%
rename from superset-frontend/src/assets/images/empty-charts.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-charts.svg
diff --git a/superset-frontend/src/assets/images/empty-dashboard.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-dashboard.svg
similarity index 100%
rename from superset-frontend/src/assets/images/empty-dashboard.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-dashboard.svg
diff --git a/superset-frontend/src/assets/images/empty-dataset.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-dataset.svg
similarity index 100%
rename from superset-frontend/src/assets/images/empty-dataset.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-dataset.svg
diff --git a/superset-frontend/src/assets/images/empty-query.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-query.svg
similarity index 100%
rename from superset-frontend/src/assets/images/empty-query.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-query.svg
diff --git a/superset-frontend/src/assets/images/empty-table.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-table.svg
similarity index 100%
rename from superset-frontend/src/assets/images/empty-table.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty-table.svg
diff --git a/superset-frontend/src/assets/images/empty.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty.svg
similarity index 100%
rename from superset-frontend/src/assets/images/empty.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty.svg
diff --git a/superset-frontend/src/assets/images/empty_sql_chart.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty_sql_chart.svg
similarity index 100%
rename from superset-frontend/src/assets/images/empty_sql_chart.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/empty_sql_chart.svg
diff --git a/superset-frontend/src/assets/images/filter-results.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/filter-results.svg
similarity index 100%
rename from superset-frontend/src/assets/images/filter-results.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/filter-results.svg
diff --git a/superset-frontend/src/assets/images/filter.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/filter.svg
similarity index 100%
rename from superset-frontend/src/assets/images/filter.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/filter.svg
diff --git a/superset-frontend/src/assets/images/star-circle.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/star-circle.svg
similarity index 100%
rename from superset-frontend/src/assets/images/star-circle.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/star-circle.svg
diff --git a/superset-frontend/src/assets/images/union.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/union.svg
similarity index 100%
rename from superset-frontend/src/assets/images/union.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/union.svg
diff --git a/superset-frontend/src/assets/images/vector.svg b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/vector.svg
similarity index 100%
rename from superset-frontend/src/assets/images/vector.svg
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/svgs/vector.svg
diff --git a/superset-frontend/src/components/EmptyState/types.ts b/superset-frontend/packages/superset-ui-core/src/components/EmptyState/types.ts
similarity index 100%
rename from superset-frontend/src/components/EmptyState/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/EmptyState/types.ts
diff --git a/superset-frontend/src/components/FaveStar/FaveStar.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/FaveStar/FaveStar.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/FaveStar/FaveStar.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/FaveStar/FaveStar.stories.tsx
diff --git a/superset-frontend/src/components/FaveStar/FaveStar.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/FaveStar/FaveStar.test.tsx
similarity index 92%
rename from superset-frontend/src/components/FaveStar/FaveStar.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/FaveStar/FaveStar.test.tsx
index 89a51085768..05cbab43a6b 100644
--- a/superset-frontend/src/components/FaveStar/FaveStar.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/FaveStar/FaveStar.test.tsx
@@ -17,10 +17,10 @@
  * under the License.
  */
 
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { FaveStar } from '.';
 
-jest.mock('src/components/Tooltip', () => ({
+jest.mock('@superset-ui/core/components/Tooltip', () => ({
   Tooltip: (props: any) => <div data-test="tooltip" {...props} />,
 }));
 
@@ -35,7 +35,7 @@ test('render right content', async () => {
   expect(screen.getByRole('img', { name: 'starred' })).toBeInTheDocument();
 
   expect(props.saveFaveStar).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(props.saveFaveStar).toHaveBeenCalledTimes(1);
   expect(props.saveFaveStar).toHaveBeenCalledWith(props.itemId, true);
 
@@ -43,7 +43,7 @@ test('render right content', async () => {
   expect(await findByRole('img', { name: 'unstarred' })).toBeInTheDocument();
 
   expect(props.saveFaveStar).toHaveBeenCalledTimes(1);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(props.saveFaveStar).toHaveBeenCalledTimes(2);
   expect(props.saveFaveStar).toHaveBeenCalledWith(props.itemId, false);
 });
diff --git a/superset-frontend/src/components/FaveStar/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/FaveStar/index.tsx
similarity index 97%
rename from superset-frontend/src/components/FaveStar/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/FaveStar/index.tsx
index eabacfe832d..bd51fa2a2ca 100644
--- a/superset-frontend/src/components/FaveStar/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/FaveStar/index.tsx
@@ -20,7 +20,7 @@
 import { useCallback, useEffect, MouseEvent } from 'react';
 
 import { css, t, styled, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Tooltip } from '../Tooltip';
 import type { FaveStarProps } from './types';
 
diff --git a/superset-frontend/src/components/FaveStar/types.ts b/superset-frontend/packages/superset-ui-core/src/components/FaveStar/types.ts
similarity index 100%
rename from superset-frontend/src/components/FaveStar/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/FaveStar/types.ts
diff --git a/superset-frontend/src/components/Flex/Flex.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Flex/Flex.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Flex/Flex.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Flex/Flex.stories.tsx
diff --git a/superset-frontend/src/components/Flex/Flex.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Flex/Flex.test.tsx
similarity index 94%
rename from superset-frontend/src/components/Flex/Flex.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Flex/Flex.test.tsx
index dbbca7983e0..3353b96e612 100644
--- a/superset-frontend/src/components/Flex/Flex.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Flex/Flex.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { Flex } from '.';
 
 test('should render', () => {
diff --git a/superset-frontend/src/components/Flex/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Flex/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Flex/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Flex/index.tsx
diff --git a/superset-frontend/src/components/Flex/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Flex/types.ts
similarity index 100%
rename from superset-frontend/src/components/Flex/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Flex/types.ts
diff --git a/superset-frontend/src/components/Form/Form.tsx b/superset-frontend/packages/superset-ui-core/src/components/Form/Form.tsx
similarity index 100%
rename from superset-frontend/src/components/Form/Form.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Form/Form.tsx
diff --git a/superset-frontend/src/components/Form/FormItem.tsx b/superset-frontend/packages/superset-ui-core/src/components/Form/FormItem.tsx
similarity index 100%
rename from superset-frontend/src/components/Form/FormItem.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Form/FormItem.tsx
diff --git a/superset-frontend/src/components/Form/FormLabel.tsx b/superset-frontend/packages/superset-ui-core/src/components/Form/FormLabel.tsx
similarity index 100%
rename from superset-frontend/src/components/Form/FormLabel.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Form/FormLabel.tsx
diff --git a/superset-frontend/src/components/Form/LabeledErrorBoundInput.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Form/LabeledErrorBoundInput.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.stories.tsx
diff --git a/superset-frontend/src/components/Form/LabeledErrorBoundInput.test.jsx b/superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.test.jsx
similarity index 97%
rename from superset-frontend/src/components/Form/LabeledErrorBoundInput.test.jsx
rename to superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.test.jsx
index 03cfdf15ea5..2b66127e237 100644
--- a/superset-frontend/src/components/Form/LabeledErrorBoundInput.test.jsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.test.jsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, fireEvent, screen } from 'spec/helpers/testing-library';
+import { render, fireEvent, screen } from '@superset-ui/core/spec';
 import { LabeledErrorBoundInput } from './LabeledErrorBoundInput';
 
 const defaultProps = {
diff --git a/superset-frontend/src/components/Form/LabeledErrorBoundInput.tsx b/superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.tsx
similarity index 93%
rename from superset-frontend/src/components/Form/LabeledErrorBoundInput.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.tsx
index 995b004a3d2..77d5a1c5550 100644
--- a/superset-frontend/src/components/Form/LabeledErrorBoundInput.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Form/LabeledErrorBoundInput.tsx
@@ -16,15 +16,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { styled, css, SupersetTheme, t } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import errorIcon from 'src/assets/images/icons/error.svg';
-import { Button } from '../Button';
-import { InfoTooltip } from '../InfoTooltip';
+import { styled, css, SupersetTheme, t } from '../..';
+import { error as errorIcon } from '../assets/svgs';
+import { Button, Icons, InfoTooltip, Tooltip } from '..';
 import { Input } from '../Input';
-import { Tooltip } from '../Tooltip';
-import { FormItem } from './FormItem';
 import { FormLabel } from './FormLabel';
+import { FormItem } from './FormItem';
 import type { LabeledErrorBoundInputProps } from './types';
 
 const StyledInput = styled(Input)`
diff --git a/superset-frontend/src/components/Form/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Form/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Form/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Form/index.tsx
diff --git a/superset-frontend/src/components/Form/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Form/types.ts
similarity index 100%
rename from superset-frontend/src/components/Form/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Form/types.ts
diff --git a/superset-frontend/src/components/Grid/Grid.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Grid/Grid.stories.tsx
similarity index 99%
rename from superset-frontend/src/components/Grid/Grid.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Grid/Grid.stories.tsx
index 30137208660..0a09f703ddb 100644
--- a/superset-frontend/src/components/Grid/Grid.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Grid/Grid.stories.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { Meta, StoryObj } from '@storybook/react';
-import Slider from 'src/components/Slider/index';
+import Slider from '@superset-ui/core/components/Slider/index';
 import { useState } from 'react';
 import { Row, Col } from '.';
 import type { ColProps, RowProps } from './types';
diff --git a/superset-frontend/src/components/Grid/Grid.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Grid/Grid.test.tsx
similarity index 95%
rename from superset-frontend/src/components/Grid/Grid.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Grid/Grid.test.tsx
index 36174906e09..884ce75ed3b 100644
--- a/superset-frontend/src/components/Grid/Grid.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Grid/Grid.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from '@testing-library/react';
+import { render, screen } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { Col, Row } from '.';
 
diff --git a/superset-frontend/src/components/Grid/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Grid/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Grid/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Grid/index.tsx
diff --git a/superset-frontend/src/components/Grid/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Grid/types.ts
similarity index 100%
rename from superset-frontend/src/components/Grid/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Grid/types.ts
diff --git a/superset-frontend/src/components/IconButton/IconButton.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/IconButton/IconButton.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/IconButton/IconButton.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/IconButton/IconButton.stories.tsx
diff --git a/superset-frontend/src/components/IconButton/IconButton.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/IconButton/IconButton.test.tsx
similarity index 97%
rename from superset-frontend/src/components/IconButton/IconButton.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/IconButton/IconButton.test.tsx
index 4ee67d030f1..16448a92467 100644
--- a/superset-frontend/src/components/IconButton/IconButton.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/IconButton/IconButton.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, fireEvent } from 'spec/helpers/testing-library';
+import { render, screen, fireEvent } from '@superset-ui/core/spec';
 import { IconButton } from '.';
 
 const defaultProps = {
diff --git a/superset-frontend/src/components/IconButton/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/IconButton/index.tsx
similarity index 100%
rename from superset-frontend/src/components/IconButton/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/IconButton/index.tsx
diff --git a/superset-frontend/src/components/IconTooltip/IconTooltip.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/IconTooltip/IconTooltip.stories.tsx
similarity index 96%
rename from superset-frontend/src/components/IconTooltip/IconTooltip.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/IconTooltip/IconTooltip.stories.tsx
index ca955071f40..b350c8c24ae 100644
--- a/superset-frontend/src/components/IconTooltip/IconTooltip.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/IconTooltip/IconTooltip.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { css, useTheme } from '@superset-ui/core';
 import { IconTooltip } from '.';
 import type { IconTooltipProps } from './types';
diff --git a/superset-frontend/src/components/IconTooltip/IconTooltip.test.jsx b/superset-frontend/packages/superset-ui-core/src/components/IconTooltip/IconTooltip.test.jsx
similarity index 93%
rename from superset-frontend/src/components/IconTooltip/IconTooltip.test.jsx
rename to superset-frontend/packages/superset-ui-core/src/components/IconTooltip/IconTooltip.test.jsx
index c7467491c90..befe566eb71 100644
--- a/superset-frontend/src/components/IconTooltip/IconTooltip.test.jsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/IconTooltip/IconTooltip.test.jsx
@@ -16,10 +16,10 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { IconTooltip } from '.';
 
-jest.mock('src/components/Tooltip', () => ({
+jest.mock('@superset-ui/core/components/Tooltip', () => ({
   Tooltip: () => <div data-test="mock-tooltip" />,
 }));
 
diff --git a/superset-frontend/src/components/IconTooltip/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/IconTooltip/index.tsx
similarity index 100%
rename from superset-frontend/src/components/IconTooltip/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/IconTooltip/index.tsx
diff --git a/superset-frontend/src/components/IconTooltip/types.ts b/superset-frontend/packages/superset-ui-core/src/components/IconTooltip/types.ts
similarity index 100%
rename from superset-frontend/src/components/IconTooltip/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/IconTooltip/types.ts
diff --git a/superset-frontend/src/components/Icons/AntdEnhanced.tsx b/superset-frontend/packages/superset-ui-core/src/components/Icons/AntdEnhanced.tsx
similarity index 99%
rename from superset-frontend/src/components/Icons/AntdEnhanced.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Icons/AntdEnhanced.tsx
index 9a37cd6f14a..d01b5efdb55 100644
--- a/superset-frontend/src/components/Icons/AntdEnhanced.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Icons/AntdEnhanced.tsx
@@ -34,6 +34,7 @@ import {
   BookOutlined,
   BugOutlined,
   BulbOutlined,
+  CalculatorOutlined,
   CaretUpOutlined,
   CaretDownOutlined,
   CaretLeftOutlined,
@@ -157,6 +158,7 @@ const AntdIcons = {
   BookOutlined,
   BugOutlined,
   BulbOutlined,
+  CalculatorOutlined,
   CaretUpOutlined,
   CaretDownOutlined,
   CaretLeftOutlined,
diff --git a/superset-frontend/src/components/Icons/AsyncIcon.tsx b/superset-frontend/packages/superset-ui-core/src/components/Icons/AsyncIcon.tsx
similarity index 95%
rename from superset-frontend/src/components/Icons/AsyncIcon.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Icons/AsyncIcon.tsx
index 1ce39c25bd6..48f3521bfd3 100644
--- a/superset-frontend/src/components/Icons/AsyncIcon.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Icons/AsyncIcon.tsx
@@ -18,7 +18,7 @@
  */
 
 import { FC, SVGProps, useEffect, useRef, useState } from 'react';
-import TransparentIcon from 'src/assets/images/icons/transparent.svg';
+import TransparentIcon from './svgs/transparent.svg';
 import { IconType } from './types';
 import { BaseIconComponent } from './BaseIcon';
 
diff --git a/superset-frontend/src/components/Icons/BaseIcon.tsx b/superset-frontend/packages/superset-ui-core/src/components/Icons/BaseIcon.tsx
similarity index 97%
rename from superset-frontend/src/components/Icons/BaseIcon.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Icons/BaseIcon.tsx
index cc2c58af3c3..46c4c68905d 100644
--- a/superset-frontend/src/components/Icons/BaseIcon.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Icons/BaseIcon.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { css, useTheme, themeObject } from '@superset-ui/core';
+import { css, useTheme, themeObject } from '../..';
 import { AntdIconType, BaseIconProps, CustomIconType, IconType } from './types';
 
 const genAriaLabel = (fileName: string) => {
diff --git a/superset-frontend/src/components/Icons/Icons.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Icons/Icons.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Icons/Icons.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Icons/Icons.stories.tsx
diff --git a/superset-frontend/src/components/Icons/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Icons/index.tsx
similarity index 98%
rename from superset-frontend/src/components/Icons/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Icons/index.tsx
index b43ae6ca182..acb7588993a 100644
--- a/superset-frontend/src/components/Icons/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Icons/index.tsx
@@ -20,6 +20,7 @@
 import { FC } from 'react';
 import { antdEnhancedIcons } from './AntdEnhanced';
 import AsyncIcon from './AsyncIcon';
+
 import type { IconType } from './types';
 
 /**
@@ -76,3 +77,4 @@ export const Icons: IconComponentType = {
   ...antdEnhancedIcons,
   ...iconOverrides,
 };
+export type { IconType };
diff --git a/superset-frontend/src/assets/images/icons/transparent.svg b/superset-frontend/packages/superset-ui-core/src/components/Icons/svgs/transparent.svg
similarity index 100%
rename from superset-frontend/src/assets/images/icons/transparent.svg
rename to superset-frontend/packages/superset-ui-core/src/components/Icons/svgs/transparent.svg
diff --git a/superset-frontend/src/components/Icons/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Icons/types.ts
similarity index 100%
rename from superset-frontend/src/components/Icons/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Icons/types.ts
diff --git a/superset-frontend/src/components/Image/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Image/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Image/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Image/index.tsx
diff --git a/superset-frontend/src/components/InfoTooltip/InfoTooltip.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/InfoTooltip/InfoTooltip.stories.tsx
similarity index 95%
rename from superset-frontend/src/components/InfoTooltip/InfoTooltip.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/InfoTooltip/InfoTooltip.stories.tsx
index 0a0f35a41d3..2339592addc 100644
--- a/superset-frontend/src/components/InfoTooltip/InfoTooltip.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/InfoTooltip/InfoTooltip.stories.tsx
@@ -16,8 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import type { InfoTooltipProps } from './types';
-import { InfoTooltip } from '.';
+import { InfoTooltip, InfoTooltipProps } from '.';
 
 export default {
   title: 'Components/InfoTooltip',
diff --git a/superset-frontend/packages/superset-ui-chart-controls/src/components/InfoTooltipWithTrigger.tsx b/superset-frontend/packages/superset-ui-core/src/components/InfoTooltip/index.tsx
similarity index 94%
rename from superset-frontend/packages/superset-ui-chart-controls/src/components/InfoTooltipWithTrigger.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/InfoTooltip/index.tsx
index bd502f64c3a..e5ddfba57aa 100644
--- a/superset-frontend/packages/superset-ui-chart-controls/src/components/InfoTooltipWithTrigger.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/InfoTooltip/index.tsx
@@ -28,9 +28,9 @@ import {
   QuestionCircleOutlined,
 } from '@ant-design/icons';
 import { Button } from 'antd';
-import { Tooltip, TooltipProps, TooltipPlacement } from './Tooltip';
+import { Tooltip, TooltipProps, TooltipPlacement } from '../Tooltip';
 
-export interface InfoTooltipWithTriggerProps {
+export interface InfoTooltipProps {
   label?: string;
   tooltip?: TooltipProps['title'];
   onClick?: () => void;
@@ -41,7 +41,7 @@ export interface InfoTooltipWithTriggerProps {
   iconSize?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 }
 
-export const InfoTooltipWithTrigger = ({
+export const InfoTooltip = ({
   type = 'info',
   iconSize = 's',
   label,
@@ -50,7 +50,7 @@ export const InfoTooltipWithTrigger = ({
   className = 'text-muted',
   placement = 'right',
   iconStyle,
-}: InfoTooltipWithTriggerProps) => {
+}: InfoTooltipProps) => {
   const theme = useTheme();
 
   const infoTooltipWithTriggerVariants = useMemo(
@@ -81,6 +81,7 @@ export const InfoTooltipWithTrigger = ({
     <Button
       type="text"
       variant="text"
+      data-test="info-tooltip-icon"
       aria-label={t('Show info tooltip')}
       className={className}
       css={[
diff --git a/superset-frontend/src/components/Input/Input.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Input/Input.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Input/Input.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Input/Input.stories.tsx
diff --git a/superset-frontend/src/components/Input/Input.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Input/Input.test.tsx
similarity index 95%
rename from superset-frontend/src/components/Input/Input.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Input/Input.test.tsx
index cca266e4766..3444d4b421c 100644
--- a/superset-frontend/src/components/Input/Input.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Input/Input.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { Input, InputNumber } from '.';
 
 test('should render Input', () => {
diff --git a/superset-frontend/src/components/Input/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Input/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Input/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Input/index.tsx
diff --git a/superset-frontend/src/components/Input/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Input/types.ts
similarity index 100%
rename from superset-frontend/src/components/Input/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Input/types.ts
diff --git a/superset-frontend/src/components/Label/Label.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Label/Label.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Label/Label.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Label/Label.stories.tsx
diff --git a/superset-frontend/src/components/Label/Label.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Label/Label.test.tsx
similarity index 96%
rename from superset-frontend/src/components/Label/Label.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Label/Label.test.tsx
index 1123fc51b3a..1dff7c6e697 100644
--- a/superset-frontend/src/components/Label/Label.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Label/Label.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { fireEvent, render } from 'spec/helpers/testing-library';
+import { fireEvent, render } from '@superset-ui/core/spec';
 
 import { Label } from '.';
 import { LabelGallery, options } from './Label.stories';
diff --git a/superset-frontend/src/components/Label/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Label/index.tsx
similarity index 97%
rename from superset-frontend/src/components/Label/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Label/index.tsx
index 75213a56d37..74b882b2db7 100644
--- a/superset-frontend/src/components/Label/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Label/index.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Tag } from 'src/components/Tag';
+import { Tag } from '@superset-ui/core/components/Tag';
 import { css } from '@emotion/react';
 import { useTheme, themeObject } from '@superset-ui/core';
 import { DatasetTypeLabel } from './reusable/DatasetTypeLabel';
diff --git a/superset-frontend/src/components/Label/reusable/DatasetTypeLabel.tsx b/superset-frontend/packages/superset-ui-core/src/components/Label/reusable/DatasetTypeLabel.tsx
similarity index 96%
rename from superset-frontend/src/components/Label/reusable/DatasetTypeLabel.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Label/reusable/DatasetTypeLabel.tsx
index 5563b542f1c..3d3ea563b65 100644
--- a/superset-frontend/src/components/Label/reusable/DatasetTypeLabel.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Label/reusable/DatasetTypeLabel.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { t, useTheme } from '@superset-ui/core';
 import { Label } from '..';
 
diff --git a/superset-frontend/src/components/Label/reusable/PublishedLabel.tsx b/superset-frontend/packages/superset-ui-core/src/components/Label/reusable/PublishedLabel.tsx
similarity index 96%
rename from superset-frontend/src/components/Label/reusable/PublishedLabel.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Label/reusable/PublishedLabel.tsx
index 4060c2a3d5e..cd1611406cb 100644
--- a/superset-frontend/src/components/Label/reusable/PublishedLabel.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Label/reusable/PublishedLabel.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { t, useTheme } from '@superset-ui/core';
 import { Label } from '..';
 
diff --git a/superset-frontend/src/components/Label/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Label/types.ts
similarity index 100%
rename from superset-frontend/src/components/Label/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Label/types.ts
diff --git a/superset-frontend/src/components/LastUpdated/LastUpdated.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/LastUpdated/LastUpdated.test.tsx
similarity index 94%
rename from superset-frontend/src/components/LastUpdated/LastUpdated.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/LastUpdated/LastUpdated.test.tsx
index 6bd7dfe5050..f3c76cc2d17 100644
--- a/superset-frontend/src/components/LastUpdated/LastUpdated.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/LastUpdated/LastUpdated.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { fireEvent, render, screen } from 'spec/helpers/testing-library';
+import { fireEvent, render, screen } from '@superset-ui/core/spec';
 
 import { LastUpdated } from '.';
 
diff --git a/superset-frontend/src/components/LastUpdated/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/LastUpdated/index.tsx
similarity index 96%
rename from superset-frontend/src/components/LastUpdated/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/LastUpdated/index.tsx
index 704b5f84f8a..a159c387626 100644
--- a/superset-frontend/src/components/LastUpdated/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/LastUpdated/index.tsx
@@ -18,10 +18,10 @@
  */
 import { useEffect, useState, FunctionComponent } from 'react';
 
-import { extendedDayjs } from 'src/utils/dates';
 import { t, styled, css } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
 import dayjs from 'dayjs';
+import { extendedDayjs } from '../../utils/dates';
+import { Icons } from '../Icons';
 import type { LastUpdatedProps } from './types';
 
 const REFRESH_INTERVAL = 60000; // every minute
diff --git a/superset-frontend/src/components/LastUpdated/types.ts b/superset-frontend/packages/superset-ui-core/src/components/LastUpdated/types.ts
similarity index 100%
rename from superset-frontend/src/components/LastUpdated/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/LastUpdated/types.ts
diff --git a/superset-frontend/src/components/Layout/Layout.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Layout/Layout.stories.tsx
similarity index 98%
rename from superset-frontend/src/components/Layout/Layout.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Layout/Layout.stories.tsx
index 8c2bc6481ba..9040d7b43fd 100644
--- a/superset-frontend/src/components/Layout/Layout.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Layout/Layout.stories.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { Meta, StoryObj } from '@storybook/react';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Menu } from '../Menu';
 import type { LayoutProps, SiderProps } from './types';
 import { Layout } from '.';
diff --git a/superset-frontend/src/components/Layout/Layout.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Layout/Layout.test.tsx
similarity index 89%
rename from superset-frontend/src/components/Layout/Layout.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Layout/Layout.test.tsx
index 93e1908257b..cb79d78da5b 100644
--- a/superset-frontend/src/components/Layout/Layout.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Layout/Layout.test.tsx
@@ -17,12 +17,12 @@
  * under the License.
  */
 import { useState } from 'react';
-import { render, screen, fireEvent } from 'spec/helpers/testing-library';
+import { render, screen, fireEvent } from '@superset-ui/core/spec';
 import { Layout } from '.';
 import { Button } from '../Button';
 
 describe('Layout Component', () => {
-  test('renders Layout with Header, Content, and Footer', () => {
+  it('renders Layout with Header, Content, and Footer', () => {
     render(
       <Layout hasSider={false}>
         <Layout.Header>Header</Layout.Header>
@@ -36,7 +36,7 @@ describe('Layout Component', () => {
     expect(screen.getByText('Ant Design Layout Footer')).toBeInTheDocument();
   });
 
-  test('renders Layout with Sider when hasSider is true', () => {
+  it('renders Layout with Sider when hasSider is true', () => {
     render(
       <Layout hasSider>
         <Layout.Sider>Sider Content</Layout.Sider>
@@ -46,7 +46,7 @@ describe('Layout Component', () => {
     expect(screen.getByText('Sider Content')).toBeInTheDocument();
   });
 
-  test('hides Header when headerVisible is false', () => {
+  it('hides Header when headerVisible is false', () => {
     render(
       <Layout>
         {false && <Layout.Header>Header</Layout.Header>}
@@ -58,7 +58,7 @@ describe('Layout Component', () => {
     expect(screen.queryByText('Header')).not.toBeInTheDocument();
   });
 
-  test('hides Footer when footerVisible is false', () => {
+  it('hides Footer when footerVisible is false', () => {
     render(
       <Layout>
         <Layout.Header>Header</Layout.Header>
@@ -71,7 +71,7 @@ describe('Layout Component', () => {
       screen.queryByText('Ant Design Layout Footer'),
     ).not.toBeInTheDocument();
   });
-  test('collapses Sider when clicked', () => {
+  it('collapses Sider when clicked', () => {
     const TestLayout = () => {
       const [collapsed, setCollapsed] = useState(false);
 
diff --git a/superset-frontend/src/components/Layout/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Layout/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Layout/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Layout/index.tsx
diff --git a/superset-frontend/src/components/Layout/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Layout/types.ts
similarity index 100%
rename from superset-frontend/src/components/Layout/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Layout/types.ts
diff --git a/superset-frontend/src/components/List/List.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/List/List.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/List/List.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/List/List.stories.tsx
diff --git a/superset-frontend/src/components/List/List.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/List/List.test.tsx
similarity index 95%
rename from superset-frontend/src/components/List/List.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/List/List.test.tsx
index e1da6e4974a..2423bc3a00f 100644
--- a/superset-frontend/src/components/List/List.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/List/List.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { List } from '.';
 import type { ListProps } from './types';
 
diff --git a/superset-frontend/src/components/List/index.ts b/superset-frontend/packages/superset-ui-core/src/components/List/index.ts
similarity index 96%
rename from superset-frontend/src/components/List/index.ts
rename to superset-frontend/packages/superset-ui-core/src/components/List/index.ts
index 0f8c50fea24..7eaccbb8c58 100644
--- a/superset-frontend/src/components/List/index.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/List/index.ts
@@ -20,7 +20,7 @@ import { css, styled } from '@superset-ui/core';
 import { List as AntdList } from 'antd';
 import type { ListProps, ListItemProps, ListItemMetaProps } from './types';
 
-interface CompactListItemProps extends ListItemProps {
+export interface CompactListItemProps extends ListItemProps {
   compact?: boolean;
 }
 
diff --git a/superset-frontend/src/components/List/types.ts b/superset-frontend/packages/superset-ui-core/src/components/List/types.ts
similarity index 100%
rename from superset-frontend/src/components/List/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/List/types.ts
diff --git a/superset-frontend/src/components/ListViewCard/ImageLoader.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ImageLoader.test.tsx
similarity index 97%
rename from superset-frontend/src/components/ListViewCard/ImageLoader.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ImageLoader.test.tsx
index 8e5ea595b14..abbc6c21cd5 100644
--- a/superset-frontend/src/components/ListViewCard/ImageLoader.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ImageLoader.test.tsx
@@ -18,7 +18,7 @@
  */
 import fetchMock from 'fetch-mock';
 
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { ImageLoader, type BackgroundPosition } from './ImageLoader';
 
 global.URL.createObjectURL = jest.fn(() => '/local_url');
diff --git a/superset-frontend/src/components/ListViewCard/ImageLoader.tsx b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ImageLoader.tsx
similarity index 100%
rename from superset-frontend/src/components/ListViewCard/ImageLoader.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ImageLoader.tsx
diff --git a/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ListViewCard.stories.tsx
similarity index 97%
rename from superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ListViewCard.stories.tsx
index 4c1b6f9516b..629ede398f9 100644
--- a/superset-frontend/src/components/ListViewCard/ListViewCard.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ListViewCard.stories.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { action } from '@storybook/addon-actions';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Menu } from '../Menu';
 import { Dropdown } from '../Dropdown';
 import { FaveStar } from '../FaveStar';
diff --git a/superset-frontend/src/components/ListViewCard/ListViewCard.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ListViewCard.test.tsx
similarity index 96%
rename from superset-frontend/src/components/ListViewCard/ListViewCard.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ListViewCard.test.tsx
index a188f1ff20e..4c21d68e2ea 100644
--- a/superset-frontend/src/components/ListViewCard/ListViewCard.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/ListViewCard.test.tsx
@@ -18,7 +18,7 @@
  */
 import fetchMock from 'fetch-mock';
 
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { ListViewCard } from '.';
 
 global.URL.createObjectURL = jest.fn(() => '/local_url');
diff --git a/superset-frontend/src/components/ListViewCard/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/index.tsx
similarity index 100%
rename from superset-frontend/src/components/ListViewCard/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ListViewCard/index.tsx
diff --git a/superset-frontend/src/components/ListViewCard/types.ts b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/types.ts
similarity index 100%
rename from superset-frontend/src/components/ListViewCard/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/ListViewCard/types.ts
diff --git a/superset-frontend/src/components/Loading/Loading.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Loading/Loading.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Loading/Loading.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Loading/Loading.stories.tsx
diff --git a/superset-frontend/src/components/Loading/Loading.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Loading/Loading.test.tsx
similarity index 97%
rename from superset-frontend/src/components/Loading/Loading.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Loading/Loading.test.tsx
index 277b3f21ec3..65893e8fc0a 100644
--- a/superset-frontend/src/components/Loading/Loading.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Loading/Loading.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { Loading } from '.';
 
 test('Rerendering correctly with default props', () => {
diff --git a/superset-frontend/src/components/Loading/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Loading/index.tsx
similarity index 97%
rename from superset-frontend/src/components/Loading/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Loading/index.tsx
index fe905d406de..c97a27c2e7c 100644
--- a/superset-frontend/src/components/Loading/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Loading/index.tsx
@@ -19,7 +19,7 @@
 
 import { styled } from '@superset-ui/core';
 import cls from 'classnames';
-import Loader from 'src/assets/images/loading.gif';
+import { Loading as Loader } from '../assets';
 import type { LoadingProps } from './types';
 
 const LoaderImg = styled.img`
diff --git a/superset-frontend/src/components/Loading/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Loading/types.ts
similarity index 100%
rename from superset-frontend/src/components/Loading/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Loading/types.ts
diff --git a/superset-frontend/src/components/Menu/Menu.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Menu/Menu.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Menu/Menu.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Menu/Menu.stories.tsx
diff --git a/superset-frontend/src/components/Menu/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Menu/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Menu/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Menu/index.tsx
diff --git a/superset-frontend/src/components/Metadata/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Metadata/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Metadata/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Metadata/index.tsx
diff --git a/superset-frontend/src/components/MetadataBar/ContentConfig.tsx b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/ContentConfig.tsx
similarity index 98%
rename from superset-frontend/src/components/MetadataBar/ContentConfig.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/ContentConfig.tsx
index a4cc1cd3c7f..3216ceab80b 100644
--- a/superset-frontend/src/components/MetadataBar/ContentConfig.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/ContentConfig.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { ensureIsArray, styled, t } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { ContentType, MetadataType } from '.';
 
 const Header = styled.div`
diff --git a/superset-frontend/src/components/MetadataBar/ContentType.ts b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/ContentType.ts
similarity index 100%
rename from superset-frontend/src/components/MetadataBar/ContentType.ts
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/ContentType.ts
diff --git a/superset-frontend/src/components/MetadataBar/MetadataBar.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBar.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/MetadataBar/MetadataBar.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBar.stories.tsx
diff --git a/superset-frontend/src/components/MetadataBar/MetadataBar.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBar.test.tsx
similarity index 92%
rename from superset-frontend/src/components/MetadataBar/MetadataBar.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBar.test.tsx
index 90753af6a2a..34d183ca0b6 100644
--- a/superset-frontend/src/components/MetadataBar/MetadataBar.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBar.test.tsx
@@ -16,12 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  render,
-  screen,
-  userEvent,
-  within,
-} from 'spec/helpers/testing-library';
+import { render, screen, userEvent, within } from '@superset-ui/core/spec';
 import * as resizeDetector from 'react-resize-detector';
 import { supersetTheme, hexToRgb } from '@superset-ui/core';
 import MetadataBar, {
@@ -137,9 +132,9 @@ test('collapses the bar when min width is reached', async () => {
 test('always renders a tooltip when the bar is collapsed', async () => {
   await runWithBarCollapsed(async () => {
     render(<MetadataBar items={ITEMS.slice(0, 2)} />);
-    userEvent.hover(screen.getAllByRole('img')[0]);
+    await userEvent.hover(screen.getAllByRole('img')[0]);
     expect(await screen.findByText(DASHBOARD_DESCRIPTION)).toBeInTheDocument();
-    userEvent.hover(screen.getAllByRole('img')[1]);
+    await userEvent.hover(screen.getAllByRole('img')[1]);
     expect(await screen.findByText(DESCRIPTION_VALUE)).toBeInTheDocument();
   });
 });
@@ -147,16 +142,16 @@ test('always renders a tooltip when the bar is collapsed', async () => {
 test('renders a tooltip when one is provided even if not collapsed', async () => {
   render(<MetadataBar items={ITEMS.slice(0, 2)} />);
   expect(screen.getByText(DASHBOARD_TITLE)).toBeInTheDocument();
-  userEvent.hover(screen.getAllByRole('img')[0]);
+  await userEvent.hover(screen.getAllByRole('img')[0]);
   expect(await screen.findByText(DASHBOARD_DESCRIPTION)).toBeInTheDocument();
 });
 
-test('renders underlined text and emits event when clickable', () => {
+test('renders underlined text and emits event when clickable', async () => {
   const onClick = jest.fn();
   const items = [{ ...ITEMS[0], onClick }, ITEMS[1]];
   render(<MetadataBar items={items} />);
   const element = screen.getByText(DASHBOARD_TITLE);
-  userEvent.click(element);
+  await userEvent.click(element);
   expect(onClick).toHaveBeenCalled();
   const style = window.getComputedStyle(element);
   expect(style.textDecoration).toBe('underline');
@@ -189,7 +184,7 @@ test('renders the items sorted', () => {
 
 test('correctly renders the dashboards tooltip', async () => {
   render(<MetadataBar items={ITEMS.slice(0, 2)} />);
-  userEvent.hover(screen.getByText(DASHBOARD_TITLE));
+  await userEvent.hover(screen.getByText(DASHBOARD_TITLE));
   const tooltip = await screen.findByRole('tooltip');
   expect(tooltip).toBeInTheDocument();
   expect(within(tooltip).getByText(DASHBOARD_TITLE)).toBeInTheDocument();
@@ -199,7 +194,7 @@ test('correctly renders the dashboards tooltip', async () => {
 test('correctly renders the description tooltip', async () => {
   await runWithBarCollapsed(async () => {
     render(<MetadataBar items={ITEMS.slice(0, 2)} />);
-    userEvent.hover(screen.getAllByRole('img')[1]);
+    await userEvent.hover(screen.getAllByRole('img')[1]);
     const tooltip = await screen.findByRole('tooltip');
     expect(tooltip).toBeInTheDocument();
     expect(within(tooltip).getByText(DESCRIPTION_VALUE)).toBeInTheDocument();
@@ -208,7 +203,7 @@ test('correctly renders the description tooltip', async () => {
 
 test('correctly renders the last modified tooltip', async () => {
   render(<MetadataBar items={ITEMS.slice(0, 3)} />);
-  userEvent.hover(screen.getByText(TWO_DAYS_AGO));
+  await userEvent.hover(screen.getByText(TWO_DAYS_AGO));
   const tooltip = await screen.findByRole('tooltip');
   expect(tooltip).toBeInTheDocument();
   expect(within(tooltip).getByText(TWO_DAYS_AGO)).toBeInTheDocument();
@@ -217,7 +212,7 @@ test('correctly renders the last modified tooltip', async () => {
 
 test('correctly renders the owner tooltip', async () => {
   render(<MetadataBar items={ITEMS.slice(0, 4)} />);
-  userEvent.hover(screen.getByText(CREATED_BY));
+  await userEvent.hover(screen.getByText(CREATED_BY));
   const tooltip = await screen.findByRole('tooltip');
   expect(tooltip).toBeInTheDocument();
   expect(within(tooltip).getByText(CREATED_BY)).toBeInTheDocument();
@@ -230,7 +225,7 @@ test('correctly renders the owner tooltip', async () => {
 test('correctly renders the rows tooltip', async () => {
   await runWithBarCollapsed(async () => {
     render(<MetadataBar items={ITEMS.slice(4, 8)} />);
-    userEvent.hover(screen.getAllByRole('img')[2]);
+    await userEvent.hover(screen.getAllByRole('img')[2]);
     const tooltip = await screen.findByRole('tooltip');
     expect(tooltip).toBeInTheDocument();
     expect(within(tooltip).getByText(ROWS_TITLE)).toBeInTheDocument();
@@ -240,7 +235,7 @@ test('correctly renders the rows tooltip', async () => {
 test('correctly renders the sql tooltip', async () => {
   await runWithBarCollapsed(async () => {
     render(<MetadataBar items={ITEMS.slice(4, 8)} />);
-    userEvent.hover(screen.getAllByRole('img')[1]);
+    await userEvent.hover(screen.getAllByRole('img')[1]);
     const tooltip = await screen.findByRole('tooltip');
     expect(tooltip).toBeInTheDocument();
     expect(within(tooltip).getByText(SQL_TITLE)).toBeInTheDocument();
@@ -250,7 +245,7 @@ test('correctly renders the sql tooltip', async () => {
 test('correctly renders the table tooltip', async () => {
   await runWithBarCollapsed(async () => {
     render(<MetadataBar items={ITEMS.slice(4, 8)} />);
-    userEvent.hover(screen.getAllByRole('img')[0]);
+    await userEvent.hover(screen.getAllByRole('img')[0]);
     const tooltip = await screen.findByRole('tooltip');
     expect(tooltip).toBeInTheDocument();
     expect(within(tooltip).getByText(TABLE_TITLE)).toBeInTheDocument();
@@ -260,7 +255,7 @@ test('correctly renders the table tooltip', async () => {
 test('correctly renders the tags tooltip', async () => {
   await runWithBarCollapsed(async () => {
     render(<MetadataBar items={ITEMS.slice(4, 8)} />);
-    userEvent.hover(screen.getAllByRole('img')[3]);
+    await userEvent.hover(screen.getAllByRole('img')[3]);
     const tooltip = await screen.findByRole('tooltip');
     expect(tooltip).toBeInTheDocument();
     TAGS.forEach(tag =>
diff --git a/superset-frontend/src/components/MetadataBar/MetadataBar.tsx b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBar.tsx
similarity index 100%
rename from superset-frontend/src/components/MetadataBar/MetadataBar.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBar.tsx
diff --git a/superset-frontend/src/components/MetadataBar/MetadataBarOverview.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBarOverview.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/MetadataBar/MetadataBarOverview.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/MetadataBarOverview.stories.tsx
diff --git a/superset-frontend/src/components/MetadataBar/constants.ts b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/constants.ts
similarity index 100%
rename from superset-frontend/src/components/MetadataBar/constants.ts
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/constants.ts
diff --git a/superset-frontend/src/components/MetadataBar/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/MetadataBar/index.tsx
similarity index 100%
rename from superset-frontend/src/components/MetadataBar/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/MetadataBar/index.tsx
diff --git a/superset-frontend/src/components/Modal/FormModal.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Modal/FormModal.test.tsx
similarity index 92%
rename from superset-frontend/src/components/Modal/FormModal.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Modal/FormModal.test.tsx
index 0fa65fd79d0..400efe668e4 100644
--- a/superset-frontend/src/components/Modal/FormModal.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Modal/FormModal.test.tsx
@@ -18,12 +18,12 @@
  */
 
 import {
-  render,
   fireEvent,
+  render,
   screen,
   userEvent,
   waitFor,
-} from 'spec/helpers/testing-library';
+} from '@superset-ui/core/spec';
 import type { FormModalProps } from './types';
 import { FormItem } from '../Form';
 import { Input } from '../Input';
@@ -76,7 +76,7 @@ describe('FormModal Component', () => {
     renderComponent();
 
     const nameInput = screen.getByPlaceholderText('Enter your name');
-    userEvent.type(nameInput, 'Jane Doe');
+    await userEvent.type(nameInput, 'Jane Doe');
 
     await waitFor(() => {
       expect(screen.getByTestId('form-modal-save-button')).toBeEnabled();
@@ -87,7 +87,7 @@ describe('FormModal Component', () => {
     renderComponent();
 
     const emailInput = screen.getByPlaceholderText('Enter your email');
-    userEvent.type(emailInput, 'test@example.com');
+    await userEvent.type(emailInput, 'test@example.com');
 
     await waitFor(() => {
       expect(screen.getByTestId('form-modal-save-button')).toBeDisabled();
@@ -97,8 +97,11 @@ describe('FormModal Component', () => {
   it('should call formSubmitHandler with correct values when submitted', async () => {
     renderComponent();
 
-    userEvent.type(screen.getByPlaceholderText('Enter your name'), 'Jane Doe');
-    userEvent.type(
+    await userEvent.type(
+      screen.getByPlaceholderText('Enter your name'),
+      'Jane Doe',
+    );
+    await userEvent.type(
       screen.getByPlaceholderText('Enter your email'),
       'test@example.com',
     );
diff --git a/superset-frontend/src/components/Modal/FormModal.tsx b/superset-frontend/packages/superset-ui-core/src/components/Modal/FormModal.tsx
similarity index 100%
rename from superset-frontend/src/components/Modal/FormModal.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Modal/FormModal.tsx
diff --git a/superset-frontend/src/components/Modal/Modal.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Modal/Modal.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Modal/Modal.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Modal/Modal.stories.tsx
diff --git a/superset-frontend/src/components/Modal/Modal.tsx b/superset-frontend/packages/superset-ui-core/src/components/Modal/Modal.tsx
similarity index 100%
rename from superset-frontend/src/components/Modal/Modal.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Modal/Modal.tsx
diff --git a/superset-frontend/src/components/Modal/index.ts b/superset-frontend/packages/superset-ui-core/src/components/Modal/index.ts
similarity index 100%
rename from superset-frontend/src/components/Modal/index.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Modal/index.ts
diff --git a/superset-frontend/src/components/Modal/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Modal/types.ts
similarity index 100%
rename from superset-frontend/src/components/Modal/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Modal/types.ts
diff --git a/superset-frontend/src/components/ModalTrigger/ModalTrigger.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/ModalTrigger.stories.tsx
similarity index 98%
rename from superset-frontend/src/components/ModalTrigger/ModalTrigger.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/ModalTrigger.stories.tsx
index 521c86fa419..739cfecc87a 100644
--- a/superset-frontend/src/components/ModalTrigger/ModalTrigger.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/ModalTrigger.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import ModalTrigger from '.';
+import { ModalTrigger } from '.';
 
 interface IModalTriggerProps {
   triggerNode: JSX.Element;
diff --git a/superset-frontend/src/components/ModalTrigger/ModalTrigger.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/ModalTrigger.test.tsx
similarity index 88%
rename from superset-frontend/src/components/ModalTrigger/ModalTrigger.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/ModalTrigger.test.tsx
index 5971060eaee..de1ba235921 100644
--- a/superset-frontend/src/components/ModalTrigger/ModalTrigger.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/ModalTrigger.test.tsx
@@ -16,14 +16,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { supersetTheme } from '@superset-ui/core';
-import ModalTrigger from '.';
+import { ModalTrigger } from '.';
 
 const mockedProps = {
   triggerNode: <span>Trigger</span>,
@@ -66,8 +61,8 @@ test('should render a tooltip on hover', async () => {
   };
   render(<ModalTrigger {...tooltipProps} />);
 
-  userEvent.hover(screen.getByRole('button'));
-  await waitFor(() => expect(screen.getByRole('tooltip')).toBeInTheDocument());
+  await userEvent.hover(screen.getByRole('button'));
+  await screen.findByRole('tooltip');
 });
 
 test('should not render a modal before click', () => {
@@ -75,9 +70,9 @@ test('should not render a modal before click', () => {
   expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
 });
 
-test('should render a modal after click', () => {
+test('should render a modal after click', async () => {
   render(<ModalTrigger {...mockedProps} />);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(screen.getByRole('dialog')).toBeInTheDocument();
 });
 
diff --git a/superset-frontend/src/components/ModalTrigger/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/index.tsx
similarity index 98%
rename from superset-frontend/src/components/ModalTrigger/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/index.tsx
index 7aaca6c8f5e..97708597f8c 100644
--- a/superset-frontend/src/components/ModalTrigger/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ModalTrigger/index.tsx
@@ -50,7 +50,7 @@ export interface ModalTriggerRef {
   };
 }
 
-const ModalTrigger = forwardRef(
+export const ModalTrigger = forwardRef(
   (props: ModalTriggerProps, ref: ModalTriggerRef | null) => {
     const [showModal, setShowModal] = useState(false);
     const {
@@ -128,5 +128,3 @@ const ModalTrigger = forwardRef(
     );
   },
 );
-
-export default ModalTrigger;
diff --git a/superset-frontend/src/components/PageHeaderWithActions/PageHeaderWithActions.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/PageHeaderWithActions/PageHeaderWithActions.test.tsx
similarity index 93%
rename from superset-frontend/src/components/PageHeaderWithActions/PageHeaderWithActions.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PageHeaderWithActions/PageHeaderWithActions.test.tsx
index 2946495e59e..21c1d933061 100644
--- a/superset-frontend/src/components/PageHeaderWithActions/PageHeaderWithActions.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/PageHeaderWithActions/PageHeaderWithActions.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { PageHeaderWithActions, PageHeaderWithActionsProps } from './index';
 import { Menu } from '../Menu';
 
@@ -50,6 +50,6 @@ test('Renders', async () => {
   expect(screen.getByText('Title panel button')).toBeVisible();
   expect(screen.getByText('Save')).toBeVisible();
 
-  userEvent.click(screen.getByLabelText('Menu actions trigger'));
+  await userEvent.click(screen.getByLabelText('Menu actions trigger'));
   expect(defaultProps.menuDropdownProps.onVisibleChange).toHaveBeenCalled();
 });
diff --git a/superset-frontend/src/components/PageHeaderWithActions/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/PageHeaderWithActions/index.tsx
similarity index 98%
rename from superset-frontend/src/components/PageHeaderWithActions/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PageHeaderWithActions/index.tsx
index 8334d58af19..327157d7c37 100644
--- a/superset-frontend/src/components/PageHeaderWithActions/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/PageHeaderWithActions/index.tsx
@@ -18,7 +18,7 @@
  */
 import { ReactNode, ReactElement } from 'react';
 import { css, SupersetTheme, t, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import type { DropdownProps } from '../Dropdown/types';
 import type { TooltipPlacement } from '../Tooltip/types';
 import type { CertifiedBadgeProps } from '../CertifiedBadge/types';
diff --git a/superset-frontend/src/components/Pagination/Ellipsis.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Ellipsis.test.tsx
similarity index 79%
rename from superset-frontend/src/components/Pagination/Ellipsis.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Ellipsis.test.tsx
index 0a6d5d8a3bc..bb26d7848e8 100644
--- a/superset-frontend/src/components/Pagination/Ellipsis.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Ellipsis.test.tsx
@@ -17,21 +17,21 @@
  * under the License.
  */
 
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { Ellipsis } from './Ellipsis';
 
-test('Ellipsis - click when the button is enabled', () => {
+test('Ellipsis - click when the button is enabled', async () => {
   const click = jest.fn();
   render(<Ellipsis onClick={click} />);
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(1);
 });
 
-test('Ellipsis - click when the button is disabled', () => {
+test('Ellipsis - click when the button is disabled', async () => {
   const click = jest.fn();
   render(<Ellipsis onClick={click} disabled />);
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(0);
 });
diff --git a/superset-frontend/src/components/Pagination/Ellipsis.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Ellipsis.tsx
similarity index 100%
rename from superset-frontend/src/components/Pagination/Ellipsis.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Ellipsis.tsx
diff --git a/superset-frontend/src/components/Pagination/Item.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Item.test.tsx
similarity index 82%
rename from superset-frontend/src/components/Pagination/Item.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Item.test.tsx
index fa0faf50b9f..9be49cf68c3 100644
--- a/superset-frontend/src/components/Pagination/Item.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Item.test.tsx
@@ -17,10 +17,10 @@
  * under the License.
  */
 
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { Item } from './Item';
 
-test('Item - click when the item is not active', () => {
+test('Item - click when the item is not active', async () => {
   const click = jest.fn();
   render(
     <Item onClick={click}>
@@ -28,12 +28,12 @@ test('Item - click when the item is not active', () => {
     </Item>,
   );
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(1);
   expect(screen.getByTestId('test')).toBeInTheDocument();
 });
 
-test('Item - click when the item is active', () => {
+test('Item - click when the item is active', async () => {
   const click = jest.fn();
   render(
     <Item onClick={click} active>
@@ -41,7 +41,7 @@ test('Item - click when the item is active', () => {
     </Item>,
   );
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(0);
   expect(screen.getByTestId('test')).toBeInTheDocument();
 });
diff --git a/superset-frontend/src/components/Pagination/Item.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Item.tsx
similarity index 100%
rename from superset-frontend/src/components/Pagination/Item.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Item.tsx
diff --git a/superset-frontend/src/components/Pagination/Next.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Next.test.tsx
similarity index 79%
rename from superset-frontend/src/components/Pagination/Next.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Next.test.tsx
index 49f25db6da6..7b17857ff47 100644
--- a/superset-frontend/src/components/Pagination/Next.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Next.test.tsx
@@ -17,21 +17,21 @@
  * under the License.
  */
 
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { Next } from './Next';
 
-test('Next - click when the button is enabled', () => {
+test('Next - click when the button is enabled', async () => {
   const click = jest.fn();
   render(<Next onClick={click} />);
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(1);
 });
 
-test('Next - click when the button is disabled', () => {
+test('Next - click when the button is disabled', async () => {
   const click = jest.fn();
   render(<Next onClick={click} disabled />);
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(0);
 });
diff --git a/superset-frontend/src/components/Pagination/Next.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Next.tsx
similarity index 100%
rename from superset-frontend/src/components/Pagination/Next.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Next.tsx
diff --git a/superset-frontend/src/components/Pagination/Prev.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Prev.test.tsx
similarity index 79%
rename from superset-frontend/src/components/Pagination/Prev.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Prev.test.tsx
index c100f36e9f7..576817b3772 100644
--- a/superset-frontend/src/components/Pagination/Prev.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Prev.test.tsx
@@ -17,21 +17,21 @@
  * under the License.
  */
 
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import { Prev } from './Prev';
 
-test('Prev - click when the button is enabled', () => {
+test('Prev - click when the button is enabled', async () => {
   const click = jest.fn();
   render(<Prev onClick={click} />);
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(1);
 });
 
-test('Prev - click when the button is disabled', () => {
+test('Prev - click when the button is disabled', async () => {
   const click = jest.fn();
   render(<Prev onClick={click} disabled />);
   expect(click).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(click).toHaveBeenCalledTimes(0);
 });
diff --git a/superset-frontend/src/components/Pagination/Prev.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Prev.tsx
similarity index 100%
rename from superset-frontend/src/components/Pagination/Prev.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Prev.tsx
diff --git a/superset-frontend/src/components/Pagination/Wrapper.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Wrapper.test.tsx
similarity index 96%
rename from superset-frontend/src/components/Pagination/Wrapper.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Wrapper.test.tsx
index 9685d08ea9b..1dc61e59d77 100644
--- a/superset-frontend/src/components/Pagination/Wrapper.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Wrapper.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render, screen, cleanup } from 'spec/helpers/testing-library';
+import { render, screen, cleanup } from '@superset-ui/core/spec';
 import Wrapper from './Wrapper';
 
 // Add cleanup after each test
diff --git a/superset-frontend/src/components/Pagination/Wrapper.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/Wrapper.tsx
similarity index 100%
rename from superset-frontend/src/components/Pagination/Wrapper.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/Wrapper.tsx
diff --git a/superset-frontend/src/components/Pagination/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Pagination/index.tsx
similarity index 95%
rename from superset-frontend/src/components/Pagination/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/index.tsx
index 1fc6fe6d7b1..c1ba0da0df2 100644
--- a/superset-frontend/src/components/Pagination/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Pagination/index.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import Pagination from 'src/components/Pagination/Wrapper';
+import Pagination from '@superset-ui/core/components/Pagination/Wrapper';
 import {
   createUltimatePagination,
   ITEM_TYPES,
diff --git a/superset-frontend/src/components/Pagination/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Pagination/types.ts
similarity index 100%
rename from superset-frontend/src/components/Pagination/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Pagination/types.ts
diff --git a/superset-frontend/src/components/Popover/Popover.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Popover/Popover.stories.tsx
similarity index 96%
rename from superset-frontend/src/components/Popover/Popover.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Popover/Popover.stories.tsx
index dbf9aab1c45..c7d58485ece 100644
--- a/superset-frontend/src/components/Popover/Popover.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Popover/Popover.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import Popover, { PopoverProps } from 'src/components/Popover';
+import { Popover, PopoverProps } from '@superset-ui/core/components/Popover';
 import { Button } from '../Button';
 
 export default {
diff --git a/superset-frontend/src/components/Popover/Popover.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Popover/Popover.test.tsx
similarity index 90%
rename from superset-frontend/src/components/Popover/Popover.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Popover/Popover.test.tsx
index 36c6cdc2f90..8576b805875 100644
--- a/superset-frontend/src/components/Popover/Popover.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Popover/Popover.test.tsx
@@ -16,15 +16,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
-import { supersetTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import Popover from 'src/components/Popover';
+import { render, screen, userEvent, waitFor } from '@superset-ui/core/spec';
+import { supersetTheme } from '../..';
+import { Icons, Popover } from '..';
 import { Button } from '../Button';
 
 test('should render', () => {
@@ -75,7 +69,7 @@ test('fires an event when visibility is changed', async () => {
       <Button>Hover me</Button>
     </Popover>,
   );
-  userEvent.hover(screen.getByRole('button'));
+  await userEvent.hover(screen.getByRole('button'));
   await waitFor(() => expect(onOpenChange).toHaveBeenCalledTimes(1));
 });
 
diff --git a/superset-frontend/src/components/Popover/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Popover/index.tsx
similarity index 91%
rename from superset-frontend/src/components/Popover/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Popover/index.tsx
index 8446840722f..f7e41b5be62 100644
--- a/superset-frontend/src/components/Popover/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Popover/index.tsx
@@ -23,6 +23,4 @@ export interface PopoverProps extends AntdPopoverProps {
   forceRender?: boolean;
 }
 
-const Popover = (props: PopoverProps) => <AntdPopover {...props} />;
-
-export default Popover;
+export const Popover = (props: PopoverProps) => <AntdPopover {...props} />;
diff --git a/superset-frontend/src/components/PopoverDropdown/PopoverDropdown.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/PopoverDropdown.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/PopoverDropdown/PopoverDropdown.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/PopoverDropdown.stories.tsx
diff --git a/superset-frontend/src/components/PopoverDropdown/PopoverDropdown.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/PopoverDropdown.test.tsx
similarity index 88%
rename from superset-frontend/src/components/PopoverDropdown/PopoverDropdown.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/PopoverDropdown.test.tsx
index 863ef046efa..9a4f669a5b9 100644
--- a/superset-frontend/src/components/PopoverDropdown/PopoverDropdown.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/PopoverDropdown.test.tsx
@@ -16,11 +16,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import PopoverDropdown, {
   PopoverDropdownProps,
   OptionProps,
-} from 'src/components/PopoverDropdown';
+} from '@superset-ui/core/components/PopoverDropdown';
 
 const defaultProps: PopoverDropdownProps = {
   id: 'popover-dropdown',
@@ -42,7 +42,7 @@ test('renders with default props', async () => {
 
 test('renders the menu on click', async () => {
   render(<PopoverDropdown {...defaultProps} />);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(await screen.findByRole('menu')).toBeInTheDocument();
 });
 
@@ -71,14 +71,14 @@ test('renders with custom option', async () => {
       )}
     />,
   );
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(await screen.findByText('Custom Option 1')).toBeInTheDocument();
 });
 
 test('triggers onChange', async () => {
   render(<PopoverDropdown {...defaultProps} />);
-  userEvent.click(screen.getByRole('button'));
+  await userEvent.click(screen.getByRole('button'));
   expect(await screen.findByText('Option 2')).toBeInTheDocument();
-  userEvent.click(screen.getByText('Option 2'));
+  await userEvent.click(screen.getByText('Option 2'));
   expect(defaultProps.onChange).toHaveBeenCalled();
 });
diff --git a/superset-frontend/src/components/PopoverDropdown/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/index.tsx
similarity index 96%
rename from superset-frontend/src/components/PopoverDropdown/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/index.tsx
index a45b2b93a35..5b0532afa46 100644
--- a/superset-frontend/src/components/PopoverDropdown/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/PopoverDropdown/index.tsx
@@ -19,8 +19,8 @@
 import { Key } from 'react';
 import cx from 'classnames';
 import { styled, useTheme } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
-import { Icons } from 'src/components/Icons';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Dropdown } from '../Dropdown';
 
 export interface OptionProps {
diff --git a/superset-frontend/src/components/PopoverSection/PopoverSection.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/PopoverSection/PopoverSection.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/PopoverSection/PopoverSection.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PopoverSection/PopoverSection.stories.tsx
diff --git a/superset-frontend/src/components/PopoverSection/PopoverSection.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/PopoverSection/PopoverSection.test.tsx
similarity index 88%
rename from superset-frontend/src/components/PopoverSection/PopoverSection.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PopoverSection/PopoverSection.test.tsx
index 29978aba637..09bbb44be38 100644
--- a/superset-frontend/src/components/PopoverSection/PopoverSection.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/PopoverSection/PopoverSection.test.tsx
@@ -16,8 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
-import PopoverSection from 'src/components/PopoverSection';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
+import PopoverSection from '.';
 
 test('renders with default props', async () => {
   render(
@@ -44,7 +44,7 @@ test('renders a tooltip when hovered', async () => {
       <div role="form" />
     </PopoverSection>,
   );
-  userEvent.hover(screen.getAllByRole('img')[0]);
+  await userEvent.hover(screen.getAllByRole('img')[0]);
   expect(await screen.findByRole('tooltip')).toBeInTheDocument();
 });
 
@@ -55,6 +55,6 @@ test('calls onSelect when clicked', async () => {
       <div role="form" />
     </PopoverSection>,
   );
-  userEvent.click(await screen.findByRole('img'));
+  await userEvent.click(await screen.findByRole('img'));
   expect(onSelect).toHaveBeenCalled();
 });
diff --git a/superset-frontend/src/components/PopoverSection/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/PopoverSection/index.tsx
similarity index 97%
rename from superset-frontend/src/components/PopoverSection/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/PopoverSection/index.tsx
index be201a24b09..2e395e8a427 100644
--- a/superset-frontend/src/components/PopoverSection/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/PopoverSection/index.tsx
@@ -18,7 +18,7 @@
  */
 import { MouseEventHandler, ReactNode } from 'react';
 import { css, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Tooltip } from '../Tooltip';
 
 export interface PopoverSectionProps {
diff --git a/superset-frontend/src/components/ProgressBar/ProgressBar.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/ProgressBar/ProgressBar.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/ProgressBar/ProgressBar.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ProgressBar/ProgressBar.stories.tsx
diff --git a/superset-frontend/src/components/ProgressBar/ProgressBar.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/ProgressBar/ProgressBar.test.tsx
similarity index 97%
rename from superset-frontend/src/components/ProgressBar/ProgressBar.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ProgressBar/ProgressBar.test.tsx
index cb419b51b5d..db606c0ff64 100644
--- a/superset-frontend/src/components/ProgressBar/ProgressBar.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ProgressBar/ProgressBar.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import ProgressBar, { ProgressBarProps } from '.';
 
 const mockedProps: ProgressBarProps = {
diff --git a/superset-frontend/src/components/ProgressBar/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/ProgressBar/index.tsx
similarity index 100%
rename from superset-frontend/src/components/ProgressBar/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ProgressBar/index.tsx
diff --git a/superset-frontend/src/components/Radio/Radio.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Radio/Radio.stories.tsx
similarity index 98%
rename from superset-frontend/src/components/Radio/Radio.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Radio/Radio.stories.tsx
index d7fb4056dad..65ba411f1c2 100644
--- a/superset-frontend/src/components/Radio/Radio.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Radio/Radio.stories.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { css } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Space } from '../Space';
 import { Radio, type RadioProps, type RadioGroupWrapperProps } from '.';
 
diff --git a/superset-frontend/src/components/Radio/Radio.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Radio/Radio.test.tsx
similarity index 92%
rename from superset-frontend/src/components/Radio/Radio.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Radio/Radio.test.tsx
index c9ea42ed709..2601ba95f15 100644
--- a/superset-frontend/src/components/Radio/Radio.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Radio/Radio.test.tsx
@@ -16,12 +16,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, fireEvent } from '@testing-library/react';
+import { render, screen, fireEvent } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { Radio } from '.';
 
 describe('Radio Component', () => {
-  test('renders radio button and allows selection', () => {
+  it('renders radio button and allows selection', () => {
     render(
       <Radio.Group>
         <Radio value="option1">Option 1</Radio>
diff --git a/superset-frontend/src/components/Radio/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Radio/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Radio/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Radio/index.tsx
diff --git a/superset-frontend/src/components/RefreshLabel/RefreshLabel.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/RefreshLabel.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/RefreshLabel/RefreshLabel.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/RefreshLabel.stories.tsx
diff --git a/superset-frontend/src/components/RefreshLabel/RefreshLabel.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/RefreshLabel.test.tsx
similarity index 87%
rename from superset-frontend/src/components/RefreshLabel/RefreshLabel.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/RefreshLabel.test.tsx
index f90c503164a..c44b207e1dc 100644
--- a/superset-frontend/src/components/RefreshLabel/RefreshLabel.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/RefreshLabel.test.tsx
@@ -16,21 +16,21 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
-import RefreshLabel from 'src/components/RefreshLabel';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
+import RefreshLabel from '@superset-ui/core/components/RefreshLabel';
 
 test('renders with default props', async () => {
   render(<RefreshLabel tooltipContent="Tooltip" onClick={jest.fn()} />);
   const refresh = await screen.findByRole('button');
   expect(refresh).toBeInTheDocument();
-  userEvent.hover(refresh);
+  await userEvent.hover(refresh);
 });
 
 test('renders tooltip on hover', async () => {
   const tooltipText = 'Tooltip';
   render(<RefreshLabel tooltipContent={tooltipText} onClick={jest.fn()} />);
   const refresh = screen.getByRole('button');
-  userEvent.hover(refresh);
+  await userEvent.hover(refresh);
   const tooltip = await screen.findByRole('tooltip');
   expect(tooltip).toBeInTheDocument();
   expect(tooltip).toHaveTextContent(tooltipText);
@@ -40,6 +40,6 @@ test('triggers on click event', async () => {
   const onClick = jest.fn();
   render(<RefreshLabel tooltipContent="Tooltip" onClick={onClick} />);
   const refresh = await screen.findByRole('button');
-  userEvent.click(refresh);
+  await userEvent.click(refresh);
   expect(onClick).toHaveBeenCalled();
 });
diff --git a/superset-frontend/src/components/RefreshLabel/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/index.tsx
similarity index 92%
rename from superset-frontend/src/components/RefreshLabel/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/index.tsx
index 61857f2cca9..88b680ab1ec 100644
--- a/superset-frontend/src/components/RefreshLabel/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/RefreshLabel/index.tsx
@@ -18,8 +18,8 @@
  */
 import { MouseEventHandler, forwardRef } from 'react';
 import { SupersetTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import type { IconType } from 'src/components/Icons/types';
+import { Icons } from '@superset-ui/core/components/Icons';
+import type { IconType } from '@superset-ui/core/components/Icons/types';
 import { Tooltip } from '../Tooltip';
 
 export interface RefreshLabelProps {
diff --git a/superset-frontend/packages/superset-ui-core/src/components/SafeMarkdown.tsx b/superset-frontend/packages/superset-ui-core/src/components/SafeMarkdown/SafeMarkdown.tsx
similarity index 96%
rename from superset-frontend/packages/superset-ui-core/src/components/SafeMarkdown.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/SafeMarkdown/SafeMarkdown.tsx
index d35c2160e97..ed0a1cc4bfa 100644
--- a/superset-frontend/packages/superset-ui-core/src/components/SafeMarkdown.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/SafeMarkdown/SafeMarkdown.tsx
@@ -20,7 +20,7 @@ import { useEffect, useMemo, useState } from 'react';
 import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
 import { mergeWith } from 'lodash';
-import { FeatureFlag, isFeatureEnabled } from '../utils';
+import { FeatureFlag, isFeatureEnabled } from '../../utils';
 
 interface SafeMarkdownProps {
   source: string;
@@ -37,7 +37,7 @@ export function getOverrideHtmlSchema(
   );
 }
 
-function SafeMarkdown({
+export function SafeMarkdown({
   source,
   htmlSanitization = true,
   htmlSchemaOverrides = {},
@@ -85,5 +85,3 @@ function SafeMarkdown({
     </ReactMarkdown>
   );
 }
-
-export default SafeMarkdown;
diff --git a/superset-frontend/src/components/Select/AsyncSelect.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Select/AsyncSelect.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.stories.tsx
diff --git a/superset-frontend/src/components/Select/AsyncSelect.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.test.tsx
similarity index 95%
rename from superset-frontend/src/components/Select/AsyncSelect.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.test.tsx
index 06e8e61470e..b1b97d63301 100644
--- a/superset-frontend/src/components/Select/AsyncSelect.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.test.tsx
@@ -20,11 +20,11 @@ import {
   createEvent,
   fireEvent,
   render,
-  screen,
   userEvent,
+  screen,
   waitFor,
   within,
-} from 'spec/helpers/testing-library';
+} from '@superset-ui/core/spec';
 import { AsyncSelect } from '.';
 
 const ARIA_LABEL = 'Test';
@@ -137,9 +137,9 @@ const matchOrder = async (expectedLabels: string[]) => {
   return true;
 };
 
-const type = (text: string) => {
+const type = async (text: string) => {
   const select = getSelect();
-  userEvent.clear(select);
+  await userEvent.clear(select);
   return userEvent.type(select, text, { delay: 10 });
 };
 
@@ -200,7 +200,7 @@ test('does not add a new option if the value is already in the options', async (
 test('inverts the selection', async () => {
   render(<AsyncSelect {...defaultProps} invertSelection />);
   await open();
-  userEvent.click(await findSelectOption(OPTIONS[0].label));
+  await userEvent.click(await findSelectOption(OPTIONS[0].label));
   expect(await screen.findByLabelText('stop')).toBeInTheDocument();
 });
 
@@ -236,7 +236,7 @@ test('should sort selected to top when in single mode', async () => {
   render(<AsyncSelect {...defaultProps} mode="single" />);
   const originalLabels = OPTIONS.map(option => option.label);
   await open();
-  userEvent.click(await findSelectOption(originalLabels[1]));
+  await userEvent.click(await findSelectOption(originalLabels[1]));
   // after selection, keep the original order
   expect(await matchOrder(originalLabels)).toBe(true);
 
@@ -249,7 +249,7 @@ test('should sort selected to top when in single mode', async () => {
 
   // keep clicking other items, the updated order should still based on
   // original order
-  userEvent.click(await findSelectOption(originalLabels[5]));
+  await userEvent.click(await findSelectOption(originalLabels[5]));
   await matchOrder(labels);
   await type('{esc}');
   await open();
@@ -258,7 +258,7 @@ test('should sort selected to top when in single mode', async () => {
   expect(await matchOrder(labels)).toBe(true);
 
   // should revert to original order
-  clearAll();
+  await clearAll();
   await type('{esc}');
   await open();
   expect(await matchOrder(originalLabels)).toBe(true);
@@ -270,7 +270,7 @@ test('should sort selected to the top when in multi mode', async () => {
   let labels = originalLabels.slice();
 
   await open();
-  userEvent.click(await findSelectOption(labels[1]));
+  await userEvent.click(await findSelectOption(labels[1]));
   expect(await matchOrder(labels)).toBe(true);
 
   await type('{esc}');
@@ -279,14 +279,14 @@ test('should sort selected to the top when in multi mode', async () => {
   expect(await matchOrder(labels)).toBe(true);
 
   await open();
-  userEvent.click(await findSelectOption(labels[5]));
+  await userEvent.click(await findSelectOption(labels[5]));
   await type('{esc}');
   await open();
   labels = [labels.splice(0, 1)[0], labels.splice(4, 1)[0]].concat(labels);
   expect(await matchOrder(labels)).toBe(true);
 
   // should revert to original order
-  clearAll();
+  await clearAll();
   await type('{esc}');
   await open();
   expect(await matchOrder(originalLabels)).toBe(true);
@@ -449,7 +449,7 @@ test('clear all the values', async () => {
       onClear={onClear}
     />,
   );
-  clearAll();
+  await clearAll();
   expect(onClear).toHaveBeenCalled();
   const values = await findAllSelectValues();
   expect(values.length).toBe(0);
@@ -471,7 +471,7 @@ test('adds the null option when selected in single mode', async () => {
   }));
   render(<AsyncSelect {...defaultProps} options={loadOptions} />);
   await open();
-  userEvent.click(await findSelectOption(NULL_OPTION.label));
+  await userEvent.click(await findSelectOption(NULL_OPTION.label));
   const values = await findAllSelectValues();
   expect(values[0]).toHaveTextContent(NULL_OPTION.label);
 });
@@ -485,8 +485,8 @@ test('adds the null option when selected in multiple mode', async () => {
     <AsyncSelect {...defaultProps} options={loadOptions} mode="multiple" />,
   );
   await open();
-  userEvent.click(await findSelectOption(OPTIONS[0].label));
-  userEvent.click(await findSelectOption(NULL_OPTION.label));
+  await userEvent.click(await findSelectOption(OPTIONS[0].label));
+  await userEvent.click(await findSelectOption(NULL_OPTION.label));
   const values = await findAllSelectValues();
   expect(values[0]).toHaveTextContent(OPTIONS[0].label);
   expect(values[1]).toHaveTextContent(NULL_OPTION.label);
@@ -512,8 +512,8 @@ test('opens the select without any data', async () => {
 
 test('displays the loading indicator when opening', async () => {
   render(<AsyncSelect {...defaultProps} />);
-  await waitFor(() => {
-    userEvent.click(getSelect());
+  await waitFor(async () => {
+    await userEvent.click(getSelect());
     expect(screen.getByText(LOADING)).toBeInTheDocument();
   });
   expect(screen.queryByText(LOADING)).not.toBeInTheDocument();
@@ -523,7 +523,7 @@ test('makes a selection in single mode', async () => {
   render(<AsyncSelect {...defaultProps} />);
   const optionText = 'Emma';
   await open();
-  userEvent.click(await findSelectOption(optionText));
+  await userEvent.click(await findSelectOption(optionText));
   expect(await findSelectValue()).toHaveTextContent(optionText);
 });
 
@@ -531,8 +531,8 @@ test('multiple selections in multiple mode', async () => {
   render(<AsyncSelect {...defaultProps} mode="multiple" />);
   await open();
   const [firstOption, secondOption] = OPTIONS;
-  userEvent.click(await findSelectOption(firstOption.label));
-  userEvent.click(await findSelectOption(secondOption.label));
+  await userEvent.click(await findSelectOption(firstOption.label));
+  await userEvent.click(await findSelectOption(secondOption.label));
   const values = await findAllSelectValues();
   expect(values[0]).toHaveTextContent(firstOption.label);
   expect(values[1]).toHaveTextContent(secondOption.label);
@@ -543,7 +543,7 @@ test('changes the selected item in single mode', async () => {
   render(<AsyncSelect {...defaultProps} onChange={onChange} />);
   await open();
   const [firstOption, secondOption] = OPTIONS;
-  userEvent.click(await findSelectOption(firstOption.label));
+  await userEvent.click(await findSelectOption(firstOption.label));
   expect(onChange).toHaveBeenCalledWith(
     expect.objectContaining({
       label: firstOption.label,
@@ -552,7 +552,7 @@ test('changes the selected item in single mode', async () => {
     expect.objectContaining(firstOption),
   );
   expect(await findSelectValue()).toHaveTextContent(firstOption.label);
-  userEvent.click(await findSelectOption(secondOption.label));
+  await userEvent.click(await findSelectOption(secondOption.label));
   expect(onChange).toHaveBeenCalledWith(
     expect.objectContaining({
       label: secondOption.label,
@@ -568,8 +568,8 @@ test('deselects an item in multiple mode', async () => {
   await open();
   const option3 = OPTIONS[2];
   const option8 = OPTIONS[7];
-  userEvent.click(await findSelectOption(option8.label));
-  userEvent.click(await findSelectOption(option3.label));
+  await userEvent.click(await findSelectOption(option8.label));
+  await userEvent.click(await findSelectOption(option3.label));
 
   let options = await findAllSelectOptions();
   expect(options).toHaveLength(Math.min(defaultProps.pageSize, OPTIONS.length));
@@ -591,7 +591,7 @@ test('deselects an item in multiple mode', async () => {
   expect(values[0]).toHaveTextContent(option8.label);
   expect(values[1]).toHaveTextContent(option3.label);
 
-  userEvent.click(await findSelectOption(option3.label));
+  await userEvent.click(await findSelectOption(option3.label));
   values = await findAllSelectValues();
   expect(values.length).toBe(1);
   expect(values[0]).toHaveTextContent(option8.label);
@@ -848,8 +848,8 @@ test('does not fire onChange when searching but no selection', async () => {
   );
   await open();
   await type('Joh');
-  userEvent.click(await findSelectOption('John'));
-  userEvent.click(screen.getByRole('main'));
+  await userEvent.click(await findSelectOption('John'));
+  await userEvent.click(screen.getByRole('main'));
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
@@ -863,7 +863,7 @@ test('fires onChange when clearing the selection in single mode', async () => {
       value={OPTIONS[0]}
     />,
   );
-  clearAll();
+  await clearAll();
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
@@ -877,7 +877,7 @@ test('fires onChange when clearing the selection in multiple mode', async () =>
       value={OPTIONS[0]}
     />,
   );
-  clearAll();
+  await clearAll();
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
@@ -1006,9 +1006,9 @@ test('does not fire onChange if the same value is selected in single mode', asyn
   const optionText = 'Emma';
   await open();
   expect(onChange).toHaveBeenCalledTimes(0);
-  userEvent.click(await findSelectOption(optionText));
+  await userEvent.click(await findSelectOption(optionText));
   expect(onChange).toHaveBeenCalledTimes(1);
-  userEvent.click(await findSelectOption(optionText));
+  await userEvent.click(await findSelectOption(optionText));
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
diff --git a/superset-frontend/src/components/Select/AsyncSelect.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.tsx
similarity index 98%
rename from superset-frontend/src/components/Select/AsyncSelect.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.tsx
index 111da65cef5..9a915657347 100644
--- a/superset-frontend/src/components/Select/AsyncSelect.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/AsyncSelect.tsx
@@ -42,8 +42,7 @@ import {
   RefSelectProps,
 } from 'antd/es/select';
 import { debounce, isEqual, uniq } from 'lodash';
-import { Icons } from 'src/components/Icons';
-import { FAST_DEBOUNCE, SLOW_DEBOUNCE } from 'src/constants';
+import { Constants, Icons } from '@superset-ui/core/components';
 import { Space } from '../Space';
 import {
   getValue,
@@ -106,7 +105,7 @@ const getQueryCacheKey = (value: string, page: number, pageSize: number) =>
  * The Static type accepts a static array of options.
  * The Async type accepts a promise that will return the options.
  * Each of the categories come with different abilities. For a comprehensive guide please refer to
- * the storybook in src/components/Select/Select.stories.tsx.
+ * the storybook in @superset-ui/core/components/Select/Select.stories.tsx.
  */
 const AsyncSelect = forwardRef(
   (
@@ -363,7 +362,7 @@ const AsyncSelect = forwardRef(
     );
 
     const debouncedFetchPage = useMemo(
-      () => debounce(fetchPage, SLOW_DEBOUNCE),
+      () => debounce(fetchPage, Constants.SLOW_DEBOUNCE),
       [fetchPage],
     );
 
@@ -395,7 +394,7 @@ const AsyncSelect = forwardRef(
       }
       setInputValue(search);
       onSearch?.(searchValue);
-    }, FAST_DEBOUNCE);
+    }, Constants.FAST_DEBOUNCE);
 
     useEffect(() => () => handleOnSearch.cancel(), [handleOnSearch]);
 
diff --git a/superset-frontend/src/components/Select/Select.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/Select.stories.tsx
similarity index 95%
rename from superset-frontend/src/components/Select/Select.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/Select.stories.tsx
index c174de5477f..dc64db080a9 100644
--- a/superset-frontend/src/components/Select/Select.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/Select.stories.tsx
@@ -17,7 +17,6 @@
  * under the License.
  */
 import { StoryObj } from '@storybook/react';
-import ControlHeader from 'src/explore/components/ControlHeader';
 import { SelectOptionsType, SelectProps } from './types';
 import { Select } from '.';
 
@@ -72,21 +71,6 @@ const selectPositions = [
   },
 ];
 
-const mountHeader = (type: String) => {
-  let header;
-  if (type === 'text') {
-    header = 'Text header';
-  } else if (type === 'control') {
-    header = (
-      <ControlHeader
-        label="Control header"
-        warning="Example of warning message"
-      />
-    );
-  }
-  return header;
-};
-
 const generateOptions = (opts: SelectOptionsType, count: number) => {
   let generated = opts.slice();
   let iteration = 0;
@@ -122,7 +106,6 @@ export const InteractiveSelect: StoryObj = {
             ? generateOptions(options, optionsCount)
             : options
         }
-        header={mountHeader(header)}
         mode="multiple"
       />
     </div>
diff --git a/superset-frontend/src/components/Select/Select.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/Select.test.tsx
similarity index 93%
rename from superset-frontend/src/components/Select/Select.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/Select.test.tsx
index 72e4029228b..588620f47bd 100644
--- a/superset-frontend/src/components/Select/Select.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/Select.test.tsx
@@ -24,7 +24,7 @@ import {
   userEvent,
   waitFor,
   within,
-} from 'spec/helpers/testing-library';
+} from '@superset-ui/core/spec';
 import { Select } from '.';
 
 type Option = {
@@ -123,17 +123,17 @@ const matchOrder = async (expectedLabels: string[]) => {
   return true;
 };
 
-const type = (text: string, delay?: number, clear = true) => {
+const type = async (text: string, delay?: number, clear = true) => {
   const select = getSelect();
   if (clear) {
-    userEvent.clear(select);
+    await userEvent.clear(select);
   }
   return userEvent.type(select, text, { delay: delay ?? 10 });
 };
 
-const clearTypedText = () => {
+const clearTypedText = async () => {
   const select = getSelect();
-  userEvent.clear(select);
+  await userEvent.clear(select);
 };
 
 const open = () => waitFor(() => userEvent.click(getSelect()));
@@ -201,7 +201,7 @@ test('does not add new options when the value is in a nested/grouped option', as
 test('inverts the selection', async () => {
   render(<Select {...defaultProps} invertSelection />);
   await open();
-  userEvent.click(await findSelectOption(OPTIONS[0].label));
+  await userEvent.click(await findSelectOption(OPTIONS[0].label));
   expect(await screen.findByLabelText('stop')).toBeInTheDocument();
 });
 
@@ -219,7 +219,7 @@ test('should sort selected to top when in single mode', async () => {
   render(<Select {...defaultProps} mode="single" />);
   const originalLabels = OPTIONS.map(option => option.label);
   await open();
-  userEvent.click(await findSelectOption(originalLabels[1]));
+  await userEvent.click(await findSelectOption(originalLabels[1]));
   // after selection, keep the original order
   expect(await matchOrder(originalLabels)).toBe(true);
 
@@ -231,7 +231,7 @@ test('should sort selected to top when in single mode', async () => {
 
   // keep clicking other items, the updated order should still based on
   // original order
-  userEvent.click(await findSelectOption(originalLabels[5]));
+  await userEvent.click(await findSelectOption(originalLabels[5]));
   await matchOrder(labels);
   await reopen();
   labels = originalLabels.slice();
@@ -239,7 +239,7 @@ test('should sort selected to top when in single mode', async () => {
   expect(await matchOrder(labels)).toBe(true);
 
   // should revert to original order
-  clearAll();
+  await clearAll();
   await reopen();
   expect(await matchOrder(originalLabels)).toBe(true);
 });
@@ -250,7 +250,7 @@ test('should sort selected to the top when in multi mode', async () => {
   let labels = originalLabels.slice();
 
   await open();
-  userEvent.click(await findSelectOption(labels[2]));
+  await userEvent.click(await findSelectOption(labels[2]));
   expect(await matchOrder(labels)).toBe(true);
 
   await reopen();
@@ -258,13 +258,13 @@ test('should sort selected to the top when in multi mode', async () => {
   expect(await matchOrder(labels)).toBe(true);
 
   await open();
-  userEvent.click(await findSelectOption(labels[5]));
+  await userEvent.click(await findSelectOption(labels[5]));
   await reopen();
   labels = [labels.splice(0, 1)[0], labels.splice(4, 1)[0]].concat(labels);
   expect(await matchOrder(labels)).toBe(true);
 
   // should revert to original order
-  clearAll();
+  await clearAll();
   await reopen();
   expect(await matchOrder(originalLabels)).toBe(true);
 });
@@ -273,8 +273,8 @@ test('order of selected values is preserved until dropdown is closed', async ()
   render(<Select {...defaultProps} mode="multiple" allowSelectAll={false} />);
   const originalLabels = OPTIONS.map(option => option.label);
   await open();
-  userEvent.click(await findSelectOption(originalLabels[1]));
-  userEvent.click(await findSelectOption(originalLabels[5]));
+  await userEvent.click(await findSelectOption(originalLabels[1]));
+  await userEvent.click(await findSelectOption(originalLabels[5]));
   expect(await matchOrder(originalLabels)).toBe(true);
 });
 
@@ -420,7 +420,7 @@ test('clear all the values', async () => {
       onClear={onClear}
     />,
   );
-  clearAll();
+  await clearAll();
   expect(onClear).toHaveBeenCalled();
   const values = await findAllSelectValues();
   expect(values.length).toBe(0);
@@ -438,7 +438,7 @@ test('does not add a new option if allowNewOptions is false', async () => {
 test('adds the null option when selected in single mode', async () => {
   render(<Select {...defaultProps} options={[OPTIONS[0], NULL_OPTION]} />);
   await open();
-  userEvent.click(await findSelectOption(NULL_OPTION.label));
+  await userEvent.click(await findSelectOption(NULL_OPTION.label));
   const values = await findAllSelectValues();
   expect(values[0]).toHaveTextContent(NULL_OPTION.label);
 });
@@ -452,8 +452,8 @@ test('adds the null option when selected in multiple mode', async () => {
     />,
   );
   await open();
-  userEvent.click(await findSelectOption(OPTIONS[0].label));
-  userEvent.click(await findSelectOption(NULL_OPTION.label));
+  await userEvent.click(await findSelectOption(OPTIONS[0].label));
+  await userEvent.click(await findSelectOption(NULL_OPTION.label));
   const values = await findAllSelectValues();
   expect(values[0]).toHaveTextContent(OPTIONS[0].label);
   expect(values[1]).toHaveTextContent(NULL_OPTION.label);
@@ -476,7 +476,7 @@ test('makes a selection in single mode', async () => {
   render(<Select {...defaultProps} />);
   const optionText = 'Emma';
   await open();
-  userEvent.click(await findSelectOption(optionText));
+  await userEvent.click(await findSelectOption(optionText));
   expect(await findSelectValue()).toHaveTextContent(optionText);
 });
 
@@ -484,8 +484,8 @@ test('multiple selections in multiple mode', async () => {
   render(<Select {...defaultProps} mode="multiple" />);
   await open();
   const [firstOption, secondOption] = OPTIONS;
-  userEvent.click(await findSelectOption(firstOption.label));
-  userEvent.click(await findSelectOption(secondOption.label));
+  await userEvent.click(await findSelectOption(firstOption.label));
+  await userEvent.click(await findSelectOption(secondOption.label));
   const values = await findAllSelectValues();
   expect(values[0]).toHaveTextContent(firstOption.label);
   expect(values[1]).toHaveTextContent(secondOption.label);
@@ -496,7 +496,7 @@ test('changes the selected item in single mode', async () => {
   render(<Select {...defaultProps} onChange={onChange} />);
   await open();
   const [firstOption, secondOption] = OPTIONS;
-  userEvent.click(await findSelectOption(firstOption.label));
+  await userEvent.click(await findSelectOption(firstOption.label));
   expect(await findSelectValue()).toHaveTextContent(firstOption.label);
   expect(onChange).toHaveBeenCalledWith(
     expect.objectContaining({
@@ -505,7 +505,7 @@ test('changes the selected item in single mode', async () => {
     }),
     expect.objectContaining(firstOption),
   );
-  userEvent.click(await findSelectOption(secondOption.label));
+  await userEvent.click(await findSelectOption(secondOption.label));
   expect(onChange).toHaveBeenCalledWith(
     expect.objectContaining({
       label: secondOption.label,
@@ -520,13 +520,13 @@ test('deselects an item in multiple mode', async () => {
   render(<Select {...defaultProps} mode="multiple" />);
   await open();
   const [firstOption, secondOption] = OPTIONS;
-  userEvent.click(await findSelectOption(firstOption.label));
-  userEvent.click(await findSelectOption(secondOption.label));
+  await userEvent.click(await findSelectOption(firstOption.label));
+  await userEvent.click(await findSelectOption(secondOption.label));
   let values = await findAllSelectValues();
   expect(values.length).toBe(2);
   expect(values[0]).toHaveTextContent(firstOption.label);
   expect(values[1]).toHaveTextContent(secondOption.label);
-  userEvent.click(await findSelectOption(firstOption.label));
+  await userEvent.click(await findSelectOption(firstOption.label));
   values = await findAllSelectValues();
   expect(values.length).toBe(1);
   expect(values[0]).toHaveTextContent(secondOption.label);
@@ -681,7 +681,9 @@ test('selects all values', async () => {
     />,
   );
   await open();
-  userEvent.click(await screen.findByText(selectAllButtonText(OPTIONS.length)));
+  await userEvent.click(
+    await screen.findByText(selectAllButtonText(OPTIONS.length)),
+  );
   const values = await findAllSelectValues();
   expect(values.length).toBe(1);
   expect(values[0]).toHaveTextContent(`+ ${OPTIONS.length} ...`);
@@ -697,11 +699,13 @@ test('unselects all values', async () => {
     />,
   );
   await open();
-  userEvent.click(await screen.findByText(selectAllButtonText(OPTIONS.length)));
+  await userEvent.click(
+    await screen.findByText(selectAllButtonText(OPTIONS.length)),
+  );
   let values = await findAllSelectValues();
   expect(values.length).toBe(1);
   expect(values[0]).toHaveTextContent(`+ ${OPTIONS.length} ...`);
-  userEvent.click(
+  await userEvent.click(
     await screen.findByText(deselectAllButtonText(OPTIONS.length)),
   );
   values = await findAllSelectValues();
@@ -722,7 +726,7 @@ test('deselecting a new value also removes it from the options', async () => {
   expect(await findSelectOption(NEW_OPTION)).toBeInTheDocument();
   await type('{enter}');
   clearTypedText();
-  userEvent.click(await findSelectOption(NEW_OPTION));
+  await userEvent.click(await findSelectOption(NEW_OPTION));
   expect(await querySelectOption(NEW_OPTION)).not.toBeInTheDocument();
 });
 
@@ -825,7 +829,7 @@ test('do not count unselected disabled options in "Select all"', async () => {
 test('"Deselect all" counts all selected options', async () => {
   render(<Select {...defaultProps} allowNewOptions mode="multiple" />);
   await open();
-  userEvent.click(await findSelectOption('Ava'));
+  await userEvent.click(await findSelectOption('Ava'));
   expect(await screen.findByText(deselectAllButtonText(1))).toBeInTheDocument();
 });
 
@@ -833,10 +837,10 @@ test('"Deselect all" counts new selected options', async () => {
   render(<Select {...defaultProps} allowNewOptions mode="multiple" />);
   await open();
   await type(NEW_OPTION);
-  userEvent.click(await findSelectOption(NEW_OPTION));
+  await userEvent.click(await findSelectOption(NEW_OPTION));
   clearTypedText();
   await open();
-  userEvent.click(await findSelectOption('Ava'));
+  await userEvent.click(await findSelectOption('Ava'));
   expect(await screen.findByText(deselectAllButtonText(2))).toBeInTheDocument();
 });
 
@@ -868,12 +872,12 @@ test('"Select all" does not affect disabled options', async () => {
 
   // Checking Select all shouldn't affect the disabled options
   const selectAll = selectAllButtonText(OPTIONS.length - 1);
-  userEvent.click(await screen.findByText(selectAll));
+  await userEvent.click(await screen.findByText(selectAll));
   expect(await findSelectValue()).toHaveTextContent(options[0].label);
   expect(await findSelectValue()).not.toHaveTextContent(options[1].label);
 
   // Unchecking Select all shouldn't affect the disabled options
-  userEvent.click(await screen.findByText(selectAll));
+  await userEvent.click(await screen.findByText(selectAll));
   expect(await findSelectValue()).toHaveTextContent(options[0].label);
   expect(await findSelectValue()).not.toHaveTextContent(options[1].label);
 });
@@ -892,8 +896,8 @@ test('does not fire onChange when searching but no selection', async () => {
   );
   await open();
   await type('Joh');
-  userEvent.click(await findSelectOption('John'));
-  userEvent.click(screen.getByRole('main'));
+  await userEvent.click(await findSelectOption('John'));
+  await userEvent.click(screen.getByRole('main'));
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
@@ -907,7 +911,7 @@ test('fires onChange when clearing the selection in single mode', async () => {
       value={OPTIONS[0]}
     />,
   );
-  clearAll();
+  await clearAll();
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
@@ -921,7 +925,7 @@ test('fires onChange when clearing the selection in multiple mode', async () =>
       value={OPTIONS[0]}
     />,
   );
-  clearAll();
+  await clearAll();
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
@@ -1013,9 +1017,9 @@ test('does not fire onChange if the same value is selected in single mode', asyn
   const optionText = 'Emma';
   await open();
   expect(onChange).toHaveBeenCalledTimes(0);
-  userEvent.click(await findSelectOption(optionText));
+  await userEvent.click(await findSelectOption(optionText));
   expect(onChange).toHaveBeenCalledTimes(1);
-  userEvent.click(await findSelectOption(optionText));
+  await userEvent.click(await findSelectOption(optionText));
   expect(onChange).toHaveBeenCalledTimes(1);
 });
 
diff --git a/superset-frontend/src/components/Select/Select.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx
similarity index 98%
rename from superset-frontend/src/components/Select/Select.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx
index 8471a5c96f4..38d254c5821 100644
--- a/superset-frontend/src/components/Select/Select.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/Select.tsx
@@ -29,12 +29,8 @@ import {
   ReactElement,
 } from 'react';
 
-import {
-  ensureIsArray,
-  FAST_DEBOUNCE,
-  t,
-  usePrevious,
-} from '@superset-ui/core';
+import { ensureIsArray, t, usePrevious } from '@superset-ui/core';
+import { Constants } from '@superset-ui/core/components';
 import {
   LabeledValue as AntdLabeledValue,
   RefSelectProps,
@@ -84,7 +80,7 @@ import { Button } from '../Button';
  * The Static type accepts a static array of options.
  * The Async type accepts a promise that will return the options.
  * Each of the categories come with different abilities. For a comprehensive guide please refer to
- * the storybook in src/components/Select/Select.stories.tsx.
+ * the storybook in @superset-ui/core/components/Select/Select.stories.tsx.
  */
 const Select = forwardRef(
   (
@@ -384,7 +380,7 @@ const Select = forwardRef(
       setVisibleOptions(filteredOptions);
       setInputValue(searchValue);
       onSearch?.(searchValue);
-    }, FAST_DEBOUNCE);
+    }, Constants.FAST_DEBOUNCE);
 
     useEffect(() => () => handleOnSearch.cancel(), [handleOnSearch]);
 
diff --git a/superset-frontend/src/components/Select/constants.ts b/superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts
similarity index 96%
rename from superset-frontend/src/components/Select/constants.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts
index 84f5f01e4b0..dd2797b4a58 100644
--- a/superset-frontend/src/components/Select/constants.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/constants.ts
@@ -17,8 +17,8 @@
  * under the License.
  */
 import { LabeledValue as AntdLabeledValue } from 'antd/es/select';
-import { rankedSearchCompare } from 'src/utils/rankedSearchCompare';
 import { t } from '@superset-ui/core';
+import { rankedSearchCompare } from '../../utils/rankedSearchCompare';
 import { RawValue } from './types';
 
 export const MAX_TAG_COUNT = 4;
diff --git a/superset-frontend/packages/superset-ui-core/src/components/Select/index.ts b/superset-frontend/packages/superset-ui-core/src/components/Select/index.ts
new file mode 100644
index 00000000000..0b02349df8f
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/index.ts
@@ -0,0 +1,31 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import Select from './Select';
+import AsyncSelect from './AsyncSelect';
+
+export { Select, AsyncSelect };
+export * from './types';
+export * from './styles';
+export * from './constants';
+
+// TODO hack to provide vanilla antd Select and SelectProps as
+// we mutated the interface quite a bit here, and some internal packages
+// are still using the vanilla antd Select
+export { Select as RawAntdSelect } from 'antd';
+export { type SelectProps as RawAntdSelectProps } from 'antd/es/select';
diff --git a/superset-frontend/src/components/Select/styles.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/styles.tsx
similarity index 98%
rename from superset-frontend/src/components/Select/styles.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/styles.tsx
index e777d67f74c..05743d60d7c 100644
--- a/superset-frontend/src/components/Select/styles.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/styles.tsx
@@ -18,7 +18,7 @@
  */
 import { styled } from '@superset-ui/core';
 import { Select } from 'antd';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Spin } from '../Spin';
 import { Flex } from '../Flex';
 
diff --git a/superset-frontend/src/components/Select/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Select/types.ts
similarity index 100%
rename from superset-frontend/src/components/Select/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Select/types.ts
diff --git a/superset-frontend/src/components/Select/utils.tsx b/superset-frontend/packages/superset-ui-core/src/components/Select/utils.tsx
similarity index 99%
rename from superset-frontend/src/components/Select/utils.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Select/utils.tsx
index e74a1f9ddcb..6bdd2724b02 100644
--- a/superset-frontend/src/components/Select/utils.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Select/utils.tsx
@@ -18,7 +18,7 @@
  */
 import { ensureIsArray, t } from '@superset-ui/core';
 import { ReactElement, RefObject } from 'react';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { LabeledValue as AntdLabeledValue, SELECT_ALL_VALUE } from '.';
 import { StyledHelperText, StyledLoadingText, StyledSpin } from './styles';
 import { CustomLabeledValue, RawValue, SelectOptionsType, V } from './types';
diff --git a/superset-frontend/src/components/Skeleton/Skeleton.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Skeleton/Skeleton.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Skeleton/Skeleton.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Skeleton/Skeleton.stories.tsx
diff --git a/superset-frontend/src/components/Skeleton/Skeleton.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Skeleton/Skeleton.test.tsx
similarity index 86%
rename from superset-frontend/src/components/Skeleton/Skeleton.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Skeleton/Skeleton.test.tsx
index fff2acd854e..f36778c1085 100644
--- a/superset-frontend/src/components/Skeleton/Skeleton.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Skeleton/Skeleton.test.tsx
@@ -16,25 +16,25 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from '@testing-library/react';
+import { render, screen } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { Skeleton } from '.';
 
 describe('Skeleton Component', () => {
-  test('renders skeleton', () => {
+  it('renders skeleton', () => {
     render(<Skeleton loading paragraph={{ rows: 3 }} active />);
 
     expect(screen.getByRole('list')).toHaveClass('ant-skeleton-paragraph');
   });
 
-  test('renders skeleton with correct number of paragraph rows', () => {
+  it('renders skeleton with correct number of paragraph rows', () => {
     render(<Skeleton loading paragraph={{ rows: 3 }} active />);
 
     const paragraph = screen.getByRole('list');
     expect(paragraph.children.length).toBe(3);
   });
 
-  test('does not render skeleton when loading is false', () => {
+  it('does not render skeleton when loading is false', () => {
     render(
       <Skeleton loading={false} active>
         <p>Loaded Content</p>
diff --git a/superset-frontend/src/components/Skeleton/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Skeleton/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Skeleton/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Skeleton/index.tsx
diff --git a/superset-frontend/src/components/Slider/Slider.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Slider/Slider.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Slider/Slider.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Slider/Slider.stories.tsx
diff --git a/superset-frontend/src/components/Slider/Slider.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Slider/Slider.test.tsx
similarity index 95%
rename from superset-frontend/src/components/Slider/Slider.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Slider/Slider.test.tsx
index 8413e0ebc67..f4fa3157909 100644
--- a/superset-frontend/src/components/Slider/Slider.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Slider/Slider.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import Slider from '.';
 
 const mockedProps = {
diff --git a/superset-frontend/src/components/Slider/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Slider/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Slider/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Slider/index.tsx
diff --git a/superset-frontend/src/components/Space/Space.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Space/Space.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Space/Space.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Space/Space.stories.tsx
diff --git a/superset-frontend/src/components/Space/Space.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Space/Space.test.tsx
similarity index 91%
rename from superset-frontend/src/components/Space/Space.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Space/Space.test.tsx
index 8d73af21988..2097cecb3a8 100644
--- a/superset-frontend/src/components/Space/Space.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Space/Space.test.tsx
@@ -16,8 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-
-import { render } from 'spec/helpers/testing-library';
+import '@testing-library/jest-dom';
+import { render } from '@superset-ui/core/spec';
 import { Space } from '.';
 
 test('should render', () => {
diff --git a/superset-frontend/src/components/Space/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Space/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Space/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Space/index.tsx
diff --git a/superset-frontend/src/components/Spin/Spin.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Spin/Spin.test.tsx
similarity index 94%
rename from superset-frontend/src/components/Spin/Spin.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Spin/Spin.test.tsx
index f76616110e6..a0214651a44 100644
--- a/superset-frontend/src/components/Spin/Spin.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Spin/Spin.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { Spin } from '.';
 
 test('renders spin with default props', () => {
diff --git a/superset-frontend/src/components/Spin/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Spin/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Spin/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Spin/index.tsx
diff --git a/superset-frontend/src/components/Steps/Steps.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Steps/Steps.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Steps/Steps.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Steps/Steps.stories.tsx
diff --git a/superset-frontend/src/components/Steps/Steps.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Steps/Steps.test.tsx
similarity index 94%
rename from superset-frontend/src/components/Steps/Steps.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Steps/Steps.test.tsx
index 53418e2f147..5c8996ac220 100644
--- a/superset-frontend/src/components/Steps/Steps.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Steps/Steps.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import { Steps } from '.';
 
 test('should render with default props', () => {
diff --git a/superset-frontend/src/components/Steps/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Steps/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Steps/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Steps/index.tsx
diff --git a/superset-frontend/src/components/Switch/Switch.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Switch/Switch.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Switch/Switch.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Switch/Switch.stories.tsx
diff --git a/superset-frontend/src/components/Switch/Switch.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Switch/Switch.test.tsx
similarity index 95%
rename from superset-frontend/src/components/Switch/Switch.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Switch/Switch.test.tsx
index 0e8e762d041..03a4983115a 100644
--- a/superset-frontend/src/components/Switch/Switch.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Switch/Switch.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { Switch } from '.';
 
 const mockedProps = {
diff --git a/superset-frontend/src/components/Switch/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Switch/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Switch/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Switch/index.tsx
diff --git a/superset-frontend/src/components/Table/Table.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/Table.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/Table.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/Table.stories.tsx
diff --git a/superset-frontend/src/components/Table/Table.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/Table.test.tsx
similarity index 96%
rename from superset-frontend/src/components/Table/Table.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/Table.test.tsx
index 9e6b716704e..48fe7327bbd 100644
--- a/superset-frontend/src/components/Table/Table.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/Table.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, waitFor } from 'spec/helpers/testing-library';
+import { render, screen, waitFor } from '@superset-ui/core/spec';
 import type { ColumnsType } from 'antd/es/table';
 import { Table, TableSize } from './index';
 
diff --git a/superset-frontend/src/components/Table/TableOverview.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/TableOverview.stories.tsx
similarity index 98%
rename from superset-frontend/src/components/Table/TableOverview.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/TableOverview.stories.tsx
index 88e411e8c1e..acbb24fffbf 100644
--- a/superset-frontend/src/components/Table/TableOverview.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/TableOverview.stories.tsx
@@ -127,7 +127,7 @@ of the data object for that row, as the first argument of the sorter function.
 The alphabeticalSort is for columns that display a string of text.
 
 \`\`\`
-import { alphabeticalSort } from 'src/components/Table/sorters';
+import { alphabeticalSort } from '@superset-ui/core/components/Table/sorters';
 
 const basicColumns = [
   {
@@ -359,7 +359,7 @@ you can register \`onDragOver\` and \`onDragDrop\` event handlers on the destina
 as the getData key as shown below.
 
 \`\`\`
-import { SUPERSET_TABLE_COLUMN } from 'src/components/table';
+import { SUPERSET_TABLE_COLUMN } from '@superset-ui/core/components/table';
 
 const handleDrop = (ev:Event) => {
   const json = ev.dataTransfer?.getData?.(SUPERSET_TABLE_COLUMN);
diff --git a/superset-frontend/src/components/Table/VirtualTable.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/VirtualTable.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/VirtualTable.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/VirtualTable.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/ActionCell/ActionCell.overview.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/ActionCell.overview.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/ActionCell/ActionCell.overview.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/ActionCell.overview.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/ActionCell/ActionCell.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/ActionCell.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/ActionCell/ActionCell.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/ActionCell.stories.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/ActionCell/ActionCell.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/ActionCell.test.tsx
similarity index 87%
rename from superset-frontend/src/components/Table/cell-renderers/ActionCell/ActionCell.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/ActionCell.test.tsx
index c17ac0196b5..0da17300839 100644
--- a/superset-frontend/src/components/Table/cell-renderers/ActionCell/ActionCell.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/ActionCell.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import ActionCell, { appendDataToMenu } from './index';
 import { exampleMenuOptions, exampleRow } from './fixtures';
 
@@ -25,13 +25,13 @@ test('renders with default props', async () => {
   exampleMenuOptions[0].onClick = clickHandler;
   render(<ActionCell menuOptions={exampleMenuOptions} row={exampleRow} />);
   // Open the menu
-  userEvent.click(await screen.findByTestId('dropdown-trigger'));
+  await userEvent.click(await screen.findByTestId('dropdown-trigger'));
   // verify all of the menu items are being displayed
-  exampleMenuOptions.forEach((item, index) => {
+  exampleMenuOptions.forEach(async (item, index) => {
     expect(screen.getByText(item.label)).toBeInTheDocument();
     if (index === 0) {
       // verify the menu items' onClick gets invoked
-      userEvent.click(screen.getByText(item.label));
+      await userEvent.click(screen.getByText(item.label));
     }
   });
   expect(clickHandler).toHaveBeenCalled();
diff --git a/superset-frontend/src/components/Table/cell-renderers/ActionCell/fixtures.ts b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/fixtures.ts
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/ActionCell/fixtures.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/fixtures.ts
diff --git a/superset-frontend/src/components/Table/cell-renderers/ActionCell/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/ActionCell/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ActionCell/index.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/BooleanCell/BooleanCell.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/BooleanCell.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/BooleanCell/BooleanCell.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/BooleanCell.stories.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/BooleanCell/BooleanCell.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/BooleanCell.test.tsx
similarity index 75%
rename from superset-frontend/src/components/Table/cell-renderers/BooleanCell/BooleanCell.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/BooleanCell.test.tsx
index 7853e6a892b..6060b5cfe4e 100644
--- a/superset-frontend/src/components/Table/cell-renderers/BooleanCell/BooleanCell.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/BooleanCell.test.tsx
@@ -16,21 +16,21 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
-import { BOOL_FALSE_DISPLAY, BOOL_TRUE_DISPLAY } from 'src/constants';
+import { render, screen } from '@superset-ui/core/spec';
+import { Constants } from '@superset-ui/core/components';
 import BooleanCell from '.';
 
 test('renders true value', async () => {
   render(<BooleanCell value />);
-  expect(screen.getByText(BOOL_TRUE_DISPLAY)).toBeInTheDocument();
+  expect(screen.getByText(Constants.BOOL_TRUE_DISPLAY)).toBeInTheDocument();
 });
 
 test('renders false value', async () => {
   render(<BooleanCell value={false} />);
-  expect(screen.getByText(BOOL_FALSE_DISPLAY)).toBeInTheDocument();
+  expect(screen.getByText(Constants.BOOL_FALSE_DISPLAY)).toBeInTheDocument();
 });
 
 test('renders falsy value', async () => {
   render(<BooleanCell />);
-  expect(screen.getByText(BOOL_FALSE_DISPLAY)).toBeInTheDocument();
+  expect(screen.getByText(Constants.BOOL_FALSE_DISPLAY)).toBeInTheDocument();
 });
diff --git a/superset-frontend/src/components/Table/cell-renderers/BooleanCell/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/index.tsx
similarity index 84%
rename from superset-frontend/src/components/Table/cell-renderers/BooleanCell/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/index.tsx
index e12060737ed..353e7461f3d 100644
--- a/superset-frontend/src/components/Table/cell-renderers/BooleanCell/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/BooleanCell/index.tsx
@@ -16,14 +16,18 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { BOOL_FALSE_DISPLAY, BOOL_TRUE_DISPLAY } from 'src/constants';
+import { Constants } from '@superset-ui/core/components';
 
 export interface BooleanCellProps {
   value?: boolean;
 }
 
 function BooleanCell({ value }: BooleanCellProps) {
-  return <span>{value ? BOOL_TRUE_DISPLAY : BOOL_FALSE_DISPLAY}</span>;
+  return (
+    <span>
+      {value ? Constants.BOOL_TRUE_DISPLAY : Constants.BOOL_FALSE_DISPLAY}
+    </span>
+  );
 }
 
 export default BooleanCell;
diff --git a/superset-frontend/src/components/Table/cell-renderers/ButtonCell/ButtonCell.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ButtonCell/ButtonCell.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/ButtonCell/ButtonCell.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ButtonCell/ButtonCell.stories.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/ButtonCell/ButtonCell.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ButtonCell/ButtonCell.test.tsx
similarity index 94%
rename from superset-frontend/src/components/Table/cell-renderers/ButtonCell/ButtonCell.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ButtonCell/ButtonCell.test.tsx
index e7162f954ab..e9a8f8c97e5 100644
--- a/superset-frontend/src/components/Table/cell-renderers/ButtonCell/ButtonCell.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ButtonCell/ButtonCell.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
 import ButtonCell from './index';
 import { exampleRow } from '../fixtures';
 
diff --git a/superset-frontend/src/components/Table/cell-renderers/ButtonCell/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ButtonCell/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/ButtonCell/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/ButtonCell/index.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/NullCell/NullCell.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/NullCell.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/NullCell/NullCell.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/NullCell.stories.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/NullCell/NullCell.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/NullCell.test.tsx
similarity index 79%
rename from superset-frontend/src/components/Table/cell-renderers/NullCell/NullCell.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/NullCell.test.tsx
index f2a2bcbf83c..b4dfdc23a11 100644
--- a/superset-frontend/src/components/Table/cell-renderers/NullCell/NullCell.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/NullCell.test.tsx
@@ -16,19 +16,19 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
-import { supersetTheme } from '@superset-ui/core';
-import { NULL_DISPLAY } from 'src/constants';
+import { render, screen } from '@superset-ui/core/spec';
+import { supersetTheme } from '../../../..';
+import { Constants } from '../../..';
 import NullCell from '.';
 
 test('renders null value', async () => {
   render(<NullCell />);
-  expect(screen.getByText(NULL_DISPLAY)).toBeInTheDocument();
+  expect(screen.getByText(Constants.NULL_DISPLAY)).toBeInTheDocument();
 });
 
 test('renders with gray font', async () => {
   render(<NullCell />);
-  expect(screen.getByText(NULL_DISPLAY)).toHaveStyle(
+  expect(screen.getByText(Constants.NULL_DISPLAY)).toHaveStyle(
     `color: ${supersetTheme.colors.grayscale.light1}`,
   );
 });
diff --git a/superset-frontend/src/components/Table/cell-renderers/NullCell/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/index.tsx
similarity index 87%
rename from superset-frontend/src/components/Table/cell-renderers/NullCell/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/index.tsx
index 52fe59af9f1..e01b7c672ec 100644
--- a/superset-frontend/src/components/Table/cell-renderers/NullCell/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NullCell/index.tsx
@@ -16,15 +16,15 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { styled } from '@superset-ui/core';
-import { NULL_DISPLAY } from 'src/constants';
+import { styled } from '../../../..';
+import { Constants } from '../../..';
 
 const GrayCell = styled.span`
   color: ${({ theme }) => theme.colors.grayscale.light1};
 `;
 
 function NullCell() {
-  return <GrayCell>{NULL_DISPLAY}</GrayCell>;
+  return <GrayCell>{Constants.NULL_DISPLAY}</GrayCell>;
 }
 
 export default NullCell;
diff --git a/superset-frontend/src/components/Table/cell-renderers/NumericCell/NumericCell.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NumericCell/NumericCell.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/NumericCell/NumericCell.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NumericCell/NumericCell.stories.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/NumericCell/NumericCell.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NumericCell/NumericCell.test.tsx
similarity index 96%
rename from superset-frontend/src/components/Table/cell-renderers/NumericCell/NumericCell.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NumericCell/NumericCell.test.tsx
index 7319942b69b..dbda8e91ed8 100644
--- a/superset-frontend/src/components/Table/cell-renderers/NumericCell/NumericCell.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NumericCell/NumericCell.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import NumericCell, { CurrencyCode, LocaleCode, Style } from './index';
 
 test('renders with French locale and Euro currency format', () => {
diff --git a/superset-frontend/src/components/Table/cell-renderers/NumericCell/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NumericCell/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/NumericCell/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/NumericCell/index.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/TimeCell/TimeCell.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/TimeCell/TimeCell.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/TimeCell/TimeCell.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/TimeCell/TimeCell.stories.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/TimeCell/TimeCell.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/TimeCell/TimeCell.test.tsx
similarity index 96%
rename from superset-frontend/src/components/Table/cell-renderers/TimeCell/TimeCell.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/TimeCell/TimeCell.test.tsx
index 30b8f2f67b2..811a7b7d2fb 100644
--- a/superset-frontend/src/components/Table/cell-renderers/TimeCell/TimeCell.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/TimeCell/TimeCell.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { TimeFormats } from '@superset-ui/core';
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import TimeCell from '.';
 
 const DATE = Date.parse('2022-01-01');
diff --git a/superset-frontend/src/components/Table/cell-renderers/TimeCell/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/TimeCell/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/TimeCell/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/TimeCell/index.tsx
diff --git a/superset-frontend/src/components/Table/cell-renderers/fixtures.ts b/superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/fixtures.ts
similarity index 100%
rename from superset-frontend/src/components/Table/cell-renderers/fixtures.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Table/cell-renderers/fixtures.ts
diff --git a/superset-frontend/src/components/Table/header-renderers/HeaderWithRadioGroup.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/header-renderers/HeaderWithRadioGroup.tsx
similarity index 93%
rename from superset-frontend/src/components/Table/header-renderers/HeaderWithRadioGroup.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/header-renderers/HeaderWithRadioGroup.tsx
index 5e81b9fbcec..cd54635b064 100644
--- a/superset-frontend/src/components/Table/header-renderers/HeaderWithRadioGroup.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/header-renderers/HeaderWithRadioGroup.tsx
@@ -17,10 +17,8 @@
  * under the License.
  */
 import { useState } from 'react';
-import { css, useTheme } from '@superset-ui/core';
-import { Radio } from 'src/components/Radio';
-import { Icons } from 'src/components/Icons';
-import Popover from 'src/components/Popover';
+import { css, useTheme } from '../../..';
+import { Icons, Radio, Popover } from '../..';
 
 export interface HeaderWithRadioGroupProps {
   headerTitle: string;
diff --git a/superset-frontend/src/components/Table/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Table/index.tsx
similarity index 99%
rename from superset-frontend/src/components/Table/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Table/index.tsx
index adc0d139c4b..945183d7bd7 100644
--- a/superset-frontend/src/components/Table/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/index.tsx
@@ -22,7 +22,7 @@ import { Table as AntTable } from 'antd';
 import { ColumnsType, TableProps as AntTableProps } from 'antd/es/table';
 import { PaginationProps } from 'antd/es/pagination';
 import { t, useTheme, logging, styled } from '@superset-ui/core';
-import { Loading } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
 import { RowSelectionType } from 'antd/es/table/interface';
 import InteractiveTableUtils from './utils/InteractiveTableUtils';
 import VirtualTable, { VirtualTableProps } from './VirtualTable';
diff --git a/superset-frontend/src/components/Table/sorters.test.ts b/superset-frontend/packages/superset-ui-core/src/components/Table/sorters.test.ts
similarity index 100%
rename from superset-frontend/src/components/Table/sorters.test.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Table/sorters.test.ts
diff --git a/superset-frontend/src/components/Table/sorters.ts b/superset-frontend/packages/superset-ui-core/src/components/Table/sorters.ts
similarity index 100%
rename from superset-frontend/src/components/Table/sorters.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Table/sorters.ts
diff --git a/superset-frontend/src/components/Table/utils/InteractiveTableUtils.ts b/superset-frontend/packages/superset-ui-core/src/components/Table/utils/InteractiveTableUtils.ts
similarity index 99%
rename from superset-frontend/src/components/Table/utils/InteractiveTableUtils.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Table/utils/InteractiveTableUtils.ts
index 94977413e2c..021ef81ff30 100644
--- a/superset-frontend/src/components/Table/utils/InteractiveTableUtils.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/utils/InteractiveTableUtils.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 import type { ColumnsType } from 'antd/es/table';
-import { SUPERSET_TABLE_COLUMN } from 'src/components/Table';
+import { SUPERSET_TABLE_COLUMN } from '..';
 import { withinRange } from './utils';
 
 interface IInteractiveColumn extends HTMLElement {
diff --git a/superset-frontend/src/components/Table/utils/utils.test.ts b/superset-frontend/packages/superset-ui-core/src/components/Table/utils/utils.test.ts
similarity index 97%
rename from superset-frontend/src/components/Table/utils/utils.test.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Table/utils/utils.test.ts
index 267817d3f7e..fc60729dc98 100644
--- a/superset-frontend/src/components/Table/utils/utils.test.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/Table/utils/utils.test.ts
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { cleanup } from 'spec/helpers/testing-library';
+import { cleanup } from '@superset-ui/core/spec';
 import { withinRange } from './utils';
 
 // Add cleanup after each test
diff --git a/superset-frontend/src/components/Table/utils/utils.ts b/superset-frontend/packages/superset-ui-core/src/components/Table/utils/utils.ts
similarity index 100%
rename from superset-frontend/src/components/Table/utils/utils.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Table/utils/utils.ts
diff --git a/superset-frontend/src/components/TableCollection/TableCollection.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/TableCollection/TableCollection.test.tsx
similarity index 97%
rename from superset-frontend/src/components/TableCollection/TableCollection.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TableCollection/TableCollection.test.tsx
index 43880a65f11..52461fff66a 100644
--- a/superset-frontend/src/components/TableCollection/TableCollection.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TableCollection/TableCollection.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import { renderHook } from '@testing-library/react-hooks';
 import { TableInstance, useTable } from 'react-table';
 import TableCollection from '.';
diff --git a/superset-frontend/src/components/TableCollection/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/TableCollection/index.tsx
similarity index 97%
rename from superset-frontend/src/components/TableCollection/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TableCollection/index.tsx
index 3e0fbe223ae..7ffae7ac207 100644
--- a/superset-frontend/src/components/TableCollection/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TableCollection/index.tsx
@@ -26,7 +26,7 @@ import {
   TablePropGetter,
 } from 'react-table';
 import { styled } from '@superset-ui/core';
-import { Table, TableSize } from 'src/components/Table';
+import { Table, TableSize } from '@superset-ui/core/components/Table';
 import { TableRowSelection, SorterResult } from 'antd/es/table/interface';
 import { mapColumns, mapRows } from './utils';
 
@@ -46,6 +46,7 @@ interface TableCollectionProps<T extends object> {
   toggleRowSelected?: (rowId: string, value: boolean) => void;
   toggleAllRowsSelected?: (value?: boolean) => void;
   sticky?: boolean;
+  size?: TableSize;
 }
 
 const StyledTable = styled(Table)`
@@ -104,6 +105,7 @@ function TableCollection<T extends object>({
   toggleAllRowsSelected,
   prepareRow,
   sticky,
+  size = TableSize.Middle,
 }: TableCollectionProps<T>) {
   const mappedColumns = mapColumns<T>(
     columns,
@@ -141,7 +143,7 @@ function TableCollection<T extends object>({
       sticky={sticky ?? false}
       columns={mappedColumns}
       data={mappedRows}
-      size={TableSize.Middle}
+      size={size}
       data-test="listview-table"
       pagination={false}
       tableLayout="auto"
diff --git a/superset-frontend/src/components/TableCollection/utils.tsx b/superset-frontend/packages/superset-ui-core/src/components/TableCollection/utils.tsx
similarity index 76%
rename from superset-frontend/src/components/TableCollection/utils.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TableCollection/utils.tsx
index 7859d30e197..165c5e0186a 100644
--- a/superset-frontend/src/components/TableCollection/utils.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TableCollection/utils.tsx
@@ -19,11 +19,21 @@
 
 /**
  * This file contains utility functions for mapping columns and rows.
- * These functions act  as a compatibility layer between Ant Design Table and react-table.
+ * These functions act as a compatibility layer between Ant Design Table and react-table.
  */
 
 import { ReactNode } from 'react';
-import { ColumnInstance, HeaderGroup, Row, CellValue } from 'react-table';
+import {
+  CellValue,
+  Row,
+  ColumnInstance as RTColumnInstance,
+  HeaderGroup as RTHeaderGroup,
+  UseSortByColumnOptions,
+  UseSortByColumnProps,
+  UseResizeColumnsColumnOptions,
+  UseResizeColumnsColumnProps,
+} from 'react-table';
+
 import { SortOrder } from '../Table';
 
 type TableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -39,8 +49,22 @@ const COLUMN_SIZE_MAP: Record<TableSize, number> = {
   xxl: 200,
 };
 
+type EnhancedColumnInstance<T extends object = any> = RTColumnInstance<T> &
+  Partial<UseSortByColumnOptions<T>> &
+  Partial<UseSortByColumnProps<T>> &
+  Partial<UseResizeColumnsColumnOptions<T>> &
+  Partial<UseResizeColumnsColumnProps<T>> & {
+    hidden?: boolean;
+    size?: keyof typeof COLUMN_SIZE_MAP;
+  };
+
+type EnhancedHeaderGroup<T extends object = any> = RTHeaderGroup<T> & {
+  isSorted?: boolean;
+  isSortedDesc?: boolean;
+};
+
 function getSortingInfo<T extends object>(
-  headerGroups: HeaderGroup<T>[],
+  headerGroups: EnhancedHeaderGroup<T>[],
   headerId: string,
 ): {
   isSorted: boolean;
@@ -59,8 +83,8 @@ function getSortingInfo<T extends object>(
 }
 
 export function mapColumns<T extends object>(
-  columns: ColumnInstance<T>[],
-  headerGroups: HeaderGroup<T>[],
+  columns: EnhancedColumnInstance<T>[],
+  headerGroups: EnhancedHeaderGroup<T>[],
   columnsForWrapText?: string[],
 ) {
   return columns.map(column => {
@@ -87,7 +111,7 @@ export function mapColumns<T extends object>(
           }: {
             value: CellValue<T>;
             row: { original: Row<T>; id: string };
-            column: ColumnInstance<T>;
+            column: RTColumnInstance<T>;
           }) => ReactNode;
 
           return cellRenderer({
diff --git a/superset-frontend/src/components/TableView/TableView.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.stories.tsx
similarity index 97%
rename from superset-frontend/src/components/TableView/TableView.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.stories.tsx
index fb5cf5fbf3a..08c131060e1 100644
--- a/superset-frontend/src/components/TableView/TableView.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import TableView, { TableViewProps, EmptyWrapperType } from '.';
+import { TableView, TableViewProps, EmptyWrapperType } from '.';
 
 export default {
   title: 'Components/TableView',
diff --git a/superset-frontend/src/components/TableView/TableView.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.test.tsx
similarity index 93%
rename from superset-frontend/src/components/TableView/TableView.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.test.tsx
index f51edc5de87..228ba4dbe34 100644
--- a/superset-frontend/src/components/TableView/TableView.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.test.tsx
@@ -16,8 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
-import TableView, { TableViewProps } from '.';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
+import { TableView, TableViewProps } from '.';
 
 const mockedProps: TableViewProps = {
   columns: [
@@ -116,19 +116,19 @@ test('should NOT render the pagination when fewer rows than page size', () => {
   expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
 });
 
-test('should change page when « and » buttons are clicked', () => {
+test('should change page when « and » buttons are clicked', async () => {
   render(<TableView {...mockedProps} />);
   const nextBtn = screen.getByText('»');
   const prevBtn = screen.getByText('«');
 
-  userEvent.click(nextBtn);
+  await userEvent.click(nextBtn);
   expect(screen.getAllByRole('cell')).toHaveLength(3);
   expect(screen.getByText('321')).toBeInTheDocument();
   expect(screen.getByText('10')).toBeInTheDocument();
   expect(screen.getByText('Kate')).toBeInTheDocument();
   expect(screen.queryByText('Emily')).not.toBeInTheDocument();
 
-  userEvent.click(prevBtn);
+  await userEvent.click(prevBtn);
   expect(screen.getAllByRole('cell')).toHaveLength(3);
   expect(screen.getByText('123')).toBeInTheDocument();
   expect(screen.getByText('27')).toBeInTheDocument();
@@ -136,12 +136,12 @@ test('should change page when « and » buttons are clicked', () => {
   expect(screen.queryByText('Kate')).not.toBeInTheDocument();
 });
 
-test('should sort by age', () => {
+test('should sort by age', async () => {
   render(<TableView {...mockedProps} />);
 
-  userEvent.click(screen.getAllByTestId('sort-header')[1]);
+  await userEvent.click(screen.getAllByTestId('sort-header')[1]);
   expect(screen.getAllByTestId('table-row-cell')[1]).toHaveTextContent('10');
-  userEvent.click(screen.getAllByTestId('sort-header')[1]);
+  await userEvent.click(screen.getAllByTestId('sort-header')[1]);
   expect(screen.getAllByTestId('table-row-cell')[1]).toHaveTextContent('27');
 });
 
diff --git a/superset-frontend/src/components/TableView/TableView.tsx b/superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.tsx
similarity index 94%
rename from superset-frontend/src/components/TableView/TableView.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.tsx
index c9ffbb93eb4..ce99de46492 100644
--- a/superset-frontend/src/components/TableView/TableView.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TableView/TableView.tsx
@@ -20,9 +20,10 @@ import { memo, useEffect, useRef } from 'react';
 import { isEqual } from 'lodash';
 import { styled, t } from '@superset-ui/core';
 import { useFilters, usePagination, useSortBy, useTable } from 'react-table';
-import { Empty } from 'src/components';
-import Pagination from 'src/components/Pagination';
-import TableCollection from 'src/components/TableCollection';
+import { Empty } from '@superset-ui/core/components';
+import Pagination from '@superset-ui/core/components/Pagination';
+import TableCollection from '@superset-ui/core/components/TableCollection';
+import { TableSize } from '@superset-ui/core/components/Table';
 import { SortByType, ServerPagination } from './types';
 
 const DEFAULT_PAGE_SIZE = 10;
@@ -52,6 +53,7 @@ export interface TableViewProps {
   scrollTopOnPagination?: boolean;
   small?: boolean;
   columnsForWrapText?: string[];
+  size?: TableSize;
 }
 
 const EmptyWrapper = styled.div`
@@ -117,7 +119,7 @@ const PaginationStyles = styled.div<{
   }
 `;
 
-const TableView = ({
+const RawTableView = ({
   columns,
   data,
   pageSize: initialPageSize,
@@ -133,6 +135,7 @@ const TableView = ({
   columnsForWrapText,
   onServerPagination = () => {},
   scrollTopOnPagination = false,
+  size = TableSize.Middle,
   ...props
 }: TableViewProps) => {
   const initialState = {
@@ -219,6 +222,7 @@ const TableView = ({
           columns={columns}
           loading={loading}
           setSortBy={setSortBy}
+          size={size}
           columnsForWrapText={columnsForWrapText}
         />
         {isEmpty && (
@@ -262,4 +266,4 @@ const TableView = ({
   );
 };
 
-export default memo(TableView);
+export const TableView = memo(RawTableView);
diff --git a/superset-frontend/src/components/TableView/index.ts b/superset-frontend/packages/superset-ui-core/src/components/TableView/index.ts
similarity index 95%
rename from superset-frontend/src/components/TableView/index.ts
rename to superset-frontend/packages/superset-ui-core/src/components/TableView/index.ts
index c1746ed7773..0ff8aafc024 100644
--- a/superset-frontend/src/components/TableView/index.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/TableView/index.ts
@@ -17,4 +17,3 @@
  * under the License.
  */
 export * from './TableView';
-export { default } from './TableView';
diff --git a/superset-frontend/src/components/TableView/types.ts b/superset-frontend/packages/superset-ui-core/src/components/TableView/types.ts
similarity index 100%
rename from superset-frontend/src/components/TableView/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/TableView/types.ts
diff --git a/superset-frontend/src/components/Tabs/Tabs.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tabs/Tabs.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Tabs/Tabs.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tabs/Tabs.stories.tsx
diff --git a/superset-frontend/src/components/Tabs/Tabs.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tabs/Tabs.tsx
similarity index 98%
rename from superset-frontend/src/components/Tabs/Tabs.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tabs/Tabs.tsx
index b5fd652e091..2688e0b5ed7 100644
--- a/superset-frontend/src/components/Tabs/Tabs.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Tabs/Tabs.tsx
@@ -20,7 +20,7 @@ import { css, styled, useTheme } from '@superset-ui/core';
 
 // eslint-disable-next-line no-restricted-imports
 import { Tabs as AntdTabs, TabsProps as AntdTabsProps } from 'antd';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 export interface TabsProps extends AntdTabsProps {
   allowOverflow?: boolean;
diff --git a/superset-frontend/src/components/Tabs/index.ts b/superset-frontend/packages/superset-ui-core/src/components/Tabs/index.ts
similarity index 100%
rename from superset-frontend/src/components/Tabs/index.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Tabs/index.ts
diff --git a/superset-frontend/packages/superset-ui-core/src/components/Tag/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tag/index.tsx
new file mode 100644
index 00000000000..f9b7884464a
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/src/components/Tag/index.tsx
@@ -0,0 +1,19 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+export { Tag } from 'antd';
diff --git a/superset-frontend/src/components/TelemetryPixel/TelemetryPixel.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/TelemetryPixel/TelemetryPixel.test.tsx
similarity index 96%
rename from superset-frontend/src/components/TelemetryPixel/TelemetryPixel.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TelemetryPixel/TelemetryPixel.test.tsx
index 089c09140e8..7d12a612d7c 100644
--- a/superset-frontend/src/components/TelemetryPixel/TelemetryPixel.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TelemetryPixel/TelemetryPixel.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render } from 'spec/helpers/testing-library';
+import { render } from '@superset-ui/core/spec';
 import TelemetryPixel from '.';
 
 const OLD_ENV = process.env;
diff --git a/superset-frontend/src/components/TelemetryPixel/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/TelemetryPixel/index.tsx
similarity index 100%
rename from superset-frontend/src/components/TelemetryPixel/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TelemetryPixel/index.tsx
diff --git a/superset-frontend/src/components/ThemeEditor/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/ThemeEditor/index.tsx
similarity index 97%
rename from superset-frontend/src/components/ThemeEditor/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/ThemeEditor/index.tsx
index e14cb25fa94..344da2d765e 100644
--- a/superset-frontend/src/components/ThemeEditor/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ThemeEditor/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { Modal, Tooltip, Flex, Select } from 'antd';
-import { Button, JsonEditor } from 'src/components';
+import { Button, JsonEditor } from '@superset-ui/core/components';
 import {
   themeObject,
   exampleThemes,
@@ -25,7 +25,7 @@ import {
   SupersetTheme,
 } from '@superset-ui/core';
 import { useState } from 'react';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 interface ThemeEditorProps {
   initialTheme?: SupersetTheme;
diff --git a/superset-frontend/src/components/Timer/Timer.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Timer/Timer.stories.tsx
similarity index 94%
rename from superset-frontend/src/components/Timer/Timer.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Timer/Timer.stories.tsx
index 3dd230944fb..e64567a100b 100644
--- a/superset-frontend/src/components/Timer/Timer.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Timer/Timer.stories.tsx
@@ -16,8 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { extendedDayjs } from 'src/utils/dates';
-import Timer, { TimerProps } from './index';
+import { extendedDayjs } from '../../utils/dates';
+import { Timer, TimerProps } from '.';
 
 export default {
   title: 'Components/Timer',
diff --git a/superset-frontend/src/components/Timer/Timer.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Timer/Timer.test.tsx
similarity index 91%
rename from superset-frontend/src/components/Timer/Timer.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Timer/Timer.test.tsx
index 3e396558514..61d6a5458d5 100644
--- a/superset-frontend/src/components/Timer/Timer.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Timer/Timer.test.tsx
@@ -19,9 +19,15 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, sleep, waitFor } from 'spec/helpers/testing-library';
-import Timer, { TimerProps } from 'src/components/Timer';
-import { now } from 'src/utils/dates';
+import { render, waitFor } from '@superset-ui/core/spec';
+import { Timer, TimerProps } from '.';
+import { now } from '../../utils/dates';
+
+function sleep(time: number) {
+  return new Promise(resolve => {
+    setTimeout(resolve, time);
+  });
+}
 
 function parseTime(text?: string | null) {
   return !!text && Number(text.replace(/:/g, ''));
diff --git a/superset-frontend/src/components/Timer/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Timer/index.tsx
similarity index 87%
rename from superset-frontend/src/components/Timer/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Timer/index.tsx
index b58f5ebd7e9..0eaa8e456b6 100644
--- a/superset-frontend/src/components/Timer/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Timer/index.tsx
@@ -17,12 +17,9 @@
  * under the License.
  */
 import { useEffect, useRef, useState } from 'react';
-import { useTheme } from '@superset-ui/core';
-import type { LabelType } from 'src/components/Label/types';
-import { Label } from 'src/components';
-import { Icons } from 'src/components/Icons';
-
-import { now, fDuration } from 'src/utils/dates';
+import { now, fDuration } from '../../utils/dates';
+import { useTheme } from '../..';
+import { Label, Icons, type LabelType } from '..';
 
 export interface TimerProps {
   endTime?: number;
@@ -31,7 +28,7 @@ export interface TimerProps {
   status?: LabelType;
 }
 
-export default function Timer({
+export function Timer({
   endTime,
   isRunning,
   startTime,
diff --git a/superset-frontend/src/components/TimezoneSelector/TimezoneSelector.DaylightSavingTime.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.DaylightSavingTime.test.tsx
similarity index 94%
rename from superset-frontend/src/components/TimezoneSelector/TimezoneSelector.DaylightSavingTime.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.DaylightSavingTime.test.tsx
index 98d823188ad..21fa1fc9abf 100644
--- a/superset-frontend/src/components/TimezoneSelector/TimezoneSelector.DaylightSavingTime.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.DaylightSavingTime.test.tsx
@@ -18,12 +18,7 @@
  */
 
 import { FC } from 'react';
-import {
-  render,
-  waitFor,
-  screen,
-  userEvent,
-} from 'spec/helpers/testing-library';
+import { render, waitFor, screen, userEvent } from '@superset-ui/core/spec';
 import type { TimezoneSelectorProps } from './index';
 
 const loadComponent = (mockCurrentTime?: string) => {
@@ -52,7 +47,7 @@ test('render timezones in correct order for daylight saving time', async () => {
   );
 
   const searchInput = screen.getByRole('combobox');
-  userEvent.click(searchInput);
+  await userEvent.click(searchInput);
 
   const options = await waitFor(() =>
     document.querySelectorAll('.ant-select-item-option-content'),
diff --git a/superset-frontend/src/components/TimezoneSelector/TimezoneSelector.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/TimezoneSelector/TimezoneSelector.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.stories.tsx
diff --git a/superset-frontend/src/components/TimezoneSelector/TimezoneSelector.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.test.tsx
similarity index 94%
rename from superset-frontend/src/components/TimezoneSelector/TimezoneSelector.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.test.tsx
index 35c3448f9d1..25df21eef2c 100644
--- a/superset-frontend/src/components/TimezoneSelector/TimezoneSelector.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/TimezoneSelector.test.tsx
@@ -17,13 +17,8 @@
  * under the License.
  */
 import { FC } from 'react';
-import { extendedDayjs } from 'src/utils/dates';
-import {
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
+import { render, screen, userEvent, waitFor } from '@superset-ui/core/spec';
+import { extendedDayjs } from '../../utils/dates';
 import type { TimezoneSelectorProps } from './index';
 
 const loadComponent = (mockCurrentTime?: string) => {
@@ -40,9 +35,9 @@ const loadComponent = (mockCurrentTime?: string) => {
 const getSelectOptions = () =>
   waitFor(() => document.querySelectorAll('.ant-select-item-option-content'));
 
-const openSelectMenu = () => {
+const openSelectMenu = async () => {
   const searchInput = screen.getByRole('combobox');
-  userEvent.click(searchInput);
+  await userEvent.click(searchInput);
 };
 
 jest.spyOn(extendedDayjs.tz, 'guess').mockReturnValue('America/New_York');
@@ -111,10 +106,10 @@ test('can select a timezone values and returns canonical timezone name', async (
 
   const searchInput = screen.getByRole('combobox');
   // search for mountain time
-  userEvent.type(searchInput, 'mou');
+  await userEvent.type(searchInput, 'mou');
   const findTitle = 'GMT -07:00 (Mountain Standard Time)';
   const selectOption = await screen.findByTitle(findTitle);
-  userEvent.click(selectOption);
+  await userEvent.click(selectOption);
   expect(onTimezoneChange).toHaveBeenCalledTimes(1);
   expect(onTimezoneChange).toHaveBeenLastCalledWith('America/Boise');
 });
diff --git a/superset-frontend/src/components/TimezoneSelector/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/index.tsx
similarity index 97%
rename from superset-frontend/src/components/TimezoneSelector/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/index.tsx
index 9d6ea4479c1..3dd0ede01c2 100644
--- a/superset-frontend/src/components/TimezoneSelector/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TimezoneSelector/index.tsx
@@ -19,8 +19,8 @@
 
 import { useEffect, useMemo } from 'react';
 import { t } from '@superset-ui/core';
-import { Select } from 'src/components';
-import { isDST, extendedDayjs } from 'src/utils/dates';
+import { Select } from '@superset-ui/core/components';
+import { isDST, extendedDayjs } from '../../utils/dates';
 
 const DEFAULT_TIMEZONE = {
   name: 'GMT Standard Time',
diff --git a/superset-frontend/src/components/Tooltip/Tooltip.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tooltip/Tooltip.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Tooltip/Tooltip.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tooltip/Tooltip.stories.tsx
diff --git a/superset-frontend/src/components/Tooltip/Tooltip.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tooltip/Tooltip.test.tsx
similarity index 84%
rename from superset-frontend/src/components/Tooltip/Tooltip.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tooltip/Tooltip.test.tsx
index 1d46066f3dc..6e0c5f9a6fd 100644
--- a/superset-frontend/src/components/Tooltip/Tooltip.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Tooltip/Tooltip.test.tsx
@@ -16,10 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, userEvent } from 'spec/helpers/testing-library';
-import { Button } from 'src/components';
-import { Icons } from 'src/components/Icons';
-import { Tooltip } from '.';
+import { render, screen, userEvent } from '@superset-ui/core/spec';
+import { Button, Icons, Tooltip } from '..';
 
 test('starts hidden with default props', () => {
   render(
@@ -36,7 +34,7 @@ test('renders on hover', async () => {
       <Button>Hover me</Button>
     </Tooltip>,
   );
-  userEvent.hover(screen.getByRole('button'));
+  await userEvent.hover(screen.getByRole('button'));
   expect(await screen.findByRole('tooltip')).toBeInTheDocument();
 });
 
@@ -46,6 +44,6 @@ test('renders with icon child', async () => {
       <Icons.WarningOutlined>Hover me</Icons.WarningOutlined>
     </Tooltip>,
   );
-  userEvent.hover(screen.getByRole('img'));
+  await userEvent.hover(screen.getByRole('img'));
   expect(await screen.findByRole('tooltip')).toBeInTheDocument();
 });
diff --git a/superset-frontend/src/components/Tooltip/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tooltip/index.tsx
similarity index 90%
rename from superset-frontend/src/components/Tooltip/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tooltip/index.tsx
index 6d2e8d71eda..ee8844a540e 100644
--- a/superset-frontend/src/components/Tooltip/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Tooltip/index.tsx
@@ -17,7 +17,8 @@
  * under the License.
  */
 import { Tooltip as AntdTooltip } from 'antd';
-import type { TooltipProps } from './types';
+
+import type { TooltipProps, TooltipPlacement } from './types';
 
 export const Tooltip = ({ overlayStyle, ...props }: TooltipProps) => (
   <AntdTooltip
@@ -28,5 +29,4 @@ export const Tooltip = ({ overlayStyle, ...props }: TooltipProps) => (
     {...props}
   />
 );
-
-export type { TooltipProps };
+export type { TooltipProps, TooltipPlacement };
diff --git a/superset-frontend/src/components/Tooltip/types.ts b/superset-frontend/packages/superset-ui-core/src/components/Tooltip/types.ts
similarity index 87%
rename from superset-frontend/src/components/Tooltip/types.ts
rename to superset-frontend/packages/superset-ui-core/src/components/Tooltip/types.ts
index dbb0f2264c7..ab0f4875f21 100644
--- a/superset-frontend/src/components/Tooltip/types.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/Tooltip/types.ts
@@ -16,7 +16,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-export type { TooltipProps } from 'antd/es/tooltip';
+import { Tooltip } from 'antd';
+
+export type TooltipProps = React.ComponentProps<typeof Tooltip> & {
+  overlayStyle?: React.CSSProperties;
+};
 
 export type TooltipPlacement =
   | 'top'
diff --git a/superset-frontend/src/components/TooltipParagraph/TooltipParagraph.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/TooltipParagraph.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/TooltipParagraph/TooltipParagraph.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/TooltipParagraph.stories.tsx
diff --git a/superset-frontend/src/components/TooltipParagraph/TooltipParagraph.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/TooltipParagraph.test.tsx
similarity index 92%
rename from superset-frontend/src/components/TooltipParagraph/TooltipParagraph.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/TooltipParagraph.test.tsx
index 4d3b08c11db..e42bab3d7b9 100644
--- a/superset-frontend/src/components/TooltipParagraph/TooltipParagraph.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/TooltipParagraph.test.tsx
@@ -16,12 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  render,
-  screen,
-  userEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
+import { render, screen, userEvent, waitFor } from '@superset-ui/core/spec';
 import TooltipParagraph from '.';
 
 test('starts hidden with default props', () => {
@@ -38,7 +33,7 @@ test('not render on hover when not truncated', async () => {
     </div>,
   );
 
-  userEvent.hover(screen.getByTestId('test-text'));
+  await userEvent.hover(screen.getByTestId('test-text'));
 
   // Wait a moment for any potential tooltip to appear
   await new Promise(resolve => setTimeout(resolve, 100));
@@ -63,7 +58,7 @@ test('render on hover when truncated', async () => {
   expect(ellipsisElement).toBeInTheDocument();
 
   // Hover over the text
-  userEvent.hover(screen.getByTestId('test-text'));
+  await userEvent.hover(screen.getByTestId('test-text'));
 
   // In Ant Design v5, we can check if the aria-describedby attribute is present
   // which indicates the tooltip functionality is active
diff --git a/superset-frontend/src/components/TooltipParagraph/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/index.tsx
similarity index 93%
rename from superset-frontend/src/components/TooltipParagraph/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/index.tsx
index 5e767695459..3355ae22d8a 100644
--- a/superset-frontend/src/components/TooltipParagraph/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TooltipParagraph/index.tsx
@@ -17,7 +17,11 @@
  * under the License.
  */
 import { useState, FC } from 'react';
-import { ParagraphProps, Typography, Tooltip } from 'src/components';
+import {
+  ParagraphProps,
+  Typography,
+  Tooltip,
+} from '@superset-ui/core/components';
 
 const TooltipParagraph: FC<ParagraphProps> = ({
   children,
diff --git a/superset-frontend/src/components/Tree/Tree.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tree/Tree.stories.tsx
similarity index 99%
rename from superset-frontend/src/components/Tree/Tree.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tree/Tree.stories.tsx
index e1190f089bd..84aa0d614db 100644
--- a/superset-frontend/src/components/Tree/Tree.stories.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Tree/Tree.stories.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { Meta, StoryObj } from '@storybook/react';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import Tree, { TreeProps, type TreeDataNode } from './index';
 
 const meta = {
diff --git a/superset-frontend/src/components/Tree/Tree.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tree/Tree.test.tsx
similarity index 93%
rename from superset-frontend/src/components/Tree/Tree.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tree/Tree.test.tsx
index ab61b5bd8df..1075bb53b65 100644
--- a/superset-frontend/src/components/Tree/Tree.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Tree/Tree.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen, fireEvent } from '@testing-library/react';
+import { render, screen, fireEvent } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import Tree from './index';
 
@@ -32,7 +32,7 @@ const treeData = [
 ];
 
 describe('Tree Component', () => {
-  test('expands and collapses parent node', async () => {
+  it('expands and collapses parent node', async () => {
     render(<Tree treeData={treeData} defaultExpandAll={false} />);
 
     expect(screen.queryByText('Child 1')).not.toBeInTheDocument();
diff --git a/superset-frontend/src/components/Tree/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Tree/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Tree/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Tree/index.tsx
diff --git a/superset-frontend/src/components/TreeSelect/TreeSelect.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/TreeSelect/TreeSelect.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/TreeSelect/TreeSelect.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TreeSelect/TreeSelect.stories.tsx
diff --git a/superset-frontend/src/components/TreeSelect/TreeSelect.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/TreeSelect/TreeSelect.test.tsx
similarity index 96%
rename from superset-frontend/src/components/TreeSelect/TreeSelect.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TreeSelect/TreeSelect.test.tsx
index ce01d0affef..86077691abe 100644
--- a/superset-frontend/src/components/TreeSelect/TreeSelect.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TreeSelect/TreeSelect.test.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, fireEvent, screen } from '@testing-library/react';
+import { render, fireEvent, screen } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { TreeSelect } from '.';
 
diff --git a/superset-frontend/src/components/TreeSelect/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/TreeSelect/index.tsx
similarity index 100%
rename from superset-frontend/src/components/TreeSelect/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TreeSelect/index.tsx
diff --git a/superset-frontend/src/components/TruncatedList/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/TruncatedList/index.tsx
similarity index 98%
rename from superset-frontend/src/components/TruncatedList/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/TruncatedList/index.tsx
index fecaca4a783..0348d064ccd 100644
--- a/superset-frontend/src/components/TruncatedList/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/TruncatedList/index.tsx
@@ -20,7 +20,7 @@
 import { ReactNode, Key, useMemo } from 'react';
 
 import { styled, t, useTruncation } from '@superset-ui/core';
-import { Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
 
 export type TruncatedListProps<ListItemType> = {
   /**
diff --git a/superset-frontend/src/components/Typography/Typography.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Typography/Typography.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Typography/Typography.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Typography/Typography.stories.tsx
diff --git a/superset-frontend/src/components/Typography/Typography.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Typography/Typography.test.tsx
similarity index 86%
rename from superset-frontend/src/components/Typography/Typography.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Typography/Typography.test.tsx
index 8aaac2987ad..5382c87bdc9 100644
--- a/superset-frontend/src/components/Typography/Typography.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Typography/Typography.test.tsx
@@ -16,28 +16,28 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { render, screen } from 'spec/helpers/testing-library';
+import { render, screen } from '@superset-ui/core/spec';
 import '@testing-library/jest-dom';
 import { Typography } from '.';
 
 describe('Typography Component', () => {
-  test('renders Text component', () => {
+  it('renders Text component', () => {
     render(<Typography.Text>Text Content</Typography.Text>);
     expect(screen.getByText('Text Content')).toBeInTheDocument();
   });
 
-  test('renders Title component', () => {
+  it('renders Title component', () => {
     render(<Typography.Title level={2}>Title Content</Typography.Title>);
     expect(screen.getByText('Title Content')).toBeInTheDocument();
     expect(screen.getByRole('heading', { level: 2 })).toBeInTheDocument();
   });
 
-  test('renders Paragraph component', () => {
+  it('renders Paragraph component', () => {
     render(<Typography.Paragraph>Paragraph Content</Typography.Paragraph>);
     expect(screen.getByText('Paragraph Content')).toBeInTheDocument();
   });
 
-  test('renders Link component', () => {
+  it('renders Link component', () => {
     render(
       <Typography.Link href="https://example.com">
         Link Content
@@ -48,19 +48,19 @@ describe('Typography Component', () => {
     expect(link).toHaveAttribute('href', 'https://example.com');
   });
 
-  test('renders strong text', () => {
+  it('renders strong text', () => {
     render(<Typography.Text strong>Strong Text</Typography.Text>);
     expect(screen.getByText('Strong Text')).toHaveStyle('font-weight: 600');
   });
 
-  test('renders underlined text', () => {
+  it('renders underlined text', () => {
     render(<Typography.Text underline>Underlined Text</Typography.Text>);
     expect(screen.getByText('Underlined Text')).toHaveStyle(
       'text-decoration: underline',
     );
   });
 
-  test('renders disabled text', () => {
+  it('renders disabled text', () => {
     render(<Typography.Text disabled>Disabled Text</Typography.Text>);
     expect(screen.getByText('Disabled Text')).toHaveClass(
       'ant-typography-disabled',
diff --git a/superset-frontend/src/components/Typography/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Typography/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Typography/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Typography/index.tsx
diff --git a/superset-frontend/src/components/Upload/Upload.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/Upload/Upload.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/Upload/Upload.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Upload/Upload.stories.tsx
diff --git a/superset-frontend/src/components/Upload/Upload.test.tsx b/superset-frontend/packages/superset-ui-core/src/components/Upload/Upload.test.tsx
similarity index 87%
rename from superset-frontend/src/components/Upload/Upload.test.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Upload/Upload.test.tsx
index 9964c7901d8..fb0f08ed666 100644
--- a/superset-frontend/src/components/Upload/Upload.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/Upload/Upload.test.tsx
@@ -16,16 +16,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  render,
-  screen,
-  fireEvent,
-  waitFor,
-} from 'spec/helpers/testing-library';
-import { Button, Upload } from 'src/components';
+import { render, screen, fireEvent, waitFor } from '@superset-ui/core/spec';
+import { Button, Upload } from '..';
 
 describe('Upload Component', () => {
-  test('renders upload button and triggers file upload', async () => {
+  it('renders upload button and triggers file upload', async () => {
     const handleChange = jest.fn();
 
     render(
diff --git a/superset-frontend/src/components/Upload/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/Upload/index.tsx
similarity index 100%
rename from superset-frontend/src/components/Upload/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/Upload/index.tsx
diff --git a/superset-frontend/src/components/WarningIconWithTooltip/WarningIconWithTooltip.stories.tsx b/superset-frontend/packages/superset-ui-core/src/components/WarningIconWithTooltip/WarningIconWithTooltip.stories.tsx
similarity index 100%
rename from superset-frontend/src/components/WarningIconWithTooltip/WarningIconWithTooltip.stories.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/WarningIconWithTooltip/WarningIconWithTooltip.stories.tsx
diff --git a/superset-frontend/src/components/WarningIconWithTooltip/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/WarningIconWithTooltip/index.tsx
similarity index 87%
rename from superset-frontend/src/components/WarningIconWithTooltip/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/WarningIconWithTooltip/index.tsx
index 5732db72aaf..607eed6f7c0 100644
--- a/superset-frontend/src/components/WarningIconWithTooltip/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/WarningIconWithTooltip/index.tsx
@@ -16,10 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { useTheme, SafeMarkdown } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import type { IconType } from 'src/components/Icons/types';
-import { Tooltip } from '../Tooltip';
+import { useTheme } from '@superset-ui/core';
+import { Icons, type IconType, SafeMarkdown, Tooltip } from '..';
 
 export interface WarningIconWithTooltipProps {
   warningMarkdown: string;
diff --git a/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80135!loading.gif b/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80135!loading.gif
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80342!loading.gif b/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80342!loading.gif
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80520!loading.gif b/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80520!loading.gif
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80903!loading.gif b/superset-frontend/packages/superset-ui-core/src/components/assets/images/.!80903!loading.gif
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/superset-frontend/src/components/Select/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/assets/images/index.ts
similarity index 81%
rename from superset-frontend/src/components/Select/index.tsx
rename to superset-frontend/packages/superset-ui-core/src/components/assets/images/index.ts
index 004c22e7f24..c272c1186cd 100644
--- a/superset-frontend/src/components/Select/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/assets/images/index.ts
@@ -16,10 +16,6 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import Select from './Select';
-import AsyncSelect from './AsyncSelect';
+import Loading from './loading.gif';
 
-export { Select, AsyncSelect };
-export * from './types';
-export * from './styles';
-export * from './constants';
+export { Loading };
diff --git a/superset-frontend/packages/superset-ui-core/src/components/assets/images/loading.gif b/superset-frontend/packages/superset-ui-core/src/components/assets/images/loading.gif
new file mode 100644
index 00000000000..d82fc5d9244
Binary files /dev/null and b/superset-frontend/packages/superset-ui-core/src/components/assets/images/loading.gif differ
diff --git a/superset-frontend/packages/superset-ui-core/src/components/assets/index.ts b/superset-frontend/packages/superset-ui-core/src/components/assets/index.ts
new file mode 100644
index 00000000000..c59dc1dc385
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/src/components/assets/index.ts
@@ -0,0 +1,20 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+export * from './svgs';
+export * from './images';
diff --git a/superset-frontend/src/assets/images/chart.svg b/superset-frontend/packages/superset-ui-core/src/components/assets/svgs/chart.svg
similarity index 100%
rename from superset-frontend/src/assets/images/chart.svg
rename to superset-frontend/packages/superset-ui-core/src/components/assets/svgs/chart.svg
diff --git a/superset-frontend/src/assets/images/icons/error.svg b/superset-frontend/packages/superset-ui-core/src/components/assets/svgs/error.svg
similarity index 100%
rename from superset-frontend/src/assets/images/icons/error.svg
rename to superset-frontend/packages/superset-ui-core/src/components/assets/svgs/error.svg
diff --git a/superset-frontend/packages/superset-ui-core/src/components/assets/svgs/index.ts b/superset-frontend/packages/superset-ui-core/src/components/assets/svgs/index.ts
new file mode 100644
index 00000000000..e33811776f8
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/src/components/assets/svgs/index.ts
@@ -0,0 +1,22 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import chart from './chart.svg';
+import error from './error.svg';
+
+export { chart, error };
diff --git a/superset-frontend/src/components/atomic-design.png b/superset-frontend/packages/superset-ui-core/src/components/atomic-design.png
similarity index 100%
rename from superset-frontend/src/components/atomic-design.png
rename to superset-frontend/packages/superset-ui-core/src/components/atomic-design.png
diff --git a/superset-frontend/packages/superset-ui-core/src/components/constants.ts b/superset-frontend/packages/superset-ui-core/src/components/constants.ts
index f252d725dd2..05b681c28f4 100644
--- a/superset-frontend/packages/superset-ui-core/src/components/constants.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/constants.ts
@@ -17,12 +17,12 @@
  * under the License.
  */
 
-/**
- * Faster debounce delay for inputs without expensive operation.
- */
-export const FAST_DEBOUNCE = 250;
+import { t } from '..';
 
-/**
- * Slower debounce delay for inputs with expensive API calls.
- */
-export const SLOW_DEBOUNCE = 500;
+export const Constants = {
+  FAST_DEBOUNCE: 250,
+  SLOW_DEBOUNCE: 500,
+  NULL_DISPLAY: t('N/A'),
+  BOOL_TRUE_DISPLAY: t('True'),
+  BOOL_FALSE_DISPLAY: t('False'),
+};
diff --git a/superset-frontend/packages/superset-ui-core/src/components/index.ts b/superset-frontend/packages/superset-ui-core/src/components/index.ts
index 6fe666c0372..25e56804fe1 100644
--- a/superset-frontend/packages/superset-ui-core/src/components/index.ts
+++ b/superset-frontend/packages/superset-ui-core/src/components/index.ts
@@ -1,4 +1,4 @@
-/*
+/**
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
  * distributed with this work for additional information
@@ -17,5 +17,150 @@
  * under the License.
  */
 
+/*
+ * Re-exporting of components in @superset-ui/core/components to facilitate
+ * their imports by other components.
+ * E.g. import { Select } from '@superset-ui/core/components', probably in the future from '@superset-ui/components'
+ */
+export * from './Input';
+export { AntdThemeProvider } from './AntdThemeProvider';
+export {
+  ConfirmStatusChange,
+  type ConfirmStatusChangeProps,
+} from './ConfirmStatusChange';
+export { Alert, type AlertProps } from './Alert';
+export { CertifiedBadge } from './CertifiedBadge';
+export * from './Icons';
+export * from './Timer';
+export {
+  AsyncEsmComponent,
+  type PlaceholderProps as AsyncEsmPlaceholderProps,
+} from './AsyncEsmComponent';
+export {
+  AsyncAceEditor,
+  CssEditor,
+  JsonEditor,
+  SQLEditor,
+  FullSQLEditor,
+  MarkdownEditor,
+  TextAreaEditor,
+  ConfigEditor,
+  type AsyncAceEditorProps,
+  type Editor,
+} from './AsyncAceEditor';
+export { AutoComplete, type AutoCompleteProps } from './AutoComplete';
+export {
+  Avatar,
+  AvatarGroup,
+  type AvatarProps,
+  type AvatarGroupProps,
+} from './Avatar';
+export { Badge, type BadgeProps } from './Badge';
+export { Button, type ButtonProps, type OnClickHandler } from './Button';
+export { ButtonGroup, type ButtonGroupProps } from './ButtonGroup';
+export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
+export { CachedLabel, type CacheLabelProps } from './CachedLabel';
+export { Card } from './Card';
+export {
+  Checkbox,
+  type CheckboxProps,
+  type CheckboxChangeEvent,
+} from './Checkbox';
+export {
+  Collapse,
+  type CollapseProps,
+  CollapseLabelInModal,
+  type CollapseLabelInModalProps,
+} from './Collapse';
+export { CronPicker, type CronError } from './CronPicker';
+export * from './DatePicker';
+export { DeleteModal, type DeleteModalProps } from './DeleteModal';
+export { Divider, type DividerProps } from './Divider';
+export {
+  Dropdown,
+  MenuDotsDropdown,
+  NoAnimationDropdown,
+  type DropdownProps,
+  type NoAnimationDropdownProps,
+  type MenuDotsDropdownProps,
+} from './Dropdown';
+export { DropdownButton, type DropdownButtonProps } from './DropdownButton';
+export {
+  DropdownContainer,
+  type DropdownItem,
+  type DropdownRef,
+} from './DropdownContainer';
+export {
+  DynamicEditableTitle,
+  type DynamicEditableTitleProps,
+} from './DynamicEditableTitle';
+export { EditableTitle, type EditableTitleProps } from './EditableTitle';
+export { EmptyState, type EmptyStateProps } from './EmptyState';
+export { Empty, type EmptyProps } from './EmptyState/Empty';
+export { FaveStar, type FaveStarProps } from './FaveStar';
+export {
+  Modal,
+  FormModal,
+  StyledModal,
+  type ModalProps,
+  type FormModalProps,
+} from './Modal';
+export * from './ModalTrigger';
+export { Flex, type FlexProps } from './Flex';
+export {
+  Form,
+  FormItem,
+  FormLabel,
+  LabeledErrorBoundInput,
+  type FormInstance,
+  type FormProps,
+  type FormItemProps,
+} from './Form';
+export { Grid, Row, Col, type RowProps, type ColProps } from './Grid';
+export { IconButton, type IconButtonProps } from './IconButton';
+export * from './Tooltip';
+export { Tooltip as RawAntdTooltip } from 'antd';
+export { IconTooltip, type IconTooltipProps } from './IconTooltip';
+export { InfoTooltip, type InfoTooltipProps } from './InfoTooltip';
+export {
+  Label,
+  DatasetTypeLabel,
+  PublishedLabel,
+  type LabelType,
+} from './Label';
+export { LastUpdated, type LastUpdatedProps } from './LastUpdated';
+export { Layout, type LayoutProps, type SiderProps } from './Layout';
+export { List, type ListProps, type ListItemProps } from './List';
+export {
+  ListViewCard,
+  ImageLoader,
+  type ListViewCardProps,
+} from './ListViewCard';
+export { Loading, type LoadingProps } from './Loading';
+
+export { Skeleton, type SkeletonProps } from './Skeleton';
+
+export { Switch, type SwitchProps } from './Switch';
+
+export { TreeSelect, type TreeSelectProps } from './TreeSelect';
+
+export {
+  Typography,
+  type TypographyProps,
+  type ParagraphProps,
+} from './Typography';
+
+export { Image, type ImageProps } from './Image';
+export { Upload, type UploadFile, type UploadChangeParam } from './Upload';
+// Add these to your index.ts
+export * from './Menu';
+export * from './Popover';
+export * from './Radio';
+export * from './SafeMarkdown/SafeMarkdown';
+export * from './Select';
+export * from './Space';
+export * from './Steps';
+export * from './Table';
+export * from './TableView';
+export * from './Tag';
 export * from './constants';
-export { default as SafeMarkdown } from './SafeMarkdown';
diff --git a/superset-frontend/packages/superset-ui-core/src/index.ts b/superset-frontend/packages/superset-ui-core/src/index.ts
index 99e9b518433..ceb5d08c90e 100644
--- a/superset-frontend/packages/superset-ui-core/src/index.ts
+++ b/superset-frontend/packages/superset-ui-core/src/index.ts
@@ -32,7 +32,6 @@ export * from './theme';
 export * from './validator';
 export * from './chart';
 export * from './chart-composition';
-export * from './components';
 export * from './math-expression';
 export * from './ui-overrides';
 export * from './hooks';
diff --git a/superset-frontend/packages/superset-ui-core/src/query/api/v1/types.ts b/superset-frontend/packages/superset-ui-core/src/query/api/v1/types.ts
index 06d1419e747..984eb52e5e6 100644
--- a/superset-frontend/packages/superset-ui-core/src/query/api/v1/types.ts
+++ b/superset-frontend/packages/superset-ui-core/src/query/api/v1/types.ts
@@ -43,7 +43,7 @@ export interface SupersetApiRequestOptions {
  * Superset API error types.
  * Ref: https://github.com/apache/incubator-superset/blob/318e5347bc6f88119725775baa4ab9a398a6f0b0/superset/errors.py#L24
  *
- * TODO: migrate superset-frontend/src/components/ErrorMessage/types.ts over
+ * TODO: migrate superset-frontend/@superset-ui/core/components/ErrorMessage/types.ts over
  */
 export enum SupersetApiErrorType {
   // Generic unknown error
diff --git a/superset-frontend/packages/superset-ui-core/src/spec/index.tsx b/superset-frontend/packages/superset-ui-core/src/spec/index.tsx
new file mode 100644
index 00000000000..da7632b6954
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/src/spec/index.tsx
@@ -0,0 +1,46 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import userEvent from '@testing-library/user-event';
+import { ReactElement } from 'react';
+import { render, RenderOptions } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { themeObject } from '@superset-ui/core';
+
+// Define the wrapper component outside
+const AllTheProviders = ({ children }: { children: React.ReactNode }) => (
+  <themeObject.SupersetThemeProvider>
+    {children}
+  </themeObject.SupersetThemeProvider>
+);
+
+// Follow the exact pattern from RTL docs
+const customRender = (
+  ui: ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>,
+) => render(ui, { wrapper: AllTheProviders, ...options });
+
+export {
+  createEvent,
+  fireEvent,
+  screen,
+  waitFor,
+  cleanup,
+  within,
+} from '@testing-library/react';
+export { customRender as render, userEvent };
diff --git a/superset-frontend/src/utils/dates.test.ts b/superset-frontend/packages/superset-ui-core/src/utils/dates.test.ts
similarity index 99%
rename from superset-frontend/src/utils/dates.test.ts
rename to superset-frontend/packages/superset-ui-core/src/utils/dates.test.ts
index 53d4cef846e..7395bcb5884 100644
--- a/superset-frontend/src/utils/dates.test.ts
+++ b/superset-frontend/packages/superset-ui-core/src/utils/dates.test.ts
@@ -23,7 +23,7 @@ import {
   epochTimeXDaysAgo,
   epochTimeXYearsAgo,
   extendedDayjs,
-} from 'src/utils/dates';
+} from './dates';
 
 describe('extendedDayjs', () => {
   it('returns dayjs object with extended methods', () => {
diff --git a/superset-frontend/src/utils/dates.ts b/superset-frontend/packages/superset-ui-core/src/utils/dates.ts
similarity index 100%
rename from superset-frontend/src/utils/dates.ts
rename to superset-frontend/packages/superset-ui-core/src/utils/dates.ts
diff --git a/superset-frontend/packages/superset-ui-core/src/utils/html.test.tsx b/superset-frontend/packages/superset-ui-core/src/utils/html.test.tsx
index 3f38e8c9c16..12a0a4f9f5a 100644
--- a/superset-frontend/packages/superset-ui-core/src/utils/html.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/utils/html.test.tsx
@@ -27,7 +27,7 @@ import {
 } from './html';
 
 describe('sanitizeHtml', () => {
-  test('should sanitize the HTML string', () => {
+  it('should sanitize the HTML string', () => {
     const htmlString = '<script>alert("XSS")</script>';
     const sanitizedString = sanitizeHtml(htmlString);
     expect(sanitizedString).not.toContain('script');
@@ -35,13 +35,13 @@ describe('sanitizeHtml', () => {
 });
 
 describe('isProbablyHTML', () => {
-  test('should return true if the text contains HTML tags', () => {
+  it('should return true if the text contains HTML tags', () => {
     const htmlText = '<div>Some HTML content</div>';
     const isHTML = isProbablyHTML(htmlText);
     expect(isHTML).toBe(true);
   });
 
-  test('should return false if the text does not contain HTML tags', () => {
+  it('should return false if the text does not contain HTML tags', () => {
     const plainText = 'Just a plain text';
     const isHTML = isProbablyHTML(plainText);
     expect(isHTML).toBe(false);
@@ -52,13 +52,13 @@ describe('isProbablyHTML', () => {
 });
 
 describe('sanitizeHtmlIfNeeded', () => {
-  test('should sanitize the HTML string if it contains HTML tags', () => {
+  it('should sanitize the HTML string if it contains HTML tags', () => {
     const htmlString = '<div>Some <b>HTML</b> content</div>';
     const sanitizedString = sanitizeHtmlIfNeeded(htmlString);
     expect(sanitizedString).toEqual(htmlString);
   });
 
-  test('should return the string as is if it does not contain HTML tags', () => {
+  it('should return the string as is if it does not contain HTML tags', () => {
     const plainText = 'Just a plain text';
     const sanitizedString = sanitizeHtmlIfNeeded(plainText);
     expect(sanitizedString).toEqual(plainText);
@@ -66,7 +66,7 @@ describe('sanitizeHtmlIfNeeded', () => {
 });
 
 describe('safeHtmlSpan', () => {
-  test('should return a safe HTML span when the input is HTML', () => {
+  it('should return a safe HTML span when the input is HTML', () => {
     const htmlString = '<div>Some <b>HTML</b> content</div>';
     const safeSpan = safeHtmlSpan(htmlString);
     expect(safeSpan).toEqual(
@@ -77,7 +77,7 @@ describe('safeHtmlSpan', () => {
     );
   });
 
-  test('should return the input string as is when it is not HTML', () => {
+  it('should return the input string as is when it is not HTML', () => {
     const plainText = 'Just a plain text';
     const result = safeHtmlSpan(plainText);
     expect(result).toEqual(plainText);
@@ -85,31 +85,31 @@ describe('safeHtmlSpan', () => {
 });
 
 describe('removeHTMLTags', () => {
-  test('should remove HTML tags from the string', () => {
+  it('should remove HTML tags from the string', () => {
     const input = '<p>Hello, <strong>World!</strong></p>';
     const output = removeHTMLTags(input);
     expect(output).toBe('Hello, World!');
   });
 
-  test('should return the same string when no HTML tags are present', () => {
+  it('should return the same string when no HTML tags are present', () => {
     const input = 'This is a plain text.';
     const output = removeHTMLTags(input);
     expect(output).toBe('This is a plain text.');
   });
 
-  test('should remove nested HTML tags and return combined text content', () => {
+  it('should remove nested HTML tags and return combined text content', () => {
     const input = '<div><h1>Title</h1><p>Content</p></div>';
     const output = removeHTMLTags(input);
     expect(output).toBe('TitleContent');
   });
 
-  test('should handle self-closing tags and return an empty string', () => {
+  it('should handle self-closing tags and return an empty string', () => {
     const input = '<img src="image.png" alt="Image">';
     const output = removeHTMLTags(input);
     expect(output).toBe('');
   });
 
-  test('should handle malformed HTML tags and remove only well-formed tags', () => {
+  it('should handle malformed HTML tags and remove only well-formed tags', () => {
     const input = '<div><h1>Unclosed tag';
     const output = removeHTMLTags(input);
     expect(output).toBe('Unclosed tag');
@@ -117,44 +117,44 @@ describe('removeHTMLTags', () => {
 });
 
 describe('isJsonString', () => {
-  test('valid JSON object', () => {
+  it('valid JSON object', () => {
     const jsonString = '{"name": "John", "age": 30, "city": "New York"}';
     expect(isJsonString(jsonString)).toBe(true);
   });
 
-  test('valid JSON array', () => {
+  it('valid JSON array', () => {
     const jsonString = '[1, 2, 3, 4, 5]';
     expect(isJsonString(jsonString)).toBe(true);
   });
 
-  test('valid JSON string', () => {
+  it('valid JSON string', () => {
     const jsonString = '"Hello, world!"';
     expect(isJsonString(jsonString)).toBe(true);
   });
 
-  test('invalid JSON with syntax error', () => {
+  it('invalid JSON with syntax error', () => {
     const jsonString = '{"name": "John", "age": 30, "city": "New York"';
     expect(isJsonString(jsonString)).toBe(false);
   });
 
-  test('empty string', () => {
+  it('empty string', () => {
     const jsonString = '';
     expect(isJsonString(jsonString)).toBe(false);
   });
 
-  test('non-JSON string', () => {
+  it('non-JSON string', () => {
     const jsonString = '<p>Hello, <strong>World!</strong></p>';
     expect(isJsonString(jsonString)).toBe(false);
   });
 
-  test('non-JSON formatted number', () => {
+  it('non-JSON formatted number', () => {
     const jsonString = '12345abc';
     expect(isJsonString(jsonString)).toBe(false);
   });
 });
 
 describe('getParagraphContents', () => {
-  test('should return an object with keys for each paragraph tag', () => {
+  it('should return an object with keys for each paragraph tag', () => {
     const htmlString =
       '<div><p>First paragraph.</p><p>Second paragraph.</p></div>';
     const result = getParagraphContents(htmlString);
@@ -164,23 +164,23 @@ describe('getParagraphContents', () => {
     });
   });
 
-  test('should return null if the string is not HTML', () => {
+  it('should return null if the string is not HTML', () => {
     const nonHtmlString = 'Just a plain text string.';
     expect(getParagraphContents(nonHtmlString)).toBeNull();
   });
 
-  test('should return null if there are no <p> tags in the HTML string', () => {
+  it('should return null if there are no <p> tags in the HTML string', () => {
     const htmlStringWithoutP = '<div><span>No paragraph here.</span></div>';
     expect(getParagraphContents(htmlStringWithoutP)).toBeNull();
   });
 
-  test('should return an object with empty string for empty <p> tag', () => {
+  it('should return an object with empty string for empty <p> tag', () => {
     const htmlStringWithEmptyP = '<div><p></p></div>';
     const result = getParagraphContents(htmlStringWithEmptyP);
     expect(result).toEqual({ p1: '' });
   });
 
-  test('should handle HTML strings with nested <p> tags correctly', () => {
+  it('should handle HTML strings with nested <p> tags correctly', () => {
     const htmlStringWithNestedP =
       '<div><p>First paragraph <span>with nested</span> content.</p></div>';
     const result = getParagraphContents(htmlStringWithNestedP);
diff --git a/superset-frontend/src/utils/rankedSearchCompare.test.ts b/superset-frontend/packages/superset-ui-core/src/utils/rankedSearchCompare.test.ts
similarity index 100%
rename from superset-frontend/src/utils/rankedSearchCompare.test.ts
rename to superset-frontend/packages/superset-ui-core/src/utils/rankedSearchCompare.test.ts
diff --git a/superset-frontend/src/utils/rankedSearchCompare.ts b/superset-frontend/packages/superset-ui-core/src/utils/rankedSearchCompare.ts
similarity index 100%
rename from superset-frontend/src/utils/rankedSearchCompare.ts
rename to superset-frontend/packages/superset-ui-core/src/utils/rankedSearchCompare.ts
diff --git a/superset-frontend/packages/superset-ui-core/test/chart-composition/ChartFrame.test.tsx b/superset-frontend/packages/superset-ui-core/test/chart-composition/ChartFrame.test.tsx
index 4125bc0161e..bb4ccd12ee4 100644
--- a/superset-frontend/packages/superset-ui-core/test/chart-composition/ChartFrame.test.tsx
+++ b/superset-frontend/packages/superset-ui-core/test/chart-composition/ChartFrame.test.tsx
@@ -37,7 +37,7 @@ type Props = {
 
 const renderChartFrame = (props: Props) => render(<ChartFrame {...props} />);
 
-it('renders content that requires smaller space than frame', () => {
+test('renders content that requires smaller space than frame', () => {
   const { getByText } = renderChartFrame({
     width: 400,
     height: 400,
@@ -52,7 +52,7 @@ it('renders content that requires smaller space than frame', () => {
   expect(getByText('400/400')).toBeInTheDocument();
 });
 
-it('renders content without specifying content size', () => {
+test('renders content without specifying content size', () => {
   const { getByText } = renderChartFrame({
     width: 400,
     height: 400,
@@ -65,7 +65,7 @@ it('renders content without specifying content size', () => {
   expect(getByText('400/400')).toBeInTheDocument();
 });
 
-it('renders content that requires equivalent size to frame', () => {
+test('renders content that requires equivalent size to frame', () => {
   const { getByText } = renderChartFrame({
     width: 400,
     height: 400,
@@ -80,7 +80,7 @@ it('renders content that requires equivalent size to frame', () => {
   expect(getByText('400/400')).toBeInTheDocument();
 });
 
-it('renders content that requires space larger than frame', () => {
+test('renders content that requires space larger than frame', () => {
   const { getByText, container } = renderChartFrame({
     width: 400,
     height: 400,
@@ -97,7 +97,7 @@ it('renders content that requires space larger than frame', () => {
   expect(containerDiv).toHaveStyle({ overflowX: 'auto', overflowY: 'auto' });
 });
 
-it('renders content when width is larger than frame', () => {
+test('renders content when width is larger than frame', () => {
   const { getByText, container } = renderChartFrame({
     width: 400,
     height: 400,
@@ -113,7 +113,7 @@ it('renders content when width is larger than frame', () => {
   expect(containerDiv).toHaveStyle({ overflowX: 'auto', overflowY: 'hidden' });
 });
 
-it('renders content when height is larger than frame', () => {
+test('renders content when height is larger than frame', () => {
   const { getByText, container } = renderChartFrame({
     width: 400,
     height: 400,
diff --git a/superset-frontend/packages/superset-ui-core/test/components/SafeMarkdown.test.ts b/superset-frontend/packages/superset-ui-core/test/components/SafeMarkdown.test.ts
index 4b4c826923b..93d3e4a2ecc 100644
--- a/superset-frontend/packages/superset-ui-core/test/components/SafeMarkdown.test.ts
+++ b/superset-frontend/packages/superset-ui-core/test/components/SafeMarkdown.test.ts
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { getOverrideHtmlSchema } from '../../src/components/SafeMarkdown';
+import { getOverrideHtmlSchema } from '../../src/components/SafeMarkdown/SafeMarkdown';
 
 describe('getOverrideHtmlSchema', () => {
   it('should append the override items', () => {
diff --git a/superset-frontend/packages/superset-ui-core/test/currency-format/CurrencyFormatter.test.ts b/superset-frontend/packages/superset-ui-core/test/currency-format/CurrencyFormatter.test.ts
index 5172e3b0ed3..b731b1ba498 100644
--- a/superset-frontend/packages/superset-ui-core/test/currency-format/CurrencyFormatter.test.ts
+++ b/superset-frontend/packages/superset-ui-core/test/currency-format/CurrencyFormatter.test.ts
@@ -23,7 +23,7 @@ import {
   NumberFormats,
 } from '@superset-ui/core';
 
-it('getCurrencySymbol', () => {
+test('getCurrencySymbol', () => {
   expect(
     getCurrencySymbol({ symbol: 'PLN', symbolPosition: 'prefix' }),
   ).toEqual('PLN');
@@ -36,7 +36,7 @@ it('getCurrencySymbol', () => {
   ).toThrow(RangeError);
 });
 
-it('CurrencyFormatter object fields', () => {
+test('CurrencyFormatter object fields', () => {
   const defaultCurrencyFormatter = new CurrencyFormatter({
     currency: { symbol: 'USD', symbolPosition: 'prefix' },
   });
@@ -60,7 +60,7 @@ it('CurrencyFormatter object fields', () => {
   });
 });
 
-it('CurrencyFormatter:hasValidCurrency', () => {
+test('CurrencyFormatter:hasValidCurrency', () => {
   const currencyFormatter = new CurrencyFormatter({
     currency: { symbol: 'USD', symbolPosition: 'prefix' },
   });
@@ -83,7 +83,7 @@ it('CurrencyFormatter:hasValidCurrency', () => {
   expect(currencyFormatterWithoutCurrency.hasValidCurrency()).toBe(false);
 });
 
-it('CurrencyFormatter:getNormalizedD3Format', () => {
+test('CurrencyFormatter:getNormalizedD3Format', () => {
   const currencyFormatter = new CurrencyFormatter({
     currency: { symbol: 'USD', symbolPosition: 'prefix' },
   });
@@ -112,7 +112,7 @@ it('CurrencyFormatter:getNormalizedD3Format', () => {
   expect(currencyFormatter4.getNormalizedD3Format()).toEqual(',.1');
 });
 
-it('CurrencyFormatter:format', () => {
+test('CurrencyFormatter:format', () => {
   const VALUE = 56100057;
   const currencyFormatterWithPrefix = new CurrencyFormatter({
     currency: { symbol: 'USD', symbolPosition: 'prefix' },
diff --git a/superset-frontend/packages/superset-ui-core/test/utils/featureFlag.test.ts b/superset-frontend/packages/superset-ui-core/test/utils/featureFlag.test.ts
index 12a644c062a..b3c68f7e71d 100644
--- a/superset-frontend/packages/superset-ui-core/test/utils/featureFlag.test.ts
+++ b/superset-frontend/packages/superset-ui-core/test/utils/featureFlag.test.ts
@@ -18,7 +18,7 @@
  */
 import * as uiCore from '@superset-ui/core';
 
-it('initializes feature flags', () => {
+test('initializes feature flags', () => {
   Object.defineProperty(window, 'featureFlags', {
     value: undefined,
   });
@@ -26,7 +26,7 @@ it('initializes feature flags', () => {
   expect(window.featureFlags).toEqual({});
 });
 
-it('initializes feature flags with predefined values', () => {
+test('initializes feature flags with predefined values', () => {
   Object.defineProperty(window, 'featureFlags', {
     value: undefined,
   });
@@ -37,7 +37,7 @@ it('initializes feature flags with predefined values', () => {
   expect(window.featureFlags).toEqual(featureFlags);
 });
 
-it('does nothing if feature flags are already initialized', () => {
+test('does nothing if feature flags are already initialized', () => {
   const featureFlags = { DRILL_BY: false };
   Object.defineProperty(window, 'featureFlags', {
     value: featureFlags,
@@ -46,7 +46,7 @@ it('does nothing if feature flags are already initialized', () => {
   expect(window.featureFlags).toEqual(featureFlags);
 });
 
-it('returns false and raises console error if feature flags have not been initialized', () => {
+test('returns false and raises console error if feature flags have not been initialized', () => {
   const logging = jest.spyOn(uiCore.logging, 'error');
   Object.defineProperty(window, 'featureFlags', {
     value: undefined,
@@ -56,14 +56,14 @@ it('returns false and raises console error if feature flags have not been initia
   expect(logging).toHaveBeenCalledWith('Failed to query feature flag DRILL_BY');
 });
 
-it('returns false for unset feature flag', () => {
+test('returns false for unset feature flag', () => {
   Object.defineProperty(window, 'featureFlags', {
     value: {},
   });
   expect(uiCore.isFeatureEnabled(uiCore.FeatureFlag.DrillBy)).toEqual(false);
 });
 
-it('returns true for set feature flag', () => {
+test('returns true for set feature flag', () => {
   Object.defineProperty(window, 'featureFlags', {
     value: {
       DRILL_BY: true,
diff --git a/superset-frontend/packages/superset-ui-core/tsconfig.json b/superset-frontend/packages/superset-ui-core/tsconfig.json
index d345ae88fc0..4e39d068d5f 100644
--- a/superset-frontend/packages/superset-ui-core/tsconfig.json
+++ b/superset-frontend/packages/superset-ui-core/tsconfig.json
@@ -1,18 +1,24 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "declarationDir": "lib",
     "outDir": "lib",
-    "rootDir": "src"
+    "rootDir": "src",
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["./src/*"],
+      "@superset-ui/core": ["src"],
+      "@superset-ui/core/*": ["src/*"]
+    }
   },
   "exclude": [
     "lib",
     "test"
   ],
-  "extends": "../../tsconfig.json",
   "include": [
     "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
+    "spec/**/*",
+    "types/**/*"
   ],
   "references": []
 }
diff --git a/superset-frontend/src/types/ace-builds.d.ts b/superset-frontend/packages/superset-ui-core/types/ace-builds.d.ts
similarity index 100%
rename from superset-frontend/src/types/ace-builds.d.ts
rename to superset-frontend/packages/superset-ui-core/types/ace-builds.d.ts
diff --git a/superset-frontend/packages/superset-ui-core/types/assets.d.ts b/superset-frontend/packages/superset-ui-core/types/assets.d.ts
new file mode 100644
index 00000000000..76f6dc1a771
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/types/assets.d.ts
@@ -0,0 +1,21 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+declare module '*.gif';
+declare module '*.svg';
+declare module '*.png';
diff --git a/superset-frontend/packages/superset-ui-core/types/brace.d.ts b/superset-frontend/packages/superset-ui-core/types/brace.d.ts
new file mode 100644
index 00000000000..0b3770eebed
--- /dev/null
+++ b/superset-frontend/packages/superset-ui-core/types/brace.d.ts
@@ -0,0 +1,29 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+declare module 'brace/mode/sql';
+declare module 'brace/mode/markdown';
+declare module 'brace/mode/json';
+declare module 'brace/mode/css';
+declare module 'brace/mode/html';
+declare module 'brace/mode/yaml';
+declare module 'brace/mode/javascript';
+declare module 'brace/theme/textmate';
+declare module 'brace/theme/github';
+declare module 'brace/ext/language_tools';
+declare module 'brace/ext/searchbox';
diff --git a/superset-frontend/src/types/react-table-config.d.ts b/superset-frontend/packages/superset-ui-core/types/react-table-config.d.ts
similarity index 100%
rename from superset-frontend/src/types/react-table-config.d.ts
rename to superset-frontend/packages/superset-ui-core/types/react-table-config.d.ts
diff --git a/superset-frontend/packages/superset-ui-demo/package.json b/superset-frontend/packages/superset-ui-demo/package.json
index 898ef2d900e..c099af9b7e5 100644
--- a/superset-frontend/packages/superset-ui-demo/package.json
+++ b/superset-frontend/packages/superset-ui-demo/package.json
@@ -63,7 +63,6 @@
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "antd": "^5.24.6",
     "@encodable/color": "=1.1.1",
     "@superset-ui/core": "*",
     "@superset-ui/legacy-plugin-chart-calendar": "*",
diff --git a/superset-frontend/packages/superset-ui-demo/storybook/shared/components/VerifyCORS.tsx b/superset-frontend/packages/superset-ui-demo/storybook/shared/components/VerifyCORS.tsx
index e3706afa78a..ca3b580730a 100644
--- a/superset-frontend/packages/superset-ui-demo/storybook/shared/components/VerifyCORS.tsx
+++ b/superset-frontend/packages/superset-ui-demo/storybook/shared/components/VerifyCORS.tsx
@@ -25,7 +25,7 @@ import {
   SupersetApiError,
   t,
 } from '@superset-ui/core';
-import { Button } from 'antd';
+import { Button } from '@superset-ui/core/components';
 import ErrorMessage from './ErrorMessage';
 
 export type Props = {
diff --git a/superset-frontend/packages/superset-ui-demo/storybook/stories/ExampleApp.stories.jsx b/superset-frontend/packages/superset-ui-demo/storybook/stories/ExampleApp.stories.jsx
index dc72528c554..85bdbbf9619 100644
--- a/superset-frontend/packages/superset-ui-demo/storybook/stories/ExampleApp.stories.jsx
+++ b/superset-frontend/packages/superset-ui-demo/storybook/stories/ExampleApp.stories.jsx
@@ -16,9 +16,18 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Layout, Menu, Button, Card, Alert, Input, Table, Space } from 'antd';
+import {
+  Layout,
+  Menu,
+  Button,
+  Card,
+  Alert,
+  Input,
+  Table,
+  Space,
+} from '@superset-ui/core/components';
 // eslint-disable-next-line import/no-extraneous-dependencies
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 const { Header, Content, Sider } = Layout;
 
diff --git a/superset-frontend/plugins/legacy-plugin-chart-calendar/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-calendar/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-calendar/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-calendar/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-chord/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-chord/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-chord/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-chord/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-country-map/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-country-map/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-country-map/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-country-map/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-horizon/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-horizon/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-horizon/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-horizon/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-map-box/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-map-box/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-map-box/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-map-box/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-paired-t-test/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-paired-t-test/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-paired-t-test/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-paired-t-test/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/package.json b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/package.json
index e9b5f45eb99..4101769139d 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/package.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/package.json
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "d3": "^3.5.17",
+    "d3v3": "npm:d3@3.5.17",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {
diff --git a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/src/ParallelCoordinates.js b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/src/ParallelCoordinates.js
index 0529c86aff1..c2970979eb7 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/src/ParallelCoordinates.js
+++ b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/src/ParallelCoordinates.js
@@ -17,7 +17,7 @@
  * under the License.
  */
 /* eslint-disable react/sort-prop-types */
-import d3 from 'd3';
+import * as d3 from 'd3v3';
 import PropTypes from 'prop-types';
 import { getSequentialSchemeRegistry } from '@superset-ui/core';
 
diff --git a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/tsconfig.json
index 7e74154150e..e7088b6c760 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/tsconfig.json
@@ -1,26 +1,20 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
-    "outDir": "lib",
+    "composite": true,
     "rootDir": "src",
-    "allowJs": false
-  },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
-  "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
+    "outDir": "lib",
+    "baseUrl": ".",
+	"paths": {
+      "d3v3": ["./types/d3v3"]
     }
+
+
+  },
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
+  "references": [
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/types/d3-parcoords.d.ts b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/types/d3-parcoords.d.ts
new file mode 100644
index 00000000000..e8026f2e2ac
--- /dev/null
+++ b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/types/d3-parcoords.d.ts
@@ -0,0 +1,22 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+declare module 'src/vendor/parcoords/d3.parcoords' {
+  const parcoords: any;
+  export default parcoords;
+}
diff --git a/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/types/d3.d.ts b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/types/d3.d.ts
new file mode 100644
index 00000000000..34a150e873e
--- /dev/null
+++ b/superset-frontend/plugins/legacy-plugin-chart-parallel-coordinates/types/d3.d.ts
@@ -0,0 +1,22 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+declare module 'd3' {
+  const d3: any;
+  export = d3;
+}
diff --git a/superset-frontend/plugins/legacy-plugin-chart-partition/src/OptionDescription.tsx b/superset-frontend/plugins/legacy-plugin-chart-partition/src/OptionDescription.tsx
index e349e61132a..4b5a68c3028 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-partition/src/OptionDescription.tsx
+++ b/superset-frontend/plugins/legacy-plugin-chart-partition/src/OptionDescription.tsx
@@ -19,10 +19,8 @@
 
 import PropTypes from 'prop-types';
 
-import {
-  ColumnMeta,
-  InfoTooltipWithTrigger,
-} from '@superset-ui/chart-controls';
+import { ColumnMeta } from '@superset-ui/chart-controls';
+import { InfoTooltip } from '@superset-ui/core/components';
 
 const propTypes = {
   option: PropTypes.object.isRequired,
@@ -38,7 +36,7 @@ export default function OptionDescription({ option }: { option: ColumnMeta }) {
         {option.label}
       </span>
       {option.description && (
-        <InfoTooltipWithTrigger
+        <InfoTooltip
           type="question"
           tooltip={option.description}
           label={`descr-${option.label}`}
diff --git a/superset-frontend/plugins/legacy-plugin-chart-partition/test/OptionDescription.test.jsx b/superset-frontend/plugins/legacy-plugin-chart-partition/test/OptionDescription.test.jsx
index 84c5d39f04e..7ee79b079ec 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-partition/test/OptionDescription.test.jsx
+++ b/superset-frontend/plugins/legacy-plugin-chart-partition/test/OptionDescription.test.jsx
@@ -46,7 +46,7 @@ describe('OptionDescription', () => {
     );
   });
 
-  it('renders an InfoTooltipWithTrigger', () => {
+  it('renders an InfoTooltip', () => {
     const tooltipTrigger = screen.getByLabelText('Show info tooltip');
     expect(tooltipTrigger).toBeInTheDocument();
 
diff --git a/superset-frontend/plugins/legacy-plugin-chart-partition/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-partition/tsconfig.json
index b6bfaa2d984..b5b28fc6189 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-partition/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-partition/tsconfig.json
@@ -1,25 +1,18 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
-  },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
-  "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
+    "baseUrl": ".",
+    "paths": {
+      "@superset-ui/core/components": ["../../packages/superset-ui-core/src/components"]
     }
+  },
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
+  "references": [
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-rose/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-rose/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-rose/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-rose/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-plugin-chart-world-map/tsconfig.json b/superset-frontend/plugins/legacy-plugin-chart-world-map/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-plugin-chart-world-map/tsconfig.json
+++ b/superset-frontend/plugins/legacy-plugin-chart-world-map/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-preset-chart-deckgl/tsconfig.json b/superset-frontend/plugins/legacy-preset-chart-deckgl/tsconfig.json
index 3e1b196c648..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-preset-chart-deckgl/tsconfig.json
+++ b/superset-frontend/plugins/legacy-preset-chart-deckgl/tsconfig.json
@@ -1,26 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "test/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/legacy-preset-chart-nvd3/tsconfig.json b/superset-frontend/plugins/legacy-preset-chart-nvd3/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/legacy-preset-chart-nvd3/tsconfig.json
+++ b/superset-frontend/plugins/legacy-preset-chart-nvd3/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/plugin-chart-cartodiagram/tsconfig.json b/superset-frontend/plugins/plugin-chart-cartodiagram/tsconfig.json
index 019b367ef9e..b3af9a1d193 100644
--- a/superset-frontend/plugins/plugin-chart-cartodiagram/tsconfig.json
+++ b/superset-frontend/plugins/plugin-chart-cartodiagram/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    },
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/Step/index.ts b/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/Step/index.ts
index fcdbc52468b..99d2c57101a 100644
--- a/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/Step/index.ts
+++ b/superset-frontend/plugins/plugin-chart-echarts/src/Timeseries/Step/index.ts
@@ -17,10 +17,7 @@
  * under the License.
  */
 import { AnnotationType, Behavior, t } from '@superset-ui/core';
-import {
-  EchartsTimeseriesChartProps,
-  EchartsTimeseriesFormData,
-} from '@superset-ui/plugin-chart-echarts';
+import { EchartsTimeseriesChartProps, EchartsTimeseriesFormData } from '../..';
 import buildQuery from '../buildQuery';
 import controlPanel from './controlPanel';
 import transformProps from '../transformProps';
diff --git a/superset-frontend/plugins/plugin-chart-echarts/test/MixedTimeseries/transformProps.test.ts b/superset-frontend/plugins/plugin-chart-echarts/test/MixedTimeseries/transformProps.test.ts
index c3a476bce0d..9a24c990c9a 100644
--- a/superset-frontend/plugins/plugin-chart-echarts/test/MixedTimeseries/transformProps.test.ts
+++ b/superset-frontend/plugins/plugin-chart-echarts/test/MixedTimeseries/transformProps.test.ts
@@ -21,7 +21,7 @@ import {
   LegendOrientation,
   LegendType,
   EchartsTimeseriesSeriesType,
-} from '@superset-ui/plugin-chart-echarts';
+} from '../../src';
 import transformProps from '../../src/MixedTimeseries/transformProps';
 import {
   EchartsMixedTimeseriesFormData,
diff --git a/superset-frontend/plugins/plugin-chart-echarts/test/Timeseries/transformers.test.ts b/superset-frontend/plugins/plugin-chart-echarts/test/Timeseries/transformers.test.ts
index d138ed0c5dc..a0b3d5ad7d2 100644
--- a/superset-frontend/plugins/plugin-chart-echarts/test/Timeseries/transformers.test.ts
+++ b/superset-frontend/plugins/plugin-chart-echarts/test/Timeseries/transformers.test.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { CategoricalColorScale } from '@superset-ui/core';
-import { EchartsTimeseriesSeriesType } from '@superset-ui/plugin-chart-echarts';
+import { EchartsTimeseriesSeriesType } from '../../src';
 import { transformSeries } from '../../src/Timeseries/transformers';
 
 // Mock the colorScale function
diff --git a/superset-frontend/plugins/plugin-chart-echarts/test/utils/transformers.test.ts b/superset-frontend/plugins/plugin-chart-echarts/test/utils/transformers.test.ts
index 113b416f9c5..277911e3b83 100644
--- a/superset-frontend/plugins/plugin-chart-echarts/test/utils/transformers.test.ts
+++ b/superset-frontend/plugins/plugin-chart-echarts/test/utils/transformers.test.ts
@@ -31,7 +31,7 @@ import {
   TimeseriesAnnotationLayer,
   TimeseriesDataRecord,
 } from '@superset-ui/core';
-import { OrientationType } from '@superset-ui/plugin-chart-echarts';
+import { OrientationType } from '../../src';
 import {
   transformEventAnnotation,
   transformFormulaAnnotation,
diff --git a/superset-frontend/plugins/plugin-chart-echarts/tsconfig.json b/superset-frontend/plugins/plugin-chart-echarts/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/plugin-chart-echarts/tsconfig.json
+++ b/superset-frontend/plugins/plugin-chart-echarts/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/plugin-chart-handlebars/src/components/Handlebars/HandlebarsViewer.tsx b/superset-frontend/plugins/plugin-chart-handlebars/src/components/Handlebars/HandlebarsViewer.tsx
index 8e1a1aab9d4..701d8949b67 100644
--- a/superset-frontend/plugins/plugin-chart-handlebars/src/components/Handlebars/HandlebarsViewer.tsx
+++ b/superset-frontend/plugins/plugin-chart-handlebars/src/components/Handlebars/HandlebarsViewer.tsx
@@ -16,7 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { SafeMarkdown, styled, t } from '@superset-ui/core';
+import { styled, t } from '@superset-ui/core';
+import { SafeMarkdown } from '@superset-ui/core/components';
 import Handlebars from 'handlebars';
 import dayjs from 'dayjs';
 import { useMemo, useState } from 'react';
diff --git a/superset-frontend/plugins/plugin-chart-handlebars/src/consts.ts b/superset-frontend/plugins/plugin-chart-handlebars/src/consts.ts
index e566fd66b27..f474eb67b34 100644
--- a/superset-frontend/plugins/plugin-chart-handlebars/src/consts.ts
+++ b/superset-frontend/plugins/plugin-chart-handlebars/src/consts.ts
@@ -18,7 +18,8 @@
  */
 import { debounce } from 'lodash';
 import { formatSelectOptions } from '@superset-ui/chart-controls';
-import { SLOW_DEBOUNCE, t } from '@superset-ui/core';
+import { Constants } from '@superset-ui/core/components';
+import { t } from '@superset-ui/core';
 
 export const PAGE_SIZE_OPTIONS = formatSelectOptions<number>([
   [0, t('page_size.all')],
@@ -36,5 +37,5 @@ export const PAGE_SIZE_OPTIONS = formatSelectOptions<number>([
 
 export const debounceFunc = debounce(
   (func: (val: string) => void, source: string) => func(source),
-  SLOW_DEBOUNCE,
+  Constants.SLOW_DEBOUNCE,
 );
diff --git a/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/handlebarTemplate.tsx b/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/handlebarTemplate.tsx
index a15b8936231..e09f7f5aba9 100644
--- a/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/handlebarTemplate.tsx
+++ b/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/handlebarTemplate.tsx
@@ -20,9 +20,9 @@ import {
   ControlSetItem,
   CustomControlConfig,
   sharedControls,
-  InfoTooltipWithTrigger,
 } from '@superset-ui/chart-controls';
-import { t, validateNonEmpty, useTheme, SafeMarkdown } from '@superset-ui/core';
+import { t, validateNonEmpty, useTheme } from '@superset-ui/core';
+import { InfoTooltip, SafeMarkdown } from '@superset-ui/core/components';
 import { CodeEditor } from '../../components/CodeEditor/CodeEditor';
 import { ControlHeader } from '../../components/ControlHeader/controlHeader';
 import { debounceFunc } from '../../consts';
@@ -70,7 +70,7 @@ ${helperDescriptions
       <ControlHeader>
         <div>
           {props.label}
-          <InfoTooltipWithTrigger
+          <InfoTooltip
             iconStyle={{ marginLeft: theme.sizeUnit }}
             tooltip={<SafeMarkdown source={helpersTooltipContent} />}
           />
diff --git a/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/style.tsx b/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/style.tsx
index 09aee379db5..b69b2ea0424 100644
--- a/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/style.tsx
+++ b/superset-frontend/plugins/plugin-chart-handlebars/src/plugin/controls/style.tsx
@@ -20,9 +20,9 @@ import {
   ControlSetItem,
   CustomControlConfig,
   sharedControls,
-  InfoTooltipWithTrigger,
 } from '@superset-ui/chart-controls';
 import { t, useTheme } from '@superset-ui/core';
+import { InfoTooltip } from '@superset-ui/core/components';
 import { CodeEditor } from '../../components/CodeEditor/CodeEditor';
 import { ControlHeader } from '../../components/ControlHeader/controlHeader';
 import { debounceFunc } from '../../consts';
@@ -47,7 +47,7 @@ const StyleControl = (props: CustomControlConfig<StyleCustomControlProps>) => {
       <ControlHeader>
         <div>
           {props.label}
-          <InfoTooltipWithTrigger
+          <InfoTooltip
             iconStyle={{ marginLeft: theme.sizeUnit }}
             tooltip={t('You need to configure HTML sanitization to use CSS')}
           />
diff --git a/superset-frontend/plugins/plugin-chart-handlebars/tsconfig.json b/superset-frontend/plugins/plugin-chart-handlebars/tsconfig.json
index b6bfaa2d984..b5b28fc6189 100644
--- a/superset-frontend/plugins/plugin-chart-handlebars/tsconfig.json
+++ b/superset-frontend/plugins/plugin-chart-handlebars/tsconfig.json
@@ -1,25 +1,18 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
-  },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
-  "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
+    "baseUrl": ".",
+    "paths": {
+      "@superset-ui/core/components": ["../../packages/superset-ui-core/src/components"]
     }
+  },
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
+  "references": [
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/plugin-chart-pivot-table/tsconfig.json b/superset-frontend/plugins/plugin-chart-pivot-table/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/plugin-chart-pivot-table/tsconfig.json
+++ b/superset-frontend/plugins/plugin-chart-pivot-table/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/plugin-chart-table/package.json b/superset-frontend/plugins/plugin-chart-table/package.json
index fac61d3205c..4abf7dacfe7 100644
--- a/superset-frontend/plugins/plugin-chart-table/package.json
+++ b/superset-frontend/plugins/plugin-chart-table/package.json
@@ -37,7 +37,6 @@
   },
   "peerDependencies": {
     "@ant-design/icons": "^5.2.6",
-    "antd": "^5.24.6",
     "@superset-ui/chart-controls": "*",
     "@superset-ui/core": "*",
     "@testing-library/dom": "^8.20.1",
diff --git a/superset-frontend/plugins/plugin-chart-table/src/DataTable/DataTable.tsx b/superset-frontend/plugins/plugin-chart-table/src/DataTable/DataTable.tsx
index d03bba53124..ee7b07174c0 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/DataTable/DataTable.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/DataTable/DataTable.tsx
@@ -42,7 +42,7 @@ import {
 } from 'react-table';
 import { matchSorter, rankings } from 'match-sorter';
 import { isEqual } from 'lodash';
-import { Space } from 'antd';
+import { Space } from '@superset-ui/core/components';
 import GlobalFilter, { GlobalFilterProps } from './components/GlobalFilter';
 import SelectPageSize, {
   SelectPageSizeProps,
diff --git a/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/GlobalFilter.tsx b/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/GlobalFilter.tsx
index b1ff46eee73..ef9b8fc8bd8 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/GlobalFilter.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/GlobalFilter.tsx
@@ -25,7 +25,7 @@ import {
   Ref,
 } from 'react';
 import { Row, FilterValue } from 'react-table';
-import { Input, type InputRef, Space } from 'antd';
+import { Input, type InputRef, Space } from '@superset-ui/core/components';
 import useAsyncState from '../utils/useAsyncState';
 
 export interface SearchInputProps {
diff --git a/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SearchSelectDropdown.tsx b/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SearchSelectDropdown.tsx
index 5a1cc6b6e16..d4cc33e6181 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SearchSelectDropdown.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SearchSelectDropdown.tsx
@@ -18,10 +18,10 @@
  */
 /* eslint-disable import/no-extraneous-dependencies */
 import { styled } from '@superset-ui/core';
-import { Select } from 'antd';
+import { RawAntdSelect } from '@superset-ui/core/components';
 import { SearchOption } from '../../types';
 
-const StyledSelect = styled(Select)`
+const StyledSelect = styled(RawAntdSelect)`
   width: 120px;
   margin-right: 8px;
 `;
diff --git a/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SelectPageSize.tsx b/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SelectPageSize.tsx
index f62caefae68..a3323c2e205 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SelectPageSize.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/DataTable/components/SelectPageSize.tsx
@@ -19,7 +19,7 @@
 import { memo } from 'react';
 import { css, t } from '@superset-ui/core';
 import { formatSelectOptions } from '@superset-ui/chart-controls';
-import { Select } from 'antd';
+import { RawAntdSelect } from '@superset-ui/core/components';
 
 export type SizeOption = [number, string];
 
@@ -34,12 +34,12 @@ function DefaultSelectRenderer({
   options,
   onChange,
 }: SelectPageSizeRendererProps) {
-  const { Option } = Select;
+  const { Option } = RawAntdSelect;
 
   return (
     <span className="dt-select-page-size form-inline">
       {t('Show')}{' '}
-      <Select<number>
+      <RawAntdSelect<number>
         value={current}
         onChange={value => onChange(value)}
         size="small"
@@ -62,7 +62,7 @@ function DefaultSelectRenderer({
             </Option>
           );
         })}
-      </Select>{' '}
+      </RawAntdSelect>{' '}
       {t('entries')}
     </span>
   );
diff --git a/superset-frontend/plugins/plugin-chart-table/src/TableChart.tsx b/superset-frontend/plugins/plugin-chart-table/src/TableChart.tsx
index b06d51d7e0f..76b331c93c6 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/TableChart.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/TableChart.tsx
@@ -54,7 +54,14 @@ import {
   useTheme,
   SupersetTheme,
 } from '@superset-ui/core';
-import { Dropdown, Menu, Tooltip } from '@superset-ui/chart-controls';
+import {
+  Input,
+  Space,
+  RawAntdSelect as Select,
+  Dropdown,
+  Menu,
+  Tooltip,
+} from '@superset-ui/core/components';
 import {
   CheckOutlined,
   InfoCircleOutlined,
@@ -64,7 +71,6 @@ import {
   TableOutlined,
 } from '@ant-design/icons';
 import { isEmpty, debounce, isEqual } from 'lodash';
-import { Input, Space, Select } from 'antd';
 import {
   ColorSchemeEnum,
   DataColumnMeta,
diff --git a/superset-frontend/plugins/plugin-chart-table/src/buildQuery.ts b/superset-frontend/plugins/plugin-chart-table/src/buildQuery.ts
index 439df369f5a..0e892567f42 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/buildQuery.ts
+++ b/superset-frontend/plugins/plugin-chart-table/src/buildQuery.ts
@@ -18,17 +18,18 @@
  */
 import {
   AdhocColumn,
+  BuildQuery,
+  PostProcessingRule,
+  QueryFormOrderBy,
+  QueryMode,
+  QueryObject,
   buildQueryContext,
   ensureIsArray,
   getMetricLabel,
   isPhysicalColumn,
-  QueryFormOrderBy,
-  QueryMode,
-  QueryObject,
   removeDuplicates,
 } from '@superset-ui/core';
-import { PostProcessingRule } from '@superset-ui/core/src/query/types/PostProcessing';
-import { BuildQuery } from '@superset-ui/core/src/chart/registries/ChartBuildQueryRegistrySingleton';
+
 import {
   isTimeComparison,
   timeCompareOperator,
diff --git a/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx b/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx
index 6cc791aff40..bfb3ca4df90 100644
--- a/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/test/TableChart.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
+import { render, screen } from '@superset-ui/core/spec';
 import { ThemeProvider, supersetTheme } from '@superset-ui/core';
 import TableChart from '../src/TableChart';
 import transformProps from '../src/transformProps';
diff --git a/superset-frontend/plugins/plugin-chart-table/tsconfig.json b/superset-frontend/plugins/plugin-chart-table/tsconfig.json
index f60297e2489..b5b28fc6189 100644
--- a/superset-frontend/plugins/plugin-chart-table/tsconfig.json
+++ b/superset-frontend/plugins/plugin-chart-table/tsconfig.json
@@ -1,18 +1,18 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
-  },
-  "exclude": ["lib", "test"],
-  "extends": "../../tsconfig.json",
-  "include": ["src/**/*", "types/**/*", "../../types/**/*"],
-  "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
+    "baseUrl": ".",
+    "paths": {
+      "@superset-ui/core/components": ["../../packages/superset-ui-core/src/components"]
     }
+  },
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
+  "references": [
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/plugins/plugin-chart-word-cloud/src/chart/WordCloud.tsx b/superset-frontend/plugins/plugin-chart-word-cloud/src/chart/WordCloud.tsx
index 7dc5d4604b0..d634e06a594 100644
--- a/superset-frontend/plugins/plugin-chart-word-cloud/src/chart/WordCloud.tsx
+++ b/superset-frontend/plugins/plugin-chart-word-cloud/src/chart/WordCloud.tsx
@@ -16,9 +16,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-
 import { PureComponent } from 'react';
-import cloudLayout, { Word } from 'd3-cloud';
+import cloudLayout from 'd3-cloud';
 import {
   PlainObject,
   createEncoderFactory,
@@ -34,9 +33,20 @@ import {
 import { isEqual } from 'lodash';
 
 const seedRandom = seed('superset-ui');
+
+// Polyfill Word type since it's not exported from 'd3-cloud'
+export type Word = {
+  text: string;
+  size: number;
+  x?: number;
+  y?: number;
+  rotate?: number;
+  font?: string;
+  weight?: string | number;
+};
+
 export const ROTATION = {
   flat: () => 0,
-  // this calculates a random rotation between -90 and 90 degrees.
   random: () => Math.floor(seedRandom() * 6 - 3) * 30,
   square: () => Math.floor(seedRandom() * 2) * 90,
 };
@@ -53,9 +63,6 @@ type WordCloudEncodingConfig = {
   text: ['Text', string];
 };
 
-/**
- * These props should be stored when saving the chart.
- */
 export interface WordCloudVisualProps {
   encoding?: Partial<WordCloudEncoding>;
   rotation?: RotationType;
@@ -84,15 +91,10 @@ type FullWordCloudProps = WordCloudProps &
 
 const SCALE_FACTOR_STEP = 0.5;
 const MAX_SCALE_FACTOR = 3;
-// Percentage of top results that will always be displayed.
-// Needed to avoid clutter when shrinking a chart with many records.
 const TOP_RESULTS_PERCENTAGE = 0.1;
-
 class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
   static defaultProps = defaultProps;
 
-  // Cannot name it isMounted because of conflict
-  // with React's component function name
   isComponentMounted = false;
 
   wordCloudEncoderFactory = createEncoderFactory<WordCloudEncodingConfig>({
@@ -112,11 +114,15 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
     },
   });
 
-  createEncoder = (encoding?: Partial<WordCloudEncoding>) => {
-    const selector = this.wordCloudEncoderFactory.createSelector();
+  createEncoder = (
+    encoding?: Partial<WordCloudEncoding>,
+  ): Encoder<WordCloudEncodingConfig> => {
+    const selector: (
+      e: Partial<WordCloudEncoding>,
+    ) => Encoder<WordCloudEncodingConfig> =
+      this.wordCloudEncoderFactory.createSelector();
 
-    // @ts-ignore
-    return selector(encoding as any);
+    return selector(encoding ?? {});
   };
 
   constructor(props: FullWordCloudProps) {
@@ -135,7 +141,6 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
 
   componentDidUpdate(prevProps: WordCloudProps) {
     const { data, encoding, width, height, rotation } = this.props;
-
     if (
       !isEqual(prevProps.data, data) ||
       !isEqual(prevProps.encoding, encoding) ||
@@ -160,8 +165,7 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
   update() {
     const { data, encoding } = this.props;
 
-    const encoder: Encoder<WordCloudEncodingConfig> =
-      this.createEncoder(encoding);
+    const encoder = this.createEncoder(encoding);
     encoder.setDomainFromDataset(data);
 
     const sortedData = [...data].sort(
@@ -175,7 +179,6 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
     );
     const topResults = sortedData.slice(0, topResultsCount);
 
-    // Ensure top results are always included in the final word cloud by scaling chart down if needed
     this.generateCloud(encoder, 1, (words: Word[]) =>
       topResults.every((d: PlainObject) =>
         words.find(
@@ -194,7 +197,6 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
 
     cloudLayout()
       .size([width * scaleFactor, height * scaleFactor])
-      // clone the data because cloudLayout mutates input
       .words(data.map((d: Word) => ({ ...d })))
       .padding(5)
       .rotate(ROTATION[rotation] || ROTATION.flat)
@@ -208,9 +210,7 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
       .fontSize((d: PlainObject) => encoder.channels.fontSize.encodeDatum(d, 0))
       .on('end', (words: Word[]) => {
         if (isValid(words) || scaleFactor > MAX_SCALE_FACTOR) {
-          if (this.isComponentMounted) {
-            this.setState({ words, scaleFactor });
-          }
+          this.setWords(words);
         } else {
           this.generateCloud(encoder, scaleFactor + SCALE_FACTOR_STEP, isValid);
         }
@@ -219,17 +219,13 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
   }
 
   render() {
-    const { scaleFactor } = this.state;
+    const { scaleFactor, words } = this.state;
     const { width, height, encoding, sliceId, colorScheme } = this.props;
-    const { words } = this.state;
 
-    // @ts-ignore
     const encoder = this.createEncoder(encoding);
     encoder.channels.color.setDomainFromDataset(words);
 
-    const { getValueFromDatum } = encoder.channels.color;
     const colorFn = CategoricalColorNamespace.getScale(colorScheme);
-
     const viewBoxWidth = width * scaleFactor;
     const viewBoxHeight = height * scaleFactor;
 
@@ -237,9 +233,7 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
       <svg
         width={width}
         height={height}
-        viewBox={`-${viewBoxWidth / 2} -${
-          viewBoxHeight / 2
-        } ${viewBoxWidth} ${viewBoxHeight}`}
+        viewBox={`-${viewBoxWidth / 2} -${viewBoxHeight / 2} ${viewBoxWidth} ${viewBoxHeight}`}
       >
         <g>
           {words.map(w => (
@@ -248,7 +242,10 @@ class WordCloud extends PureComponent<FullWordCloudProps, WordCloudState> {
               fontSize={`${w.size}px`}
               fontWeight={w.weight}
               fontFamily={w.font}
-              fill={colorFn(getValueFromDatum(w) as string, sliceId)}
+              fill={colorFn(
+                encoder.channels.color.getValueFromDatum(w) as string,
+                sliceId,
+              )}
               textAnchor="middle"
               transform={`translate(${w.x}, ${w.y}) rotate(${w.rotate})`}
             >
diff --git a/superset-frontend/plugins/plugin-chart-word-cloud/tsconfig.json b/superset-frontend/plugins/plugin-chart-word-cloud/tsconfig.json
index b6bfaa2d984..b3af9a1d193 100644
--- a/superset-frontend/plugins/plugin-chart-word-cloud/tsconfig.json
+++ b/superset-frontend/plugins/plugin-chart-word-cloud/tsconfig.json
@@ -1,25 +1,15 @@
 {
+  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "declarationDir": "lib",
+    "composite": true,
+    "rootDir": "src",
     "outDir": "lib",
-    "rootDir": "src"
+    "baseUrl": "."
   },
-  "exclude": [
-    "lib",
-    "test"
-  ],
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*",
-    "types/**/*",
-    "../../types/**/*"
-  ],
+  "include": ["src/**/*", "types/**/*"],
+  "exclude": ["lib", "test"],
   "references": [
-    {
-      "path": "../../packages/superset-ui-chart-controls"
-    },
-    {
-      "path": "../../packages/superset-ui-core"
-    }
+    { "path": "../../packages/superset-ui-core" },
+    { "path": "../../packages/superset-ui-chart-controls" }
   ]
 }
diff --git a/superset-frontend/spec/helpers/shim.tsx b/superset-frontend/spec/helpers/shim.tsx
index af5ea846815..5de51ec841a 100644
--- a/superset-frontend/spec/helpers/shim.tsx
+++ b/superset-frontend/spec/helpers/shim.tsx
@@ -92,7 +92,7 @@ jest.mock('rehype-raw', () => () => jest.fn());
 
 // Mocks the Icon component due to its async nature
 // Tests should override this when needed
-jest.mock('src/components/Icons/AsyncIcon', () => ({
+jest.mock('@superset-ui/core/components/Icons/AsyncIcon', () => ({
   __esModule: true,
   default: ({
     fileName,
diff --git a/superset-frontend/src/SqlLab/actions/sqlLab.js b/superset-frontend/src/SqlLab/actions/sqlLab.js
index 8b54319a568..70269c37ec7 100644
--- a/superset-frontend/src/SqlLab/actions/sqlLab.js
+++ b/superset-frontend/src/SqlLab/actions/sqlLab.js
@@ -28,7 +28,7 @@ import {
 } from '@superset-ui/core';
 import { invert, mapKeys } from 'lodash';
 
-import { now } from 'src/utils/dates';
+import { now } from '@superset-ui/core/utils/dates';
 import {
   addDangerToast as addDangerToastAction,
   addInfoToast as addInfoToastAction,
diff --git a/superset-frontend/src/SqlLab/components/AceEditorWrapper/AceEditorWrapper.test.tsx b/superset-frontend/src/SqlLab/components/AceEditorWrapper/AceEditorWrapper.test.tsx
index c2f2ac083a8..a46f60c5d4e 100644
--- a/superset-frontend/src/SqlLab/components/AceEditorWrapper/AceEditorWrapper.test.tsx
+++ b/superset-frontend/src/SqlLab/components/AceEditorWrapper/AceEditorWrapper.test.tsx
@@ -22,7 +22,10 @@ import { QueryEditor } from 'src/SqlLab/types';
 import { Store } from 'redux';
 import { initialState, defaultQueryEditor } from 'src/SqlLab/fixtures';
 import AceEditorWrapper from 'src/SqlLab/components/AceEditorWrapper';
-import { FullSQLEditor, type AsyncAceEditorProps } from 'src/components';
+import {
+  FullSQLEditor,
+  type AsyncAceEditorProps,
+} from '@superset-ui/core/components';
 import {
   queryEditorSetCursorPosition,
   queryEditorSetDb,
@@ -33,14 +36,14 @@ fetchMock.get('glob:*/api/v1/database/*/function_names/', {
   function_names: [],
 });
 
-jest.mock('src/components/Select/Select', () => () => (
+jest.mock('@superset-ui/core/components/Select/Select', () => () => (
   <div data-test="mock-deprecated-select-select" />
 ));
-jest.mock('src/components/Select/AsyncSelect', () => () => (
+jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
   <div data-test="mock-deprecated-async-select" />
 ));
 
-jest.mock('src/components/AsyncAceEditor', () => ({
+jest.mock('@superset-ui/core/components/AsyncAceEditor', () => ({
   FullSQLEditor: jest
     .fn()
     .mockImplementation((props: AsyncAceEditorProps) => (
diff --git a/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx b/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx
index 799e42a94f5..bfa615765b6 100644
--- a/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx
+++ b/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx
@@ -24,7 +24,7 @@ import { Global } from '@emotion/react';
 
 import { SQL_EDITOR_LEFTBAR_WIDTH } from 'src/SqlLab/constants';
 import { queryEditorSetSelectedText } from 'src/SqlLab/actions/sqlLab';
-import { FullSQLEditor as AceEditor } from 'src/components';
+import { FullSQLEditor as AceEditor } from '@superset-ui/core/components';
 import type { KeyboardShortcut } from 'src/SqlLab/components/KeyboardShortcutButton';
 import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
 import { SqlLabRootState, type CursorPosition } from 'src/SqlLab/types';
diff --git a/superset-frontend/src/SqlLab/components/AceEditorWrapper/useKeywords.ts b/superset-frontend/src/SqlLab/components/AceEditorWrapper/useKeywords.ts
index d17884dd7da..99e99125133 100644
--- a/superset-frontend/src/SqlLab/components/AceEditorWrapper/useKeywords.ts
+++ b/superset-frontend/src/SqlLab/components/AceEditorWrapper/useKeywords.ts
@@ -20,7 +20,7 @@ import { useEffect, useMemo, useRef } from 'react';
 import { useSelector, useDispatch, shallowEqual, useStore } from 'react-redux';
 import { getExtensionsRegistry, t } from '@superset-ui/core';
 
-import type { Editor } from 'src/components';
+import type { Editor } from '@superset-ui/core/components';
 import sqlKeywords from 'src/SqlLab/utils/sqlKeywords';
 import { addTable, addDangerToast } from 'src/SqlLab/actions/sqlLab';
 import {
diff --git a/superset-frontend/src/SqlLab/components/ColumnElement/index.tsx b/superset-frontend/src/SqlLab/components/ColumnElement/index.tsx
index d2555b25dda..6150c6e3a79 100644
--- a/superset-frontend/src/SqlLab/components/ColumnElement/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ColumnElement/index.tsx
@@ -19,7 +19,7 @@
 import { ReactNode } from 'react';
 import { ClassNames } from '@emotion/react';
 import { styled, useTheme, t } from '@superset-ui/core';
-import { Flex, Tooltip } from 'src/components';
+import { Flex, Tooltip } from '@superset-ui/core/components';
 
 const StyledTooltip = (props: any) => {
   const theme = useTheme();
diff --git a/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/EstimateQueryCostButton.test.tsx b/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/EstimateQueryCostButton.test.tsx
index 7668020cd35..a989d02f702 100644
--- a/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/EstimateQueryCostButton.test.tsx
+++ b/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/EstimateQueryCostButton.test.tsx
@@ -33,10 +33,10 @@ import EstimateQueryCostButton, {
 const middlewares = [thunk];
 const mockStore = configureStore(middlewares);
 
-jest.mock('src/components/Select/Select', () => () => (
+jest.mock('@superset-ui/core/components/Select/Select', () => () => (
   <div data-test="mock-deprecated-select-select" />
 ));
-jest.mock('src/components/Select/AsyncSelect', () => () => (
+jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
   <div data-test="mock-deprecated-async-select" />
 ));
 
diff --git a/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/index.tsx b/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/index.tsx
index 6dd2fd2374c..88fca28e97a 100644
--- a/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/EstimateQueryCostButton/index.tsx
@@ -20,10 +20,14 @@ import { useMemo } from 'react';
 import { useSelector } from 'react-redux';
 import { css, styled, t } from '@superset-ui/core';
 
-import { Alert, Button, Loading } from 'src/components';
-import TableView from 'src/components/TableView';
-import ModalTrigger from 'src/components/ModalTrigger';
-import { EmptyWrapperType } from 'src/components/TableView/TableView';
+import {
+  Alert,
+  Button,
+  Loading,
+  ModalTrigger,
+  TableView,
+  EmptyWrapperType,
+} from '@superset-ui/core/components';
 import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
 import { SqlLabRootState, QueryCostEstimate } from 'src/SqlLab/types';
 
diff --git a/superset-frontend/src/SqlLab/components/ExploreCtasResultsButton/index.tsx b/superset-frontend/src/SqlLab/components/ExploreCtasResultsButton/index.tsx
index 62a9e6b0d5a..8d8bc7b1cb4 100644
--- a/superset-frontend/src/SqlLab/components/ExploreCtasResultsButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ExploreCtasResultsButton/index.tsx
@@ -23,8 +23,8 @@ import {
   addInfoToast,
   addDangerToast,
 } from 'src/SqlLab/actions/sqlLab';
-import { Button, IconTooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Button, IconTooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { exploreChart } from 'src/explore/exploreUtils';
 import { SqlLabRootState } from 'src/SqlLab/types';
 
diff --git a/superset-frontend/src/SqlLab/components/ExploreResultsButton/ExploreResultsButton.test.tsx b/superset-frontend/src/SqlLab/components/ExploreResultsButton/ExploreResultsButton.test.tsx
index 79a26966ac2..0b119946138 100644
--- a/superset-frontend/src/SqlLab/components/ExploreResultsButton/ExploreResultsButton.test.tsx
+++ b/superset-frontend/src/SqlLab/components/ExploreResultsButton/ExploreResultsButton.test.tsx
@@ -21,7 +21,7 @@ import { render, screen } from 'spec/helpers/testing-library';
 import ExploreResultsButton, {
   ExploreResultsButtonProps,
 } from 'src/SqlLab/components/ExploreResultsButton';
-import type { OnClickHandler } from 'src/components';
+import type { OnClickHandler } from '@superset-ui/core/components';
 
 const setup = (
   onClickFn: OnClickHandler,
diff --git a/superset-frontend/src/SqlLab/components/ExploreResultsButton/index.tsx b/superset-frontend/src/SqlLab/components/ExploreResultsButton/index.tsx
index 1bdba6783ac..53f9cdc2b0f 100644
--- a/superset-frontend/src/SqlLab/components/ExploreResultsButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ExploreResultsButton/index.tsx
@@ -17,7 +17,11 @@
  * under the License.
  */
 import { t } from '@superset-ui/core';
-import { Button, type OnClickHandler, Icons } from 'src/components';
+import {
+  Button,
+  type OnClickHandler,
+  Icons,
+} from '@superset-ui/core/components';
 
 export interface ExploreResultsButtonProps {
   database?: {
diff --git a/superset-frontend/src/SqlLab/components/HighlightedSql/index.tsx b/superset-frontend/src/SqlLab/components/HighlightedSql/index.tsx
index f3cf8dc8578..2733b4ae81e 100644
--- a/superset-frontend/src/SqlLab/components/HighlightedSql/index.tsx
+++ b/superset-frontend/src/SqlLab/components/HighlightedSql/index.tsx
@@ -21,7 +21,7 @@ import sql from 'react-syntax-highlighter/dist/cjs/languages/hljs/sql';
 import github from 'react-syntax-highlighter/dist/cjs/styles/hljs/github';
 import atomOneDark from 'react-syntax-highlighter/dist/cjs/styles/hljs/atom-one-dark';
 import { t, themeObject } from '@superset-ui/core';
-import ModalTrigger from 'src/components/ModalTrigger';
+import { ModalTrigger } from '@superset-ui/core/components';
 
 SyntaxHighlighterBase.registerLanguage('sql', sql);
 
diff --git a/superset-frontend/src/SqlLab/components/KeyboardShortcutButton/index.tsx b/superset-frontend/src/SqlLab/components/KeyboardShortcutButton/index.tsx
index bc043589a4c..e9749a56187 100644
--- a/superset-frontend/src/SqlLab/components/KeyboardShortcutButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/KeyboardShortcutButton/index.tsx
@@ -18,7 +18,7 @@
  */
 import { FC } from 'react';
 import { styled, t, css } from '@superset-ui/core';
-import ModalTrigger from 'src/components/ModalTrigger';
+import { ModalTrigger } from '@superset-ui/core/components';
 import { detectOS } from 'src/utils/common';
 
 const userOS = detectOS();
diff --git a/superset-frontend/src/SqlLab/components/QueryAutoRefresh/QueryAutoRefresh.test.tsx b/superset-frontend/src/SqlLab/components/QueryAutoRefresh/QueryAutoRefresh.test.tsx
index 7a35adccc40..2e26087296e 100644
--- a/superset-frontend/src/SqlLab/components/QueryAutoRefresh/QueryAutoRefresh.test.tsx
+++ b/superset-frontend/src/SqlLab/components/QueryAutoRefresh/QueryAutoRefresh.test.tsx
@@ -16,11 +16,13 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { act } from 'react-dom/test-utils';
 import { QueryState } from '@superset-ui/core';
 import fetchMock from 'fetch-mock';
 import configureStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import { render, waitFor } from 'spec/helpers/testing-library';
+import { cleanup } from '@testing-library/react';
 import { LOG_ACTIONS_SQLLAB_FETCH_FAILED_QUERY } from 'src/logger/LogUtils';
 import {
   CLEAR_INACTIVE_QUERIES,
@@ -41,46 +43,42 @@ const mockState = {
   databases: mockDatabases,
 };
 
-// NOTE: The uses of @ts-ignore in this file is to enable testing of bad inputs to verify the
-// function / component handles bad data elegantly
 describe('QueryAutoRefresh', () => {
-  const runningQueries: QueryDictionary = {};
-  runningQueries[runningQuery.id] = runningQuery;
-
-  const successfulQueries: QueryDictionary = {};
-  successfulQueries[successfulQuery.id] = successfulQuery;
-
+  const runningQueries: QueryDictionary = { [runningQuery.id]: runningQuery };
+  const successfulQueries: QueryDictionary = {
+    [successfulQuery.id]: successfulQuery,
+  };
   const queriesLastUpdate = Date.now();
-
   const refreshApi = 'glob:*/api/v1/query/updated_since?*';
 
+  beforeEach(() => {
+    jest.useFakeTimers();
+  });
+
   afterEach(() => {
     fetchMock.reset();
+    cleanup();
+    jest.runOnlyPendingTimers();
+    jest.useRealTimers();
   });
 
   it('isQueryRunning returns true for valid running query', () => {
-    const running = isQueryRunning(runningQuery);
-    expect(running).toBe(true);
+    expect(isQueryRunning(runningQuery)).toBe(true);
   });
 
   it('isQueryRunning returns false for valid not-running query', () => {
-    const running = isQueryRunning(successfulQuery);
-    expect(running).toBe(false);
+    expect(isQueryRunning(successfulQuery)).toBe(false);
   });
 
   it('isQueryRunning returns false for invalid query', () => {
     // @ts-ignore
-    let running = isQueryRunning(null);
-    expect(running).toBe(false);
+    expect(isQueryRunning(null)).toBe(false);
     // @ts-ignore
-    running = isQueryRunning(undefined);
-    expect(running).toBe(false);
+    expect(isQueryRunning(undefined)).toBe(false);
     // @ts-ignore
-    running = isQueryRunning('I Should Be An Object');
-    expect(running).toBe(false);
+    expect(isQueryRunning('I Should Be An Object')).toBe(false);
     // @ts-ignore
-    running = isQueryRunning({ state: { badFormat: true } });
-    expect(running).toBe(false);
+    expect(isQueryRunning({ state: { badFormat: true } })).toBe(false);
   });
 
   it('shouldCheckForQueries is true for valid running query', () => {
@@ -112,16 +110,10 @@ describe('QueryAutoRefresh', () => {
   });
 
   it('Attempts to refresh when given pending query', async () => {
-    const store = mockStore({
-      sqlLab: { ...mockState },
-    });
+    const store = mockStore({ sqlLab: { ...mockState } });
+
     fetchMock.get(refreshApi, {
-      result: [
-        {
-          id: runningQuery.id,
-          status: 'success',
-        },
-      ],
+      result: [{ id: runningQuery.id, status: 'success' }],
     });
 
     render(
@@ -131,22 +123,22 @@ describe('QueryAutoRefresh', () => {
       />,
       { useRedux: true, store },
     );
-    await waitFor(
-      () =>
-        expect(store.getActions()).toContainEqual(
-          expect.objectContaining({
-            type: REFRESH_QUERIES,
-          }),
-        ),
-      { timeout: QUERY_UPDATE_FREQ + 100 },
+
+    await act(async () => {
+      jest.advanceTimersByTime(QUERY_UPDATE_FREQ + 100);
+    });
+
+    await waitFor(() =>
+      expect(store.getActions()).toContainEqual(
+        expect.objectContaining({ type: REFRESH_QUERIES }),
+      ),
     );
   });
 
   it('Attempts to clear inactive queries when updated queries are empty', async () => {
     const store = mockStore({ sqlLab: { ...mockState } });
-    fetchMock.get(refreshApi, {
-      result: [],
-    });
+
+    fetchMock.get(refreshApi, { result: [] });
 
     render(
       <QueryAutoRefresh
@@ -155,30 +147,28 @@ describe('QueryAutoRefresh', () => {
       />,
       { useRedux: true, store },
     );
-    await waitFor(
-      () =>
-        expect(store.getActions()).toContainEqual(
-          expect.objectContaining({
-            type: CLEAR_INACTIVE_QUERIES,
-          }),
-        ),
-      { timeout: QUERY_UPDATE_FREQ + 100 },
+
+    await act(async () => {
+      jest.advanceTimersByTime(QUERY_UPDATE_FREQ + 100);
+    });
+
+    await waitFor(() =>
+      expect(store.getActions()).toContainEqual(
+        expect.objectContaining({ type: CLEAR_INACTIVE_QUERIES }),
+      ),
     );
+
     expect(
       store.getActions().filter(({ type }) => type === REFRESH_QUERIES),
     ).toHaveLength(0);
     expect(fetchMock.calls(refreshApi)).toHaveLength(1);
   });
 
-  it('Does not fail and attempts to refresh when given pending query and invalid query', async () => {
+  it('Does not fail and attempts to refresh with mixed valid/invalid queries', async () => {
     const store = mockStore({ sqlLab: { ...mockState } });
+
     fetchMock.get(refreshApi, {
-      result: [
-        {
-          id: runningQuery.id,
-          status: 'success',
-        },
-      ],
+      result: [{ id: runningQuery.id, status: 'success' }],
     });
 
     render(
@@ -189,27 +179,25 @@ describe('QueryAutoRefresh', () => {
       />,
       { useRedux: true, store },
     );
-    await waitFor(
-      () =>
-        expect(store.getActions()).toContainEqual(
-          expect.objectContaining({
-            type: REFRESH_QUERIES,
-          }),
-        ),
-      { timeout: QUERY_UPDATE_FREQ + 100 },
+
+    await act(async () => {
+      jest.advanceTimersByTime(QUERY_UPDATE_FREQ + 100);
+    });
+
+    await waitFor(() =>
+      expect(store.getActions()).toContainEqual(
+        expect.objectContaining({ type: REFRESH_QUERIES }),
+      ),
     );
   });
 
   it('Does NOT Attempt to refresh when given only completed queries', async () => {
     const store = mockStore({ sqlLab: { ...mockState } });
+
     fetchMock.get(refreshApi, {
-      result: [
-        {
-          id: runningQuery.id,
-          status: 'success',
-        },
-      ],
+      result: [{ id: runningQuery.id, status: 'success' }],
     });
+
     render(
       <QueryAutoRefresh
         queries={successfulQueries}
@@ -217,20 +205,23 @@ describe('QueryAutoRefresh', () => {
       />,
       { useRedux: true, store },
     );
-    await waitFor(
-      () =>
-        expect(store.getActions()).toContainEqual(
-          expect.objectContaining({
-            type: CLEAR_INACTIVE_QUERIES,
-          }),
-        ),
-      { timeout: QUERY_UPDATE_FREQ + 100 },
+
+    await act(async () => {
+      jest.advanceTimersByTime(QUERY_UPDATE_FREQ + 100);
+    });
+
+    await waitFor(() =>
+      expect(store.getActions()).toContainEqual(
+        expect.objectContaining({ type: CLEAR_INACTIVE_QUERIES }),
+      ),
     );
+
     expect(fetchMock.calls(refreshApi)).toHaveLength(0);
   });
 
   it('logs the failed error for async queries', async () => {
     const store = mockStore({ sqlLab: { ...mockState } });
+
     fetchMock.get(refreshApi, {
       result: [
         {
@@ -257,6 +248,7 @@ describe('QueryAutoRefresh', () => {
         },
       ],
     });
+
     render(
       <QueryAutoRefresh
         queries={runningQueries}
@@ -264,21 +256,24 @@ describe('QueryAutoRefresh', () => {
       />,
       { useRedux: true, store },
     );
-    await waitFor(
-      () =>
-        expect(store.getActions()).toContainEqual(
-          expect.objectContaining({
-            payload: expect.objectContaining({
-              eventName: LOG_ACTIONS_SQLLAB_FETCH_FAILED_QUERY,
-              eventData: expect.objectContaining({
-                error_type: 'TEST_ERROR',
-                error_details: 'Syntax invalid',
-                issue_codes: [102],
-              }),
+
+    await act(async () => {
+      jest.advanceTimersByTime(QUERY_UPDATE_FREQ + 100);
+    });
+
+    await waitFor(() =>
+      expect(store.getActions()).toContainEqual(
+        expect.objectContaining({
+          payload: expect.objectContaining({
+            eventName: LOG_ACTIONS_SQLLAB_FETCH_FAILED_QUERY,
+            eventData: expect.objectContaining({
+              error_type: 'TEST_ERROR',
+              error_details: 'Syntax invalid',
+              issue_codes: [102],
             }),
           }),
-        ),
-      { timeout: QUERY_UPDATE_FREQ + 100 },
+        }),
+      ),
     );
   });
 });
diff --git a/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx b/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx
index 4f578df507d..85cf33ade30 100644
--- a/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx
+++ b/superset-frontend/src/SqlLab/components/QueryHistory/index.tsx
@@ -20,7 +20,7 @@ import { useEffect, useMemo, useState } from 'react';
 import { shallowEqual, useSelector } from 'react-redux';
 import { useInView } from 'react-intersection-observer';
 import { omit } from 'lodash';
-import { EmptyState, Skeleton } from 'src/components';
+import { EmptyState, Skeleton } from '@superset-ui/core/components';
 import {
   t,
   styled,
diff --git a/superset-frontend/src/SqlLab/components/QueryLimitSelect/QueryLimitSelect.test.tsx b/superset-frontend/src/SqlLab/components/QueryLimitSelect/QueryLimitSelect.test.tsx
index 8d421f92c92..bbaa76720b0 100644
--- a/superset-frontend/src/SqlLab/components/QueryLimitSelect/QueryLimitSelect.test.tsx
+++ b/superset-frontend/src/SqlLab/components/QueryLimitSelect/QueryLimitSelect.test.tsx
@@ -35,10 +35,10 @@ import QueryLimitSelect, {
 const middlewares = [thunk];
 const mockStore = configureStore(middlewares);
 
-jest.mock('src/components/Select/Select', () => () => (
+jest.mock('@superset-ui/core/components/Select/Select', () => () => (
   <div data-test="mock-deprecated-select-select" />
 ));
-jest.mock('src/components/Select/AsyncSelect', () => () => (
+jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
   <div data-test="mock-deprecated-async-select" />
 ));
 
diff --git a/superset-frontend/src/SqlLab/components/QueryLimitSelect/index.tsx b/superset-frontend/src/SqlLab/components/QueryLimitSelect/index.tsx
index 665141f8392..bb6e45b405f 100644
--- a/superset-frontend/src/SqlLab/components/QueryLimitSelect/index.tsx
+++ b/superset-frontend/src/SqlLab/components/QueryLimitSelect/index.tsx
@@ -18,9 +18,9 @@
  */
 import { useDispatch } from 'react-redux';
 import { t } from '@superset-ui/core';
-import { Dropdown, Button } from 'src/components';
-import { Menu } from 'src/components/Menu';
-import { Icons } from 'src/components/Icons';
+import { Dropdown, Button } from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { queryEditorSetQueryLimit } from 'src/SqlLab/actions/sqlLab';
 import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
 
diff --git a/superset-frontend/src/SqlLab/components/QueryStateLabel/QueryStateLabel.test.tsx b/superset-frontend/src/SqlLab/components/QueryStateLabel/QueryStateLabel.test.tsx
index 55ddd71c478..d02428bf2d0 100644
--- a/superset-frontend/src/SqlLab/components/QueryStateLabel/QueryStateLabel.test.tsx
+++ b/superset-frontend/src/SqlLab/components/QueryStateLabel/QueryStateLabel.test.tsx
@@ -21,7 +21,7 @@ import type { QueryState } from '@superset-ui/core';
 import { render } from 'spec/helpers/testing-library';
 import QueryStateLabel from '.';
 
-jest.mock('src/components/Label', () => ({
+jest.mock('@superset-ui/core/components/Label', () => ({
   __esModule: true,
   Label: () => <div data-test="mock-label" />,
 }));
diff --git a/superset-frontend/src/SqlLab/components/QueryStateLabel/index.tsx b/superset-frontend/src/SqlLab/components/QueryStateLabel/index.tsx
index 2b234c341f8..5d2625dbc78 100644
--- a/superset-frontend/src/SqlLab/components/QueryStateLabel/index.tsx
+++ b/superset-frontend/src/SqlLab/components/QueryStateLabel/index.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Label } from 'src/components';
+import { Label } from '@superset-ui/core/components';
 import { STATE_TYPE_MAP, STATE_TYPE_MAP_LOCALIZED } from 'src/SqlLab/constants';
 import { styled, Query } from '@superset-ui/core';
 
diff --git a/superset-frontend/src/SqlLab/components/QueryTable/index.tsx b/superset-frontend/src/SqlLab/components/QueryTable/index.tsx
index 3b675664660..f892913ca43 100644
--- a/superset-frontend/src/SqlLab/components/QueryTable/index.tsx
+++ b/superset-frontend/src/SqlLab/components/QueryTable/index.tsx
@@ -17,8 +17,16 @@
  * under the License.
  */
 import { useMemo, ReactNode } from 'react';
-import { Card, Button, Tooltip, Label } from 'src/components';
-import ProgressBar from 'src/components/ProgressBar';
+import {
+  Card,
+  Button,
+  Tooltip,
+  Label,
+  Icons,
+  ModalTrigger,
+  TableView,
+} from '@superset-ui/core/components';
+import ProgressBar from '@superset-ui/core/components/ProgressBar';
 import { t, useTheme, QueryResponse } from '@superset-ui/core';
 import { useDispatch, useSelector } from 'react-redux';
 
@@ -29,11 +37,8 @@ import {
   clearQueryResults,
   removeQuery,
 } from 'src/SqlLab/actions/sqlLab';
-import TableView from 'src/components/TableView';
-import { fDuration, extendedDayjs } from 'src/utils/dates';
-import { Icons } from 'src/components/Icons';
+import { fDuration, extendedDayjs } from '@superset-ui/core/utils/dates';
 import { SqlLabRootState } from 'src/SqlLab/types';
-import ModalTrigger from 'src/components/ModalTrigger';
 import { UserWithPermissionsAndRoles as User } from 'src/types/bootstrapTypes';
 import ResultSet from '../ResultSet';
 import HighlightedSql from '../HighlightedSql';
diff --git a/superset-frontend/src/SqlLab/components/QueryTable/styles.ts b/superset-frontend/src/SqlLab/components/QueryTable/styles.ts
index 838911994e1..03f0eb3e679 100644
--- a/superset-frontend/src/SqlLab/components/QueryTable/styles.ts
+++ b/superset-frontend/src/SqlLab/components/QueryTable/styles.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { styled, css } from '@superset-ui/core';
-import { IconTooltip } from 'src/components';
+import { IconTooltip } from '@superset-ui/core/components';
 
 export const StaticPosition = css`
   position: static;
diff --git a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx
index ae289f57acb..60edbd141a5 100644
--- a/superset-frontend/src/SqlLab/components/ResultSet/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ResultSet/index.tsx
@@ -34,13 +34,15 @@ import {
   ButtonGroup,
   Tooltip,
   Card,
-  CopyToClipboard,
-  ErrorMessageWithStackTrace,
   Modal,
-  FilterableTable,
   Input,
   Label,
   Loading,
+} from '@superset-ui/core/components';
+import {
+  CopyToClipboard,
+  FilterableTable,
+  ErrorMessageWithStackTrace,
 } from 'src/components';
 import { nanoid } from 'nanoid';
 import {
@@ -63,7 +65,7 @@ import {
 import { EXPLORE_CHART_DEFAULT, SqlLabRootState } from 'src/SqlLab/types';
 import { mountExploreUrl } from 'src/explore/exploreUtils';
 import { postFormData } from 'src/explore/exploreUtils/formData';
-import ProgressBar from 'src/components/ProgressBar';
+import ProgressBar from '@superset-ui/core/components/ProgressBar';
 import { addDangerToast } from 'src/components/MessageToasts/actions';
 import { prepareCopyToClipboardTabularData } from 'src/utils/common';
 import { getItem, LocalStorageKeys } from 'src/utils/localStorageHelpers';
@@ -82,7 +84,7 @@ import {
   LOG_ACTIONS_SQLLAB_CREATE_CHART,
   LOG_ACTIONS_SQLLAB_DOWNLOAD_CSV,
 } from 'src/logger/LogUtils';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { findPermission } from 'src/utils/findPermission';
 import ExploreCtasResultsButton from '../ExploreCtasResultsButton';
 import ExploreResultsButton from '../ExploreResultsButton';
diff --git a/superset-frontend/src/SqlLab/components/RunQueryActionButton/RunQueryActionButton.test.tsx b/superset-frontend/src/SqlLab/components/RunQueryActionButton/RunQueryActionButton.test.tsx
index 40df87b68e4..798a98b3ff3 100644
--- a/superset-frontend/src/SqlLab/components/RunQueryActionButton/RunQueryActionButton.test.tsx
+++ b/superset-frontend/src/SqlLab/components/RunQueryActionButton/RunQueryActionButton.test.tsx
@@ -29,10 +29,10 @@ import RunQueryActionButton, {
 const middlewares = [thunk];
 const mockStore = configureStore(middlewares);
 
-jest.mock('src/components/Select/Select', () => () => (
+jest.mock('@superset-ui/core/components/Select/Select', () => () => (
   <div data-test="mock-deprecated-select-select" />
 ));
-jest.mock('src/components/Select/AsyncSelect', () => () => (
+jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
   <div data-test="mock-deprecated-async-select" />
 ));
 
diff --git a/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx b/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx
index 052ffed4001..79d6f962600 100644
--- a/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx
@@ -20,8 +20,8 @@ import { useMemo, FC, ReactElement } from 'react';
 
 import { t, styled, useTheme, SupersetTheme } from '@superset-ui/core';
 
-import { Button, DropdownButton } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Button, DropdownButton } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { detectOS } from 'src/utils/common';
 import { QueryButtonProps } from 'src/SqlLab/types';
 import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
diff --git a/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/SaveDatasetActionButton.test.tsx b/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/SaveDatasetActionButton.test.tsx
index f5283dfd1e3..0ab7237a037 100644
--- a/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/SaveDatasetActionButton.test.tsx
+++ b/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/SaveDatasetActionButton.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { render, screen, userEvent } from 'spec/helpers/testing-library';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import SaveDatasetActionButton from 'src/SqlLab/components/SaveDatasetActionButton';
 
 const overlayMenu = (
diff --git a/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/index.tsx b/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/index.tsx
index 4c9464a04c6..bcdc8370357 100644
--- a/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SaveDatasetActionButton/index.tsx
@@ -17,8 +17,8 @@
  * under the License.
  */
 import { t, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Button, DropdownButton } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Button, DropdownButton } from '@superset-ui/core/components';
 
 interface SaveDatasetActionButtonProps {
   setShowSave: (arg0: boolean) => void;
diff --git a/superset-frontend/src/SqlLab/components/SaveDatasetModal/index.tsx b/superset-frontend/src/SqlLab/components/SaveDatasetModal/index.tsx
index f6dff994e8f..22df5b4c6c7 100644
--- a/superset-frontend/src/SqlLab/components/SaveDatasetModal/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SaveDatasetModal/index.tsx
@@ -19,14 +19,14 @@
 
 import { useCallback, useState, FormEvent } from 'react';
 
-import { Radio, RadioChangeEvent } from 'src/components/Radio';
+import { Radio, RadioChangeEvent } from '@superset-ui/core/components/Radio';
 import {
   AsyncSelect,
   Button,
   Modal,
   Input,
   type SelectValue,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import {
   styled,
   t,
diff --git a/superset-frontend/src/SqlLab/components/SaveQuery/index.tsx b/superset-frontend/src/SqlLab/components/SaveQuery/index.tsx
index e6e94ca71e3..5a5fa55b3fb 100644
--- a/superset-frontend/src/SqlLab/components/SaveQuery/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SaveQuery/index.tsx
@@ -20,8 +20,16 @@ import { useState, useEffect, useMemo, ChangeEvent } from 'react';
 
 import type { DatabaseObject } from 'src/features/databases/types';
 import { t, styled } from '@superset-ui/core';
-import { Input, Button, Form, FormItem, Modal, Row, Col } from 'src/components';
-import { Menu } from 'src/components/Menu';
+import {
+  Input,
+  Button,
+  Form,
+  FormItem,
+  Modal,
+  Row,
+  Col,
+} from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
 import SaveDatasetActionButton from 'src/SqlLab/components/SaveDatasetActionButton';
 import {
   SaveDatasetModal,
diff --git a/superset-frontend/src/SqlLab/components/ScheduleQueryButton/index.tsx b/superset-frontend/src/SqlLab/components/ScheduleQueryButton/index.tsx
index af42121ce0d..7c68662cf60 100644
--- a/superset-frontend/src/SqlLab/components/ScheduleQueryButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ScheduleQueryButton/index.tsx
@@ -23,8 +23,18 @@ import { FormValidation } from '@rjsf/utils';
 import validator from '@rjsf/validator-ajv8';
 import { t, styled } from '@superset-ui/core';
 import { parseDate } from 'chrono-node';
-import ModalTrigger, { ModalTriggerRef } from 'src/components/ModalTrigger';
-import { Input, Button, Form, FormItem, Row, Col } from 'src/components';
+import {
+  ModalTrigger,
+  ModalTriggerRef,
+} from '@superset-ui/core/components/ModalTrigger';
+import {
+  Input,
+  Button,
+  Form,
+  FormItem,
+  Row,
+  Col,
+} from '@superset-ui/core/components';
 import getBootstrapData from 'src/utils/getBootstrapData';
 
 const bootstrapData = getBootstrapData();
diff --git a/superset-frontend/src/SqlLab/components/ShareSqlLabQuery/index.tsx b/superset-frontend/src/SqlLab/components/ShareSqlLabQuery/index.tsx
index f57d8d338ff..7249d5909fb 100644
--- a/superset-frontend/src/SqlLab/components/ShareSqlLabQuery/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ShareSqlLabQuery/index.tsx
@@ -22,8 +22,9 @@ import {
   SupersetClient,
   css,
 } from '@superset-ui/core';
-import { Button, CopyToClipboard } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Button } from '@superset-ui/core/components';
+import { CopyToClipboard } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
 import { LOG_ACTIONS_SQLLAB_COPY_LINK } from 'src/logger/LogUtils';
diff --git a/superset-frontend/src/SqlLab/components/ShowSQL/index.tsx b/superset-frontend/src/SqlLab/components/ShowSQL/index.tsx
index e0b27265094..a9739faacee 100644
--- a/superset-frontend/src/SqlLab/components/ShowSQL/index.tsx
+++ b/superset-frontend/src/SqlLab/components/ShowSQL/index.tsx
@@ -19,9 +19,8 @@
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/cjs/light';
 import sql from 'react-syntax-highlighter/dist/cjs/languages/hljs/sql';
 import github from 'react-syntax-highlighter/dist/cjs/styles/hljs/github';
-import { IconTooltip } from 'src/components/IconTooltip';
-import ModalTrigger from 'src/components/ModalTrigger';
-import { Icons } from 'src/components/Icons';
+import { IconTooltip, ModalTrigger } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 SyntaxHighlighter.registerLanguage('sql', sql);
 
diff --git a/superset-frontend/src/SqlLab/components/SouthPane/Results.tsx b/superset-frontend/src/SqlLab/components/SouthPane/Results.tsx
index 7ba0d9b4f39..06b7033c254 100644
--- a/superset-frontend/src/SqlLab/components/SouthPane/Results.tsx
+++ b/superset-frontend/src/SqlLab/components/SouthPane/Results.tsx
@@ -18,7 +18,7 @@
  */
 import { FC } from 'react';
 import { shallowEqual, useSelector } from 'react-redux';
-import { Alert, EmptyState } from 'src/components';
+import { Alert, EmptyState } from '@superset-ui/core/components';
 import { FeatureFlag, styled, t, isFeatureEnabled } from '@superset-ui/core';
 
 import { SqlLabRootState } from 'src/SqlLab/types';
diff --git a/superset-frontend/src/SqlLab/components/SouthPane/index.tsx b/superset-frontend/src/SqlLab/components/SouthPane/index.tsx
index ed0128c23d6..7096f4d6328 100644
--- a/superset-frontend/src/SqlLab/components/SouthPane/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SouthPane/index.tsx
@@ -19,13 +19,13 @@
 import { createRef, useCallback, useMemo } from 'react';
 import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import { nanoid } from 'nanoid';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import { css, styled, t, useTheme } from '@superset-ui/core';
 
 import { removeTables, setActiveSouthPaneTab } from 'src/SqlLab/actions/sqlLab';
 
-import { Label } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Label } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { SqlLabRootState } from 'src/SqlLab/types';
 import QueryHistory from '../QueryHistory';
 import {
diff --git a/superset-frontend/src/SqlLab/components/SqlEditor/SqlEditor.test.tsx b/superset-frontend/src/SqlLab/components/SqlEditor/SqlEditor.test.tsx
index f5d0277a894..119021f722b 100644
--- a/superset-frontend/src/SqlLab/components/SqlEditor/SqlEditor.test.tsx
+++ b/superset-frontend/src/SqlLab/components/SqlEditor/SqlEditor.test.tsx
@@ -45,8 +45,8 @@ import setupExtensions from 'src/setup/setupExtensions';
 import type { Action, Middleware, Store } from 'redux';
 import SqlEditor, { Props } from '.';
 
-jest.mock('src/components/AsyncAceEditor', () => ({
-  ...jest.requireActual('src/components/AsyncAceEditor'),
+jest.mock('@superset-ui/core/components/AsyncAceEditor', () => ({
+  ...jest.requireActual('@superset-ui/core/components/AsyncAceEditor'),
   FullSQLEditor: ({
     onChange,
     onBlur,
diff --git a/superset-frontend/src/SqlLab/components/SqlEditor/index.tsx b/superset-frontend/src/SqlLab/components/SqlEditor/index.tsx
index 85673b3073d..93f6e831a2c 100644
--- a/superset-frontend/src/SqlLab/components/SqlEditor/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SqlEditor/index.tsx
@@ -53,19 +53,19 @@ import type { DatabaseObject } from 'src/features/databases/types';
 import { debounce, throttle, isEmpty } from 'lodash';
 import Mousetrap from 'mousetrap';
 import {
-  Input,
-  Button,
   Alert,
+  Button,
   Dropdown,
   EmptyState,
+  Input,
   Modal,
-} from 'src/components';
-import Timer from 'src/components/Timer';
+  Timer,
+} from '@superset-ui/core/components';
 import ResizableSidebar from 'src/components/ResizableSidebar';
-import { Skeleton } from 'src/components/Skeleton';
-import { Switch } from 'src/components/Switch';
-import { Menu } from 'src/components/Menu';
-import { Icons } from 'src/components/Icons';
+import { Skeleton } from '@superset-ui/core/components/Skeleton';
+import { Switch } from '@superset-ui/core/components/Switch';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { detectOS } from 'src/utils/common';
 import {
   addNewQueryEditor,
diff --git a/superset-frontend/src/SqlLab/components/SqlEditorLeftBar/index.tsx b/superset-frontend/src/SqlLab/components/SqlEditorLeftBar/index.tsx
index 5991040389c..2b1656125b3 100644
--- a/superset-frontend/src/SqlLab/components/SqlEditorLeftBar/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SqlEditorLeftBar/index.tsx
@@ -33,7 +33,8 @@ import {
   addDangerToast,
   resetState,
 } from 'src/SqlLab/actions/sqlLab';
-import { Button, EmptyState, Icons, type DatabaseObject } from 'src/components';
+import { Button, EmptyState, Icons } from '@superset-ui/core/components';
+import { type DatabaseObject } from 'src/components';
 import { t, styled, css } from '@superset-ui/core';
 import { TableSelectorMultiple } from 'src/components/TableSelector';
 import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
diff --git a/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/SqlEditorTabHeader.test.tsx b/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/SqlEditorTabHeader.test.tsx
index 3e10def3757..ae79d42ecb4 100644
--- a/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/SqlEditorTabHeader.test.tsx
+++ b/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/SqlEditorTabHeader.test.tsx
@@ -41,10 +41,10 @@ import {
 } from 'src/SqlLab/actions/sqlLab';
 import SqlEditorTabHeader from 'src/SqlLab/components/SqlEditorTabHeader';
 
-jest.mock('src/components/Select/Select', () => () => (
+jest.mock('@superset-ui/core/components/Select/Select', () => () => (
   <div data-test="mock-deprecated-select-select" />
 ));
-jest.mock('src/components/Select/AsyncSelect', () => () => (
+jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
   <div data-test="mock-async-select" />
 ));
 
diff --git a/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/index.tsx b/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/index.tsx
index 0f19e341e57..d99c2d95762 100644
--- a/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/index.tsx
+++ b/superset-frontend/src/SqlLab/components/SqlEditorTabHeader/index.tsx
@@ -20,8 +20,8 @@ import { useMemo, FC } from 'react';
 
 import { bindActionCreators } from 'redux';
 import { useSelector, useDispatch, shallowEqual } from 'react-redux';
-import { MenuDotsDropdown } from 'src/components';
-import { Menu } from 'src/components/Menu';
+import { MenuDotsDropdown } from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
 import {
   styled,
   css,
@@ -38,8 +38,8 @@ import {
   toggleLeftBar,
 } from 'src/SqlLab/actions/sqlLab';
 import { QueryEditor, SqlLabRootState } from 'src/SqlLab/types';
-import { Icons } from 'src/components/Icons';
-import type { IconType } from 'src/components/Icons/types';
+import { Icons } from '@superset-ui/core/components/Icons';
+import type { IconType } from '@superset-ui/core/components/Icons/types';
 
 const TabTitleWrapper = styled.div`
   display: flex;
diff --git a/superset-frontend/src/SqlLab/components/TabbedSqlEditors/index.tsx b/superset-frontend/src/SqlLab/components/TabbedSqlEditors/index.tsx
index 9cb78f7e0b2..414cff18645 100644
--- a/superset-frontend/src/SqlLab/components/TabbedSqlEditors/index.tsx
+++ b/superset-frontend/src/SqlLab/components/TabbedSqlEditors/index.tsx
@@ -18,7 +18,7 @@
  */
 import { PureComponent } from 'react';
 import { pick } from 'lodash';
-import { EditableTabs } from 'src/components/Tabs';
+import { EditableTabs } from '@superset-ui/core/components/Tabs';
 import { connect } from 'react-redux';
 import URI from 'urijs';
 import type { QueryEditor, SqlLabRootState } from 'src/SqlLab/types';
@@ -30,13 +30,13 @@ import {
   css,
 } from '@superset-ui/core';
 import { Logger } from 'src/logger/LogUtils';
-import { EmptyState, Tooltip } from 'src/components';
+import { EmptyState, Tooltip } from '@superset-ui/core/components';
 import { detectOS } from 'src/utils/common';
 import * as Actions from 'src/SqlLab/actions/sqlLab';
 import getBootstrapData from 'src/utils/getBootstrapData';
 import { locationContext } from 'src/pages/SqlLab/LocationContext';
 import { navigateWithState } from 'src/utils/navigationUtils';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import SqlEditor from '../SqlEditor';
 import SqlEditorTabHeader from '../SqlEditorTabHeader';
 
diff --git a/superset-frontend/src/SqlLab/components/TableElement/TableElement.test.tsx b/superset-frontend/src/SqlLab/components/TableElement/TableElement.test.tsx
index 1e34738cf67..96f68b6666a 100644
--- a/superset-frontend/src/SqlLab/components/TableElement/TableElement.test.tsx
+++ b/superset-frontend/src/SqlLab/components/TableElement/TableElement.test.tsx
@@ -30,10 +30,10 @@ jest.mock('@superset-ui/core', () => ({
 
 const mockedIsFeatureEnabled = isFeatureEnabled as jest.Mock;
 
-jest.mock('src/components/Loading', () => ({
+jest.mock('@superset-ui/core/components/Loading', () => ({
   Loading: () => <div data-test="mock-loading" />,
 }));
-jest.mock('src/components/IconTooltip', () => ({
+jest.mock('@superset-ui/core/components/IconTooltip', () => ({
   IconTooltip: ({
     onClick,
     tooltip,
diff --git a/superset-frontend/src/SqlLab/components/TableElement/index.tsx b/superset-frontend/src/SqlLab/components/TableElement/index.tsx
index 0deda9875bf..e15f4ccacad 100644
--- a/superset-frontend/src/SqlLab/components/TableElement/index.tsx
+++ b/superset-frontend/src/SqlLab/components/TableElement/index.tsx
@@ -26,12 +26,13 @@ import {
   Card,
   Collapse,
   Tooltip,
-  CopyToClipboard,
   Flex,
   IconTooltip,
   Loading,
+  ModalTrigger,
   type CollapseProps,
-} from 'src/components';
+} from '@superset-ui/core/components';
+import { CopyToClipboard } from 'src/components';
 import { t, styled, useTheme } from '@superset-ui/core';
 import { debounce } from 'lodash';
 
@@ -46,11 +47,10 @@ import {
   useTableExtendedMetadataQuery,
   useTableMetadataQuery,
 } from 'src/hooks/apiResources';
-import ModalTrigger from 'src/components/ModalTrigger';
 import useEffectEvent from 'src/hooks/useEffectEvent';
 import { ActionType } from 'src/types/Action';
-import { Icons } from 'src/components/Icons';
-import { Space } from 'src/components/Space';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Space } from '@superset-ui/core/components/Space';
 import ColumnElement, { ColumnKeyTypeType } from '../ColumnElement';
 import ShowSQL from '../ShowSQL';
 
diff --git a/superset-frontend/src/SqlLab/components/TablePreview/TablePreview.test.tsx b/superset-frontend/src/SqlLab/components/TablePreview/TablePreview.test.tsx
index 5c92308d36f..5f3a7f23c3c 100644
--- a/superset-frontend/src/SqlLab/components/TablePreview/TablePreview.test.tsx
+++ b/superset-frontend/src/SqlLab/components/TablePreview/TablePreview.test.tsx
@@ -45,7 +45,7 @@ jest.mock(
     ({ children }: { children: (params: { height: number }) => ReactChild }) =>
       children({ height: 500 }),
 );
-jest.mock('src/components/IconTooltip', () => ({
+jest.mock('@superset-ui/core/components/IconTooltip', () => ({
   IconTooltip: ({
     onClick,
     tooltip,
diff --git a/superset-frontend/src/SqlLab/components/TablePreview/index.tsx b/superset-frontend/src/SqlLab/components/TablePreview/index.tsx
index d0364fcde52..2b409a8fcf3 100644
--- a/superset-frontend/src/SqlLab/components/TablePreview/index.tsx
+++ b/superset-frontend/src/SqlLab/components/TablePreview/index.tsx
@@ -25,24 +25,23 @@ import {
   ClientErrorObject,
   css,
   getExtensionsRegistry,
-  SafeMarkdown,
   styled,
   t,
 } from '@superset-ui/core';
-import AutoSizer from 'react-virtualized-auto-sizer';
-import { Icons } from 'src/components/Icons';
-import type { SqlLabRootState } from 'src/SqlLab/types';
 import {
+  SafeMarkdown,
   Alert,
   Breadcrumb,
   Button,
   Card,
-  CopyToClipboard,
   Dropdown,
-  FilterableTable,
   Skeleton,
-} from 'src/components';
-import Tabs from 'src/components/Tabs';
+} from '@superset-ui/core/components';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { Icons } from '@superset-ui/core/components/Icons';
+import type { SqlLabRootState } from 'src/SqlLab/types';
+import { CopyToClipboard, FilterableTable } from 'src/components';
+import Tabs from '@superset-ui/core/components/Tabs';
 import {
   tableApiUtil,
   TableMetaData,
@@ -50,7 +49,7 @@ import {
   useTableMetadataQuery,
 } from 'src/hooks/apiResources';
 import { runTablePreviewQuery } from 'src/SqlLab/actions/sqlLab';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import ResultSet from '../ResultSet';
 import ShowSQL from '../ShowSQL';
 
diff --git a/superset-frontend/src/SqlLab/components/TemplateParamsEditor/TemplateParamsEditor.test.tsx b/superset-frontend/src/SqlLab/components/TemplateParamsEditor/TemplateParamsEditor.test.tsx
index cdafc5ba177..acada8b861c 100644
--- a/superset-frontend/src/SqlLab/components/TemplateParamsEditor/TemplateParamsEditor.test.tsx
+++ b/superset-frontend/src/SqlLab/components/TemplateParamsEditor/TemplateParamsEditor.test.tsx
@@ -32,13 +32,13 @@ import TemplateParamsEditor, {
   TemplateParamsEditorProps,
 } from 'src/SqlLab/components/TemplateParamsEditor';
 
-jest.mock('src/components/Select/Select', () => () => (
+jest.mock('@superset-ui/core/components/Select/Select', () => () => (
   <div data-test="mock-deprecated-select-select" />
 ));
-jest.mock('src/components/Select/AsyncSelect', () => () => (
+jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
   <div data-test="mock-async-select" />
 ));
-jest.mock('src/components/AsyncAceEditor', () => ({
+jest.mock('@superset-ui/core/components/AsyncAceEditor', () => ({
   ConfigEditor: ({ value }: { value: string }) => (
     <div data-test="mock-async-ace-editor">{value}</div>
   ),
diff --git a/superset-frontend/src/SqlLab/components/TemplateParamsEditor/index.tsx b/superset-frontend/src/SqlLab/components/TemplateParamsEditor/index.tsx
index 2f8019f4d17..e10e0c78e40 100644
--- a/superset-frontend/src/SqlLab/components/TemplateParamsEditor/index.tsx
+++ b/superset-frontend/src/SqlLab/components/TemplateParamsEditor/index.tsx
@@ -18,11 +18,15 @@
  */
 import { useState, useEffect } from 'react';
 import { t, styled } from '@superset-ui/core';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
 import { debounce } from 'lodash';
-import { Badge, ConfigEditor, Tooltip } from 'src/components';
-import ModalTrigger from 'src/components/ModalTrigger';
-import { FAST_DEBOUNCE } from 'src/constants';
+import {
+  Badge,
+  ConfigEditor,
+  InfoTooltip,
+  ModalTrigger,
+  Tooltip,
+  Constants,
+} from '@superset-ui/core/components';
 import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
 
 const StyledConfigEditor = styled(ConfigEditor)`
@@ -80,7 +84,7 @@ const TemplateParamsEditor = ({
         mode={language}
         minLines={25}
         maxLines={50}
-        onChange={debounce(onChange, FAST_DEBOUNCE)}
+        onChange={debounce(onChange, Constants.FAST_DEBOUNCE)}
         width="100%"
         editorProps={{ $blockScrolling: true }}
         enableLiveAutocompletion
@@ -105,7 +109,7 @@ const TemplateParamsEditor = ({
             {t('Parameters ')}
             <Badge count={paramCount} />
             {!isValid && (
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 type="error"
                 tooltip={t('Invalid JSON')}
                 label="invalid-json"
diff --git a/superset-frontend/src/SqlLab/constants.ts b/superset-frontend/src/SqlLab/constants.ts
index 07d9dbaae88..a2f19c96055 100644
--- a/superset-frontend/src/SqlLab/constants.ts
+++ b/superset-frontend/src/SqlLab/constants.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { t } from '@superset-ui/core';
-import type { LabelType } from 'src/components';
+import type { LabelType } from '@superset-ui/core/components';
 
 export const STATE_TYPE_MAP: Record<string, LabelType> = {
   offline: 'error',
diff --git a/superset-frontend/src/SqlLab/reducers/sqlLab.js b/superset-frontend/src/SqlLab/reducers/sqlLab.js
index e0bc4307dcc..c77f708653f 100644
--- a/superset-frontend/src/SqlLab/reducers/sqlLab.js
+++ b/superset-frontend/src/SqlLab/reducers/sqlLab.js
@@ -19,8 +19,8 @@
 import { normalizeTimestamp, QueryState, t } from '@superset-ui/core';
 import { isEqual, omit } from 'lodash';
 import { shallowEqual } from 'react-redux';
+import { now } from '@superset-ui/core/utils/dates';
 import * as actions from '../actions/sqlLab';
-import { now } from '../../utils/dates';
 import {
   addToObject,
   alterInObject,
diff --git a/superset-frontend/src/SqlLab/types.ts b/superset-frontend/src/SqlLab/types.ts
index 6438db4e562..cc5a4469bea 100644
--- a/superset-frontend/src/SqlLab/types.ts
+++ b/superset-frontend/src/SqlLab/types.ts
@@ -22,7 +22,10 @@ import {
   UserWithPermissionsAndRoles,
 } from 'src/types/bootstrapTypes';
 import { ToastType } from 'src/components/MessageToasts/types';
-import type { ButtonProps, DropdownButtonProps } from 'src/components';
+import type {
+  ButtonProps,
+  DropdownButtonProps,
+} from '@superset-ui/core/components';
 import type { TableMetaData } from 'src/hooks/apiResources';
 
 export type QueryButtonProps = DropdownButtonProps | ButtonProps;
diff --git a/superset-frontend/src/assets/branding/.!4592!superset-logo-horiz-apache-dark.png b/superset-frontend/src/assets/branding/.!4592!superset-logo-horiz-apache-dark.png
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/superset-frontend/src/assets/branding/.!4862!superset-logo-horiz-apache-dark.png b/superset-frontend/src/assets/branding/.!4862!superset-logo-horiz-apache-dark.png
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/superset-frontend/src/assets/branding/.!4993!superset-logo-horiz-apache-dark.png b/superset-frontend/src/assets/branding/.!4993!superset-logo-horiz-apache-dark.png
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/superset-frontend/src/components/AlteredSliceTag/index.tsx b/superset-frontend/src/components/AlteredSliceTag/index.tsx
index be63b84eddb..43fd0d7a4f9 100644
--- a/superset-frontend/src/components/AlteredSliceTag/index.tsx
+++ b/superset-frontend/src/components/AlteredSliceTag/index.tsx
@@ -23,11 +23,13 @@ import { t } from '@superset-ui/core';
 import { sanitizeFormData } from 'src/explore/exploreUtils/formData';
 import getControlsForVizType from 'src/utils/getControlsForVizType';
 import { safeStringify } from 'src/utils/safeStringify';
-import { Icons } from 'src/components/Icons';
-import { Label } from '../Label';
-import { Tooltip } from '../Tooltip';
-import ModalTrigger from '../ModalTrigger';
-import TableView from '../TableView';
+import {
+  Label,
+  Icons,
+  Tooltip,
+  ModalTrigger,
+  TableView,
+} from '@superset-ui/core/components';
 import type {
   AlteredSliceTagProps,
   ControlMap,
diff --git a/superset-frontend/src/components/AuditInfo/ModifiedInfo.test.tsx b/superset-frontend/src/components/AuditInfo/ModifiedInfo.test.tsx
index 11f9e95ca2e..177772b4df6 100644
--- a/superset-frontend/src/components/AuditInfo/ModifiedInfo.test.tsx
+++ b/superset-frontend/src/components/AuditInfo/ModifiedInfo.test.tsx
@@ -39,7 +39,7 @@ test('should render a tooltip when user is provided', async () => {
   expect(dateElement).toBeInTheDocument();
   expect(screen.getByText(TEST_DATE)).toBeInTheDocument();
   expect(screen.queryByText('Modified by: Foo Bar')).not.toBeInTheDocument();
-  userEvent.hover(dateElement);
+  await userEvent.hover(dateElement);
   const tooltip = await screen.findByRole('tooltip');
   expect(tooltip).toBeInTheDocument();
   expect(screen.getByText('Modified by: Foo Bar')).toBeInTheDocument();
@@ -51,7 +51,7 @@ test('should render only the date if username is not provided', async () => {
   const dateElement = screen.getByTestId('audit-info-date');
   expect(dateElement).toBeInTheDocument();
   expect(screen.getByText(TEST_DATE)).toBeInTheDocument();
-  userEvent.hover(dateElement);
+  await userEvent.hover(dateElement);
   await waitFor(
     () => {
       const tooltip = screen.queryByRole('tooltip');
diff --git a/superset-frontend/src/components/AuditInfo/index.tsx b/superset-frontend/src/components/AuditInfo/index.tsx
index 75aaa5d3936..2bb34906e23 100644
--- a/superset-frontend/src/components/AuditInfo/index.tsx
+++ b/superset-frontend/src/components/AuditInfo/index.tsx
@@ -18,7 +18,7 @@
  */
 import getOwnerName from 'src/utils/getOwnerName';
 import { t } from '@superset-ui/core';
-import { Tooltip } from '../Tooltip';
+import { Tooltip } from '@superset-ui/core/components';
 import type { ModifiedInfoProps } from './types';
 
 export const ModifiedInfo = ({ user, date }: ModifiedInfoProps) => {
diff --git a/superset-frontend/src/components/Chart/Chart.tsx b/superset-frontend/src/components/Chart/Chart.tsx
index c7264a449f5..c4d89b5eb13 100644
--- a/superset-frontend/src/components/Chart/Chart.tsx
+++ b/superset-frontend/src/components/Chart/Chart.tsx
@@ -30,7 +30,8 @@ import {
   ChartDataResponse,
 } from '@superset-ui/core';
 import { PLACEHOLDER_DATASOURCE } from 'src/dashboard/constants';
-import { EmptyState, ErrorBoundary, Loading } from 'src/components';
+import { EmptyState, Loading } from '@superset-ui/core/components';
+import { ErrorBoundary } from 'src/components';
 import { Logger, LOG_ACTIONS_RENDER_CHART } from 'src/logger/LogUtils';
 import { URL_PARAMS } from 'src/constants';
 import { getUrlParam } from 'src/utils/urlUtils';
diff --git a/superset-frontend/src/components/Chart/ChartContextMenu/ChartContextMenu.tsx b/superset-frontend/src/components/Chart/ChartContextMenu/ChartContextMenu.tsx
index a1e08b3af17..5095da6c9c1 100644
--- a/superset-frontend/src/components/Chart/ChartContextMenu/ChartContextMenu.tsx
+++ b/superset-frontend/src/components/Chart/ChartContextMenu/ChartContextMenu.tsx
@@ -41,9 +41,9 @@ import {
   useTheme,
 } from '@superset-ui/core';
 import { RootState } from 'src/dashboard/types';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { usePermissions } from 'src/hooks/usePermissions';
-import { Dropdown } from 'src/components';
+import { Dropdown } from '@superset-ui/core/components';
 import { updateDataMask } from 'src/dataMask/actions';
 import DrillByModal from 'src/components/Chart/DrillBy/DrillByModal';
 import { useVerboseMap } from 'src/hooks/apiResources/datasets';
diff --git a/superset-frontend/src/components/Chart/ChartErrorMessage.test.tsx b/superset-frontend/src/components/Chart/ChartErrorMessage.test.tsx
index 98c099d3266..40ce7a86527 100644
--- a/superset-frontend/src/components/Chart/ChartErrorMessage.test.tsx
+++ b/superset-frontend/src/components/Chart/ChartErrorMessage.test.tsx
@@ -23,7 +23,7 @@ import { useChartOwnerNames } from 'src/hooks/apiResources';
 import { ResourceStatus } from 'src/hooks/apiResources/apiResources';
 import { ErrorType } from '@superset-ui/core';
 import type { ErrorMessageComponentProps } from 'src/components/ErrorMessage/types';
-import { getErrorMessageComponentRegistry } from 'src/components';
+import { getErrorMessageComponentRegistry } from 'src/components/ErrorMessage';
 import { ChartErrorMessage } from './ChartErrorMessage';
 
 // Mock the useChartOwnerNames hook
diff --git a/superset-frontend/src/components/Chart/ChartRenderer.jsx b/superset-frontend/src/components/Chart/ChartRenderer.jsx
index 9ac9029c9cf..4100e9b9aca 100644
--- a/superset-frontend/src/components/Chart/ChartRenderer.jsx
+++ b/superset-frontend/src/components/Chart/ChartRenderer.jsx
@@ -30,7 +30,7 @@ import {
   FeatureFlag,
 } from '@superset-ui/core';
 import { Logger, LOG_ACTIONS_RENDER_CHART } from 'src/logger/LogUtils';
-import { EmptyState } from 'src/components';
+import { EmptyState } from '@superset-ui/core/components';
 import { ChartSource } from 'src/types/ChartSource';
 import ChartContextMenu from './ChartContextMenu/ChartContextMenu';
 
diff --git a/superset-frontend/src/components/Chart/DisabledMenuItemTooltip.tsx b/superset-frontend/src/components/Chart/DisabledMenuItemTooltip.tsx
index fdaa296f4df..b74ccb7e172 100644
--- a/superset-frontend/src/components/Chart/DisabledMenuItemTooltip.tsx
+++ b/superset-frontend/src/components/Chart/DisabledMenuItemTooltip.tsx
@@ -19,8 +19,8 @@
 
 import { ReactNode } from 'react';
 import { css, SupersetTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Tooltip } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Tooltip } from '@superset-ui/core/components';
 
 export const MenuItemTooltip = ({
   title,
diff --git a/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.test.tsx b/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.test.tsx
index ad3da909b2f..fd838f0108c 100644
--- a/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.test.tsx
+++ b/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.test.tsx
@@ -30,7 +30,7 @@ import {
   waitFor,
 } from 'spec/helpers/testing-library';
 import chartQueries, { sliceId } from 'spec/fixtures/mockChartQueries';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { supersetGetCache } from 'src/utils/cachedSupersetGet';
 import { DrillByMenuItems, DrillByMenuItemsProps } from './DrillByMenuItems';
 
diff --git a/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.tsx b/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.tsx
index f2bf2128435..c0ffc795e26 100644
--- a/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.tsx
+++ b/superset-frontend/src/components/Chart/DrillBy/DrillByMenuItems.tsx
@@ -26,13 +26,12 @@ import {
   useRef,
   useState,
 } from 'react';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import {
   BaseFormData,
   Behavior,
   Column,
   ContextMenuFilters,
-  FAST_DEBOUNCE,
   JsonResponse,
   css,
   ensureIsArray,
@@ -42,12 +41,12 @@ import {
   t,
   useTheme,
 } from '@superset-ui/core';
+import { Constants, Input, Loading } from '@superset-ui/core/components';
 import rison from 'rison';
 import { debounce } from 'lodash';
 import { FixedSizeList as List } from 'react-window';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
-import { Input, Loading } from 'src/components';
 import {
   cachedSupersetGet,
   supersetGetCache,
@@ -203,7 +202,7 @@ export const DrillByMenuItems = ({
     () =>
       debounce((value: string) => {
         setDebouncedSearchInput(value);
-      }, FAST_DEBOUNCE),
+      }, Constants.FAST_DEBOUNCE),
     [],
   );
 
diff --git a/superset-frontend/src/components/Chart/DrillBy/DrillByModal.tsx b/superset-frontend/src/components/Chart/DrillBy/DrillByModal.tsx
index 305e8a0b710..f990ec3529b 100644
--- a/superset-frontend/src/components/Chart/DrillBy/DrillByModal.tsx
+++ b/superset-frontend/src/components/Chart/DrillBy/DrillByModal.tsx
@@ -40,7 +40,7 @@ import {
   Loading,
   Breadcrumb,
   Flex,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import { RootState } from 'src/dashboard/types';
 import { DashboardPageIdContext } from 'src/dashboard/containers/DashboardPage';
 import { postFormData } from 'src/explore/exploreUtils/formData';
diff --git a/superset-frontend/src/components/Chart/DrillBy/useDisplayModeToggle.tsx b/superset-frontend/src/components/Chart/DrillBy/useDisplayModeToggle.tsx
index addd4fd1c58..e8fb13e0163 100644
--- a/superset-frontend/src/components/Chart/DrillBy/useDisplayModeToggle.tsx
+++ b/superset-frontend/src/components/Chart/DrillBy/useDisplayModeToggle.tsx
@@ -19,7 +19,7 @@
 
 import { useMemo, useState } from 'react';
 import { css, SupersetTheme, t } from '@superset-ui/core';
-import { Radio } from 'src/components/Radio';
+import { Radio } from '@superset-ui/core/components/Radio';
 import { DrillByType } from '../types';
 
 export const useDisplayModeToggle = () => {
diff --git a/superset-frontend/src/components/Chart/DrillBy/useResultsTableView.tsx b/superset-frontend/src/components/Chart/DrillBy/useResultsTableView.tsx
index 8635c8981b1..bda96d35aa8 100644
--- a/superset-frontend/src/components/Chart/DrillBy/useResultsTableView.tsx
+++ b/superset-frontend/src/components/Chart/DrillBy/useResultsTableView.tsx
@@ -18,7 +18,7 @@
  */
 import { css, styled, isDefined, QueryData, t } from '@superset-ui/core';
 import { SingleQueryResultPane } from 'src/explore/components/DataTablesPane/components/SingleQueryResultPane';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 
 const DATA_SIZE = 15;
 
diff --git a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.test.tsx b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.test.tsx
index 31f8f14803e..db5cd63b986 100644
--- a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.test.tsx
+++ b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.test.tsx
@@ -28,7 +28,7 @@ import setupPlugins from 'src/setup/setupPlugins';
 import { getMockStoreWithNativeFilters } from 'spec/fixtures/mockStore';
 import chartQueries, { sliceId } from 'spec/fixtures/mockChartQueries';
 import { BinaryQueryObjectFilterClause, VizType } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import DrillDetailMenuItems, {
   DrillDetailMenuItemsProps,
 } from './DrillDetailMenuItems';
diff --git a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.tsx b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.tsx
index 1059fc89517..6fef045ceaa 100644
--- a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.tsx
+++ b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailMenuItems.tsx
@@ -37,7 +37,7 @@ import {
   t,
 } from '@superset-ui/core';
 import { useSelector } from 'react-redux';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { RootState } from 'src/dashboard/types';
 import { getSubmenuYOffset } from '../utils';
 import { MenuItemTooltip } from '../DisabledMenuItemTooltip';
diff --git a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailModal.tsx b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailModal.tsx
index a826216ac06..915e968609c 100644
--- a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailModal.tsx
+++ b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailModal.tsx
@@ -26,7 +26,7 @@ import {
   t,
   useTheme,
 } from '@superset-ui/core';
-import { Button, Modal } from 'src/components';
+import { Button, Modal } from '@superset-ui/core/components';
 import { useSelector } from 'react-redux';
 import { DashboardPageIdContext } from 'src/dashboard/containers/DashboardPage';
 import { Slice } from 'src/types/Chart';
diff --git a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailPane.tsx b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailPane.tsx
index 191423f805f..62b82f03e27 100644
--- a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailPane.tsx
+++ b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailPane.tsx
@@ -37,13 +37,16 @@ import {
   useTheme,
 } from '@superset-ui/core';
 import { useResizeDetector } from 'react-resize-detector';
-import BooleanCell from 'src/components/Table/cell-renderers/BooleanCell';
-import NullCell from 'src/components/Table/cell-renderers/NullCell';
-import TimeCell from 'src/components/Table/cell-renderers/TimeCell';
-import { EmptyState, Loading } from 'src/components';
+import BooleanCell from '@superset-ui/core/components/Table/cell-renderers/BooleanCell';
+import NullCell from '@superset-ui/core/components/Table/cell-renderers/NullCell';
+import TimeCell from '@superset-ui/core/components/Table/cell-renderers/TimeCell';
+import { EmptyState, Loading } from '@superset-ui/core/components';
 import { getDatasourceSamples } from 'src/components/Chart/chartAction';
-import Table, { ColumnsType, TableSize } from 'src/components/Table';
-import HeaderWithRadioGroup from 'src/components/Table/header-renderers/HeaderWithRadioGroup';
+import Table, {
+  ColumnsType,
+  TableSize,
+} from '@superset-ui/core/components/Table';
+import HeaderWithRadioGroup from '@superset-ui/core/components/Table/header-renderers/HeaderWithRadioGroup';
 import { ResourceStatus } from 'src/hooks/apiResources/apiResources';
 import { useDatasetMetadataBar } from 'src/features/datasets/metadataBar/useDatasetMetadataBar';
 import TableControls from './DrillDetailTableControls';
diff --git a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailTableControls.tsx b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailTableControls.tsx
index eecf312e14f..27f3fee8e01 100644
--- a/superset-frontend/src/components/Chart/DrillDetail/DrillDetailTableControls.tsx
+++ b/superset-frontend/src/components/Chart/DrillDetail/DrillDetailTableControls.tsx
@@ -27,7 +27,7 @@ import {
   useTheme,
 } from '@superset-ui/core';
 import RowCountLabel from 'src/explore/components/RowCountLabel';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 export type TableControlsProps = {
   filters: BinaryQueryObjectFilterClause[];
diff --git a/superset-frontend/src/components/Chart/MenuItemWithTruncation.tsx b/superset-frontend/src/components/Chart/MenuItemWithTruncation.tsx
index 29102cbe050..89e246ed1b5 100644
--- a/superset-frontend/src/components/Chart/MenuItemWithTruncation.tsx
+++ b/superset-frontend/src/components/Chart/MenuItemWithTruncation.tsx
@@ -19,8 +19,8 @@
 
 import { ReactNode, CSSProperties } from 'react';
 import { css, truncationCSS, useCSSTextTruncation } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
-import { Tooltip } from 'src/components';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Tooltip } from '@superset-ui/core/components';
 import { MenuItemProps } from 'antd';
 
 export type MenuItemWithTruncationProps = {
diff --git a/superset-frontend/src/components/Chart/chartAction.js b/superset-frontend/src/components/Chart/chartAction.js
index a12ae44e2b1..575402b525f 100644
--- a/superset-frontend/src/components/Chart/chartAction.js
+++ b/superset-frontend/src/components/Chart/chartAction.js
@@ -43,7 +43,7 @@ import { updateDataMask } from 'src/dataMask/actions';
 import { waitForAsyncData } from 'src/middleware/asyncEvent';
 import { ensureAppRoot } from 'src/utils/pathUtils';
 import { safeStringify } from 'src/utils/safeStringify';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 
 export const CHART_UPDATE_STARTED = 'CHART_UPDATE_STARTED';
 export function chartUpdateStarted(queryController, latestQueryFormData, key) {
diff --git a/superset-frontend/src/components/Chart/chartReducer.ts b/superset-frontend/src/components/Chart/chartReducer.ts
index 997c5bf7b7c..081bd415472 100644
--- a/superset-frontend/src/components/Chart/chartReducer.ts
+++ b/superset-frontend/src/components/Chart/chartReducer.ts
@@ -24,7 +24,7 @@ import { DatasourcesAction } from 'src/dashboard/actions/datasources';
 import { ChartState } from 'src/explore/types';
 import { getFormDataFromControls } from 'src/explore/controlUtils';
 import { HYDRATE_EXPLORE } from 'src/explore/actions/hydrateExplore';
-import { now } from 'src/utils/dates';
+import { now } from '@superset-ui/core/utils/dates';
 import * as actions from './chartAction';
 
 export const chart: ChartState = {
diff --git a/superset-frontend/src/components/CopyToClipboard/CopyToClipboard.stories.tsx b/superset-frontend/src/components/CopyToClipboard/CopyToClipboard.stories.tsx
index c725ce032df..64ea320157a 100644
--- a/superset-frontend/src/components/CopyToClipboard/CopyToClipboard.stories.tsx
+++ b/superset-frontend/src/components/CopyToClipboard/CopyToClipboard.stories.tsx
@@ -16,9 +16,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import ToastContainer from 'src/components/MessageToasts/ToastContainer';
-import { Button } from '../Button';
+import { Button } from '@superset-ui/core/components';
 import { CopyToClipboard } from '.';
 
 export default {
diff --git a/superset-frontend/src/components/CopyToClipboard/index.tsx b/superset-frontend/src/components/CopyToClipboard/index.tsx
index 019bdc3b0b6..92263d261f7 100644
--- a/superset-frontend/src/components/CopyToClipboard/index.tsx
+++ b/superset-frontend/src/components/CopyToClipboard/index.tsx
@@ -19,8 +19,8 @@
 import { Component, cloneElement, ReactElement } from 'react';
 import { t } from '@superset-ui/core';
 import copyTextToClipboard from 'src/utils/copy';
+import { Tooltip } from '@superset-ui/core/components';
 import withToasts from '../MessageToasts/withToasts';
-import { Tooltip } from '../Tooltip';
 import type { CopyToClipboardProps } from './types';
 
 const defaultProps: Partial<CopyToClipboardProps> = {
diff --git a/superset-frontend/src/components/DatabaseSelector/DatabaseSelector.test.tsx b/superset-frontend/src/components/DatabaseSelector/DatabaseSelector.test.tsx
index 957d5c33f32..a409f3a4576 100644
--- a/superset-frontend/src/components/DatabaseSelector/DatabaseSelector.test.tsx
+++ b/superset-frontend/src/components/DatabaseSelector/DatabaseSelector.test.tsx
@@ -27,7 +27,7 @@ import {
   waitFor,
 } from 'spec/helpers/testing-library';
 import { api } from 'src/hooks/apiResources/queryApi';
-import { EmptyState } from '../EmptyState';
+import { EmptyState } from '@superset-ui/core/components';
 import { DatabaseSelector } from '.';
 import type { DatabaseSelectorProps } from './types';
 
@@ -215,7 +215,7 @@ test('Refresh should work', async () => {
     name: 'Select schema or type to search schemas',
   });
 
-  userEvent.click(select);
+  await userEvent.click(select);
 
   await waitFor(() => {
     expect(fetchMock.calls(databaseApiRoute).length).toBe(1);
@@ -226,7 +226,7 @@ test('Refresh should work', async () => {
   });
 
   // click schema reload
-  userEvent.click(screen.getByRole('button', { name: 'sync' }));
+  await userEvent.click(screen.getByRole('button', { name: 'sync' }));
 
   await waitFor(() => {
     expect(fetchMock.calls(databaseApiRoute).length).toBe(1);
@@ -244,7 +244,7 @@ test('Should database select display options', async () => {
     name: 'Select database or type to search databases',
   });
   expect(select).toBeInTheDocument();
-  userEvent.click(select);
+  await userEvent.click(select);
   expect(await screen.findByText('test-mysql')).toBeInTheDocument();
 });
 
@@ -261,7 +261,7 @@ test('should display options in order of the api response', async () => {
     name: 'Select database or type to search databases',
   });
   expect(select).toBeInTheDocument();
-  userEvent.click(select);
+  await userEvent.click(select);
   const options = await screen.findAllByRole('option');
 
   expect(options[0]).toHaveTextContent(
@@ -291,7 +291,7 @@ test('Should fetch the search keyword when total count exceeds initial options',
     expect(fetchMock.calls(databaseApiRoute)).toHaveLength(1),
   );
   expect(select).toBeInTheDocument();
-  userEvent.type(select, 'keywordtest');
+  await userEvent.type(select, 'keywordtest');
   await waitFor(() =>
     expect(fetchMock.calls(databaseApiRoute)).toHaveLength(2),
   );
@@ -315,7 +315,7 @@ test('should show empty state if there are no options', async () => {
   const select = screen.getByRole('combobox', {
     name: 'Select database or type to search databases',
   });
-  userEvent.click(select);
+  await userEvent.click(select);
   const emptystate = await screen.findByText('empty');
   expect(emptystate).toBeInTheDocument();
   expect(screen.queryByText('test-mysql')).not.toBeInTheDocument();
@@ -328,7 +328,7 @@ test('Should schema select display options', async () => {
     name: 'Select schema or type to search schemas',
   });
   expect(select).toBeInTheDocument();
-  userEvent.click(select);
+  await userEvent.click(select);
   await waitFor(() => {
     expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
   });
@@ -348,8 +348,8 @@ test('Sends the correct db when changing the database', async () => {
     name: 'Select database or type to search databases',
   });
   expect(select).toBeInTheDocument();
-  userEvent.click(select);
-  userEvent.click(await screen.findByText('test-mysql'));
+  await userEvent.click(select);
+  await userEvent.click(await screen.findByText('test-mysql'));
   await waitFor(() =>
     expect(props.onDbChange).toHaveBeenCalledWith(
       expect.objectContaining({
@@ -374,9 +374,9 @@ test('Sends the correct schema when changing the schema', async () => {
     name: 'Select schema or type to search schemas',
   });
   expect(select).toBeInTheDocument();
-  userEvent.click(select);
+  await userEvent.click(select);
   const schemaOption = await screen.findByText('information_schema');
-  userEvent.click(schemaOption);
+  await userEvent.click(schemaOption);
   await waitFor(() =>
     expect(props.onSchemaChange).toHaveBeenCalledWith('information_schema'),
   );
diff --git a/superset-frontend/src/components/DatabaseSelector/index.tsx b/superset-frontend/src/components/DatabaseSelector/index.tsx
index 1399b8e91a1..7f7eb792bdb 100644
--- a/superset-frontend/src/components/DatabaseSelector/index.tsx
+++ b/superset-frontend/src/components/DatabaseSelector/index.tsx
@@ -26,7 +26,7 @@ import {
 } from 'react';
 import { styled, SupersetClient, SupersetError, t } from '@superset-ui/core';
 import rison from 'rison';
-import RefreshLabel from 'src/components/RefreshLabel';
+import RefreshLabel from '@superset-ui/core/components/RefreshLabel';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import {
   useCatalogs,
@@ -34,12 +34,15 @@ import {
   useSchemas,
   SchemaOption,
 } from 'src/hooks/apiResources';
-import { Label } from '../Label';
-import { Select, AsyncSelect } from '../Select';
-import { FormLabel } from '../Form';
-import { ErrorMessageWithStackTrace } from '../ErrorMessage';
+import {
+  Select,
+  AsyncSelect,
+  Label,
+  FormLabel,
+  LabeledValue as AntdLabeledValue,
+} from '@superset-ui/core/components';
 
-import type { LabeledValue as AntdLabeledValue } from '../Select';
+import { ErrorMessageWithStackTrace } from 'src/components';
 import type {
   DatabaseSelectorProps,
   DatabaseValue,
diff --git a/superset-frontend/src/components/Datasource/ChangeDatasourceModal.tsx b/superset-frontend/src/components/Datasource/ChangeDatasourceModal.tsx
index 8331ede7feb..e0cafe52e80 100644
--- a/superset-frontend/src/components/Datasource/ChangeDatasourceModal.tsx
+++ b/superset-frontend/src/components/Datasource/ChangeDatasourceModal.tsx
@@ -31,24 +31,30 @@ import {
   styled,
   getClientErrorObject,
 } from '@superset-ui/core';
-import TableView, { EmptyWrapperType } from 'src/components/TableView';
-import { ServerPagination, SortByType } from 'src/components/TableView/types';
+import {
+  Alert,
+  Button,
+  Constants,
+  EmptyWrapperType,
+  Input,
+  Loading,
+  Modal,
+  TableView,
+} from '@superset-ui/core/components';
+import {
+  ServerPagination,
+  SortByType,
+} from '@superset-ui/core/components/TableView/types';
+import { FacePile } from 'src/components';
 import { useListViewResource } from 'src/views/CRUD/hooks';
 import Dataset from 'src/types/Dataset';
 import { useDebouncedEffect } from 'src/explore/exploreUtils';
-import { SLOW_DEBOUNCE } from 'src/constants';
 import {
   PAGE_SIZE as DATASET_PAGE_SIZE,
   SORT_BY as DATASET_SORT_BY,
 } from 'src/features/datasets/constants';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import { InputRef } from 'antd';
-import { Loading } from '../Loading';
-import { Input } from '../Input';
-import { FacePile } from '../FacePile';
-import { Button } from '../Button';
-import { Alert } from '../Alert';
-import { Modal } from '../Modal';
 import type { Datasource, ChangeDatasourceModalProps } from './types';
 
 const CONFIRM_WARNING_MESSAGE = t(
@@ -135,7 +141,7 @@ const ChangeDatasourceModal: FunctionComponent<ChangeDatasourceModalProps> = ({
         }),
       });
     },
-    SLOW_DEBOUNCE,
+    Constants.SLOW_DEBOUNCE,
     [filter, pageIndex, sortBy],
   );
 
diff --git a/superset-frontend/src/components/Datasource/CollectionTable.tsx b/superset-frontend/src/components/Datasource/CollectionTable.tsx
index 63bfb2ebf9d..adb135a0ab7 100644
--- a/superset-frontend/src/components/Datasource/CollectionTable.tsx
+++ b/superset-frontend/src/components/Datasource/CollectionTable.tsx
@@ -20,12 +20,17 @@ import { PureComponent, ReactNode } from 'react';
 
 import { nanoid } from 'nanoid';
 
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
 import { t, styled, css } from '@superset-ui/core';
 
-import { Icons } from 'src/components/Icons';
+import { Icons, Button, InfoTooltip } from '@superset-ui/core/components';
 import { FilterValue } from 'react-table';
-import { Button } from '../Button';
+import Table, {
+  type ColumnsType,
+  type SortOrder,
+  type SorterResult,
+  type TablePaginationConfig,
+  TableSize,
+} from '@superset-ui/core/components/Table';
 import Fieldset from './Fieldset';
 import { recurseReactClone } from './utils';
 import {
@@ -33,13 +38,6 @@ import {
   type CRUDCollectionState,
   type Sort,
 } from './types';
-import Table, {
-  type ColumnsType,
-  type SortOrder,
-  type SorterResult,
-  type TablePaginationConfig,
-  TableSize,
-} from '../Table';
 
 const CrudButtonWrapper = styled.div`
   text-align: right;
@@ -324,7 +322,7 @@ export default class CRUDCollection extends PureComponent<
             {tooltip && (
               <>
                 {' '}
-                <InfoTooltipWithTrigger
+                <InfoTooltip
                   label={t('description')}
                   tooltip={tooltip}
                   placement="top"
diff --git a/superset-frontend/src/components/Datasource/DatasourceEditor.jsx b/superset-frontend/src/components/Datasource/DatasourceEditor.jsx
index 092dee8a318..31b9aea2524 100644
--- a/superset-frontend/src/components/Datasource/DatasourceEditor.jsx
+++ b/superset-frontend/src/components/Datasource/DatasourceEditor.jsx
@@ -21,7 +21,7 @@ import { PureComponent, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { executeQuery, resetDatabaseState } from 'src/database/actions';
 import { connect } from 'react-redux';
-import { Radio } from 'src/components/Radio';
+import { Radio } from '@superset-ui/core/components/Radio';
 import {
   css,
   isFeatureEnabled,
@@ -36,8 +36,8 @@ import {
   getClientErrorObject,
   getExtensionsRegistry,
 } from '@superset-ui/core';
-import Tabs from 'src/components/Tabs';
-import WarningIconWithTooltip from 'src/components/WarningIconWithTooltip';
+import Tabs from '@superset-ui/core/components/Tabs';
+import WarningIconWithTooltip from '@superset-ui/core/components/WarningIconWithTooltip';
 import TableSelector from 'src/components/TableSelector';
 import CheckboxControl from 'src/explore/components/controls/CheckboxControl';
 import TextControl from 'src/explore/components/controls/TextControl';
@@ -45,26 +45,30 @@ import TextAreaControl from 'src/explore/components/controls/TextAreaControl';
 import SpatialControl from 'src/explore/components/controls/SpatialControl';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import CurrencyControl from 'src/explore/components/controls/CurrencyControl';
-import { Loading } from '../Loading';
-import { Alert } from '../Alert';
-import { Badge } from '../Badge';
-import { Card } from '../Card';
-import { Select, AsyncSelect } from '../Select';
-import { Button } from '../Button';
-import { CertifiedBadge } from '../CertifiedBadge';
+import {
+  Alert,
+  AsyncSelect,
+  Badge,
+  Button,
+  Card,
+  CertifiedBadge,
+  Col,
+  Divider,
+  EditableTitle,
+  FormLabel,
+  Icons,
+  Loading,
+  Row,
+  Select,
+  Typography,
+  Label,
+} from '@superset-ui/core/components';
+import { FilterableTable } from 'src/components';
 import { DatabaseSelector } from '../DatabaseSelector';
-import { EditableTitle } from '../EditableTitle';
-import { FormLabel } from '../Form';
-import { Row, Col } from '../Grid';
-import { Label } from '../Label';
-import { Icons } from '../Icons';
-import { Divider } from '../Divider';
 import CollectionTable from './CollectionTable';
 import Fieldset from './Fieldset';
 import Field from './Field';
 import { fetchSyncedColumns, updateColumns } from './utils';
-import { Typography } from '../Typography';
-import { FilterableTable } from '../FilterableTable';
 
 const extensionsRegistry = getExtensionsRegistry();
 
diff --git a/superset-frontend/src/components/Datasource/DatasourceEditor.test.jsx b/superset-frontend/src/components/Datasource/DatasourceEditor.test.jsx
index eaeb2bf282d..45dd02e3dbf 100644
--- a/superset-frontend/src/components/Datasource/DatasourceEditor.test.jsx
+++ b/superset-frontend/src/components/Datasource/DatasourceEditor.test.jsx
@@ -17,14 +17,17 @@
  * under the License.
  */
 import fetchMock from 'fetch-mock';
-import { render, screen, waitFor } from 'spec/helpers/testing-library';
-import userEvent from '@testing-library/user-event';
-import DatasourceEditor from 'src/components/Datasource/DatasourceEditor';
+import {
+  render,
+  screen,
+  waitFor,
+  userEvent,
+} from 'spec/helpers/testing-library';
 import mockDatasource from 'spec/fixtures/mockDatasource';
 import { isFeatureEnabled } from '@superset-ui/core';
+import DatasourceEditor from './DatasourceEditor';
 
 /* eslint-disable jest/no-export */
-
 jest.mock('@superset-ui/core', () => ({
   ...jest.requireActual('@superset-ui/core'),
   isFeatureEnabled: jest.fn(),
@@ -64,7 +67,7 @@ describe('DatasourceEditor', () => {
 
   afterEach(() => {
     fetchMock.restore();
-    jest.clearAllMocks();
+    // jest.clearAllMocks();
   });
 
   it('renders Tabs', () => {
@@ -73,7 +76,7 @@ describe('DatasourceEditor', () => {
 
   it('can sync columns from source', async () => {
     const columnsTab = screen.getByTestId('collection-tab-Columns');
-    userEvent.click(columnsTab);
+    await userEvent.click(columnsTab);
 
     const syncButton = screen.getByText(/sync columns from source/i);
     expect(syncButton).toBeInTheDocument();
@@ -90,7 +93,7 @@ describe('DatasourceEditor', () => {
       );
     });
 
-    userEvent.click(syncButton);
+    await userEvent.click(syncButton);
 
     // Wait for the fetch to be called
     const url = await fetchPromise;
@@ -100,12 +103,12 @@ describe('DatasourceEditor', () => {
   // to add, remove and modify columns accordingly
   it('can modify columns', async () => {
     const columnsTab = screen.getByTestId('collection-tab-Columns');
-    userEvent.click(columnsTab);
+    await userEvent.click(columnsTab);
 
     const getToggles = screen.getAllByRole('button', {
       name: /expand row/i,
     });
-    userEvent.click(getToggles[0]);
+    await userEvent.click(getToggles[0]);
 
     const getTextboxes = await screen.findAllByRole('textbox');
     expect(getTextboxes.length).toBeGreaterThanOrEqual(5);
@@ -118,22 +121,22 @@ describe('DatasourceEditor', () => {
       'Certification details',
     );
 
-    userEvent.type(inputLabel, 'test_label');
-    userEvent.type(inputDescription, 'test');
-    userEvent.type(inputDtmFormat, 'test');
-    userEvent.type(inputCertifiedBy, 'test');
-    userEvent.type(inputCertDetails, 'test');
+    await userEvent.type(inputLabel, 'test_label');
+    await userEvent.type(inputDescription, 'test');
+    await userEvent.type(inputDtmFormat, 'test');
+    await userEvent.type(inputCertifiedBy, 'test');
+    await userEvent.type(inputCertDetails, 'test');
   });
 
   it('can delete columns', async () => {
     const columnsTab = screen.getByTestId('collection-tab-Columns');
-    userEvent.click(columnsTab);
+    await userEvent.click(columnsTab);
 
     const getToggles = screen.getAllByRole('button', {
       name: /expand row/i,
     });
 
-    userEvent.click(getToggles[0]);
+    await userEvent.click(getToggles[0]);
 
     const deleteButtons = await screen.findAllByRole('button', {
       name: /delete item/i,
@@ -141,7 +144,7 @@ describe('DatasourceEditor', () => {
     const initialCount = deleteButtons.length;
     expect(initialCount).toBeGreaterThan(0);
 
-    userEvent.click(deleteButtons[0]);
+    await userEvent.click(deleteButtons[0]);
 
     await waitFor(() => {
       const countRows = screen.getAllByRole('button', { name: /delete item/i });
@@ -151,14 +154,14 @@ describe('DatasourceEditor', () => {
 
   it('can add new columns', async () => {
     const calcColsTab = screen.getByTestId('collection-tab-Calculated columns');
-    userEvent.click(calcColsTab);
+    await userEvent.click(calcColsTab);
 
     const addBtn = screen.getByRole('button', {
       name: /add item/i,
     });
     expect(addBtn).toBeInTheDocument();
 
-    userEvent.click(addBtn);
+    await userEvent.click(addBtn);
 
     // newColumn (Column name) is the first textbox in the tab
     await waitFor(() => {
@@ -167,11 +170,11 @@ describe('DatasourceEditor', () => {
     });
   });
 
-  it('renders isSqla fields', () => {
+  it('renders isSqla fields', async () => {
     const columnsTab = screen.getByRole('tab', {
       name: /settings/i,
     });
-    userEvent.click(columnsTab);
+    await userEvent.click(columnsTab);
 
     const extraField = screen.getAllByText(/extra/i);
     expect(extraField.length).toBeGreaterThan(0);
@@ -203,9 +206,9 @@ describe('DatasourceEditor Source Tab', () => {
     isFeatureEnabled.mockRestore();
   });
 
-  it('Source Tab: edit mode', () => {
+  it('Source Tab: edit mode', async () => {
     const getLockBtn = screen.getByRole('img', { name: /lock/i });
-    userEvent.click(getLockBtn);
+    await userEvent.click(getLockBtn);
 
     const physicalRadioBtn = screen.getByRole('radio', {
       name: /physical \(table or view\)/i,
diff --git a/superset-frontend/src/components/Datasource/DatasourceEditorCurrency.test.jsx b/superset-frontend/src/components/Datasource/DatasourceEditorCurrency.test.jsx
index 6ccf06c17a6..9fdff4fb3c0 100644
--- a/superset-frontend/src/components/Datasource/DatasourceEditorCurrency.test.jsx
+++ b/superset-frontend/src/components/Datasource/DatasourceEditorCurrency.test.jsx
@@ -19,7 +19,7 @@
 import fetchMock from 'fetch-mock';
 import { render, screen, waitFor } from 'spec/helpers/testing-library';
 import userEvent from '@testing-library/user-event';
-import DatasourceEditor from 'src/components/Datasource/DatasourceEditor';
+import DatasourceEditor from './DatasourceEditor';
 import { props, DATASOURCE_ENDPOINT } from './DatasourceEditor.test';
 
 // Optimized render function that doesn't use waitFor initially
diff --git a/superset-frontend/src/components/Datasource/DatasourceEditorRTL.test.jsx b/superset-frontend/src/components/Datasource/DatasourceEditorRTL.test.jsx
index 41f46110a7b..5a4b869e7a7 100644
--- a/superset-frontend/src/components/Datasource/DatasourceEditorRTL.test.jsx
+++ b/superset-frontend/src/components/Datasource/DatasourceEditorRTL.test.jsx
@@ -17,8 +17,7 @@
  * under the License.
  */
 import fetchMock from 'fetch-mock';
-import { screen, waitFor } from 'spec/helpers/testing-library';
-import userEvent from '@testing-library/user-event';
+import { screen, userEvent, waitFor } from 'spec/helpers/testing-library';
 import {
   props,
   asyncRender,
@@ -39,10 +38,10 @@ describe('DatasourceEditor RTL Metrics Tests', () => {
     await asyncRender(props);
 
     const metricButton = screen.getByTestId('collection-tab-Metrics');
-    userEvent.click(metricButton);
+    await userEvent.click(metricButton);
 
     const expandToggle = await screen.findAllByLabelText(/expand row/i);
-    userEvent.click(expandToggle[0]);
+    await userEvent.click(expandToggle[0]);
 
     const certificationDetails = await screen.findByPlaceholderText(
       /certification details/i,
@@ -57,15 +56,15 @@ describe('DatasourceEditor RTL Metrics Tests', () => {
     await asyncRender(props);
 
     const metricButton = screen.getByTestId('collection-tab-Metrics');
-    userEvent.click(metricButton);
+    await userEvent.click(metricButton);
 
     const expandToggle = await screen.findAllByLabelText(/expand row/i);
-    userEvent.click(expandToggle[1]);
+    await userEvent.click(expandToggle[1]);
 
     const certifiedBy = await screen.findByPlaceholderText(/certified by/i);
     // Use userEvent.clear and userEvent.type instead of directly setting value
-    userEvent.clear(certifiedBy);
-    userEvent.type(certifiedBy, 'I am typing a new name');
+    await userEvent.clear(certifiedBy);
+    await userEvent.type(certifiedBy, 'I am typing a new name');
 
     const certificationDetails = await screen.findByPlaceholderText(
       /certification details/i,
@@ -74,8 +73,8 @@ describe('DatasourceEditor RTL Metrics Tests', () => {
       expect(certifiedBy.value).toEqual('I am typing a new name');
     });
 
-    userEvent.clear(certificationDetails);
-    userEvent.type(certificationDetails, 'I am typing something new');
+    await userEvent.clear(certificationDetails);
+    await userEvent.type(certificationDetails, 'I am typing something new');
 
     await waitFor(() => {
       expect(certificationDetails.value).toEqual('I am typing something new');
@@ -97,7 +96,7 @@ describe('DatasourceEditor RTL Columns Tests', () => {
     await asyncRender(props);
 
     const columnsButton = screen.getByTestId('collection-tab-Columns');
-    userEvent.click(columnsButton);
+    await userEvent.click(columnsButton);
 
     const dsDefaultDatetimeRadio = screen.getByTestId('radio-default-dttm-ds');
     expect(dsDefaultDatetimeRadio).toBeChecked();
@@ -112,7 +111,7 @@ describe('DatasourceEditor RTL Columns Tests', () => {
     await asyncRender(props);
 
     const columnsButton = screen.getByTestId('collection-tab-Columns');
-    userEvent.click(columnsButton);
+    await userEvent.click(columnsButton);
 
     const dsDefaultDatetimeRadio = screen.getByTestId('radio-default-dttm-ds');
     expect(dsDefaultDatetimeRadio).toBeEnabled();
diff --git a/superset-frontend/src/components/Datasource/DatasourceModal.tsx b/superset-frontend/src/components/Datasource/DatasourceModal.tsx
index 02ec1fbc49d..b5db44b8b16 100644
--- a/superset-frontend/src/components/Datasource/DatasourceModal.tsx
+++ b/superset-frontend/src/components/Datasource/DatasourceModal.tsx
@@ -29,8 +29,15 @@ import {
   css,
 } from '@superset-ui/core';
 
-import { Icons } from 'src/components/Icons';
+import {
+  Icons,
+  Alert,
+  Button,
+  Modal,
+  AsyncEsmComponent,
+} from '@superset-ui/core/components';
 import withToasts from 'src/components/MessageToasts/withToasts';
+import { ErrorMessageWithStackTrace } from 'src/components';
 import {
   startMetaDataLoading,
   stopMetaDataLoading,
@@ -41,11 +48,6 @@ import {
   updateColumns,
 } from 'src/components/Datasource/utils';
 import type { DatasetObject } from 'src/features/datasets/types';
-import { ErrorMessageWithStackTrace } from '../ErrorMessage';
-import { AsyncEsmComponent } from '../AsyncEsmComponent';
-import { Button } from '../Button';
-import { Alert } from '../Alert';
-import { Modal } from '../Modal';
 import type { DatasourceModalProps } from './types';
 
 const DatasourceEditor = AsyncEsmComponent(() => import('./DatasourceEditor'));
diff --git a/superset-frontend/src/components/Datasource/Field.test.tsx b/superset-frontend/src/components/Datasource/Field.test.tsx
index f04af96c231..3f2d3ee8c98 100644
--- a/superset-frontend/src/components/Datasource/Field.test.tsx
+++ b/superset-frontend/src/components/Datasource/Field.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { fireEvent, render, screen } from 'spec/helpers/testing-library';
-import { Input } from '../Input';
+import { Input } from '@superset-ui/core/components';
 
 import Field from './Field';
 
diff --git a/superset-frontend/src/components/Datasource/Field.tsx b/superset-frontend/src/components/Datasource/Field.tsx
index a392dadd7c6..e228f378479 100644
--- a/superset-frontend/src/components/Datasource/Field.tsx
+++ b/superset-frontend/src/components/Datasource/Field.tsx
@@ -19,9 +19,12 @@
 import { useCallback, ReactNode, ReactElement, cloneElement } from 'react';
 
 import { css, SupersetTheme, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { FormItem, FormLabel } from '../Form';
-import { Tooltip } from '../Tooltip';
+import {
+  Icons,
+  Tooltip,
+  FormItem,
+  FormLabel,
+} from '@superset-ui/core/components';
 
 const formItemInlineCss = css`
   .ant-form-item-control-input-content {
diff --git a/superset-frontend/src/components/Datasource/Fieldset.tsx b/superset-frontend/src/components/Datasource/Fieldset.tsx
index 4ca185b1354..cf1efd4434d 100644
--- a/superset-frontend/src/components/Datasource/Fieldset.tsx
+++ b/superset-frontend/src/components/Datasource/Fieldset.tsx
@@ -17,11 +17,9 @@
  * under the License.
  */
 import { ReactNode, useCallback } from 'react';
-import { Divider } from '../Divider';
-import { Typography } from '../Typography';
+import { Divider, Form, Typography } from '@superset-ui/core/components';
 import { recurseReactClone } from './utils';
 import Field from './Field';
-import { Form } from '../Form';
 
 interface FieldsetProps {
   children: ReactNode;
diff --git a/superset-frontend/src/components/DropdownContainer/DropdownContainer.test.tsx b/superset-frontend/src/components/DropdownContainer/DropdownContainer.test.tsx
deleted file mode 100644
index 69dcba0f340..00000000000
--- a/superset-frontend/src/components/DropdownContainer/DropdownContainer.test.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { screen, render, userEvent } from 'spec/helpers/testing-library';
-import { Icons } from 'src/components/Icons';
-import { Button } from '../Button';
-import { DropdownContainer } from '.';
-
-const generateItems = (n: number) =>
-  Array.from({ length: n }).map((_, i) => ({
-    id: `el-${i + 1}`,
-    element: <Button>{`Element ${i + 1}`}</Button>,
-  }));
-
-const ITEMS = generateItems(10);
-
-const mockOverflowingIndex = async (
-  overflowingIndex: number,
-  func: Function,
-) => {
-  const spy = jest.spyOn(global.React, 'useState');
-  spy.mockImplementation(() => [overflowingIndex, jest.fn()]);
-  await func();
-  spy.mockRestore();
-};
-
-test('renders children', () => {
-  render(<DropdownContainer items={generateItems(3)} />);
-  expect(screen.getByText('Element 1')).toBeInTheDocument();
-  expect(screen.getByText('Element 2')).toBeInTheDocument();
-  expect(screen.getByText('Element 3')).toBeInTheDocument();
-});
-
-test('renders children with custom horizontal spacing', () => {
-  render(<DropdownContainer items={ITEMS} style={{ gap: 20 }} />);
-  expect(screen.getByTestId('container')).toHaveStyle('gap: 20px');
-});
-
-test('renders a dropdown trigger when overflowing', async () => {
-  await mockOverflowingIndex(3, () => {
-    render(<DropdownContainer items={ITEMS} />);
-    expect(screen.getByText('More')).toBeInTheDocument();
-  });
-});
-
-test('renders a dropdown trigger with custom icon', async () => {
-  await mockOverflowingIndex(3, async () => {
-    render(
-      <DropdownContainer
-        items={ITEMS}
-        dropdownTriggerIcon={<Icons.LinkOutlined />}
-      />,
-    );
-    expect(
-      await screen.findByRole('img', { name: 'link' }),
-    ).toBeInTheDocument();
-  });
-});
-
-test('renders a dropdown trigger with custom text', async () => {
-  await mockOverflowingIndex(3, () => {
-    const customText = 'Custom text';
-    render(
-      <DropdownContainer items={ITEMS} dropdownTriggerText={customText} />,
-    );
-    expect(screen.getByText(customText)).toBeInTheDocument();
-  });
-});
-
-test('renders a dropdown trigger with custom count', async () => {
-  await mockOverflowingIndex(3, () => {
-    const customCount = 99;
-    render(
-      <DropdownContainer items={ITEMS} dropdownTriggerCount={customCount} />,
-    );
-    expect(screen.getByTitle(customCount)).toBeInTheDocument();
-  });
-});
-
-test('does not render a dropdown button when not overflowing', () => {
-  render(<DropdownContainer items={generateItems(3)} />);
-  expect(screen.queryByText('More')).not.toBeInTheDocument();
-});
-
-test('renders a dropdown when overflowing', async () => {
-  await mockOverflowingIndex(3, () => {
-    render(<DropdownContainer items={ITEMS} />);
-    userEvent.click(screen.getByText('More'));
-    expect(screen.getByTestId('dropdown-content')).toBeInTheDocument();
-  });
-});
-
-test('renders children with custom vertical spacing', async () => {
-  await mockOverflowingIndex(3, () => {
-    render(<DropdownContainer items={ITEMS} dropdownStyle={{ gap: 20 }} />);
-    userEvent.click(screen.getByText('More'));
-    expect(screen.getByTestId('dropdown-content')).toHaveStyle('gap: 20px');
-  });
-});
-
-test('fires event when overflowing state changes', async () => {
-  await mockOverflowingIndex(3, () => {
-    const onOverflowingStateChange = jest.fn();
-    render(
-      <DropdownContainer
-        items={generateItems(5)}
-        onOverflowingStateChange={onOverflowingStateChange}
-      />,
-    );
-    expect(onOverflowingStateChange).toHaveBeenCalledWith({
-      notOverflowed: ['el-1', 'el-2', 'el-3'],
-      overflowed: ['el-4', 'el-5'],
-    });
-  });
-});
-
-test('renders a dropdown with custom content', async () => {
-  await mockOverflowingIndex(3, () => {
-    const customDropdownContent = <div>Custom content</div>;
-    render(
-      <DropdownContainer
-        items={ITEMS}
-        dropdownContent={() => customDropdownContent}
-      />,
-    );
-    userEvent.click(screen.getByText('More'));
-    expect(screen.getByText('Custom content')).toBeInTheDocument();
-  });
-});
-
-test('Shows tooltip on dropdown trigger hover', async () => {
-  await mockOverflowingIndex(3, async () => {
-    render(
-      <DropdownContainer
-        items={generateItems(5)}
-        dropdownTriggerTooltip="Test tooltip"
-      />,
-    );
-    userEvent.hover(screen.getByText('More'));
-    expect(await screen.findByText('Test tooltip')).toBeInTheDocument();
-  });
-});
diff --git a/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.test.tsx b/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.test.tsx
index 3b9f1a70490..17048e1e53a 100644
--- a/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.test.tsx
@@ -22,7 +22,7 @@ import { ErrorLevel, supersetTheme } from '@superset-ui/core';
 import { BasicErrorAlert } from './BasicErrorAlert';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.tsx b/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.tsx
index 27a90054b61..218fbfd43df 100644
--- a/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.tsx
+++ b/superset-frontend/src/components/ErrorMessage/BasicErrorAlert.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { ErrorLevel, styled, themeObject, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components';
 
 const StyledContent = styled.div`
   display: flex;
diff --git a/superset-frontend/src/components/ErrorMessage/DatabaseErrorMessage.test.tsx b/superset-frontend/src/components/ErrorMessage/DatabaseErrorMessage.test.tsx
index fd8ddee9e0c..41367081224 100644
--- a/superset-frontend/src/components/ErrorMessage/DatabaseErrorMessage.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/DatabaseErrorMessage.test.tsx
@@ -22,7 +22,7 @@ import { render, screen, userEvent } from 'spec/helpers/testing-library';
 import { DatabaseErrorMessage } from './DatabaseErrorMessage';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/components/ErrorMessage/DatasetNotFoundErrorMessage.test.tsx b/superset-frontend/src/components/ErrorMessage/DatasetNotFoundErrorMessage.test.tsx
index 76d5eefa416..cfe1b61a606 100644
--- a/superset-frontend/src/components/ErrorMessage/DatasetNotFoundErrorMessage.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/DatasetNotFoundErrorMessage.test.tsx
@@ -22,7 +22,7 @@ import { render, screen } from 'spec/helpers/testing-library';
 import { DatasetNotFoundErrorMessage } from './DatasetNotFoundErrorMessage';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/components/ErrorMessage/ErrorAlert.stories.tsx b/superset-frontend/src/components/ErrorMessage/ErrorAlert.stories.tsx
index e746afd747b..5ae44b2f738 100644
--- a/superset-frontend/src/components/ErrorMessage/ErrorAlert.stories.tsx
+++ b/superset-frontend/src/components/ErrorMessage/ErrorAlert.stories.tsx
@@ -17,9 +17,7 @@
  * under the License.
  */
 import { Meta, StoryFn } from '@storybook/react';
-import { Layout } from '../Layout';
-import { Card } from '../Card';
-import { Row, Col } from '../Grid';
+import { Card, Col, Layout, Row } from '@superset-ui/core/components';
 import { ErrorAlert } from './ErrorAlert';
 
 const { Content } = Layout;
diff --git a/superset-frontend/src/components/ErrorMessage/ErrorAlert.test.tsx b/superset-frontend/src/components/ErrorMessage/ErrorAlert.test.tsx
index b6f819f409d..2538b1e8008 100644
--- a/superset-frontend/src/components/ErrorMessage/ErrorAlert.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/ErrorAlert.test.tsx
@@ -17,8 +17,7 @@
  * under the License.
  */
 
-import { screen, fireEvent } from '@testing-library/react';
-import { render } from 'spec/helpers/testing-library';
+import { screen, fireEvent, render } from 'spec/helpers/testing-library';
 import { ErrorAlert } from './ErrorAlert';
 
 describe('ErrorAlert', () => {
diff --git a/superset-frontend/src/components/ErrorMessage/ErrorAlert.tsx b/superset-frontend/src/components/ErrorMessage/ErrorAlert.tsx
index 1bb843fbc90..1c503de955c 100644
--- a/superset-frontend/src/components/ErrorMessage/ErrorAlert.tsx
+++ b/superset-frontend/src/components/ErrorMessage/ErrorAlert.tsx
@@ -17,13 +17,15 @@
  * under the License.
  */
 import { useState } from 'react';
-import { Icons } from 'src/components/Icons';
 import { t, useTheme } from '@superset-ui/core';
-import { Tooltip } from '../Tooltip';
-import { Alert } from '../Alert';
-import { Modal } from '../Modal';
+import {
+  Alert,
+  Icons,
+  Modal,
+  Tooltip,
+  Typography,
+} from '@superset-ui/core/components';
 import type { ErrorAlertProps } from './types';
-import { Typography } from '../Typography';
 
 export const ErrorAlert: React.FC<ErrorAlertProps> = ({
   errorType = t('Error'),
diff --git a/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.test.tsx b/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.test.tsx
index b9003b5bfec..b27ff32d00a 100644
--- a/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.test.tsx
@@ -23,7 +23,7 @@ import { ErrorMessageWithStackTrace } from './ErrorMessageWithStackTrace';
 import { BasicErrorAlert } from './BasicErrorAlert';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.tsx b/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.tsx
index fe9b840e553..c28e5b11366 100644
--- a/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.tsx
+++ b/superset-frontend/src/components/ErrorMessage/ErrorMessageWithStackTrace.tsx
@@ -18,7 +18,7 @@
  */
 import { ReactNode } from 'react';
 import { ErrorSource, t, SupersetError } from '@superset-ui/core';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components';
 import { getErrorMessageComponentRegistry } from './getErrorMessageComponentRegistry';
 import { ErrorAlert } from './ErrorAlert';
 
diff --git a/superset-frontend/src/components/ErrorMessage/FrontendNetworkErrorMessage.test.tsx b/superset-frontend/src/components/ErrorMessage/FrontendNetworkErrorMessage.test.tsx
index 32026052eed..c7a1175efa9 100644
--- a/superset-frontend/src/components/ErrorMessage/FrontendNetworkErrorMessage.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/FrontendNetworkErrorMessage.test.tsx
@@ -22,7 +22,7 @@ import { render, screen, userEvent } from 'spec/helpers/testing-library';
 import { FrontendNetworkErrorMessage } from './FrontendNetworkErrorMessage';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/components/ErrorMessage/IssueCode.tsx b/superset-frontend/src/components/ErrorMessage/IssueCode.tsx
index e0aacdbaab0..62e71c572bb 100644
--- a/superset-frontend/src/components/ErrorMessage/IssueCode.tsx
+++ b/superset-frontend/src/components/ErrorMessage/IssueCode.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components';
 import { useTheme } from '@superset-ui/core';
 
 interface IssueCodeProps {
diff --git a/superset-frontend/src/components/ErrorMessage/MarshmallowErrorMessage.tsx b/superset-frontend/src/components/ErrorMessage/MarshmallowErrorMessage.tsx
index 2dbaa6f55ea..6612abd5be0 100644
--- a/superset-frontend/src/components/ErrorMessage/MarshmallowErrorMessage.tsx
+++ b/superset-frontend/src/components/ErrorMessage/MarshmallowErrorMessage.tsx
@@ -19,10 +19,8 @@
 import { JSONTree } from 'react-json-tree';
 import { t } from '@superset-ui/core';
 import { useJsonTreeTheme } from 'src/hooks/useJsonTreeTheme';
-import { Collapse } from '../Collapse';
+import { Collapse, List, Typography } from '@superset-ui/core/components';
 import type { ErrorMessageComponentProps } from './types';
-import { List } from '../List';
-import { Typography } from '../Typography';
 
 interface MarshmallowErrorExtra {
   messages: object;
diff --git a/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.test.tsx b/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.test.tsx
index 1ad69a21d0a..80a0f7e5500 100644
--- a/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.test.tsx
@@ -22,7 +22,7 @@ import { render, screen, userEvent } from 'spec/helpers/testing-library';
 import { ParameterErrorMessage } from './ParameterErrorMessage';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.tsx b/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.tsx
index f1f8990b93e..9a9047fedac 100644
--- a/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.tsx
+++ b/superset-frontend/src/components/ErrorMessage/ParameterErrorMessage.tsx
@@ -20,10 +20,10 @@ import { ReactNode } from 'react';
 import { t, tn } from '@superset-ui/core';
 import levenshtein from 'js-levenshtein';
 
+import { List } from '@superset-ui/core/components';
 import { ErrorMessageComponentProps } from './types';
 import { IssueCode } from './IssueCode';
 import { ErrorAlert } from './ErrorAlert';
-import { List } from '../List';
 
 interface ParameterErrorExtra {
   undefined_parameters?: string[];
diff --git a/superset-frontend/src/components/ErrorMessage/TimeoutErrorMessage.test.tsx b/superset-frontend/src/components/ErrorMessage/TimeoutErrorMessage.test.tsx
index fa10f0a474c..7ceb0062c42 100644
--- a/superset-frontend/src/components/ErrorMessage/TimeoutErrorMessage.test.tsx
+++ b/superset-frontend/src/components/ErrorMessage/TimeoutErrorMessage.test.tsx
@@ -22,7 +22,7 @@ import { render, screen, userEvent } from 'spec/helpers/testing-library';
 import { TimeoutErrorMessage } from './TimeoutErrorMessage';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/components/FacePile/index.tsx b/superset-frontend/src/components/FacePile/index.tsx
index 8f59e9d6cb5..220209afc2d 100644
--- a/superset-frontend/src/components/FacePile/index.tsx
+++ b/superset-frontend/src/components/FacePile/index.tsx
@@ -23,7 +23,7 @@ import {
   FeatureFlag,
 } from '@superset-ui/core';
 import getOwnerName from 'src/utils/getOwnerName';
-import { Avatar, AvatarGroup, Tooltip } from 'src/components';
+import { Avatar, AvatarGroup, Tooltip } from '@superset-ui/core/components';
 import { ensureAppRoot } from 'src/utils/pathUtils';
 import { getRandomColor } from './utils';
 import type { FacePileProps } from './types';
diff --git a/superset-frontend/src/components/FilterableTable/index.tsx b/superset-frontend/src/components/FilterableTable/index.tsx
index 989aad50315..e414bc7d80c 100644
--- a/superset-frontend/src/components/FilterableTable/index.tsx
+++ b/superset-frontend/src/components/FilterableTable/index.tsx
@@ -18,9 +18,9 @@
  */
 import { useMemo, useRef, useCallback } from 'react';
 import { styled } from '@superset-ui/core';
-import type { ColDef } from '../GridTable/types';
-import { GridSize } from '../GridTable/constants';
-import { GridTable } from '../GridTable';
+import { GridSize } from 'src/components/GridTable/constants';
+import { GridTable } from 'src/components/GridTable';
+import { type ColDef } from 'src/components/GridTable/types';
 import { useCellContentParser } from './useCellContentParser';
 import { renderResultCell } from './utils';
 
diff --git a/superset-frontend/src/components/GridTable/Header.test.tsx b/superset-frontend/src/components/GridTable/Header.test.tsx
index cbd3a677126..9976df6c814 100644
--- a/superset-frontend/src/components/GridTable/Header.test.tsx
+++ b/superset-frontend/src/components/GridTable/Header.test.tsx
@@ -21,12 +21,12 @@ import { act, fireEvent, render } from 'spec/helpers/testing-library';
 import { Header } from './Header';
 import { PIVOT_COL_ID } from './constants';
 
-jest.mock('src/components/Dropdown', () => ({
+jest.mock('@superset-ui/core/components/Dropdown', () => ({
   Dropdown: () => <div data-test="mock-dropdown" />,
 }));
 
-jest.mock('src/components/Icons', () => {
-  const actualIcons = jest.requireActual('src/components/Icons');
+jest.mock('@superset-ui/core/components/Icons', () => {
+  const actualIcons = jest.requireActual('@superset-ui/core/components/Icons');
   return {
     __esModule: true,
     Icons: {
diff --git a/superset-frontend/src/components/GridTable/Header.tsx b/superset-frontend/src/components/GridTable/Header.tsx
index eb2acb919bc..467918d5ec6 100644
--- a/superset-frontend/src/components/GridTable/Header.tsx
+++ b/superset-frontend/src/components/GridTable/Header.tsx
@@ -20,7 +20,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { styled, useTheme, t } from '@superset-ui/core';
 import type { Column, GridApi } from 'ag-grid-community';
 
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { PIVOT_COL_ID } from './constants';
 import { HeaderMenu } from './HeaderMenu';
 
diff --git a/superset-frontend/src/components/GridTable/HeaderMenu.test.tsx b/superset-frontend/src/components/GridTable/HeaderMenu.test.tsx
index 525383425ee..72a5948d592 100644
--- a/superset-frontend/src/components/GridTable/HeaderMenu.test.tsx
+++ b/superset-frontend/src/components/GridTable/HeaderMenu.test.tsx
@@ -25,7 +25,7 @@ import {
 } from 'spec/helpers/testing-library';
 import { HeaderMenu } from './HeaderMenu';
 
-jest.mock('src/components/Menu', () => {
+jest.mock('@superset-ui/core/components/Menu', () => {
   const Menu = ({ children }: { children: React.ReactChild }) => (
     <div data-test="mock-Menu">{children}</div>
   );
@@ -58,7 +58,7 @@ jest.mock('src/components/Menu', () => {
   return { Menu };
 });
 
-jest.mock('src/components/Dropdown', () => ({
+jest.mock('@superset-ui/core/components/Dropdown', () => ({
   MenuDotsDropdown: ({ overlay }: { overlay: React.ReactChild }) => (
     <div data-test="mock-Dropdown">{overlay}</div>
   ),
@@ -181,7 +181,7 @@ test('renders unhide when invisible column exists', async () => {
 });
 
 describe('for main menu', () => {
-  test('renders Copy to Clipboard', async () => {
+  it('renders Copy to Clipboard', async () => {
     const { getByText } = render(<HeaderMenu {...mockedProps} isMain />);
     fireEvent.click(getByText('Copy the current data'));
     await waitFor(() =>
@@ -194,7 +194,7 @@ describe('for main menu', () => {
     });
   });
 
-  test('renders Download to CSV', async () => {
+  it('renders Download to CSV', async () => {
     const { getByText } = render(<HeaderMenu {...mockedProps} isMain />);
     fireEvent.click(getByText('Download to CSV'));
     await waitFor(() =>
@@ -205,7 +205,7 @@ describe('for main menu', () => {
     });
   });
 
-  test('renders autosize column', async () => {
+  it('renders autosize column', async () => {
     const { getByText } = render(<HeaderMenu {...mockedProps} isMain />);
     fireEvent.click(getByText('Autosize all columns'));
     await waitFor(() =>
@@ -213,7 +213,7 @@ describe('for main menu', () => {
     );
   });
 
-  test('renders all unhide all hidden columns when multiple invisible columns exist', async () => {
+  it('renders all unhide all hidden columns when multiple invisible columns exist', async () => {
     render(
       <HeaderMenu
         {...mockedProps}
@@ -232,7 +232,7 @@ describe('for main menu', () => {
     );
   });
 
-  test('reset columns configuration', async () => {
+  it('reset columns configuration', async () => {
     const { getByText } = render(
       <HeaderMenu
         {...mockedProps}
diff --git a/superset-frontend/src/components/GridTable/HeaderMenu.tsx b/superset-frontend/src/components/GridTable/HeaderMenu.tsx
index 0a6d7eb5516..fa86993ade4 100644
--- a/superset-frontend/src/components/GridTable/HeaderMenu.tsx
+++ b/superset-frontend/src/components/GridTable/HeaderMenu.tsx
@@ -20,11 +20,13 @@ import { useCallback } from 'react';
 import { styled, t } from '@superset-ui/core';
 import type { Column, ColumnPinnedType, GridApi } from 'ag-grid-community';
 
-import { Icons } from 'src/components/Icons';
-import { Menu } from 'src/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Menu } from '@superset-ui/core/components/Menu';
 import copyTextToClipboard from 'src/utils/copy';
-import { MenuDotsDropdown } from '../Dropdown';
-import type { DropdownProps } from '../Dropdown/types';
+import {
+  MenuDotsDropdown,
+  type DropdownProps,
+} from '@superset-ui/core/components';
 import { PIVOT_COL_ID } from './constants';
 
 const IconEmpty = styled.span`
diff --git a/superset-frontend/src/components/GridTable/index.tsx b/superset-frontend/src/components/GridTable/index.tsx
index 795536dce00..df6e1350466 100644
--- a/superset-frontend/src/components/GridTable/index.tsx
+++ b/superset-frontend/src/components/GridTable/index.tsx
@@ -27,7 +27,6 @@ import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-quartz.css';
 
 import copyTextToClipboard from 'src/utils/copy';
-import { ErrorBoundary } from '../ErrorBoundary';
 
 import { PIVOT_COL_ID, GridSize } from './constants';
 import { Header } from './Header';
@@ -143,7 +142,7 @@ export function GridTable<RecordType extends object>({
   );
 
   return (
-    <ErrorBoundary>
+    <>
       <Global
         styles={() => css`
           #grid-table.ag-theme-quartz {
@@ -216,7 +215,7 @@ export function GridTable<RecordType extends object>({
           onCellKeyDown={onKeyDown}
         />
       </div>
-    </ErrorBoundary>
+    </>
   );
 }
 
diff --git a/superset-frontend/src/components/ImportModal/ErrorAlert.tsx b/superset-frontend/src/components/ImportModal/ErrorAlert.tsx
index f2c14867a12..0d81b818e94 100644
--- a/superset-frontend/src/components/ImportModal/ErrorAlert.tsx
+++ b/superset-frontend/src/components/ImportModal/ErrorAlert.tsx
@@ -21,7 +21,7 @@ import { FunctionComponent } from 'react';
 import { t, SupersetTheme } from '@superset-ui/core';
 
 import { getDatabaseDocumentationLinks } from 'src/views/CRUD/hooks';
-import { Alert } from '../Alert';
+import { Alert } from '@superset-ui/core/components';
 import { antdWarningAlertStyles } from './styles';
 
 const supersetTextDocs = getDatabaseDocumentationLinks();
diff --git a/superset-frontend/src/components/ImportModal/ImportErrorAlert.tsx b/superset-frontend/src/components/ImportModal/ImportErrorAlert.tsx
index 7579f941514..f835f6d9733 100644
--- a/superset-frontend/src/components/ImportModal/ImportErrorAlert.tsx
+++ b/superset-frontend/src/components/ImportModal/ImportErrorAlert.tsx
@@ -21,7 +21,7 @@ import { FunctionComponent } from 'react';
 import { t } from '@superset-ui/core';
 
 import { getDatabaseDocumentationLinks } from 'src/views/CRUD/hooks';
-import { ErrorAlert } from '../ErrorMessage';
+import { ErrorAlert } from 'src/components';
 
 const supersetTextDocs = getDatabaseDocumentationLinks();
 export const DOCUMENTATION_LINK = supersetTextDocs
diff --git a/superset-frontend/src/components/ImportModal/index.tsx b/superset-frontend/src/components/ImportModal/index.tsx
index 1a39c91a107..7cbc2de069a 100644
--- a/superset-frontend/src/components/ImportModal/index.tsx
+++ b/superset-frontend/src/components/ImportModal/index.tsx
@@ -19,10 +19,12 @@
 import { FunctionComponent, useEffect, useState, ChangeEvent } from 'react';
 import { styled, t, css } from '@superset-ui/core';
 import { useImportResource } from 'src/views/CRUD/hooks';
-import { Upload, type UploadChangeParam, type UploadFile } from '../Upload';
-import { Button } from '../Button';
-import { Input } from '../Input';
-import { Modal } from '../Modal';
+import {
+  Upload,
+  type UploadChangeParam,
+  type UploadFile,
+} from '@superset-ui/core/components/Upload';
+import { Button, Input, Modal } from '@superset-ui/core/components';
 import { ImportErrorAlert } from './ImportErrorAlert';
 import type { ImportModelsModalProps } from './types';
 
diff --git a/superset-frontend/src/components/InfoTooltip/index.tsx b/superset-frontend/src/components/InfoTooltip/index.tsx
deleted file mode 100644
index 668b956e7bd..00000000000
--- a/superset-frontend/src/components/InfoTooltip/index.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-import { styled, useTheme, css } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Tooltip } from '../Tooltip';
-import type { InfoTooltipProps } from './types';
-
-const StyledTooltip = styled(Tooltip)`
-  cursor: pointer;
-`;
-
-const StyledTooltipTitle = styled.span`
-  display: -webkit-box;
-  -webkit-line-clamp: 20;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-
-const defaultOverlayStyle = {
-  fontSize: '12px',
-  lineHeight: '16px',
-};
-const InfoIconContainer = styled.div`
-  ${({ theme }) => css`
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    margin-left: ${theme.sizeUnit}px;
-  `}
-`;
-
-export function InfoTooltip({
-  tooltip,
-  iconStyle = {},
-  placement = 'right',
-  trigger = 'hover',
-  overlayStyle = defaultOverlayStyle,
-  bgColor,
-  viewBox = '0 -1 24 24',
-}: InfoTooltipProps) {
-  const theme = useTheme();
-  const alteredIconStyle = {
-    ...iconStyle,
-    color: iconStyle.color || theme.colorIcon,
-  };
-  return (
-    <StyledTooltip
-      title={<StyledTooltipTitle>{tooltip}</StyledTooltipTitle>}
-      placement={placement}
-      trigger={trigger}
-      overlayStyle={overlayStyle}
-      color={bgColor}
-    >
-      <InfoIconContainer>
-        <Icons.InfoCircleFilled
-          aria-label="info-tooltip"
-          data-test="info-tooltip-icon"
-          iconSize="m"
-          style={alteredIconStyle}
-          viewBox={viewBox}
-        />
-      </InfoIconContainer>
-    </StyledTooltip>
-  );
-}
-
-export type { InfoTooltipProps };
diff --git a/superset-frontend/src/components/JsonModal/index.tsx b/superset-frontend/src/components/JsonModal/index.tsx
index 57052d31f7d..f108c3dc19b 100644
--- a/superset-frontend/src/components/JsonModal/index.tsx
+++ b/superset-frontend/src/components/JsonModal/index.tsx
@@ -38,9 +38,8 @@
 import { FC, useMemo } from 'react';
 import { JSONTree } from 'react-json-tree';
 import { useJsonTreeTheme } from 'src/hooks/useJsonTreeTheme';
-import { Button } from '../Button';
+import { Button, ModalTrigger } from '@superset-ui/core/components';
 import { CopyToClipboard } from '../CopyToClipboard';
-import ModalTrigger from '../ModalTrigger';
 import { convertBigIntStrToNumber } from './utils';
 import type { JsonModalProps } from './types';
 
diff --git a/superset-frontend/src/components/ListView/ActionsBar.tsx b/superset-frontend/src/components/ListView/ActionsBar.tsx
index 321ff2bbb60..e802005de74 100644
--- a/superset-frontend/src/components/ListView/ActionsBar.tsx
+++ b/superset-frontend/src/components/ListView/ActionsBar.tsx
@@ -37,9 +37,12 @@
  */
 import { ReactElement } from 'react';
 import { styled } from '@superset-ui/core';
-import { Icons, IconNameType } from 'src/components/Icons';
-import { Tooltip } from '../Tooltip';
-import { TooltipPlacement } from '../Tooltip/types';
+import {
+  Icons,
+  IconNameType,
+  Tooltip,
+  type TooltipPlacement,
+} from '@superset-ui/core/components';
 
 export type ActionProps = {
   label: string;
diff --git a/superset-frontend/src/components/ListView/CardSortSelect.tsx b/superset-frontend/src/components/ListView/CardSortSelect.tsx
index 3a8ec86e7ac..9be9b7cc1bb 100644
--- a/superset-frontend/src/components/ListView/CardSortSelect.tsx
+++ b/superset-frontend/src/components/ListView/CardSortSelect.tsx
@@ -18,8 +18,7 @@
  */
 import { useState, useMemo } from 'react';
 import { styled, t } from '@superset-ui/core';
-import { FormLabel } from '../Form';
-import { Select } from '../Select';
+import { FormLabel, Select } from '@superset-ui/core/components';
 import { SELECT_WIDTH } from './utils';
 import { CardSortSelectOption, SortColumn } from './types';
 
diff --git a/superset-frontend/src/components/ListView/CrossLinksTooltip.test.tsx b/superset-frontend/src/components/ListView/CrossLinksTooltip.test.tsx
index b17b417269f..08a863c9875 100644
--- a/superset-frontend/src/components/ListView/CrossLinksTooltip.test.tsx
+++ b/superset-frontend/src/components/ListView/CrossLinksTooltip.test.tsx
@@ -65,7 +65,7 @@ test('should render', () => {
 
 test('should render multiple links', async () => {
   setup();
-  userEvent.hover(screen.getByText('Hover me'));
+  await userEvent.hover(screen.getByText('Hover me'));
 
   await waitFor(() => {
     expect(screen.getByText('Test dashboard')).toBeInTheDocument();
@@ -76,9 +76,9 @@ test('should render multiple links', async () => {
   });
 });
 
-test('should not render the "+ {x} more"', () => {
+test('should not render the "+ {x} more"', async () => {
   setup();
-  userEvent.hover(screen.getByText('Hover me'));
+  await userEvent.hover(screen.getByText('Hover me'));
   expect(screen.queryByTestId('plus-more')).not.toBeInTheDocument();
 });
 
@@ -86,7 +86,7 @@ test('should render the "+ {x} more"', async () => {
   setup({
     moreItems: 3,
   });
-  userEvent.hover(screen.getByText('Hover me'));
+  await userEvent.hover(screen.getByText('Hover me'));
   expect(await screen.findByTestId('plus-more')).toBeInTheDocument();
   expect(await screen.findByText('+ 3 more')).toBeInTheDocument();
 });
diff --git a/superset-frontend/src/components/ListView/CrossLinksTooltip.tsx b/superset-frontend/src/components/ListView/CrossLinksTooltip.tsx
index 723cfd7d6e7..52517869ab7 100644
--- a/superset-frontend/src/components/ListView/CrossLinksTooltip.tsx
+++ b/superset-frontend/src/components/ListView/CrossLinksTooltip.tsx
@@ -19,7 +19,7 @@
 import { ReactNode } from 'react';
 import { styled, t } from '@superset-ui/core';
 import { Link } from 'react-router-dom';
-import { Tooltip } from '../Tooltip';
+import { Tooltip } from '@superset-ui/core/components';
 
 export type CrossLinksTooltipProps = {
   children: ReactNode;
diff --git a/superset-frontend/src/components/ListView/Filters/DateRange.tsx b/superset-frontend/src/components/ListView/Filters/DateRange.tsx
index 326374e59f5..619880a5775 100644
--- a/superset-frontend/src/components/ListView/Filters/DateRange.tsx
+++ b/superset-frontend/src/components/ListView/Filters/DateRange.tsx
@@ -25,13 +25,15 @@ import {
 } from 'react';
 
 import { styled, t } from '@superset-ui/core';
-import { extendedDayjs } from 'src/utils/dates';
 import { Dayjs } from 'dayjs';
 import { useLocale } from 'src/hooks/useLocale';
-import { Loading } from '../../Loading';
-import { AntdThemeProvider } from '../../AntdThemeProvider';
-import { FormLabel } from '../../Form';
-import { RangePicker } from '../../DatePicker';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
+import {
+  AntdThemeProvider,
+  Loading,
+  FormLabel,
+  RangePicker,
+} from '@superset-ui/core/components';
 import { BaseFilter, FilterHandler } from './Base';
 
 interface DateRangeFilterProps extends BaseFilter {
diff --git a/superset-frontend/src/components/ListView/Filters/NumericalRange.tsx b/superset-frontend/src/components/ListView/Filters/NumericalRange.tsx
index 0283015fecb..53c94b79c93 100644
--- a/superset-frontend/src/components/ListView/Filters/NumericalRange.tsx
+++ b/superset-frontend/src/components/ListView/Filters/NumericalRange.tsx
@@ -18,8 +18,8 @@
  */
 import { useState, forwardRef, useImperativeHandle, RefObject } from 'react';
 import { styled, t } from '@superset-ui/core';
-import { InputNumber } from 'src/components/Input';
-import { FormLabel } from 'src/components/Form';
+import { InputNumber } from '@superset-ui/core/components/Input';
+import { FormLabel } from '@superset-ui/core/components/Form';
 import { BaseFilter, FilterHandler } from './Base';
 
 const RangeFilterContainer = styled.div`
diff --git a/superset-frontend/src/components/ListView/Filters/Search.tsx b/superset-frontend/src/components/ListView/Filters/Search.tsx
index c1a163b53ae..0ca61d72c8b 100644
--- a/superset-frontend/src/components/ListView/Filters/Search.tsx
+++ b/superset-frontend/src/components/ListView/Filters/Search.tsx
@@ -25,10 +25,12 @@ import {
 } from 'react';
 
 import { t, styled, useTheme, css } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { FormLabel } from '../../Form';
-import { Input } from '../../Input';
-import { InfoTooltip } from '../../InfoTooltip';
+import {
+  Input,
+  InfoTooltip,
+  FormLabel,
+  Icons,
+} from '@superset-ui/core/components';
 import { BaseFilter, FilterHandler, FilterContainer } from './Base';
 
 interface SearchHeaderProps extends BaseFilter {
@@ -81,9 +83,7 @@ function SearchFilter(
         `}
       >
         <FormLabel>{Header}</FormLabel>
-        {toolTipDescription && (
-          <InfoTooltip tooltip={toolTipDescription} viewBox="0 -7 28 28" />
-        )}
+        {toolTipDescription && <InfoTooltip tooltip={toolTipDescription} />}
       </div>
       <StyledInput
         allowClear
diff --git a/superset-frontend/src/components/ListView/Filters/Select.tsx b/superset-frontend/src/components/ListView/Filters/Select.tsx
index 967c763b687..d0bb50f6dec 100644
--- a/superset-frontend/src/components/ListView/Filters/Select.tsx
+++ b/superset-frontend/src/components/ListView/Filters/Select.tsx
@@ -25,8 +25,7 @@ import {
 } from 'react';
 
 import { t } from '@superset-ui/core';
-import { FormLabel } from '../../Form';
-import { Select, AsyncSelect } from '../../Select';
+import { Select, AsyncSelect, FormLabel } from '@superset-ui/core/components';
 import { ListViewFilter as Filter, SelectOption } from '../types';
 import { FilterContainer, BaseFilter, FilterHandler } from './Base';
 
diff --git a/superset-frontend/src/components/ListView/ListView.tsx b/superset-frontend/src/components/ListView/ListView.tsx
index 8fd3243b09b..a7df93e3cc2 100644
--- a/superset-frontend/src/components/ListView/ListView.tsx
+++ b/superset-frontend/src/components/ListView/ListView.tsx
@@ -19,15 +19,17 @@
 import { t, styled } from '@superset-ui/core';
 import { useCallback, useEffect, useRef, useState, ReactNode } from 'react';
 import cx from 'classnames';
-import { Icons } from 'src/components/Icons';
-import Pagination from 'src/components/Pagination';
-import TableCollection from 'src/components/TableCollection';
+import Pagination from '@superset-ui/core/components/Pagination';
+import TableCollection from '@superset-ui/core/components/TableCollection';
 import BulkTagModal from 'src/features/tags/BulkTagModal';
-import type { EmptyStateProps } from '../EmptyState/types';
-import { EmptyState } from '../EmptyState';
-import { Checkbox } from '../Checkbox';
-import { Button } from '../Button';
-import { Alert } from '../Alert';
+import {
+  Alert,
+  Button,
+  Checkbox,
+  Icons,
+  EmptyState,
+  type EmptyStateProps,
+} from '@superset-ui/core/components';
 import CardCollection from './CardCollection';
 import FilterControls from './Filters';
 import { CardSortSelect } from './CardSortSelect';
diff --git a/superset-frontend/src/components/MessageToasts/Toast.tsx b/superset-frontend/src/components/MessageToasts/Toast.tsx
index de471a629a9..e61506d3ae0 100644
--- a/superset-frontend/src/components/MessageToasts/Toast.tsx
+++ b/superset-frontend/src/components/MessageToasts/Toast.tsx
@@ -20,7 +20,7 @@ import { styled, css, SupersetTheme, useTheme } from '@superset-ui/core';
 import cx from 'classnames';
 import { Interweave } from 'interweave';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { ToastType, ToastMeta } from './types';
 
 const ToastContainer = styled.div`
diff --git a/superset-frontend/src/components/TableSelector/TableSelector.test.tsx b/superset-frontend/src/components/TableSelector/TableSelector.test.tsx
index 2cb30353217..1bad3c82ff5 100644
--- a/superset-frontend/src/components/TableSelector/TableSelector.test.tsx
+++ b/superset-frontend/src/components/TableSelector/TableSelector.test.tsx
@@ -118,7 +118,7 @@ test('skips select all options', async () => {
   const tableSelect = screen.getByRole('combobox', {
     name: 'Select table or type to search tables',
   });
-  userEvent.click(tableSelect);
+  await userEvent.click(tableSelect);
   expect(await screen.findByText('table_a')).toBeInTheDocument();
   expect(
     screen.queryByRole('option', { name: /Select All/i }),
@@ -138,7 +138,7 @@ test('renders table options without Select All option', async () => {
   });
 
   await act(async () => {
-    userEvent.click(tableSelect);
+    await userEvent.click(tableSelect);
   });
 
   await waitFor(
@@ -171,7 +171,7 @@ test('table select retain value if not in SQL Lab mode', async () => {
   expect(getSelectItemContainer(tableSelect)).toHaveLength(0);
 
   await act(async () => {
-    userEvent.click(tableSelect);
+    await userEvent.click(tableSelect);
   });
 
   await waitFor(
@@ -182,7 +182,7 @@ test('table select retain value if not in SQL Lab mode', async () => {
   );
 
   await act(async () => {
-    userEvent.click(screen.getByText('table_a'));
+    await userEvent.click(screen.getByText('table_a'));
   });
 
   await waitFor(
@@ -242,16 +242,16 @@ test('table multi select retain all the values selected', async () => {
   expect(screen.queryByText('table_a')).not.toBeInTheDocument();
   expect(getSelectItemContainer(tableSelect)).toHaveLength(0);
 
-  userEvent.click(tableSelect);
+  await userEvent.click(tableSelect);
 
   await waitFor(async () => {
     const item = await screen.findAllByText('table_b');
-    userEvent.click(item[item.length - 1]);
+    await userEvent.click(item[item.length - 1]);
   });
 
   await waitFor(async () => {
     const item = await screen.findAllByText('table_c');
-    userEvent.click(item[item.length - 1]);
+    await userEvent.click(item[item.length - 1]);
   });
 
   const selections = await screen.findAllByRole('option', { selected: true });
diff --git a/superset-frontend/src/components/TableSelector/index.tsx b/superset-frontend/src/components/TableSelector/index.tsx
index 7fa1b53a4f4..a557a7c0339 100644
--- a/superset-frontend/src/components/TableSelector/index.tsx
+++ b/superset-frontend/src/components/TableSelector/index.tsx
@@ -23,7 +23,7 @@ import {
   useMemo,
   useEffect,
 } from 'react';
-import type { SelectValue } from 'src/components';
+import type { SelectValue } from '@superset-ui/core/components';
 
 import {
   styled,
@@ -34,13 +34,13 @@ import {
 import {
   FormLabel,
   CertifiedBadge,
-  DatabaseSelector,
   Select,
-} from 'src/components';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { DatabaseSelector } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import type { DatabaseObject } from 'src/components/DatabaseSelector/types';
-import RefreshLabel from 'src/components/RefreshLabel';
-import WarningIconWithTooltip from 'src/components/WarningIconWithTooltip';
+import RefreshLabel from '@superset-ui/core/components/RefreshLabel';
+import WarningIconWithTooltip from '@superset-ui/core/components/WarningIconWithTooltip';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { useTables, Table } from 'src/hooks/apiResources';
 
diff --git a/superset-frontend/src/components/InfoTooltip/types.ts b/superset-frontend/src/components/Tag/TagType.ts
similarity index 57%
rename from superset-frontend/src/components/InfoTooltip/types.ts
rename to superset-frontend/src/components/Tag/TagType.ts
index 1c5e9c44fb0..e7165234a38 100644
--- a/superset-frontend/src/components/InfoTooltip/types.ts
+++ b/superset-frontend/src/components/Tag/TagType.ts
@@ -16,27 +16,26 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { ActionType } from 'src/types/Action';
+import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { SerializedStyles } from '@emotion/react';
 
-export interface InfoTooltipProps {
-  iconStyle?: React.CSSProperties;
-  tooltip: string;
-  placement?:
-    | 'bottom'
-    | 'left'
-    | 'right'
-    | 'top'
-    | 'topLeft'
-    | 'topRight'
-    | 'bottomLeft'
-    | 'bottomRight'
-    | 'leftTop'
-    | 'leftBottom'
-    | 'rightTop'
-    | 'rightBottom'
-    | undefined;
-  trigger?: ActionType | ActionType[];
-  overlayStyle?: any;
-  bgColor?: string;
-  viewBox?: string;
+export interface TagType {
+  id?: number;
+  className?: string;
+  type?: string | number;
+  editable?: boolean;
+  onDelete?: (index: number) => void;
+  onClick?: MouseEventHandler<HTMLSpanElement>;
+  onMouseDown?: MouseEventHandler<HTMLSpanElement>;
+  onClose?: () => void;
+  color?: string;
+  name?: string;
+  index?: number;
+  toolTipTitle?: string;
+  children?: ReactNode;
+  role?: string;
+  style?: CSSProperties;
+  icon?: ReactNode;
+  css?: SerializedStyles;
+  closable?: boolean;
 }
diff --git a/superset-frontend/src/components/Tag/index.tsx b/superset-frontend/src/components/Tag/index.tsx
index b9065686136..503bc9fef1d 100644
--- a/superset-frontend/src/components/Tag/index.tsx
+++ b/superset-frontend/src/components/Tag/index.tsx
@@ -20,11 +20,10 @@
 import { styled } from '@superset-ui/core';
 import { Link } from 'react-router-dom';
 import TagType from 'src/types/TagType';
-import { Tag as AntdTag } from 'antd';
+import { Tag as AntdTag, Tooltip } from '@superset-ui/core/components';
 import type { TagProps } from 'antd/es';
 import type { CheckableTagProps } from 'antd/es/tag';
 import { useMemo } from 'react';
-import { Tooltip } from '../Tooltip';
 
 const StyledTag = styled(AntdTag)`
   ${({ theme }) => `
@@ -103,4 +102,4 @@ const SupersetTag = ({
 export const Tag = Object.assign(SupersetTag, {
   CheckableTag: AntdTag.CheckableTag,
 });
-export type { TagProps, CheckableTagProps };
+export type { TagProps, CheckableTagProps, TagType };
diff --git a/superset-frontend/src/components/TagsList/TagsList.stories.tsx b/superset-frontend/src/components/TagsList/TagsList.stories.tsx
index e2eb2e77757..75c1a5fcd22 100644
--- a/superset-frontend/src/components/TagsList/TagsList.stories.tsx
+++ b/superset-frontend/src/components/TagsList/TagsList.stories.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { Meta, StoryObj } from '@storybook/react';
-import TagsList, { type TagsListProps } from 'src/components/TagsList';
+import { TagsList, type TagsListProps } from 'src/components/TagsList';
 
 export default {
   title: 'Components/TagsList',
diff --git a/superset-frontend/src/components/TagsList/TagsList.test.tsx b/superset-frontend/src/components/TagsList/TagsList.test.tsx
index 6d4eb048b64..d8001bb6e65 100644
--- a/superset-frontend/src/components/TagsList/TagsList.test.tsx
+++ b/superset-frontend/src/components/TagsList/TagsList.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { render, waitFor } from 'spec/helpers/testing-library';
-import TagsList, { TagsListProps } from '.';
+import { TagsList, TagsListProps } from '.';
 
 const testTags = [
   {
diff --git a/superset-frontend/src/components/TagsList/index.tsx b/superset-frontend/src/components/TagsList/index.tsx
index d63d73f0743..61086bf28ea 100644
--- a/superset-frontend/src/components/TagsList/index.tsx
+++ b/superset-frontend/src/components/TagsList/index.tsx
@@ -41,7 +41,7 @@ const TagsDiv = styled.div`
   flex-wrap: wrap;
 `;
 
-const TagsList = ({
+export const TagsList = ({
   tags,
   editable = false,
   onDelete,
@@ -112,5 +112,3 @@ const TagsList = ({
     </TagsDiv>
   );
 };
-
-export default TagsList;
diff --git a/superset-frontend/src/components/index.ts b/superset-frontend/src/components/index.ts
index 7cef78f5a60..09d50bb315a 100644
--- a/superset-frontend/src/components/index.ts
+++ b/superset-frontend/src/components/index.ts
@@ -16,154 +16,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-
-/*
- * Re-exporting of components in src/components to facilitate
- * their imports by other components.
- * E.g. import { Select } from 'src/components', probably in the future from '@superset-ui/components'
- */
-export { AntdThemeProvider } from './AntdThemeProvider';
-export { Alert, type AlertProps } from './Alert';
-export { Icons } from './Icons';
-export {
-  AsyncEsmComponent,
-  type PlaceholderProps as AsyncEsmPlaceholderProps,
-} from './AsyncEsmComponent';
-export {
-  AsyncAceEditor,
-  CssEditor,
-  JsonEditor,
-  SQLEditor,
-  FullSQLEditor,
-  MarkdownEditor,
-  TextAreaEditor,
-  ConfigEditor,
-  type AsyncAceEditorProps,
-  type Editor,
-} from './AsyncAceEditor';
-export { AlteredSliceTag, type AlteredSliceTagProps } from './AlteredSliceTag';
-export { ModifiedInfo, type ModifiedInfoProps } from './AuditInfo';
-export { AutoComplete, type AutoCompleteProps } from './AutoComplete';
-export {
-  Avatar,
-  AvatarGroup,
-  type AvatarProps,
-  type AvatarGroupProps,
-} from './Avatar';
-export { Badge, type BadgeProps } from './Badge';
-export { Tooltip, type TooltipProps } from './Tooltip';
-export { Button, type ButtonProps, type OnClickHandler } from './Button';
-export { ButtonGroup, type ButtonGroupProps } from './ButtonGroup';
-export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
-export { CachedLabel, type CacheLabelProps } from './CachedLabel';
-export { Card } from './Card';
-export { CertifiedBadge } from './CertifiedBadge';
-export {
-  Checkbox,
-  type CheckboxProps,
-  type CheckboxChangeEvent,
-} from './Checkbox';
-export {
-  Collapse,
-  type CollapseProps,
-  CollapseLabelInModal,
-  type CollapseLabelInModalProps,
-} from './Collapse';
-export {
-  ConfirmStatusChange,
-  type ConfirmStatusChangeProps,
-} from './ConfirmStatusChange';
-export { CopyToClipboard, type CopyToClipboardProps } from './CopyToClipboard';
-export { CronPicker, type CronError } from './CronPicker';
-export { DatabaseSelector, type DatabaseObject } from './DatabaseSelector';
-export {
-  DatasourceModal,
-  ChangeDatasourceModal,
-  type DatasourceModalProps,
-  type ChangeDatasourceModalProps,
-} from './Datasource';
-export {
-  DatePicker,
-  RangePicker,
-  type DatePickerProps,
-  type RangePickerProps,
-} from './DatePicker';
-export { DeleteModal, type DeleteModalProps } from './DeleteModal';
-export { Divider, type DividerProps } from './Divider';
-export {
-  Dropdown,
-  MenuDotsDropdown,
-  NoAnimationDropdown,
-  type DropdownProps,
-  type NoAnimationDropdownProps,
-  type MenuDotsDropdownProps,
-} from './Dropdown';
-export { DropdownButton, type DropdownButtonProps } from './DropdownButton';
-export {
-  DropdownContainer,
-  type DropdownItem,
-  type DropdownRef,
-} from './DropdownContainer';
-export {
-  DynamicEditableTitle,
-  type DynamicEditableTitleProps,
-} from './DynamicEditableTitle';
-export {
-  DynamicPluginProvider,
-  PluginContext,
-  usePluginContext,
-  type PluginContextType,
-} from './DynamicPlugins';
-export { EditableTitle, type EditableTitleProps } from './EditableTitle';
-export { EmptyState, type EmptyStateProps } from './EmptyState';
-export { Empty, type EmptyProps } from './EmptyState/Empty';
-export { ErrorBoundary, type ErrorBoundaryProps } from './ErrorBoundary';
-export * from './ErrorMessage';
-export { FacePile, type FacePileProps } from './FacePile';
-export { FaveStar, type FaveStarProps } from './FaveStar';
-export {
-  Modal,
-  FormModal,
-  StyledModal,
-  type ModalProps,
-  type FormModalProps,
-} from './Modal';
-export { FilterableTable, type FilterableTableProps } from './FilterableTable';
-export { FlashProvider, type FlashMessage } from './FlashProvider';
-export { Flex, type FlexProps } from './Flex';
-export {
-  Form,
-  FormItem,
-  FormLabel,
-  LabeledErrorBoundInput,
-  type FormInstance,
-  type FormProps,
-  type FormItemProps,
-} from './Form';
-export { GenericLink } from './GenericLink';
-export { Grid, Row, Col, type RowProps, type ColProps } from './Grid';
-export { GridTable, type TableProps } from './GridTable';
-export { IconButton, type IconButtonProps } from './IconButton';
-export { IconTooltip, type IconTooltipProps } from './IconTooltip';
-export { ImportModal, type ImportModelsModalProps } from './ImportModal';
-export { InfoTooltip, type InfoTooltipProps } from './InfoTooltip';
-export {
-  Input,
-  InputNumber,
-  type InputProps,
-  type TextAreaProps,
-  type InputNumberProps,
-} from './Input';
-export { JsonModal, type JsonModalProps } from './JsonModal';
-export {
-  Label,
-  DatasetTypeLabel,
-  PublishedLabel,
-  type LabelType,
-} from './Label';
-export { LastUpdated, type LastUpdatedProps } from './LastUpdated';
-export { Layout, type LayoutProps, type SiderProps } from './Layout';
-export { List, type ListProps, type ListItemProps } from './List';
+export * from './CopyToClipboard';
+export * from './FilterableTable';
+export * from './AlteredSliceTag';
 export {
   ListView,
   ListViewActionsBar,
@@ -177,40 +32,21 @@ export {
   type ListViewFetchDataConfig,
   type ListViewFilterValue,
 } from './ListView';
+export { DatabaseSelector, type DatabaseObject } from './DatabaseSelector';
+export * from './Datasource';
+export * from './ErrorMessage';
+export { ImportModal, type ImportModelsModalProps } from './ImportModal';
+export { ErrorBoundary, type ErrorBoundaryProps } from './ErrorBoundary';
+export * from './GenericLink';
+export { FlashProvider, type FlashMessage } from './FlashProvider';
+export { GridTable, type TableProps } from './GridTable';
+export * from './Tag';
+export * from './TagsList';
+export { ModifiedInfo, type ModifiedInfoProps } from './AuditInfo';
 export {
-  ListViewCard,
-  ImageLoader,
-  type ListViewCardProps,
-} from './ListViewCard';
-export { Loading, type LoadingProps } from './Loading';
-
-export {
-  Select,
-  AsyncSelect,
-  type SelectProps,
-  type SelectValue,
-  type SelectOptionsType,
-  type LabeledValue,
-  type RefSelectProps,
-} from './Select';
-
-export { Steps, type StepsProps } from './Steps';
-
-export { Space, type SpaceProps } from './Space';
-
-export { Skeleton, type SkeletonProps } from './Skeleton';
-
-export { Switch, type SwitchProps } from './Switch';
-
-export { Tag } from './Tag';
-
-export { TreeSelect, type TreeSelectProps } from './TreeSelect';
-
-export {
-  Typography,
-  type TypographyProps,
-  type ParagraphProps,
-} from './Typography';
-
-export { Image, type ImageProps } from './Image';
-export { Upload, type UploadFile, type UploadChangeParam } from './Upload';
+  DynamicPluginProvider,
+  PluginContext,
+  usePluginContext,
+  type PluginContextType,
+} from './DynamicPlugins';
+export * from './FacePile';
diff --git a/superset-frontend/src/constants.ts b/superset-frontend/src/constants.ts
index 98abb6c2b12..4dc734651d5 100644
--- a/superset-frontend/src/constants.ts
+++ b/superset-frontend/src/constants.ts
@@ -16,20 +16,13 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  t,
-  DEFAULT_D3_FORMAT,
-  DEFAULT_D3_TIME_FORMAT,
-} from '@superset-ui/core';
+import { DEFAULT_D3_FORMAT, DEFAULT_D3_TIME_FORMAT } from '@superset-ui/core';
 
 import { BootstrapData, CommonBootstrapData } from './types/bootstrapTypes';
 
 export const DATETIME_WITH_TIME_ZONE = 'YYYY-MM-DD HH:mm:ssZ';
 export const TIME_WITH_MS = 'HH:mm:ss.SSS';
 
-export const BOOL_TRUE_DISPLAY = 'True';
-export const BOOL_FALSE_DISPLAY = 'False';
-
 export const URL_PARAMS = {
   standalone: {
     name: 'standalone',
@@ -127,21 +120,6 @@ export const RESERVED_DASHBOARD_URL_PARAMS: string[] = [
   URL_PARAMS.preselectFilters.name,
 ];
 
-/**
- * Faster debounce delay for inputs without expensive operation.
- */
-export const FAST_DEBOUNCE = 250;
-
-/**
- * Slower debounce delay for inputs with expensive API calls.
- */
-export const SLOW_DEBOUNCE = 500;
-
-/**
- * Display null as `N/A`
- */
-export const NULL_DISPLAY = t('N/A');
-
 export const DEFAULT_COMMON_BOOTSTRAP_DATA: CommonBootstrapData = {
   application_root: '/',
   static_assets_prefix: '',
diff --git a/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx b/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx
index b93e9f4b726..d684456a98c 100644
--- a/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx
+++ b/superset-frontend/src/dashboard/components/AddSliceCard/AddSliceCard.tsx
@@ -30,12 +30,8 @@ import {
 } from 'react';
 
 import { t, isFeatureEnabled, FeatureFlag, css } from '@superset-ui/core';
-import {
-  GenericLink,
-  Tooltip,
-  usePluginContext,
-  ImageLoader,
-} from 'src/components';
+import { Tooltip, ImageLoader } from '@superset-ui/core/components';
+import { GenericLink, usePluginContext } from 'src/components';
 import { assetUrl } from 'src/utils/assetUrl';
 import { Theme } from '@emotion/react';
 
diff --git a/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx b/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx
index 0aaa6d886b7..e279d3e35a4 100644
--- a/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx
+++ b/superset-frontend/src/dashboard/components/BuilderComponentPane/index.tsx
@@ -18,7 +18,7 @@
  */
 /* eslint-env browser */
 import { rgba } from 'emotion-rgba';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import { t, css, SupersetTheme } from '@superset-ui/core';
 import SliceAdder from 'src/dashboard/containers/SliceAdder';
 import dashboardComponents from 'src/visualizations/presets/dashboardComponents';
diff --git a/superset-frontend/src/dashboard/components/CssEditor/CssEditor.test.tsx b/superset-frontend/src/dashboard/components/CssEditor/CssEditor.test.tsx
index fbaadf89128..63bdea50792 100644
--- a/superset-frontend/src/dashboard/components/CssEditor/CssEditor.test.tsx
+++ b/superset-frontend/src/dashboard/components/CssEditor/CssEditor.test.tsx
@@ -22,12 +22,12 @@ import {
   userEvent,
   waitFor,
 } from 'spec/helpers/testing-library';
-import { CssEditor as AceCssEditor } from 'src/components/AsyncAceEditor';
+import { CssEditor as AceCssEditor } from '@superset-ui/core/components/AsyncAceEditor';
 import { IAceEditorProps } from 'react-ace';
 import fetchMock from 'fetch-mock';
 import CssEditor from '.';
 
-jest.mock('src/components/AsyncAceEditor', () => ({
+jest.mock('@superset-ui/core/components/AsyncAceEditor', () => ({
   CssEditor: ({ value, onChange }: IAceEditorProps) => (
     <textarea
       defaultValue={value}
diff --git a/superset-frontend/src/dashboard/components/CssEditor/index.tsx b/superset-frontend/src/dashboard/components/CssEditor/index.tsx
index 506578916a1..f2a6850f4f8 100644
--- a/superset-frontend/src/dashboard/components/CssEditor/index.tsx
+++ b/superset-frontend/src/dashboard/components/CssEditor/index.tsx
@@ -17,11 +17,15 @@
  * under the License.
  */
 import { Key, ReactNode, PureComponent } from 'react';
-import { Dropdown, CssEditor as AceCssEditor, Button } from 'src/components';
+import {
+  Dropdown,
+  CssEditor as AceCssEditor,
+  Button,
+  ModalTrigger,
+} from '@superset-ui/core/components';
 import rison from 'rison';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { t, styled, SupersetClient } from '@superset-ui/core';
-import ModalTrigger from 'src/components/ModalTrigger';
 
 export interface CssEditorProps {
   initialCss: string;
diff --git a/superset-frontend/src/dashboard/components/Dashboard.jsx b/superset-frontend/src/dashboard/components/Dashboard.jsx
index db2c300a8b4..e1881aa24cf 100644
--- a/superset-frontend/src/dashboard/components/Dashboard.jsx
+++ b/superset-frontend/src/dashboard/components/Dashboard.jsx
@@ -20,7 +20,8 @@ import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { t } from '@superset-ui/core';
 
-import { Loading, PluginContext } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
+import { PluginContext } from 'src/components';
 import getBootstrapData from 'src/utils/getBootstrapData';
 import getChartIdsFromLayout from '../util/getChartIdsFromLayout';
 import getLayoutComponentFromChartId from '../util/getLayoutComponentFromChartId';
diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.test.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.test.tsx
index 425d22b26ed..752b2f4ad5e 100644
--- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.test.tsx
+++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.test.tsx
@@ -53,13 +53,13 @@ jest.mock('src/dashboard/actions/dashboardState', () => ({
 jest.mock('src/components/ResizableSidebar/useStoredSidebarWidth');
 
 // mock following dependent components to fix the prop warnings
-jest.mock('src/components/Select/Select', () => () => (
+jest.mock('@superset-ui/core/components/Select/Select', () => () => (
   <div data-test="mock-select" />
 ));
-jest.mock('src/components/Select/AsyncSelect', () => () => (
+jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
   <div data-test="mock-async-select" />
 ));
-jest.mock('src/components/PageHeaderWithActions', () => ({
+jest.mock('@superset-ui/core/components/PageHeaderWithActions', () => ({
   PageHeaderWithActions: () => (
     <div data-test="mock-page-header-with-actions" />
   ),
diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
index 9ec4b6d2b6b..2e867c8e46a 100644
--- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
+++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardBuilder.tsx
@@ -29,15 +29,11 @@ import {
   useElementOnScreen,
 } from '@superset-ui/core';
 import { useDispatch, useSelector } from 'react-redux';
-import {
-  ErrorBoundary,
-  EmptyState,
-  BasicErrorAlert,
-  Loading,
-} from 'src/components';
+import { EmptyState, Loading } from '@superset-ui/core/components';
+import { ErrorBoundary, BasicErrorAlert } from 'src/components';
 import BuilderComponentPane from 'src/dashboard/components/BuilderComponentPane';
 import DashboardHeader from 'src/dashboard/components/Header';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import IconButton from 'src/dashboard/components/IconButton';
 import { Droppable } from 'src/dashboard/components/dnd/DragDroppable';
 import DashboardComponent from 'src/dashboard/containers/DashboardComponent';
diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardContainer.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardContainer.tsx
index 152d3811020..784d6020cd1 100644
--- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardContainer.tsx
+++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardContainer.tsx
@@ -37,7 +37,7 @@ import {
 } from '@superset-ui/core';
 import { ParentSize } from '@visx/responsive';
 import { pick } from 'lodash';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import DashboardGrid from 'src/dashboard/containers/DashboardGrid';
 import {
   DashboardInfo,
diff --git a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
index 765843b21df..a7f885a6a53 100644
--- a/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
+++ b/superset-frontend/src/dashboard/components/DashboardBuilder/DashboardWrapper.tsx
@@ -18,7 +18,8 @@
  */
 import { FC, useEffect, useState } from 'react';
 
-import { FAST_DEBOUNCE, css, styled } from '@superset-ui/core';
+import { css, styled } from '@superset-ui/core';
+import { Constants } from '@superset-ui/core/components';
 import { RootState } from 'src/dashboard/types';
 import { useSelector } from 'react-redux';
 import { useDragDropManager } from 'react-dnd';
@@ -124,7 +125,10 @@ const DashboardWrapper: FC<Props> = ({ children }) => {
 
   useEffect(() => {
     const monitor = dragDropManager.getMonitor();
-    const debouncedSetIsDragged = debounce(setIsDragged, FAST_DEBOUNCE);
+    const debouncedSetIsDragged = debounce(
+      setIsDragged,
+      Constants.FAST_DEBOUNCE,
+    );
     const unsub = monitor.subscribeToStateChange(() => {
       const isDragging = monitor.isDragging();
       if (isDragging) {
diff --git a/superset-frontend/src/dashboard/components/DashboardGrid.jsx b/superset-frontend/src/dashboard/components/DashboardGrid.jsx
index 9b3b5c50545..0f4997d24e1 100644
--- a/superset-frontend/src/dashboard/components/DashboardGrid.jsx
+++ b/superset-frontend/src/dashboard/components/DashboardGrid.jsx
@@ -21,8 +21,8 @@ import { withTheme } from '@emotion/react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { addAlpha, css, styled, t } from '@superset-ui/core';
-import { EmptyState } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { EmptyState } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { navigateTo } from 'src/utils/navigationUtils';
 import { componentShape } from '../util/propShapes';
 import DashboardComponent from '../containers/DashboardComponent';
diff --git a/superset-frontend/src/dashboard/components/DeleteComponentButton.tsx b/superset-frontend/src/dashboard/components/DeleteComponentButton.tsx
index 221d544493c..0b479d945f5 100644
--- a/superset-frontend/src/dashboard/components/DeleteComponentButton.tsx
+++ b/superset-frontend/src/dashboard/components/DeleteComponentButton.tsx
@@ -18,7 +18,7 @@
  */
 import { MouseEventHandler, FC } from 'react';
 
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import IconButton from './IconButton';
 
 type DeleteComponentButtonProps = {
diff --git a/superset-frontend/src/dashboard/components/EmbeddedModal/index.tsx b/superset-frontend/src/dashboard/components/EmbeddedModal/index.tsx
index bae6ccdc3de..6f0cef6e0ea 100644
--- a/superset-frontend/src/dashboard/components/EmbeddedModal/index.tsx
+++ b/superset-frontend/src/dashboard/components/EmbeddedModal/index.tsx
@@ -25,11 +25,18 @@ import {
   css,
   getExtensionsRegistry,
 } from '@superset-ui/core';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
-import { Button, FormItem, Input, Modal, Loading, Form } from 'src/components';
+import {
+  Button,
+  FormItem,
+  InfoTooltip,
+  Input,
+  Modal,
+  Loading,
+  Form,
+} from '@superset-ui/core/components';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { EmbeddedDashboard } from 'src/dashboard/types';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 const extensionsRegistry = getExtensionsRegistry();
 
@@ -193,7 +200,7 @@ export const DashboardEmbedControls = ({ dashboardId, onHide }: Props) => {
           label={
             <span>
               {t('Allowed Domains (comma separated)')}{' '}
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 placement="top"
                 tooltip={t(
                   'A list of domain names that can embed this dashboard. Leaving this field empty will allow embedding from any domain.',
diff --git a/superset-frontend/src/dashboard/components/FiltersBadge/DetailsPanel/index.tsx b/superset-frontend/src/dashboard/components/FiltersBadge/DetailsPanel/index.tsx
index 65776ed915c..69ee0bbfb7b 100644
--- a/superset-frontend/src/dashboard/components/FiltersBadge/DetailsPanel/index.tsx
+++ b/superset-frontend/src/dashboard/components/FiltersBadge/DetailsPanel/index.tsx
@@ -20,7 +20,7 @@ import { RefObject, useEffect, useRef, KeyboardEvent } from 'react';
 
 import { useSelector } from 'react-redux';
 import { t, useTheme } from '@superset-ui/core';
-import Popover from 'src/components/Popover';
+import { Popover } from '@superset-ui/core/components';
 import {
   FiltersContainer,
   FiltersDetailsContainer,
diff --git a/superset-frontend/src/dashboard/components/FiltersBadge/FilterIndicator/index.tsx b/superset-frontend/src/dashboard/components/FiltersBadge/FilterIndicator/index.tsx
index 9d9509b304e..37ab2ef5590 100644
--- a/superset-frontend/src/dashboard/components/FiltersBadge/FilterIndicator/index.tsx
+++ b/superset-frontend/src/dashboard/components/FiltersBadge/FilterIndicator/index.tsx
@@ -19,7 +19,7 @@
 
 import { forwardRef } from 'react';
 import { css } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { getFilterValueForDisplay } from 'src/dashboard/components/nativeFilters/utils';
 import {
   FilterValue,
diff --git a/superset-frontend/src/dashboard/components/FiltersBadge/index.tsx b/superset-frontend/src/dashboard/components/FiltersBadge/index.tsx
index 0152e8735e7..80de351f919 100644
--- a/superset-frontend/src/dashboard/components/FiltersBadge/index.tsx
+++ b/superset-frontend/src/dashboard/components/FiltersBadge/index.tsx
@@ -37,10 +37,10 @@ import {
   t,
   usePrevious,
 } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { setDirectPathToChild } from 'src/dashboard/actions/dashboardState';
 import { useChartLayoutItems } from 'src/dashboard/util/useChartLayoutItems';
-import { Badge } from 'src/components';
+import { Badge } from '@superset-ui/core/components';
 import DetailsPanelPopover from './DetailsPanel';
 import {
   Indicator,
diff --git a/superset-frontend/src/dashboard/components/Header/index.jsx b/superset-frontend/src/dashboard/components/Header/index.jsx
index 98eb04846e5..b980759f1ac 100644
--- a/superset-frontend/src/dashboard/components/Header/index.jsx
+++ b/superset-frontend/src/dashboard/components/Header/index.jsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 /* eslint-env browser */
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {
   styled,
@@ -36,8 +36,8 @@ import {
   LOG_ACTIONS_FORCE_REFRESH_DASHBOARD,
   LOG_ACTIONS_TOGGLE_EDIT_DASHBOARD,
 } from 'src/logger/LogUtils';
-import { Icons } from 'src/components/Icons';
-import { Button, Tooltip, DeleteModal } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Button, Tooltip, DeleteModal } from '@superset-ui/core/components';
 import { findPermission } from 'src/utils/findPermission';
 import { safeStringify } from 'src/utils/safeStringify';
 import PublishedStatus from 'src/dashboard/components/PublishedStatus';
@@ -54,7 +54,7 @@ import setPeriodicRunner, {
 } from 'src/dashboard/util/setPeriodicRunner';
 import ReportModal from 'src/features/reports/ReportModal';
 import { deleteActiveReport } from 'src/features/reports/ReportModal/actions';
-import { PageHeaderWithActions } from 'src/components/PageHeaderWithActions';
+import { PageHeaderWithActions } from '@superset-ui/core/components/PageHeaderWithActions';
 import DashboardEmbedModal from '../EmbeddedModal';
 import OverwriteConfirm from '../OverwriteConfirm';
 import {
diff --git a/superset-frontend/src/dashboard/components/Header/useDashboardMetadataBar.tsx b/superset-frontend/src/dashboard/components/Header/useDashboardMetadataBar.tsx
index 3ded29a67a1..3379607f84b 100644
--- a/superset-frontend/src/dashboard/components/Header/useDashboardMetadataBar.tsx
+++ b/superset-frontend/src/dashboard/components/Header/useDashboardMetadataBar.tsx
@@ -19,7 +19,9 @@
 import { useMemo } from 'react';
 import { t } from '@superset-ui/core';
 import { DashboardInfo } from 'src/dashboard/types';
-import MetadataBar, { MetadataType } from 'src/components/MetadataBar';
+import MetadataBar, {
+  MetadataType,
+} from '@superset-ui/core/components/MetadataBar';
 import getOwnerName from 'src/utils/getOwnerName';
 
 export const useDashboardMetadataBar = (dashboardInfo: DashboardInfo) => {
diff --git a/superset-frontend/src/dashboard/components/Header/useHeaderActionsDropdownMenu.tsx b/superset-frontend/src/dashboard/components/Header/useHeaderActionsDropdownMenu.tsx
index aeaf9d3d7b7..6554e221958 100644
--- a/superset-frontend/src/dashboard/components/Header/useHeaderActionsDropdownMenu.tsx
+++ b/superset-frontend/src/dashboard/components/Header/useHeaderActionsDropdownMenu.tsx
@@ -18,7 +18,7 @@
  */
 import { useState, useEffect, useCallback, useMemo } from 'react';
 import { useSelector } from 'react-redux';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { t } from '@superset-ui/core';
 import { isEmpty } from 'lodash';
 import { URL_PARAMS } from 'src/constants';
diff --git a/superset-frontend/src/dashboard/components/OverwriteConfirm/OverwriteConfirmModal.tsx b/superset-frontend/src/dashboard/components/OverwriteConfirm/OverwriteConfirmModal.tsx
index 636a040645b..6c3e2e71e1c 100644
--- a/superset-frontend/src/dashboard/components/OverwriteConfirm/OverwriteConfirmModal.tsx
+++ b/superset-frontend/src/dashboard/components/OverwriteConfirm/OverwriteConfirmModal.tsx
@@ -17,11 +17,11 @@
  * under the License.
  */
 import { Fragment, useMemo, useCallback, RefObject, createRef } from 'react';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import { useDispatch } from 'react-redux';
 import ReactDiffViewer from 'react-diff-viewer-continued';
 import { useInView } from 'react-intersection-observer';
-import { Button, Modal } from 'src/components';
+import { Button, Modal } from '@superset-ui/core/components';
 import { DashboardState } from 'src/dashboard/types';
 import {
   saveDashboardRequest,
diff --git a/superset-frontend/src/dashboard/components/OverwriteConfirm/index.tsx b/superset-frontend/src/dashboard/components/OverwriteConfirm/index.tsx
index 24ea6a0796f..8adfc5c56ff 100644
--- a/superset-frontend/src/dashboard/components/OverwriteConfirm/index.tsx
+++ b/superset-frontend/src/dashboard/components/OverwriteConfirm/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { useSelector } from 'react-redux';
-import { AsyncEsmComponent } from 'src/components';
+import { AsyncEsmComponent } from '@superset-ui/core/components';
 import { DashboardState, RootState } from 'src/dashboard/types';
 
 const Modal = AsyncEsmComponent(() => import('./OverwriteConfirmModal'));
diff --git a/superset-frontend/src/dashboard/components/PropertiesModal/PropertiesModal.test.jsx b/superset-frontend/src/dashboard/components/PropertiesModal/PropertiesModal.test.jsx
index a395661cebc..48c5f7eb7cf 100644
--- a/superset-frontend/src/dashboard/components/PropertiesModal/PropertiesModal.test.jsx
+++ b/superset-frontend/src/dashboard/components/PropertiesModal/PropertiesModal.test.jsx
@@ -26,7 +26,7 @@ import {
   ThemeProvider,
 } from '@superset-ui/core';
 
-import { Modal } from 'src/components';
+import { Modal } from '@superset-ui/core/components';
 import PropertiesModal from 'src/dashboard/components/PropertiesModal';
 import { mockStore } from 'spec/fixtures/mockStore';
 
diff --git a/superset-frontend/src/dashboard/components/PropertiesModal/index.tsx b/superset-frontend/src/dashboard/components/PropertiesModal/index.tsx
index dd6210c8ebd..79e5818cea3 100644
--- a/superset-frontend/src/dashboard/components/PropertiesModal/index.tsx
+++ b/superset-frontend/src/dashboard/components/PropertiesModal/index.tsx
@@ -30,8 +30,9 @@ import {
   JsonEditor,
   Modal,
   Row,
-} from 'src/components';
-import { Typography } from 'src/components/Typography';
+  Typography,
+} from '@superset-ui/core/components';
+import { type TagType } from 'src/components';
 import rison from 'rison';
 import {
   ensureIsArray,
@@ -48,7 +49,6 @@ import {
 import ColorSchemeControlWrapper from 'src/dashboard/components/ColorSchemeControlWrapper';
 import FilterScopeModal from 'src/dashboard/components/filterscope/FilterScopeModal';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import TagType from 'src/types/TagType';
 import { fetchTags, OBJECT_TYPES } from 'src/features/tags/tags';
 import { loadTags } from 'src/components/Tag/utils';
 import {
diff --git a/superset-frontend/src/dashboard/components/PublishedStatus/index.tsx b/superset-frontend/src/dashboard/components/PublishedStatus/index.tsx
index 3e606c63eea..daa4bc2a34d 100644
--- a/superset-frontend/src/dashboard/components/PublishedStatus/index.tsx
+++ b/superset-frontend/src/dashboard/components/PublishedStatus/index.tsx
@@ -18,7 +18,7 @@
  */
 import { Component } from 'react';
 import { t } from '@superset-ui/core';
-import { Tooltip, PublishedLabel } from 'src/components';
+import { Tooltip, PublishedLabel } from '@superset-ui/core/components';
 import { HeaderProps, HeaderDropdownProps } from '../Header/types';
 
 export type DashboardPublishedStatusType = {
diff --git a/superset-frontend/src/dashboard/components/RefreshIntervalModal.test.tsx b/superset-frontend/src/dashboard/components/RefreshIntervalModal.test.tsx
index f8a75dface3..5ac75d01a31 100644
--- a/superset-frontend/src/dashboard/components/RefreshIntervalModal.test.tsx
+++ b/superset-frontend/src/dashboard/components/RefreshIntervalModal.test.tsx
@@ -19,7 +19,7 @@
 import { isValidElement } from 'react';
 import { render, screen, userEvent } from 'spec/helpers/testing-library';
 import fetchMock from 'fetch-mock';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 import RefreshIntervalModal from 'src/dashboard/components/RefreshIntervalModal';
 import { Provider } from 'react-redux';
diff --git a/superset-frontend/src/dashboard/components/RefreshIntervalModal.tsx b/superset-frontend/src/dashboard/components/RefreshIntervalModal.tsx
index 0d60c42d018..d10daf6be4c 100644
--- a/superset-frontend/src/dashboard/components/RefreshIntervalModal.tsx
+++ b/superset-frontend/src/dashboard/components/RefreshIntervalModal.tsx
@@ -17,11 +17,20 @@
  * under the License.
  */
 import { createRef, PureComponent } from 'react';
-import { FormLabel, Alert, Button, Input, Select } from 'src/components';
+import {
+  FormLabel,
+  Alert,
+  Button,
+  Input,
+  Select,
+} from '@superset-ui/core/components';
 import { t, styled } from '@superset-ui/core';
 
-import ModalTrigger, { ModalTriggerRef } from 'src/components/ModalTrigger';
-import { propertyComparator } from 'src/components/Select/utils';
+import {
+  ModalTrigger,
+  ModalTriggerRef,
+} from '@superset-ui/core/components/ModalTrigger';
+import { propertyComparator } from '@superset-ui/core/components/Select/utils';
 
 const StyledModalTrigger = styled(ModalTrigger)`
   .ant-modal-body {
diff --git a/superset-frontend/src/dashboard/components/SaveModal.tsx b/superset-frontend/src/dashboard/components/SaveModal.tsx
index a248dc51408..3c908f7eab8 100644
--- a/superset-frontend/src/dashboard/components/SaveModal.tsx
+++ b/superset-frontend/src/dashboard/components/SaveModal.tsx
@@ -18,11 +18,21 @@
  */
 /* eslint-env browser */
 import { createRef, PureComponent } from 'react';
-import { Radio, RadioChangeEvent } from 'src/components/Radio';
-import { Button, Checkbox, Form, Input, Divider, Space } from 'src/components';
+import { Radio, RadioChangeEvent } from '@superset-ui/core/components/Radio';
+import {
+  Button,
+  Checkbox,
+  Form,
+  Input,
+  Divider,
+  Space,
+} from '@superset-ui/core/components';
 import { t, themeObject, JsonResponse } from '@superset-ui/core';
 
-import ModalTrigger, { ModalTriggerRef } from 'src/components/ModalTrigger';
+import {
+  ModalTrigger,
+  ModalTriggerRef,
+} from '@superset-ui/core/components/ModalTrigger';
 import {
   SAVE_TYPE_OVERWRITE,
   SAVE_TYPE_NEWDASHBOARD,
diff --git a/superset-frontend/src/dashboard/components/SliceAdder.tsx b/superset-frontend/src/dashboard/components/SliceAdder.tsx
index 64fb91dad77..dfde8ec7a87 100644
--- a/superset-frontend/src/dashboard/components/SliceAdder.tsx
+++ b/superset-frontend/src/dashboard/components/SliceAdder.tsx
@@ -23,8 +23,15 @@ import { FixedSizeList as List } from 'react-window';
 // @ts-ignore
 import { createFilter } from 'react-search-input';
 import { t, styled, css } from '@superset-ui/core';
-import { Button, Select, Checkbox, Input, Loading } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import {
+  Button,
+  Checkbox,
+  InfoTooltip,
+  Input,
+  Loading,
+  Select,
+} from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import {
   LocalStorageKeys,
   getItem,
@@ -39,7 +46,6 @@ import {
   NEW_COMPONENTS_SOURCE_ID,
 } from 'src/dashboard/util/constants';
 import { debounce, pickBy } from 'lodash';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
 import { Dispatch } from 'redux';
 import { Slice } from 'src/dashboard/types';
 import { withTheme, Theme } from '@emotion/react';
@@ -410,7 +416,7 @@ class SliceAdder extends Component<SliceAdderProps, SliceAdderState> {
             checked={this.state.showOnlyMyCharts}
           />
           {t('Show only my charts')}
-          <InfoTooltipWithTrigger
+          <InfoTooltip
             placement="top"
             tooltip={t(
               `You can choose to display all charts that you have access to or only the ones you own.
diff --git a/superset-frontend/src/dashboard/components/SliceHeader/index.tsx b/superset-frontend/src/dashboard/components/SliceHeader/index.tsx
index 69b9cc41c9f..8c0df83a883 100644
--- a/superset-frontend/src/dashboard/components/SliceHeader/index.tsx
+++ b/superset-frontend/src/dashboard/components/SliceHeader/index.tsx
@@ -24,17 +24,24 @@ import {
   useRef,
   useState,
 } from 'react';
-import { css, getExtensionsRegistry, styled, t } from '@superset-ui/core';
+import {
+  css,
+  getExtensionsRegistry,
+  SupersetTheme,
+  styled,
+  t,
+} from '@superset-ui/core';
 import { useUiConfig } from 'src/components/UiConfigContext';
-import { Tooltip, EditableTitle } from 'src/components';
+import { Tooltip, EditableTitle } from '@superset-ui/core/components';
 import { useSelector } from 'react-redux';
 import SliceHeaderControls from 'src/dashboard/components/SliceHeaderControls';
 import { SliceHeaderControlsProps } from 'src/dashboard/components/SliceHeaderControls/types';
 import FiltersBadge from 'src/dashboard/components/FiltersBadge';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { RootState } from 'src/dashboard/types';
 import { getSliceHeaderTooltip } from 'src/dashboard/util/getSliceHeaderTooltip';
 import { DashboardPageIdContext } from 'src/dashboard/containers/DashboardPage';
+import { Link } from 'react-router-dom';
 
 const extensionsRegistry = getExtensionsRegistry();
 
@@ -194,6 +201,22 @@ const SliceHeader = forwardRef<HTMLDivElement, SliceHeaderProps>(
 
     const exploreUrl = `/explore/?dashboard_page_id=${dashboardPageId}&slice_id=${slice.slice_id}`;
 
+    const renderExploreLink = (title: string) => (
+      <Link
+        to={exploreUrl}
+        css={(theme: SupersetTheme) => css`
+          color: ${theme.colorText};
+          text-decoration: none;
+          :hover {
+            text-decoration: underline;
+          }
+          display: inline-block;
+        `}
+      >
+        {title}
+      </Link>
+    );
+
     return (
       <ChartHeaderStyles data-test="slice-header" ref={ref}>
         <div className="header-title" ref={headerRef}>
@@ -208,7 +231,9 @@ const SliceHeader = forwardRef<HTMLDivElement, SliceHeaderProps>(
               canEdit={editMode}
               onSaveTitle={updateSliceName}
               showTooltip={false}
-              url={canExplore ? exploreUrl : undefined}
+              renderLink={
+                canExplore && exploreUrl ? renderExploreLink : undefined
+              }
             />
           </Tooltip>
           {!!Object.values(annotationQuery).length && (
diff --git a/superset-frontend/src/dashboard/components/SliceHeaderControls/ViewResultsModalTrigger.tsx b/superset-frontend/src/dashboard/components/SliceHeaderControls/ViewResultsModalTrigger.tsx
index 202e51c62f0..6752428283c 100644
--- a/superset-frontend/src/dashboard/components/SliceHeaderControls/ViewResultsModalTrigger.tsx
+++ b/superset-frontend/src/dashboard/components/SliceHeaderControls/ViewResultsModalTrigger.tsx
@@ -19,8 +19,7 @@
 import { ReactChild, RefObject, useCallback } from 'react';
 import { useHistory } from 'react-router-dom';
 import { css, t, useTheme } from '@superset-ui/core';
-import { Button } from 'src/components';
-import ModalTrigger from 'src/components/ModalTrigger';
+import { Button, ModalTrigger } from '@superset-ui/core/components';
 
 export const ViewResultsModalTrigger = ({
   canExplore,
diff --git a/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx b/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx
index 2cbb69fb44c..60b9ebe7871 100644
--- a/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx
+++ b/superset-frontend/src/dashboard/components/SliceHeaderControls/index.tsx
@@ -26,7 +26,7 @@ import {
 } from 'react';
 
 import { RouteComponentProps, useHistory } from 'react-router-dom';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import {
   Behavior,
   css,
@@ -41,13 +41,17 @@ import {
   QueryFormData,
 } from '@superset-ui/core';
 import { useSelector } from 'react-redux';
-import { Menu } from 'src/components/Menu';
-import { NoAnimationDropdown, Tooltip, Button } from 'src/components';
+import { Menu } from '@superset-ui/core/components/Menu';
+import {
+  NoAnimationDropdown,
+  Tooltip,
+  Button,
+  ModalTrigger,
+} from '@superset-ui/core/components';
 import ShareMenuItems from 'src/dashboard/components/menu/ShareMenuItems';
 import downloadAsImage from 'src/utils/downloadAsImage';
 import { getSliceHeaderTooltip } from 'src/dashboard/util/getSliceHeaderTooltip';
-import { Icons } from 'src/components/Icons';
-import ModalTrigger from 'src/components/ModalTrigger';
+import { Icons } from '@superset-ui/core/components/Icons';
 import ViewQueryModal from 'src/explore/components/controls/ViewQueryModal';
 import { ResultsPaneOnDashboard } from 'src/explore/components/DataTablesPane';
 import { DrillDetailMenuItems } from 'src/components/Chart/DrillDetail';
diff --git a/superset-frontend/src/dashboard/components/URLShortLinkButton/index.tsx b/superset-frontend/src/dashboard/components/URLShortLinkButton/index.tsx
index 14cd81b167d..9eee188a833 100644
--- a/superset-frontend/src/dashboard/components/URLShortLinkButton/index.tsx
+++ b/superset-frontend/src/dashboard/components/URLShortLinkButton/index.tsx
@@ -18,13 +18,18 @@
  */
 import { useState } from 'react';
 import { getClientErrorObject, t, useTheme } from '@superset-ui/core';
-import Popover, { PopoverProps } from 'src/components/Popover';
-import { CopyToClipboard, Button, Icons } from 'src/components';
+import {
+  Button,
+  Icons,
+  Popover,
+  type PopoverProps,
+} from '@superset-ui/core/components';
+import { CopyToClipboard } from 'src/components';
 import { getDashboardPermalink } from 'src/utils/urlUtils';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { shallowEqual, useSelector } from 'react-redux';
 import { RootState } from 'src/dashboard/types';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 export type URLShortLinkButtonProps = {
   dashboardId: number;
diff --git a/superset-frontend/src/dashboard/components/dnd/DragHandle.tsx b/superset-frontend/src/dashboard/components/dnd/DragHandle.tsx
index 4933cf20b59..a9418bbe441 100644
--- a/superset-frontend/src/dashboard/components/dnd/DragHandle.tsx
+++ b/superset-frontend/src/dashboard/components/dnd/DragHandle.tsx
@@ -18,7 +18,7 @@
  */
 import { LegacyRef } from 'react';
 import { css, styled } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 interface DragHandleProps {
   position: 'left' | 'top';
diff --git a/superset-frontend/src/dashboard/components/filterscope/FilterFieldItem.jsx b/superset-frontend/src/dashboard/components/filterscope/FilterFieldItem.jsx
index 05912355c58..6beb78c894c 100644
--- a/superset-frontend/src/dashboard/components/filterscope/FilterFieldItem.jsx
+++ b/superset-frontend/src/dashboard/components/filterscope/FilterFieldItem.jsx
@@ -18,7 +18,7 @@
  */
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { FormLabel } from 'src/components';
+import { FormLabel } from '@superset-ui/core/components';
 
 const propTypes = {
   label: PropTypes.string.isRequired,
diff --git a/superset-frontend/src/dashboard/components/filterscope/FilterScopeModal.tsx b/superset-frontend/src/dashboard/components/filterscope/FilterScopeModal.tsx
index e85f58ecfef..0695bb125ff 100644
--- a/superset-frontend/src/dashboard/components/filterscope/FilterScopeModal.tsx
+++ b/superset-frontend/src/dashboard/components/filterscope/FilterScopeModal.tsx
@@ -18,7 +18,10 @@
  */
 import { createRef, PureComponent } from 'react';
 import { styled } from '@superset-ui/core';
-import ModalTrigger, { ModalTriggerRef } from 'src/components/ModalTrigger';
+import {
+  ModalTrigger,
+  ModalTriggerRef,
+} from '@superset-ui/core/components/ModalTrigger';
 import FilterScope from 'src/dashboard/containers/FilterScope';
 
 type FilterScopeModalProps = {
diff --git a/superset-frontend/src/dashboard/components/filterscope/FilterScopeSelector.jsx b/superset-frontend/src/dashboard/components/filterscope/FilterScopeSelector.jsx
index fff0ef7f203..c834911c336 100644
--- a/superset-frontend/src/dashboard/components/filterscope/FilterScopeSelector.jsx
+++ b/superset-frontend/src/dashboard/components/filterscope/FilterScopeSelector.jsx
@@ -19,7 +19,7 @@
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { Button, Input } from 'src/components';
+import { Button, Input } from '@superset-ui/core/components';
 import { css, t, styled } from '@superset-ui/core';
 
 import buildFilterScopeTreeEntry from 'src/dashboard/util/buildFilterScopeTreeEntry';
diff --git a/superset-frontend/src/dashboard/components/filterscope/renderFilterScopeTreeNodes.jsx b/superset-frontend/src/dashboard/components/filterscope/renderFilterScopeTreeNodes.jsx
index 764f7c531c1..bb52ef24402 100644
--- a/superset-frontend/src/dashboard/components/filterscope/renderFilterScopeTreeNodes.jsx
+++ b/superset-frontend/src/dashboard/components/filterscope/renderFilterScopeTreeNodes.jsx
@@ -18,7 +18,7 @@
  */
 import cx from 'classnames';
 import { styled } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { CHART_TYPE } from 'src/dashboard/util/componentTypes';
 
 const ChartIcon = styled(Icons.BarChartOutlined)`
diff --git a/superset-frontend/src/dashboard/components/filterscope/treeIcons.jsx b/superset-frontend/src/dashboard/components/filterscope/treeIcons.jsx
index 9e6ab6382ae..6ed6ced8704 100644
--- a/superset-frontend/src/dashboard/components/filterscope/treeIcons.jsx
+++ b/superset-frontend/src/dashboard/components/filterscope/treeIcons.jsx
@@ -23,7 +23,7 @@ import {
   CheckboxChecked,
   CheckboxUnchecked,
   CheckboxHalfChecked,
-} from 'src/components/Checkbox/CheckboxIcons';
+} from '@superset-ui/core/components/Checkbox/CheckboxIcons';
 
 const treeIcons = {
   check: <CheckboxChecked />,
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Column.jsx b/superset-frontend/src/dashboard/components/gridComponents/Column.jsx
index 2e0154cc1cb..1c8f8ffc73a 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Column.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Column.jsx
@@ -20,7 +20,7 @@ import { Fragment, useCallback, useState, useMemo, memo } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { css, styled, t } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import DashboardComponent from 'src/dashboard/containers/DashboardComponent';
 import DeleteComponentButton from 'src/dashboard/components/DeleteComponentButton';
 import {
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Header.jsx b/superset-frontend/src/dashboard/components/gridComponents/Header.jsx
index 9e9498d5e9d..6c2e304c58b 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Header.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Header.jsx
@@ -21,8 +21,8 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { css, styled } from '@superset-ui/core';
 
-import PopoverDropdown from 'src/components/PopoverDropdown';
-import { EditableTitle } from 'src/components';
+import PopoverDropdown from '@superset-ui/core/components/PopoverDropdown';
+import { EditableTitle } from '@superset-ui/core/components';
 import { Draggable } from 'src/dashboard/components/dnd/DragDroppable';
 import DragHandle from 'src/dashboard/components/dnd/DragHandle';
 import AnchorLink from 'src/dashboard/components/AnchorLink';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Markdown.jsx b/superset-frontend/src/dashboard/components/gridComponents/Markdown.jsx
index 663d45f9d5d..a546244d1aa 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Markdown.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Markdown.jsx
@@ -21,9 +21,9 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import cx from 'classnames';
 
-import { css, styled, t, SafeMarkdown } from '@superset-ui/core';
+import { css, styled, t } from '@superset-ui/core';
+import { SafeMarkdown, MarkdownEditor } from '@superset-ui/core/components';
 import { Logger, LOG_ACTIONS_RENDER_CHART } from 'src/logger/LogUtils';
-import { MarkdownEditor } from 'src/components';
 
 import DeleteComponentButton from 'src/dashboard/components/DeleteComponentButton';
 import { Draggable } from 'src/dashboard/components/dnd/DragDroppable';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Row.jsx b/superset-frontend/src/dashboard/components/gridComponents/Row.jsx
index aa67131f796..64fedfef150 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Row.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Row.jsx
@@ -29,12 +29,12 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import {
   css,
-  FAST_DEBOUNCE,
   FeatureFlag,
   isFeatureEnabled,
   styled,
   t,
 } from '@superset-ui/core';
+import { Icons, Constants } from '@superset-ui/core/components';
 
 import {
   Draggable,
@@ -44,7 +44,6 @@ import DragHandle from 'src/dashboard/components/dnd/DragHandle';
 import DashboardComponent from 'src/dashboard/containers/DashboardComponent';
 import DeleteComponentButton from 'src/dashboard/components/DeleteComponentButton';
 import HoverMenu from 'src/dashboard/components/menu/HoverMenu';
-import { Icons } from 'src/components/Icons';
 import IconButton from 'src/dashboard/components/IconButton';
 import BackgroundStyleDropdown from 'src/dashboard/components/menu/BackgroundStyleDropdown';
 import WithPopoverMenu from 'src/dashboard/components/menu/WithPopoverMenu';
@@ -222,7 +221,7 @@ const Row = props => {
         setContainerHeight(updatedHeight);
       }
     },
-    FAST_DEBOUNCE,
+    Constants.FAST_DEBOUNCE,
     [editMode, containerHeight],
   );
 
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Tab.jsx b/superset-frontend/src/dashboard/components/gridComponents/Tab.jsx
index eb8b4a49473..5c9229cbddf 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Tab.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Tab.jsx
@@ -22,7 +22,7 @@ import classNames from 'classnames';
 import { useDispatch, useSelector } from 'react-redux';
 import { styled, t } from '@superset-ui/core';
 
-import { EditableTitle, EmptyState } from 'src/components';
+import { EditableTitle, EmptyState } from '@superset-ui/core/components';
 import { setEditMode } from 'src/dashboard/actions/dashboardState';
 import DashboardComponent from 'src/dashboard/containers/DashboardComponent';
 import AnchorLink from 'src/dashboard/components/AnchorLink';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Tab.test.tsx b/superset-frontend/src/dashboard/components/gridComponents/Tab.test.tsx
index b1b7e888ac5..05ceb7e0cc4 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Tab.test.tsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Tab.test.tsx
@@ -25,7 +25,7 @@ import {
   userEvent,
 } from 'spec/helpers/testing-library';
 import DashboardComponent from 'src/dashboard/containers/DashboardComponent';
-import { EditableTitle } from 'src/components';
+import { EditableTitle } from '@superset-ui/core/components';
 import { setEditMode } from 'src/dashboard/actions/dashboardState';
 
 import Tab from './Tab';
@@ -34,7 +34,7 @@ import Markdown from './Markdown';
 jest.mock('src/dashboard/containers/DashboardComponent', () =>
   jest.fn(() => <div data-test="DashboardComponent" />),
 );
-jest.mock('src/components/EditableTitle', () => ({
+jest.mock('@superset-ui/core/components/EditableTitle', () => ({
   __esModule: true,
   EditableTitle: jest.fn(props => (
     <button type="button" data-test="EditableTitle" onClick={props.onSaveTitle}>
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx b/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
index c7b9ce7849b..0073d6dade9 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Tabs.jsx
@@ -20,10 +20,10 @@ import { useCallback, useEffect, useMemo, useState, memo } from 'react';
 import PropTypes from 'prop-types';
 import { styled, t, usePrevious, css } from '@superset-ui/core';
 import { useSelector } from 'react-redux';
-import { LineEditableTabs } from 'src/components/Tabs';
-import { Icons } from 'src/components/Icons';
+import { LineEditableTabs } from '@superset-ui/core/components/Tabs';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { LOG_ACTIONS_SELECT_DASHBOARD_TAB } from 'src/logger/LogUtils';
-import { Modal } from 'src/components';
+import { Modal } from '@superset-ui/core/components';
 import { DROP_LEFT, DROP_RIGHT } from 'src/dashboard/util/getDropPosition';
 import { Draggable } from '../dnd/DragDroppable';
 import DragHandle from '../dnd/DragHandle';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Tabs.test.jsx b/superset-frontend/src/dashboard/components/gridComponents/Tabs.test.jsx
index 819776ebb99..0f2d4cc6111 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/Tabs.test.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/Tabs.test.jsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { fireEvent, render } from 'spec/helpers/testing-library';
-import { Modal } from 'src/components';
+import { Modal } from '@superset-ui/core/components';
 import fetchMock from 'fetch-mock';
 import Tabs from 'src/dashboard/components/gridComponents/Tabs';
 import { DASHBOARD_ROOT_ID } from 'src/dashboard/util/constants';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/new/NewColumn.jsx b/superset-frontend/src/dashboard/components/gridComponents/new/NewColumn.jsx
index 0c5fdce8f4f..b7e09e45ba2 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/new/NewColumn.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/new/NewColumn.jsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 import { COLUMN_TYPE } from '../../../util/componentTypes';
 import { NEW_COLUMN_ID } from '../../../util/constants';
 import DraggableNewComponent from './DraggableNewComponent';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/new/NewDivider.jsx b/superset-frontend/src/dashboard/components/gridComponents/new/NewDivider.jsx
index 5ee7c3506fe..8d3a745bb81 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/new/NewDivider.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/new/NewDivider.jsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 import { DIVIDER_TYPE } from '../../../util/componentTypes';
 import { NEW_DIVIDER_ID } from '../../../util/constants';
 import DraggableNewComponent from './DraggableNewComponent';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/new/NewHeader.jsx b/superset-frontend/src/dashboard/components/gridComponents/new/NewHeader.jsx
index d7f14200db6..ceb74dafba3 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/new/NewHeader.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/new/NewHeader.jsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 import { HEADER_TYPE } from '../../../util/componentTypes';
 import { NEW_HEADER_ID } from '../../../util/constants';
 import DraggableNewComponent from './DraggableNewComponent';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/new/NewMarkdown.jsx b/superset-frontend/src/dashboard/components/gridComponents/new/NewMarkdown.jsx
index a815acda5a1..100f3f38333 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/new/NewMarkdown.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/new/NewMarkdown.jsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 import { MARKDOWN_TYPE } from '../../../util/componentTypes';
 import { NEW_MARKDOWN_ID } from '../../../util/constants';
 import DraggableNewComponent from './DraggableNewComponent';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/new/NewRow.jsx b/superset-frontend/src/dashboard/components/gridComponents/new/NewRow.jsx
index d4b5e5be7bc..8f735cadbf9 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/new/NewRow.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/new/NewRow.jsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 import { ROW_TYPE } from '../../../util/componentTypes';
 import { NEW_ROW_ID } from '../../../util/constants';
 import DraggableNewComponent from './DraggableNewComponent';
diff --git a/superset-frontend/src/dashboard/components/gridComponents/new/NewTabs.jsx b/superset-frontend/src/dashboard/components/gridComponents/new/NewTabs.jsx
index 6c3b70a964b..237dfb96b45 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/new/NewTabs.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/new/NewTabs.jsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 import { TABS_TYPE } from '../../../util/componentTypes';
 import { NEW_TABS_ID } from '../../../util/constants';
 import DraggableNewComponent from './DraggableNewComponent';
diff --git a/superset-frontend/src/dashboard/components/menu/BackgroundStyleDropdown.tsx b/superset-frontend/src/dashboard/components/menu/BackgroundStyleDropdown.tsx
index 30f126061d5..f37acf7e193 100644
--- a/superset-frontend/src/dashboard/components/menu/BackgroundStyleDropdown.tsx
+++ b/superset-frontend/src/dashboard/components/menu/BackgroundStyleDropdown.tsx
@@ -24,7 +24,7 @@ import backgroundStyleOptions from 'src/dashboard/util/backgroundStyleOptions';
 import PopoverDropdown, {
   OptionProps,
   OnChangeHandler,
-} from 'src/components/PopoverDropdown';
+} from '@superset-ui/core/components/PopoverDropdown';
 
 interface BackgroundStyleDropdownProps {
   id: string;
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.test.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.test.tsx
index 2885fa7affa..6a5b0a2e114 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.test.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.test.tsx
@@ -23,7 +23,7 @@ import {
   userEvent,
   waitFor,
 } from 'spec/helpers/testing-library';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import downloadAsImage from 'src/utils/downloadAsImage';
 import DownloadAsImage from './DownloadAsImage';
 
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.tsx
index 5490d7b8059..1d98b47a205 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsImage.tsx
@@ -18,7 +18,7 @@
  */
 import { SyntheticEvent } from 'react';
 import { logging, t } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { LOG_ACTIONS_DASHBOARD_DOWNLOAD_AS_IMAGE } from 'src/logger/LogUtils';
 import downloadAsImage from 'src/utils/downloadAsImage';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.test.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.test.tsx
index fddd33cc1e4..3110ea441fa 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.test.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.test.tsx
@@ -23,7 +23,7 @@ import {
   userEvent,
   waitFor,
 } from 'spec/helpers/testing-library';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import downloadAsPdf from 'src/utils/downloadAsPdf';
 import DownloadAsPdf from './DownloadAsPdf';
 
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.tsx
index 47309b842a9..d7ed81b7d5c 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadAsPdf.tsx
@@ -18,7 +18,7 @@
  */
 import { SyntheticEvent } from 'react';
 import { logging, t } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import downloadAsPdf from 'src/utils/downloadAsPdf';
 import { LOG_ACTIONS_DASHBOARD_DOWNLOAD_AS_PDF } from 'src/logger/LogUtils';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadMenuItems.test.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadMenuItems.test.tsx
index 2bd3a2cd9d0..1f45af9722d 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadMenuItems.test.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadMenuItems.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { render, screen } from 'spec/helpers/testing-library';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import DownloadMenuItems from '.';
 
 const createProps = () => ({
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.test.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.test.tsx
index 57e996ec710..5707c6734a8 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.test.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.test.tsx
@@ -23,7 +23,7 @@ import {
   userEvent,
   waitFor,
 } from 'spec/helpers/testing-library';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import fetchMock from 'fetch-mock';
 import { logging } from '@superset-ui/core';
 import { DownloadScreenshotFormat } from './types';
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.tsx
index e70a634c498..8a47e042223 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/DownloadScreenshot.tsx
@@ -23,7 +23,7 @@ import {
   SupersetClient,
   SupersetApiError,
 } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import {
   LOG_ACTIONS_DASHBOARD_DOWNLOAD_AS_IMAGE,
   LOG_ACTIONS_DASHBOARD_DOWNLOAD_AS_PDF,
diff --git a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/index.tsx b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/index.tsx
index cdb73d5e17b..cbbc6823b71 100644
--- a/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/index.tsx
+++ b/superset-frontend/src/dashboard/components/menu/DownloadMenuItems/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { FeatureFlag, isFeatureEnabled } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { useDownloadScreenshot } from 'src/dashboard/hooks/useDownloadScreenshot';
 import { ComponentProps } from 'react';
 import { DownloadScreenshotFormat } from './types';
diff --git a/superset-frontend/src/dashboard/components/menu/MarkdownModeDropdown.tsx b/superset-frontend/src/dashboard/components/menu/MarkdownModeDropdown.tsx
index 78fe2e047a8..e0c7b2cc0ec 100644
--- a/superset-frontend/src/dashboard/components/menu/MarkdownModeDropdown.tsx
+++ b/superset-frontend/src/dashboard/components/menu/MarkdownModeDropdown.tsx
@@ -21,7 +21,7 @@ import { t } from '@superset-ui/core';
 
 import PopoverDropdown, {
   OnChangeHandler,
-} from 'src/components/PopoverDropdown';
+} from '@superset-ui/core/components/PopoverDropdown';
 
 interface MarkdownModeDropdownProps {
   id: string;
diff --git a/superset-frontend/src/dashboard/components/menu/ShareMenuItems/ShareMenuItems.test.tsx b/superset-frontend/src/dashboard/components/menu/ShareMenuItems/ShareMenuItems.test.tsx
index 8a4a3f036d3..4b6db260302 100644
--- a/superset-frontend/src/dashboard/components/menu/ShareMenuItems/ShareMenuItems.test.tsx
+++ b/superset-frontend/src/dashboard/components/menu/ShareMenuItems/ShareMenuItems.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import {
   render,
   screen,
diff --git a/superset-frontend/src/dashboard/components/menu/ShareMenuItems/index.tsx b/superset-frontend/src/dashboard/components/menu/ShareMenuItems/index.tsx
index 4fb191a0676..9d663958e38 100644
--- a/superset-frontend/src/dashboard/components/menu/ShareMenuItems/index.tsx
+++ b/superset-frontend/src/dashboard/components/menu/ShareMenuItems/index.tsx
@@ -19,7 +19,7 @@
 import { ComponentProps, RefObject } from 'react';
 import copyTextToClipboard from 'src/utils/copy';
 import { t, logging } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { getDashboardPermalink } from 'src/utils/urlUtils';
 import { MenuKeys, RootState } from 'src/dashboard/types';
 import { shallowEqual, useSelector } from 'react-redux';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx
index faff8975ec6..0397e0b2d89 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/ActionButtons/index.tsx
@@ -26,7 +26,7 @@ import {
   SupersetTheme,
   styled,
 } from '@superset-ui/core';
-import { Button } from 'src/components';
+import { Button } from '@superset-ui/core/components';
 import { OPEN_FILTER_BAR_WIDTH } from 'src/dashboard/constants';
 import { rgba } from 'emotion-rgba';
 import { FilterBarOrientation } from 'src/dashboard/types';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTag.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTag.tsx
index 8e7baa09d0b..8200ace103c 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTag.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTag.tsx
@@ -26,7 +26,7 @@ import {
 } from '@superset-ui/core';
 import { CrossFilterIndicator } from 'src/dashboard/components/nativeFilters/selectors';
 import { Tag } from 'src/components/Tag';
-import { Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
 import { FilterBarOrientation } from 'src/dashboard/types';
 import { ellipsisCss } from './styles';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTitle.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTitle.tsx
index 735da7a006d..e217e1dd143 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTitle.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/CrossFilterTitle.tsx
@@ -24,9 +24,9 @@ import {
   useTheme,
   useCSSTextTruncation,
 } from '@superset-ui/core';
-import { Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
 import { FilterBarOrientation } from 'src/dashboard/types';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { ellipsisCss } from './styles';
 
 const StyledCrossFilterTitle = styled.div`
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ChartsScopingListPanel.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ChartsScopingListPanel.tsx
index 8443820005e..9d0a62b2b9f 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ChartsScopingListPanel.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ChartsScopingListPanel.tsx
@@ -27,8 +27,8 @@ import {
 } from 'src/dashboard/types';
 import { useSelector } from 'react-redux';
 import { CHART_TYPE } from 'src/dashboard/util/componentTypes';
-import { Icons } from 'src/components/Icons';
-import { Button } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Button } from '@superset-ui/core/components';
 import { FilterTitle } from 'src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitleContainer';
 import { NEW_CHART_SCOPING_ID } from './constants';
 
@@ -73,7 +73,7 @@ const ScopingTitle = ({
       <Icons.DeleteOutlined
         iconColor={theme.colors.grayscale.light3}
         iconSize="xl"
-        onClick={event => {
+        onClick={(event: React.MouseEvent<HTMLElement>) => {
           event.stopPropagation();
           onRemove(id);
         }}
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingModal.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingModal.tsx
index 00f87a75a70..a533d166084 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingModal.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingModal.tsx
@@ -19,7 +19,7 @@
 import { useCallback, useMemo, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { isDefined, NativeFilterScope, t } from '@superset-ui/core';
-import { Modal } from 'src/components';
+import { Modal } from '@superset-ui/core/components';
 import {
   ChartConfiguration,
   RootState,
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingTreePanel.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingTreePanel.tsx
index acc9dad9e55..d0669b2c551 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingTreePanel.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/ScopingModal/ScopingTreePanel.tsx
@@ -26,7 +26,7 @@ import {
   t,
   useTheme,
 } from '@superset-ui/core';
-import { Select, Tooltip, Alert } from 'src/components';
+import { Select, Tooltip, Alert } from '@superset-ui/core/components';
 import { noOp } from 'src/utils/common';
 import ScopingTree from 'src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/ScopingTree';
 import {
@@ -36,8 +36,8 @@ import {
   RootState,
 } from 'src/dashboard/types';
 import { CHART_TYPE } from 'src/dashboard/util/componentTypes';
-import type { SelectOptionsType } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import type { SelectOptionsType } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { NEW_CHART_SCOPING_ID } from './constants';
 
 interface ScopingTreePanelProps {
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/VerticalCollapse.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/VerticalCollapse.tsx
index 185ab68494f..edbe58897c0 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/VerticalCollapse.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/CrossFilters/VerticalCollapse.tsx
@@ -18,7 +18,7 @@
  */
 
 import { useMemo } from 'react';
-import { Collapse, Divider } from 'src/components';
+import { Collapse, Divider } from '@superset-ui/core/components';
 import { t } from '@superset-ui/core';
 import { FilterBarOrientation } from 'src/dashboard/types';
 import CrossFilter from './CrossFilter';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/FilterBarSettings.test.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/FilterBarSettings.test.tsx
index 9c566410e91..4417e80a186 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/FilterBarSettings.test.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/FilterBarSettings.test.tsx
@@ -18,9 +18,8 @@
  */
 
 import fetchMock from 'fetch-mock';
-import { waitFor } from '@testing-library/react';
+import { waitFor, render, screen, within } from 'spec/helpers/testing-library';
 import userEvent from '@testing-library/user-event';
-import { render, screen, within } from 'spec/helpers/testing-library';
 import { DashboardInfo, FilterBarOrientation } from 'src/dashboard/types';
 import * as mockedMessageActions from 'src/components/MessageToasts/actions';
 import FilterBarSettings from '.';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/index.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/index.tsx
index be73ac207d6..abe3701ab07 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/index.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterBarSettings/index.tsx
@@ -20,15 +20,15 @@
 import { useCallback, useMemo, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { styled, t, useTheme, css } from '@superset-ui/core';
-import { MenuProps } from 'src/components/Menu';
+import { MenuProps } from '@superset-ui/core/components/Menu';
 import { FilterBarOrientation, RootState } from 'src/dashboard/types';
 import {
   saveFilterBarOrientation,
   saveCrossFiltersSetting,
 } from 'src/dashboard/actions/dashboardInfo';
-import { Icons } from 'src/components/Icons';
-import { Button, Checkbox, Dropdown } from 'src/components';
-import { Space } from 'src/components/Space';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Button, Checkbox, Dropdown } from '@superset-ui/core/components';
+import { Space } from '@superset-ui/core/components/Space';
 import { clearDataMaskState } from 'src/dataMask/actions';
 import { useFilters } from 'src/dashboard/components/nativeFilters/FilterBar/state';
 import { useFilterConfigModal } from 'src/dashboard/components/nativeFilters/FilterBar/FilterConfigurationLink/useFilterConfigModal';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
index 0065628203c..0d9a2550ff0 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControl.tsx
@@ -28,7 +28,7 @@ import {
   Form,
   Icons,
   Tooltip,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import { FilterBarOrientation } from 'src/dashboard/types';
 import { checkIsMissingRequiredValue } from '../utils';
 import FilterValue from './FilterValue';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx
index 3a87ede0a15..3a50e1e5a51 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterControls.tsx
@@ -50,8 +50,8 @@ import { FilterBarOrientation, RootState } from 'src/dashboard/types';
 import {
   DropdownContainer,
   type DropdownRef as DropdownContainerRef,
-} from 'src/components';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { useChartIds } from 'src/dashboard/util/charts/useChartIds';
 import { useChartLayoutItems } from 'src/dashboard/util/useChartLayoutItems';
 import { FiltersOutOfScopeCollapsible } from '../FiltersOutOfScopeCollapsible';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterDivider.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterDivider.tsx
index f58c6245332..f77c574e209 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterDivider.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterDivider.tsx
@@ -23,8 +23,8 @@ import {
   useCSSTextTruncation,
   truncationCSS,
 } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Tooltip } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Tooltip } from '@superset-ui/core/components';
 import { FilterBarOrientation } from 'src/dashboard/types';
 import { FilterDividerProps } from './types';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx
index f7cc26d42b4..776458c9a7d 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx
@@ -44,11 +44,8 @@ import {
 import { useDispatch, useSelector } from 'react-redux';
 import { isEqual, isEqualWith } from 'lodash';
 import { getChartDataRequest } from 'src/components/Chart/chartAction';
-import {
-  ErrorAlert,
-  ErrorMessageWithStackTrace,
-  Loading,
-} from 'src/components';
+import { ErrorAlert, ErrorMessageWithStackTrace } from 'src/components';
+import { Loading, Constants } from '@superset-ui/core/components';
 import { waitForAsyncData } from 'src/middleware/asyncEvent';
 import { FilterBarOrientation, RootState } from 'src/dashboard/types';
 import {
@@ -56,7 +53,6 @@ import {
   setDirectPathToChild,
 } from 'src/dashboard/actions/dashboardState';
 import { RESPONSIVE_WIDTH } from 'src/filters/components/common';
-import { FAST_DEBOUNCE } from 'src/constants';
 import { dispatchHoverAction, dispatchFocusAction } from './utils';
 import { FilterControlProps } from './types';
 import { getFormData } from '../../utils';
@@ -236,7 +232,7 @@ const FilterValue: FC<FilterControlProps> = ({
         () => {
           inputRef?.current?.focus();
         },
-        overflow ? FAST_DEBOUNCE : 0,
+        overflow ? Constants.FAST_DEBOUNCE : 0,
       );
     }
   }, [inputRef, outlinedFilterId, lastUpdated, filter.id, overflow]);
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/utils.ts b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/utils.ts
index 5e0e159d118..ad052d4784b 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/utils.ts
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/utils.ts
@@ -24,7 +24,7 @@ import {
   setHoveredNativeFilter,
   unsetHoveredNativeFilter,
 } from 'src/dashboard/actions/nativeFilters';
-import { FAST_DEBOUNCE } from 'src/constants';
+import { Constants } from '@superset-ui/core/components';
 
 export const dispatchHoverAction = debounce(
   (dispatch: Dispatch<any>, id?: string) => {
@@ -34,7 +34,7 @@ export const dispatchHoverAction = debounce(
       dispatch(unsetHoveredNativeFilter());
     }
   },
-  FAST_DEBOUNCE,
+  Constants.FAST_DEBOUNCE,
 );
 
 export const dispatchFocusAction = debounce(
@@ -45,5 +45,5 @@ export const dispatchFocusAction = debounce(
       dispatch(unsetFocusedNativeFilter());
     }
   },
-  FAST_DEBOUNCE,
+  Constants.FAST_DEBOUNCE,
 );
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FiltersOutOfScopeCollapsible/index.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FiltersOutOfScopeCollapsible/index.tsx
index 7869f787efc..72d6a171d3b 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FiltersOutOfScopeCollapsible/index.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FiltersOutOfScopeCollapsible/index.tsx
@@ -18,7 +18,7 @@
  */
 import { ReactNode } from 'react';
 import { css, Divider, Filter, SupersetTheme, t } from '@superset-ui/core';
-import { Collapse } from 'src/components';
+import { Collapse } from '@superset-ui/core/components';
 
 export interface FiltersOutOfScopeCollapsibleProps {
   filtersOutOfScope: (Filter | Divider)[];
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Header/index.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Header/index.tsx
index 42771de60a1..7c113c2902b 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Header/index.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Header/index.tsx
@@ -19,8 +19,8 @@
 /* eslint-disable no-param-reassign */
 import { css, styled, t } from '@superset-ui/core';
 import { memo, FC } from 'react';
-import { Icons } from 'src/components/Icons';
-import { Button } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Button } from '@superset-ui/core/components';
 import { getFilterBarTestId } from '../utils';
 import FilterBarSettings from '../FilterBarSettings';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Horizontal.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Horizontal.tsx
index f5e51472e71..23dc1c82095 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Horizontal.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Horizontal.tsx
@@ -19,7 +19,7 @@
 
 import { FC, memo, useMemo } from 'react';
 import { DataMaskStateWithId, styled, t } from '@superset-ui/core';
-import { Loading } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
 import { RootState } from 'src/dashboard/types';
 import { useChartLayoutItems } from 'src/dashboard/util/useChartLayoutItems';
 import { useChartIds } from 'src/dashboard/util/charts/useChartIds';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx
index a9d3b0eb87c..a1d585375d6 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/Vertical.tsx
@@ -31,8 +31,8 @@ import {
 } from 'react';
 import cx from 'classnames';
 import { styled, t, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { EmptyState, Loading } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { EmptyState, Loading } from '@superset-ui/core/components';
 import { getFilterBarTestId } from './utils';
 import { VerticalBarProps } from './types';
 import Header from './Header';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/index.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/index.tsx
index 4083755b8d3..909e251c7fa 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/index.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/index.tsx
@@ -34,11 +34,11 @@ import {
   DataMaskWithId,
   Filter,
   DataMask,
-  SLOW_DEBOUNCE,
   isNativeFilter,
   usePrevious,
   styled,
 } from '@superset-ui/core';
+import { Constants } from '@superset-ui/core/components';
 import { useHistory } from 'react-router-dom';
 import { updateDataMask, clearDataMask } from 'src/dataMask/actions';
 import { useImmer } from 'use-immer';
@@ -136,7 +136,7 @@ const publishDataMask = debounce(
       });
     }
   },
-  SLOW_DEBOUNCE,
+  Constants.SLOW_DEBOUNCE,
 );
 
 const FilterBar: FC<FiltersBarProps> = ({
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/DependenciesRow.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/DependenciesRow.tsx
index 359a378269c..c0d94463997 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/DependenciesRow.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/DependenciesRow.tsx
@@ -19,9 +19,9 @@
 import { memo, useCallback, useMemo } from 'react';
 import { useDispatch } from 'react-redux';
 import { css, t, useTheme, useTruncation } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { setDirectPathToChild } from 'src/dashboard/actions/dashboardState';
-import { List } from 'src/components/List';
+import { List } from '@superset-ui/core/components/List';
 import {
   DependencyItem,
   Row,
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/NameRow.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/NameRow.tsx
index 33e86dce644..2fc3f100835 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/NameRow.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/NameRow.tsx
@@ -18,7 +18,7 @@
  */
 import { useSelector } from 'react-redux';
 import { css, SupersetTheme, useTheme, useTruncation } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { useFilterConfigModal } from 'src/dashboard/components/nativeFilters/FilterBar/FilterConfigurationLink/useFilterConfigModal';
 import { RootState } from 'src/dashboard/types';
 import { Row, FilterName, InternalRow } from './Styles';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx
index 53299f98d1a..e816f50013a 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/ScopeRow.tsx
@@ -18,7 +18,7 @@
  */
 import { memo, useMemo } from 'react';
 import { t, useTruncation, css } from '@superset-ui/core';
-import { List } from 'src/components/List';
+import { List } from '@superset-ui/core/components/List';
 import { useFilterScope } from './useFilterScope';
 import { Row, RowLabel, RowTruncationCount, RowValue } from './Styles';
 import { FilterCardRowProps } from './types';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/TooltipWithTruncation.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/TooltipWithTruncation.tsx
index bae1d030445..d70ab650632 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/TooltipWithTruncation.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/TooltipWithTruncation.tsx
@@ -16,8 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Tooltip } from 'src/components';
-import { TooltipProps } from 'src/components/Tooltip/types';
+import { Tooltip, type TooltipProps } from '@superset-ui/core/components';
 import { TooltipTrigger } from './Styles';
 
 export const TooltipWithTruncation = ({
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/index.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/index.tsx
index dd5847e7b86..a4e9f2339ed 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/index.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterCard/index.tsx
@@ -18,7 +18,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import Popover from 'src/components/Popover';
+import { Popover } from '@superset-ui/core/components';
 import { FilterCardContent } from './FilterCardContent';
 import { FilterCardProps } from './types';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DividerConfigForm.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DividerConfigForm.tsx
index 278401bcb62..84a2ba8d619 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DividerConfigForm.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DividerConfigForm.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { FC } from 'react';
-import { FormItem, Input } from 'src/components';
+import { FormItem, Input } from '@superset-ui/core/components';
 import { NativeFilterType, styled, t } from '@superset-ui/core';
 
 interface Props {
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DraggableFilter.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DraggableFilter.tsx
index 5f5f9410d9f..b79c6034c2b 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DraggableFilter.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/DraggableFilter.tsx
@@ -25,8 +25,8 @@ import {
   useDrop,
   XYCoord,
 } from 'react-dnd';
-import { Icons } from 'src/components/Icons';
-import type { IconType } from 'src/components/Icons/types';
+import { Icons } from '@superset-ui/core/components/Icons';
+import type { IconType } from '@superset-ui/core/components/Icons/types';
 
 interface TitleContainerProps {
   readonly isDragging: boolean;
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitleContainer.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitleContainer.tsx
index 810d82b11af..ab4bff10c80 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitleContainer.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitleContainer.tsx
@@ -19,7 +19,7 @@
 import { forwardRef, ReactNode } from 'react';
 
 import { styled, t } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { FilterRemoval } from './types';
 import DraggableFilter from './DraggableFilter';
 
@@ -139,7 +139,7 @@ const FilterTitleContainer = forwardRef<HTMLDivElement, Props>(
             {isRemoved ? null : (
               <Icons.DeleteOutlined
                 iconSize="l"
-                onClick={event => {
+                onClick={(event: React.MouseEvent<HTMLElement>) => {
                   event.stopPropagation();
                   onRemove(id);
                 }}
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitlePane.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitlePane.tsx
index 3b1c83fb750..feb9f3f7e8c 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitlePane.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FilterTitlePane.tsx
@@ -19,8 +19,8 @@
 import { useRef, FC } from 'react';
 
 import { NativeFilterType, styled, t, useTheme } from '@superset-ui/core';
-import { Button } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Button } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 import FilterTitleContainer from './FilterTitleContainer';
 import { FilterRemoval } from './types';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.test.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.test.tsx
index 47542a8fd23..ef15caafca0 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.test.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.test.tsx
@@ -21,12 +21,6 @@ import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
 import { CollapsibleControl } from './CollapsibleControl';
 
-jest.mock('@superset-ui/chart-controls', () => ({
-  InfoTooltipWithTrigger: ({ tooltip }: { tooltip: string }) => (
-    <span data-test="info-tooltip" data-tooltip={tooltip} />
-  ),
-}));
-
 const defaultProps = {
   title: 'Test Control',
   children: <div data-test="child-content">Child Content</div>,
@@ -47,9 +41,8 @@ describe('CollapsibleControl', () => {
     const tooltipText = 'Test tooltip';
     renderCollapsibleControl({ tooltip: tooltipText });
 
-    const tooltip = screen.getByTestId('info-tooltip');
+    const tooltip = screen.getByRole('button', { name: 'Show info tooltip' });
     expect(tooltip).toBeInTheDocument();
-    expect(tooltip).toHaveAttribute('data-tooltip', tooltipText);
   });
 
   it('starts collapsed when initialValue is false', () => {
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.tsx
index 7ab53b026f7..61bc0e4408d 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/CollapsibleControl.tsx
@@ -18,8 +18,7 @@
  */
 import { ReactNode, useEffect, useState } from 'react';
 import { styled } from '@superset-ui/core';
-import { Checkbox } from 'src/components';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
+import { Checkbox, InfoTooltip } from '@superset-ui/core/components';
 
 interface CollapsibleControlProps {
   initialValue?: boolean;
@@ -79,9 +78,7 @@ const CollapsibleControl = (props: CollapsibleControlProps) => {
       >
         <>
           {title}&nbsp;
-          {tooltip && (
-            <InfoTooltipWithTrigger placement="top" tooltip={tooltip} />
-          )}
+          {tooltip && <InfoTooltip placement="top" tooltip={tooltip} />}
         </>
       </Checkbox>
       {isChecked && <ChildrenContainer>{children}</ChildrenContainer>}
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/ColumnSelect.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/ColumnSelect.tsx
index cd8f7f682a2..148cfa44197 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/ColumnSelect.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/ColumnSelect.tsx
@@ -25,7 +25,7 @@ import {
   useChangeEffect,
   getClientErrorObject,
 } from '@superset-ui/core';
-import { type FormInstance, Select } from 'src/components';
+import { type FormInstance, Select } from '@superset-ui/core/components';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { cachedSupersetGet } from 'src/utils/cachedSupersetGet';
 import { NativeFiltersForm, NativeFiltersFormItem } from '../types';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DatasetSelect.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DatasetSelect.tsx
index a487bacbf2e..b6e3495dbff 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DatasetSelect.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DatasetSelect.tsx
@@ -24,7 +24,7 @@ import {
   ClientErrorObject,
   getClientErrorObject,
 } from '@superset-ui/core';
-import { AsyncSelect } from 'src/components';
+import { AsyncSelect } from '@superset-ui/core/components';
 import { cachedSupersetGet } from 'src/utils/cachedSupersetGet';
 import {
   Dataset,
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DefaultValue.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DefaultValue.tsx
index b46436287e4..341df0489d4 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DefaultValue.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DefaultValue.tsx
@@ -24,7 +24,7 @@ import {
   AppSection,
   t,
 } from '@superset-ui/core';
-import { Loading, type FormInstance } from 'src/components';
+import { Loading, type FormInstance } from '@superset-ui/core/components';
 import { NativeFiltersForm } from '../types';
 import { getFormData } from '../../utils';
 import {
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx
index 44972e53239..9114ebe12af 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/DependencyList.tsx
@@ -18,8 +18,8 @@
  */
 import { useState } from 'react';
 import { styled, t } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Select } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Select } from '@superset-ui/core/components';
 import { CollapsibleControl } from './CollapsibleControl';
 import { INPUT_WIDTH } from './constants';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/FilterScope.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/FilterScope.tsx
index 676894697a8..a8f6d7c7935 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/FilterScope.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/FilterScope.tsx
@@ -19,7 +19,7 @@
 
 import { FC, useCallback, useEffect, useMemo, useState } from 'react';
 import { NativeFilterScope, styled } from '@superset-ui/core';
-import { FormItem } from 'src/components';
+import { FormItem } from '@superset-ui/core/components';
 import ScopingTree from './ScopingTree';
 import { getDefaultScopeValue } from './utils';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/ScopingTree.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/ScopingTree.tsx
index 11e16c89c6e..96a31d81704 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/ScopingTree.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/ScopingTree.tsx
@@ -19,10 +19,10 @@
 
 import { FC, useMemo, useState, memo } from 'react';
 import { NativeFilterScope } from '@superset-ui/core';
-import Tree from 'src/components/Tree';
+import Tree from '@superset-ui/core/components/Tree';
 import { DASHBOARD_ROOT_ID } from 'src/dashboard/util/constants';
-import { Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Tooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { useFilterScopeTree } from './state';
 import { findFilterScope, getTreeCheckedItems } from './utils';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeInitialization.test.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeInitialization.test.tsx
index 6e3be5c61f2..1fc26df2657 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeInitialization.test.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeInitialization.test.tsx
@@ -23,7 +23,7 @@ import {
   waitFor,
   cleanup,
 } from 'spec/helpers/testing-library';
-import type { FormInstance } from 'src/components';
+import type { FormInstance } from '@superset-ui/core/components';
 import { createMockModal } from './utils';
 
 describe('FilterScope TreeInitialization', () => {
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeSelection.test.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeSelection.test.tsx
index 098ff04e974..842761eb609 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeSelection.test.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/TreeSelection.test.tsx
@@ -23,7 +23,7 @@ import {
   waitFor,
   cleanup,
 } from 'spec/helpers/testing-library';
-import type { FormInstance } from 'src/components';
+import type { FormInstance } from '@superset-ui/core/components';
 import { createMockModal, getTreeSwitcher } from './utils';
 
 describe('FilterScope TreeSelection', () => {
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/utils.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/utils.tsx
index e28f61e2b25..37f33132e55 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/utils.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FilterScope/__tests__/utils.tsx
@@ -22,7 +22,7 @@ import FiltersConfigForm, {
   FilterPanels,
 } from 'src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm';
 import { mockStoreWithChartsInTabsAndRoot } from 'spec/fixtures/mockStore';
-import { Form, type FormInstance } from 'src/components';
+import { Form, type FormInstance } from '@superset-ui/core/components';
 
 export const createMockedProps = () => ({
   expanded: false,
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx
index 6458f894ebd..fe8167e7651 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx
@@ -17,11 +17,7 @@
  * under the License.
  */
 /* eslint-disable react-hooks/rules-of-hooks */
-import {
-  ColumnMeta,
-  InfoTooltipWithTrigger,
-  Metric,
-} from '@superset-ui/chart-controls';
+import { ColumnMeta, Metric } from '@superset-ui/chart-controls';
 import {
   AdhocFilter,
   Behavior,
@@ -39,7 +35,6 @@ import {
   t,
   ClientErrorObject,
   getClientErrorObject,
-  SLOW_DEBOUNCE,
   useTheme,
   css,
 } from '@superset-ui/core';
@@ -59,21 +54,22 @@ import { PluginFilterSelectCustomizeProps } from 'src/filters/components/Select/
 import { useSelector } from 'react-redux';
 import { getChartDataRequest } from 'src/components/Chart/chartAction';
 import {
-  BasicErrorAlert,
-  ErrorMessageWithStackTrace,
+  Constants,
   FormItem,
   type FormInstance,
   Collapse,
+  Icons,
   Select,
   Tooltip,
+  InfoTooltip,
   Flex,
   Input,
   Loading,
-} from 'src/components';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { BasicErrorAlert, ErrorMessageWithStackTrace } from 'src/components';
 import { addDangerToast } from 'src/components/MessageToasts/actions';
-import { Radio } from 'src/components/Radio';
-import Tabs from 'src/components/Tabs';
+import { Radio } from '@superset-ui/core/components/Radio';
+import Tabs from '@superset-ui/core/components/Tabs';
 import { cachedSupersetGet } from 'src/utils/cachedSupersetGet';
 import {
   Chart,
@@ -347,7 +343,7 @@ const FiltersConfigForm = (
   }, [form, handleModifyFilter]);
 
   const debouncedFormChanged = useCallback(
-    debounce(formChanged, SLOW_DEBOUNCE),
+    debounce(formChanged, Constants.SLOW_DEBOUNCE),
     [],
   );
 
@@ -700,7 +696,7 @@ const FiltersConfigForm = (
       label={
         <>
           <StyledLabel>{t('Time column')}</StyledLabel>&nbsp;
-          <InfoTooltipWithTrigger
+          <InfoTooltip
             placement="top"
             tooltip={
               hasTimeDependency
@@ -1121,7 +1117,7 @@ const FiltersConfigForm = (
                                                 {t('Sort Metric')}
                                               </StyledLabel>
                                               &nbsp;
-                                              <InfoTooltipWithTrigger
+                                              <InfoTooltip
                                                 placement="top"
                                                 tooltip={t(
                                                   'If a metric is specified, sorting will be done based on the metric value',
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/RemovedFilter.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/RemovedFilter.tsx
index 95372256e72..edad5dfe240 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/RemovedFilter.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/RemovedFilter.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Button, type OnClickHandler } from 'src/components';
+import { Button, type OnClickHandler } from '@superset-ui/core/components';
 import { FC } from 'react';
 import { styled, t } from '@superset-ui/core';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.test.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.test.tsx
index 95e78c09ee4..6be6b3e0517 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.test.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.test.tsx
@@ -18,7 +18,7 @@
  */
 import { Filter, NativeFilterType } from '@superset-ui/core';
 import { render, screen, userEvent } from 'spec/helpers/testing-library';
-import type { FormInstance } from 'src/components';
+import type { FormInstance } from '@superset-ui/core/components';
 import getControlItemsMap, { ControlItemsProps } from './getControlItemsMap';
 import {
   getControlItems,
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.tsx
index 057971d565a..640b795f9af 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/getControlItemsMap.tsx
@@ -16,12 +16,15 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import {
-  CustomControlItem,
-  InfoTooltipWithTrigger,
-} from '@superset-ui/chart-controls';
+import { CustomControlItem } from '@superset-ui/chart-controls';
 import { ReactNode } from 'react';
-import { Checkbox, Tooltip, FormItem, type FormInstance } from 'src/components';
+import {
+  Checkbox,
+  FormItem,
+  InfoTooltip,
+  Tooltip,
+  type FormInstance,
+} from '@superset-ui/core/components';
 import {
   Filter,
   getChartControlPanelRegistry,
@@ -211,7 +214,7 @@ export default function getControlItemsMap({
                 <>
                   {controlItem.config.label}&nbsp;
                   {controlItem.config.description && (
-                    <InfoTooltipWithTrigger
+                    <InfoTooltip
                       placement="top"
                       tooltip={controlItem.config.description}
                     />
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/state.ts b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/state.ts
index 162daa2a72d..ac558d1f623 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/state.ts
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/state.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { useEffect, useState } from 'react';
-import type { FormInstance } from 'src/components';
+import type { FormInstance } from '@superset-ui/core/components';
 import { Filter, t } from '@superset-ui/core';
 import { NativeFiltersForm, NativeFiltersFormItem } from '../types';
 import { setNativeFilterFieldValues, useForceUpdate } from './utils';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/utils.ts b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/utils.ts
index e31e9a29d38..4f75f0371ec 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/utils.ts
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/utils.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { flatMapDeep } from 'lodash';
-import type { FormInstance } from 'src/components';
+import type { FormInstance } from '@superset-ui/core/components';
 import { useState, useCallback } from 'react';
 import { CustomControlItem, Dataset } from '@superset-ui/chart-controls';
 import { Column, ensureIsArray, GenericDataType } from '@superset-ui/core';
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigModal.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigModal.tsx
index 830d46287ab..faeedb50c7d 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigModal.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigModal.tsx
@@ -23,14 +23,18 @@ import {
   NativeFilterType,
   Divider,
   styled,
-  SLOW_DEBOUNCE,
   t,
   css,
   useTheme,
 } from '@superset-ui/core';
 import { useDispatch } from 'react-redux';
-import { Icons } from 'src/components/Icons';
-import { ErrorBoundary, Form, StyledModal } from 'src/components';
+import {
+  Constants,
+  Form,
+  Icons,
+  StyledModal,
+} from '@superset-ui/core/components';
+import { ErrorBoundary } from 'src/components';
 import { testWithId } from 'src/utils/testUtils';
 import { updateCascadeParentIds } from 'src/dashboard/actions/nativeFilters';
 import useEffectEvent from 'src/hooks/useEffectEvent';
@@ -617,7 +621,7 @@ function FiltersConfigModal({
         }
         setSaveAlertVisible(false);
         handleErroredFilters();
-      }, SLOW_DEBOUNCE),
+      }, Constants.SLOW_DEBOUNCE),
     [handleErroredFilters],
   );
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/CancelConfirmationAlert.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/CancelConfirmationAlert.tsx
index 272b21d8af3..b11457105c6 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/CancelConfirmationAlert.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/CancelConfirmationAlert.tsx
@@ -18,7 +18,11 @@
  */
 import { ReactNode } from 'react';
 import { t } from '@superset-ui/core';
-import { Alert, Button, type OnClickHandler } from 'src/components';
+import {
+  Alert,
+  Button,
+  type OnClickHandler,
+} from '@superset-ui/core/components';
 
 export interface ConfirmationAlertProps {
   title: string;
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/Footer.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/Footer.tsx
index 1ee38c752d4..1fe1a977bc6 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/Footer.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/Footer/Footer.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { FC } from 'react';
-import { Button, type OnClickHandler } from 'src/components';
+import { Button, type OnClickHandler } from '@superset-ui/core/components';
 import { t } from '@superset-ui/core';
 import { CancelConfirmationAlert } from './CancelConfirmationAlert';
 
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/utils.ts b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/utils.ts
index 3bb77a5dbef..6c6a65f8c20 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/utils.ts
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/utils.ts
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import type { FormInstance } from 'src/components';
+import type { FormInstance } from '@superset-ui/core/components';
 import { nanoid } from 'nanoid';
 import { getInitialDataMask } from 'src/dataMask/reducer';
 import {
diff --git a/superset-frontend/src/dashboard/containers/DashboardPage.tsx b/superset-frontend/src/dashboard/containers/DashboardPage.tsx
index 0d05305c03d..5b643219cad 100644
--- a/superset-frontend/src/dashboard/containers/DashboardPage.tsx
+++ b/superset-frontend/src/dashboard/containers/DashboardPage.tsx
@@ -23,7 +23,7 @@ import { t, useTheme } from '@superset-ui/core';
 import { useDispatch, useSelector } from 'react-redux';
 import { createSelector } from '@reduxjs/toolkit';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
-import { Loading } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
 import {
   useDashboard,
   useDashboardCharts,
diff --git a/superset-frontend/src/embedded/index.tsx b/superset-frontend/src/embedded/index.tsx
index e21c0beb2d7..c577015748d 100644
--- a/superset-frontend/src/embedded/index.tsx
+++ b/superset-frontend/src/embedded/index.tsx
@@ -29,7 +29,8 @@ import setupPlugins from 'src/setup/setupPlugins';
 import { useUiConfig } from 'src/components/UiConfigContext';
 import { RootContextProviders } from 'src/views/RootContextProviders';
 import { store, USER_LOADED } from 'src/views/store';
-import { ErrorBoundary, Loading } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
+import { ErrorBoundary } from 'src/components';
 import { addDangerToast } from 'src/components/MessageToasts/actions';
 import ToastContainer from 'src/components/MessageToasts/ToastContainer';
 import { UserWithPermissionsAndRoles } from 'src/types/bootstrapTypes';
diff --git a/superset-frontend/src/explore/components/ChartPills.tsx b/superset-frontend/src/explore/components/ChartPills.tsx
index a07b6972fc6..642514eaa31 100644
--- a/superset-frontend/src/explore/components/ChartPills.tsx
+++ b/superset-frontend/src/explore/components/ChartPills.tsx
@@ -18,9 +18,12 @@
  */
 import { forwardRef, RefObject } from 'react';
 import { css, QueryData, SupersetTheme } from '@superset-ui/core';
-import RowCountLabel from 'src/explore/components/RowCountLabel';
-import { CachedLabel, type LabelType } from 'src/components';
-import Timer from 'src/components/Timer';
+import {
+  CachedLabel,
+  type LabelType,
+  Timer,
+} from '@superset-ui/core/components';
+import RowCountLabel from './RowCountLabel';
 
 const CHART_STATUS_MAP = {
   failed: 'danger' as LabelType,
diff --git a/superset-frontend/src/explore/components/ControlHeader.tsx b/superset-frontend/src/explore/components/ControlHeader.tsx
index 81abac0c9d3..53b6c6ef47b 100644
--- a/superset-frontend/src/explore/components/ControlHeader.tsx
+++ b/superset-frontend/src/explore/components/ControlHeader.tsx
@@ -18,9 +18,8 @@
  */
 import { FC, ReactNode } from 'react';
 import { t, css, useTheme, SupersetTheme } from '@superset-ui/core';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
-import { FormLabel, Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { FormLabel, InfoTooltip, Tooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 type ValidationError = string;
 
@@ -101,7 +100,7 @@ const ControlHeader: FC<ControlHeaderProps> = ({
         )}
         {renderTrigger && (
           <span>
-            <InfoTooltipWithTrigger
+            <InfoTooltip
               label={t('bolt')}
               tooltip={t('Changing this control takes effect instantly')}
               placement="top"
diff --git a/superset-frontend/src/explore/components/ControlPanelsContainer.tsx b/superset-frontend/src/explore/components/ControlPanelsContainer.tsx
index c44b56aae53..d54cec03a0b 100644
--- a/superset-frontend/src/explore/components/ControlPanelsContainer.tsx
+++ b/superset-frontend/src/explore/components/ControlPanelsContainer.tsx
@@ -61,14 +61,14 @@ import {
   Modal,
   Loading,
   Tooltip,
-  PluginContext,
-} from 'src/components';
-import Tabs from 'src/components/Tabs';
+} from '@superset-ui/core/components';
+import Tabs from '@superset-ui/core/components/Tabs';
+import { PluginContext } from 'src/components';
 
 import { getSectionsToRender } from 'src/explore/controlUtils';
 import { ExploreActions } from 'src/explore/actions/exploreActions';
 import { ChartState, ExplorePageState } from 'src/explore/types';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import ControlRow from './ControlRow';
 import Control from './Control';
 import { ExploreAlert } from './ExploreAlert';
diff --git a/superset-frontend/src/explore/components/DataTableControl/index.tsx b/superset-frontend/src/explore/components/DataTableControl/index.tsx
index df66a333c56..dcaef57be44 100644
--- a/superset-frontend/src/explore/components/DataTableControl/index.tsx
+++ b/superset-frontend/src/explore/components/DataTableControl/index.tsx
@@ -30,15 +30,14 @@ import {
 import { Column } from 'react-table';
 import { debounce } from 'lodash';
 import {
-  BOOL_FALSE_DISPLAY,
-  BOOL_TRUE_DISPLAY,
-  NULL_DISPLAY,
-  SLOW_DEBOUNCE,
-} from 'src/constants';
-import { Radio } from 'src/components/Radio';
-import { Icons } from 'src/components/Icons';
-import { Input, Button, CopyToClipboard } from 'src/components';
-import Popover from 'src/components/Popover';
+  Constants,
+  Button,
+  Icons,
+  Input,
+  Popover,
+  Radio,
+} from '@superset-ui/core/components';
+import { CopyToClipboard } from 'src/components';
 import { prepareCopyToClipboardTabularData } from 'src/utils/common';
 import { getTimeColumns, setTimeColumns } from './utils';
 
@@ -103,7 +102,10 @@ export const FilterInput = ({
   }, []);
 
   const theme = useTheme();
-  const debouncedChangeHandler = debounce(onChangeHandler, SLOW_DEBOUNCE);
+  const debouncedChangeHandler = debounce(
+    onChangeHandler,
+    Constants.SLOW_DEBOUNCE,
+  );
   return (
     <Input
       prefix={<Icons.SearchOutlined iconSize="l" />}
@@ -186,7 +188,9 @@ const DataTableTemporalHeaderCell = ({
   const overlayContent = useMemo(
     () =>
       datasourceId ? ( // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-        <FormatPickerContainer onClick={e => e.stopPropagation()}>
+        <FormatPickerContainer
+          onClick={(e: React.MouseEvent<HTMLElement>) => e.stopPropagation()}
+        >
           {/* hack to disable click propagation from popover content to table header, which triggers sorting column */}
           <FormatPickerLabel>{t('Column Formatting')}</FormatPickerLabel>
           <FormatPicker
@@ -214,7 +218,7 @@ const DataTableTemporalHeaderCell = ({
           iconSize="m"
           iconColor={theme.colors.grayscale.light1}
           css={{ marginRight: `${theme.sizeUnit}px` }}
-          onClick={e => e.stopPropagation()}
+          onClick={(e: React.MouseEvent<HTMLElement>) => e.stopPropagation()}
         />
       </Popover>
       {columnName}
@@ -328,13 +332,13 @@ export const useTableColumns = (
                   ),
                 Cell: ({ value }) => {
                   if (value === true) {
-                    return BOOL_TRUE_DISPLAY;
+                    return Constants.BOOL_TRUE_DISPLAY;
                   }
                   if (value === false) {
-                    return BOOL_FALSE_DISPLAY;
+                    return Constants.BOOL_FALSE_DISPLAY;
                   }
                   if (value === null) {
-                    return <CellNull>{NULL_DISPLAY}</CellNull>;
+                    return <CellNull>{Constants.NULL_DISPLAY}</CellNull>;
                   }
                   if (
                     colType === GenericDataType.Temporal &&
diff --git a/superset-frontend/src/explore/components/DataTableControl/useTableColumns.test.ts b/superset-frontend/src/explore/components/DataTableControl/useTableColumns.test.ts
index e0728483342..296125d96a1 100644
--- a/superset-frontend/src/explore/components/DataTableControl/useTableColumns.test.ts
+++ b/superset-frontend/src/explore/components/DataTableControl/useTableColumns.test.ts
@@ -18,7 +18,7 @@
  */
 import { GenericDataType } from '@superset-ui/core';
 import { renderHook } from '@testing-library/react-hooks';
-import { BOOL_FALSE_DISPLAY, BOOL_TRUE_DISPLAY } from 'src/constants';
+import { Constants } from '@superset-ui/core/components';
 import { useTableColumns } from '.';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -65,8 +65,8 @@ const cellValues = {
 const data = [cellValues, cellValues, cellValues, cellValues];
 
 const expectedDisplayValues = {
-  col01: BOOL_TRUE_DISPLAY,
-  col02: BOOL_FALSE_DISPLAY,
+  col01: Constants.BOOL_TRUE_DISPLAY,
+  col02: Constants.BOOL_FALSE_DISPLAY,
   [ASCII_KEY]: ASCII_KEY,
   [UNICODE_KEY]: UNICODE_KEY,
   [NUMTIME_KEY]: NUMTIME_FORMATTED_VALUE,
diff --git a/superset-frontend/src/explore/components/DataTablesPane/DataTablesPane.tsx b/superset-frontend/src/explore/components/DataTablesPane/DataTablesPane.tsx
index 7b1689833ad..7f033c29eac 100644
--- a/superset-frontend/src/explore/components/DataTablesPane/DataTablesPane.tsx
+++ b/superset-frontend/src/explore/components/DataTablesPane/DataTablesPane.tsx
@@ -24,8 +24,8 @@ import {
   t,
   useTheme,
 } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import Tabs from 'src/components/Tabs';
+import { Icons } from '@superset-ui/core/components/Icons';
+import Tabs from '@superset-ui/core/components/Tabs';
 import {
   getItem,
   setItem,
diff --git a/superset-frontend/src/explore/components/DataTablesPane/components/DataTableControls.tsx b/superset-frontend/src/explore/components/DataTablesPane/components/DataTableControls.tsx
index 34a705c40a8..38da3cfa4c7 100644
--- a/superset-frontend/src/explore/components/DataTablesPane/components/DataTableControls.tsx
+++ b/superset-frontend/src/explore/components/DataTablesPane/components/DataTableControls.tsx
@@ -32,6 +32,7 @@ export const TableControlsWrapper = styled.div`
   ${({ theme }) => `
     display: flex;
     align-items: center;
+    padding-bottom: ${theme.sizeUnit * 2}px;
     justify-content: space-between;
 
     span {
diff --git a/superset-frontend/src/explore/components/DataTablesPane/components/ResultsPaneOnDashboard.tsx b/superset-frontend/src/explore/components/DataTablesPane/components/ResultsPaneOnDashboard.tsx
index d6aef639260..434b1df6a41 100644
--- a/superset-frontend/src/explore/components/DataTablesPane/components/ResultsPaneOnDashboard.tsx
+++ b/superset-frontend/src/explore/components/DataTablesPane/components/ResultsPaneOnDashboard.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { t, styled } from '@superset-ui/core';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import { ResultTypes, ResultsPaneProps } from '../types';
 import { useResultsPane } from './useResultsPane';
 
diff --git a/superset-frontend/src/explore/components/DataTablesPane/components/SamplesPane.tsx b/superset-frontend/src/explore/components/DataTablesPane/components/SamplesPane.tsx
index b0a7a8209b8..3bd0fce3c38 100644
--- a/superset-frontend/src/explore/components/DataTablesPane/components/SamplesPane.tsx
+++ b/superset-frontend/src/explore/components/DataTablesPane/components/SamplesPane.tsx
@@ -18,8 +18,13 @@
  */
 import { useState, useEffect, useMemo } from 'react';
 import { ensureIsArray, GenericDataType, styled, t } from '@superset-ui/core';
-import { EmptyState, Loading } from 'src/components';
-import TableView, { EmptyWrapperType } from 'src/components/TableView';
+import {
+  TableView,
+  TableSize,
+  EmptyState,
+  Loading,
+  EmptyWrapperType,
+} from '@superset-ui/core/components';
 import {
   useFilteredTableData,
   useTableColumns,
@@ -147,6 +152,7 @@ export const SamplesPane = ({
         className="table-condensed"
         isPaginationSticky
         showRowCount={false}
+        size={TableSize.Small}
         small
       />
     </>
diff --git a/superset-frontend/src/explore/components/DataTablesPane/components/SingleQueryResultPane.tsx b/superset-frontend/src/explore/components/DataTablesPane/components/SingleQueryResultPane.tsx
index 9a3dd4eded9..55da157295f 100644
--- a/superset-frontend/src/explore/components/DataTablesPane/components/SingleQueryResultPane.tsx
+++ b/superset-frontend/src/explore/components/DataTablesPane/components/SingleQueryResultPane.tsx
@@ -18,7 +18,11 @@
  */
 import { useState } from 'react';
 import { t } from '@superset-ui/core';
-import TableView, { EmptyWrapperType } from 'src/components/TableView';
+import {
+  TableView,
+  TableSize,
+  EmptyWrapperType,
+} from '@superset-ui/core/components';
 import {
   useFilteredTableData,
   useTableColumns,
@@ -65,6 +69,7 @@ export const SingleQueryResultPane = ({
       />
       <TableView
         columns={columns}
+        size={TableSize.Small}
         data={filteredData}
         pageSize={dataSize}
         noDataText={t('No results')}
diff --git a/superset-frontend/src/explore/components/DataTablesPane/components/useResultsPane.tsx b/superset-frontend/src/explore/components/DataTablesPane/components/useResultsPane.tsx
index 6023dd8eb5a..7d9577c74ae 100644
--- a/superset-frontend/src/explore/components/DataTablesPane/components/useResultsPane.tsx
+++ b/superset-frontend/src/explore/components/DataTablesPane/components/useResultsPane.tsx
@@ -25,7 +25,7 @@ import {
   getChartMetadataRegistry,
   getClientErrorObject,
 } from '@superset-ui/core';
-import { EmptyState, Loading } from 'src/components';
+import { EmptyState, Loading } from '@superset-ui/core/components';
 import { getChartDataRequest } from 'src/components/Chart/chartAction';
 import { ResultsPaneProps, QueryResultInterface } from '../types';
 import { SingleQueryResultPane } from './SingleQueryResultPane';
diff --git a/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragOption/index.tsx b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragOption/index.tsx
index 05bd1addedc..533b6c4bb1e 100644
--- a/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragOption/index.tsx
+++ b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragOption/index.tsx
@@ -25,7 +25,7 @@ import {
   StyledColumnOption,
   StyledMetricOption,
 } from 'src/explore/components/optionRenderers';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 import { DatasourcePanelDndItem } from '../types';
 
diff --git a/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelItem.tsx b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelItem.tsx
index 6e30a26dcef..607da6fc35a 100644
--- a/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelItem.tsx
+++ b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelItem.tsx
@@ -26,19 +26,19 @@ import {
   useTheme,
 } from '@superset-ui/core';
 
-import { Icons } from 'src/components/Icons';
-import { Tooltip } from 'src/components/Tooltip';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Tooltip } from '@superset-ui/core/components/Tooltip';
 import DatasourcePanelDragOption from './DatasourcePanelDragOption';
 import { DndItemType } from '../DndItemType';
 import { DndItemValue, FlattenedItem, Folder } from './types';
 
 const LabelWrapper = styled.div`
   ${({ theme }) => css`
-    color: ${theme.colors.grayscale.dark1};
+    color: ${theme.colorText};
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: ${theme.fontSizeSM}px;
-    background-color: ${theme.colors.grayscale.light4};
+    background-color: ${theme.colorBgTextActive};
     margin: ${theme.sizeUnit * 2}px 0;
     border-radius: ${theme.borderRadius}px;
     padding: 0 ${theme.sizeUnit}px;
@@ -51,9 +51,12 @@ const LabelWrapper = styled.div`
     }
 
     padding: 0;
-    cursor: pointer;
+    cursor: grab;
+    &:active {
+      cursor: grabbing;
+    }
     &:hover {
-      background-color: ${theme.colors.grayscale.light3};
+      background-color: ${theme.colorBgTextHover};
     }
 
     & > span {
@@ -108,7 +111,7 @@ const SectionHeader = styled.span`
 const Divider = styled.div`
   ${({ theme }) => css`
     height: 16px;
-    border-bottom: 1px solid ${theme.colors.grayscale.light3};
+    border-bottom: 1px solid ${theme.colorSplit};
   `}
 `;
 
diff --git a/superset-frontend/src/explore/components/DatasourcePanel/index.tsx b/superset-frontend/src/explore/components/DatasourcePanel/index.tsx
index 4cdfa05d02d..d5a4841b336 100644
--- a/superset-frontend/src/explore/components/DatasourcePanel/index.tsx
+++ b/superset-frontend/src/explore/components/DatasourcePanel/index.tsx
@@ -31,10 +31,9 @@ import { ControlConfig } from '@superset-ui/chart-controls';
 import AutoSizer from 'react-virtualized-auto-sizer';
 
 import { matchSorter, rankings } from 'match-sorter';
-import { Alert, Input } from 'src/components';
+import { Alert, Constants, Input } from '@superset-ui/core/components';
 import { SaveDatasetModal } from 'src/SqlLab/components/SaveDatasetModal';
 import { getDatasourceAsSaveableDataset } from 'src/utils/datasourceUtils';
-import { FAST_DEBOUNCE } from 'src/constants';
 import { ExploreActions } from 'src/explore/actions/exploreActions';
 import Control from 'src/explore/components/Control';
 import { useDebounceValue } from 'src/hooks/useDebounceValue';
@@ -165,7 +164,7 @@ export default function DataSourcePanel({
 
   const [showSaveDatasetModal, setShowSaveDatasetModal] = useState(false);
   const [inputValue, setInputValue] = useState('');
-  const searchKeyword = useDebounceValue(inputValue, FAST_DEBOUNCE);
+  const searchKeyword = useDebounceValue(inputValue, Constants.FAST_DEBOUNCE);
 
   const filteredColumns = useMemo(() => {
     if (!searchKeyword) {
diff --git a/superset-frontend/src/explore/components/EmbedCodeContent.jsx b/superset-frontend/src/explore/components/EmbedCodeContent.jsx
index 43adcaee7ed..1dad212b81d 100644
--- a/superset-frontend/src/explore/components/EmbedCodeContent.jsx
+++ b/superset-frontend/src/explore/components/EmbedCodeContent.jsx
@@ -18,10 +18,11 @@
  */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { css, t } from '@superset-ui/core';
-import { Input, CopyToClipboard, Space, Typography } from 'src/components';
+import { Input, Space, Typography } from '@superset-ui/core/components';
+import { CopyToClipboard } from 'src/components';
 import { URL_PARAMS } from 'src/constants';
 import { getChartPermalink } from 'src/utils/urlUtils';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 const EmbedCodeContent = ({ formData, addDangerToast }) => {
   const [height, setHeight] = useState('400');
diff --git a/superset-frontend/src/explore/components/ExploreAlert.tsx b/superset-frontend/src/explore/components/ExploreAlert.tsx
index 80289a2b4ef..1ea3a860731 100644
--- a/superset-frontend/src/explore/components/ExploreAlert.tsx
+++ b/superset-frontend/src/explore/components/ExploreAlert.tsx
@@ -18,7 +18,8 @@
  */
 
 import { forwardRef, RefObject, MouseEvent } from 'react';
-import { Button, ErrorAlert } from 'src/components';
+import { Button } from '@superset-ui/core/components';
+import { ErrorAlert } from 'src/components';
 
 interface ControlPanelAlertProps {
   title: string;
diff --git a/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx b/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx
index 77e09a33b69..2492d94a2e6 100644
--- a/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx
+++ b/superset-frontend/src/explore/components/ExploreChartHeader/index.jsx
@@ -20,13 +20,14 @@ import { useCallback, useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
-import { Tooltip, AlteredSliceTag, Button, DeleteModal } from 'src/components';
+import { Tooltip, Button, DeleteModal } from '@superset-ui/core/components';
+import { AlteredSliceTag } from 'src/components';
 import { css, logging, SupersetClient, t } from '@superset-ui/core';
 import { chartPropShape } from 'src/dashboard/util/propShapes';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import PropertiesModal from 'src/explore/components/PropertiesModal';
 import { sliceUpdated } from 'src/explore/actions/exploreActions';
-import { PageHeaderWithActions } from 'src/components/PageHeaderWithActions';
+import { PageHeaderWithActions } from '@superset-ui/core/components/PageHeaderWithActions';
 import { setSaveChartModalVisibility } from 'src/explore/actions/saveModalActions';
 import { applyColors, resetColors } from 'src/utils/colorScheme';
 import ReportModal from 'src/features/reports/ReportModal';
diff --git a/superset-frontend/src/explore/components/ExploreChartHeader/useExploreMetadataBar.tsx b/superset-frontend/src/explore/components/ExploreChartHeader/useExploreMetadataBar.tsx
index 943d91efccb..c0fc1917fb5 100644
--- a/superset-frontend/src/explore/components/ExploreChartHeader/useExploreMetadataBar.tsx
+++ b/superset-frontend/src/explore/components/ExploreChartHeader/useExploreMetadataBar.tsx
@@ -18,7 +18,9 @@
  */
 import { useMemo } from 'react';
 import { t, tn } from '@superset-ui/core';
-import MetadataBar, { MetadataType } from 'src/components/MetadataBar';
+import MetadataBar, {
+  MetadataType,
+} from '@superset-ui/core/components/MetadataBar';
 import { ExplorePageInitialData } from 'src/explore/types';
 
 export const useExploreMetadataBar = (
diff --git a/superset-frontend/src/explore/components/ExploreChartPanel/index.jsx b/superset-frontend/src/explore/components/ExploreChartPanel/index.jsx
index 53ddcd31628..630ffd8ba31 100644
--- a/superset-frontend/src/explore/components/ExploreChartPanel/index.jsx
+++ b/superset-frontend/src/explore/components/ExploreChartPanel/index.jsx
@@ -38,7 +38,7 @@ import {
   setItem,
   LocalStorageKeys,
 } from 'src/utils/localStorageHelpers';
-import { Alert } from 'src/components';
+import { Alert } from '@superset-ui/core/components';
 import { SaveDatasetModal } from 'src/SqlLab/components/SaveDatasetModal';
 import { getDatasourceAsSaveableDataset } from 'src/utils/datasourceUtils';
 import { buildV1ChartDataPayload } from 'src/explore/exploreUtils';
@@ -291,6 +291,7 @@ const ExploreChartPanel = ({
         css={css`
           display: flex;
           flex-direction: column;
+          padding-top: ${theme.sizeUnit * 2}px;
         `}
         ref={resizeObserverRef}
       >
diff --git a/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx b/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx
index 0b4a349f155..150a8d37c9b 100644
--- a/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx
+++ b/superset-frontend/src/explore/components/ExploreViewContainer/index.jsx
@@ -33,9 +33,10 @@ import {
 } from '@superset-ui/core';
 import { debounce, isEqual, isObjectLike, omit, pick } from 'lodash';
 import { Resizable } from 're-resizable';
-import { usePluginContext, Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
+import { usePluginContext } from 'src/components';
 import { Global } from '@emotion/react';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import {
   getItem,
   setItem,
diff --git a/superset-frontend/src/explore/components/ExportToCSVDropdown/index.tsx b/superset-frontend/src/explore/components/ExportToCSVDropdown/index.tsx
index bce8b93f261..21ca21b9b84 100644
--- a/superset-frontend/src/explore/components/ExportToCSVDropdown/index.tsx
+++ b/superset-frontend/src/explore/components/ExportToCSVDropdown/index.tsx
@@ -19,9 +19,9 @@
 import { ReactChild, useCallback, Key } from 'react';
 
 import { t, styled } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Dropdown } from 'src/components';
-import { Menu } from 'src/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Dropdown } from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
 
 enum MenuKeys {
   ExportOriginal = 'export_original',
diff --git a/superset-frontend/src/explore/components/PropertiesModal/index.tsx b/superset-frontend/src/explore/components/PropertiesModal/index.tsx
index 13399e324ba..e66bd770254 100644
--- a/superset-frontend/src/explore/components/PropertiesModal/index.tsx
+++ b/superset-frontend/src/explore/components/PropertiesModal/index.tsx
@@ -27,8 +27,9 @@ import {
   Row,
   Col,
   FormItem,
+  Typography,
   type SelectValue,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import rison from 'rison';
 import {
   t,
@@ -41,13 +42,12 @@ import {
   useTheme,
   css,
 } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import Chart, { Slice } from 'src/types/Chart';
 import withToasts from 'src/components/MessageToasts/withToasts';
+import { type TagType } from 'src/components';
 import { loadTags } from 'src/components/Tag/utils';
 import { fetchTags, OBJECT_TYPES } from 'src/features/tags/tags';
-import TagType from 'src/types/TagType';
-import { Typography } from 'src/components/Typography';
 
 export type PropertiesModalProps = {
   slice: Slice;
diff --git a/superset-frontend/src/explore/components/RowCountLabel/index.tsx b/superset-frontend/src/explore/components/RowCountLabel/index.tsx
index 257f2eb2a82..30f33389b24 100644
--- a/superset-frontend/src/explore/components/RowCountLabel/index.tsx
+++ b/superset-frontend/src/explore/components/RowCountLabel/index.tsx
@@ -18,7 +18,7 @@
  */
 import { getNumberFormatter, t, tn } from '@superset-ui/core';
 
-import { Label, Icons, Tooltip } from 'src/components';
+import { Label, Icons, Tooltip } from '@superset-ui/core/components';
 
 type RowCountLabelProps = {
   rowcount?: number;
diff --git a/superset-frontend/src/explore/components/RunQueryButton/index.tsx b/superset-frontend/src/explore/components/RunQueryButton/index.tsx
index e9735a76eee..d5ddd8097fb 100644
--- a/superset-frontend/src/explore/components/RunQueryButton/index.tsx
+++ b/superset-frontend/src/explore/components/RunQueryButton/index.tsx
@@ -19,8 +19,8 @@
 
 import { ReactNode } from 'react';
 import { t, useTheme } from '@superset-ui/core';
-import { Button } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Button } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 export type RunQueryButtonProps = {
   loading: boolean;
diff --git a/superset-frontend/src/explore/components/SaveModal.test.jsx b/superset-frontend/src/explore/components/SaveModal.test.jsx
index 011a7270b90..6789bff2dfe 100644
--- a/superset-frontend/src/explore/components/SaveModal.test.jsx
+++ b/superset-frontend/src/explore/components/SaveModal.test.jsx
@@ -31,8 +31,8 @@ import fetchMock from 'fetch-mock';
 import * as saveModalActions from 'src/explore/actions/saveModalActions';
 import SaveModal, { PureSaveModal } from 'src/explore/components/SaveModal';
 
-jest.mock('src/components/Select', () => ({
-  ...jest.requireActual('src/components/Select/AsyncSelect'),
+jest.mock('@superset-ui/core/components/Select', () => ({
+  ...jest.requireActual('@superset-ui/core/components/Select/AsyncSelect'),
   AsyncSelect: ({ onChange }) => (
     <input
       data-test="mock-async-select"
diff --git a/superset-frontend/src/explore/components/SaveModal.tsx b/superset-frontend/src/explore/components/SaveModal.tsx
index 9775f0c0cf8..a8dc8d79172 100644
--- a/superset-frontend/src/explore/components/SaveModal.tsx
+++ b/superset-frontend/src/explore/components/SaveModal.tsx
@@ -22,17 +22,8 @@ import { Dispatch } from 'redux';
 import rison from 'rison';
 import { connect } from 'react-redux';
 import { withRouter, RouteComponentProps } from 'react-router-dom';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
-import {
-  css,
-  DatasourceType,
-  isDefined,
-  logging,
-  styled,
-  SupersetClient,
-  t,
-} from '@superset-ui/core';
 import {
+  InfoTooltip,
   Alert,
   Button,
   AsyncSelect,
@@ -42,8 +33,17 @@ import {
   Input,
   Loading,
   Divider,
-} from 'src/components';
-import { Radio } from 'src/components/Radio';
+} from '@superset-ui/core/components';
+import {
+  css,
+  DatasourceType,
+  isDefined,
+  logging,
+  styled,
+  SupersetClient,
+  t,
+} from '@superset-ui/core';
+import { Radio } from '@superset-ui/core/components/Radio';
 import { canUserEditDashboard } from 'src/dashboard/util/permissionUtils';
 import { setSaveChartModalVisibility } from 'src/explore/actions/saveModalActions';
 import { SaveActionType } from 'src/explore/types';
@@ -371,7 +371,7 @@ class SaveModal extends Component<SaveModalProps, SaveModalState> {
         </FormItem>
         {this.props.datasource?.type === 'query' && (
           <FormItem label={t('Dataset Name')} required>
-            <InfoTooltipWithTrigger
+            <InfoTooltip
               tooltip={t('A reusable dataset will be saved with your chart.')}
               placement="right"
             />
diff --git a/superset-frontend/src/explore/components/controls/AnnotationLayerControl/AnnotationLayer.jsx b/superset-frontend/src/explore/components/controls/AnnotationLayerControl/AnnotationLayer.jsx
index 46832c1cd2a..43829aeec9f 100644
--- a/superset-frontend/src/explore/components/controls/AnnotationLayerControl/AnnotationLayer.jsx
+++ b/superset-frontend/src/explore/components/controls/AnnotationLayerControl/AnnotationLayer.jsx
@@ -20,7 +20,7 @@ import { PureComponent } from 'react';
 import rison from 'rison';
 import PropTypes from 'prop-types';
 import { CompactPicker } from 'react-color';
-import { Button, AsyncSelect, EmptyState } from 'src/components';
+import { Button, AsyncSelect, EmptyState } from '@superset-ui/core/components';
 import {
   t,
   SupersetClient,
@@ -35,7 +35,7 @@ import {
 import SelectControl from 'src/explore/components/controls/SelectControl';
 import TextControl from 'src/explore/components/controls/TextControl';
 import CheckboxControl from 'src/explore/components/controls/CheckboxControl';
-import PopoverSection from 'src/components/PopoverSection';
+import PopoverSection from '@superset-ui/core/components/PopoverSection';
 import ControlHeader from 'src/explore/components/ControlHeader';
 import {
   ANNOTATION_SOURCE_TYPES,
diff --git a/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx b/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx
index 0c9cf9c7004..ba97733c69a 100644
--- a/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx
+++ b/superset-frontend/src/explore/components/controls/AnnotationLayerControl/index.tsx
@@ -27,15 +27,18 @@ import {
   t,
   withTheme,
 } from '@superset-ui/core';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
-import { AsyncEsmComponent, List } from 'src/components';
+import {
+  AsyncEsmComponent,
+  List,
+  InfoTooltip,
+} from '@superset-ui/core/components';
 import { getChartKey } from 'src/explore/exploreUtils';
 import { runAnnotationQuery } from 'src/components/Chart/chartAction';
 import CustomListItem from 'src/explore/components/controls/CustomListItem';
 import { ChartState, ExplorePageState } from 'src/explore/types';
 import { AnyAction } from 'redux';
 import { ThunkDispatch } from 'redux-thunk';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import ControlPopover, {
   getSectionContainerElement,
 } from '../ControlPopover/ControlPopover';
@@ -190,7 +193,7 @@ class AnnotationLayerControl extends PureComponent<Props, PopoverState> {
     }
     if (annotationError[anno.name]) {
       return (
-        <InfoTooltipWithTrigger
+        <InfoTooltip
           label="validation-errors"
           type="error"
           tooltip={annotationError[anno.name]}
diff --git a/superset-frontend/src/explore/components/controls/BoundsControl.tsx b/superset-frontend/src/explore/components/controls/BoundsControl.tsx
index e7f2ae07f34..b7621733f9b 100644
--- a/superset-frontend/src/explore/components/controls/BoundsControl.tsx
+++ b/superset-frontend/src/explore/components/controls/BoundsControl.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { useEffect, useRef, useState } from 'react';
-import { InputNumber } from 'src/components';
+import { InputNumber } from '@superset-ui/core/components';
 import { t, styled } from '@superset-ui/core';
 import { debounce } from 'lodash';
 import ControlHeader from 'src/explore/components/ControlHeader';
diff --git a/superset-frontend/src/explore/components/controls/CheckboxControl.jsx b/superset-frontend/src/explore/components/controls/CheckboxControl.jsx
index 868c491790e..63baa6454da 100644
--- a/superset-frontend/src/explore/components/controls/CheckboxControl.jsx
+++ b/superset-frontend/src/explore/components/controls/CheckboxControl.jsx
@@ -19,7 +19,7 @@
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { styled, css } from '@superset-ui/core';
-import { Checkbox } from 'src/components';
+import { Checkbox } from '@superset-ui/core/components';
 import ControlHeader from '../ControlHeader';
 
 const propTypes = {
diff --git a/superset-frontend/src/explore/components/controls/CollectionControl/CollectionControl.test.tsx b/superset-frontend/src/explore/components/controls/CollectionControl/CollectionControl.test.tsx
index 96004318832..2e5cea85d00 100644
--- a/superset-frontend/src/explore/components/controls/CollectionControl/CollectionControl.test.tsx
+++ b/superset-frontend/src/explore/components/controls/CollectionControl/CollectionControl.test.tsx
@@ -20,7 +20,7 @@ import { render, screen, userEvent } from 'spec/helpers/testing-library';
 import CollectionControl from '.';
 
 jest.mock('@superset-ui/chart-controls', () => ({
-  InfoTooltipWithTrigger: (props: any) => (
+  InfoTooltip: (props: any) => (
     <button
       onClick={props.onClick}
       type="button"
@@ -120,10 +120,10 @@ test('Should have remove button', async () => {
   render(<CollectionControl {...props} />);
 
   expect(
-    await screen.findByRole('button', { name: 'remove-item' }),
+    await screen.findByRole('button', { name: 'Show info tooltip' }),
   ).toBeInTheDocument();
   expect(props.onChange).toHaveBeenCalledTimes(0);
-  userEvent.click(screen.getByRole('button', { name: 'remove-item' }));
+  userEvent.click(screen.getByRole('button', { name: 'Show info tooltip' }));
   expect(props.onChange).toHaveBeenCalledWith([]);
 });
 
diff --git a/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx b/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx
index f635651ee63..44b963dc8fa 100644
--- a/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx
+++ b/superset-frontend/src/explore/components/controls/CollectionControl/index.jsx
@@ -18,7 +18,7 @@
  */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { List } from 'src/components';
+import { InfoTooltip, List } from '@superset-ui/core/components';
 import { nanoid } from 'nanoid';
 import { t, withTheme } from '@superset-ui/core';
 import {
@@ -27,12 +27,11 @@ import {
   SortableElement,
   arrayMove,
 } from 'react-sortable-hoc';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import {
   HeaderContainer,
   AddIconButton,
 } from 'src/explore/components/controls/OptionControls';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
 import ControlHeader from 'src/explore/components/ControlHeader';
 import CustomListItem from 'src/explore/components/controls/CustomListItem';
 import controlMap from '..';
@@ -140,8 +139,9 @@ class CollectionControl extends Component {
                   onChange={this.onChange.bind(this, i)}
                 />
               </div>
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 icon="times"
+                role="button"
                 label="remove-item"
                 tooltip={t('Remove item')}
                 bsStyle="primary"
diff --git a/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx b/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx
index 4cbf930ec21..f0949daa8c7 100644
--- a/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx
+++ b/superset-frontend/src/explore/components/controls/ColorPickerControl.jsx
@@ -20,7 +20,7 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { SketchPicker } from 'react-color';
 import { getCategoricalSchemeRegistry, styled, css } from '@superset-ui/core';
-import Popover from 'src/components/Popover';
+import { Popover } from '@superset-ui/core/components';
 import ControlHeader from '../ControlHeader';
 
 const propTypes = {
diff --git a/superset-frontend/src/explore/components/controls/ColorSchemeControl/ColorSchemeLabel.tsx b/superset-frontend/src/explore/components/controls/ColorSchemeControl/ColorSchemeLabel.tsx
index 31861038224..55b439e24f2 100644
--- a/superset-frontend/src/explore/components/controls/ColorSchemeControl/ColorSchemeLabel.tsx
+++ b/superset-frontend/src/explore/components/controls/ColorSchemeControl/ColorSchemeLabel.tsx
@@ -19,7 +19,7 @@
 
 import { css, SupersetTheme } from '@superset-ui/core';
 import { useRef, useState } from 'react';
-import { Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
 
 type ColorSchemeLabelProps = {
   colors: string[];
diff --git a/superset-frontend/src/explore/components/controls/ColorSchemeControl/index.tsx b/superset-frontend/src/explore/components/controls/ColorSchemeControl/index.tsx
index 6db27761b6b..1193f6662d5 100644
--- a/superset-frontend/src/explore/components/controls/ColorSchemeControl/index.tsx
+++ b/superset-frontend/src/explore/components/controls/ColorSchemeControl/index.tsx
@@ -30,9 +30,13 @@ import {
 } from '@superset-ui/core';
 import { sortBy } from 'lodash';
 import ControlHeader from 'src/explore/components/ControlHeader';
-import { Tooltip, Select, type SelectOptionsType } from 'src/components';
-import { Icons } from 'src/components/Icons';
-import { handleFilterOptionHelper } from 'src/components/Select/utils';
+import {
+  Tooltip,
+  Select,
+  type SelectOptionsType,
+} from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { handleFilterOptionHelper } from '@superset-ui/core/components/Select/utils';
 import { getColorNamespace } from 'src/utils/colorScheme';
 import ColorSchemeLabel from './ColorSchemeLabel';
 
diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx
index 41bead670a7..32d5b7235f7 100644
--- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx
+++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigControl.tsx
@@ -23,7 +23,7 @@ import {
   COLUMN_NAME_ALIASES,
   ControlComponentProps,
 } from '@superset-ui/chart-controls';
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 import ColumnConfigItem from './ColumnConfigItem';
 import {
   ColumnConfigInfo,
diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigItem.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigItem.tsx
index a94c17b43e8..fad0d1cb14e 100644
--- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigItem.tsx
+++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigItem.tsx
@@ -18,8 +18,8 @@
  */
 import { memo } from 'react';
 import { css, useTheme } from '@superset-ui/core';
-import Popover from 'src/components/Popover';
-import { Icons } from 'src/components/Icons';
+import { Popover } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { ColumnTypeLabel } from '@superset-ui/chart-controls';
 import ColumnConfigPopover, {
   ColumnConfigPopoverProps,
diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigPopover.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigPopover.tsx
index 6669cbea50d..7a9ebfbaef4 100644
--- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigPopover.tsx
+++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ColumnConfigPopover.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { GenericDataType } from '@superset-ui/core';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import {
   SHARED_COLUMN_CONFIG_PROPS,
   SharedColumnConfigProp,
diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/controls.ts b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/controls.ts
index 064275e43c1..0447f032db0 100644
--- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/controls.ts
+++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/controls.ts
@@ -17,8 +17,8 @@
  * under the License.
  */
 import { sharedControlComponents } from '@superset-ui/chart-controls';
-import { Input, InputNumber, Select } from 'src/components';
-import Slider from 'src/components/Slider';
+import { Input, InputNumber, Select } from '@superset-ui/core/components';
+import Slider from '@superset-ui/core/components/Slider';
 import CurrencyControl from '../../CurrencyControl';
 import CheckboxControl from '../../CheckboxControl';
 
diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx
index 87822b9f228..9ae7b37b66d 100644
--- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx
+++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/ControlForm/index.tsx
@@ -22,12 +22,8 @@ import {
   FunctionComponentElement,
   useMemo,
 } from 'react';
-import {
-  FAST_DEBOUNCE,
-  JsonObject,
-  JsonValue,
-  useTheme,
-} from '@superset-ui/core';
+import { JsonObject, JsonValue, useTheme } from '@superset-ui/core';
+import { Constants } from '@superset-ui/core/components';
 import { debounce } from 'lodash';
 import { ControlFormItemNode } from './ControlFormItem';
 
@@ -77,7 +73,7 @@ export default function ControlForm({
     () =>
       ({
         0: onChange,
-        [FAST_DEBOUNCE]: debounce(onChange, FAST_DEBOUNCE),
+        [Constants.FAST_DEBOUNCE]: debounce(onChange, Constants.FAST_DEBOUNCE),
       }) as Record<number, typeof onChange>,
     [onChange],
   );
@@ -92,7 +88,7 @@ export default function ControlForm({
           const {
             name,
             width,
-            debounceDelay = FAST_DEBOUNCE,
+            debounceDelay = Constants.FAST_DEBOUNCE,
             onChange: onItemValueChange,
           } = item.props;
           return cloneElement(item, {
diff --git a/superset-frontend/src/explore/components/controls/ColumnConfigControl/constants.tsx b/superset-frontend/src/explore/components/controls/ColumnConfigControl/constants.tsx
index 51dc19fe970..a929383bbff 100644
--- a/superset-frontend/src/explore/components/controls/ColumnConfigControl/constants.tsx
+++ b/superset-frontend/src/explore/components/controls/ColumnConfigControl/constants.tsx
@@ -24,7 +24,7 @@ import {
   D3_TIME_FORMAT_DOCS,
   D3_TIME_FORMAT_OPTIONS,
 } from '@superset-ui/chart-controls';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { ColumnConfigFormLayout } from './types';
 
 export type SharedColumnConfigProp =
diff --git a/superset-frontend/src/explore/components/controls/ComparisonRangeLabel.tsx b/superset-frontend/src/explore/components/controls/ComparisonRangeLabel.tsx
index c9d48821517..04d6a5218c8 100644
--- a/superset-frontend/src/explore/components/controls/ComparisonRangeLabel.tsx
+++ b/superset-frontend/src/explore/components/controls/ComparisonRangeLabel.tsx
@@ -35,7 +35,7 @@ import ControlHeader, {
 } from 'src/explore/components/ControlHeader';
 import { RootState } from 'src/views/store';
 import { DEFAULT_DATE_PATTERN } from '@superset-ui/chart-controls';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 
 const DAYJS_FORMAT = 'YYYY-MM-DD';
 
diff --git a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx
index 75f11dbcb62..09820d44d62 100644
--- a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx
+++ b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/ConditionalFormattingControl.tsx
@@ -19,7 +19,7 @@
 import { useEffect, useState } from 'react';
 import { styled, css, t } from '@superset-ui/core';
 import { Comparator } from '@superset-ui/chart-controls';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import ControlHeader from 'src/explore/components/ControlHeader';
 import { FormattingPopover } from './FormattingPopover';
 import {
diff --git a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopover.tsx b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopover.tsx
index 5b03a5b27a9..dd6aef1f0a9 100644
--- a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopover.tsx
+++ b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopover.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { useCallback, useState } from 'react';
-import Popover from 'src/components/Popover';
+import { Popover } from '@superset-ui/core/components';
 import { FormattingPopoverContent } from './FormattingPopoverContent';
 import { ConditionalFormattingConfig, FormattingPopoverProps } from './types';
 
diff --git a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopoverContent.tsx b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopoverContent.tsx
index 3fc6d6d1025..5b18ebf14b7 100644
--- a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopoverContent.tsx
+++ b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/FormattingPopoverContent.tsx
@@ -18,7 +18,6 @@
  */
 import { useState } from 'react';
 import { styled, SupersetTheme, t, useTheme } from '@superset-ui/core';
-import { ColorSchemeEnum } from '@superset-ui/plugin-chart-table';
 import {
   Comparator,
   MultipleValueComparators,
@@ -32,9 +31,16 @@ import {
   Col,
   Row,
   type FormProps,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import { ConditionalFormattingConfig } from './types';
 
+// TODO: tangled redefinition that aligns with @superset-ui/plugin-chart-table
+// used to be imported but main app shouldn't depend on plugins...
+export enum ColorSchemeEnum {
+  'Green' = 'Green',
+  'Red' = 'Red',
+}
+
 const FullWidthInputNumber = styled(InputNumber)`
   width: 100%;
 `;
diff --git a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/types.ts b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/types.ts
index a1252ba6898..f2406cdc169 100644
--- a/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/types.ts
+++ b/superset-frontend/src/explore/components/controls/ConditionalFormattingControl/types.ts
@@ -18,7 +18,7 @@
  */
 
 import { ReactNode } from 'react';
-import { PopoverProps } from 'src/components/Popover';
+import { PopoverProps } from '@superset-ui/core/components/Popover';
 import { Comparator, ControlComponentProps } from '@superset-ui/chart-controls';
 
 export type ConditionalFormattingConfig = {
diff --git a/superset-frontend/src/explore/components/controls/ContourControl/ContourPopoverControl.tsx b/superset-frontend/src/explore/components/controls/ContourControl/ContourPopoverControl.tsx
index 6652a6ecc8c..90df7d043c0 100644
--- a/superset-frontend/src/explore/components/controls/ContourControl/ContourPopoverControl.tsx
+++ b/superset-frontend/src/explore/components/controls/ContourControl/ContourPopoverControl.tsx
@@ -17,8 +17,8 @@
  * under the License.
  */
 import { useState, useEffect } from 'react';
-import { Button, Row, Col } from 'src/components';
-import Tabs from 'src/components/Tabs';
+import { Button, Row, Col } from '@superset-ui/core/components';
+import Tabs from '@superset-ui/core/components/Tabs';
 import { legacyValidateInteger, styled, t } from '@superset-ui/core';
 import ControlHeader from '../../ControlHeader';
 import TextControl from '../TextControl';
diff --git a/superset-frontend/src/explore/components/controls/ControlPopover/ControlPopover.tsx b/superset-frontend/src/explore/components/controls/ControlPopover/ControlPopover.tsx
index d63d2c676ea..75159b6c7c7 100644
--- a/superset-frontend/src/explore/components/controls/ControlPopover/ControlPopover.tsx
+++ b/superset-frontend/src/explore/components/controls/ControlPopover/ControlPopover.tsx
@@ -19,11 +19,12 @@
 // eslint-disable-next-line no-restricted-syntax -- whole React import is required for `ControlPopover.test.tsx` Jest test passing.
 import React, { FC, useCallback, useRef, useEffect, useState } from 'react';
 
-import Popover, {
+import {
+  Popover,
   PopoverProps as BasePopoverProps,
-} from 'src/components/Popover';
+} from '@superset-ui/core/components';
 
-import { TooltipPlacement } from 'src/components/Tooltip/types';
+import { TooltipPlacement } from '@superset-ui/core/components/Tooltip/types';
 
 const sectionContainerId = 'controlSections';
 export const getSectionContainerElement = () =>
diff --git a/superset-frontend/src/explore/components/controls/CurrencyControl/CurrencyControl.tsx b/superset-frontend/src/explore/components/controls/CurrencyControl/CurrencyControl.tsx
index 0e90f29239c..2829be3686a 100644
--- a/superset-frontend/src/explore/components/controls/CurrencyControl/CurrencyControl.tsx
+++ b/superset-frontend/src/explore/components/controls/CurrencyControl/CurrencyControl.tsx
@@ -27,7 +27,7 @@ import {
   t,
 } from '@superset-ui/core';
 import { CSSObject } from '@emotion/react';
-import { Select, type SelectProps } from 'src/components';
+import { Select, type SelectProps } from '@superset-ui/core/components';
 import { ViewState } from 'src/views/types';
 import ControlHeader from '../../ControlHeader';
 
diff --git a/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx b/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx
index 591f24a866e..744acb292b8 100644
--- a/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx
+++ b/superset-frontend/src/explore/components/controls/CustomListItem/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { useTheme } from '@superset-ui/core';
-import { List, type ListItemProps } from 'src/components';
+import { List, type ListItemProps } from '@superset-ui/core/components';
 
 export interface CustomListItemProps extends ListItemProps {
   selectable: boolean;
diff --git a/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx b/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx
index 41dcda334ec..ee1187894a3 100644
--- a/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx
+++ b/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx
@@ -34,20 +34,22 @@ import {
   Dropdown,
   Tooltip,
   Button,
+  ModalTrigger,
+} from '@superset-ui/core/components';
+import {
   ChangeDatasourceModal,
   DatasourceModal,
   ErrorAlert,
 } from 'src/components';
-import { Menu } from 'src/components/Menu';
-import { Icons } from 'src/components/Icons';
-import WarningIconWithTooltip from 'src/components/WarningIconWithTooltip';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
+import WarningIconWithTooltip from '@superset-ui/core/components/WarningIconWithTooltip';
 import { URL_PARAMS } from 'src/constants';
 import { getDatasourceAsSaveableDataset } from 'src/utils/datasourceUtils';
 import {
   userHasPermission,
   isUserAdmin,
 } from 'src/dashboard/util/permissionUtils';
-import ModalTrigger from 'src/components/ModalTrigger';
 import ViewQueryModalFooter from 'src/explore/components/controls/ViewQueryModalFooter';
 import ViewQuery from 'src/explore/components/controls/ViewQuery';
 import { SaveDatasetModal } from 'src/SqlLab/components/SaveDatasetModal';
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/DateFilterLabel.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/DateFilterLabel.tsx
index 554fb3af3bb..2ed3da7bda1 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/DateFilterLabel.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/DateFilterLabel.tsx
@@ -27,11 +27,17 @@ import {
   useCSSTextTruncation,
   fetchTimeRange,
 } from '@superset-ui/core';
-import { Button, Divider, Modal, Tooltip, Select } from 'src/components';
+import {
+  Button,
+  Constants,
+  Divider,
+  Modal,
+  Tooltip,
+  Select,
+} from '@superset-ui/core/components';
 import ControlHeader from 'src/explore/components/ControlHeader';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { useDebouncedEffect } from 'src/explore/exploreUtils';
-import { SLOW_DEBOUNCE } from 'src/constants';
 import { noOp } from 'src/utils/common';
 import ControlPopover from '../ControlPopover/ControlPopover';
 
@@ -226,7 +232,7 @@ export default function DateFilterLabel(props: DateFilterControlProps) {
         });
       }
     },
-    SLOW_DEBOUNCE,
+    Constants.SLOW_DEBOUNCE,
     [timeRangeValue],
   );
 
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/components/AdvancedFrame.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/components/AdvancedFrame.tsx
index 390a2953ddf..c410196cd19 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/components/AdvancedFrame.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/components/AdvancedFrame.tsx
@@ -17,8 +17,7 @@
  * under the License.
  */
 import { SEPARATOR, t } from '@superset-ui/core';
-import { Input, Icons } from 'src/components';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
+import { Input, Icons, InfoTooltip } from '@superset-ui/core/components';
 import { FrameComponentProps } from 'src/explore/components/controls/DateFilterControl/types';
 import DateFunctionTooltip from './DateFunctionTooltip';
 
@@ -60,7 +59,7 @@ export function AdvancedFrame(props: FrameComponentProps) {
       </div>
       <div className="control-label">
         {t('Start (inclusive)')}{' '}
-        <InfoTooltipWithTrigger
+        <InfoTooltip
           tooltip={t('Start date included in time range')}
           placement="right"
         />
@@ -72,7 +71,7 @@ export function AdvancedFrame(props: FrameComponentProps) {
       />
       <div className="control-label">
         {t('End (exclusive)')}{' '}
-        <InfoTooltipWithTrigger
+        <InfoTooltip
           tooltip={t('End date excluded from time range')}
           placement="right"
         />
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CalendarFrame.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CalendarFrame.tsx
index 4fb48cf52b6..631d1345da3 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CalendarFrame.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CalendarFrame.tsx
@@ -18,7 +18,7 @@
  */
 import { useEffect } from 'react';
 import { t } from '@superset-ui/core';
-import { Radio } from 'src/components/Radio';
+import { Radio } from '@superset-ui/core/components/Radio';
 import {
   CALENDAR_RANGE_OPTIONS,
   CALENDAR_RANGE_SET,
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CommonFrame.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CommonFrame.tsx
index 633066a4fd9..6c853d866dc 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CommonFrame.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CommonFrame.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { t } from '@superset-ui/core';
-import { Radio } from 'src/components/Radio';
+import { Radio } from '@superset-ui/core/components/Radio';
 import {
   COMMON_RANGE_OPTIONS,
   COMMON_RANGE_SET,
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CurrentCalendarFrame.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CurrentCalendarFrame.tsx
index 27fc77818f5..7783ea719dc 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CurrentCalendarFrame.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CurrentCalendarFrame.tsx
@@ -18,7 +18,7 @@
  */
 import { useEffect } from 'react';
 import { t } from '@superset-ui/core';
-import { Radio } from 'src/components/Radio';
+import { Radio } from '@superset-ui/core/components/Radio';
 import {
   CURRENT_RANGE_OPTIONS,
   CURRENT_CALENDAR_RANGE_SET,
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CustomFrame.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CustomFrame.tsx
index a58268586e4..cab8d5f309e 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/components/CustomFrame.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/components/CustomFrame.tsx
@@ -17,17 +17,17 @@
  * under the License.
  */
 import { t, customTimeRangeDecode } from '@superset-ui/core';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
-import { Radio } from 'src/components/Radio';
 import {
+  InfoTooltip,
   DatePicker,
   Select,
+  Radio,
   AntdThemeProvider,
   Col,
   Row,
   InputNumber,
   Loading,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import {
   SINCE_GRAIN_OPTIONS,
   SINCE_MODE_OPTIONS,
@@ -121,7 +121,7 @@ export function CustomFrame(props: FrameComponentProps) {
           <Col span={12}>
             <div className="control-label">
               {t('Start (inclusive)')}{' '}
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 tooltip={t('Start date included in time range')}
                 placement="right"
               />
@@ -180,7 +180,7 @@ export function CustomFrame(props: FrameComponentProps) {
           <Col span={12}>
             <div className="control-label">
               {t('End (exclusive)')}{' '}
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 tooltip={t('End date excluded from time range')}
                 placement="right"
               />
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateFunctionTooltip.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateFunctionTooltip.tsx
index 504b0e4fc87..02c7e9009ae 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateFunctionTooltip.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateFunctionTooltip.tsx
@@ -18,7 +18,7 @@
  */
 import { useTheme, t } from '@superset-ui/core';
 
-import { Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
 import { ClassNames } from '@emotion/react';
 
 const TIME_PICKER_HELPER = (
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateLabel.tsx b/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateLabel.tsx
index 066216c0638..b4643bf32b3 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateLabel.tsx
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/components/DateLabel.tsx
@@ -20,7 +20,7 @@
 import { forwardRef, MouseEvent, ReactNode, RefObject } from 'react';
 
 import { css, styled, t } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 export type DateLabelProps = {
   name?: string;
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/utils/constants.ts b/superset-frontend/src/explore/components/controls/DateFilterControl/utils/constants.ts
index e76b778fc65..fd81e07bf99 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/utils/constants.ts
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/utils/constants.ts
@@ -32,8 +32,8 @@ import {
   CurrentQuarter,
   CurrentDay,
 } from 'src/explore/components/controls/DateFilterControl/types';
-import { CheckboxOptionType } from 'src/components/Radio';
-import { extendedDayjs } from 'src/utils/dates';
+import { CheckboxOptionType } from '@superset-ui/core/components/Radio';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 
 export const FRAME_OPTIONS: SelectOptionType[] = [
   { value: 'Common', label: t('Last') },
diff --git a/superset-frontend/src/explore/components/controls/DateFilterControl/utils/dateParser.ts b/superset-frontend/src/explore/components/controls/DateFilterControl/utils/dateParser.ts
index 2f3256dd394..ec48ce3863f 100644
--- a/superset-frontend/src/explore/components/controls/DateFilterControl/utils/dateParser.ts
+++ b/superset-frontend/src/explore/components/controls/DateFilterControl/utils/dateParser.ts
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import { Dayjs } from 'dayjs';
 import { CustomRangeType } from 'src/explore/components/controls/DateFilterControl/types';
 import { DAYJS_FORMAT } from './constants';
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/ColumnSelectPopover.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/ColumnSelectPopover.tsx
index a5825ebfcbd..0f388dc8b05 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/ColumnSelectPopover.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/ColumnSelectPopover.tsx
@@ -36,7 +36,7 @@ import {
   DatasourceType,
 } from '@superset-ui/core';
 import { ColumnMeta, isSavedExpression } from '@superset-ui/chart-controls';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import {
   Button,
   Form,
@@ -44,7 +44,7 @@ import {
   Select,
   SQLEditor,
   EmptyState,
-} from 'src/components';
+} from '@superset-ui/core/components';
 
 import sqlKeywords from 'src/SqlLab/utils/sqlKeywords';
 import { getColumnKeywords } from 'src/explore/controlUtils/getColumnKeywords';
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndColumnSelectPopoverTitle.jsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndColumnSelectPopoverTitle.jsx
index cb961e7bcfb..1cae299c372 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndColumnSelectPopoverTitle.jsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndColumnSelectPopoverTitle.jsx
@@ -18,8 +18,8 @@
  */
 import { useCallback, useState } from 'react';
 import { t, styled, useTheme } from '@superset-ui/core';
-import { Input, Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Input, Tooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 const StyledInput = styled(Input)`
   border-radius: ${({ theme }) => theme.borderRadius};
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.test.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.test.tsx
index 8aaa50d4e1c..3a9cb67771d 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.test.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.test.tsx
@@ -25,7 +25,6 @@ import {
   QueryFormData,
 } from '@superset-ui/core';
 import { ColumnMeta } from '@superset-ui/chart-controls';
-import { TimeseriesDefaultFormData } from '@superset-ui/plugin-chart-echarts';
 
 import {
   fireEvent,
@@ -33,7 +32,7 @@ import {
   screen,
   within,
 } from 'spec/helpers/testing-library';
-import type { AsyncAceEditorProps } from 'src/components';
+import type { AsyncAceEditorProps } from '@superset-ui/core/components';
 import AdhocMetric from 'src/explore/components/controls/MetricControl/AdhocMetric';
 import AdhocFilter from 'src/explore/components/controls/FilterControl/AdhocFilter';
 import { Operators } from 'src/explore/constants';
@@ -47,8 +46,8 @@ import { Datasource } from '../../../types';
 import { DndItemType } from '../../DndItemType';
 import DatasourcePanelDragOption from '../../DatasourcePanel/DatasourcePanelDragOption';
 
-jest.mock('src/components/AsyncAceEditor', () => ({
-  ...jest.requireActual('src/components/AsyncAceEditor'),
+jest.mock('@superset-ui/core/components/AsyncAceEditor', () => ({
+  ...jest.requireActual('@superset-ui/core/components/AsyncAceEditor'),
   SQLEditor: (props: AsyncAceEditorProps) => (
     <div data-test="react-ace">{props.value}</div>
   ),
@@ -127,7 +126,6 @@ test('renders options with saved metric', async () => {
     setup({
       formData: {
         ...baseFormData,
-        ...TimeseriesDefaultFormData,
         metrics: ['saved_metric'],
       },
     }),
@@ -172,7 +170,6 @@ test('renders options with adhoc metric', async () => {
     setup({
       formData: {
         ...baseFormData,
-        ...TimeseriesDefaultFormData,
         metrics: [adhocMetric],
       },
     }),
@@ -212,7 +209,6 @@ test('cannot drop a column that is not part of the simple column selection', ()
       {setup({
         formData: {
           ...baseFormData,
-          ...TimeseriesDefaultFormData,
           metrics: [adhocMetric],
         },
         columns: [{ column_name: 'order_date' }],
@@ -342,7 +338,6 @@ describe('when disallow_adhoc_metrics is set', () => {
         {setup({
           formData: {
             ...baseFormData,
-            ...TimeseriesDefaultFormData,
             metrics: [adhocMetric],
           },
           datasource: {
@@ -391,7 +386,6 @@ describe('when disallow_adhoc_metrics is set', () => {
         {setup({
           formData: {
             ...baseFormData,
-            ...TimeseriesDefaultFormData,
             metrics: [adhocMetric],
           },
           datasource: {
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.tsx
index 5cf2d285650..4e7df9a3640 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndFilterSelect.tsx
@@ -30,7 +30,7 @@ import {
   isColumnMeta,
   isTemporalColumn,
 } from '@superset-ui/chart-controls';
-import { Modal } from 'src/components';
+import { Modal } from '@superset-ui/core/components';
 import {
   OPERATOR_ENUM_TO_OPERATOR_TYPE,
   Operators,
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndSelectLabel.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndSelectLabel.tsx
index 89708ca38f0..161d4b21edd 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndSelectLabel.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/DndSelectLabel.tsx
@@ -29,7 +29,7 @@ import {
   DatasourcePanelDndItem,
   DndItemValue,
 } from 'src/explore/components/DatasourcePanel/types';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { DndItemType } from '../../DndItemType';
 import { DraggingContext, DropzoneContext } from '../../ExploreContainer';
 
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/Option.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/Option.tsx
index 57a78a96e26..9174de76f64 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/Option.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/Option.tsx
@@ -18,7 +18,7 @@
  */
 import { useCallback } from 'react';
 import { css, styled, t, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons, InfoTooltip } from '@superset-ui/core/components';
 import {
   CaretContainer,
   CloseContainer,
@@ -26,9 +26,8 @@ import {
   Label,
 } from 'src/explore/components/controls/OptionControls';
 import { OptionProps } from 'src/explore/components/controls/DndColumnSelectControl/types';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
 
-const StyledInfoTooltipWithTrigger = styled(InfoTooltipWithTrigger)`
+const StyledInfoTooltip = styled(InfoTooltip)`
   margin: 0 ${({ theme }) => theme.sizeUnit}px;
 `;
 
@@ -71,7 +70,7 @@ export default function Option({
       )}
       <Label data-test="control-label">{children}</Label>
       {(!!datasourceWarningMessage || isExtra) && (
-        <StyledInfoTooltipWithTrigger
+        <StyledInfoTooltip
           type="warning"
           placement="top"
           tooltip={
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/OptionWrapper.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/OptionWrapper.tsx
index 9d7cebb8af9..be04b71d7f1 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/OptionWrapper.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/OptionWrapper.tsx
@@ -28,7 +28,7 @@ import {
   OptionProps,
   OptionItemInterface,
 } from 'src/explore/components/controls/DndColumnSelectControl/types';
-import { Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
 import { StyledColumnOption } from 'src/explore/components/optionRenderers';
 import { styled, isAdhocColumn } from '@superset-ui/core';
 import { ColumnMeta } from '@superset-ui/chart-controls';
diff --git a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/useResizeButton.tsx b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/useResizeButton.tsx
index 94f175658b1..33529a3c7c1 100644
--- a/superset-frontend/src/explore/components/controls/DndColumnSelectControl/useResizeButton.tsx
+++ b/superset-frontend/src/explore/components/controls/DndColumnSelectControl/useResizeButton.tsx
@@ -29,7 +29,7 @@ import {
   POPOVER_INITIAL_HEIGHT,
   POPOVER_INITIAL_WIDTH,
 } from 'src/explore/constants';
-import { Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
 
 const RESIZE_THROTTLE_MS = 50;
 
diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterControl/index.jsx b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterControl/index.jsx
index ed788e16e21..f4feefc5ba0 100644
--- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterControl/index.jsx
+++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterControl/index.jsx
@@ -41,8 +41,8 @@ import {
   HeaderContainer,
   LabelsContainer,
 } from 'src/explore/components/controls/OptionControls';
-import { Icons } from 'src/components/Icons';
-import { Modal } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Modal } from '@superset-ui/core/components';
 import AdhocFilterPopoverTrigger from 'src/explore/components/controls/FilterControl/AdhocFilterPopoverTrigger';
 import AdhocFilterOption from 'src/explore/components/controls/FilterControl/AdhocFilterOption';
 import AdhocFilter from 'src/explore/components/controls/FilterControl/AdhocFilter';
diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx
index fe330d3cde1..55a0515dd8f 100644
--- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx
+++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopover/index.jsx
@@ -18,10 +18,11 @@
  */
 import { createRef, Component } from 'react';
 import PropTypes from 'prop-types';
-import { Button, ErrorBoundary, Icons } from 'src/components';
+import { Button, Icons } from '@superset-ui/core/components';
+import { ErrorBoundary } from 'src/components';
 import { styled, t } from '@superset-ui/core';
 
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import adhocMetricType from 'src/explore/components/controls/MetricControl/adhocMetricType';
 import AdhocFilter from 'src/explore/components/controls/FilterControl/AdhocFilter';
 import AdhocFilterEditPopoverSimpleTabContent from 'src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSimpleTabContent';
diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSimpleTabContent/index.tsx b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSimpleTabContent/index.tsx
index 03395171636..87e680540ac 100644
--- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSimpleTabContent/index.tsx
+++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSimpleTabContent/index.tsx
@@ -18,7 +18,7 @@
  */
 import { FC, ChangeEvent, useEffect, useState } from 'react';
 
-import { Input, Select, Tooltip } from 'src/components';
+import { Input, Select, Tooltip } from '@superset-ui/core/components';
 import {
   isFeatureEnabled,
   FeatureFlag,
diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/AdhocFilterEditPopoverSqlTabContent.test.tsx b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/AdhocFilterEditPopoverSqlTabContent.test.tsx
index 01a16e4b31a..3857ec1d658 100644
--- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/AdhocFilterEditPopoverSqlTabContent.test.tsx
+++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/AdhocFilterEditPopoverSqlTabContent.test.tsx
@@ -35,7 +35,7 @@ afterEach(async () => {
   await new Promise(resolve => setTimeout(resolve, 0));
 });
 
-jest.mock('src/components/AsyncAceEditor', () => ({
+jest.mock('@superset-ui/core/components/AsyncAceEditor', () => ({
   SQLEditor: ({ value, onChange }: IAceEditorProps) => (
     <textarea
       defaultValue={value}
diff --git a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/index.tsx b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/index.tsx
index 9d8437d8e59..c4748806dbd 100644
--- a/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/index.tsx
+++ b/superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { useEffect, useRef, useMemo } from 'react';
-import { Select, SQLEditor } from 'src/components';
+import { Select, SQLEditor } from '@superset-ui/core/components';
 import { css, styled, t, useTheme } from '@superset-ui/core';
 import sqlKeywords from 'src/SqlLab/utils/sqlKeywords';
 import { getColumnKeywords } from 'src/explore/controlUtils/getColumnKeywords';
diff --git a/superset-frontend/src/explore/components/controls/FixedOrMetricControl/FixedOrMetricControl.test.tsx b/superset-frontend/src/explore/components/controls/FixedOrMetricControl/FixedOrMetricControl.test.tsx
index ccf627808f2..ba9646c0945 100644
--- a/superset-frontend/src/explore/components/controls/FixedOrMetricControl/FixedOrMetricControl.test.tsx
+++ b/superset-frontend/src/explore/components/controls/FixedOrMetricControl/FixedOrMetricControl.test.tsx
@@ -20,7 +20,7 @@ import { render, screen, userEvent } from 'spec/helpers/testing-library';
 import FixedOrMetricControl from '.';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/explore/components/controls/FixedOrMetricControl/index.jsx b/superset-frontend/src/explore/components/controls/FixedOrMetricControl/index.jsx
index cb295a040bf..aa405a0ab58 100644
--- a/superset-frontend/src/explore/components/controls/FixedOrMetricControl/index.jsx
+++ b/superset-frontend/src/explore/components/controls/FixedOrMetricControl/index.jsx
@@ -19,11 +19,11 @@
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { t } from '@superset-ui/core';
-import { Collapse, Label } from 'src/components';
+import { Collapse, Label } from '@superset-ui/core/components';
 import TextControl from 'src/explore/components/controls/TextControl';
 import MetricsControl from 'src/explore/components/controls/MetricControl/MetricsControl';
 import ControlHeader from 'src/explore/components/ControlHeader';
-import PopoverSection from 'src/components/PopoverSection';
+import PopoverSection from '@superset-ui/core/components/PopoverSection';
 
 const controlTypes = {
   fixed: 'fix',
diff --git a/superset-frontend/src/explore/components/controls/HiddenControl.tsx b/superset-frontend/src/explore/components/controls/HiddenControl.tsx
index 8c5f86619f6..50e4fe80104 100644
--- a/superset-frontend/src/explore/components/controls/HiddenControl.tsx
+++ b/superset-frontend/src/explore/components/controls/HiddenControl.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Input } from 'src/components';
+import { Input } from '@superset-ui/core/components';
 
 interface HiddenControlsProps {
   onChange: () => void;
diff --git a/superset-frontend/src/explore/components/controls/LayerConfigsControl/FlatLayerTree.tsx b/superset-frontend/src/explore/components/controls/LayerConfigsControl/FlatLayerTree.tsx
index 755d433e4ae..b5abe9adb16 100644
--- a/superset-frontend/src/explore/components/controls/LayerConfigsControl/FlatLayerTree.tsx
+++ b/superset-frontend/src/explore/components/controls/LayerConfigsControl/FlatLayerTree.tsx
@@ -16,10 +16,10 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { css, styled, t } from '@superset-ui/core';
-import { Button } from 'src/components';
-import Tree, { TreeProps } from 'src/components/Tree';
+import { Button } from '@superset-ui/core/components';
+import Tree, { TreeProps } from '@superset-ui/core/components/Tree';
 import { forwardRef } from 'react';
 import { FlatLayerDataNode, FlatLayerTreeProps, LayerConf } from './types';
 import { handleDrop } from './dragDropUtil';
diff --git a/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsControl.tsx b/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsControl.tsx
index 75e954cbf28..a218040dab3 100644
--- a/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsControl.tsx
+++ b/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsControl.tsx
@@ -18,7 +18,7 @@
  */
 import { ControlHeader } from '@superset-ui/chart-controls';
 import { css, styled, t } from '@superset-ui/core';
-import Popover from 'src/components/Popover';
+import { Popover } from '@superset-ui/core/components';
 import { FC, useState } from 'react';
 import { EditItem, LayerConf, LayerConfigsControlProps } from './types';
 import LayerConfigsPopoverContent from './LayerConfigsPopoverContent';
diff --git a/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsPopoverContent.tsx b/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsPopoverContent.tsx
index 04fc96a7c7c..ef1c530d654 100644
--- a/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsPopoverContent.tsx
+++ b/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerConfigsPopoverContent.tsx
@@ -18,9 +18,9 @@
  */
 import { css, JsonValue, styled, t } from '@superset-ui/core';
 // eslint-disable-next-line no-restricted-imports
-import { Button } from 'src/components/Button';
-import { Form } from 'src/components/Form';
-import Tabs from 'src/components/Tabs';
+import { Button } from '@superset-ui/core/components/Button';
+import { Form } from '@superset-ui/core/components/Form';
+import Tabs from '@superset-ui/core/components/Tabs';
 import { mix } from 'polished';
 import { Data as GsData } from 'geostyler-data';
 import { Style as GsStyle } from 'geostyler-style';
diff --git a/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerTreeItem.tsx b/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerTreeItem.tsx
index d85f3144a6d..72f519ff7d8 100644
--- a/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerTreeItem.tsx
+++ b/superset-frontend/src/explore/components/controls/LayerConfigsControl/LayerTreeItem.tsx
@@ -16,8 +16,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Icons } from 'src/components/Icons';
-import { Button, Tag } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Button } from '@superset-ui/core/components';
+import { Tag } from 'src/components';
 import { FC } from 'react';
 import { LayerTreeItemProps } from './types';
 
diff --git a/superset-frontend/src/explore/components/controls/LayerConfigsControl/dragDropUtil.tsx b/superset-frontend/src/explore/components/controls/LayerConfigsControl/dragDropUtil.tsx
index e81fbcf632b..6d0e23b4890 100644
--- a/superset-frontend/src/explore/components/controls/LayerConfigsControl/dragDropUtil.tsx
+++ b/superset-frontend/src/explore/components/controls/LayerConfigsControl/dragDropUtil.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { TreeProps } from 'src/components/Tree';
+import { TreeProps } from '@superset-ui/core/components/Tree';
 import { DropInfoType, FlatLayerDataNode } from './types';
 
 /**
diff --git a/superset-frontend/src/explore/components/controls/LayerConfigsControl/types.ts b/superset-frontend/src/explore/components/controls/LayerConfigsControl/types.ts
index d8ac69d10fc..dc8f947c2a8 100644
--- a/superset-frontend/src/explore/components/controls/LayerConfigsControl/types.ts
+++ b/superset-frontend/src/explore/components/controls/LayerConfigsControl/types.ts
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { TreeProps, TreeDataNode } from 'src/components/Tree';
+import { TreeProps, TreeDataNode } from '@superset-ui/core/components/Tree';
 import { ControlComponentProps } from '@superset-ui/chart-controls';
 import { Style } from 'geostyler-style';
 import { Data } from 'geostyler-data';
diff --git a/superset-frontend/src/explore/components/controls/MapViewControl/MapViewControl.tsx b/superset-frontend/src/explore/components/controls/MapViewControl/MapViewControl.tsx
index 42e6d6e9ed9..e418fe1f0c4 100644
--- a/superset-frontend/src/explore/components/controls/MapViewControl/MapViewControl.tsx
+++ b/superset-frontend/src/explore/components/controls/MapViewControl/MapViewControl.tsx
@@ -18,8 +18,7 @@
  */
 import { ControlHeader } from '@superset-ui/chart-controls';
 import { css, styled, t } from '@superset-ui/core';
-import { Button } from 'src/components';
-import Popover from 'src/components/Popover';
+import { Button, Popover } from '@superset-ui/core/components';
 import { FC, useState } from 'react';
 import { mix } from 'polished';
 import { MapViewConfigs, MapViewConfigsControlProps } from './types';
diff --git a/superset-frontend/src/explore/components/controls/MapViewControl/MapViewPopoverContent.tsx b/superset-frontend/src/explore/components/controls/MapViewControl/MapViewPopoverContent.tsx
index 20d81c27089..f844fc684a0 100644
--- a/superset-frontend/src/explore/components/controls/MapViewControl/MapViewPopoverContent.tsx
+++ b/superset-frontend/src/explore/components/controls/MapViewControl/MapViewPopoverContent.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { css, styled, t } from '@superset-ui/core';
-import { Button, Form } from 'src/components';
+import { Button, Form } from '@superset-ui/core/components';
 import { FC, useEffect, useState } from 'react';
 import { mix } from 'polished';
 import { MapViewConfigs, MapViewPopoverContentProps } from './types';
diff --git a/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx b/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx
index 747b9e54a6f..90828040310 100644
--- a/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx
+++ b/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopover/index.jsx
@@ -26,7 +26,7 @@ import {
   ensureIsArray,
   DatasourceType,
 } from '@superset-ui/core';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import {
   Button,
   EmptyState,
@@ -36,7 +36,7 @@ import {
   Select,
   Tooltip,
   SQLEditor,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import sqlKeywords from 'src/SqlLab/utils/sqlKeywords';
 import { noOp } from 'src/utils/common';
 import {
diff --git a/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopoverTitle.tsx b/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopoverTitle.tsx
index 6504c034c4c..fb47c85c2d4 100644
--- a/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopoverTitle.tsx
+++ b/superset-frontend/src/explore/components/controls/MetricControl/AdhocMetricEditPopoverTitle.tsx
@@ -26,8 +26,8 @@ import {
 } from 'react';
 
 import { t, styled, useTheme } from '@superset-ui/core';
-import { Input, Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Input, Tooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 const TitleLabel = styled.span`
   display: inline-block;
diff --git a/superset-frontend/src/explore/components/controls/MetricControl/MetricsControl.jsx b/superset-frontend/src/explore/components/controls/MetricControl/MetricsControl.jsx
index df515a792a5..082befda40f 100644
--- a/superset-frontend/src/explore/components/controls/MetricControl/MetricsControl.jsx
+++ b/superset-frontend/src/explore/components/controls/MetricControl/MetricsControl.jsx
@@ -21,7 +21,7 @@ import PropTypes from 'prop-types';
 import { ensureIsArray, t, usePrevious } from '@superset-ui/core';
 import { isEqual } from 'lodash';
 import ControlHeader from 'src/explore/components/ControlHeader';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import {
   AddIconButton,
   AddControlLabel,
diff --git a/superset-frontend/src/explore/components/controls/NumberControl/index.tsx b/superset-frontend/src/explore/components/controls/NumberControl/index.tsx
index e06fd0f4264..02edc658670 100644
--- a/superset-frontend/src/explore/components/controls/NumberControl/index.tsx
+++ b/superset-frontend/src/explore/components/controls/NumberControl/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { styled } from '@superset-ui/core';
-import { InputNumber } from 'src/components/Input';
+import { InputNumber } from '@superset-ui/core/components/Input';
 import ControlHeader, { ControlHeaderProps } from '../../ControlHeader';
 
 type NumberValueType = number | undefined;
diff --git a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx
index 85ece276e46..28029f8aaff 100644
--- a/superset-frontend/src/explore/components/controls/OptionControls/index.tsx
+++ b/superset-frontend/src/explore/components/controls/OptionControls/index.tsx
@@ -20,9 +20,7 @@ import { useRef, ReactNode } from 'react';
 
 import { useDrag, useDrop, DropTargetMonitor } from 'react-dnd';
 import { styled, t, useTheme, keyframes, css } from '@superset-ui/core';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
-import { Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { InfoTooltip, Icons, Tooltip } from '@superset-ui/core/components';
 import { savedMetricType } from 'src/explore/components/controls/MetricControl/types';
 import AdhocMetric from 'src/explore/components/controls/MetricControl/AdhocMetric';
 import { StyledMetricOption } from '../../optionRenderers';
@@ -91,7 +89,7 @@ export const CloseContainer = styled.div`
   cursor: pointer;
 `;
 
-const StyledInfoTooltipWithTrigger = styled(InfoTooltipWithTrigger)`
+const StyledInfoTooltip = styled(InfoTooltip)`
   margin: 0 ${({ theme }) => theme.sizeUnit}px;
 `;
 
@@ -397,7 +395,7 @@ export const OptionControlLabel = ({
         {getLabelContent()}
       </Label>
       {(!!datasourceWarningMessage || isExtra) && (
-        <StyledInfoTooltipWithTrigger
+        <StyledInfoTooltip
           type="warning"
           placement="top"
           tooltip={
diff --git a/superset-frontend/src/explore/components/controls/SelectAsyncControl/SelectAsyncControl.test.tsx b/superset-frontend/src/explore/components/controls/SelectAsyncControl/SelectAsyncControl.test.tsx
index c3720ebdbcc..24e16b30b73 100644
--- a/superset-frontend/src/explore/components/controls/SelectAsyncControl/SelectAsyncControl.test.tsx
+++ b/superset-frontend/src/explore/components/controls/SelectAsyncControl/SelectAsyncControl.test.tsx
@@ -22,7 +22,7 @@ import SelectAsyncControl from '.';
 
 const datasetsOwnersEndpoint = 'glob:*/api/v1/dataset/related/owners*';
 
-jest.mock('src/components/Select/Select', () => ({
+jest.mock('@superset-ui/core/components/Select/Select', () => ({
   __esModule: true,
   default: (props: any) => (
     <div
diff --git a/superset-frontend/src/explore/components/controls/SelectAsyncControl/index.tsx b/superset-frontend/src/explore/components/controls/SelectAsyncControl/index.tsx
index be7b160f8c9..11bca33a8fe 100644
--- a/superset-frontend/src/explore/components/controls/SelectAsyncControl/index.tsx
+++ b/superset-frontend/src/explore/components/controls/SelectAsyncControl/index.tsx
@@ -25,7 +25,7 @@ import {
   type LabeledValue,
   type SelectOptionsType,
   type SelectProps,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import withToasts from 'src/components/MessageToasts/withToasts';
 
 type SelectAsyncProps = Omit<SelectProps, 'options' | 'ariaLabel' | 'onChange'>;
diff --git a/superset-frontend/src/explore/components/controls/SelectControl.jsx b/superset-frontend/src/explore/components/controls/SelectControl.jsx
index 42782431e57..f75d67dedca 100644
--- a/superset-frontend/src/explore/components/controls/SelectControl.jsx
+++ b/superset-frontend/src/explore/components/controls/SelectControl.jsx
@@ -19,7 +19,7 @@
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { css, isEqualArray, t } from '@superset-ui/core';
-import { Select } from 'src/components';
+import { Select } from '@superset-ui/core/components';
 import ControlHeader from 'src/explore/components/ControlHeader';
 
 const propTypes = {
diff --git a/superset-frontend/src/explore/components/controls/SliderControl.tsx b/superset-frontend/src/explore/components/controls/SliderControl.tsx
index 5b1aab5a5ac..ef2b3c1682c 100644
--- a/superset-frontend/src/explore/components/controls/SliderControl.tsx
+++ b/superset-frontend/src/explore/components/controls/SliderControl.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import Slider from 'src/components/Slider';
+import Slider from '@superset-ui/core/components/Slider';
 import ControlHeader, {
   ControlHeaderProps,
 } from 'src/explore/components/ControlHeader';
diff --git a/superset-frontend/src/explore/components/controls/SpatialControl.jsx b/superset-frontend/src/explore/components/controls/SpatialControl.jsx
index 342cc03c9c6..52575341cbb 100644
--- a/superset-frontend/src/explore/components/controls/SpatialControl.jsx
+++ b/superset-frontend/src/explore/components/controls/SpatialControl.jsx
@@ -18,11 +18,16 @@
  */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Row, Col, Checkbox, Label } from 'src/components';
+import {
+  Row,
+  Col,
+  Checkbox,
+  Label,
+  Popover,
+} from '@superset-ui/core/components';
 import { t } from '@superset-ui/core';
 
-import Popover from 'src/components/Popover';
-import PopoverSection from 'src/components/PopoverSection';
+import PopoverSection from '@superset-ui/core/components/PopoverSection';
 import ControlHeader from '../ControlHeader';
 import SelectControl from './SelectControl';
 
diff --git a/superset-frontend/src/explore/components/controls/TextAreaControl.jsx b/superset-frontend/src/explore/components/controls/TextAreaControl.jsx
index e0c5104a2e3..80555350f25 100644
--- a/superset-frontend/src/explore/components/controls/TextAreaControl.jsx
+++ b/superset-frontend/src/explore/components/controls/TextAreaControl.jsx
@@ -21,14 +21,12 @@ import PropTypes from 'prop-types';
 import {
   Input,
   Tooltip,
-  TooltipProps,
   Button,
   TextAreaEditor,
-} from 'src/components';
+  ModalTrigger,
+} from '@superset-ui/core/components';
 import { t, withTheme } from '@superset-ui/core';
 
-import ModalTrigger from 'src/components/ModalTrigger';
-
 import ControlHeader from 'src/explore/components/ControlHeader';
 
 const propTypes = {
@@ -59,7 +57,7 @@ const propTypes = {
     'vertical',
   ]),
   textAreaStyles: PropTypes.object,
-  tooltipOptions: PropTypes.oneOf([null, TooltipProps]),
+  tooltipOptions: PropTypes.object,
 };
 
 const defaultProps = {
diff --git a/superset-frontend/src/explore/components/controls/TextControl/index.tsx b/superset-frontend/src/explore/components/controls/TextControl/index.tsx
index da9b849d65d..a07edd86c4a 100644
--- a/superset-frontend/src/explore/components/controls/TextControl/index.tsx
+++ b/superset-frontend/src/explore/components/controls/TextControl/index.tsx
@@ -19,9 +19,8 @@
 import { Component, ChangeEvent } from 'react';
 import { legacyValidateNumber, legacyValidateInteger } from '@superset-ui/core';
 import { debounce } from 'lodash';
-import { FAST_DEBOUNCE } from 'src/constants';
 import ControlHeader from 'src/explore/components/ControlHeader';
-import { Input } from 'src/components';
+import { Constants, Input } from '@superset-ui/core/components';
 
 type InputValueType = string | number;
 
@@ -85,7 +84,7 @@ export default class TextControl<
 
   debouncedOnChange = debounce((inputValue: string) => {
     this.onChange(inputValue);
-  }, FAST_DEBOUNCE);
+  }, Constants.FAST_DEBOUNCE);
 
   onChangeWrapper = (event: ChangeEvent<HTMLInputElement>) => {
     const { value } = event.target;
diff --git a/superset-frontend/src/explore/components/controls/TimeOffsetControl.test.tsx b/superset-frontend/src/explore/components/controls/TimeOffsetControl.test.tsx
index 986947aa60d..fac75f662a0 100644
--- a/superset-frontend/src/explore/components/controls/TimeOffsetControl.test.tsx
+++ b/superset-frontend/src/explore/components/controls/TimeOffsetControl.test.tsx
@@ -19,7 +19,7 @@
 import configureStore from 'redux-mock-store';
 import { render, screen } from 'spec/helpers/testing-library';
 import { INVALID_DATE } from '@superset-ui/chart-controls';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import TimeOffsetControls, {
   TimeOffsetControlsProps,
 } from './TimeOffsetControl';
diff --git a/superset-frontend/src/explore/components/controls/TimeOffsetControl.tsx b/superset-frontend/src/explore/components/controls/TimeOffsetControl.tsx
index 100e86d9a7e..5ac9f527ad7 100644
--- a/superset-frontend/src/explore/components/controls/TimeOffsetControl.tsx
+++ b/superset-frontend/src/explore/components/controls/TimeOffsetControl.tsx
@@ -18,7 +18,7 @@
  */
 import { ReactNode, useCallback, useEffect, useState } from 'react';
 import { isEmpty, isEqual } from 'lodash';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import {
   parseDttmToDate,
   BinaryAdhocFilter,
@@ -27,7 +27,10 @@ import {
   computeCustomDateTime,
   fetchTimeRange,
 } from '@superset-ui/core';
-import { DatePicker, type RangePickerProps } from 'src/components';
+import {
+  DatePicker,
+  type RangePickerProps,
+} from '@superset-ui/core/components';
 import { useSelector } from 'react-redux';
 
 import ControlHeader from 'src/explore/components/ControlHeader';
diff --git a/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx b/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx
index 9bd440c9843..6a57fffd2c6 100644
--- a/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx
+++ b/superset-frontend/src/explore/components/controls/TimeSeriesColumnControl/index.jsx
@@ -18,9 +18,16 @@
  */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Button, Input, Select, Row, Col, Divider } from 'src/components';
+import {
+  Button,
+  Col,
+  Divider,
+  InfoTooltip,
+  Input,
+  Row,
+  Select,
+} from '@superset-ui/core/components';
 import { t, styled } from '@superset-ui/core';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
 import BoundsControl from '../BoundsControl';
 import CheckboxControl from '../CheckboxControl';
 import ControlPopover from '../ControlPopover/ControlPopover';
@@ -83,7 +90,7 @@ const StyledCol = styled(Col)`
   align-items: center;
 `;
 
-const StyledTooltip = styled(InfoTooltipWithTrigger)`
+const StyledTooltip = styled(InfoTooltip)`
   margin-left: ${({ theme }) => theme.sizeUnit}px;
   color: ${({ theme }) => theme.colors.grayscale.light1};
 `;
@@ -362,7 +369,7 @@ export default class TimeSeriesColumnControl extends Component {
           open={this.state.popoverVisible}
           onOpenChange={this.onPopoverVisibleChange}
         >
-          <InfoTooltipWithTrigger
+          <InfoTooltip
             icon="edit"
             className="text-primary"
             label="edit-ts-column"
diff --git a/superset-frontend/src/explore/components/controls/ViewQuery.tsx b/superset-frontend/src/explore/components/controls/ViewQuery.tsx
index eee45f4275f..fdb6268171b 100644
--- a/superset-frontend/src/explore/components/controls/ViewQuery.tsx
+++ b/superset-frontend/src/explore/components/controls/ViewQuery.tsx
@@ -22,7 +22,8 @@ import { FC } from 'react';
 import { styled } from '@superset-ui/core';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/cjs/light';
 import github from 'react-syntax-highlighter/dist/cjs/styles/hljs/github';
-import { CopyToClipboard, Icons } from 'src/components';
+import { Icons } from '@superset-ui/core/components';
+import { CopyToClipboard } from 'src/components';
 import { CopyButton } from 'src/explore/components/DataTableControl';
 import markdownSyntax from 'react-syntax-highlighter/dist/cjs/languages/hljs/markdown';
 import htmlSyntax from 'react-syntax-highlighter/dist/cjs/languages/hljs/htmlbars';
diff --git a/superset-frontend/src/explore/components/controls/ViewQueryModal.tsx b/superset-frontend/src/explore/components/controls/ViewQueryModal.tsx
index ac3f0ce320f..120c3c7c580 100644
--- a/superset-frontend/src/explore/components/controls/ViewQueryModal.tsx
+++ b/superset-frontend/src/explore/components/controls/ViewQueryModal.tsx
@@ -24,7 +24,7 @@ import {
   t,
   getClientErrorObject,
 } from '@superset-ui/core';
-import { Loading } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
 import { getChartDataRequest } from 'src/components/Chart/chartAction';
 import ViewQuery from 'src/explore/components/controls/ViewQuery';
 
diff --git a/superset-frontend/src/explore/components/controls/ViewQueryModalFooter.tsx b/superset-frontend/src/explore/components/controls/ViewQueryModalFooter.tsx
index 3bc355213cc..3fa59a9a5ea 100644
--- a/superset-frontend/src/explore/components/controls/ViewQueryModalFooter.tsx
+++ b/superset-frontend/src/explore/components/controls/ViewQueryModalFooter.tsx
@@ -19,7 +19,7 @@
 import { FC } from 'react';
 import { isObject } from 'lodash';
 import { t, SupersetClient } from '@superset-ui/core';
-import { Button } from 'src/components';
+import { Button } from '@superset-ui/core/components';
 import { useHistory } from 'react-router-dom';
 
 interface SimpleDataSource {
diff --git a/superset-frontend/src/explore/components/controls/ViewportControl.jsx b/superset-frontend/src/explore/components/controls/ViewportControl.jsx
index 15761d63843..daf82d14f0e 100644
--- a/superset-frontend/src/explore/components/controls/ViewportControl.jsx
+++ b/superset-frontend/src/explore/components/controls/ViewportControl.jsx
@@ -19,10 +19,9 @@
 import { Component } from 'react';
 import { t } from '@superset-ui/core';
 import PropTypes from 'prop-types';
-import Popover from 'src/components/Popover';
+import { Popover, FormLabel, Label } from '@superset-ui/core/components';
 import { decimal2sexagesimal } from 'geolib';
 
-import { FormLabel, Label } from 'src/components';
 import TextControl from './TextControl';
 import ControlHeader from '../ControlHeader';
 
diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/FastVizSwitcher.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/FastVizSwitcher.tsx
index 597dfb2e9d6..96d54dab295 100644
--- a/superset-frontend/src/explore/components/controls/VizTypeControl/FastVizSwitcher.tsx
+++ b/superset-frontend/src/explore/components/controls/VizTypeControl/FastVizSwitcher.tsx
@@ -19,7 +19,7 @@
 import { memo, useMemo } from 'react';
 import { useSelector } from 'react-redux';
 import { css, SupersetTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { getChartKey } from 'src/explore/exploreUtils';
 import { ExplorePageState } from 'src/explore/types';
 import { FastVizSwitcherProps } from './types';
diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx
index e6b198b374e..5d7e65e8dad 100644
--- a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx
+++ b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTile.tsx
@@ -18,7 +18,8 @@
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { css, t, useTheme } from '@superset-ui/core';
-import { Tooltip, usePluginContext } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
+import { usePluginContext } from 'src/components';
 import { VizTileProps } from './types';
 
 export const VizTile = ({
@@ -79,7 +80,7 @@ export const VizTile = ({
   return (
     <Tooltip
       title={tooltipTitle}
-      onOpenChange={visible => setTooltipVisible(visible)}
+      onOpenChange={(visible: boolean) => setTooltipVisible(visible)}
       open={tooltipVisible && !isTransitioning}
       placement="top"
       mouseEnterDelay={0.4}
@@ -132,6 +133,7 @@ export const VizTile = ({
           css={css`
             overflow: hidden;
             text-overflow: ellipsis;
+            font-size: ${theme.fontSizeSM}px;
             min-width: 0;
             padding-right: ${theme.sizeUnit}px;
           `}
diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeControl.test.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeControl.test.tsx
index d6a9c98516f..9059723ce1e 100644
--- a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeControl.test.tsx
+++ b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeControl.test.tsx
@@ -28,6 +28,7 @@ import {
 import { stateWithoutNativeFilters } from 'spec/fixtures/mockStore';
 import { DynamicPluginProvider } from 'src/components';
 import { testWithId } from 'src/utils/testUtils';
+import TimeTableChartPlugin from 'src/visualizations/TimeTable';
 import {
   BigNumberTotalChartPlugin,
   EchartsAreaChartPlugin,
@@ -36,9 +37,8 @@ import {
   EchartsTimeseriesBarChartPlugin,
   EchartsTimeseriesChartPlugin,
   EchartsTimeseriesLineChartPlugin,
-} from '@superset-ui/plugin-chart-echarts';
-import TableChartPlugin from '@superset-ui/plugin-chart-table';
-import TimeTableChartPlugin from 'src/visualizations/TimeTable';
+} from '../../../../../plugins/plugin-chart-echarts/src';
+import TableChartPlugin from '../../../../../plugins/plugin-chart-table/src';
 import VizTypeControl, { VIZ_TYPE_CONTROL_TEST_ID } from './index';
 
 jest.useFakeTimers();
diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx
index e7a552d4260..140218414e9 100644
--- a/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx
+++ b/superset-frontend/src/explore/components/controls/VizTypeControl/VizTypeGallery.tsx
@@ -39,15 +39,10 @@ import {
   chartLabelWeight,
   chartLabelExplanations,
 } from '@superset-ui/core';
-import {
-  Input,
-  Collapse,
-  Tooltip,
-  usePluginContext,
-  Label,
-} from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Input, Collapse, Tooltip, Label } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { nativeFilterGate } from 'src/dashboard/components/nativeFilters/utils';
+import { usePluginContext } from 'src/components';
 import scrollIntoView from 'scroll-into-view-if-needed';
 
 interface VizTypeGalleryProps {
diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx
index c57513ab4d0..0b92b9b2966 100644
--- a/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx
+++ b/superset-frontend/src/explore/components/controls/VizTypeControl/constants.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { VizType } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { VizMeta } from './types';
 
 export const FEATURED_CHARTS: VizMeta[] = [
diff --git a/superset-frontend/src/explore/components/controls/VizTypeControl/index.tsx b/superset-frontend/src/explore/components/controls/VizTypeControl/index.tsx
index eaddf945229..253ba331a99 100644
--- a/superset-frontend/src/explore/components/controls/VizTypeControl/index.tsx
+++ b/superset-frontend/src/explore/components/controls/VizTypeControl/index.tsx
@@ -24,7 +24,8 @@ import {
   styled,
   SupersetTheme,
 } from '@superset-ui/core';
-import { Icons, Modal, usePluginContext } from 'src/components';
+import { usePluginContext } from 'src/components';
+import { Icons, Modal } from '@superset-ui/core/components';
 import { noOp } from 'src/utils/common';
 import getBootstrapData from 'src/utils/getBootstrapData';
 import { FilterPlugins } from 'src/constants';
diff --git a/superset-frontend/src/explore/components/controls/ZoomConfigControl/ZoomConfigControl.tsx b/superset-frontend/src/explore/components/controls/ZoomConfigControl/ZoomConfigControl.tsx
index d62076d5ae6..146cf035025 100644
--- a/superset-frontend/src/explore/components/controls/ZoomConfigControl/ZoomConfigControl.tsx
+++ b/superset-frontend/src/explore/components/controls/ZoomConfigControl/ZoomConfigControl.tsx
@@ -18,7 +18,8 @@
  */
 import { ControlHeader } from '@superset-ui/chart-controls';
 import { css, styled, t } from '@superset-ui/core';
-import { Form, Tag } from 'src/components';
+import { Form } from '@superset-ui/core/components';
+import { Tag } from 'src/components';
 import { FC, useState } from 'react';
 import { isZoomConfigsLinear, isZoomConfigsExp } from './typeguards';
 import { ZoomConfigs, ZoomConfigsControlProps } from './types';
diff --git a/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.test.tsx b/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.test.tsx
index 855ea531028..9f0423acf08 100644
--- a/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.test.tsx
+++ b/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.test.tsx
@@ -22,7 +22,7 @@ import {
   userEvent,
   waitFor,
 } from 'spec/helpers/testing-library';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import DashboardItems from './DashboardsSubMenu';
 
 const asyncRender = (numberOfItems: number) => {
diff --git a/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.tsx b/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.tsx
index e9ddc4f30f8..2f7f85c7a7d 100644
--- a/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.tsx
+++ b/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/DashboardsSubMenu.tsx
@@ -18,9 +18,9 @@
  */
 import { useState } from 'react';
 import { css, t, useTheme } from '@superset-ui/core';
-import { Input } from 'src/components';
-import { Icons } from 'src/components/Icons';
-import { Menu } from 'src/components/Menu';
+import { Input } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { Link } from 'react-router-dom';
 
 export interface DashboardsSubMenuProps {
diff --git a/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/index.jsx b/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/index.jsx
index 28cb475b1f7..5e0e20d565d 100644
--- a/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/index.jsx
+++ b/superset-frontend/src/explore/components/useExploreAdditionalActionsMenu/index.jsx
@@ -27,10 +27,8 @@ import {
   useTheme,
   VizType,
 } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Menu } from 'src/components/Menu';
-import ModalTrigger from 'src/components/ModalTrigger';
-import { Button } from 'src/components';
+import { Icons, ModalTrigger, Button } from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { exportChart, getChartKey } from 'src/explore/exploreUtils';
 import downloadAsImage from 'src/utils/downloadAsImage';
diff --git a/superset-frontend/src/explore/controlUtils/getColumnKeywords.tsx b/superset-frontend/src/explore/controlUtils/getColumnKeywords.tsx
index 1bcc39a2d5a..3216509a3fa 100644
--- a/superset-frontend/src/explore/controlUtils/getColumnKeywords.tsx
+++ b/superset-frontend/src/explore/controlUtils/getColumnKeywords.tsx
@@ -19,7 +19,7 @@
 
 import { ColumnMeta } from '@superset-ui/chart-controls';
 import { t } from '@superset-ui/core';
-import { getTooltipHTML } from 'src/components/AsyncAceEditor';
+import { getTooltipHTML } from '@superset-ui/core/components/AsyncAceEditor';
 import { COLUMN_AUTOCOMPLETE_SCORE } from 'src/SqlLab/constants';
 
 export function getColumnKeywords(columns: ColumnMeta[]) {
diff --git a/superset-frontend/src/explore/controlUtils/standardizedFormData.test.ts b/superset-frontend/src/explore/controlUtils/standardizedFormData.test.ts
index 2a0f6ac05ff..6ef2594563c 100644
--- a/superset-frontend/src/explore/controlUtils/standardizedFormData.test.ts
+++ b/superset-frontend/src/explore/controlUtils/standardizedFormData.test.ts
@@ -25,9 +25,10 @@ import {
   TimeGranularity,
   VizType,
 } from '@superset-ui/core';
-import TableChartPlugin from '@superset-ui/plugin-chart-table';
-import { BigNumberTotalChartPlugin } from '@superset-ui/plugin-chart-echarts';
+// TODO: tests shouldn't depend on plugins
 import { sections } from '@superset-ui/chart-controls';
+import TableChartPlugin from '../../../plugins/plugin-chart-table/src';
+import { BigNumberTotalChartPlugin } from '../../../plugins/plugin-chart-echarts/src';
 import {
   StandardizedFormData,
   sharedMetricsKey,
diff --git a/superset-frontend/src/features/alerts/AlertReportModal.tsx b/superset-frontend/src/features/alerts/AlertReportModal.tsx
index 244bb1605c1..19ccff8572b 100644
--- a/superset-frontend/src/features/alerts/AlertReportModal.tsx
+++ b/superset-frontend/src/features/alerts/AlertReportModal.tsx
@@ -39,25 +39,25 @@ import {
 import rison from 'rison';
 import { useSingleViewResource } from 'src/views/CRUD/hooks';
 import {
+  AsyncSelect,
+  Checkbox,
+  Collapse,
+  CollapseLabelInModal,
+  InfoTooltip,
   Input,
   InputNumber,
   Modal,
-  Switch,
-  Collapse,
   Select,
-  AsyncSelect,
-  Checkbox,
-  CollapseLabelInModal,
+  Switch,
   TreeSelect,
   type CheckboxChangeEvent,
-} from 'src/components';
-import TimezoneSelector from 'src/components/TimezoneSelector';
-import { propertyComparator } from 'src/components/Select/utils';
+} from '@superset-ui/core/components';
+import TimezoneSelector from '@superset-ui/core/components/TimezoneSelector';
+import { propertyComparator } from '@superset-ui/core/components/Select/utils';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import Owner from 'src/types/Owner';
 import TextAreaControl from 'src/explore/components/controls/TextAreaControl';
 import { useCommonConf } from 'src/features/databases/state';
-import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
 import {
   NotificationMethodOption,
   NotificationSetting,
@@ -78,8 +78,8 @@ import {
 } from 'src/features/alerts/types';
 import { useSelector } from 'react-redux';
 import { UserWithPermissionsAndRoles } from 'src/types/bootstrapTypes';
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
 import NumberInput from './components/NumberInput';
 import { AlertReportCronScheduler } from './components/AlertReportCronScheduler';
 import { NotificationMethod } from './components/NotificationMethod';
@@ -329,10 +329,6 @@ export const StyledInputContainer = styled.div`
   `}
 `;
 
-const StyledTooltip = styled(InfoTooltipWithTrigger)`
-  margin-left: ${({ theme }) => theme.sizeUnit}px;
-`;
-
 // Notification Method components
 const StyledNotificationAddButton = styled.div`
   ${({ theme }) => css`
@@ -1596,7 +1592,7 @@ const AlertReportModal: FunctionComponent<AlertReportModalProps> = ({
                       <StyledInputContainer>
                         <div className="control-label">
                           {t('SQL Query')}
-                          <StyledTooltip
+                          <InfoTooltip
                             tooltip={t(
                               'The result of this query must be a value capable of numeric interpretation e.g. 1, 1.0, or "1" (compatible with Python\'s float() function).',
                             )}
diff --git a/superset-frontend/src/features/alerts/buildErrorTooltipMessage.tsx b/superset-frontend/src/features/alerts/buildErrorTooltipMessage.tsx
index e3c6fa69859..b6d1694311e 100644
--- a/superset-frontend/src/features/alerts/buildErrorTooltipMessage.tsx
+++ b/superset-frontend/src/features/alerts/buildErrorTooltipMessage.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { css } from '@superset-ui/core';
-import { List } from 'src/components';
+import { List } from '@superset-ui/core/components';
 import { ValidationObject } from './types';
 import { TRANSLATIONS } from './AlertReportModal';
 
diff --git a/superset-frontend/src/features/alerts/components/AlertReportCronScheduler.tsx b/superset-frontend/src/features/alerts/components/AlertReportCronScheduler.tsx
index 5e1b3894fd9..2ea0971e5b3 100644
--- a/superset-frontend/src/features/alerts/components/AlertReportCronScheduler.tsx
+++ b/superset-frontend/src/features/alerts/components/AlertReportCronScheduler.tsx
@@ -20,7 +20,12 @@ import { useState, useCallback, FocusEvent, FC } from 'react';
 
 import { t, useTheme } from '@superset-ui/core';
 
-import { Input, CronPicker, Select, type CronError } from 'src/components';
+import {
+  Input,
+  CronPicker,
+  Select,
+  type CronError,
+} from '@superset-ui/core/components';
 import { StyledInputContainer } from '../AlertReportModal';
 
 export interface AlertReportCronSchedulerProps {
diff --git a/superset-frontend/src/features/alerts/components/AlertStatusIcon.tsx b/superset-frontend/src/features/alerts/components/AlertStatusIcon.tsx
index d756ad2491c..1258ea6aad5 100644
--- a/superset-frontend/src/features/alerts/components/AlertStatusIcon.tsx
+++ b/superset-frontend/src/features/alerts/components/AlertStatusIcon.tsx
@@ -17,8 +17,8 @@
  * under the License.
  */
 import { t, SupersetTheme, useTheme } from '@superset-ui/core';
-import { Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Tooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { AlertState } from '../types';
 
 function getStatusColor(
diff --git a/superset-frontend/src/features/alerts/components/NotificationMethod.tsx b/superset-frontend/src/features/alerts/components/NotificationMethod.tsx
index ccd217fe88a..f785bddce51 100644
--- a/superset-frontend/src/features/alerts/components/NotificationMethod.tsx
+++ b/superset-frontend/src/features/alerts/components/NotificationMethod.tsx
@@ -34,9 +34,9 @@ import {
   t,
   useTheme,
 } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Input, Select } from 'src/components';
-import RefreshLabel from 'src/components/RefreshLabel';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Input, Select } from '@superset-ui/core/components';
+import RefreshLabel from '@superset-ui/core/components/RefreshLabel';
 import {
   NotificationMethodOption,
   NotificationSetting,
diff --git a/superset-frontend/src/features/alerts/components/NumberInput.tsx b/superset-frontend/src/features/alerts/components/NumberInput.tsx
index 5b1aa59d4da..e0c4d9eb9ac 100644
--- a/superset-frontend/src/features/alerts/components/NumberInput.tsx
+++ b/superset-frontend/src/features/alerts/components/NumberInput.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Input } from 'src/components';
+import { Input } from '@superset-ui/core/components';
 import { useState, ChangeEvent } from 'react';
 
 interface NumberInputProps {
diff --git a/superset-frontend/src/features/alerts/components/RecipientIcon.tsx b/superset-frontend/src/features/alerts/components/RecipientIcon.tsx
index 0b3a9dc102d..b86e21136e8 100644
--- a/superset-frontend/src/features/alerts/components/RecipientIcon.tsx
+++ b/superset-frontend/src/features/alerts/components/RecipientIcon.tsx
@@ -18,8 +18,8 @@
  */
 import { SupersetTheme, css } from '@superset-ui/core';
 import { ReactElement } from 'react';
-import { Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Tooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { NotificationMethodOption } from '../types';
 
 const notificationStyledIcon = (theme: SupersetTheme) => css`
diff --git a/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx b/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx
index 46713354b17..2827ec261e5 100644
--- a/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx
+++ b/superset-frontend/src/features/allEntities/AllEntitiesTable.tsx
@@ -16,15 +16,17 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import { t, styled } from '@superset-ui/core';
-import TableView, { EmptyWrapperType } from 'src/components/TableView';
-import TagsList from 'src/components/TagsList';
-import Tag from 'src/types/TagType';
-import { EmptyState, FacePile } from 'src/components';
+import {
+  TableView,
+  EmptyWrapperType,
+} from '@superset-ui/core/components/TableView';
+import { EmptyState } from '@superset-ui/core/components';
+import { FacePile, TagsList, type TagType } from 'src/components';
 import { NumberParam, useQueryParam } from 'use-query-params';
 import { TaggedObject, TaggedObjects } from 'src/types/TaggedObject';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 const MAX_TAGS_TO_SHOW = 3;
 const PAGE_SIZE = 10;
@@ -96,14 +98,14 @@ export default function AllEntitiesTable({
             }: {
               row: {
                 original: {
-                  tags: Tag[];
+                  tags: TagType[];
                 };
               };
             }) => (
               // Only show custom type tags
               <TagsList
                 tags={tags.filter(
-                  (tag: Tag) =>
+                  (tag: TagType) =>
                     tag.type !== undefined &&
                     ['TagType.custom', 1].includes(tag.type) &&
                     tag.id !== tagId,
diff --git a/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.test.jsx b/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.test.jsx
index a1f49d6fac4..c81ce1deac1 100644
--- a/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.test.jsx
+++ b/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.test.jsx
@@ -20,7 +20,7 @@ import thunk from 'redux-thunk';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
 import fetchMock from 'fetch-mock';
-import { Modal } from 'src/components';
+import { Modal } from '@superset-ui/core/components';
 import waitForComponentToPaint from 'spec/helpers/waitForComponentToPaint';
 import { styledMount as mount } from 'spec/helpers/theming';
 import AnnotationLayerModal from './AnnotationLayerModal';
diff --git a/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx b/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx
index 9d2c77cb33f..2495e520c01 100644
--- a/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx
+++ b/superset-frontend/src/features/annotationLayers/AnnotationLayerModal.tsx
@@ -21,9 +21,9 @@ import { FunctionComponent, useState, useEffect, ChangeEvent } from 'react';
 import { css, styled, t, useTheme } from '@superset-ui/core';
 import { useSingleViewResource } from 'src/views/CRUD/hooks';
 
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
-import { Input, Modal } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
+import { Input, Modal } from '@superset-ui/core/components';
 import withToasts from 'src/components/MessageToasts/withToasts';
 
 import { OnlyKeyWithType } from 'src/utils/types';
diff --git a/superset-frontend/src/features/annotations/AnnotationModal.test.jsx b/superset-frontend/src/features/annotations/AnnotationModal.test.jsx
index 0cd766ae9b4..adce410213f 100644
--- a/superset-frontend/src/features/annotations/AnnotationModal.test.jsx
+++ b/superset-frontend/src/features/annotations/AnnotationModal.test.jsx
@@ -20,7 +20,7 @@ import thunk from 'redux-thunk';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
 import fetchMock from 'fetch-mock';
-import { Modal, JsonEditor } from 'src/components';
+import { Modal, JsonEditor } from '@superset-ui/core/components';
 import waitForComponentToPaint from 'spec/helpers/waitForComponentToPaint';
 import { styledMount as mount } from 'spec/helpers/theming';
 import AnnotationModal from './AnnotationModal';
diff --git a/superset-frontend/src/features/annotations/AnnotationModal.tsx b/superset-frontend/src/features/annotations/AnnotationModal.tsx
index 10de4a00f9a..ba7de524128 100644
--- a/superset-frontend/src/features/annotations/AnnotationModal.tsx
+++ b/superset-frontend/src/features/annotations/AnnotationModal.tsx
@@ -20,10 +20,15 @@ import { FunctionComponent, useState, useEffect, ChangeEvent } from 'react';
 
 import { css, styled, t, useTheme } from '@superset-ui/core';
 import { useSingleViewResource } from 'src/views/CRUD/hooks';
-import { extendedDayjs } from 'src/utils/dates';
-import { Icons } from 'src/components/Icons';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
+import { Icons } from '@superset-ui/core/components/Icons';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { Input, JsonEditor, Modal, RangePicker } from 'src/components';
+import {
+  Input,
+  JsonEditor,
+  Modal,
+  RangePicker,
+} from '@superset-ui/core/components';
 
 import { OnlyKeyWithType } from 'src/utils/types';
 import { AnnotationObject } from './types';
diff --git a/superset-frontend/src/features/charts/ChartCard.tsx b/superset-frontend/src/features/charts/ChartCard.tsx
index 2f038ded144..9431f28d3a1 100644
--- a/superset-frontend/src/features/charts/ChartCard.tsx
+++ b/superset-frontend/src/features/charts/ChartCard.tsx
@@ -22,15 +22,15 @@ import {
   ConfirmStatusChange,
   Button,
   Dropdown,
-  FacePile,
   FaveStar,
   Label,
   ListViewCard,
-} from 'src/components';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import Chart from 'src/types/Chart';
+import { FacePile } from 'src/components';
 
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { handleChartDelete, CardStyles } from 'src/views/CRUD/utils';
 import { assetUrl } from 'src/utils/assetUrl';
 
diff --git a/superset-frontend/src/features/cssTemplates/CssTemplateModal.test.jsx b/superset-frontend/src/features/cssTemplates/CssTemplateModal.test.jsx
index f5b8bf3ce2d..0d4b7196add 100644
--- a/superset-frontend/src/features/cssTemplates/CssTemplateModal.test.jsx
+++ b/superset-frontend/src/features/cssTemplates/CssTemplateModal.test.jsx
@@ -20,7 +20,7 @@ import thunk from 'redux-thunk';
 import { Provider } from 'react-redux';
 import configureStore from 'redux-mock-store';
 import fetchMock from 'fetch-mock';
-import { Modal, CssEditor } from 'src/components';
+import { Modal, CssEditor } from '@superset-ui/core/components';
 import waitForComponentToPaint from 'spec/helpers/waitForComponentToPaint';
 import { styledMount as mount } from 'spec/helpers/theming';
 import CssTemplateModal from './CssTemplateModal';
diff --git a/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx b/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx
index 6b520b787f8..67469f520d9 100644
--- a/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx
+++ b/superset-frontend/src/features/cssTemplates/CssTemplateModal.tsx
@@ -21,10 +21,10 @@ import { FunctionComponent, useState, useEffect, ChangeEvent } from 'react';
 import { css, styled, t, useTheme } from '@superset-ui/core';
 import { useSingleViewResource } from 'src/views/CRUD/hooks';
 
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { Input, CssEditor, Modal } from 'src/components';
-import { Typography } from 'src/components/Typography';
+import { Input, CssEditor, Modal } from '@superset-ui/core/components';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 import { OnlyKeyWithType } from 'src/utils/types';
 import { TemplateObject } from './types';
diff --git a/superset-frontend/src/features/dashboards/DashboardCard.tsx b/superset-frontend/src/features/dashboards/DashboardCard.tsx
index 1344ead1455..20e8f7fb276 100644
--- a/superset-frontend/src/features/dashboards/DashboardCard.tsx
+++ b/superset-frontend/src/features/dashboards/DashboardCard.tsx
@@ -28,15 +28,15 @@ import { CardStyles } from 'src/views/CRUD/utils';
 import {
   Dropdown,
   Button,
-  FacePile,
   FaveStar,
   PublishedLabel,
   ListViewCard,
-} from 'src/components';
-import { Menu } from 'src/components/Menu';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Dashboard } from 'src/views/CRUD/types';
 import { assetUrl } from 'src/utils/assetUrl';
+import { FacePile } from 'src/components';
 
 interface DashboardCardProps {
   isChart?: boolean;
diff --git a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx
index 11ae07fd54a..e650276444e 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/CommonParameters.tsx
@@ -17,11 +17,11 @@
  * under the License.
  */
 import { SupersetTheme, t } from '@superset-ui/core';
-import { Switch } from 'src/components/Switch';
+import { Switch } from '@superset-ui/core/components/Switch';
 import {
   InfoTooltip,
   LabeledErrorBoundInput as ValidatedInput,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import { FieldPropTypes } from '../../types';
 import { toggleStyle, infoTooltip } from '../styles';
 
@@ -316,7 +316,6 @@ export const forceSSLField = ({
     <InfoTooltip
       tooltip={t('SSL Mode "require" will be used.')}
       placement="right"
-      viewBox="0 -5 24 24"
     />
   </div>
 );
diff --git a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/EncryptedField.tsx b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/EncryptedField.tsx
index 661aed41c1d..53020018ab7 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/EncryptedField.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/EncryptedField.tsx
@@ -25,8 +25,8 @@ import {
   Select,
   Upload,
   type UploadFile,
-} from 'src/components';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { DatabaseParameters, FieldPropTypes } from '../../types';
 import { infoTooltip, CredentialInfoForm } from '../styles';
diff --git a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/OAuth2ClientField.tsx b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/OAuth2ClientField.tsx
index 6133d76c7e1..6499b04dcfd 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/OAuth2ClientField.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/OAuth2ClientField.tsx
@@ -18,7 +18,7 @@
  */
 
 import { useState } from 'react';
-import { Input, Collapse, FormItem } from 'src/components';
+import { Input, Collapse, FormItem } from '@superset-ui/core/components';
 import { CustomParametersChangeType, FieldPropTypes } from '../../types';
 
 const LABELS = {
diff --git a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/TableCatalog.tsx b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/TableCatalog.tsx
index 3f4fca97b69..f7318029cca 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/TableCatalog.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/TableCatalog.tsx
@@ -20,9 +20,9 @@ import { css, SupersetTheme, t } from '@superset-ui/core';
 import {
   FormLabel,
   LabeledErrorBoundInput as ValidatedInput,
-} from 'src/components';
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
+} from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
 import { StyledFooterButton, StyledCatalogTable } from '../styles';
 import { CatalogObject, FieldPropTypes } from '../../types';
 
diff --git a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/ValidatedInputField.tsx b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/ValidatedInputField.tsx
index 6eee479ef45..548ae77398b 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/ValidatedInputField.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/ValidatedInputField.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { t } from '@superset-ui/core';
-import { LabeledErrorBoundInput as ValidatedInput } from 'src/components';
+import { LabeledErrorBoundInput as ValidatedInput } from '@superset-ui/core/components';
 import { DatabaseParameters, FieldPropTypes } from '../../types';
 
 const FIELD_TEXT_MAP = {
diff --git a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/index.tsx b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/index.tsx
index 7ed34fdc042..94c1871f072 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/index.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/DatabaseConnectionForm/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { SupersetTheme } from '@superset-ui/core';
-import { Form } from 'src/components';
+import { Form } from '@superset-ui/core/components';
 import { FormFieldOrder, FORM_FIELD_MAP } from './constants';
 import { formScrollableStyles, validatedFormStyles } from '../styles';
 import { DatabaseConnectionFormProps } from '../../types';
diff --git a/superset-frontend/src/features/databases/DatabaseModal/ExtraOptions.tsx b/superset-frontend/src/features/databases/DatabaseModal/ExtraOptions.tsx
index 3e4279039ee..d9b351df4cb 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/ExtraOptions.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/ExtraOptions.tsx
@@ -32,7 +32,7 @@ import {
   InfoTooltip,
   CollapseLabelInModal,
   type CheckboxChangeEvent,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import {
   StyledInputContainer,
   StyledJsonEditor,
diff --git a/superset-frontend/src/features/databases/DatabaseModal/ModalHeader.tsx b/superset-frontend/src/features/databases/DatabaseModal/ModalHeader.tsx
index 55846a25fbe..627e7782344 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/ModalHeader.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/ModalHeader.tsx
@@ -19,8 +19,8 @@
 
 import { t } from '@superset-ui/core';
 import { getDatabaseDocumentationLinks } from 'src/views/CRUD/hooks';
-import { UploadFile } from 'src/components/Upload';
-import { Typography } from 'src/components/Typography';
+import { UploadFile } from '@superset-ui/core/components/Upload';
+import { Typography } from '@superset-ui/core/components/Typography';
 import { DatabaseForm, DatabaseObject } from '../types';
 import {
   EditHeaderTitle,
diff --git a/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelForm.tsx b/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelForm.tsx
index 98cfdd989f5..fc55ab95ee0 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelForm.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelForm.tsx
@@ -18,9 +18,16 @@
  */
 import { useState } from 'react';
 import { t, styled } from '@superset-ui/core';
-import { Input, Form, FormLabel, Col, Row, Tooltip } from 'src/components';
-import { Radio } from 'src/components/Radio';
-import { Icons } from 'src/components/Icons';
+import {
+  Input,
+  Form,
+  FormLabel,
+  Col,
+  Row,
+  Tooltip,
+} from '@superset-ui/core/components';
+import { Radio } from '@superset-ui/core/components/Radio';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { DatabaseObject, FieldPropTypes } from '../types';
 import { AuthType } from '.';
 
diff --git a/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.test.tsx b/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.test.tsx
index e11b077e942..dd8b74e643e 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.test.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.test.tsx
@@ -25,7 +25,7 @@ jest.mock('@superset-ui/core', () => ({
   isFeatureEnabled: jest.fn().mockReturnValue(true),
 }));
 
-jest.mock('src/components/Switch', () => ({
+jest.mock('@superset-ui/core/components/Switch', () => ({
   Switch: ({
     checked,
     onChange,
diff --git a/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.tsx b/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.tsx
index 4df781283cc..a58c96d23a0 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/SSHTunnelSwitch.tsx
@@ -23,8 +23,8 @@ import {
   isFeatureEnabled,
   FeatureFlag,
 } from '@superset-ui/core';
-import { Switch } from 'src/components/Switch';
-import { InfoTooltip } from 'src/components';
+import { Switch } from '@superset-ui/core/components/Switch';
+import { InfoTooltip } from '@superset-ui/core/components';
 import { isEmpty } from 'lodash';
 import { infoTooltip, toggleStyle } from './styles';
 import { SwitchProps } from '../types';
@@ -89,7 +89,6 @@ const SSHTunnelSwitch = ({
       <InfoTooltip
         tooltip={t('SSH Tunnel configuration parameters')}
         placement="right"
-        viewBox="0 -5 24 24"
       />
     </div>
   ) : null;
diff --git a/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx b/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx
index 493602bad7d..45e2e34024d 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/SqlAlchemyForm.tsx
@@ -19,7 +19,7 @@
 import { EventHandler, ChangeEvent, MouseEvent, ReactNode } from 'react';
 import { t, SupersetTheme } from '@superset-ui/core';
 import SupersetText from 'src/utils/textUtils';
-import { Input, Button } from 'src/components';
+import { Input, Button } from '@superset-ui/core/components';
 import { StyledInputContainer, wideButton } from './styles';
 import { DatabaseObject } from '../types';
 
diff --git a/superset-frontend/src/features/databases/DatabaseModal/index.test.tsx b/superset-frontend/src/features/databases/DatabaseModal/index.test.tsx
index a4a978c5026..e304bbfdf99 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/index.test.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/index.test.tsx
@@ -383,7 +383,7 @@ describe('DatabaseModal', () => {
       // ---------- TODO (lyndsiWilliams): Selector options, can't seem to get these to render properly.
 
       // renderAvailableSelector() => <Alert> - Supported databases alert
-      const alertIcon = screen.getByRole('img', { name: /info-circle/i });
+      const alertIcon = screen.getAllByRole('img', { name: /info-circle/i });
       const alertMessage = screen.getByText(/want to add a new database\?/i);
       const alertDescription = screen.getByText(
         /any databases that allow connections via sql alchemy uris can be added\. learn about how to connect a database driver \./i,
@@ -400,7 +400,7 @@ describe('DatabaseModal', () => {
         selectorLabel,
         selectorPlaceholder,
         selectorArrow,
-        alertIcon,
+        alertIcon[0],
         alertMessage,
         alertDescription,
         alertLink,
@@ -483,7 +483,10 @@ describe('DatabaseModal', () => {
         name: /test connection/i,
       });
       // <Alert> - Basic tab's alert
-      const alertIcon = screen.getByRole('img', { name: /info-circle/i });
+      const alertIcons = screen.getAllByRole('img', { name: /info-circle/i });
+      const alertIcon =
+        alertIcons.find(icon => icon.closest('.ant-alert-icon') !== null) ||
+        alertIcons[0];
       const alertMessage = screen.getByText(
         /additional fields may be required/i,
       );
@@ -652,8 +655,8 @@ describe('DatabaseModal', () => {
         'checkbox',
       ) as HTMLInputElement[];
       const checkboxOff = allCheckboxes.filter(checkbox => !checkbox.checked);
-      const tooltipIcons = within(advancedTabPanel).getAllByRole('img', {
-        name: /info-tooltip/i,
+      const tooltipButtons = within(advancedTabPanel).getAllByRole('button', {
+        name: /Show info tooltip/i,
       });
 
       const exposeInSQLLabCheckbox = screen.getByRole('checkbox', {
@@ -730,14 +733,14 @@ describe('DatabaseModal', () => {
         checkboxOff[3],
         checkboxOff[4],
         checkboxOff[5],
-        tooltipIcons[0],
-        tooltipIcons[1],
-        tooltipIcons[2],
-        tooltipIcons[3],
-        tooltipIcons[4],
-        tooltipIcons[5],
-        tooltipIcons[6],
-        tooltipIcons[7],
+        tooltipButtons[0],
+        tooltipButtons[1],
+        tooltipButtons[2],
+        tooltipButtons[3],
+        tooltipButtons[4],
+        tooltipButtons[5],
+        tooltipButtons[6],
+        tooltipButtons[7],
         exposeInSQLLabText,
         allowCTASText,
         allowCVASText,
@@ -768,7 +771,7 @@ describe('DatabaseModal', () => {
         expect(component).not.toBeVisible();
       });
       expect(checkboxOff).toHaveLength(6);
-      expect(tooltipIcons).toHaveLength(8);
+      expect(tooltipButtons).toHaveLength(8);
     });
 
     test('renders the "Advanced" - PERFORMANCE tab correctly', async () => {
diff --git a/superset-frontend/src/features/databases/DatabaseModal/index.tsx b/superset-frontend/src/features/databases/DatabaseModal/index.tsx
index ffba1fcc81c..8ceab7fc356 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/index.tsx
+++ b/superset-frontend/src/features/databases/DatabaseModal/index.tsx
@@ -35,15 +35,15 @@ import {
   useCallback,
   ChangeEvent,
 } from 'react';
-import { CheckboxChangeEvent } from 'src/components/Checkbox/types';
+import { CheckboxChangeEvent } from '@superset-ui/core/components/Checkbox/types';
 
 import { useHistory } from 'react-router-dom';
 import { setItem, LocalStorageKeys } from 'src/utils/localStorageHelpers';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import {
   Alert,
   Button,
-  ErrorMessageWithStackTrace,
+  Icons,
   LabeledErrorBoundInput as ValidatedInput,
   Modal,
   Select,
@@ -54,10 +54,9 @@ import {
   type UploadChangeParam,
   type UploadFile,
   FormLabel,
-} from 'src/components';
+} from '@superset-ui/core/components';
+import { ErrorAlert, ErrorMessageWithStackTrace } from 'src/components';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { ErrorAlert } from 'src/components/ImportModal/ErrorAlert';
-import { Icons } from 'src/components/Icons';
 import {
   testDatabaseConnection,
   useSingleViewResource,
@@ -1525,10 +1524,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
 
     return (
       <StyledAlertMargin>
-        <ErrorAlert
-          errorMessage={importingErrorMessage}
-          showDbInstallInstructions={passwordFields.length > 0}
-        />
+        <ErrorAlert message={importingErrorMessage} />
       </StyledAlertMargin>
     );
   };
@@ -1957,7 +1953,6 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
                           tooltip={t(
                             'Click this link to switch to an alternate form that exposes only the required fields needed to connect this database.',
                           )}
-                          viewBox="0 -6 24 24"
                         />
                       </div>
                     )}
@@ -2163,7 +2158,6 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
                         tooltip={t(
                           'Click this link to switch to an alternate form that allows you to input the SQLAlchemy URL for this database manually.',
                         )}
-                        viewBox="0 -6 24 24"
                       />
                     </>
                   )}
diff --git a/superset-frontend/src/features/databases/DatabaseModal/styles.ts b/superset-frontend/src/features/databases/DatabaseModal/styles.ts
index ecbc4fcc5da..e8e18c5cc5a 100644
--- a/superset-frontend/src/features/databases/DatabaseModal/styles.ts
+++ b/superset-frontend/src/features/databases/DatabaseModal/styles.ts
@@ -18,7 +18,7 @@
  */
 
 import { css, styled, SupersetTheme } from '@superset-ui/core';
-import { Button, JsonEditor } from 'src/components';
+import { Button, JsonEditor } from '@superset-ui/core/components';
 
 const CTAS_CVAS_SCHEMA_FORM_HEIGHT = 108;
 const EXPOSE_IN_SQLLAB_FORM_HEIGHT = CTAS_CVAS_SCHEMA_FORM_HEIGHT + 153;
diff --git a/superset-frontend/src/features/databases/UploadDataModel/ColumnsPreview.tsx b/superset-frontend/src/features/databases/UploadDataModel/ColumnsPreview.tsx
index c0a8f23cb1e..fbd59fe213e 100644
--- a/superset-frontend/src/features/databases/UploadDataModel/ColumnsPreview.tsx
+++ b/superset-frontend/src/features/databases/UploadDataModel/ColumnsPreview.tsx
@@ -18,9 +18,8 @@
  */
 import { FC } from 'react';
 import { styled, t } from '@superset-ui/core';
-import { Typography } from 'src/components/Typography';
-import TagsList from 'src/components/TagsList';
-import TagType from 'src/types/TagType';
+import { Typography } from '@superset-ui/core/components';
+import { type TagType, TagsList } from 'src/components';
 
 interface ColumnsPreviewProps {
   columns: string[];
diff --git a/superset-frontend/src/features/databases/UploadDataModel/StyledFormItemWithTip.tsx b/superset-frontend/src/features/databases/UploadDataModel/StyledFormItemWithTip.tsx
index f6b8fb39b36..e4eaafed551 100644
--- a/superset-frontend/src/features/databases/UploadDataModel/StyledFormItemWithTip.tsx
+++ b/superset-frontend/src/features/databases/UploadDataModel/StyledFormItemWithTip.tsx
@@ -18,7 +18,7 @@
  */
 
 import { FC, ReactNode } from 'react';
-import { InfoTooltip } from 'src/components';
+import { InfoTooltip } from '@superset-ui/core/components';
 import { StyledFormItem } from './styles';
 
 interface StyledFormItemWithTipProps {
diff --git a/superset-frontend/src/features/databases/UploadDataModel/UploadDataModal.test.tsx b/superset-frontend/src/features/databases/UploadDataModel/UploadDataModal.test.tsx
index 450e0a8f938..8e7e9bcdd24 100644
--- a/superset-frontend/src/features/databases/UploadDataModel/UploadDataModal.test.tsx
+++ b/superset-frontend/src/features/databases/UploadDataModel/UploadDataModal.test.tsx
@@ -27,7 +27,7 @@ import {
   userEvent,
   fireEvent,
 } from 'spec/helpers/testing-library';
-import { UploadFile } from 'src/components/Upload';
+import { UploadFile } from '@superset-ui/core/components/Upload';
 
 const csvProps = {
   show: true,
diff --git a/superset-frontend/src/features/databases/UploadDataModel/index.tsx b/superset-frontend/src/features/databases/UploadDataModel/index.tsx
index 40b6bdfe042..54ee095e0ce 100644
--- a/superset-frontend/src/features/databases/UploadDataModel/index.tsx
+++ b/superset-frontend/src/features/databases/UploadDataModel/index.tsx
@@ -45,9 +45,9 @@ import {
   Upload,
   type UploadChangeParam,
   type UploadFile,
-} from 'src/components';
-import { Switch, SwitchProps } from 'src/components/Switch';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { Switch, SwitchProps } from '@superset-ui/core/components/Switch';
+import { Icons } from '@superset-ui/core/components/Icons';
 import rison from 'rison';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import {
diff --git a/superset-frontend/src/features/databases/UploadDataModel/styles.ts b/superset-frontend/src/features/databases/UploadDataModel/styles.ts
index df8b1641dc7..98952d8ee33 100644
--- a/superset-frontend/src/features/databases/UploadDataModel/styles.ts
+++ b/superset-frontend/src/features/databases/UploadDataModel/styles.ts
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FormItem } from 'src/components';
+import { FormItem } from '@superset-ui/core/components';
 import { css, styled, SupersetTheme } from '@superset-ui/core';
 
 const MODAL_BODY_HEIGHT = 180.5;
diff --git a/superset-frontend/src/features/databases/types.ts b/superset-frontend/src/features/databases/types.ts
index aea268431be..cca98833cb4 100644
--- a/superset-frontend/src/features/databases/types.ts
+++ b/superset-frontend/src/features/databases/types.ts
@@ -1,5 +1,5 @@
 import { JsonObject } from '@superset-ui/core';
-import { InputProps } from 'src/components';
+import { InputProps } from '@superset-ui/core/components';
 import { ChangeEvent, EventHandler, FormEvent } from 'react';
 
 /**
diff --git a/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.test.tsx b/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.test.tsx
index 8e553632761..03556a5c6fe 100644
--- a/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.test.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.test.tsx
@@ -36,7 +36,7 @@ import {
 } from './MessageContent';
 
 jest.mock(
-  'src/components/Icons/AsyncIcon',
+  '@superset-ui/core/components/Icons/AsyncIcon',
   () =>
     ({ fileName }: { fileName: string }) => (
       <span role="img" aria-label={fileName.replace('_', '-')} />
diff --git a/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.tsx b/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.tsx
index d2f7cb03f66..4e91dbd3c18 100644
--- a/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/DatasetPanel.tsx
@@ -17,9 +17,12 @@
  * under the License.
  */
 import { t, styled } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Alert, Image } from 'src/components';
-import Table, { ColumnsType, TableSize } from 'src/components/Table';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Alert, Image } from '@superset-ui/core/components';
+import Table, {
+  ColumnsType,
+  TableSize,
+} from '@superset-ui/core/components/Table';
 // @ts-ignore
 import LOADING_GIF from 'src/assets/images/loading.gif';
 import { DatasetObject } from 'src/features/datasets/AddDataset/types';
diff --git a/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/MessageContent.tsx b/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/MessageContent.tsx
index 1a6e8f9f0bd..d691a4c9527 100644
--- a/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/MessageContent.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/DatasetPanel/MessageContent.tsx
@@ -18,7 +18,7 @@
  */
 
 import { t, styled } from '@superset-ui/core';
-import { EmptyState } from 'src/components';
+import { EmptyState } from '@superset-ui/core/components';
 import { Link } from 'react-router-dom';
 
 const StyledContainer = styled.div`
diff --git a/superset-frontend/src/features/datasets/AddDataset/EditDataset/UsageTab/index.tsx b/superset-frontend/src/features/datasets/AddDataset/EditDataset/UsageTab/index.tsx
index 137d59ec14f..43078fc2b87 100644
--- a/superset-frontend/src/features/datasets/AddDataset/EditDataset/UsageTab/index.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/EditDataset/UsageTab/index.tsx
@@ -31,17 +31,14 @@ import Table, {
   ColumnsType,
   TableSize,
   OnChangeFunction,
-} from 'src/components/Table';
-import {
-  EmptyState,
-  ListViewFilterOperator as FilterOperator,
-} from 'src/components';
-import ChartImage from 'src/assets/images/chart.svg';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components/Table';
+import { EmptyState, Icons } from '@superset-ui/core/components';
+import { ListViewFilterOperator as FilterOperator } from 'src/components';
+import { chart as ChartImage } from '@superset-ui/core/components/assets';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { useListViewResource } from 'src/views/CRUD/hooks';
-import { extendedDayjs } from 'src/utils/dates';
-import TruncatedList from 'src/components/TruncatedList';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
+import TruncatedList from '@superset-ui/core/components/TruncatedList';
 
 interface DatasetUsageProps {
   datasetId: string;
diff --git a/superset-frontend/src/features/datasets/AddDataset/EditDataset/index.tsx b/superset-frontend/src/features/datasets/AddDataset/EditDataset/index.tsx
index 2376fb31f78..c7f8bb005ef 100644
--- a/superset-frontend/src/features/datasets/AddDataset/EditDataset/index.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/EditDataset/index.tsx
@@ -18,8 +18,8 @@
  */
 import { styled, t } from '@superset-ui/core';
 import useGetDatasetRelatedCounts from 'src/features/datasets/hooks/useGetDatasetRelatedCounts';
-import { Badge } from 'src/components';
-import Tabs from 'src/components/Tabs';
+import { Badge } from '@superset-ui/core/components';
+import Tabs from '@superset-ui/core/components/Tabs';
 import UsageTab from './UsageTab';
 
 const StyledTabs = styled(Tabs)`
diff --git a/superset-frontend/src/features/datasets/AddDataset/Footer/index.tsx b/superset-frontend/src/features/datasets/AddDataset/Footer/index.tsx
index 25bcdb6b2e9..880e948f575 100644
--- a/superset-frontend/src/features/datasets/AddDataset/Footer/index.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/Footer/index.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { useHistory } from 'react-router-dom';
-import { Button } from 'src/components';
+import { Button } from '@superset-ui/core/components';
 import { t } from '@superset-ui/core';
 import { useSingleViewResource } from 'src/views/CRUD/hooks';
 import { logEvent } from 'src/logger/actions';
diff --git a/superset-frontend/src/features/datasets/AddDataset/Header/index.tsx b/superset-frontend/src/features/datasets/AddDataset/Header/index.tsx
index 28b9b658a46..f80b349e8b7 100644
--- a/superset-frontend/src/features/datasets/AddDataset/Header/index.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/Header/index.tsx
@@ -18,11 +18,11 @@
  */
 import { Dispatch } from 'react';
 import { t } from '@superset-ui/core';
-import { PageHeaderWithActions } from 'src/components/PageHeaderWithActions';
-import { Button } from 'src/components';
-import { TooltipPlacement } from 'src/components/Tooltip/types';
-import { Icons } from 'src/components/Icons';
-import { Menu } from 'src/components/Menu';
+import { PageHeaderWithActions } from '@superset-ui/core/components/PageHeaderWithActions';
+import { Button } from '@superset-ui/core/components';
+import { TooltipPlacement } from '@superset-ui/core/components/Tooltip/types';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Menu } from '@superset-ui/core/components/Menu';
 import {
   DatasetActionType,
   DSReducerActionType,
diff --git a/superset-frontend/src/features/datasets/AddDataset/LeftPanel/index.tsx b/superset-frontend/src/features/datasets/AddDataset/LeftPanel/index.tsx
index 3261e5678e8..b6d5174b616 100644
--- a/superset-frontend/src/features/datasets/AddDataset/LeftPanel/index.tsx
+++ b/superset-frontend/src/features/datasets/AddDataset/LeftPanel/index.tsx
@@ -19,7 +19,8 @@
 import { useEffect, SetStateAction, Dispatch, useCallback } from 'react';
 import { styled, t } from '@superset-ui/core';
 import TableSelector, { TableOption } from 'src/components/TableSelector';
-import { EmptyState, type DatabaseObject } from 'src/components';
+import { EmptyState } from '@superset-ui/core/components';
+import { type DatabaseObject } from 'src/components';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
 import { LocalStorageKeys, getItem } from 'src/utils/localStorageHelpers';
 import {
@@ -27,7 +28,7 @@ import {
   DatasetObject,
 } from 'src/features/datasets/AddDataset/types';
 import { Table } from 'src/hooks/apiResources';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 interface LeftPanelProps {
   setDataset: Dispatch<SetStateAction<object>>;
diff --git a/superset-frontend/src/features/datasets/DatasetSelectLabel/index.tsx b/superset-frontend/src/features/datasets/DatasetSelectLabel/index.tsx
index d247ac10e55..b354e76f1d3 100644
--- a/superset-frontend/src/features/datasets/DatasetSelectLabel/index.tsx
+++ b/superset-frontend/src/features/datasets/DatasetSelectLabel/index.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Tooltip } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
 import { styled, t } from '@superset-ui/core';
 
 type Database = {
diff --git a/superset-frontend/src/features/datasets/DuplicateDatasetModal.tsx b/superset-frontend/src/features/datasets/DuplicateDatasetModal.tsx
index c3486027ea9..f8225ad9cc3 100644
--- a/superset-frontend/src/features/datasets/DuplicateDatasetModal.tsx
+++ b/superset-frontend/src/features/datasets/DuplicateDatasetModal.tsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 import { FunctionComponent, useEffect, useState, ChangeEvent } from 'react';
-import { Input, FormLabel, Modal } from 'src/components';
+import { Input, FormLabel, Modal } from '@superset-ui/core/components';
 import Dataset from 'src/types/Dataset';
 
 interface DuplicateDatasetModalProps {
diff --git a/superset-frontend/src/features/datasets/metadataBar/useDatasetMetadataBar.tsx b/superset-frontend/src/features/datasets/metadataBar/useDatasetMetadataBar.tsx
index 3695bed5770..fee37c57a2a 100644
--- a/superset-frontend/src/features/datasets/metadataBar/useDatasetMetadataBar.tsx
+++ b/superset-frontend/src/features/datasets/metadataBar/useDatasetMetadataBar.tsx
@@ -18,13 +18,13 @@
  */
 import { useEffect, useMemo, useState } from 'react';
 import { css, t, useTheme } from '@superset-ui/core';
-import { Alert } from 'src/components';
+import { Alert } from '@superset-ui/core/components';
 import { Dataset } from 'src/components/Chart/types';
-import MetadataBar from 'src/components/MetadataBar';
+import MetadataBar from '@superset-ui/core/components/MetadataBar';
 import {
   ContentType,
   MetadataType,
-} from 'src/components/MetadataBar/ContentType';
+} from '@superset-ui/core/components/MetadataBar/ContentType';
 import { ResourceStatus } from 'src/hooks/apiResources/apiResources';
 import { cachedSupersetGet } from 'src/utils/cachedSupersetGet';
 
diff --git a/superset-frontend/src/features/home/ActivityTable.tsx b/superset-frontend/src/features/home/ActivityTable.tsx
index 3a00857a174..bb9ce478b08 100644
--- a/superset-frontend/src/features/home/ActivityTable.tsx
+++ b/superset-frontend/src/features/home/ActivityTable.tsx
@@ -17,11 +17,11 @@
  * under the License.
  */
 import { useEffect, useState } from 'react';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import { styled, t } from '@superset-ui/core';
 import { setItem, LocalStorageKeys } from 'src/utils/localStorageHelpers';
 import { Link } from 'react-router-dom';
-import { ListViewCard } from 'src/components';
+import { ListViewCard } from '@superset-ui/core/components';
 import { Dashboard, SavedQueryObject, TableTab } from 'src/views/CRUD/types';
 import { ActivityData, LoadingCards } from 'src/pages/Home';
 import {
@@ -30,7 +30,7 @@ import {
   getEditedObjects,
 } from 'src/views/CRUD/utils';
 import { Chart } from 'src/types/Chart';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import SubMenu from './SubMenu';
 import EmptyState from './EmptyState';
 import { WelcomeTable, RecentActivity } from './types';
diff --git a/superset-frontend/src/features/home/ChartTable.tsx b/superset-frontend/src/features/home/ChartTable.tsx
index 4f23ece3f7e..965e05ddabf 100644
--- a/superset-frontend/src/features/home/ChartTable.tsx
+++ b/superset-frontend/src/features/home/ChartTable.tsx
@@ -42,8 +42,9 @@ import { LoadingCards } from 'src/pages/Home';
 import ChartCard from 'src/features/charts/ChartCard';
 import Chart from 'src/types/Chart';
 import handleResourceExport from 'src/utils/export';
-import { ErrorBoundary, Loading } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Loading } from '@superset-ui/core/components';
+import { ErrorBoundary } from 'src/components';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { navigateTo } from 'src/utils/navigationUtils';
 import EmptyState from './EmptyState';
 import { WelcomeTable } from './types';
diff --git a/superset-frontend/src/features/home/DashboardTable.tsx b/superset-frontend/src/features/home/DashboardTable.tsx
index 1d2b9101c43..cd59c25c653 100644
--- a/superset-frontend/src/features/home/DashboardTable.tsx
+++ b/superset-frontend/src/features/home/DashboardTable.tsx
@@ -36,10 +36,10 @@ import {
   handleDashboardDelete,
 } from 'src/views/CRUD/utils';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { DeleteModal, Loading } from 'src/components';
+import { DeleteModal, Loading } from '@superset-ui/core/components';
 import PropertiesModal from 'src/dashboard/components/PropertiesModal';
 import DashboardCard from 'src/features/dashboards/DashboardCard';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { navigateTo } from 'src/utils/navigationUtils';
 import EmptyState from './EmptyState';
 import SubMenu from './SubMenu';
diff --git a/superset-frontend/src/features/home/EmptyState.tsx b/superset-frontend/src/features/home/EmptyState.tsx
index f2626f778cc..46f6c6e6f3f 100644
--- a/superset-frontend/src/features/home/EmptyState.tsx
+++ b/superset-frontend/src/features/home/EmptyState.tsx
@@ -16,7 +16,10 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Button, EmptyState as EmptyStateComponent } from 'src/components';
+import {
+  Button,
+  EmptyState as EmptyStateComponent,
+} from '@superset-ui/core/components';
 import { TableTab } from 'src/views/CRUD/types';
 import { styled, t } from '@superset-ui/core';
 import { navigateTo } from 'src/utils/navigationUtils';
diff --git a/superset-frontend/src/features/home/LanguagePicker.stories.tsx b/superset-frontend/src/features/home/LanguagePicker.stories.tsx
index b73d23f0235..aa131821ee6 100644
--- a/superset-frontend/src/features/home/LanguagePicker.stories.tsx
+++ b/superset-frontend/src/features/home/LanguagePicker.stories.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { MainNav as Menu } from 'src/components/Menu'; // Ensure correct import path
+import { MainNav as Menu } from '@superset-ui/core/components/Menu'; // Ensure correct import path
 import LanguagePicker from './LanguagePicker'; // Ensure correct import path
 
 export default {
diff --git a/superset-frontend/src/features/home/LanguagePicker.test.tsx b/superset-frontend/src/features/home/LanguagePicker.test.tsx
index 6b2e98e4603..59dbeab0ac4 100644
--- a/superset-frontend/src/features/home/LanguagePicker.test.tsx
+++ b/superset-frontend/src/features/home/LanguagePicker.test.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 import { render, screen, userEvent } from 'spec/helpers/testing-library';
-import { MainNav as Menu } from 'src/components/Menu';
+import { MainNav as Menu } from '@superset-ui/core/components/Menu';
 import LanguagePicker from './LanguagePicker';
 
 const mockedProps = {
diff --git a/superset-frontend/src/features/home/LanguagePicker.tsx b/superset-frontend/src/features/home/LanguagePicker.tsx
index 999f588481a..0dddff17d09 100644
--- a/superset-frontend/src/features/home/LanguagePicker.tsx
+++ b/superset-frontend/src/features/home/LanguagePicker.tsx
@@ -16,10 +16,10 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { MainNav as Menu } from 'src/components/Menu';
+import { MainNav as Menu } from '@superset-ui/core/components/Menu';
 import { styled, css, useTheme } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 const { SubMenu } = Menu;
 export interface Languages {
diff --git a/superset-frontend/src/features/home/Menu.tsx b/superset-frontend/src/features/home/Menu.tsx
index 2544e46a4e4..d61bd1e35c9 100644
--- a/superset-frontend/src/features/home/Menu.tsx
+++ b/superset-frontend/src/features/home/Menu.tsx
@@ -20,11 +20,12 @@ import { useState, useEffect } from 'react';
 import { styled, css, useTheme } from '@superset-ui/core';
 import { debounce } from 'lodash';
 import { getUrlParam } from 'src/utils/urlUtils';
-import { MainNav, MenuMode } from 'src/components/Menu';
-import { GenericLink, Tooltip, Grid, Row, Col, Image } from 'src/components';
+import { MainNav, MenuMode } from '@superset-ui/core/components/Menu';
+import { Tooltip, Grid, Row, Col, Image } from '@superset-ui/core/components';
+import { GenericLink } from 'src/components';
 import { NavLink, useLocation } from 'react-router-dom';
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
 import { useUiConfig } from 'src/components/UiConfigContext';
 import { URL_PARAMS } from 'src/constants';
 import {
diff --git a/superset-frontend/src/features/home/RightMenu.tsx b/superset-frontend/src/features/home/RightMenu.tsx
index 235dce663d8..a9a90accbd4 100644
--- a/superset-frontend/src/features/home/RightMenu.tsx
+++ b/superset-frontend/src/features/home/RightMenu.tsx
@@ -25,7 +25,7 @@ import { useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
 import { useQueryParams, BooleanParam } from 'use-query-params';
 import { get, isEmpty } from 'lodash';
-import ThemeEditor from 'src/components/ThemeEditor';
+import ThemeEditor from '@superset-ui/core/components/ThemeEditor';
 
 import {
   t,
@@ -38,10 +38,10 @@ import {
   isFeatureEnabled,
   FeatureFlag,
 } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
-import { Label, Tooltip } from 'src/components';
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Label, Tooltip } from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
 import { ensureAppRoot } from 'src/utils/pathUtils';
 import { findPermission } from 'src/utils/findPermission';
 import { isUserAdmin } from 'src/dashboard/util/permissionUtils';
@@ -54,7 +54,7 @@ import { RootState } from 'src/dashboard/types';
 import DatabaseModal from 'src/features/databases/DatabaseModal';
 import UploadDataModal from 'src/features/databases/UploadDataModel';
 import { uploadUserPerms } from 'src/views/CRUD/utils';
-import TelemetryPixel from 'src/components/TelemetryPixel';
+import TelemetryPixel from '@superset-ui/core/components/TelemetryPixel';
 import LanguagePicker from './LanguagePicker';
 import {
   ExtensionConfigs,
diff --git a/superset-frontend/src/features/home/SavedQueries.tsx b/superset-frontend/src/features/home/SavedQueries.tsx
index cb27cbee758..ca2fa9b2b8e 100644
--- a/superset-frontend/src/features/home/SavedQueries.tsx
+++ b/superset-frontend/src/features/home/SavedQueries.tsx
@@ -25,10 +25,15 @@ import github from 'react-syntax-highlighter/dist/cjs/styles/hljs/github';
 import { LoadingCards } from 'src/pages/Home';
 import { TableTab } from 'src/views/CRUD/types';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { Dropdown, DeleteModal, Button, ListViewCard } from 'src/components';
-import { Menu } from 'src/components/Menu';
+import {
+  Dropdown,
+  DeleteModal,
+  Button,
+  ListViewCard,
+} from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
 import { copyQueryLink, useListViewResource } from 'src/views/CRUD/hooks';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { User } from 'src/types/bootstrapTypes';
 import {
   CardContainer,
diff --git a/superset-frontend/src/features/home/SubMenu.tsx b/superset-frontend/src/features/home/SubMenu.tsx
index 6769f16ee65..c0dadf2bafd 100644
--- a/superset-frontend/src/features/home/SubMenu.tsx
+++ b/superset-frontend/src/features/home/SubMenu.tsx
@@ -22,12 +22,17 @@ import { Link, useHistory } from 'react-router-dom';
 import { styled, SupersetTheme, css, t, useTheme } from '@superset-ui/core';
 import cx from 'classnames';
 import { debounce } from 'lodash';
-import { Menu, MenuMode, MainNav } from 'src/components/Menu';
-import { Button, Tooltip, Row, type OnClickHandler } from 'src/components';
-import { Icons } from 'src/components/Icons';
-import { IconType } from 'src/components/Icons/types';
+import { Menu, MenuMode, MainNav } from '@superset-ui/core/components/Menu';
+import {
+  Button,
+  Tooltip,
+  Row,
+  type OnClickHandler,
+} from '@superset-ui/core/components';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { IconType } from '@superset-ui/core/components/Icons/types';
 import { MenuObjectProps } from 'src/types/bootstrapTypes';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 const StyledHeader = styled.div<{ backgroundColor?: string }>`
   background-color: ${({ theme, backgroundColor }) =>
diff --git a/superset-frontend/src/features/queries/QueryPreviewModal.tsx b/superset-frontend/src/features/queries/QueryPreviewModal.tsx
index 6c1da7333f1..39ab18cfb70 100644
--- a/superset-frontend/src/features/queries/QueryPreviewModal.tsx
+++ b/superset-frontend/src/features/queries/QueryPreviewModal.tsx
@@ -19,7 +19,7 @@
 import { useState } from 'react';
 import { styled, t } from '@superset-ui/core';
 import cx from 'classnames';
-import { Button, Modal } from 'src/components';
+import { Button, Modal } from '@superset-ui/core/components';
 import withToasts, {
   ToastProps,
 } from 'src/components/MessageToasts/withToasts';
diff --git a/superset-frontend/src/features/queries/SavedQueryPreviewModal.test.jsx b/superset-frontend/src/features/queries/SavedQueryPreviewModal.test.jsx
index f6eff2194de..5a3162838b4 100644
--- a/superset-frontend/src/features/queries/SavedQueryPreviewModal.test.jsx
+++ b/superset-frontend/src/features/queries/SavedQueryPreviewModal.test.jsx
@@ -20,7 +20,7 @@ import thunk from 'redux-thunk';
 import configureStore from 'redux-mock-store';
 import fetchMock from 'fetch-mock';
 import { styledMount as mount } from 'spec/helpers/theming';
-import { Button, Modal } from 'src/components';
+import { Button, Modal } from '@superset-ui/core/components';
 import waitForComponentToPaint from 'spec/helpers/waitForComponentToPaint';
 import { act } from 'spec/helpers/testing-library';
 import SavedQueryPreviewModal from './SavedQueryPreviewModal';
diff --git a/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx b/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx
index 01153a3b1a5..9a42dac98cf 100644
--- a/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx
+++ b/superset-frontend/src/features/queries/SavedQueryPreviewModal.tsx
@@ -18,7 +18,7 @@
  */
 import { FunctionComponent } from 'react';
 import { styled, t } from '@superset-ui/core';
-import { Button, Modal } from 'src/components';
+import { Button, Modal } from '@superset-ui/core/components';
 import SyntaxHighlighterCopy from 'src/features/queries/SyntaxHighlighterCopy';
 import withToasts, {
   ToastProps,
diff --git a/superset-frontend/src/features/queries/SyntaxHighlighterCopy.tsx b/superset-frontend/src/features/queries/SyntaxHighlighterCopy.tsx
index 6a019141c14..d6e5bee15cb 100644
--- a/superset-frontend/src/features/queries/SyntaxHighlighterCopy.tsx
+++ b/superset-frontend/src/features/queries/SyntaxHighlighterCopy.tsx
@@ -24,7 +24,7 @@ import markdownSyntax from 'react-syntax-highlighter/dist/cjs/languages/hljs/mar
 import jsonSyntax from 'react-syntax-highlighter/dist/cjs/languages/hljs/json';
 import github from 'react-syntax-highlighter/dist/cjs/styles/hljs/github';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/cjs/light';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { ToastProps } from 'src/components/MessageToasts/withToasts';
 import copyTextToClipboard from 'src/utils/copy';
 
@@ -81,7 +81,7 @@ export default function SyntaxHighlighterCopy({
       <Icons.CopyOutlined
         tabIndex={0}
         role="button"
-        onClick={e => {
+        onClick={(e: React.MouseEvent<HTMLElement>) => {
           e.preventDefault();
           e.currentTarget.blur();
           copyToClipboard(children);
diff --git a/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.test.tsx b/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.test.tsx
index 8c11f78d920..2a2e392c225 100644
--- a/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.test.tsx
+++ b/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.test.tsx
@@ -18,7 +18,7 @@
  */
 import { act, render, screen, userEvent } from 'spec/helpers/testing-library';
 import { FeatureFlag, isFeatureEnabled } from '@superset-ui/core';
-import { Menu } from 'src/components/Menu';
+import { Menu } from '@superset-ui/core/components/Menu';
 import HeaderReportDropdown, { HeaderReportProps } from '.';
 
 const createProps = () => ({
diff --git a/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx b/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx
index 187e3c7caff..a094cd3f658 100644
--- a/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx
+++ b/superset-frontend/src/features/reports/ReportModal/HeaderReportDropdown/index.tsx
@@ -29,11 +29,11 @@ import {
   getExtensionsRegistry,
   usePrevious,
 } from '@superset-ui/core';
-import { Icons } from 'src/components/Icons';
-import { Switch } from 'src/components/Switch';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Switch } from '@superset-ui/core/components/Switch';
 import { AlertObject } from 'src/features/alerts/types';
-import { Menu } from 'src/components/Menu';
-import { Checkbox } from 'src/components';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Checkbox } from '@superset-ui/core/components';
 import { noOp } from 'src/utils/common';
 import { ChartState } from 'src/explore/types';
 import { UserWithPermissionsAndRoles } from 'src/types/bootstrapTypes';
diff --git a/superset-frontend/src/features/reports/ReportModal/index.tsx b/superset-frontend/src/features/reports/ReportModal/index.tsx
index 6b31146c474..24f534e2ff0 100644
--- a/superset-frontend/src/features/reports/ReportModal/index.tsx
+++ b/superset-frontend/src/features/reports/ReportModal/index.tsx
@@ -41,11 +41,11 @@ import {
   Input,
   LabeledErrorBoundInput,
   type CronError,
-} from 'src/components';
-import TimezoneSelector from 'src/components/TimezoneSelector';
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
-import { Radio, RadioChangeEvent } from 'src/components/Radio';
+} from '@superset-ui/core/components';
+import TimezoneSelector from '@superset-ui/core/components/TimezoneSelector';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
+import { Radio, RadioChangeEvent } from '@superset-ui/core/components/Radio';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import { ChartState } from 'src/explore/types';
 import {
diff --git a/superset-frontend/src/features/reports/ReportModal/styles.tsx b/superset-frontend/src/features/reports/ReportModal/styles.tsx
index 3e6700c0246..0455b391262 100644
--- a/superset-frontend/src/features/reports/ReportModal/styles.tsx
+++ b/superset-frontend/src/features/reports/ReportModal/styles.tsx
@@ -18,8 +18,8 @@
  */
 
 import { styled, css, SupersetTheme } from '@superset-ui/core';
-import { Button, CronPicker, Modal } from 'src/components';
-import { Radio } from 'src/components/Radio';
+import { Button, CronPicker, Modal } from '@superset-ui/core/components';
+import { Radio } from '@superset-ui/core/components/Radio';
 
 export const StyledModal = styled(Modal)`
   .ant-modal-body {
diff --git a/superset-frontend/src/features/rls/RowLevelSecurityModal.tsx b/superset-frontend/src/features/rls/RowLevelSecurityModal.tsx
index 4555926bf00..5d0b6e3cc34 100644
--- a/superset-frontend/src/features/rls/RowLevelSecurityModal.tsx
+++ b/superset-frontend/src/features/rls/RowLevelSecurityModal.tsx
@@ -19,7 +19,7 @@
 
 import { css, styled, SupersetClient, useTheme, t } from '@superset-ui/core';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import {
   Modal,
   Select,
@@ -27,8 +27,8 @@ import {
   InfoTooltip,
   LabeledErrorBoundInput,
   Input,
-} from 'src/components';
-import { Typography } from 'src/components/Typography';
+} from '@superset-ui/core/components';
+import { Typography } from '@superset-ui/core/components/Typography';
 import rison from 'rison';
 import { useSingleViewResource } from 'src/views/CRUD/hooks';
 import { FILTER_OPTIONS } from './constants';
diff --git a/superset-frontend/src/features/roles/RoleFormItems.tsx b/superset-frontend/src/features/roles/RoleFormItems.tsx
index d2e035dad02..55abbf3bd67 100644
--- a/superset-frontend/src/features/roles/RoleFormItems.tsx
+++ b/superset-frontend/src/features/roles/RoleFormItems.tsx
@@ -16,7 +16,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FormItem, Input, Select } from 'src/components';
+import { FormItem, Input, Select } from '@superset-ui/core/components';
 import { t } from '@superset-ui/core';
 import { FC } from 'react';
 import { FormattedPermission, UserObject } from './types';
diff --git a/superset-frontend/src/features/roles/RoleListAddModal.tsx b/superset-frontend/src/features/roles/RoleListAddModal.tsx
index a5c0e054125..937df951b7a 100644
--- a/superset-frontend/src/features/roles/RoleListAddModal.tsx
+++ b/superset-frontend/src/features/roles/RoleListAddModal.tsx
@@ -18,7 +18,7 @@
  */
 import { t } from '@superset-ui/core';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
-import { FormModal } from 'src/components';
+import { FormModal } from '@superset-ui/core/components';
 import { createRole, updateRolePermissions } from './utils';
 import { PermissionsField, RoleNameField } from './RoleFormItems';
 import { BaseModalProps, FormattedPermission, RoleForm } from './types';
diff --git a/superset-frontend/src/features/roles/RoleListDuplicateModal.tsx b/superset-frontend/src/features/roles/RoleListDuplicateModal.tsx
index 2359d61abbc..5b0d6f6d9cf 100644
--- a/superset-frontend/src/features/roles/RoleListDuplicateModal.tsx
+++ b/superset-frontend/src/features/roles/RoleListDuplicateModal.tsx
@@ -20,7 +20,7 @@
 import { t } from '@superset-ui/core';
 import { RoleObject } from 'src/pages/RolesList';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
-import { FormModal } from 'src/components';
+import { FormModal } from '@superset-ui/core/components';
 import { RoleNameField } from './RoleFormItems';
 import { BaseModalProps, RoleForm } from './types';
 import { createRole, updateRolePermissions } from './utils';
diff --git a/superset-frontend/src/features/roles/RoleListEditModal.tsx b/superset-frontend/src/features/roles/RoleListEditModal.tsx
index a92b87f57aa..40a1c9b7aea 100644
--- a/superset-frontend/src/features/roles/RoleListEditModal.tsx
+++ b/superset-frontend/src/features/roles/RoleListEditModal.tsx
@@ -18,9 +18,13 @@
  */
 import { useState } from 'react';
 import { t } from '@superset-ui/core';
-import Tabs from 'src/components/Tabs';
+import Tabs from '@superset-ui/core/components/Tabs';
 import { RoleObject } from 'src/pages/RolesList';
-import TableView, { EmptyWrapperType } from 'src/components/TableView';
+import {
+  EmptyWrapperType,
+  FormModal,
+  TableView,
+} from '@superset-ui/core/components';
 import {
   BaseModalProps,
   FormattedPermission,
@@ -28,7 +32,6 @@ import {
   UserObject,
 } from 'src/features/roles/types';
 import { useToasts } from 'src/components/MessageToasts/withToasts';
-import { FormModal } from 'src/components';
 import { PermissionsField, RoleNameField, UsersField } from './RoleFormItems';
 import {
   updateRoleName,
diff --git a/superset-frontend/src/features/tags/BulkTagModal.tsx b/superset-frontend/src/features/tags/BulkTagModal.tsx
index d687d670570..08830dd586b 100644
--- a/superset-frontend/src/features/tags/BulkTagModal.tsx
+++ b/superset-frontend/src/features/tags/BulkTagModal.tsx
@@ -19,7 +19,12 @@
 import { useState, useEffect, FC } from 'react';
 
 import { t, styled, SupersetClient } from '@superset-ui/core';
-import { FormLabel, AsyncSelect, Button, Modal } from 'src/components';
+import {
+  FormLabel,
+  AsyncSelect,
+  Button,
+  Modal,
+} from '@superset-ui/core/components';
 import { loadTags } from 'src/components/Tag/utils';
 import { TaggableResourceOption } from 'src/features/tags/TagModal';
 
diff --git a/superset-frontend/src/features/tags/TagCard.tsx b/superset-frontend/src/features/tags/TagCard.tsx
index dcc29c43d96..be7d3be200a 100644
--- a/superset-frontend/src/features/tags/TagCard.tsx
+++ b/superset-frontend/src/features/tags/TagCard.tsx
@@ -24,9 +24,9 @@ import {
   Dropdown,
   ConfirmStatusChange,
   ListViewCard,
-} from 'src/components';
-import { Menu } from 'src/components/Menu';
-import { Icons } from 'src/components/Icons';
+} from '@superset-ui/core/components';
+import { Menu } from '@superset-ui/core/components/Menu';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Tag } from 'src/views/CRUD/types';
 import { deleteTags } from 'src/features/tags/tags';
 import { assetUrl } from 'src/utils/assetUrl';
diff --git a/superset-frontend/src/features/tags/TagModal.tsx b/superset-frontend/src/features/tags/TagModal.tsx
index 051bc185fab..d7e312eee59 100644
--- a/superset-frontend/src/features/tags/TagModal.tsx
+++ b/superset-frontend/src/features/tags/TagModal.tsx
@@ -26,7 +26,7 @@ import {
   FormLabel,
   Input,
   Modal,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import { t, styled, SupersetClient } from '@superset-ui/core';
 import { Tag } from 'src/views/CRUD/types';
 import { fetchObjectsByTagIds } from 'src/features/tags/tags';
diff --git a/superset-frontend/src/features/tags/tags.ts b/superset-frontend/src/features/tags/tags.ts
index 82cb1734bdb..661f601d73b 100644
--- a/superset-frontend/src/features/tags/tags.ts
+++ b/superset-frontend/src/features/tags/tags.ts
@@ -18,7 +18,7 @@
  */
 import { JsonObject, SupersetClient } from '@superset-ui/core';
 import rison from 'rison';
-import Tag from 'src/types/TagType';
+import { TagType } from 'src/components';
 
 export const OBJECT_TYPES_VALUES = Object.freeze([
   'dashboard',
@@ -94,13 +94,13 @@ export function fetchTags(
     endpoint: `/api/v1/${objectType}/${objectId}`,
   })
     .then(({ json }) =>
-      callback(json.result.tags.filter((tag: Tag) => tag.type === 1)),
+      callback(json.result.tags.filter((tag: TagType) => tag.type === 1)),
     )
     .catch(response => error(response));
 }
 export function deleteTaggedObjects(
   { objectType, objectId }: { objectType: string; objectId: number },
-  tag: Tag,
+  tag: TagType,
   callback: (text: string) => void,
   error: (response: string) => void,
 ) {
@@ -128,7 +128,7 @@ export function deleteTaggedObjects(
 }
 
 export function deleteTags(
-  tags: Tag[],
+  tags: TagType[],
   callback: (text: string) => void,
   error: (response: string) => void,
 ) {
diff --git a/superset-frontend/src/features/users/UserListModal.tsx b/superset-frontend/src/features/users/UserListModal.tsx
index 5baffe08ffd..2806085e2b3 100644
--- a/superset-frontend/src/features/users/UserListModal.tsx
+++ b/superset-frontend/src/features/users/UserListModal.tsx
@@ -25,7 +25,7 @@ import {
   Input,
   FormItem,
   FormInstance,
-} from 'src/components/';
+} from '@superset-ui/core/components';
 import { Role, UserObject } from 'src/pages/UsersList';
 import { BaseUserListModalProps, FormValues } from './types';
 import { createUser, updateUser } from './utils';
diff --git a/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx b/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
index 41118b3b269..0bd6e74d5a0 100644
--- a/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
+++ b/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
@@ -27,9 +27,9 @@ import {
 } from '@superset-ui/core';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { FilterBarOrientation } from 'src/dashboard/types';
-import Metadata from 'src/components/Metadata';
+import Metadata from '@superset-ui/core/components/Metadata';
 import { isNumber } from 'lodash';
-import { FormItem, InputNumber } from 'src/components';
+import { FormItem, InputNumber } from '@superset-ui/core/components';
 import { PluginFilterRangeProps } from './types';
 import { StatusMessage, FilterPluginStyle } from '../common';
 import { getRangeExtraFormData } from '../../utils';
diff --git a/superset-frontend/src/filters/components/Select/SelectFilterPlugin.tsx b/superset-frontend/src/filters/components/Select/SelectFilterPlugin.tsx
index 3b1fd8e9b29..2726ec4e375 100644
--- a/superset-frontend/src/filters/components/Select/SelectFilterPlugin.tsx
+++ b/superset-frontend/src/filters/components/Select/SelectFilterPlugin.tsx
@@ -33,9 +33,17 @@ import {
 } from '@superset-ui/core';
 import { debounce, isUndefined } from 'lodash';
 import { useImmerReducer } from 'use-immer';
-import { FormItem, LabeledValue, Select, Space } from 'src/components';
-import { SLOW_DEBOUNCE } from 'src/constants';
-import { hasOption, propertyComparator } from 'src/components/Select/utils';
+import {
+  FormItem,
+  LabeledValue,
+  Select,
+  Space,
+  Constants,
+} from '@superset-ui/core/components';
+import {
+  hasOption,
+  propertyComparator,
+} from '@superset-ui/core/components/Select/utils';
 import { FilterBarOrientation } from 'src/dashboard/types';
 import { getDataRecordFormatter, getSelectExtraFormData } from '../../utils';
 import { FilterPluginStyle, StatusMessage } from '../common';
@@ -243,7 +251,7 @@ export default function PluginFilterSelect(props: PluginFilterSelectProps) {
             },
           });
         }
-      }, SLOW_DEBOUNCE),
+      }, Constants.SLOW_DEBOUNCE),
     [dispatchDataMask, initialColtypeMap, searchAllOptions],
   );
 
diff --git a/superset-frontend/src/filters/components/TimeColumn/TimeColumnFilterPlugin.tsx b/superset-frontend/src/filters/components/TimeColumn/TimeColumnFilterPlugin.tsx
index ad2d7932680..ea632f86975 100644
--- a/superset-frontend/src/filters/components/TimeColumn/TimeColumnFilterPlugin.tsx
+++ b/superset-frontend/src/filters/components/TimeColumn/TimeColumnFilterPlugin.tsx
@@ -24,7 +24,11 @@ import {
   tn,
 } from '@superset-ui/core';
 import { useEffect, useState } from 'react';
-import { FormItem, type FormItemProps, Select } from 'src/components';
+import {
+  FormItem,
+  type FormItemProps,
+  Select,
+} from '@superset-ui/core/components';
 import { FilterPluginStyle, StatusMessage } from '../common';
 import { PluginFilterTimeColumnProps } from './types';
 
diff --git a/superset-frontend/src/filters/components/TimeColumn/types.ts b/superset-frontend/src/filters/components/TimeColumn/types.ts
index 6767ecccb91..9767c53f129 100644
--- a/superset-frontend/src/filters/components/TimeColumn/types.ts
+++ b/superset-frontend/src/filters/components/TimeColumn/types.ts
@@ -23,7 +23,7 @@ import {
   QueryFormData,
 } from '@superset-ui/core';
 import { RefObject } from 'react';
-import type { RefSelectProps } from 'src/components';
+import type { RefSelectProps } from '@superset-ui/core/components';
 import { PluginFilterHooks, PluginFilterStylesProps } from '../types';
 
 interface PluginFilterTimeColumnCustomizeProps {
diff --git a/superset-frontend/src/filters/components/TimeGrain/TimeGrainFilterPlugin.tsx b/superset-frontend/src/filters/components/TimeGrain/TimeGrainFilterPlugin.tsx
index 4b7319be170..6d780539a11 100644
--- a/superset-frontend/src/filters/components/TimeGrain/TimeGrainFilterPlugin.tsx
+++ b/superset-frontend/src/filters/components/TimeGrain/TimeGrainFilterPlugin.tsx
@@ -24,7 +24,11 @@ import {
   tn,
 } from '@superset-ui/core';
 import { useEffect, useMemo, useState } from 'react';
-import { FormItem, type FormItemProps, Select } from 'src/components';
+import {
+  FormItem,
+  type FormItemProps,
+  Select,
+} from '@superset-ui/core/components';
 import { FilterPluginStyle, StatusMessage } from '../common';
 import { PluginFilterTimeGrainProps } from './types';
 
diff --git a/superset-frontend/src/filters/components/TimeGrain/types.ts b/superset-frontend/src/filters/components/TimeGrain/types.ts
index a1406cbba43..611566f0d1d 100644
--- a/superset-frontend/src/filters/components/TimeGrain/types.ts
+++ b/superset-frontend/src/filters/components/TimeGrain/types.ts
@@ -18,7 +18,7 @@
  */
 import { FilterState, QueryFormData, DataRecord } from '@superset-ui/core';
 import { RefObject } from 'react';
-import type { RefSelectProps } from 'src/components';
+import type { RefSelectProps } from '@superset-ui/core/components';
 import { PluginFilterHooks, PluginFilterStylesProps } from '../types';
 
 interface PluginFilterTimeGrainCustomizeProps {
diff --git a/superset-frontend/src/hooks/useDebounceValue.ts b/superset-frontend/src/hooks/useDebounceValue.ts
index 862c8377077..fc8ba57eda3 100644
--- a/superset-frontend/src/hooks/useDebounceValue.ts
+++ b/superset-frontend/src/hooks/useDebounceValue.ts
@@ -17,9 +17,9 @@
  * under the License.
  */
 import { useState, useEffect } from 'react';
-import { FAST_DEBOUNCE } from 'src/constants';
+import { Constants } from '@superset-ui/core/components';
 
-export function useDebounceValue<T>(value: T, delay = FAST_DEBOUNCE) {
+export function useDebounceValue<T>(value: T, delay = Constants.FAST_DEBOUNCE) {
   const [debouncedValue, setDebouncedValue] = useState<T>(value);
 
   useEffect(() => {
diff --git a/superset-frontend/src/pages/AlertReportList/index.tsx b/superset-frontend/src/pages/AlertReportList/index.tsx
index 4d1c5d71559..5d32946efaa 100644
--- a/superset-frontend/src/pages/AlertReportList/index.tsx
+++ b/superset-frontend/src/pages/AlertReportList/index.tsx
@@ -26,14 +26,16 @@ import {
   styled,
   getExtensionsRegistry,
 } from '@superset-ui/core';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 import {
-  FacePile,
   Tooltip,
-  ModifiedInfo,
   ConfirmStatusChange,
   DeleteModal,
   LastUpdated,
+} from '@superset-ui/core/components';
+import {
+  FacePile,
+  ModifiedInfo,
   ListView,
   ListViewFilterOperator as FilterOperator,
   ListViewActionsBar,
@@ -42,7 +44,7 @@ import {
   type ListViewFilters,
 } from 'src/components';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
-import { Switch } from 'src/components/Switch';
+import { Switch } from '@superset-ui/core/components/Switch';
 import { DATETIME_WITH_TIME_ZONE } from 'src/constants';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import AlertStatusIcon from 'src/features/alerts/components/AlertStatusIcon';
@@ -57,7 +59,7 @@ import Owner from 'src/types/Owner';
 import AlertReportModal from 'src/features/alerts/AlertReportModal';
 import { AlertObject, AlertState } from 'src/features/alerts/types';
 import { QueryObjectColumns } from 'src/views/CRUD/types';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { WIDER_DROPDOWN_WIDTH } from 'src/components/ListView/utils';
 
 const extensionsRegistry = getExtensionsRegistry();
diff --git a/superset-frontend/src/pages/AllEntities/index.tsx b/superset-frontend/src/pages/AllEntities/index.tsx
index 62446f87cf5..ff3e47dd4a0 100644
--- a/superset-frontend/src/pages/AllEntities/index.tsx
+++ b/superset-frontend/src/pages/AllEntities/index.tsx
@@ -20,14 +20,14 @@ import { useEffect, useState } from 'react';
 import { styled, t, css, SupersetTheme } from '@superset-ui/core';
 import { NumberParam, useQueryParam } from 'use-query-params';
 import AllEntitiesTable from 'src/features/allEntities/AllEntitiesTable';
-import { Button, Loading } from 'src/components';
+import { Button, Loading } from '@superset-ui/core/components';
 import MetadataBar, {
   MetadataType,
   Description,
   Owner,
   LastModified,
-} from 'src/components/MetadataBar';
-import { PageHeaderWithActions } from 'src/components/PageHeaderWithActions';
+} from '@superset-ui/core/components/MetadataBar';
+import { PageHeaderWithActions } from '@superset-ui/core/components/PageHeaderWithActions';
 import { Tag } from 'src/views/CRUD/types';
 import TagModal from 'src/features/tags/TagModal';
 import withToasts, { useToasts } from 'src/components/MessageToasts/withToasts';
diff --git a/superset-frontend/src/pages/AnnotationLayerList/index.tsx b/superset-frontend/src/pages/AnnotationLayerList/index.tsx
index e6639e9f320..e8930040339 100644
--- a/superset-frontend/src/pages/AnnotationLayerList/index.tsx
+++ b/superset-frontend/src/pages/AnnotationLayerList/index.tsx
@@ -25,11 +25,10 @@ import { useListViewResource } from 'src/views/CRUD/hooks';
 import { createFetchRelated, createErrorHandler } from 'src/views/CRUD/utils';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 
+import { DeleteModal, ConfirmStatusChange } from '@superset-ui/core/components';
 import {
-  DeleteModal,
-  ConfirmStatusChange,
   ModifiedInfo,
   ListView,
   ListViewFilterOperator as FilterOperator,
@@ -41,7 +40,7 @@ import {
 import AnnotationLayerModal from 'src/features/annotationLayers/AnnotationLayerModal';
 import { AnnotationLayerObject } from 'src/features/annotationLayers/types';
 import { QueryObjectColumns } from 'src/views/CRUD/types';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { navigateTo } from 'src/utils/navigationUtils';
 import { WIDER_DROPDOWN_WIDTH } from 'src/components/ListView/utils';
 
diff --git a/superset-frontend/src/pages/AnnotationList/AnnotationList.test.jsx b/superset-frontend/src/pages/AnnotationList/AnnotationList.test.jsx
index b7ca98b7680..d3de0734d5f 100644
--- a/superset-frontend/src/pages/AnnotationList/AnnotationList.test.jsx
+++ b/superset-frontend/src/pages/AnnotationList/AnnotationList.test.jsx
@@ -23,7 +23,8 @@ import { Provider } from 'react-redux';
 import { styledMount as mount } from 'spec/helpers/theming';
 
 import AnnotationList from 'src/pages/AnnotationList';
-import { DeleteModal, ListView } from 'src/components';
+import { DeleteModal } from '@superset-ui/core/components';
+import { ListView } from 'src/components';
 import SubMenu from 'src/features/home/SubMenu';
 
 import waitForComponentToPaint from 'spec/helpers/waitForComponentToPaint';
diff --git a/superset-frontend/src/pages/AnnotationList/index.tsx b/superset-frontend/src/pages/AnnotationList/index.tsx
index 647eb224b07..43b7bd992ea 100644
--- a/superset-frontend/src/pages/AnnotationList/index.tsx
+++ b/superset-frontend/src/pages/AnnotationList/index.tsx
@@ -29,9 +29,8 @@ import {
 import dayjs from 'dayjs';
 import rison from 'rison';
 
+import { ConfirmStatusChange, DeleteModal } from '@superset-ui/core/components';
 import {
-  ConfirmStatusChange,
-  DeleteModal,
   ListView,
   ListViewActionsBar,
   type ListViewProps,
@@ -44,8 +43,8 @@ import { createErrorHandler } from 'src/views/CRUD/utils';
 
 import { AnnotationObject } from 'src/features/annotations/types';
 import AnnotationModal from 'src/features/annotations/AnnotationModal';
-import { Icons } from 'src/components/Icons';
-import { Typography } from 'src/components/Typography';
+import { Icons } from '@superset-ui/core/components/Icons';
+import { Typography } from '@superset-ui/core/components/Typography';
 
 const PAGE_SIZE = 25;
 
diff --git a/superset-frontend/src/pages/Chart/index.tsx b/superset-frontend/src/pages/Chart/index.tsx
index bae7425f0a4..cc2b431ffbc 100644
--- a/superset-frontend/src/pages/Chart/index.tsx
+++ b/superset-frontend/src/pages/Chart/index.tsx
@@ -28,7 +28,7 @@ import {
   t,
   getClientErrorObject,
 } from '@superset-ui/core';
-import { Loading } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
 import { addDangerToast } from 'src/components/MessageToasts/actions';
 import { getUrlParam } from 'src/utils/urlUtils';
 import { URL_PARAMS } from 'src/constants';
diff --git a/superset-frontend/src/pages/ChartCreation/index.tsx b/superset-frontend/src/pages/ChartCreation/index.tsx
index 40db9fdb946..0ba5aec8e18 100644
--- a/superset-frontend/src/pages/ChartCreation/index.tsx
+++ b/superset-frontend/src/pages/ChartCreation/index.tsx
@@ -30,7 +30,7 @@ import { withTheme, Theme } from '@emotion/react';
 import { getUrlParam } from 'src/utils/urlUtils';
 import { FilterPlugins, URL_PARAMS } from 'src/constants';
 import { Link, withRouter, RouteComponentProps } from 'react-router-dom';
-import { AsyncSelect, Button, Steps } from 'src/components';
+import { AsyncSelect, Button, Steps } from '@superset-ui/core/components';
 import withToasts from 'src/components/MessageToasts/withToasts';
 
 import VizTypeGallery, {
@@ -43,7 +43,7 @@ import {
   Dataset,
   DatasetSelectLabel,
 } from 'src/features/datasets/DatasetSelectLabel';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 export interface ChartCreationProps extends RouteComponentProps {
   user: UserWithPermissionsAndRoles;
diff --git a/superset-frontend/src/pages/ChartList/index.tsx b/superset-frontend/src/pages/ChartList/index.tsx
index 5ccbabbba25..22986202fb3 100644
--- a/superset-frontend/src/pages/ChartList/index.tsx
+++ b/superset-frontend/src/pages/ChartList/index.tsx
@@ -44,30 +44,32 @@ import {
   ConfirmStatusChange,
   CertifiedBadge,
   Tooltip,
-  ModifiedInfo,
   FaveStar,
-  FacePile,
-  GenericLink,
-  ImportModal as ImportModelsModal,
   InfoTooltip,
+  Loading,
+  type LabeledValue,
+} from '@superset-ui/core/components';
+import {
+  FacePile,
+  ImportModal as ImportModelsModal,
+  ModifiedInfo,
+  GenericLink,
+  TagsList,
+  TagType,
   ListView,
   ListViewFilterOperator as FilterOperator,
   DashboardCrossLinks,
-  Loading,
   type ListViewProps,
   type ListViewFilters,
   type ListViewFilter,
-  type LabeledValue,
 } from 'src/components';
-import TagsList from 'src/components/TagsList';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
 import { Link, useHistory } from 'react-router-dom';
 import { dangerouslyGetItemDoNotUse } from 'src/utils/localStorageHelpers';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import PropertiesModal from 'src/explore/components/PropertiesModal';
 import Chart from 'src/types/Chart';
-import Tag from 'src/types/TagType';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { nativeFilterGate } from 'src/dashboard/components/nativeFilters/utils';
 import { loadTags } from 'src/components/Tag/utils';
 import ChartCard from 'src/features/charts/ChartCard';
@@ -413,7 +415,7 @@ function ChartList(props: ChartListProps) {
         }: any) => (
           // Only show custom type tags
           <TagsList
-            tags={tags.filter((tag: Tag) =>
+            tags={tags.filter((tag: TagType) =>
               tag.type
                 ? tag.type === 1 || tag.type === 'TagTypes.custom'
                 : true,
diff --git a/superset-frontend/src/pages/CssTemplateList/index.tsx b/superset-frontend/src/pages/CssTemplateList/index.tsx
index 28893e5e8de..f112f85474e 100644
--- a/superset-frontend/src/pages/CssTemplateList/index.tsx
+++ b/superset-frontend/src/pages/CssTemplateList/index.tsx
@@ -25,9 +25,8 @@ import { useListViewResource } from 'src/views/CRUD/hooks';
 import { createErrorHandler, createFetchRelated } from 'src/views/CRUD/utils';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
+import { DeleteModal, ConfirmStatusChange } from '@superset-ui/core/components';
 import {
-  DeleteModal,
-  ConfirmStatusChange,
   ModifiedInfo,
   ListView,
   ListViewActionsBar,
@@ -40,7 +39,7 @@ import {
 import CssTemplateModal from 'src/features/cssTemplates/CssTemplateModal';
 import { TemplateObject } from 'src/features/cssTemplates/types';
 import { QueryObjectColumns } from 'src/views/CRUD/types';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 const PAGE_SIZE = 25;
 
diff --git a/superset-frontend/src/pages/DashboardList/index.tsx b/superset-frontend/src/pages/DashboardList/index.tsx
index cacea4e581b..bfb9a0504ca 100644
--- a/superset-frontend/src/pages/DashboardList/index.tsx
+++ b/superset-frontend/src/pages/DashboardList/index.tsx
@@ -34,30 +34,32 @@ import {
 } from 'src/views/CRUD/utils';
 import { useListViewResource, useFavoriteStatus } from 'src/views/CRUD/hooks';
 import {
-  ConfirmStatusChange,
-  Tooltip,
-  ModifiedInfo,
   CertifiedBadge,
+  ConfirmStatusChange,
   DeleteModal,
-  FacePile,
   FaveStar,
-  ImportModal as ImportModelsModal,
+  Loading,
   PublishedLabel,
+  Tooltip,
+} from '@superset-ui/core/components';
+import {
+  FacePile,
+  TagType,
+  TagsList,
+  ModifiedInfo,
+  ImportModal as ImportModelsModal,
   ListView,
   ListViewFilterOperator as FilterOperator,
-  Loading,
   type ListViewProps,
   type ListViewFilter,
   type ListViewFilters,
 } from 'src/components';
-import TagsList from 'src/components/TagsList';
 import handleResourceExport from 'src/utils/export';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
 import { dangerouslyGetItemDoNotUse } from 'src/utils/localStorageHelpers';
 import Owner from 'src/types/Owner';
-import Tag from 'src/types/TagType';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import PropertiesModal from 'src/dashboard/components/PropertiesModal';
 
 import Dashboard from 'src/dashboard/containers/Dashboard';
@@ -107,7 +109,7 @@ export interface Dashboard {
   url: string;
   thumbnail_url: string;
   owners: Owner[];
-  tags: Tag[];
+  tags: TagType[];
   created_by: object;
 }
 
@@ -366,14 +368,15 @@ function DashboardList(props: DashboardListProps) {
         }: {
           row: {
             original: {
-              tags: Tag[];
+              tags: TagType[];
             };
           };
         }) => (
           // Only show custom type tags
           <TagsList
             tags={tags.filter(
-              (tag: Tag) => tag.type === 'TagTypes.custom' || tag.type === 1,
+              (tag: TagType) =>
+                tag.type === 'TagTypes.custom' || tag.type === 1,
             )}
             maxTags={3}
           />
diff --git a/superset-frontend/src/pages/DatabaseList/DatabaseList.test.jsx b/superset-frontend/src/pages/DatabaseList/DatabaseList.test.jsx
index 961d6186d09..2545a6d5844 100644
--- a/superset-frontend/src/pages/DatabaseList/DatabaseList.test.jsx
+++ b/superset-frontend/src/pages/DatabaseList/DatabaseList.test.jsx
@@ -25,7 +25,8 @@ import { styledMount as mount } from 'spec/helpers/theming';
 
 import DatabaseList from 'src/pages/DatabaseList';
 import DatabaseModal from 'src/features/databases/DatabaseModal';
-import { DeleteModal, ListView, ListViewUIFilters } from 'src/components';
+import { DeleteModal } from '@superset-ui/core/components';
+import { ListView, ListViewUIFilters } from 'src/components';
 import SubMenu from 'src/features/home/SubMenu';
 import waitForComponentToPaint from 'spec/helpers/waitForComponentToPaint';
 import { act } from 'spec/helpers/testing-library';
diff --git a/superset-frontend/src/pages/DatabaseList/index.tsx b/superset-frontend/src/pages/DatabaseList/index.tsx
index 93cf396afaf..820af881521 100644
--- a/superset-frontend/src/pages/DatabaseList/index.tsx
+++ b/superset-frontend/src/pages/DatabaseList/index.tsx
@@ -38,17 +38,19 @@ import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
 import {
   DeleteModal,
   Tooltip,
-  ModifiedInfo,
   List,
+  Loading,
+} from '@superset-ui/core/components';
+import {
+  ModifiedInfo,
   ListView,
   ListViewFilterOperator as FilterOperator,
   ListViewFilters,
-  Loading,
 } from 'src/components';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 import { getUrlParam } from 'src/utils/urlUtils';
 import { URL_PARAMS } from 'src/constants';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { isUserAdmin } from 'src/dashboard/util/permissionUtils';
 import handleResourceExport from 'src/utils/export';
 import { ExtensionConfigs } from 'src/features/home/types';
diff --git a/superset-frontend/src/pages/DatasetList/DatasetList.test.tsx b/superset-frontend/src/pages/DatasetList/DatasetList.test.tsx
index 8d1bb2b0b39..0fa101235a7 100644
--- a/superset-frontend/src/pages/DatasetList/DatasetList.test.tsx
+++ b/superset-frontend/src/pages/DatasetList/DatasetList.test.tsx
@@ -32,7 +32,8 @@ import { isFeatureEnabled } from '@superset-ui/core';
 import { QueryParamProvider } from 'use-query-params';
 
 import DatasetList from 'src/pages/DatasetList';
-import { Button, ListView } from 'src/components';
+import { Button } from '@superset-ui/core/components';
+import { ListView } from 'src/components';
 import waitForComponentToPaint from 'spec/helpers/waitForComponentToPaint';
 import SubMenu from 'src/features/home/SubMenu';
 import * as reactRedux from 'react-redux';
diff --git a/superset-frontend/src/pages/DatasetList/index.tsx b/superset-frontend/src/pages/DatasetList/index.tsx
index 3afe4cd3149..cd4c36bc4a4 100644
--- a/superset-frontend/src/pages/DatasetList/index.tsx
+++ b/superset-frontend/src/pages/DatasetList/index.tsx
@@ -37,29 +37,30 @@ import { useListViewResource } from 'src/views/CRUD/hooks';
 import {
   ConfirmStatusChange,
   CertifiedBadge,
-  DatasourceModal,
   DeleteModal,
   Tooltip,
-  ModifiedInfo,
-  FacePile,
-  GenericLink,
-  ImportModal as ImportModelsModal,
   InfoTooltip,
   DatasetTypeLabel,
   Loading,
   List,
+} from '@superset-ui/core/components';
+import { DatasourceModal, GenericLink } from 'src/components';
+import {
+  FacePile,
+  ImportModal as ImportModelsModal,
+  ModifiedInfo,
   ListView,
   ListViewFilterOperator as FilterOperator,
   type ListViewProps,
   type ListViewFilters,
 } from 'src/components';
-import { Typography } from 'src/components/Typography';
+import { Typography } from '@superset-ui/core/components/Typography';
 import handleResourceExport from 'src/utils/export';
 import SubMenu, { SubMenuProps, ButtonProps } from 'src/features/home/SubMenu';
 import Owner from 'src/types/Owner';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { Icons } from 'src/components/Icons';
-import WarningIconWithTooltip from 'src/components/WarningIconWithTooltip';
+import { Icons } from '@superset-ui/core/components/Icons';
+import WarningIconWithTooltip from '@superset-ui/core/components/WarningIconWithTooltip';
 import { isUserAdmin } from 'src/dashboard/util/permissionUtils';
 
 import {
diff --git a/superset-frontend/src/pages/ExecutionLogList/index.tsx b/superset-frontend/src/pages/ExecutionLogList/index.tsx
index 8c7dbe73836..f32dc606cf9 100644
--- a/superset-frontend/src/pages/ExecutionLogList/index.tsx
+++ b/superset-frontend/src/pages/ExecutionLogList/index.tsx
@@ -21,10 +21,11 @@ import { css, styled, t } from '@superset-ui/core';
 import dayjs from 'dayjs';
 import { useEffect, useMemo } from 'react';
 import { Link, useParams } from 'react-router-dom';
-import { Tooltip, ListView } from 'src/components';
+import { Tooltip } from '@superset-ui/core/components';
+import { ListView } from 'src/components';
 import SubMenu from 'src/features/home/SubMenu';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { fDuration } from 'src/utils/dates';
+import { fDuration } from '@superset-ui/core/utils/dates';
 import AlertStatusIcon from 'src/features/alerts/components/AlertStatusIcon';
 import {
   useListViewResource,
diff --git a/superset-frontend/src/pages/Home/index.tsx b/superset-frontend/src/pages/Home/index.tsx
index be176583017..18f6c779e50 100644
--- a/superset-frontend/src/pages/Home/index.tsx
+++ b/superset-frontend/src/pages/Home/index.tsx
@@ -26,7 +26,7 @@ import {
   t,
 } from '@superset-ui/core';
 import rison from 'rison';
-import { Collapse, ListViewCard } from 'src/components';
+import { Collapse, ListViewCard } from '@superset-ui/core/components';
 import { User } from 'src/types/bootstrapTypes';
 import { reject } from 'lodash';
 import {
@@ -45,7 +45,7 @@ import {
   loadingCardCount,
   mq,
 } from 'src/views/CRUD/utils';
-import { Switch } from 'src/components/Switch';
+import { Switch } from '@superset-ui/core/components/Switch';
 import getBootstrapData from 'src/utils/getBootstrapData';
 import { TableTab } from 'src/views/CRUD/types';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
diff --git a/superset-frontend/src/pages/Login/index.tsx b/superset-frontend/src/pages/Login/index.tsx
index 874e9d08ccf..591467fdcea 100644
--- a/superset-frontend/src/pages/Login/index.tsx
+++ b/superset-frontend/src/pages/Login/index.tsx
@@ -26,7 +26,7 @@ import {
   Input,
   Typography,
   Icons,
-} from 'src/components';
+} from '@superset-ui/core/components';
 import { useState } from 'react';
 import { capitalize } from 'lodash/fp';
 import getBootstrapData from 'src/utils/getBootstrapData';
diff --git a/superset-frontend/src/pages/QueryHistoryList/index.tsx b/superset-frontend/src/pages/QueryHistoryList/index.tsx
index 58619032478..012fee6f300 100644
--- a/superset-frontend/src/pages/QueryHistoryList/index.tsx
+++ b/superset-frontend/src/pages/QueryHistoryList/index.tsx
@@ -35,11 +35,9 @@ import {
 import withToasts from 'src/components/MessageToasts/withToasts';
 import { useListViewResource } from 'src/views/CRUD/hooks';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
-import Popover from 'src/components/Popover';
+import { Popover, Label, Tooltip } from '@superset-ui/core/components';
 import { commonMenuData } from 'src/features/home/commonMenuData';
 import {
-  Label,
-  Tooltip,
   ListView,
   ListViewFilterOperator as FilterOperator,
   type ListViewProps,
@@ -51,11 +49,11 @@ import github from 'react-syntax-highlighter/dist/cjs/styles/hljs/github';
 import { DATETIME_WITH_TIME_ZONE, TIME_WITH_MS } from 'src/constants';
 import { QueryObject, QueryObjectColumns } from 'src/views/CRUD/types';
 
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import QueryPreviewModal from 'src/features/queries/QueryPreviewModal';
 import { addSuccessToast } from 'src/components/MessageToasts/actions';
 import getOwnerName from 'src/utils/getOwnerName';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 
 const PAGE_SIZE = 25;
 const SQL_PREVIEW_MAX_LINES = 4;
diff --git a/superset-frontend/src/pages/Register/index.tsx b/superset-frontend/src/pages/Register/index.tsx
index 015bf404778..2a32d3147d1 100644
--- a/superset-frontend/src/pages/Register/index.tsx
+++ b/superset-frontend/src/pages/Register/index.tsx
@@ -18,7 +18,7 @@
  */
 
 import { SupersetClient, styled, t, css } from '@superset-ui/core';
-import { Button, Card, Flex, Form, Input } from 'src/components';
+import { Button, Card, Flex, Form, Input } from '@superset-ui/core/components';
 import { useState } from 'react';
 import getBootstrapData from 'src/utils/getBootstrapData';
 import ReactCAPTCHA from 'react-google-recaptcha';
diff --git a/superset-frontend/src/pages/RolesList/index.tsx b/superset-frontend/src/pages/RolesList/index.tsx
index f995f847803..75708afa409 100644
--- a/superset-frontend/src/pages/RolesList/index.tsx
+++ b/superset-frontend/src/pages/RolesList/index.tsx
@@ -25,9 +25,8 @@ import RoleListEditModal from 'src/features/roles/RoleListEditModal';
 import RoleListDuplicateModal from 'src/features/roles/RoleListDuplicateModal';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
+import { ConfirmStatusChange, DeleteModal } from '@superset-ui/core/components';
 import {
-  ConfirmStatusChange,
-  DeleteModal,
   ListView,
   ListViewFilterOperator as FilterOperator,
   ListViewActionsBar,
@@ -41,7 +40,7 @@ import {
   UserObject,
 } from 'src/features/roles/types';
 import { isUserAdmin } from 'src/dashboard/util/permissionUtils';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 
 const PAGE_SIZE = 25;
 
diff --git a/superset-frontend/src/pages/RowLevelSecurityList/index.tsx b/superset-frontend/src/pages/RowLevelSecurityList/index.tsx
index c4d24440e89..f1b75538921 100644
--- a/superset-frontend/src/pages/RowLevelSecurityList/index.tsx
+++ b/superset-frontend/src/pages/RowLevelSecurityList/index.tsx
@@ -18,9 +18,8 @@
  */
 import { t, SupersetClient } from '@superset-ui/core';
 import { useMemo, useState } from 'react';
+import { ConfirmStatusChange, Tooltip } from '@superset-ui/core/components';
 import {
-  ConfirmStatusChange,
-  Tooltip,
   ModifiedInfo,
   ListView,
   ListViewFilterOperator as FilterOperator,
@@ -28,7 +27,7 @@ import {
   type ListViewFilters,
   type ListViewFetchDataConfig as FetchDataConfig,
 } from 'src/components';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
 import rison from 'rison';
diff --git a/superset-frontend/src/pages/SavedQueryList/index.tsx b/superset-frontend/src/pages/SavedQueryList/index.tsx
index 5419f37a904..92073e08b4d 100644
--- a/superset-frontend/src/pages/SavedQueryList/index.tsx
+++ b/superset-frontend/src/pages/SavedQueryList/index.tsx
@@ -34,16 +34,20 @@ import {
   createFetchRelated,
 } from 'src/views/CRUD/utils';
 import { useSelector } from 'react-redux';
-import Popover from 'src/components/Popover';
+import {
+  ConfirmStatusChange,
+  DeleteModal,
+  Loading,
+  Popover,
+  Tooltip,
+} from '@superset-ui/core/components';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import { useListViewResource } from 'src/views/CRUD/hooks';
 import {
-  ConfirmStatusChange,
-  Tooltip,
-  ModifiedInfo,
-  DeleteModal,
   ImportModal as ImportModelsModal,
-  Loading,
+  TagType,
+  ModifiedInfo,
+  TagsList,
   ListView,
   ListViewActionsBar,
   ListViewFilterOperator as FilterOperator,
@@ -53,12 +57,10 @@ import {
 } from 'src/components';
 import handleResourceExport from 'src/utils/export';
 import SubMenu, { ButtonProps, SubMenuProps } from 'src/features/home/SubMenu';
-import TagsList from 'src/components/TagsList';
 import { commonMenuData } from 'src/features/home/commonMenuData';
 import { QueryObjectColumns, SavedQueryObject } from 'src/views/CRUD/types';
-import Tag from 'src/types/TagType';
 import { loadTags } from 'src/components/Tag/utils';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { UserWithPermissionsAndRoles } from 'src/types/bootstrapTypes';
 import SavedQueryPreviewModal from 'src/features/queries/SavedQueryPreviewModal';
 import { findPermission } from 'src/utils/findPermission';
@@ -399,7 +401,7 @@ function SavedQueryList({
           },
         }: any) => (
           // Only show custom type tags
-          <TagsList tags={tags.filter((tag: Tag) => tag.type === 1)} />
+          <TagsList tags={tags.filter((tag: TagType) => tag.type === 1)} />
         ),
         Header: t('Tags'),
         accessor: 'tags',
diff --git a/superset-frontend/src/pages/SqlLab/index.tsx b/superset-frontend/src/pages/SqlLab/index.tsx
index cb4d3471a66..4be0b45a00c 100644
--- a/superset-frontend/src/pages/SqlLab/index.tsx
+++ b/superset-frontend/src/pages/SqlLab/index.tsx
@@ -26,7 +26,7 @@ import { addDangerToast } from 'src/components/MessageToasts/actions';
 import type { SqlLabRootState } from 'src/SqlLab/types';
 import { SqlLabGlobalStyles } from 'src/SqlLab//SqlLabGlobalStyles';
 import App from 'src/SqlLab/components/App';
-import { Loading } from 'src/components';
+import { Loading } from '@superset-ui/core/components';
 import EditorAutoSync from 'src/SqlLab/components/EditorAutoSync';
 import useEffectEvent from 'src/hooks/useEffectEvent';
 import { LocationProvider } from './LocationContext';
diff --git a/superset-frontend/src/pages/Tags/index.tsx b/superset-frontend/src/pages/Tags/index.tsx
index bd72b6dfec5..739a5962c84 100644
--- a/superset-frontend/src/pages/Tags/index.tsx
+++ b/superset-frontend/src/pages/Tags/index.tsx
@@ -27,10 +27,12 @@ import { useListViewResource, useFavoriteStatus } from 'src/views/CRUD/hooks';
 import {
   ConfirmStatusChange,
   Tooltip,
-  ModifiedInfo,
   FaveStar,
+} from '@superset-ui/core/components';
+import {
   Tag as AntdTag,
   ListView,
+  ModifiedInfo,
   ListViewFilterOperator as FilterOperator,
   type ListViewFilters,
   type ListViewProps,
@@ -38,7 +40,7 @@ import {
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
 import { dangerouslyGetItemDoNotUse } from 'src/utils/localStorageHelpers';
 import withToasts from 'src/components/MessageToasts/withToasts';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import { Link } from 'react-router-dom';
 import { deleteTags } from 'src/features/tags/tags';
 import { QueryObjectColumns, Tag } from 'src/views/CRUD/types';
diff --git a/superset-frontend/src/pages/UsersList/index.tsx b/superset-frontend/src/pages/UsersList/index.tsx
index 1d8b575aeb8..57e11000b59 100644
--- a/superset-frontend/src/pages/UsersList/index.tsx
+++ b/superset-frontend/src/pages/UsersList/index.tsx
@@ -22,16 +22,15 @@ import { t, SupersetClient } from '@superset-ui/core';
 import { useListViewResource } from 'src/views/CRUD/hooks';
 import SubMenu, { SubMenuProps } from 'src/features/home/SubMenu';
 import { ActionsBar, ActionProps } from 'src/components/ListView/ActionsBar';
+import { DeleteModal, ConfirmStatusChange } from '@superset-ui/core/components';
 import {
-  DeleteModal,
   ListView,
   ListViewProps,
-  ConfirmStatusChange,
   ListViewFilterOperator,
   ListViewFilters,
 } from 'src/components';
 import { isUserAdmin } from 'src/dashboard/util/permissionUtils';
-import { Icons } from 'src/components/Icons';
+import { Icons } from '@superset-ui/core/components/Icons';
 import {
   UserListAddModal,
   UserListEditModal,
diff --git a/superset-frontend/src/theme.ts b/superset-frontend/src/theme.ts
index d68469fa1b0..1d69c19d42a 100644
--- a/superset-frontend/src/theme.ts
+++ b/superset-frontend/src/theme.ts
@@ -17,6 +17,3 @@
  * under the License.
  */
 import 'src/public-path';
-
-// Styles for the crontab-related lib
-import 'react-js-cron/dist/styles.css';
diff --git a/superset-frontend/src/types/Chart.ts b/superset-frontend/src/types/Chart.ts
index b7c439cb211..4fff876f11b 100644
--- a/superset-frontend/src/types/Chart.ts
+++ b/superset-frontend/src/types/Chart.ts
@@ -22,8 +22,8 @@
  */
 
 import { QueryFormData } from '@superset-ui/core';
+import { TagType } from 'src/components';
 import Owner from './Owner';
-import Tag from './TagType';
 
 export type ChartLinkedDashboard = {
   id: number;
@@ -45,7 +45,7 @@ export interface Chart {
   cache_timeout: number | null;
   thumbnail_url?: string;
   owners?: Owner[];
-  tags?: Tag[];
+  tags?: TagType[];
   last_saved_at?: string;
   last_saved_by?: {
     id: number;
diff --git a/superset-frontend/src/types/TaggedObject.ts b/superset-frontend/src/types/TaggedObject.ts
index bb01e82432a..34380d21fbf 100644
--- a/superset-frontend/src/types/TaggedObject.ts
+++ b/superset-frontend/src/types/TaggedObject.ts
@@ -18,7 +18,7 @@
  */
 
 import { ConfigType } from 'dayjs';
-import Tag from 'src/types/TagType';
+import { TagType } from 'src/components';
 import Owner from './Owner';
 
 export interface TaggedObject {
@@ -30,7 +30,7 @@ export interface TaggedObject {
   created_by: number | undefined;
   creator: string;
   owners: Owner[];
-  tags: Tag[];
+  tags: TagType[];
 }
 
 export interface TaggedObjects {
diff --git a/superset-frontend/src/views/App.tsx b/superset-frontend/src/views/App.tsx
index 3dcf700f903..8753014b532 100644
--- a/superset-frontend/src/views/App.tsx
+++ b/superset-frontend/src/views/App.tsx
@@ -26,7 +26,8 @@ import {
 } from 'react-router-dom';
 import { bindActionCreators } from 'redux';
 import { css } from '@superset-ui/core';
-import { ErrorBoundary, Layout, Loading } from 'src/components';
+import { Layout, Loading } from '@superset-ui/core/components';
+import { ErrorBoundary } from 'src/components';
 import Menu from 'src/features/home/Menu';
 import getBootstrapData, { applicationRoot } from 'src/utils/getBootstrapData';
 import ToastContainer from 'src/components/MessageToasts/ToastContainer';
diff --git a/superset-frontend/src/views/RootContextProviders.tsx b/superset-frontend/src/views/RootContextProviders.tsx
index 3b68ff7d0d2..4bd017d4b2e 100644
--- a/superset-frontend/src/views/RootContextProviders.tsx
+++ b/superset-frontend/src/views/RootContextProviders.tsx
@@ -24,10 +24,10 @@ import { QueryParamProvider } from 'use-query-params';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import getBootstrapData from 'src/utils/getBootstrapData';
-import { DynamicPluginProvider, FlashProvider } from 'src/components';
+import { FlashProvider, DynamicPluginProvider } from 'src/components';
+import { EmbeddedUiConfigProvider } from 'src/components/UiConfigContext';
 import { store } from './store';
 import '../preamble';
-import { EmbeddedUiConfigProvider } from '../components/UiConfigContext';
 
 const { common } = getBootstrapData();
 
diff --git a/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx b/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx
index 4c741078ae7..fcf93e6bb94 100644
--- a/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx
+++ b/superset-frontend/src/visualizations/TimeTable/SparklineCell.tsx
@@ -34,7 +34,7 @@ import {
   XYChart,
   buildChartTheme,
 } from '@visx/xychart';
-import { extendedDayjs } from 'src/utils/dates';
+import { extendedDayjs } from '@superset-ui/core/utils/dates';
 
 interface Props {
   ariaLabel: string;
diff --git a/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx b/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx
index 461e1e82f25..55d9882d788 100644
--- a/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx
+++ b/superset-frontend/src/visualizations/TimeTable/TimeTable.jsx
@@ -20,13 +20,13 @@ import { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import Mustache from 'mustache';
 import { scaleLinear } from 'd3-scale';
-import TableView from 'src/components/TableView';
-import { Typography } from 'src/components/Typography';
-import { styled, t } from '@superset-ui/core';
 import {
-  InfoTooltipWithTrigger,
-  MetricOption,
-} from '@superset-ui/chart-controls';
+  InfoTooltip,
+  TableView,
+  Typography,
+} from '@superset-ui/core/components';
+import { styled, t } from '@superset-ui/core';
+import { MetricOption } from '@superset-ui/chart-controls';
 import sortNumericValues from 'src/utils/sortNumericValues';
 import FormattedNumber from './FormattedNumber';
 import SparklineCell from './SparklineCell';
@@ -128,7 +128,7 @@ const TimeTable = ({
           <>
             {columnConfig.label}{' '}
             {columnConfig.tooltip && (
-              <InfoTooltipWithTrigger
+              <InfoTooltip
                 tooltip={columnConfig.tooltip}
                 label={`tt-col-${i}`}
                 placement="top"
diff --git a/superset-frontend/tsconfig.base.json b/superset-frontend/tsconfig.base.json
new file mode 100644
index 00000000000..061d4ab9476
--- /dev/null
+++ b/superset-frontend/tsconfig.base.json
@@ -0,0 +1,43 @@
+{
+  "compilerOptions": {
+    /* Type Checking */
+    "noImplicitAny": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+
+    "types": ["jest", "node", "@testing-library/jest-dom"],
+    "typeRoots": ["node_modules/@types"],
+
+    /* Emit */
+    "declaration": true,
+    "declarationMap": true,
+    "importHelpers": false,
+    "noEmitOnError": true,
+    "outDir": "./dist",
+    "sourceMap": true,
+
+    /* JavaScript Support */
+    "allowJs": true,
+
+    /* Interop Constraints */
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+
+    /* Language and Environment */
+    "target": "esnext",
+    "jsx": "react-jsx",
+    "jsxImportSource": "@emotion/react",
+    "lib": ["dom", "dom.iterable", "esnext"],
+
+    /* Projects */
+    "composite": true,
+
+    /* Completeness */
+    "skipLibCheck": true
+  }
+}
diff --git a/superset-frontend/tsconfig.json b/superset-frontend/tsconfig.json
index 3c0917c7311..91d2433fbaa 100644
--- a/superset-frontend/tsconfig.json
+++ b/superset-frontend/tsconfig.json
@@ -1,18 +1,10 @@
 {
+  "extends": "./tsconfig.base.json",
   "compilerOptions": {
-    /* Type Checking */
-    "noImplicitAny": true,
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "noUnusedLocals": true,
-    "strictNullChecks": true,
-
-    /* Modules */
     "baseUrl": ".",
-    "module": "esnext",
-    "moduleResolution": "node",
     "paths": {
       "@superset-ui/core": ["./packages/superset-ui-core/src"],
+      "@superset-ui/core/*": ["./packages/superset-ui-core/src/*"],
       "@superset-ui/chart-controls": [
         "./packages/superset-ui-chart-controls/src"
       ],
@@ -26,40 +18,8 @@
       "@superset-ui/preset-chart-*": ["./plugins/preset-chart-*/src"],
       "@superset-ui/switchboard": ["./packages/superset-ui-switchboard/src"]
     },
-    "types": [
-      "jest",
-      "node",
-      "@testing-library/jest-dom"
-    ],
-    "typeRoots": ["src/types", "node_modules/@types"],
+    "typeRoots": ["src/types", "node_modules/@types"]
 
-    /* Emit */
-    "declaration": true,
-    "declarationMap": true,
-    "importHelpers": false,
-    "noEmitOnError": true,
-    "outDir": "./dist",
-    "sourceMap": true,
-
-    /* JavaScript Support */
-    "allowJs": true,
-
-    /* Interop Constraints */
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": false,
-    "forceConsistentCasingInFileNames": true,
-
-    /* Language and Environment */
-    "target": "esnext",
-    "jsx": "react-jsx",
-    "jsxImportSource": "@emotion/react",
-    "lib": ["dom", "dom.iterable", "esnext"],
-
-    /* Projects */
-    "composite": true,
-
-    /* Completeness */
-    "skipLibCheck": true
   },
   "exclude": [
     "./packages/generator-superset/test/**/*"