@nayhoo/ui 0.9.6 → 0.10.0

package/dist/components/select.mjs

@@ -1,19 +1,20 @@
 import {
-  buttonRecipe
-} from "../chunk-MDAIXJU2.mjs";
+  Button
+} from "../chunk-QMCIR3TI.mjs";
+import "../chunk-MDAIXJU2.mjs";
+import "../chunk-DC6VQ7BG.mjs";
+import "../chunk-QEBSZEY2.mjs";
 import {
   menu,
   menuItem,
   menuLabel,
   menuSeparator
-} from "../chunk-DERDJR33.mjs";
+} from "../chunk-XX6PQF7O.mjs";
 import {
   panel
 } from "../chunk-WUVNL3DI.mjs";
 import "../chunk-IFN22XIN.mjs";
-import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+import "../chunk-4N6P3Y54.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -5439,27 +5440,18 @@ var SelectTrigger2 = ({
   variant = "outline",
   ...props
 }) => {
-  const button = buttonRecipe(
-    pick({ variant, ...props }, ...buttonRecipe.variants())
-  );
-  return /* @__PURE__ */ jsxs2(
-    Trigger,
-    {
-      ...props,
-      className: mergeClasses(button, props.className),
-      children: [
-        /* @__PURE__ */ jsx12(Value, { placeholder }),
-        /* @__PURE__ */ jsx12(Icon, { style: { marginLeft: 5 }, children: /* @__PURE__ */ jsx12(ChevronDownIcon, {}) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx12(Trigger, { ...props, asChild: true, children: /* @__PURE__ */ jsxs2(Button, { variant, children: [
+    /* @__PURE__ */ jsx12(Value, { placeholder }),
+    /* @__PURE__ */ jsx12(Icon, { style: { marginLeft: 5 }, children: /* @__PURE__ */ jsx12(ChevronDownIcon, {}) })
+  ] }) });
 };
-var SelectContent2 = ({ ...props }) => {
+var SelectContent2 = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx12(Portal2, { children: /* @__PURE__ */ jsx12(
     Content2,
     {
       ...props,
-      className: mergeClasses(menu, panel, props.className)
+      className: mergeClasses(menu, panel, props.className),
+      children: /* @__PURE__ */ jsx12(Viewport, { children })
     }
   ) });
 };
@@ -5473,7 +5465,6 @@ var SelectItem2 = ({ ...props }) => {
     }
   );
 };
-var SelectViewport2 = Viewport;
 var SelectGroup2 = Group;
 var SelectLabel2 = ({ ...props }) => {
   return /* @__PURE__ */ jsx12(
@@ -5502,8 +5493,7 @@ export {
   SelectItem2 as SelectItem,
   SelectLabel2 as SelectLabel,
   SelectSeparator2 as SelectSeparator,
-  SelectTrigger2 as SelectTrigger,
-  SelectViewport2 as SelectViewport
+  SelectTrigger2 as SelectTrigger
 };
 /*! Bundled license information: