@facter/ds-core 1.4.0 → 1.5.1

package/dist/index.mjs

@@ -3394,6 +3394,38 @@ function FormSwitch({
   ) });
 }
 FormSwitch.displayName = "Form.Switch";
+var colorStyles = {
+  default: {
+    border: "border-primary",
+    bg: "bg-primary/5",
+    text: "text-primary",
+    radio: "border-primary text-primary"
+  },
+  destructive: {
+    border: "border-red-500",
+    bg: "bg-red-500/10",
+    text: "text-red-600",
+    radio: "border-red-500 text-red-500"
+  },
+  warning: {
+    border: "border-amber-500",
+    bg: "bg-amber-500/10",
+    text: "text-amber-600",
+    radio: "border-amber-500 text-amber-500"
+  },
+  success: {
+    border: "border-green-500",
+    bg: "bg-green-500/10",
+    text: "text-green-600",
+    radio: "border-green-500 text-green-500"
+  },
+  info: {
+    border: "border-blue-500",
+    bg: "bg-blue-500/10",
+    text: "text-blue-600",
+    radio: "border-blue-500 text-blue-500"
+  }
+};
 function FormRadioGroup({
   name,
   label,
@@ -3433,28 +3465,27 @@ function FormRadioGroup({
             children: options.map((option) => {
               const optionId = `${name}-${option.value}`;
               const isSelected = field.value === option.value;
+              const color = option.color || "default";
+              const styles = colorStyles[color];
               return /* @__PURE__ */ jsxs(
-                "div",
+                "label",
                 {
+                  htmlFor: optionId,
                   className: cn(
                     "flex items-center gap-3 border-2 py-2 px-4 rounded-lg transition-colors cursor-pointer",
-                    isSelected ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/50",
-                    option.disabled && "opacity-50 cursor-not-allowed"
+                    isSelected ? cn(styles.border, styles.bg) : "border-border hover:border-muted-foreground/50",
+                    (option.disabled || disabled) && "opacity-50 cursor-not-allowed"
                   ),
-                  onClick: () => {
-                    if (!option.disabled && !disabled) {
-                      field.onChange(option.value);
-                    }
-                  },
                   children: [
                     /* @__PURE__ */ jsx(
                       RadioGroupPrimitive.Item,
                       {
                         id: optionId,
                         value: option.value,
-                        disabled: option.disabled,
+                        disabled: option.disabled || disabled,
                         className: cn(
-                          "aspect-square h-4 w-4 rounded-full border border-primary text-primary",
+                          "aspect-square h-4 w-4 rounded-full border",
+                          isSelected ? styles.radio : "border-border text-muted-foreground",
                           "ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                           "disabled:cursor-not-allowed disabled:opacity-50"
                         ),
@@ -3463,18 +3494,16 @@ function FormRadioGroup({
                     ),
                     /* @__PURE__ */ jsxs("div", { className: "grid gap-0.5 leading-none", children: [
                       /* @__PURE__ */ jsx(
-                        "label",
+                        "span",
                         {
-                          htmlFor: optionId,
                           className: cn(
-                            "text-sm font-medium leading-none cursor-pointer",
-                            isSelected && "text-primary",
-                            option.disabled && "cursor-not-allowed"
+                            "text-sm font-medium leading-none",
+                            isSelected && styles.text
                           ),
                           children: option.label
                         }
                       ),
-                      option.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: option.description })
+                      option.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.description })
                     ] })
                   ]
                 },