@arcfusionz/arc-primitive-ui 0.3.5 → 0.3.7

package/dist/components/Alert/Alert.js

@@ -7,10 +7,10 @@ import { Button } from "@base-ui/react/button";
 const baseClasses = "relative flex w-full items-start gap-3 rounded-md border border-transparent p-4 font-sans text-sm";
 const appearanceClasses = {
 	solid: {
-		neutral: "bg-foreground text-background",
+		neutral: "bg-slate-600 text-background",
 		info: "bg-primary text-primary-foreground",
-		success: "bg-success-700 text-success-foreground",
-		warning: "bg-warning text-warning-950",
+		success: "bg-success text-success-foreground",
+		warning: "bg-warning text-warning-foreground",
 		destructive: "bg-destructive text-destructive-foreground"
 	},
 	soft: {
@@ -153,6 +153,8 @@ function alertVariants({ variant = "neutral", appearance = "soft", className } =
 const Alert = forwardRef(({ variant = "neutral", appearance = "soft", title, icon, action, onClose, closeLabel, role = "alert", render, className, children, ...rest }, ref) => {
 	const resolvedIcon = icon === void 0 ? defaultVariantIcons[variant] : icon;
 	const solid = appearance === "solid";
+	const hasDescription = children != null && children !== false;
+	const hasTitleOnlyAction = title != null && action != null && !hasDescription;
 	return useRender({
 		defaultTagName: "div",
 		render,
@@ -162,7 +164,7 @@ const Alert = forwardRef(({ variant = "neutral", appearance = "soft", title, ico
 			className: cn(alertVariants({
 				variant,
 				appearance
-			}), className),
+			}), hasTitleOnlyAction && "items-center", className),
 			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				resolvedIcon != null && typeof resolvedIcon !== "boolean" && /* @__PURE__ */ jsx("span", {
 					"aria-hidden": "true",
@@ -174,7 +176,7 @@ const Alert = forwardRef(({ variant = "neutral", appearance = "soft", title, ico
 					children: [title != null && /* @__PURE__ */ jsx("div", {
 						className: cn(titleClasses, !solid && titleColorClasses[variant]),
 						children: title
-					}), children != null && children !== false && /* @__PURE__ */ jsx("div", { children })]
+					}), hasDescription && /* @__PURE__ */ jsx("div", { children })]
 				}),
 				action != null && /* @__PURE__ */ jsx("div", {
 					className: actionSlotClasses,

package/dist/components/Combobox/Combobox.js

@@ -276,7 +276,7 @@ const ComboboxPopup = forwardRef(({ align = "center", sideOffset = 4, alignOffse
 	})
 }));
 ComboboxPopup.displayName = "ComboboxPopup";
-const itemClasses = "relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-8 pl-2 font-sans text-sm text-foreground outline-none select-none scroll-my-1 data-highlighted:bg-primary-50 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const itemClasses = "relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-8 pl-2 font-sans text-sm text-foreground outline-none select-none scroll-my-1 data-highlighted:bg-primary-50 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 /**
 * One option in the popup. Children render as the option's label; a check
 * mark appears at the item's right edge while selected. Filtering matches

package/dist/components/Menu/Menu.js

@@ -114,7 +114,7 @@ const MenuPopup = forwardRef(({ side, align, sideOffset = side === void 0 ? adap
 	})
 }));
 MenuPopup.displayName = "MenuPopup";
-const itemBaseClasses = "relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 font-sans text-sm outline-none select-none scroll-my-1 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const itemBaseClasses = "relative flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 font-sans text-sm outline-none select-none scroll-my-1 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 const itemVariantClasses = {
 	default: "text-foreground data-highlighted:bg-primary-50 [&_svg:not([class*='text-'])]:text-muted-foreground",
 	destructive: "text-error-700 data-highlighted:bg-error-50"

package/dist/components/Select/Select.js

@@ -183,7 +183,7 @@ const SelectPopup = forwardRef(({ align = "center", sideOffset = 4, alignOffset
 	})
 }));
 SelectPopup.displayName = "SelectPopup";
-const itemClasses = "relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-8 pl-2 font-sans text-sm text-foreground outline-none select-none scroll-my-1 data-highlighted:bg-primary-50 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const itemClasses = "relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-8 pl-2 font-sans text-sm text-foreground outline-none select-none scroll-my-1 data-highlighted:bg-primary-50 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 /**
 * One option in the popup. Children render as the option's label (wrapped in
 * Base UI's `ItemText`); a check mark appears at the item's right edge while

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcfusionz/arc-primitive-ui",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "ArcFusion primitive UI components",
   "license": "MIT",
   "type": "module",