@trilogy-ds/react 0.0.23-esm-cjs → 0.0.25-esm-cjs

package/lib/context/index.native.js

@@ -1,8 +1,10 @@
 "use client";
 "use strict";
+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)
@@ -16,23 +18,110 @@ var __copyProps = (to, from, except, desc) => {
   }
   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);
 
-// context/index.native.tsx
+// context/index.native.ts
 var index_native_exports = {};
 __export(index_native_exports, {
+  StatesContext: () => StatesContext,
   TrilogyContext: () => TrilogyContext,
+  TrilogyProvider: () => TrilogyProvider,
+  TrilogyProviderStyled: () => TrilogyProviderStyled,
+  TrilogyThemeContext: () => TrilogyThemeContext,
+  TrilogyThemeProvider: () => TrilogyThemeProvider,
+  defaultContextValue: () => defaultContextValue,
+  defaultIcons: () => defaultIcons,
+  defaultTheme: () => defaultTheme,
   useTrilogyContext: () => useTrilogyContext
 });
 module.exports = __toCommonJS(index_native_exports);
+
+// context/context/index.native.tsx
 var TrilogyContext = () => {
   return;
 };
 var useTrilogyContext = () => {
   return;
 };
+
+// context/provider/index.native.tsx
+var TrilogyProvider = ({ children }) => {
+  return children;
+};
+
+// context/providerStates/index.ts
+var import_react = require("react");
+var StatesContext = (0, import_react.createContext)({
+  inverted: false,
+  active: false,
+  flat: false
+});
+
+// context/providerStyled/index.native.tsx
+var TrilogyProviderStyled = ({ children }) => {
+  return children;
+};
+
+// objects/facets/Color/index.native.tsx
+var import_react2 = require("react");
+var colors = {
+  ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
+  ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
+  ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
+  ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
+  ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
+  ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
+  ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
+  ["SUCCESS_FADE" /* SUCCESS_FADE */]: ["#cae8ca", "success-fade", "white"],
+  ["INFO" /* INFO */]: ["#1A688A", "info", "white"],
+  ["INFO_FADE" /* INFO_FADE */]: ["#c8dbec", "info-fade", "white"],
+  ["WARNING" /* WARNING */]: ["#FFBB33", "warning", "white"],
+  ["WARNING_FADE" /* WARNING_FADE */]: ["#ecdbc6", "warning-fade", "white"],
+  ["ERROR" /* ERROR */]: ["#D42D02", "error", "white"],
+  ["ERROR_FADE" /* ERROR_FADE */]: ["#eecccc", "error-fade", "white"],
+  ["DISABLED" /* DISABLED */]: ["#646464", "disabled", "white"],
+  ["DISABLED_FADE" /* DISABLED_FADE */]: ["#D1D1D1", "disabled-fade", "white"],
+  ["NEUTRAL" /* NEUTRAL */]: ["#707070", "grey", "white"],
+  ["NEUTRAL_FADE" /* NEUTRAL_FADE */]: ["#F4F4F4", "grey-fade", "white"],
+  ["STROKE" /* STROKE */]: ["#BBC1CE", "stroke", "white"]
+};
+
+// context/providerTheme/index.native.tsx
+var import_react3 = __toESM(require("react"));
+var defaultIcons = {};
+var defaultTheme = {
+  icons: defaultIcons,
+  colors,
+  fontFamily: { regular: "poppins-regular", medium: "poppins-medium", bold: "poppins-semibold" }
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react3.default.createContext(defaultContextValue);
+var TrilogyThemeProvider = ({ children, theme }) => {
+  const [trilogyTheme, setTrilogyTheme] = import_react3.default.useState(theme || defaultTheme);
+  return /* @__PURE__ */ import_react3.default.createElement(TrilogyThemeContext.Provider, { value: { theme: trilogyTheme, setTheme: setTrilogyTheme } }, children);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  StatesContext,
   TrilogyContext,
+  TrilogyProvider,
+  TrilogyProviderStyled,
+  TrilogyThemeContext,
+  TrilogyThemeProvider,
+  defaultContextValue,
+  defaultIcons,
+  defaultTheme,
   useTrilogyContext
 });

package/lib/context/index.native.mjs

@@ -1,10 +1,34 @@
 "use client";
+import {
+  TrilogyProvider
+} from "../chunk-XCIDMO7T.mjs";
+import {
+  TrilogyProviderStyled
+} from "../chunk-RTX3I6ZK.mjs";
 import {
   TrilogyContext,
   useTrilogyContext
-} from "../chunk-TFDPKEJD.mjs";
+} from "../chunk-S7NWKIXK.mjs";
+import {
+  TrilogyThemeContext,
+  TrilogyThemeProvider,
+  defaultContextValue,
+  defaultIcons,
+  defaultTheme
+} from "../chunk-E4YRRUI3.mjs";
+import {
+  StatesContext
+} from "../chunk-6IKR6FTJ.mjs";
 import "../chunk-QIPGVLHJ.mjs";
 export {
+  StatesContext,
   TrilogyContext,
+  TrilogyProvider,
+  TrilogyProviderStyled,
+  TrilogyThemeContext,
+  TrilogyThemeProvider,
+  defaultContextValue,
+  defaultIcons,
+  defaultTheme,
   useTrilogyContext
 };

package/lib/context/provider/index.js

@@ -34,23 +34,47 @@ __export(provider_exports, {
   TrilogyProvider: () => TrilogyProvider
 });
 module.exports = __toCommonJS(provider_exports);
-var import_react = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 
 // version.ts
-var version = "0.0.23-esm-cjs";
+var version = "0.0.25-esm-cjs";
 
 // version.json
 var version_default = {
   VERSION: "410"
 };
 
-// context/index.tsx
+// context/context/index.tsx
 var React = __toESM(require("react"));
 var TrilogyContext = React.createContext({
   styled: false,
   setStyled: () => void 0
 });
 
+// context/providerStates/index.ts
+var import_react = require("react");
+var StatesContext = (0, import_react.createContext)({
+  inverted: false,
+  active: false,
+  flat: false
+});
+
+// context/providerStyled/index.tsx
+var React2 = __toESM(require("react"));
+
+// context/providerTheme/index.tsx
+var import_react2 = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react2.default.createContext(defaultContextValue);
+
 // context/provider/index.tsx
 var getHrefFromAssetUri = (assetUrl, theme, mangled) => {
   return assetUrl.replace("%VERSION%", version).replace("%THEME%", theme).replace("%MANGLED%", mangled ? "-mangled" : "");
@@ -72,12 +96,12 @@ var TrilogyProvider = ({
   hash: HASH = version_default.VERSION,
   assetUrl = ""
 }) => {
-  const [styled, setStyled] = import_react.default.useState(mangled);
-  const [hash, setHash] = import_react.default.useState(HASH);
-  (0, import_react.useLayoutEffect)(() => {
+  const [styled, setStyled] = import_react3.default.useState(mangled);
+  const [hash, setHash] = import_react3.default.useState(HASH);
+  (0, import_react3.useLayoutEffect)(() => {
     injectTrilogyAssets && injectTrilogy(mangled, id, theme, assetUrl);
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, children);
+  return /* @__PURE__ */ import_react3.default.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, children);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/context/provider/index.mjs

@@ -1,10 +1,11 @@
 "use client";
 import {
   TrilogyProvider
-} from "../../chunk-2BQXWN3R.mjs";
-import "../../chunk-KYCWE6NL.mjs";
-import "../../chunk-ILTCTVY7.mjs";
-import "../../chunk-ZB4OWTDD.mjs";
+} from "../../chunk-PMNL6QAW.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-XUTWIHGC.mjs";
+import "../../chunk-6IKR6FTJ.mjs";
+import "../../chunk-ZETKJIUV.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   TrilogyProvider

package/lib/context/provider/index.native.mjs

@@ -1,10 +1,8 @@
 "use client";
+import {
+  TrilogyProvider
+} from "../../chunk-XCIDMO7T.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
-
-// context/provider/index.native.tsx
-var TrilogyProvider = ({ children }) => {
-  return children;
-};
 export {
   TrilogyProvider
 };

package/lib/context/providerStates/index.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// context/providerStates/index.tsx
+// context/providerStates/index.ts
 var providerStates_exports = {};
 __export(providerStates_exports, {
   StatesContext: () => StatesContext

package/lib/context/providerStates/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   StatesContext
-} from "../../chunk-CWIO3GEP.mjs";
+} from "../../chunk-6IKR6FTJ.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   StatesContext

package/lib/context/providerStyled/index.js

@@ -36,14 +36,14 @@ var styleComponentMangled_exports = {};
 __export(styleComponentMangled_exports, {
   default: () => styleComponentMangled_default
 });
-var import_trilogy_mangled, import_react, StyleComponentMangled, styleComponentMangled_default;
+var import_trilogy_mangled, import_react4, StyleComponentMangled, styleComponentMangled_default;
 var init_styleComponentMangled = __esm({
   "components/styleComponent/mangled/styleComponentMangled.tsx"() {
     "use strict";
     import_trilogy_mangled = require("@trilogy-ds/styles/dist/default/trilogy-mangled.css");
-    import_react = __toESM(require("react"));
+    import_react4 = __toESM(require("react"));
     StyleComponentMangled = ({ children }) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
+      return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children);
     };
     styleComponentMangled_default = StyleComponentMangled;
   }
@@ -54,14 +54,14 @@ var styleComponent_exports = {};
 __export(styleComponent_exports, {
   default: () => styleComponent_default
 });
-var import_trilogy, import_react2, StyleComponent, styleComponent_default;
+var import_trilogy, import_react5, StyleComponent, styleComponent_default;
 var init_styleComponent = __esm({
   "components/styleComponent/default/styleComponent.tsx"() {
     "use strict";
     import_trilogy = require("@trilogy-ds/styles/dist/default/trilogy.css");
-    import_react2 = __toESM(require("react"));
+    import_react5 = __toESM(require("react"));
     StyleComponent = ({ children }) => {
-      return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, children);
+      return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, children);
     };
     styleComponent_default = StyleComponent;
   }
@@ -73,43 +73,67 @@ __export(providerStyled_exports, {
   TrilogyProviderStyled: () => TrilogyProviderStyled
 });
 module.exports = __toCommonJS(providerStyled_exports);
-var React4 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 
 // version.json
 var version_default = {
   VERSION: "410"
 };
 
-// context/index.tsx
+// context/context/index.tsx
 var React = __toESM(require("react"));
 var TrilogyContext = React.createContext({
   styled: false,
   setStyled: () => void 0
 });
 
+// context/provider/index.tsx
+var import_react = __toESM(require("react"));
+
+// context/providerStates/index.ts
+var import_react2 = require("react");
+var StatesContext = (0, import_react2.createContext)({
+  inverted: false,
+  active: false,
+  flat: false
+});
+
+// context/providerTheme/index.tsx
+var import_react3 = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react3.default.createContext(defaultContextValue);
+
 // context/providerStyled/index.tsx
 var TrilogyProviderStyled = ({
   children,
   theme = "default",
   hash: HASH = version_default.VERSION
 }) => {
-  const [styled, setStyled] = React4.useState(false);
-  const [hash, setHash] = React4.useState(HASH);
-  const StyleComponent2 = React4.useMemo(() => {
+  const [styled, setStyled] = React6.useState(false);
+  const [hash, setHash] = React6.useState(HASH);
+  const StyleComponent2 = React6.useMemo(() => {
     switch (true) {
       case (theme === "mangled" && hash === version_default.VERSION):
         setStyled(true);
-        return React4.lazy(() => Promise.resolve().then(() => (init_styleComponentMangled(), styleComponentMangled_exports)));
+        return React6.lazy(() => Promise.resolve().then(() => (init_styleComponentMangled(), styleComponentMangled_exports)));
       case (theme === "mangled" && hash !== version_default.VERSION):
         setStyled(true);
         return void 0;
       case theme === "default":
-        return React4.lazy(() => Promise.resolve().then(() => (init_styleComponent(), styleComponent_exports)));
+        return React6.lazy(() => Promise.resolve().then(() => (init_styleComponent(), styleComponent_exports)));
       default:
         return void 0;
     }
   }, [theme, hash]);
-  return /* @__PURE__ */ React4.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, StyleComponent2 ? /* @__PURE__ */ React4.createElement(React4.Suspense, { fallback: null }, /* @__PURE__ */ React4.createElement(StyleComponent2, null, children)) : children);
+  return /* @__PURE__ */ React6.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, StyleComponent2 ? /* @__PURE__ */ React6.createElement(React6.Suspense, { fallback: null }, /* @__PURE__ */ React6.createElement(StyleComponent2, null, children)) : children);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/context/providerStyled/index.mjs

@@ -1,37 +1,12 @@
 "use client";
 import {
-  version_default
-} from "../../chunk-KYCWE6NL.mjs";
-import {
-  TrilogyContext
-} from "../../chunk-ZB4OWTDD.mjs";
+  TrilogyProviderStyled
+} from "../../chunk-PMNL6QAW.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-XUTWIHGC.mjs";
+import "../../chunk-6IKR6FTJ.mjs";
+import "../../chunk-ZETKJIUV.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
-
-// context/providerStyled/index.tsx
-import * as React from "react";
-var TrilogyProviderStyled = ({
-  children,
-  theme = "default",
-  hash: HASH = version_default.VERSION
-}) => {
-  const [styled, setStyled] = React.useState(false);
-  const [hash, setHash] = React.useState(HASH);
-  const StyleComponent = React.useMemo(() => {
-    switch (true) {
-      case (theme === "mangled" && hash === version_default.VERSION):
-        setStyled(true);
-        return React.lazy(() => import("../../components/styleComponent/mangled/styleComponentMangled.mjs"));
-      case (theme === "mangled" && hash !== version_default.VERSION):
-        setStyled(true);
-        return void 0;
-      case theme === "default":
-        return React.lazy(() => import("../../components/styleComponent/default/styleComponent.mjs"));
-      default:
-        return void 0;
-    }
-  }, [theme, hash]);
-  return /* @__PURE__ */ React.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, StyleComponent ? /* @__PURE__ */ React.createElement(React.Suspense, { fallback: null }, /* @__PURE__ */ React.createElement(StyleComponent, null, children)) : children);
-};
 export {
   TrilogyProviderStyled
 };

package/lib/context/providerStyled/index.native.mjs

@@ -1,10 +1,8 @@
 "use client";
+import {
+  TrilogyProviderStyled
+} from "../../chunk-RTX3I6ZK.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
-
-// context/providerStyled/index.native.tsx
-var TrilogyProviderStyled = ({ children }) => {
-  return children;
-};
 export {
   TrilogyProviderStyled
 };

package/lib/context/test/provider.test.js

@@ -1049,7 +1049,7 @@ var require_react_is_development = __commonJS({
         var Portal = REACT_PORTAL_TYPE;
         var Profiler = REACT_PROFILER_TYPE;
         var StrictMode2 = REACT_STRICT_MODE_TYPE;
-        var Suspense = REACT_SUSPENSE_TYPE;
+        var Suspense2 = REACT_SUSPENSE_TYPE;
         var hasWarnedAboutDeprecatedIsAsyncMode = false;
         var hasWarnedAboutDeprecatedIsConcurrentMode = false;
         function isAsyncMode(object) {
@@ -1113,7 +1113,7 @@ var require_react_is_development = __commonJS({
         exports2.Portal = Portal;
         exports2.Profiler = Profiler;
         exports2.StrictMode = StrictMode2;
-        exports2.Suspense = Suspense;
+        exports2.Suspense = Suspense2;
         exports2.isAsyncMode = isAsyncMode;
         exports2.isConcurrentMode = isConcurrentMode;
         exports2.isContextConsumer = isContextConsumer;
@@ -12796,7 +12796,7 @@ var require_lz_string = __commonJS({
 });
 
 // context/test/provider.test.tsx
-var import_react2 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 
 // ../../node_modules/@testing-library/react/dist/@testing-library/react.esm.js
 var React = __toESM(require("react"));
@@ -16438,23 +16438,47 @@ if (typeof process === "undefined" || !((_a = process.env) == null ? void 0 : _a
 }
 
 // context/provider/index.tsx
-var import_react = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 
 // version.ts
-var version = "0.0.23-esm-cjs";
+var version = "0.0.25-esm-cjs";
 
 // version.json
 var version_default = {
   VERSION: "410"
 };
 
-// context/index.tsx
+// context/context/index.tsx
 var React2 = __toESM(require("react"));
 var TrilogyContext = React2.createContext({
   styled: false,
   setStyled: () => void 0
 });
 
+// context/providerStates/index.ts
+var import_react = require("react");
+var StatesContext = (0, import_react.createContext)({
+  inverted: false,
+  active: false,
+  flat: false
+});
+
+// context/providerStyled/index.tsx
+var React3 = __toESM(require("react"));
+
+// context/providerTheme/index.tsx
+var import_react2 = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react2.default.createContext(defaultContextValue);
+
 // context/provider/index.tsx
 var getHrefFromAssetUri = (assetUrl, theme, mangled) => {
   return assetUrl.replace("%VERSION%", version).replace("%THEME%", theme).replace("%MANGLED%", mangled ? "-mangled" : "");
@@ -16476,19 +16500,19 @@ var TrilogyProvider = ({
   hash: HASH = version_default.VERSION,
   assetUrl = ""
 }) => {
-  const [styled, setStyled] = import_react.default.useState(mangled);
-  const [hash, setHash] = import_react.default.useState(HASH);
-  (0, import_react.useLayoutEffect)(() => {
+  const [styled, setStyled] = import_react3.default.useState(mangled);
+  const [hash, setHash] = import_react3.default.useState(HASH);
+  (0, import_react3.useLayoutEffect)(() => {
     injectTrilogyAssets && injectTrilogy(mangled, id, theme, assetUrl);
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, children);
+  return /* @__PURE__ */ import_react3.default.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, children);
 };
 
 // context/test/provider.test.tsx
 describe("TrilogyProvider", () => {
   it("should render children", () => {
     const { getByText: getByText2 } = render(
-      /* @__PURE__ */ import_react2.default.createElement(TrilogyProvider, null, /* @__PURE__ */ import_react2.default.createElement("div", null, "Test Child"))
+      /* @__PURE__ */ import_react4.default.createElement(TrilogyProvider, null, /* @__PURE__ */ import_react4.default.createElement("div", null, "Test Child"))
     );
     const childElement = getByText2(/Test Child/i);
     expect(childElement).toBeInTheDocument();
@@ -16496,7 +16520,7 @@ describe("TrilogyProvider", () => {
   it("should render children with the initial styled state", () => {
     const testStyledState = true;
     const { getByTestId: getByTestId2 } = render(
-      /* @__PURE__ */ import_react2.default.createElement(TrilogyProvider, { mangled: true }, /* @__PURE__ */ import_react2.default.createElement(TrilogyContext.Consumer, null, ({ styled }) => /* @__PURE__ */ import_react2.default.createElement("div", { "data-testid": "styled-state" }, styled.toString())))
+      /* @__PURE__ */ import_react4.default.createElement(TrilogyProvider, { mangled: true }, /* @__PURE__ */ import_react4.default.createElement(TrilogyContext.Consumer, null, ({ styled }) => /* @__PURE__ */ import_react4.default.createElement("div", { "data-testid": "styled-state" }, styled.toString())))
     );
     const styledState = getByTestId2("styled-state");
     expect(styledState).toHaveTextContent(testStyledState.toString());
@@ -16506,7 +16530,7 @@ describe("TrilogyProvider", () => {
   }
   it("should append link tag with the good version", () => {
     render(
-      /* @__PURE__ */ import_react2.default.createElement(TrilogyProvider, { injectTrilogyAssets: true }, /* @__PURE__ */ import_react2.default.createElement(TrilogyContext.Consumer, null, () => /* @__PURE__ */ import_react2.default.createElement("div", null, "test")))
+      /* @__PURE__ */ import_react4.default.createElement(TrilogyProvider, { injectTrilogyAssets: true }, /* @__PURE__ */ import_react4.default.createElement(TrilogyContext.Consumer, null, () => /* @__PURE__ */ import_react4.default.createElement("div", null, "test")))
     );
     const headerLink = getLink();
     expect(headerLink).toBeDefined();

package/lib/context/test/provider.test.mjs

@@ -1,12 +1,13 @@
 "use client";
 import {
   TrilogyProvider
-} from "../../chunk-2BQXWN3R.mjs";
-import "../../chunk-KYCWE6NL.mjs";
-import "../../chunk-ILTCTVY7.mjs";
+} from "../../chunk-PMNL6QAW.mjs";
+import "../../chunk-P372ZF3A.mjs";
 import {
   TrilogyContext
-} from "../../chunk-ZB4OWTDD.mjs";
+} from "../../chunk-XUTWIHGC.mjs";
+import "../../chunk-6IKR6FTJ.mjs";
+import "../../chunk-ZETKJIUV.mjs";
 import {
   __commonJS,
   __require,

package/lib/helpers/hashClassesHelpers/index.js

@@ -35,7 +35,7 @@ __export(hashClassesHelpers_exports, {
 });
 module.exports = __toCommonJS(hashClassesHelpers_exports);
 
-// context/index.tsx
+// context/context/index.tsx
 var React = __toESM(require("react"));
 var TrilogyContext = React.createContext({
   styled: false,
@@ -49,6 +49,33 @@ var useTrilogyContext = () => {
   return context;
 };
 
+// context/provider/index.tsx
+var import_react = __toESM(require("react"));
+
+// context/providerStates/index.ts
+var import_react2 = require("react");
+var StatesContext = (0, import_react2.createContext)({
+  inverted: false,
+  active: false,
+  flat: false
+});
+
+// context/providerStyled/index.tsx
+var React3 = __toESM(require("react"));
+
+// context/providerTheme/index.tsx
+var import_react3 = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react3.default.createContext(defaultContextValue);
+
 // helpers/hashClassesHelpers/index.tsx
 var hashClass = (addHash = false, classes) => {
   const { hash, styled } = useTrilogyContext();

package/lib/helpers/hashClassesHelpers/index.mjs

@@ -1,8 +1,12 @@
 "use client";
 import {
   hashClass
-} from "../../chunk-UFMRE754.mjs";
-import "../../chunk-ZB4OWTDD.mjs";
+} from "../../chunk-AEBY6HDR.mjs";
+import "../../chunk-PMNL6QAW.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-XUTWIHGC.mjs";
+import "../../chunk-6IKR6FTJ.mjs";
+import "../../chunk-ZETKJIUV.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   hashClass