@facter/ds-core 1.4.0 → 1.5.0

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,12 +3465,14 @@ 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",
                 {
                   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",
+                    isSelected ? cn(styles.border, styles.bg) : "border-border hover:border-muted-foreground/50",
                     option.disabled && "opacity-50 cursor-not-allowed"
                   ),
                   onClick: () => {
@@ -3454,7 +3488,8 @@ function FormRadioGroup({
                         value: option.value,
                         disabled: option.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"
                         ),
@@ -3468,7 +3503,7 @@ function FormRadioGroup({
                           htmlFor: optionId,
                           className: cn(
                             "text-sm font-medium leading-none cursor-pointer",
-                            isSelected && "text-primary",
+                            isSelected && styles.text,
                             option.disabled && "cursor-not-allowed"
                           ),
                           children: option.label