@nayhoo/ui 0.10.1 → 0.11.0

package/dist/providers/index.js

@@ -166,6 +166,7 @@ var ThemeScript = React.memo(
     const scriptArgs = JSON.stringify([
       storageKey,
       defaultTheme,
+      systemThemes,
       classes
     ]).slice(1, -1);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -197,23 +198,28 @@ var getSystemTheme = (e) => {
   return systemTheme;
 };
 var isTheme = (value) => themes.some((theme) => theme === value);
-var isSystemTheme = (value) => systemThemes.some((theme) => theme === value);
-var script = () => {
+var script = (storageKey2, defaultTheme2, systemThemes2, classes2) => {
   const el = document.documentElement;
   function updateDOM(theme) {
-    el.classList.remove(...Object.values(classes));
-    el.classList.add(classes[theme]);
+    el.classList.remove(...Object.values(classes2));
+    el.classList.add(classes2[theme]);
     setColorScheme(theme);
   }
   function setColorScheme(theme) {
-    if (systemThemes.some((systemTheme) => systemTheme === theme)) {
+    if (systemThemes2.some((systemTheme) => systemTheme === theme)) {
       el.style.colorScheme = theme;
     }
   }
+  function getSystemTheme2() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  function isSystemTheme(value) {
+    return systemThemes2.some((theme) => theme === value);
+  }
   try {
-    const themeName = localStorage.getItem(storageKey) || defaultTheme;
+    const themeName = localStorage.getItem(storageKey2) || defaultTheme2;
     const isSystem = themeName === "system";
-    const theme = isSystem || !isSystemTheme(themeName) ? getSystemTheme() : themeName;
+    const theme = isSystem || !isSystemTheme(themeName) ? getSystemTheme2() : themeName;
     updateDOM(theme);
   } catch (e) {
   }
@@ -249,8 +255,12 @@ var Spinner = ({ asChild, ...props }) => {
 };
 
 // src/theme/recipes/button.css.ts
-var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
-var buttonRecipe = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "button_buttonRecipe__hi3ya00", variantClassNames: { fullWidth: { true: "button_buttonRecipe_fullWidth_true__hi3ya01" }, loading: { true: "button_buttonRecipe_loading_true__hi3ya02" }, size: { "1": "button_buttonRecipe_size_1__hi3ya03", "2": "button_buttonRecipe_size_2__hi3ya04", "3": "button_buttonRecipe_size_3__hi3ya05" }, variant: { primary: "button_buttonRecipe_variant_primary__hi3ya06", secondary: "button_buttonRecipe_variant_secondary__hi3ya07", outline: "button_buttonRecipe_variant_outline__hi3ya08", ghost: "button_buttonRecipe_variant_ghost__hi3ya09", error: "button_buttonRecipe_variant_error__hi3ya0a", success: "button_buttonRecipe_variant_success__hi3ya0b" }, round: { true: "button_buttonRecipe_round_true__hi3ya0c" } }, defaultVariants: { size: "2", variant: "primary" }, compoundVariants: [] });
+var import_createRuntimeFn2 = require("homemade-recipes/dist/createRuntimeFn");
+var buttonRecipe = (0, import_createRuntimeFn2.createRuntimeFn)(function() {
+  var x = { defaultClassName: "button__hi3ya00", variantClassNames: { fullWidth: { true: "button_fullWidth_true__hi3ya01" }, loading: { true: "button_loading_true__hi3ya02" }, size: { "1": "button_size_1__hi3ya03", "2": "button_size_2__hi3ya04", "3": "button_size_3__hi3ya05" }, variant: { primary: "button_variant_primary__hi3ya06", secondary: "button_variant_secondary__hi3ya07", outline: "button_variant_outline__hi3ya08", ghost: "button_variant_ghost__hi3ya09", error: "button_variant_error__hi3ya0a", success: "button_variant_success__hi3ya0b" }, round: { true: "button_round_true__hi3ya0c" } }, defaultVariants: { size: "2", variant: "primary" }, compoundVariants: [], responsiveVariants: { initial: void 0, sm: { fullWidth: { true: "button_fullWidth_true_sm__hi3ya0d" }, loading: { true: "button_loading_true_sm__hi3ya0e" }, size: { "1": "button_size_1_sm__hi3ya0f", "2": "button_size_2_sm__hi3ya0g", "3": "button_size_3_sm__hi3ya0h" }, variant: { primary: "button_variant_primary_sm__hi3ya0i", secondary: "button_variant_secondary_sm__hi3ya0j", outline: "button_variant_outline_sm__hi3ya0k", ghost: "button_variant_ghost_sm__hi3ya0l", error: "button_variant_error_sm__hi3ya0m", success: "button_variant_success_sm__hi3ya0n" }, round: { true: "button_round_true_sm__hi3ya0o" } } }, conditionNames: ["sm"] };
+  x.responsiveVariants.initial = x.variantClassNames;
+  return x;
+}());
 
 // src/components/button.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");