@pipelex/mthds-form 0.22.0 → 0.23.0

package/dist/generative/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { cn, brandInkClass, brandFillClass, brandFillInkClass, fieldControlClass, ResultRoot, ResultField, FieldRenderer, ToggleGroup, ToggleGroupItem, brandFillStrongClass, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../chunk-5IZWP2X4.js';
+import { cn, checkedAccentClass, focusOutlineClass, linkTextClass, selectedBorderClass, selectedFillClass, fieldControlClass, ResultRoot, ResultField, FieldRenderer, ToggleGroup, ToggleGroupItem, selectedFillStrongClass, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../chunk-NOSHTDID.js';
 import '../chunk-ICUEHNEH.js';
 export { seedInputs } from '../chunk-VH5CDQDR.js';
 import '../chunk-EQJBM3NS.js';
@@ -1928,7 +1928,7 @@ function Collapsible({
       open: props.defaultOpen ?? false,
       "data-slot": "collapsible",
       children: [
-        /* @__PURE__ */ jsx("summary", { className: "cursor-pointer list-none px-4 py-3 text-sm font-medium select-none", children: props.title }),
+        /* @__PURE__ */ jsx("summary", { className: "cursor-pointer list-none rounded-md px-4 py-3 text-sm font-medium select-none focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", children: props.title }),
         /* @__PURE__ */ jsx("div", { className: "border-t border-border px-4 py-3", children })
       ]
     }
@@ -2115,6 +2115,7 @@ function Textarea({
     /* @__PURE__ */ jsx(FieldError, { message: field.error })
   ] });
 }
+var NATIVE_CHECK = cn("size-4", checkedAccentClass, focusOutlineClass);
 function Radio({
   props,
   bindings,
@@ -2132,7 +2133,7 @@ function Radio({
           name: id,
           value: option,
           checked: field.value === option,
-          className: "size-4 accent-primary",
+          className: NATIVE_CHECK,
           onChange: () => {
             field.setValue(option);
             field.validateOnChange();
@@ -2160,7 +2161,7 @@ function Checkbox({
           id,
           name: props.name,
           type: "checkbox",
-          className: "size-4 accent-primary",
+          className: NATIVE_CHECK,
           checked: field.value,
           "aria-invalid": field.error ? true : void 0,
           onChange: (event) => {
@@ -2473,7 +2474,7 @@ function Steps({ props, children }) {
             {
               className: cn(
                 "flex h-6 w-6 items-center justify-center rounded-full text-[12px] font-semibold tabular-nums",
-                position < index ? cn(brandFillStrongClass, brandFillInkClass) : position === index ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+                position < index ? cn(selectedFillStrongClass, linkTextClass) : position === index ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
               ),
               children: position + 1
             }
@@ -2739,7 +2740,7 @@ function AppBar({ props }) {
         {
           href: "#",
           onClick: (event) => event.preventDefault(),
-          className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+          className: "rounded-sm text-sm text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-hidden",
           children: link
         },
         link
@@ -2748,9 +2749,10 @@ function AppBar({ props }) {
         "span",
         {
           className: cn(
-            "min-w-0 truncate rounded-lg border border-primary/40 px-2.5 py-1 font-mono text-[11px]",
-            brandFillClass,
-            brandFillInkClass
+            "min-w-0 truncate rounded-lg border px-2.5 py-1 font-mono text-[11px]",
+            selectedBorderClass,
+            selectedFillClass,
+            linkTextClass
           ),
           children: props.tag
         }
@@ -2763,7 +2765,7 @@ function Hero({ props }) {
     props.eyebrow ? /* @__PURE__ */ jsx(
       "p",
       {
-        className: cn("mb-4 text-[11px] font-medium tracking-[0.15em] uppercase", brandInkClass),
+        className: cn("mb-4 text-[11px] font-medium tracking-[0.15em] uppercase", linkTextClass),
         children: props.eyebrow
       }
     ) : null,
@@ -2813,7 +2815,7 @@ function Section({ props, children }) {
   return /* @__PURE__ */ jsxs("section", { className: "border-t border-border py-9 first:border-t-0 first:pt-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-3", children: [
-        props.number ? /* @__PURE__ */ jsx("span", { className: cn("font-mono text-[12px]", brandInkClass), children: props.number }) : null,
+        props.number ? /* @__PURE__ */ jsx("span", { className: cn("font-mono text-[12px]", linkTextClass), children: props.number }) : null,
         /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold tracking-tight text-foreground", children: props.title })
       ] }),
       props.lede ? /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-muted-foreground", children: props.lede }) : null