@moontra/moonui-pro 3.3.16 → 3.3.17

package/dist/index.mjs

@@ -6899,7 +6899,7 @@ var MoonUISelectPro = SelectPrimitive.Root;
 MoonUISelectPro.displayName = "MoonUISelectPro";
 var MoonUISelectGroupPro = SelectPrimitive.Group;
 var MoonUISelectValuePro = SelectPrimitive.Value;
-var MoonUISelectTriggerPro = React71.forwardRef(({ className, children, variant = "standard", size: size4 = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => /* @__PURE__ */ jsxs(
+var MoonUISelectTriggerPro = React71.forwardRef(({ className, children, variant = "standard", size: size4 = "md", error, success, loading, leftIcon, rightIcon, clearable, onClear, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -6917,10 +6917,10 @@ var MoonUISelectTriggerPro = React71.forwardRef(({ className, children, variant
       size4 === "md" && "h-10 text-sm px-3",
       size4 === "lg" && "h-12 text-base px-4",
       /* Visual variants */
-      variant === "standard" && "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-900 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
-      variant === "outline" && "border border-gray-300 dark:border-gray-700 bg-transparent hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
-      variant === "ghost" && "border-none bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50",
-      variant === "underline" && "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary",
+      variant === "standard" && "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-800/80 dark:shadow-inner dark:shadow-gray-950/10 dark:text-gray-200 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80",
+      variant === "outline" && "border border-gray-300 dark:border-gray-700 bg-transparent dark:text-gray-200 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20 focus-visible:border-primary dark:focus-visible:border-primary/80",
+      variant === "ghost" && "border-none bg-gray-100 dark:bg-gray-800 dark:shadow-inner dark:shadow-gray-950/10 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/20",
+      variant === "underline" && "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 dark:text-gray-200 dark:bg-transparent hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary/80",
       className
     ),
     ...props,
@@ -6936,6 +6936,19 @@ var MoonUISelectTriggerPro = React71.forwardRef(({ className, children, variant
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground dark:text-gray-400", children: "Loading..." })
         ] }) : children
       ] }),
+      !loading && clearable && onClear && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: (e) => {
+            e.stopPropagation();
+            onClear();
+          },
+          className: "flex items-center justify-center opacity-60 hover:opacity-100 transition-opacity mr-1",
+          "aria-label": "Clear selection",
+          children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+        }
+      ),
       !loading && /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: rightIcon ? /* @__PURE__ */ jsx("span", { className: "opacity-60", children: rightIcon }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-60 transition-transform duration-200 ease-out group-data-[state=open]:rotate-180" }) })
     ]
   }
@@ -6995,7 +7008,7 @@ var MoonUISelectContentPro = React71.forwardRef(({ className, children, position
         [
           "relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
           "rounded-md border border-gray-200 dark:border-gray-700",
-          "bg-white dark:bg-gray-900 text-foreground",
+          "bg-background dark:bg-gray-800/80 backdrop-blur-sm text-foreground dark:text-gray-200",
           "shadow-lg dark:shadow-gray-900/20",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -7070,7 +7083,10 @@ var MoonUISelectItemPro = React71.forwardRef(({ className, children, variant = "
   {
     ref,
     className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 transition-all duration-150",
+      "moonui-theme",
+      "relative flex w-full cursor-default select-none items-center rounded-sm outline-none",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "transition-all duration-150",
       /* Size variants */
       size4 === "sm" && "py-1 pl-7 pr-2 text-xs",
       size4 === "md" && "py-1.5 pl-8 pr-2 text-sm",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "3.3.16",
+    "version": "3.3.17",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",