@nayhoo/ui 0.11.1 → 0.13.0

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,22 +247,37 @@ function pick(obj, ...keys) {
   return ret;
 }
 
+// src/utils/get-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/dist/createRuntimeFn");
+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: [], 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;
+  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: [] };
+  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