@nayhoo/ui 0.9.6 → 0.10.0

package/dist/components/select.js

@@ -458,15 +458,10 @@ __export(select_exports, {
   SelectItem: () => SelectItem2,
   SelectLabel: () => SelectLabel2,
   SelectSeparator: () => SelectSeparator2,
-  SelectTrigger: () => SelectTrigger2,
-  SelectViewport: () => SelectViewport2
+  SelectTrigger: () => SelectTrigger2
 });
 module.exports = __toCommonJS(select_exports);
 
-// src/theme/recipes/button.css.ts
-var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var buttonRecipe = (0, import_createRuntimeFn.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: [] });
-
 // src/theme/styles/menu.css.ts
 var menu = "menu_menu__xx6ngy3";
 var menuItem = "menu_menuItem__xx6ngy1 menu_baseMenuItem__xx6ngy0";
@@ -481,15 +476,6 @@ function mergeClasses(...classes) {
   return classes.filter((cls) => Boolean(cls)).join(" ");
 }
 
-// src/utils/pick.ts
-function pick(obj, ...keys) {
-  const ret = {};
-  keys.forEach((key) => {
-    ret[key] = obj[key];
-  });
-  return ret;
-}
-
 // ../../node_modules/.pnpm/@radix-ui+react-select@2.1.6_@types+react-dom@19.0.3_@types+react@19.0.2__@types+react@19.0.2_l4lvdbxe77do27frg2tyhhjo7i/node_modules/@radix-ui/react-select/dist/index.mjs
 var React28 = __toESM(require("react"), 1);
 var ReactDOM4 = __toESM(require_react_dom(), 1);
@@ -5480,51 +5466,93 @@ var Separator = SelectSeparator;
 
 // src/components/select.tsx
 var import_react_icons = require("@radix-ui/react-icons");
+
+// src/theme/recipes/spinner.css.ts
+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/pick.ts
+function pick(obj, ...keys) {
+  const ret = {};
+  keys.forEach((key) => {
+    ret[key] = obj[key];
+  });
+  return ret;
+}
+
+// src/components/spinner.tsx
+var import_react_slot4 = require("@radix-ui/react-slot");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var Select2 = Root22;
-var SelectTrigger2 = ({
-  placeholder,
-  variant = "outline",
-  ...props
-}) => {
-  const button = buttonRecipe(
-    pick({ variant, ...props }, ...buttonRecipe.variants())
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    Trigger,
+var defaultElement = "div";
+var Spinner = ({ asChild, ...props }) => {
+  const variants = pick(props, ...spinnerRecipe.variants());
+  const spinner = spinnerRecipe(variants);
+  const Comp = asChild ? import_react_slot4.Slot : defaultElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ...props, className: mergeClasses(spinner, props.className), children: props.children });
+};
+
+// 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: [] });
+
+// src/components/button.tsx
+var import_react_slot5 = require("@radix-ui/react-slot");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var defaultElement2 = "button";
+var Button = ({ asChild, ...props }) => {
+  const variants = pick(props, ...buttonRecipe.variants());
+  const button = buttonRecipe(variants);
+  const Comp = asChild ? import_react_slot5.Slot : defaultElement2;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    Comp,
     {
       ...props,
       className: mergeClasses(button, props.className),
+      disabled: props.disabled || Boolean(variants.loading),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Value, { placeholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { style: { marginLeft: 5 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_icons.ChevronDownIcon, {}) })
+        props.children,
+        variants.loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { style: { position: "absolute" } })
       ]
     }
   );
 };
-var SelectContent2 = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Portal2, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+
+// src/components/select.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Select2 = Root22;
+var SelectTrigger2 = ({
+  placeholder,
+  variant = "outline",
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Trigger, { ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Button, { variant, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Value, { placeholder }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { style: { marginLeft: 5 }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_icons.ChevronDownIcon, {}) })
+  ] }) });
+};
+var SelectContent2 = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Portal2, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Content2,
     {
       ...props,
-      className: mergeClasses(menu, panel, props.className)
+      className: mergeClasses(menu, panel, props.className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Viewport, { children })
     }
   ) });
 };
 var SelectItem2 = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Item,
     {
       ...props,
       className: mergeClasses(menuItem, props.className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ItemText, { children: props.children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ItemText, { children: props.children })
     }
   );
 };
-var SelectViewport2 = Viewport;
 var SelectGroup2 = Group;
 var SelectLabel2 = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Label,
     {
       ...props,
@@ -5534,7 +5562,7 @@ var SelectLabel2 = ({ ...props }) => {
   );
 };
 var SelectSeparator2 = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Separator,
     {
       ...props,
@@ -5551,8 +5579,7 @@ var SelectSeparator2 = ({ ...props }) => {
   SelectItem,
   SelectLabel,
   SelectSeparator,
-  SelectTrigger,
-  SelectViewport
+  SelectTrigger
 });
 /*! Bundled license information: