@nayhoo/ui 0.3.1 → 0.4.0

package/dist/providers/index.mjs

@@ -0,0 +1,33 @@
+import {
+  darkTheme,
+  lightTheme,
+  theme
+} from "../chunk-CI5TDSK3.mjs";
+
+// src/providers/theme-provider.tsx
+import { createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var defaultThemeMode = "light";
+var ThemeContext = createContext(defaultThemeMode);
+var ThemeProvider = ({
+  children,
+  themeMode = defaultThemeMode
+}) => {
+  const isDarkMode = themeMode === "dark";
+  return /* @__PURE__ */ jsx(ThemeContext, { value: themeMode, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: isDarkMode ? darkTheme : lightTheme,
+      style: {
+        backgroundColor: theme.semanticColors.background,
+        color: theme.semanticColors.backgroundTextContrast
+      },
+      children
+    }
+  ) });
+};
+export {
+  ThemeContext,
+  ThemeProvider
+};
+//# sourceMappingURL=index.mjs.map

package/dist/providers/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"sourcesContent":["import { theme } from \"@/theme-contracts/theme-contract.css\";\nimport { darkTheme } from \"@/themes/dark-theme.css\";\nimport { lightTheme } from \"@/themes/light-theme.css\";\nimport { ThemeMode } from \"@/types/theme-mode\";\nimport React, { createContext } from \"react\";\n\nconst defaultThemeMode: ThemeMode = \"light\";\n\nexport const ThemeContext = createContext<ThemeMode>(defaultThemeMode);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  themeMode?: ThemeMode;\n};\n\n/**\n * This component applies the theme css. It should preferably be used at the root of your component tree.\n */\nexport const ThemeProvider = ({\n  children,\n  themeMode = defaultThemeMode,\n}: ThemeProviderProps) => {\n  const isDarkMode = themeMode === \"dark\";\n\n  return (\n    <ThemeContext value={themeMode}>\n      <div\n        className={isDarkMode ? darkTheme : lightTheme}\n        style={{\n          backgroundColor: theme.semanticColors.background,\n          color: theme.semanticColors.backgroundTextContrast,\n        }}\n      >\n        {children}\n      </div>\n    </ThemeContext>\n  );\n};\n"],"mappings":";;;;;;;AAIA,SAAgB,qBAAqB;AAsB/B;AApBN,IAAM,mBAA8B;AAE7B,IAAM,eAAe,cAAyB,gBAAgB;AAU9D,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,YAAY;AACd,MAA0B;AACxB,QAAM,aAAa,cAAc;AAEjC,SACE,oBAAC,gBAAa,OAAO,WACnB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa,YAAY;AAAA,MACpC,OAAO;AAAA,QACL,iBAAiB,MAAM,eAAe;AAAA,QACtC,OAAO,MAAM,eAAe;AAAA,MAC9B;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nayhoo/ui",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "publishConfig": {
     "access": "public"
   },
@@ -36,6 +36,17 @@
     "rimraf": "~5.0.0",
     "typescript": "~5.3.3"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./css": "./dist/index.css",
+    "./providers": {
+      "types": "./dist/providers/index.d.ts",
+      "default": "./dist/providers/index.js"
+    }
+  },
   "scripts": {
     "build": "pnpm run clean && pnpm run compile",
     "clean": "rimraf ./dist",