@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

package/lib/tokens/DXPGlobal.d.ts

@@ -0,0 +1,302 @@
+declare const dxpToken: {
+    colorGradientNeutral: string;
+    spacingGapXs: number;
+    spacingGapSm: number;
+    spacingGapLg: number;
+    spacingGapXl: number;
+    spacingGapXxl: number;
+    spacingGapXxxl: number;
+    spacingIconXs: number;
+    spacingIconSm: number;
+    spacingIconMd: number;
+    spacingIconLg: number;
+    spacingTextXs: number;
+    spacingTextSm: number;
+    spacingTextMd: number;
+    spacingTextLg: number;
+    spacingTextXl: number;
+    spacingTextXxl: number;
+    spacingInputXs: number;
+    spacingInputSm: number;
+    spacingInputMd: number;
+    spacingImageXs: number;
+    spacingImageSm: number;
+    spacingImageMd: number;
+    spacingImageLg: number;
+    spacingBulletXs: number;
+    spacingBulletSm: number;
+    spacingBulletMd: number;
+    opacityHover: number;
+    opacityPressed: number;
+    opacityDisabled: number;
+    opacityOverlay: number;
+    colorBackgroundCta: string;
+    colorBackgroundCtaInversePressed: string;
+    colorBackgroundCtaPressed: string;
+    colorBackgroundStandard: string;
+    colorBackgroundSubtle: string;
+    colorBackgroundHover: string;
+    colorBackgroundHoverNeutral: string;
+    colorBackgroundSelected: string;
+    colorBackgroundActive: string;
+    colorBackgroundOverlay: string;
+    colorBackgroundOverlayLight: string;
+    colorBackgroundCtaSuccess: string;
+    colorBackgroundDark: string;
+    colorBackgroundDark2: string;
+    colorBackgroundDisabled: string;
+    colorBackgroundWeak: string;
+    colorBackgroundActiveWeak: string;
+    colorBackgroundActiveWeakInverse: string;
+    colorBackgroundActiveInverse: string;
+    colorBackgroundSubtle2: string;
+    colorBackgroundHeader: string;
+    colorBackgroundFooter: string;
+    colorBackgroundCoachmark: string;
+    colorTextNeutral: string;
+    colorTextSubtle: string;
+    colorTextLabel: string;
+    colorTextStrikethrough: string;
+    colorTextDisabled: string;
+    colorTextInverse: string;
+    colorTextLink: string;
+    colorTextLinkInverse: string;
+    colorTextAlert: string;
+    colorTextSuccess: string;
+    colorTextNavigationActive: string;
+    colorTextHeaderActive: string;
+    colorTextCta: string;
+    colorTextCtaInverse: string;
+    colorTextSubtleInverse: string;
+    colorTextHeaderHighlight: string;
+    colorTextHeaderHighlightInverse: string;
+    colorTextHeaderActiveInverse: string;
+    colorTextCoachmark: string;
+    colorIconLink: string;
+    colorIconNeutral: string;
+    colorIconCta: string;
+    colorIconCtaInverse: string;
+    colorIconSubtle: string;
+    colorIconWeak: string;
+    colorIconDisabled: string;
+    colorIconAlert: string;
+    colorIconAlertInverse: string;
+    colorIconSuccess: string;
+    colorIconPending: string;
+    colorIconInverse: string;
+    colorIconInactive: string;
+    colorIconActive: string;
+    colorIconLocationPin: string;
+    colorIconLocationPinActive: string;
+    colorIconLoader: string;
+    colorIconNotice: string;
+    colorBottomNavigationInactive: string;
+    colorBottomNavigationActive: string;
+    colorIconLinkInverse: string;
+    colorIconSubtleInverse: string;
+    colorIconRating: string;
+    colorTagPrimary: string;
+    colorTagSecondary: string;
+    colorBorderDivider: string;
+    colorBorderCta: string;
+    colorBorderCtaInverse: string;
+    colorBorderError: string;
+    colorBorderSelected: string;
+    colorBorderStandard: string;
+    colorBorderActive: string;
+    colorBorderDisabled: string;
+    colorBorderWeak: string;
+    colorBorderStrikeout: string;
+    colorBorderStrikeoutInverse: string;
+    colorBorderStrong: string;
+    colorBorderWeakInverse: string;
+    colorBorderActiveInverse: string;
+    colorBorderBenchmark: string;
+    colorBorderBenchmarkInverse: string;
+    colorNotificationAlert: string;
+    colorNotificationPromo: string;
+    colorNotificationDefault: string;
+    colorToggleActiveStrong: string;
+    colorToggleActiveWeak: string;
+    colorToggleInactiveStrong: string;
+    colorToggleInactiveWeak: string;
+    colorToggleIndicator: string;
+    colorRibbonPrimary: string;
+    colorRibbonPrimaryDark: string;
+    colorRibbonPrimary2: string;
+    colorRibbonPrimary3: string;
+    colorRibbonSecondary: string;
+    colorRibbonSecondary2: string;
+    colorRibbonSecondaryDark: string;
+    colorRewards1: string;
+    colorRewards2: string;
+    colorRewards3: string;
+    colorGraph1: string;
+    colorGraph2: string;
+    colorGraph3: string;
+    colorGraph4: string;
+    colorGraph5: string;
+    colorGraph6: string;
+    colorGraph7: string;
+    colorGraph8: string;
+    colorGraph9: string;
+    colorGraph10: string;
+    colorGraph11: string;
+    colorGraph12: string;
+    sizingIconUtilityXxs: number;
+    sizingIconUtilityXs: number;
+    sizingIconUtilitySm: number;
+    sizingIconUtilityMd: number;
+    sizingIconUtilityLg: number;
+    sizingIconGeneralXs: number;
+    sizingIconGeneralSm: number;
+    sizingIconGeneralMd: number;
+    sizingIconGeneralLg: number;
+    sizingIconGeneralXl: number;
+    sizingIconSpotXs: number;
+    sizingIconSpotSm: number;
+    sizingIconSpotMd: number;
+    sizingIconSpotLg: number;
+    sizingIconSpotXl: number;
+    sizingIconSpotXxl: number;
+    sizingTagMd: number;
+    sizingTagLg: number;
+    sizingVoucherSm: number;
+    sizingVoucherMd: number;
+    sizingFileInput: number;
+    sizingFileInputLg: number;
+    sizingImageXxs: number;
+    sizingImageXs: number;
+    sizingImageSm: number;
+    sizingImageMd: number;
+    sizingImageLg: number;
+    sizingImageXl: number;
+    sizingImageXxl: number;
+    sizingTextBoxXs: number;
+    sizingTextBoxSm: number;
+    sizingTextBoxMd: number;
+    sizingTextBoxXxs: number;
+    sizingTextBoxLg: number;
+    sizingCirclePatternXs: number;
+    sizingCirclePatternSm: number;
+    sizingCirclePatternMd: number;
+    sizingCirclePatternLg: number;
+    sizingBullet: number;
+    sizingBulletSm: number;
+    sizingColorList: number;
+    borderWidthStandard: number;
+    borderWidthCta: number;
+    borderWidthSelected: number;
+    borderWidthHover: number;
+    borderWidthStrikeout: number;
+    borderRadiusSm: number;
+    borderRadiusMd: number;
+    borderRadiusXl: number;
+    borderRadiusLg: number;
+    opacitySubtle: number;
+    colorBackgroundSubtle3: string;
+    colorBackgroundDelete: string;
+    spacingIconXxxl: number;
+    spacingIconXxl: number;
+    spacingIconXl: number;
+    spacingTextXxxl: number;
+    spacingInputXxxl: number;
+    spacingInputXxl: number;
+    spacingInputXl: number;
+    spacingInputLg: number;
+    spacingBulletXxxl: number;
+    spacingBulletXxl: number;
+    spacingBulletLg: number;
+    spacingBulletXl: number;
+    spacingImageXxxl: number;
+    spacingImageXxl: number;
+    spacingImageXl: number;
+    colorBackgroundCtaInverse: string;
+    sizingTagSm: number;
+    sizingTagXs: number;
+    spacingGapMd: number;
+    spacingGapSm2: number;
+    spacingIconXxs: number;
+    spacingInputSm2: number;
+    spacingInputSm3: number;
+    spacingInputMd2: number;
+    spacingInputMd3: number;
+    colorBackgroundCtaSecondary: string;
+    colorTextCtaSecondary: string;
+    colorIconCtaSecondary: string;
+    sizingIconUtilityXs2: number;
+    sizingIconGeneralXs2: number;
+    borderRadiusXs: number;
+    colorTextAmount: string;
+    opacityDefault: number;
+    fontFamilySecondaryRegular: string;
+    fontFamilyPromaryRegular: string;
+    fontFamilyPromaryBold: string;
+    fontFamilyPromarySemiBold: string;
+    fontFamilySecondarySemiBold: string;
+    fontFamilySecondaryBold: string;
+    boolean: boolean;
+    colorTagGrey: string;
+    colorTagRed: string;
+    colorTagYellow: string;
+    colorTagGreen: string;
+    colorTagCyan: string;
+    colorTagOrange: string;
+    colorTagPrimarylight: string;
+    colorTagSecondarylight: string;
+    colorTagGreylight: string;
+    colorTagRedlight: string;
+    colorTagYellowlight: string;
+    colorTagGreenlight: string;
+    colorTagCyanlight: string;
+    colorTagOrangelight: string;
+    colorTagBlack: string;
+    fontSizeDesktopTitleT23: number;
+    fontSizeDesktopContentC14: number;
+    fontSizeDesktopContentC21: number;
+    fontSizeDesktopTitleT21: number;
+    fontSizeDesktopTitleT15: number;
+    fontSizeDesktopContentC12: number;
+    fontSizeDesktopContentC10: number;
+    fontSizeDesktopContentC11: number;
+    fontSizeDesktopContentC13: number;
+    fontSizeDesktopTitleT1: number;
+    fontSizeDesktopTitleT32: number;
+    fontSizeDesktopTitleT41: number;
+    fontSizeDesktopContentC05: number;
+    fontSizeDesktopContentC04: number;
+    borderRadiusButton: number;
+    colorTextItemtitle: string;
+    fontSizeDesktopTitleT7: number;
+    fontSizeDesktopTitleT8: number;
+    fontSizeDesktopTitleT2: number;
+    fontSizeDesktopTitleT5: number;
+    fontSizeDesktopTitleT3: number;
+    fontSizeDesktopTitleT4: number;
+    fontSizeDesktopTitleT10: number;
+    fontSizeMobileContentC04: number;
+    fontSizeMobileContentC05: number;
+    fontSizeMobileContentC11: number;
+    fontSizeMobileContentC12: number;
+    fontSizeMobileContentC13: number;
+    fontSizeMobileContentC14: number;
+    fontSizeMobileContentC15: number;
+    fontSizeMobileContentC21: number;
+    fontSizeMobileTitleT12: number;
+    fontSizeMobileTitleT13: number;
+    fontSizeMobileTitleT14: number;
+    fontSizeMobileTitleT15: number;
+    fontSizeMobileTitleT21: number;
+    fontSizeMobileTitleT23: number;
+    fontSizeMobileTitleT24: number;
+    fontSizeMobileTitleT25: number;
+    fontSizeMobileTitleT32: number;
+    fontSizeMobileTitleT34: number;
+    fontSizeMobileTitleT41: number;
+    fontSizeMobileTitleT45: number;
+    fontSizeMobileNavigation: number;
+    colorTextHintMessage: string;
+    colorIconCta2: string;
+    colorTextCta2: string;
+};
+export default dxpToken;

package/lib/tokens/DXPGlobal.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tokens/DXPGlobal.ts
+var DXPGlobal_exports = {};
+__export(DXPGlobal_exports, {
+  default: () => DXPGlobal_default
+});
+module.exports = __toCommonJS(DXPGlobal_exports);
+var import_token = __toESM(require("../assets/token.json"));
+var dxpToken = import_token.default.gomo;
+var DXPGlobal_default = dxpToken;

package/lib/utils/noop.d.ts

@@ -0,0 +1 @@
+export declare function noop(): void;

package/lib/utils/noop.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/noop.ts
+var noop_exports = {};
+__export(noop_exports, {
+  noop: () => noop
+});
+module.exports = __toCommonJS(noop_exports);
+function noop() {
+}

package/lib/utils/scaleTool.d.ts

@@ -0,0 +1,12 @@
+export declare const DesignWidth = 375;
+export declare const DesignHeight = 812;
+export declare const viewportSize: () => {
+    width: number;
+    height: number;
+};
+export declare const wSacle: (size: number | undefined) => number;
+export declare const hScale: (size: number) => number;
+export declare const initResponsiveListener: (callback?: ((size: {
+    width: number;
+    height: number;
+}) => void) | undefined) => (() => void) | undefined;

package/lib/utils/scaleTool.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/scaleTool.ts
+var scaleTool_exports = {};
+__export(scaleTool_exports, {
+  DesignHeight: () => DesignHeight,
+  DesignWidth: () => DesignWidth,
+  hScale: () => hScale,
+  initResponsiveListener: () => initResponsiveListener,
+  viewportSize: () => viewportSize,
+  wSacle: () => wSacle
+});
+module.exports = __toCommonJS(scaleTool_exports);
+var getViewportSize = () => {
+  var _a, _b, _c, _d;
+  if (typeof document === "undefined") {
+    return { width: 0, height: 0 };
+  }
+  return {
+    width: ((_a = document.documentElement) == null ? void 0 : _a.clientWidth) || ((_b = document.body) == null ? void 0 : _b.clientWidth) || 0,
+    height: ((_c = document.documentElement) == null ? void 0 : _c.clientHeight) || ((_d = document.body) == null ? void 0 : _d.clientHeight) || 0
+  };
+};
+var DesignWidth = 375;
+var DesignHeight = 812;
+var viewportSize = () => getViewportSize();
+var wSacle = (size) => {
+  const { width } = getViewportSize();
+  if (width < 375 || width > 768) {
+    return size || 0;
+  }
+  return parseFloat((width / DesignWidth * (size || 0)).toFixed(1));
+};
+var hScale = (size) => {
+  const { height, width } = getViewportSize();
+  if (width < 375 || width > 768) {
+    return size;
+  }
+  return parseFloat((height / DesignHeight * size).toFixed(1));
+};
+var initResponsiveListener = (callback) => {
+  if (typeof window === "undefined")
+    return;
+  const handleResize = () => {
+    const size = getViewportSize();
+    callback == null ? void 0 : callback(size);
+  };
+  window.addEventListener("resize", handleResize);
+  return () => window.removeEventListener("resize", handleResize);
+};

package/lib/utils/theme.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '@ant-design/cssinjs';
+type DesignToken = {
+    primaryColor: string;
+    fontSize: number;
+};
+type DerivativeToken = {
+    buttonColor: string;
+    buttonFontSize: number;
+};
+export declare const theme: Theme<DesignToken, DerivativeToken>;
+export {};

package/lib/utils/theme.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/theme.ts
+var theme_exports = {};
+__export(theme_exports, {
+  theme: () => theme
+});
+module.exports = __toCommonJS(theme_exports);
+var import_cssinjs = require("@ant-design/cssinjs");
+var derivativeFunc = (token) => {
+  return {
+    buttonColor: token.primaryColor,
+    buttonFontSize: token.fontSize * 1.2
+  };
+};
+var theme = new import_cssinjs.Theme(derivativeFunc);

package/lib/utils/themeContext.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export type ThemeStyle = 'default' | 'colorful';
+export interface AntdCompatibleThemeConfig {
+    token?: Record<string, any>;
+    components?: Record<string, any>;
+    override?: {
+        override?: Record<string, any>;
+        [key: string]: any;
+    };
+    cssVar?: {
+        prefix?: string;
+        key?: string;
+    };
+    [key: string]: any;
+}
+export interface ThemeContextType {
+    style: ThemeStyle;
+    setStyle: (style: ThemeStyle) => void;
+    theme?: AntdCompatibleThemeConfig;
+    token?: Record<string, any>;
+    components?: Record<string, any>;
+    override?: {
+        override?: Record<string, any>;
+        [key: string]: any;
+    };
+    cssVar?: boolean | {
+        prefix?: string | undefined;
+        key?: string | undefined;
+    } | undefined;
+}
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultStyle?: ThemeStyle;
+    theme?: AntdCompatibleThemeConfig;
+    token?: Record<string, any>;
+    components?: Record<string, any>;
+    override?: {
+        override?: Record<string, any>;
+        [key: string]: any;
+    };
+    cssVar?: Record<string, any> | boolean;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useTheme: () => ThemeContextType;

package/lib/utils/themeContext.js

@@ -0,0 +1,117 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/themeContext.tsx
+var themeContext_exports = {};
+__export(themeContext_exports, {
+  ThemeProvider: () => ThemeProvider,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(themeContext_exports);
+var import_react = __toESM(require("react"));
+var ThemeContext = (0, import_react.createContext)({
+  style: "default",
+  setStyle: () => {
+  }
+});
+var ThemeProvider = (_a) => {
+  var _b = _a, {
+    children,
+    defaultStyle = "default",
+    theme,
+    token,
+    components,
+    override,
+    cssVar
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "defaultStyle",
+    "theme",
+    "token",
+    "components",
+    "override",
+    "cssVar"
+  ]);
+  const [style, setStyle] = import_react.default.useState(defaultStyle);
+  (0, import_react.useEffect)(() => {
+    document.documentElement.setAttribute("data-theme-style", style);
+  }, [style]);
+  const themeConfig = __spreadProps(__spreadValues({}, rest), {
+    theme,
+    token,
+    components,
+    override,
+    cssVar
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    ThemeContext.Provider,
+    {
+      value: __spreadValues({
+        style,
+        setStyle
+      }, themeConfig)
+    },
+    children
+  );
+};
+var useTheme = () => {
+  const context = (0, import_react.useContext)(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};

package/lib/utils/tokenHelper.d.ts

@@ -0,0 +1 @@
+export declare const getToken: (tokenName: string) => any;