@cyclone-ui/state 0.0.12 → 0.0.14

package/dist/theme/molecules/theme-molecule.cjs

@@ -1 +1,14 @@
-const e=require("../../base/utilities/create-molecule.cjs");let t=require("jotai/utils"),n=require("jotai");const r=e.createMoleculeApi(()=>({items:(0,n.atom)([`light`,`dark`]),mode:(0,t.atomWithReset)(`dark`)}),{type:`theme`});exports.ThemeApi=r;
+const require_create_molecule = require("../../base/utilities/create-molecule.cjs");
+let jotai_utils = require("jotai/utils");
+let jotai = require("jotai");
+
+//#region src/theme/molecules/theme-molecule.ts
+const ThemeApi = require_create_molecule.createMoleculeApi(() => {
+	return {
+		items: (0, jotai.atom)(["light", "dark"]),
+		mode: (0, jotai_utils.atomWithReset)("dark")
+	};
+}, { type: "theme" });
+
+//#endregion
+exports.ThemeApi = ThemeApi;

package/dist/theme/molecules/theme-molecule.mjs

@@ -1,2 +1,15 @@
-import{createMoleculeApi as e}from"../../base/utilities/create-molecule.mjs";import{atomWithReset as t}from"jotai/utils";import{atom as n}from"jotai";const r=e(()=>({items:n([`light`,`dark`]),mode:t(`dark`)}),{type:`theme`});export{r as ThemeApi};
+import { createMoleculeApi } from "../../base/utilities/create-molecule.mjs";
+import { atomWithReset } from "jotai/utils";
+import { atom } from "jotai";
+
+//#region src/theme/molecules/theme-molecule.ts
+const ThemeApi = createMoleculeApi(() => {
+	return {
+		items: atom(["light", "dark"]),
+		mode: atomWithReset("dark")
+	};
+}, { type: "theme" });
+
+//#endregion
+export { ThemeApi };
 //# sourceMappingURL=theme-molecule.mjs.map

package/dist/theme/molecules/theme-molecule.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-molecule.mjs","names":["ThemeApi","createMoleculeApi","atom","atomWithReset"],"sources":[],"mappings":""}
+{"version":3,"file":"theme-molecule.mjs","names":[],"sources":[],"mappings":""}

package/dist/theme/providers/ThemeProvider.cjs

@@ -1,5 +1,30 @@
-const e=require("../molecules/theme-molecule.cjs");let t=require("react"),n=require("@tamagui/core");const r=({children:t,disableInjectCSS:r=!0,...i})=>{let a=e.ThemeApi.use().mode.get();return<n.TamaguiProvider{...i} defaultTheme={a} disableInjectCSS={r}>
-      {t}
-    </n.TamaguiProvider>},i=[`light`,`dark`],a=({children:n,defaultMode:a=`dark`,items:o=i,...s})=>{let c=(0,t.useMemo)(()=>{if(typeof window<`u`&&window.matchMedia){if(window.matchMedia(`(prefers-color-scheme: light)`).matches)return`light`;if(window.matchMedia(`(prefers-color-scheme: dark)`).matches)return`dark`}return a},[a]);return<e.ThemeApi.Provider scope="theme" initialState={{mode:c,items:o}}>
-      <r{...s}>{n}</r>
-    </e.ThemeApi.Provider>};exports.ThemeProvider=a;
+const require_theme_molecule = require("../molecules/theme-molecule.cjs");
+let react = require("react");
+let _tamagui_core = require("@tamagui/core");
+
+//#region src/theme/providers/ThemeProvider.tsx
+const ThemeStateManager = ({ children, disableInjectCSS = true, ...props }) => {
+	const mode = require_theme_molecule.ThemeApi.use().mode.get();
+	return <_tamagui_core.TamaguiProvider {...props} defaultTheme={mode} disableInjectCSS={disableInjectCSS}>
+      {children}
+    </_tamagui_core.TamaguiProvider>;
+};
+const DEFAULT_ITEMS = ["light", "dark"];
+const ThemeProvider = ({ children, defaultMode = "dark", items = DEFAULT_ITEMS, ...props }) => {
+	const mode = (0, react.useMemo)(() => {
+		if (typeof window !== "undefined" && window.matchMedia) {
+			if (window.matchMedia("(prefers-color-scheme: light)").matches) return "light";
+			if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
+		}
+		return defaultMode;
+	}, [defaultMode]);
+	return <require_theme_molecule.ThemeApi.Provider scope="theme" initialState={{
+		mode,
+		items
+	}}>
+      <ThemeStateManager {...props}>{children}</ThemeStateManager>
+    </require_theme_molecule.ThemeApi.Provider>;
+};
+
+//#endregion
+exports.ThemeProvider = ThemeProvider;

package/dist/theme/providers/ThemeProvider.mjs

@@ -1,6 +1,31 @@
-import{ThemeApi as e}from"../molecules/theme-molecule.mjs";import{useMemo as t}from"react";import{TamaguiProvider as n}from"@tamagui/core";const r=({children:t,disableInjectCSS:r=!0,...i})=>{let a=e.use().mode.get();return<n{...i} defaultTheme={a} disableInjectCSS={r}>
-      {t}
-    </n>},i=[`light`,`dark`],a=({children:n,defaultMode:a=`dark`,items:o=i,...s})=>{let c=t(()=>{if(typeof window<`u`&&window.matchMedia){if(window.matchMedia(`(prefers-color-scheme: light)`).matches)return`light`;if(window.matchMedia(`(prefers-color-scheme: dark)`).matches)return`dark`}return a},[a]);return<e.Provider scope="theme" initialState={{mode:c,items:o}}>
-      <r{...s}>{n}</r>
-    </e.Provider>};export{a as ThemeProvider};
+import { ThemeApi } from "../molecules/theme-molecule.mjs";
+import { useMemo } from "react";
+import { TamaguiProvider } from "@tamagui/core";
+
+//#region src/theme/providers/ThemeProvider.tsx
+const ThemeStateManager = ({ children, disableInjectCSS = true, ...props }) => {
+	const mode = ThemeApi.use().mode.get();
+	return <TamaguiProvider {...props} defaultTheme={mode} disableInjectCSS={disableInjectCSS}>
+      {children}
+    </TamaguiProvider>;
+};
+const DEFAULT_ITEMS = ["light", "dark"];
+const ThemeProvider = ({ children, defaultMode = "dark", items = DEFAULT_ITEMS, ...props }) => {
+	const mode = useMemo(() => {
+		if (typeof window !== "undefined" && window.matchMedia) {
+			if (window.matchMedia("(prefers-color-scheme: light)").matches) return "light";
+			if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
+		}
+		return defaultMode;
+	}, [defaultMode]);
+	return <ThemeApi.Provider scope="theme" initialState={{
+		mode,
+		items
+	}}>
+      <ThemeStateManager {...props}>{children}</ThemeStateManager>
+    </ThemeApi.Provider>;
+};
+
+//#endregion
+export { ThemeProvider };
 //# sourceMappingURL=ThemeProvider.mjs.map

package/dist/theme/providers/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["ThemeStateManager","props","mode","ThemeApi","TamaguiProvider","disableInjectCSS","children","DEFAULT_ITEMS","ThemeProvider","useMemo","defaultMode"],"sources":[],"mappings":""}
+{"version":3,"file":"ThemeProvider.mjs","names":[],"sources":[],"mappings":""}

package/dist/theme/utilities/theme-helpers.cjs

@@ -1 +1,71 @@
-const e=e=>{if(e){if(e.includes(`base`))return`base`;if(e.includes(`brand`))return`brand`;if(e.includes(`discovery`))return`discovery`;if(e.includes(`info`))return`info`;if(e.includes(`warning`))return`warning`;if(e.includes(`danger`))return`danger`;if(e.includes(`success`))return`success`;if(e.includes(`positive`))return`positive`;if(e.includes(`negative`))return`negative`}},t=t=>!!e(t);exports.getThemeColorThemeName=e,exports.themeColorThemeNameExists=t;
+//#region src/theme/utilities/theme-helpers.ts
+/**
+* Get the color role scheme for the current theme name
+*
+* @example
+* getThemeColorThemeName('dark') // undefined
+* getThemeColorThemeName('dark_Input') // undefined
+* getThemeColorThemeName('dark_base_Input') // "base"
+* getThemeColorThemeName('dark_brand_Input') // "brand"
+*
+* @remarks
+* The following color roles are checked:
+* - base
+* - secondary
+* - brand
+* - discovery
+* - info
+* - warning
+* - danger
+* - success
+* - positive
+* - negative
+*
+* @param theme - The theme name
+* @returns The color role scheme for the theme name or undefined
+*/
+const getThemeColorThemeName = (theme) => {
+	if (theme) {
+		if (theme.includes("base")) return "base";
+		else if (theme.includes("brand")) return "brand";
+		else if (theme.includes("discovery")) return "discovery";
+		else if (theme.includes("info")) return "info";
+		else if (theme.includes("warning")) return "warning";
+		else if (theme.includes("danger")) return "danger";
+		else if (theme.includes("success")) return "success";
+		else if (theme.includes("positive")) return "positive";
+		else if (theme.includes("negative")) return "negative";
+	}
+};
+/**
+* Check if a color role scheme is set for the current theme name
+*
+* @example
+* themeColorThemeNameExists('dark') // false
+* themeColorThemeNameExists('dark_Input') // false
+* themeColorThemeNameExists('dark_base_Input') // true
+* themeColorThemeNameExists('dark_brand_Input') // true
+*
+* @remarks
+* The following color roles are checked:
+* - base
+* - secondary
+* - brand
+* - discovery
+* - info
+* - warning
+* - danger
+* - success
+* - positive
+* - negative
+*
+* @param theme - The theme name
+* @returns An indication if a theme color scheme is set
+*/
+const themeColorThemeNameExists = (theme) => {
+	return Boolean(getThemeColorThemeName(theme));
+};
+
+//#endregion
+exports.getThemeColorThemeName = getThemeColorThemeName;
+exports.themeColorThemeNameExists = themeColorThemeNameExists;

package/dist/theme/utilities/theme-helpers.mjs

@@ -1,2 +1,71 @@
-const e=e=>{if(e){if(e.includes(`base`))return`base`;if(e.includes(`brand`))return`brand`;if(e.includes(`discovery`))return`discovery`;if(e.includes(`info`))return`info`;if(e.includes(`warning`))return`warning`;if(e.includes(`danger`))return`danger`;if(e.includes(`success`))return`success`;if(e.includes(`positive`))return`positive`;if(e.includes(`negative`))return`negative`}},t=t=>!!e(t);export{e as getThemeColorThemeName,t as themeColorThemeNameExists};
+//#region src/theme/utilities/theme-helpers.ts
+/**
+* Get the color role scheme for the current theme name
+*
+* @example
+* getThemeColorThemeName('dark') // undefined
+* getThemeColorThemeName('dark_Input') // undefined
+* getThemeColorThemeName('dark_base_Input') // "base"
+* getThemeColorThemeName('dark_brand_Input') // "brand"
+*
+* @remarks
+* The following color roles are checked:
+* - base
+* - secondary
+* - brand
+* - discovery
+* - info
+* - warning
+* - danger
+* - success
+* - positive
+* - negative
+*
+* @param theme - The theme name
+* @returns The color role scheme for the theme name or undefined
+*/
+const getThemeColorThemeName = (theme) => {
+	if (theme) {
+		if (theme.includes("base")) return "base";
+		else if (theme.includes("brand")) return "brand";
+		else if (theme.includes("discovery")) return "discovery";
+		else if (theme.includes("info")) return "info";
+		else if (theme.includes("warning")) return "warning";
+		else if (theme.includes("danger")) return "danger";
+		else if (theme.includes("success")) return "success";
+		else if (theme.includes("positive")) return "positive";
+		else if (theme.includes("negative")) return "negative";
+	}
+};
+/**
+* Check if a color role scheme is set for the current theme name
+*
+* @example
+* themeColorThemeNameExists('dark') // false
+* themeColorThemeNameExists('dark_Input') // false
+* themeColorThemeNameExists('dark_base_Input') // true
+* themeColorThemeNameExists('dark_brand_Input') // true
+*
+* @remarks
+* The following color roles are checked:
+* - base
+* - secondary
+* - brand
+* - discovery
+* - info
+* - warning
+* - danger
+* - success
+* - positive
+* - negative
+*
+* @param theme - The theme name
+* @returns An indication if a theme color scheme is set
+*/
+const themeColorThemeNameExists = (theme) => {
+	return Boolean(getThemeColorThemeName(theme));
+};
+
+//#endregion
+export { getThemeColorThemeName, themeColorThemeNameExists };
 //# sourceMappingURL=theme-helpers.mjs.map

package/dist/theme/utilities/theme-helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-helpers.mjs","names":["getThemeColorThemeName","theme","themeColorThemeNameExists"],"sources":[],"mappings":""}
+{"version":3,"file":"theme-helpers.mjs","names":[],"sources":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyclone-ui/state",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "description": "A state management package used to handle state in Storm Software applications.",
   "repository": {
@@ -123,16 +123,16 @@
     "@stryke/type-checks": "^0.6.49",
     "@stryke/types": "^0.12.44",
     "@stryke/unique-id": "^0.3.129",
-    "@tamagui/core": "3.0.0-beta.1422.1",
-    "@tamagui/portal": "3.0.0-beta.1422.1",
-    "@tamagui/toast": "3.0.0-beta.1422.1",
+    "@tamagui/core": "3.0.2",
+    "@tamagui/portal": "3.0.2",
+    "@tamagui/toast": "3.0.2",
     "bunshi": "^2.2.0",
     "jotai-optics": "^0.4.0",
     "maska": "^3.2.2",
     "optics-ts": "^2.4.1",
     "react-native-safe-area-context": "^4.14.1",
     "valibot": "^0.42.1",
-    "@cyclone-ui/helpers": "0.3.11"
+    "@cyclone-ui/helpers": "0.3.13"
   },
   "devDependencies": {
     "@powerlines/plugin-tsdown": "^0.1.615",
@@ -143,5 +143,5 @@
   },
   "publishConfig": { "access": "public" },
   "module": "./dist/index.mjs",
-  "gitHead": "394fbc8f564ba966872485af47d3afcac07dacf0"
+  "gitHead": "0ca271e05c31b584a9c66598769cd2a0c432edf8"
 }