@nayhoo/ui 0.12.1 → 0.14.0

package/dist/providers/index.d.mts

@@ -1,11 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as Theme, S as SystemTheme } from '../system-theme-BSCk6DG2.mjs';
 import * as react from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 
-type Theme = "light" | "dark" | "system";
-
-type SystemTheme = Exclude<Theme, "system">;
-
 interface ScriptProps extends react.DetailedHTMLProps<react.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> {
 }
 interface UseThemeProps {

package/dist/providers/index.d.ts

@@ -1,11 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as Theme, S as SystemTheme } from '../system-theme-BSCk6DG2.js';
 import * as react from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 
-type Theme = "light" | "dark" | "system";
-
-type SystemTheme = Exclude<Theme, "system">;
-
 interface ScriptProps extends react.DetailedHTMLProps<react.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> {
 }
 interface UseThemeProps {

package/dist/providers/index.js

@@ -229,9 +229,13 @@ var script = (storageKey2, defaultTheme2, systemThemes2, classes2) => {
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var spinnerRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "spinner_spinnerRecipe__15xzcy90", variantClassNames: { size: { "1": "spinner_spinnerRecipe_size_1__15xzcy91", "2": "spinner_spinnerRecipe_size_2__15xzcy92", "3": "spinner_spinnerRecipe_size_3__15xzcy93", "4": "spinner_spinnerRecipe_size_4__15xzcy94", "5": "spinner_spinnerRecipe_size_5__15xzcy95", "6": "spinner_spinnerRecipe_size_6__15xzcy96", "7": "spinner_spinnerRecipe_size_7__15xzcy97", "8": "spinner_spinnerRecipe_size_8__15xzcy98", "9": "spinner_spinnerRecipe_size_9__15xzcy99" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
 
-// src/utils/merge-classes.ts
-function mergeClasses(...classes2) {
-  return classes2.filter((cls) => Boolean(cls)).join(" ");
+// src/utils/omit.ts
+function omit(obj, ...keys) {
+  const ret = { ...obj };
+  keys.forEach((key) => {
+    delete ret[key];
+  });
+  return ret;
 }
 
 // src/utils/pick.ts
@@ -243,21 +247,36 @@ function pick(obj, ...keys) {
   return ret;
 }
 
+// src/utils/extract-variants.ts
+function extractVariantsFromProps(obj, ...keys) {
+  const variants = pick(obj, ...keys);
+  const rest = omit(obj, ...keys);
+  return [variants, rest];
+}
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes2) {
+  return classes2.filter((cls) => Boolean(cls)).join(" ");
+}
+
 // src/components/spinner.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultElement = "div";
 var Spinner = ({ asChild, ...props }) => {
-  const variants = pick(props, ...spinnerRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...spinnerRecipe.variants()
+  );
   const spinner = spinnerRecipe(variants);
   const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...props, className: mergeClasses(spinner, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...rest, className: mergeClasses(spinner, rest.className), children: rest.children });
 };
 
 // src/theme/recipes/button.css.ts
 var import_createRuntimeFn2 = require("homemade-recipes/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: [], responsiveVariantClassNames: { initial: void 0, sm: { fullWidth: { true: "button_fullWidth_sm_true__hi3ya0d" }, loading: { true: "button_loading_sm_true__hi3ya0e" }, size: { "1": "button_size_sm_1__hi3ya0f", "2": "button_size_sm_2__hi3ya0g", "3": "button_size_sm_3__hi3ya0h" }, variant: { primary: "button_variant_sm_primary__hi3ya0i", secondary: "button_variant_sm_secondary__hi3ya0j", outline: "button_variant_sm_outline__hi3ya0k", ghost: "button_variant_sm_ghost__hi3ya0l", error: "button_variant_sm_error__hi3ya0m", success: "button_variant_sm_success__hi3ya0n" }, round: { true: "button_round_sm_true__hi3ya0o" } } }, conditionNames: ["sm"], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
+  var x = { defaultClassName: "button__hi3ya00", variantClassNames: { fullWidth: { true: "button_fullWidth_true__hi3ya01", false: "button_fullWidth_false__hi3ya02" }, loading: { true: "button_loading_true__hi3ya03" }, size: { "1": "button_size_1__hi3ya04", "2": "button_size_2__hi3ya05", "3": "button_size_3__hi3ya06" }, variant: { primary: "button_variant_primary__hi3ya07", secondary: "button_variant_secondary__hi3ya08", outline: "button_variant_outline__hi3ya09", ghost: "button_variant_ghost__hi3ya0a", error: "button_variant_error__hi3ya0b", success: "button_variant_success__hi3ya0c" }, round: { true: "button_round_true__hi3ya0d" } }, defaultVariants: { size: "2", variant: "primary" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0, sm: { fullWidth: { true: "button_fullWidth_sm_true__hi3ya0e", false: "button_fullWidth_sm_false__hi3ya0f" }, loading: { true: "button_loading_sm_true__hi3ya0g" }, size: { "1": "button_size_sm_1__hi3ya0h", "2": "button_size_sm_2__hi3ya0i", "3": "button_size_sm_3__hi3ya0j" }, variant: { primary: "button_variant_sm_primary__hi3ya0k", secondary: "button_variant_sm_secondary__hi3ya0l", outline: "button_variant_sm_outline__hi3ya0m", ghost: "button_variant_sm_ghost__hi3ya0n", error: "button_variant_sm_error__hi3ya0o", success: "button_variant_sm_success__hi3ya0p" }, round: { true: "button_round_sm_true__hi3ya0q" } } }, conditionNames: ["sm"], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
   x.responsiveVariantClassNames.initial = x.variantClassNames;
   return x;
 }());
@@ -267,17 +286,20 @@ var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var defaultElement2 = "button";
 var Button = ({ asChild, ...props }) => {
-  const variants = pick(props, ...buttonRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...buttonRecipe.variants()
+  );
   const button = buttonRecipe(variants);
   const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     Comp,
     {
-      ...props,
-      className: mergeClasses(button, props.className),
-      disabled: props.disabled || Boolean(variants.loading),
+      ...rest,
+      className: mergeClasses(button, rest.className),
+      disabled: rest.disabled || Boolean(variants.loading),
       children: [
-        props.children,
+        rest.children,
         variants.loading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Spinner, { style: { position: "absolute" } })
       ]
     }
@@ -329,17 +351,20 @@ var import_react_slot4 = require("@radix-ui/react-slot");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var defaultElement3 = "button";
 var IconButton = ({ asChild, ...props }) => {
-  const variants = pick(props, ...iconButtonRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...iconButtonRecipe.variants()
+  );
   const iconButton = iconButtonRecipe(variants);
   const Comp = asChild ? import_react_slot4.Slot : defaultElement3;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     Comp,
     {
-      ...props,
-      className: mergeClasses(iconButton, props.className),
-      disabled: props.disabled || Boolean(variants.loading),
+      ...rest,
+      className: mergeClasses(iconButton, rest.className),
+      disabled: rest.disabled || Boolean(variants.loading),
       children: [
-        props.children,
+        rest.children,
         variants.loading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, { style: { position: "absolute" } })
       ]
     }
@@ -351,10 +376,13 @@ var import_react_slot5 = require("@radix-ui/react-slot");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var defaultElement4 = "span";
 var Text = ({ asChild, ...props }) => {
-  const variants = pick(props, ...textRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textRecipe.variants()
+  );
   const text = textRecipe(variants);
   const Comp = asChild ? import_react_slot5.Slot : defaultElement4;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Comp, { ...rest, className: mergeClasses(text, rest.className), children: rest.children });
 };
 
 // src/theme/styles/toast.css.ts