@kaizen/components 1.4.13 → 1.4.15

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.15](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.14...@kaizen/components@1.4.15) (2023-02-27)
+
+
+### Bug Fixes
+
+* replace esbuild with tsup ([#3311](https://github.com/cultureamp/kaizen-design-system/issues/3311)) ([7fa6990](https://github.com/cultureamp/kaizen-design-system/commit/7fa6990a3479a4d3c33a8370ff1b5f3adf51e543))
+
+
+
+
+
+## [1.4.14](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.13...@kaizen/components@1.4.14) (2023-02-26)
+
+**Note:** Version bump only for package @kaizen/components
+
+
+
+
+
 ## [1.4.13](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.12...@kaizen/components@1.4.13) (2023-02-23)
 
 **Note:** Version bump only for package @kaizen/components

package/dist/ExampleComponent-9afabffa.d.ts

@@ -0,0 +1,3 @@
+declare const ExampleComponent: () => JSX.Element;
+
+export { ExampleComponent as E };

package/dist/ExampleComponent.module-4G6FO336.scss

@@ -0,0 +1,3 @@
+.exampleComponent {
+  color: blue;
+}

package/dist/{types/KaizenProvider → KaizenProvider}/ThemeProvider/ThemeManager.d.ts

@@ -1,4 +1,5 @@
-import { Theme as BaseTheme } from "@kaizen/design-tokens";
+import { Theme } from '@kaizen/design-tokens';
+
 /**
  * Use this class to set and apply themes, and to access or subscribe to the currently active one.
  * This class fulfills the idea of theming and runtime theme switching by relying on CSS variables,
@@ -6,7 +7,7 @@ import { Theme as BaseTheme } from "@kaizen/design-tokens";
  *
  * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
  */
-export declare class ThemeManager<Theme extends BaseTheme = BaseTheme> {
+declare class ThemeManager<Theme extends Theme = Theme> {
     private themeChangeListeners;
     private theme;
     private rootElement;
@@ -23,3 +24,5 @@ export declare class ThemeManager<Theme extends BaseTheme = BaseTheme> {
     applyCurrentTheme: () => void;
     private notifyThemeChangeListeners;
 }
+
+export { ThemeManager };

package/dist/KaizenProvider/ThemeProvider/ThemeManager.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
+
+
+exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager;

package/dist/KaizenProvider/ThemeProvider/ThemeManager.spec.d.ts

@@ -0,0 +1,2 @@
+
+export { }

package/dist/KaizenProvider/ThemeProvider/ThemeManager.spec.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
+
+// src/KaizenProvider/ThemeProvider/ThemeManager.spec.ts
+
+
+
+var _designtokens = require('@kaizen/design-tokens');
+var assertThemeIsActive = (theme, rootElement) => {
+  const variables = _designtokens.makeCssVariableDefinitionsMap.call(void 0, theme);
+  Object.entries(variables).forEach(([key, value]) => {
+    expect(rootElement == null ? void 0 : rootElement.style.getPropertyValue(key)).toBe(value);
+  });
+};
+describe(_chunkJ42JQYBYjs.ThemeManager.name, () => {
+  test.skip("activates initial theme on construction", () => {
+    const themeManager = new (0, _chunkJ42JQYBYjs.ThemeManager)(_designtokens.heartTheme);
+    assertThemeIsActive(_designtokens.heartTheme, themeManager.getRootElement());
+  });
+});

package/dist/KaizenProvider/ThemeProvider/index.d.ts

@@ -0,0 +1,16 @@
+import React, { Context } from 'react';
+import { Theme } from '@kaizen/design-tokens';
+import { ThemeManager } from './ThemeManager.js';
+
+declare const ThemeContext: Context<Theme>;
+/**
+ * Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
+ * This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
+ */
+declare const ThemeProvider: ({ themeManager, ...props }: {
+    themeManager?: ThemeManager<Theme> | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+declare const useTheme: () => Theme;
+
+export { ThemeContext, ThemeManager, ThemeProvider, useTheme };

package/dist/KaizenProvider/ThemeProvider/index.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkRZK3BIEOjs = require('../../chunk-RZK3BIEO.js');
+
+
+var _chunkJ42JQYBYjs = require('../../chunk-J42JQYBY.js');
+
+
+
+
+
+exports.ThemeContext = _chunkRZK3BIEOjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkRZK3BIEOjs.ThemeProvider; exports.useTheme = _chunkRZK3BIEOjs.useTheme;

package/dist/KaizenProvider/index.d.ts

@@ -0,0 +1,4 @@
+export { a as KaizenProvider, K as KaizenProviderProps } from '../KaizenProvider-af031107.js';
+import 'react';
+import './ThemeProvider/ThemeManager.js';
+import '@kaizen/design-tokens';

package/dist/KaizenProvider/index.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkHO4BDPVXjs = require('../chunk-HO4BDPVX.js');
+require('../chunk-RZK3BIEO.js');
+require('../chunk-J42JQYBY.js');
+
+
+exports.KaizenProvider = _chunkHO4BDPVXjs.KaizenProvider;

package/dist/KaizenProvider-af031107.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
+
+interface KaizenProviderProps {
+    children: React.ReactNode;
+    themeManager?: ThemeManager;
+}
+declare const KaizenProvider: {
+    ({ children, themeManager, }: KaizenProviderProps): JSX.Element;
+    displayName: string;
+};
+
+export { KaizenProviderProps as K, KaizenProvider as a };

package/dist/__future__/ExampleComponent/index.d.ts

@@ -0,0 +1 @@
+export { E as ExampleComponent } from '../../ExampleComponent-9afabffa.js';

package/dist/__future__/ExampleComponent/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGOA67MI6js = require('../../chunk-GOA67MI6.js');
+
+
+exports.ExampleComponent = _chunkGOA67MI6js.ExampleComponent;

package/dist/__future__/index.d.ts

@@ -0,0 +1,3 @@
+export { E as ExampleComponent } from '../ExampleComponent-9afabffa.js';
+export * from '@kaizen/select';
+export * from '@kaizen/tabs';

package/dist/__future__/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }
+
+var _chunkGOA67MI6js = require('../chunk-GOA67MI6.js');
+
+// src/__future__/index.ts
+var _select = require('@kaizen/select'); _createStarExport(_select);
+var _tabs = require('@kaizen/tabs'); _createStarExport(_tabs);
+
+
+exports.ExampleComponent = _chunkGOA67MI6js.ExampleComponent;

package/dist/chunk-GOA67MI6.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/__future__/ExampleComponent/ExampleComponent.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _ExampleComponentmodule4G6FO336scss = require('./ExampleComponent.module-4G6FO336.scss'); var _ExampleComponentmodule4G6FO336scss2 = _interopRequireDefault(_ExampleComponentmodule4G6FO336scss);
+var ExampleComponent = () => /* @__PURE__ */ _react2.default.createElement("div", { className: `${_ExampleComponentmodule4G6FO336scss2.default.exampleComponent} bg-green-300` }, "ExampleComponent FUTURE");
+
+
+
+exports.ExampleComponent = ExampleComponent;

package/dist/chunk-HO4BDPVX.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkRZK3BIEOjs = require('./chunk-RZK3BIEO.js');
+
+// src/KaizenProvider/KaizenProvider.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var KaizenProvider = ({
+  children,
+  themeManager
+}) => /* @__PURE__ */ _react2.default.createElement(_chunkRZK3BIEOjs.ThemeProvider, { themeManager }, children);
+KaizenProvider.displayName = "KaizenProvider";
+
+
+
+exports.KaizenProvider = KaizenProvider;

package/dist/chunk-J42JQYBY.js

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/KaizenProvider/ThemeProvider/ThemeManager.ts
+
+
+var _designtokens = require('@kaizen/design-tokens');
+var ThemeManager = class {
+  constructor(theme, rootElementId = "", apply = true) {
+    this.themeChangeListeners = [];
+    this.rootElement = null;
+    this.getRootElement = () => this.rootElement;
+    this.getRootElementId = () => this.rootElementId;
+    this.getCurrentTheme = () => this.theme;
+    this.setRootElement = (element) => {
+      this.rootElement = element;
+    };
+    this.setRootElementId = (rootElementId) => this.rootElementId = rootElementId;
+    this.setAndApplyTheme = (theme, force) => {
+      if (!force) {
+        if (this.theme === theme)
+          return;
+      }
+      this.theme = theme;
+      this.applyCurrentTheme();
+      this.notifyThemeChangeListeners(theme);
+    };
+    this.addThemeChangeListener = (listener) => {
+      this.themeChangeListeners.push(listener);
+    };
+    this.removeThemeChangeListener = (listener) => {
+      this.themeChangeListeners = this.themeChangeListeners.filter(
+        (l) => l !== listener
+      );
+    };
+    this.applyCurrentTheme = () => {
+      if (typeof window !== "undefined") {
+        this.setRootElement(
+          _nullishCoalesce(document.getElementById(this.rootElementId), () => ( document.documentElement))
+        );
+        const cssVariableDefinitions = _designtokens.makeCssVariableDefinitionsMap.call(void 0, this.theme);
+        Object.entries(cssVariableDefinitions).forEach(([key, value]) => {
+          var _a;
+          (_a = this.rootElement) == null ? void 0 : _a.style.setProperty(key, value);
+        });
+      }
+    };
+    this.notifyThemeChangeListeners = (theme) => {
+      this.themeChangeListeners.forEach((listener) => listener(theme));
+    };
+    this.theme = theme;
+    this.rootElementId = rootElementId;
+    if (apply)
+      this.applyCurrentTheme();
+  }
+};
+
+
+
+exports.ThemeManager = ThemeManager;

package/dist/chunk-RZK3BIEO.js

@@ -0,0 +1,89 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkJ42JQYBYjs = require('./chunk-J42JQYBY.js');
+
+// src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
+
+
+
+
+
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _designtokens = require('@kaizen/design-tokens');
+var ThemeContext = _react.createContext.call(void 0, _designtokens.defaultTheme);
+var ThemeProvider = ({
+  themeManager,
+  ...props
+}) => {
+  const [themeManagerInstance] = _react.useState.call(void 0, 
+    () => themeManager || new (0, _chunkJ42JQYBYjs.ThemeManager)(_designtokens.defaultTheme)
+  );
+  const [theme, setTheme] = _react.useState.call(void 0, 
+    themeManagerInstance.getCurrentTheme()
+  );
+  _react.useEffect.call(void 0, () => {
+    let cancelled = false;
+    const listener = (newTheme) => {
+      if (!cancelled)
+        setTheme(newTheme);
+    };
+    themeManagerInstance.addThemeChangeListener(listener);
+    return () => {
+      cancelled = true;
+      themeManagerInstance.removeThemeChangeListener(listener);
+    };
+  }, []);
+  return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(ThemeContext.Provider, { value: theme }, props.children), /* @__PURE__ */ _react2.default.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ _react2.default.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ _react2.default.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ _react2.default.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ _react2.default.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ));
+};
+var useTheme = () => _react.useContext.call(void 0, ThemeContext);
+
+
+
+
+
+exports.ThemeContext = ThemeContext; exports.ThemeProvider = ThemeProvider; exports.useTheme = useTheme;

package/dist/esm/ExampleComponent.module-4G6FO336.scss

@@ -0,0 +1,3 @@
+.exampleComponent {
+  color: blue;
+}

package/dist/esm/KaizenProvider/ThemeProvider/ThemeManager.js

@@ -0,0 +1,6 @@
+import {
+  ThemeManager
+} from "../../chunk-J42JQYBY.js";
+export {
+  ThemeManager
+};

package/dist/esm/KaizenProvider/ThemeProvider/ThemeManager.spec.js

@@ -0,0 +1,21 @@
+import {
+  ThemeManager
+} from "../../chunk-J42JQYBY.js";
+
+// src/KaizenProvider/ThemeProvider/ThemeManager.spec.ts
+import {
+  makeCssVariableDefinitionsMap,
+  heartTheme
+} from "@kaizen/design-tokens";
+var assertThemeIsActive = (theme, rootElement) => {
+  const variables = makeCssVariableDefinitionsMap(theme);
+  Object.entries(variables).forEach(([key, value]) => {
+    expect(rootElement == null ? void 0 : rootElement.style.getPropertyValue(key)).toBe(value);
+  });
+};
+describe(ThemeManager.name, () => {
+  test.skip("activates initial theme on construction", () => {
+    const themeManager = new ThemeManager(heartTheme);
+    assertThemeIsActive(heartTheme, themeManager.getRootElement());
+  });
+});

package/dist/esm/KaizenProvider/ThemeProvider/index.js

@@ -0,0 +1,14 @@
+import {
+  ThemeContext,
+  ThemeProvider,
+  useTheme
+} from "../../chunk-RZK3BIEO.js";
+import {
+  ThemeManager
+} from "../../chunk-J42JQYBY.js";
+export {
+  ThemeContext,
+  ThemeManager,
+  ThemeProvider,
+  useTheme
+};

package/dist/esm/KaizenProvider/index.js

@@ -0,0 +1,8 @@
+import {
+  KaizenProvider
+} from "../chunk-HO4BDPVX.js";
+import "../chunk-RZK3BIEO.js";
+import "../chunk-J42JQYBY.js";
+export {
+  KaizenProvider
+};

package/dist/esm/__future__/ExampleComponent/index.js

@@ -0,0 +1,6 @@
+import {
+  ExampleComponent
+} from "../../chunk-GOA67MI6.js";
+export {
+  ExampleComponent
+};

package/dist/esm/__future__/index.js

@@ -0,0 +1,10 @@
+import {
+  ExampleComponent
+} from "../chunk-GOA67MI6.js";
+
+// src/__future__/index.ts
+export * from "@kaizen/select";
+export * from "@kaizen/tabs";
+export {
+  ExampleComponent
+};

package/dist/esm/chunk-GOA67MI6.js

@@ -0,0 +1,8 @@
+// src/__future__/ExampleComponent/ExampleComponent.tsx
+import React from "react";
+import styles from "./ExampleComponent.module-4G6FO336.scss";
+var ExampleComponent = () => /* @__PURE__ */ React.createElement("div", { className: `${styles.exampleComponent} bg-green-300` }, "ExampleComponent FUTURE");
+
+export {
+  ExampleComponent
+};

package/dist/esm/chunk-HO4BDPVX.js

@@ -0,0 +1,15 @@
+import {
+  ThemeProvider
+} from "./chunk-RZK3BIEO.js";
+
+// src/KaizenProvider/KaizenProvider.tsx
+import React from "react";
+var KaizenProvider = ({
+  children,
+  themeManager
+}) => /* @__PURE__ */ React.createElement(ThemeProvider, { themeManager }, children);
+KaizenProvider.displayName = "KaizenProvider";
+
+export {
+  KaizenProvider
+};

package/dist/esm/chunk-J42JQYBY.js

@@ -0,0 +1,57 @@
+// src/KaizenProvider/ThemeProvider/ThemeManager.ts
+import {
+  makeCssVariableDefinitionsMap
+} from "@kaizen/design-tokens";
+var ThemeManager = class {
+  constructor(theme, rootElementId = "", apply = true) {
+    this.themeChangeListeners = [];
+    this.rootElement = null;
+    this.getRootElement = () => this.rootElement;
+    this.getRootElementId = () => this.rootElementId;
+    this.getCurrentTheme = () => this.theme;
+    this.setRootElement = (element) => {
+      this.rootElement = element;
+    };
+    this.setRootElementId = (rootElementId) => this.rootElementId = rootElementId;
+    this.setAndApplyTheme = (theme, force) => {
+      if (!force) {
+        if (this.theme === theme)
+          return;
+      }
+      this.theme = theme;
+      this.applyCurrentTheme();
+      this.notifyThemeChangeListeners(theme);
+    };
+    this.addThemeChangeListener = (listener) => {
+      this.themeChangeListeners.push(listener);
+    };
+    this.removeThemeChangeListener = (listener) => {
+      this.themeChangeListeners = this.themeChangeListeners.filter(
+        (l) => l !== listener
+      );
+    };
+    this.applyCurrentTheme = () => {
+      if (typeof window !== "undefined") {
+        this.setRootElement(
+          document.getElementById(this.rootElementId) ?? document.documentElement
+        );
+        const cssVariableDefinitions = makeCssVariableDefinitionsMap(this.theme);
+        Object.entries(cssVariableDefinitions).forEach(([key, value]) => {
+          var _a;
+          (_a = this.rootElement) == null ? void 0 : _a.style.setProperty(key, value);
+        });
+      }
+    };
+    this.notifyThemeChangeListeners = (theme) => {
+      this.themeChangeListeners.forEach((listener) => listener(theme));
+    };
+    this.theme = theme;
+    this.rootElementId = rootElementId;
+    if (apply)
+      this.applyCurrentTheme();
+  }
+};
+
+export {
+  ThemeManager
+};

package/dist/esm/chunk-RZK3BIEO.js

@@ -0,0 +1,89 @@
+import {
+  ThemeManager
+} from "./chunk-J42JQYBY.js";
+
+// src/KaizenProvider/ThemeProvider/ThemeProvider.tsx
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import { defaultTheme } from "@kaizen/design-tokens";
+var ThemeContext = createContext(defaultTheme);
+var ThemeProvider = ({
+  themeManager,
+  ...props
+}) => {
+  const [themeManagerInstance] = useState(
+    () => themeManager || new ThemeManager(defaultTheme)
+  );
+  const [theme, setTheme] = useState(
+    themeManagerInstance.getCurrentTheme()
+  );
+  useEffect(() => {
+    let cancelled = false;
+    const listener = (newTheme) => {
+      if (!cancelled)
+        setTheme(newTheme);
+    };
+    themeManagerInstance.addThemeChangeListener(listener);
+    return () => {
+      cancelled = true;
+      themeManagerInstance.removeThemeChangeListener(listener);
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: theme }, props.children), /* @__PURE__ */ React.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "link",
+    {
+      rel: "preload",
+      href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2",
+      as: "font",
+      type: "font/woff2",
+      crossOrigin: "anonymous"
+    }
+  ));
+};
+var useTheme = () => useContext(ThemeContext);
+
+export {
+  ThemeContext,
+  ThemeProvider,
+  useTheme
+};

package/dist/{types/index.d.ts → esm/index.js}

@@ -1,9 +1,16 @@
-export * from "./KaizenProvider";
+import {
+  KaizenProvider
+} from "./chunk-HO4BDPVX.js";
+import "./chunk-RZK3BIEO.js";
+import "./chunk-J42JQYBY.js";
+
+// src/index.ts
 export * from "@kaizen/a11y";
 export * from "@kaizen/brand";
 export * from "@kaizen/brand-moment";
 export * from "@kaizen/button";
 export * from "@kaizen/component-base";
+import { Icon, Box, Spacing } from "@kaizen/component-library";
 export * from "@kaizen/date-picker";
 export * from "@kaizen/draft-avatar";
 export * from "@kaizen/draft-badge";
@@ -37,8 +44,23 @@ export * from "@kaizen/progress-bar";
 export * from "@kaizen/responsive";
 export * from "@kaizen/rich-text-editor";
 export * from "@kaizen/split-button";
-export { makeCssVariableDefinitionsMap, makeCSSVariableTheme, mapLeafsOfObject, } from "@kaizen/design-tokens";
+export * from "@kaizen/typography";
+import {
+  makeCssVariableDefinitionsMap,
+  makeCSSVariableTheme,
+  mapLeafsOfObject
+} from "@kaizen/design-tokens";
 export * from "@kaizen/design-tokens/src/themes";
 export * from "@kaizen/design-tokens/src/types";
-export { Select, AsyncSelect } from "@kaizen/draft-select";
-export type { ValueType as SelectValueType } from "@kaizen/draft-select";
+import { Select, AsyncSelect } from "@kaizen/draft-select";
+export {
+  AsyncSelect,
+  Box,
+  Icon,
+  KaizenProvider,
+  Select,
+  Spacing,
+  makeCSSVariableTheme,
+  makeCssVariableDefinitionsMap,
+  mapLeafsOfObject
+};