@moontra/moonui 2.4.3 → 2.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.global.js +29 -37
  2. package/dist/index.global.js.map +1 -1
  3. package/dist/index.js +9 -6
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +9 -6
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/ui/select.tsx +11 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moontra/moonui",
3
- "version": "2.4.3",
3
+ "version": "2.4.4",
4
4
  "description": "Premium React component library with modern design and customization",
5
5
  "author": "MoonUI",
6
6
  "license": "MIT",
package/src/components/ui/select.tsx CHANGED
@@ -61,10 +61,10 @@ const SelectTrigger = React.forwardRef<
61
61
  size === "md" && "h-10 text-sm px-3",
62
62
  size === "lg" && "h-12 text-base px-4",
63
63
  /* Visual variants */
64
- 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",
65
- 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",
66
- 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",
67
- 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",
64
+ 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",
65
+ 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",
66
+ 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",
67
+ 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",
68
68
  className
69
69
  )}
70
70
  {...props}
@@ -152,9 +152,9 @@ const SelectContent = React.forwardRef<
152
152
  align={align}
153
153
  avoidCollisions={false}
154
154
  className={cn(
155
- ["relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
155
+ ["relative z-50 max-h-96 min-w-[8rem] overflow-hidden",
156
156
  "rounded-md border border-gray-200 dark:border-gray-700",
157
- "bg-white dark:bg-gray-900 text-foreground",
157
+ "bg-background dark:bg-gray-800/80 backdrop-blur-sm text-foreground dark:text-gray-200",
158
158
  "shadow-lg dark:shadow-gray-900/20",
159
159
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
160
160
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -216,8 +216,11 @@ const SelectItem = React.forwardRef<
216
216
  <SelectPrimitive.Item
217
217
  ref={ref}
218
218
  className={cn(
219
- "relative flex w-full cursor-default select-none items-center rounded-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
220
-
219
+ "moonui-theme",
220
+ "relative flex w-full cursor-default select-none items-center rounded-sm outline-none",
221
+ "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
222
+ "transition-colors duration-150",
223
+
221
224
  /* Size variants */
222
225
  size === "sm" && "py-1 pl-7 pr-2 text-xs",
223
226
  size === "md" && "py-1.5 pl-8 pr-2 text-sm",