@almadar/ui 4.57.4 → 5.0.0

package/dist/components/index.cjs

@@ -1296,7 +1296,7 @@ var init_Button = __esm({
     };
     iconSizeStyles = {
       sm: "h-3.5 w-3.5",
-      md: "h-4 w-4",
+      md: "h-icon-default w-icon-default",
       lg: "h-5 w-5"
     };
     exports.Button = React78__namespace.default.forwardRef(
@@ -1349,7 +1349,7 @@ var init_Button = __esm({
             ...props,
             "data-testid": props["data-testid"] ?? (action ? `action-${action}` : void 0),
             children: [
-              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2, { className: "h-4 w-4 animate-spin" }) : resolvedLeftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: resolvedLeftIcon }),
+              isLoading ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Loader2, { className: "h-icon-default w-icon-default animate-spin" }) : resolvedLeftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: resolvedLeftIcon }),
               children || label,
               resolvedRightIcon && !isLoading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: resolvedRightIcon })
             ]
@@ -1382,7 +1382,7 @@ var init_Input = __esm({
         ...props
       }, ref) => {
         const type = inputType || htmlType || "text";
-        const resolvedLeftIcon = leftIcon || IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "h-4 w-4" });
+        const resolvedLeftIcon = leftIcon || IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "h-icon-default w-icon-default" });
         const showClearButton = clearable && value && String(value).length > 0;
         const baseClassName = cn(
           "block w-full rounded-sm transition-all duration-[var(--transition-fast)]",
@@ -1414,7 +1414,7 @@ var init_Input = __esm({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { className: "h-4 w-4" }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { className: "h-icon-default w-icon-default" }) })
           ] });
         }
         if (type === "textarea") {
@@ -1468,7 +1468,7 @@ var init_Input = __esm({
               type: "button",
               onClick: onClear,
               className: "absolute inset-y-0 right-0 pr-3 flex items-center text-muted-foreground hover:text-foreground",
-              children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-icon-default w-icon-default" })
             }
           ),
           rightIcon && !showClearButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center text-muted-foreground", children: rightIcon })
@@ -1568,7 +1568,7 @@ var init_Select = __esm({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { className: "h-4 w-4 text-foreground" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { className: "h-icon-default w-icon-default text-foreground" }) })
         ] });
       }
     );
@@ -1621,23 +1621,23 @@ var init_Card = __esm({
       default: [
         "bg-card",
         "border-[length:var(--border-width)] border-border",
-        "shadow-sm",
+        "shadow-elevation-card",
         "transition-all duration-[var(--transition-normal)]",
-        "hover:shadow-lg hover:-translate-y-0.5"
+        "hover:shadow-elevation-dialog hover:-translate-y-0.5"
       ].join(" "),
       bordered: [
         "bg-card",
         "border-[length:var(--border-width)] border-border",
-        "shadow-sm",
+        "shadow-elevation-card",
         "transition-all duration-[var(--transition-normal)]",
-        "hover:shadow-lg hover:-translate-y-0.5"
+        "hover:shadow-elevation-dialog hover:-translate-y-0.5"
       ].join(" "),
       elevated: [
         "bg-card",
         "border-[length:var(--border-width)] border-border",
         "shadow",
         "transition-all duration-[var(--transition-normal)]",
-        "hover:shadow-lg hover:-translate-y-0.5"
+        "hover:shadow-elevation-dialog hover:-translate-y-0.5"
       ].join(" "),
       // Interactive variant with theme-specific hover effects
       interactive: [
@@ -1646,20 +1646,20 @@ var init_Card = __esm({
         "shadow",
         "cursor-pointer",
         "transition-all duration-[var(--transition-normal)]",
-        "hover:shadow-lg"
+        "hover:shadow-elevation-dialog"
       ].join(" ")
     };
     paddingStyles = {
       none: "",
-      sm: "p-3",
-      md: "p-4",
-      lg: "p-6"
+      sm: "p-card-sm",
+      md: "p-card-md",
+      lg: "p-card-lg"
     };
     shadowStyles = {
       none: "shadow-none",
-      sm: "shadow-sm",
+      sm: "shadow-elevation-card",
       md: "shadow",
-      lg: "shadow-lg"
+      lg: "shadow-elevation-dialog"
     };
     exports.Card = React78__namespace.default.forwardRef(
       ({
@@ -1677,7 +1677,7 @@ var init_Card = __esm({
           {
             ref,
             className: cn(
-              "rounded-md",
+              "rounded-container",
               "transition-all duration-[var(--transition-normal)]",
               variantStyles2[variant],
               paddingStyles[padding],
@@ -1896,7 +1896,7 @@ var init_FilterPill = __esm({
           {
             ref,
             className: cn(
-              "inline-flex items-center gap-1 font-bold rounded-full",
+              "inline-flex items-center gap-1 font-bold rounded-pill",
               variantStyles4[variant],
               sizeStyles3[size],
               (onClick || clickEvent) && "cursor-pointer",
@@ -1997,8 +1997,8 @@ var init_Avatar = __esm({
       busy: "bg-error"
     };
     badgeSizeClasses = {
-      xs: "w-3 h-3 text-[8px]",
-      sm: "w-4 h-4 text-[10px]",
+      xs: "w-3 h-3 text-xs",
+      sm: "w-4 h-4 text-xs",
       md: "w-5 h-5 text-xs",
       lg: "w-6 h-6 text-sm",
       xl: "w-7 h-7 text-base"
@@ -2464,7 +2464,7 @@ var init_ProgressBar = __esm({
             "div",
             {
               className: cn(
-                "h-full transition-all duration-300 ease-out",
+                "h-full transition-all duration-normal ease-emphasized",
                 colorClasses[effectiveColor]
               ),
               style: { width: `${percentage}%` },
@@ -2520,7 +2520,7 @@ var init_ProgressBar = __esm({
                         strokeDashoffset: offset,
                         strokeLinecap: "round",
                         className: cn(
-                          "transition-all duration-300 ease-out",
+                          "transition-all duration-normal ease-emphasized",
                           colorClasses[effectiveColor]
                         )
                       }
@@ -2559,7 +2559,7 @@ var init_ProgressBar = __esm({
                   "div",
                   {
                     className: cn(
-                      "h-full transition-all duration-300 ease-out",
+                      "h-full transition-all duration-normal ease-emphasized",
                       (isActive || isPartial) && colorClasses[effectiveColor]
                     ),
                     style: {
@@ -3305,6 +3305,37 @@ var init_ThemeContext = __esm({
         displayName: "Copper",
         hasLightMode: true,
         hasDarkMode: true
+      },
+      // Layer 1 skin axes — truly-unique themes (compact tech / editorial / brutalist dense / display-heavy / touch-first)
+      {
+        name: "prism",
+        displayName: "Prism",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "gazette",
+        displayName: "Gazette",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "terminal",
+        displayName: "Terminal",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "atelier",
+        displayName: "Atelier",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "kiosk",
+        displayName: "Kiosk",
+        hasLightMode: true,
+        hasDarkMode: true
       }
     ];
     ThemeContext = React78.createContext(void 0);
@@ -3343,7 +3374,7 @@ var init_ThemeToggle = __esm({
             "text-foreground",
             "hover:bg-muted border-[length:var(--border-width)] border-transparent hover:border-border",
             "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-            "transition-colors duration-200",
+            "transition-colors duration-fast",
             sizeClasses3[size],
             className
           ),
@@ -3569,7 +3600,7 @@ var init_FlipContainer = __esm({
           children: /* @__PURE__ */ jsxRuntime.jsx(
             exports.Box,
             {
-              className: "relative w-full h-full transition-transform duration-500",
+              className: "relative w-full h-full transition-transform duration-slow",
               style: {
                 transformStyle: "preserve-3d",
                 transform: flipped ? "rotateY(180deg)" : "rotateY(0deg)"
@@ -3653,7 +3684,7 @@ var init_ConditionalWrapper = __esm({
           exports.Box,
           {
             overflow: "hidden",
-            className: `transition-all duration-200 ${isVisible ? "opacity-100 max-h-[1000px]" : "opacity-0 max-h-0"}`,
+            className: `transition-all duration-fast ${isVisible ? "opacity-100 max-h-[1000px]" : "opacity-0 max-h-0"}`,
             children: isVisible ? children : fallback
           }
         );
@@ -5556,7 +5587,7 @@ var init_Modal = __esm({
                   // Reset browser-default dialog chrome — we own styling.
                   "m-0 p-0 border-0 bg-transparent",
                   // Pre-existing dialog frame
-                  "pointer-events-auto w-full flex flex-col bg-surface border shadow-lg rounded-md",
+                  "pointer-events-auto w-full flex flex-col bg-surface border shadow-elevation-dialog rounded-container",
                   // Desktop sizing + viewport-aware floor.
                   sizeClasses5[size],
                   minWidthClasses[size],
@@ -5893,7 +5924,7 @@ var init_Toast = __esm({
             // `min-w-[300px]` only kicks in at `sm:` and above so a phone
             // viewport doesn't get a toast wider than the screen near the
             // edge. `max-w-[calc(100vw-2rem)]` clamps to viewport too.
-            "border-l-4 p-4 shadow min-w-0 sm:min-w-[300px] max-w-md max-w-[calc(100vw-2rem)]",
+            "border-l-4 p-4 shadow-elevation-toast min-w-0 sm:min-w-[300px] max-w-md max-w-[calc(100vw-2rem)]",
             "rounded-sm",
             variantClasses[variant],
             className
@@ -6489,7 +6520,7 @@ var init_InstallBox = __esm({
         /* @__PURE__ */ jsxRuntime.jsx(
           exports.Box,
           {
-            className: "bg-surface rounded-md border-[length:var(--border-width)] border-border",
+            className: "bg-surface rounded-container border-[length:var(--border-width)] border-border",
             padding: "md",
             children: /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "flex items-center gap-3", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -7214,7 +7245,7 @@ var init_Tooltip = __esm({
           className: cn(
             "fixed z-50 px-3 py-2 max-w-xs",
             "bg-primary text-primary-foreground",
-            "shadow-sm rounded-sm",
+            "shadow-elevation-popover rounded-sm",
             "text-sm pointer-events-none",
             "break-words whitespace-normal",
             "h-auto min-h-fit",
@@ -7369,7 +7400,7 @@ var init_Popover = __esm({
           ref: popoverRef,
           className: cn(
             "fixed z-50 p-4",
-            "bg-card border-2 border-border shadow-lg",
+            "bg-card border-2 border-border shadow-elevation-popover",
             positionClasses2[position],
             className
           ),
@@ -7483,7 +7514,7 @@ var init_Menu = __esm({
       const menuContainerStyles = cn(
         "bg-card",
         "border-[length:var(--border-width)] border-border",
-        "shadow",
+        "shadow-elevation-popover",
         "rounded-sm",
         "min-w-0 sm:min-w-[200px] max-w-[calc(100vw-1rem)] py-1"
       );
@@ -7651,7 +7682,7 @@ var init_Accordion = __esm({
                 "w-full flex items-center justify-between px-4 py-3",
                 "bg-card",
                 "hover:bg-muted",
-                "transition-colors duration-200",
+                "transition-colors duration-fast",
                 "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-inset",
                 "disabled:opacity-50 disabled:cursor-not-allowed",
                 isOpen && "bg-muted font-bold"
@@ -7666,7 +7697,7 @@ var init_Accordion = __esm({
                     icon: LucideIcons.ChevronDown,
                     size: "sm",
                     className: cn(
-                      "transition-transform duration-200",
+                      "transition-transform duration-fast",
                       isOpen && "transform rotate-180"
                     )
                   }
@@ -7796,7 +7827,7 @@ var init_FloatingActionButton = __esm({
                     {
                       align: "center",
                       gap: "sm",
-                      className: "transition-all duration-200",
+                      className: "transition-all duration-fast",
                       style: {
                         opacity: isExpanded ? 1 : 0,
                         transform: isExpanded ? "translateY(0)" : "translateY(10px)",
@@ -7834,7 +7865,7 @@ var init_FloatingActionButton = __esm({
                   size: "lg",
                   icon: isExpanded ? LucideIcons.X : LucideIcons.Plus,
                   onClick: handleMainClick,
-                  className: "rounded-full shadow-lg transition-all duration-300",
+                  className: "rounded-full shadow-lg transition-all duration-normal",
                   "aria-label": isExpanded ? "Close actions" : "Open actions",
                   "aria-expanded": isExpanded,
                   children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { as: "span", className: "sr-only", children: isExpanded ? t("common.close") : t("common.open") })
@@ -12089,8 +12120,8 @@ function Card2({
       className: `
         bg-card
         border border-border
-        rounded-md shadow-sm
-        ${isClickable ? "cursor-pointer hover:shadow-lg transition-shadow" : ""}
+        rounded-container shadow-elevation-card
+        ${isClickable ? "cursor-pointer hover:shadow-elevation-dialog transition-shadow" : ""}
         ${className}
       `,
       onClick: isClickable ? handleClick : void 0,
@@ -14895,7 +14926,7 @@ var init_BranchingLogicBuilder = __esm({
         const height = PADDING * 2 + items.length * (NODE_HEIGHT + NODE_GAP_Y);
         return { items, positions, width, height };
       }, [questions]);
-      return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "overflow-auto rounded-md border border-border bg-card p-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "overflow-auto rounded-container border border-border bg-card p-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
         "svg",
         {
           width: layout.width,
@@ -17793,7 +17824,7 @@ var init_Carousel = __esm({
                 exports.Box,
                 {
                   className: cn(
-                    "rounded-full cursor-pointer transition-all duration-200"
+                    "rounded-full cursor-pointer transition-all duration-fast"
                   ),
                   style: {
                     width: isActive ? 10 : 8,
@@ -18931,7 +18962,7 @@ var init_CodeExample = __esm({
         {
           className: cn(
             "bg-foreground",
-            "rounded-md",
+            "rounded-container",
             "border-[length:var(--border-width)] border-border",
             "overflow-hidden",
             className
@@ -21497,7 +21528,7 @@ function DataGrid({
                   className: cn(
                     "bg-card rounded-lg",
                     "border border-border",
-                    "shadow-sm hover:shadow-lg",
+                    "shadow-elevation-card hover:shadow-elevation-dialog",
                     "hover:border-primary transition-all",
                     "flex flex-col",
                     isSelected && "ring-2 ring-primary border-primary"
@@ -21871,7 +21902,7 @@ function DataList({
                     {
                       variant: "caption",
                       className: cn(
-                        "mt-1 text-[0.65rem]",
+                        "mt-1 text-xs",
                         isSent ? "opacity-70" : "text-muted-foreground"
                       ),
                       children: formatDate3(timestamp)
@@ -21936,7 +21967,7 @@ function DataList({
           exports.Box,
           {
             className: cn(
-              "group flex items-center gap-4 transition-all duration-200",
+              "group flex items-center gap-4 transition-all duration-fast",
               isCompact ? "px-4 py-2" : "px-6 py-4",
               "hover:bg-muted/80",
               !isCard && !isCompact && "rounded-lg border border-transparent hover:border-border"
@@ -22023,7 +22054,7 @@ function DataList({
       exports.Box,
       {
         className: cn(
-          isCard && "bg-card rounded-xl border border-border shadow-lg overflow-hidden",
+          isCard && "bg-card rounded-xl border border-border shadow-elevation-dialog overflow-hidden",
           !isCard && gapClass,
           className
         ),
@@ -22165,7 +22196,7 @@ var init_FileTree = __esm({
                 exports.Typography,
                 {
                   variant: "caption",
-                  className: `truncate font-mono text-[11px] !text-inherit ${isSelected ? "font-semibold" : ""}`,
+                  className: `truncate font-mono text-xs !text-inherit ${isSelected ? "font-semibold" : ""}`,
                   children: node.name
                 }
               ),
@@ -22623,7 +22654,7 @@ var init_FilterGroup = __esm({
         "div",
         {
           className: cn(
-            "p-4 rounded-md",
+            "p-4 rounded-container",
             "bg-card",
             "border-[length:var(--border-width)] border-border",
             className
@@ -23305,7 +23336,7 @@ var init_SidePanel = __esm({
               "border-l-2 border-border",
               position === "left" && "border-l-0 border-r-2",
               "flex flex-col",
-              "transition-transform duration-300 ease-in-out",
+              "transition-transform duration-normal ease-standard",
               width,
               position === "right" ? "right-0" : "left-0",
               className
@@ -23707,7 +23738,7 @@ var init_ViolationAlert = __esm({
           exports.Box,
           {
             className: cn(
-              "px-3 py-2 rounded-md border",
+              "px-3 py-2 rounded-container border",
               bgColor,
               className
             ),
@@ -23968,7 +23999,7 @@ var init_FlipCard = __esm({
             /* @__PURE__ */ jsxRuntime.jsx(
               exports.Box,
               {
-                className: "absolute inset-0 w-full h-full rounded-lg shadow-lg flex items-center justify-center p-6",
+                className: "absolute inset-0 w-full h-full rounded-lg shadow-elevation-dialog flex items-center justify-center p-6",
                 style: { backfaceVisibility: "hidden", transform: "rotateY(0deg)" },
                 children: front
               }
@@ -23976,7 +24007,7 @@ var init_FlipCard = __esm({
             /* @__PURE__ */ jsxRuntime.jsx(
               exports.Box,
               {
-                className: "absolute inset-0 w-full h-full rounded-lg shadow-lg flex items-center justify-center p-6",
+                className: "absolute inset-0 w-full h-full rounded-lg shadow-elevation-dialog flex items-center justify-center p-6",
                 style: { backfaceVisibility: "hidden", transform: "rotateY(180deg)" },
                 children: back
               }
@@ -24321,7 +24352,7 @@ var init_ProgressDots = __esm({
           exports.Box,
           {
             className: cn(
-              "rounded-full transition-all duration-200",
+              "rounded-full transition-all duration-fast",
               onDotClick && "cursor-pointer"
             ),
             style: {
@@ -27626,7 +27657,7 @@ var init_Meter = __esm({
                       strokeDasharray: circumference,
                       strokeDashoffset: offset,
                       strokeLinecap: "round",
-                      className: "transition-all duration-500 ease-out"
+                      className: "transition-all duration-slow ease-emphasized"
                     }
                   )
                 ]
@@ -27669,7 +27700,7 @@ var init_Meter = __esm({
               exports.Box,
               {
                 className: cn(
-                  "h-2 flex-1 rounded-sm transition-all duration-300",
+                  "h-2 flex-1 rounded-sm transition-all duration-normal",
                   !isActive && "bg-muted"
                 ),
                 style: isActive ? { backgroundColor: segColor } : void 0
@@ -27688,7 +27719,7 @@ var init_Meter = __esm({
         /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-3 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
           exports.Box,
           {
-            className: "h-full rounded-full transition-all duration-500 ease-out",
+            className: "h-full rounded-full transition-all duration-slow ease-emphasized",
             style: {
               width: `${percentage}%`,
               backgroundColor: activeColor
@@ -28214,7 +28245,7 @@ var init_PullToRefresh = __esm({
             className: cn(
               "top-0 left-0 right-0 z-10",
               "items-center justify-center",
-              "transition-opacity duration-200",
+              "transition-opacity duration-fast",
               showIndicator ? "opacity-100" : "opacity-0"
             ),
             style: {
@@ -28400,7 +28431,7 @@ var init_PricingCard = __esm({
             "hover:-translate-y-1 transition-all",
             highlighted && [
               "border-[length:2px] border-primary",
-              "shadow-lg",
+              "shadow-elevation-dialog",
               "scale-[1.05]",
               "ring-2 ring-primary"
             ],
@@ -30457,7 +30488,7 @@ var init_PositionedCanvas = __esm({
           {
             ref: containerRef,
             "data-testid": "positioned-canvas",
-            className: "relative bg-background border border-border rounded-md overflow-hidden",
+            className: "relative bg-background border border-border rounded-container overflow-hidden",
             style: { width, height },
             onClick: handleContainerClick,
             children: items.map((item) => {
@@ -30658,7 +30689,7 @@ function BlockMenu({ block, readOnly, onDelete, onDuplicate, onChangeType }) {
         role: "menu",
         className: cn(
           "absolute right-0 z-10 mt-1 w-44",
-          "rounded-md border border-border bg-popover shadow-md",
+          "rounded-container border border-border bg-popover shadow-elevation-popover",
           "py-1 text-sm"
         ),
         children: [
@@ -31934,7 +31965,7 @@ function DocCodeBlock({
     exports.Box,
     {
       className: cn(
-        "rounded-md border border-border overflow-hidden",
+        "rounded-container border border-border overflow-hidden",
         className
       ),
       position: "relative",
@@ -32093,11 +32124,11 @@ var init_DocPagination = __esm({
     init_Typography();
     linkCardStyles = [
       "border border-border",
-      "rounded-md",
+      "rounded-container",
       "p-4",
       "transition-all",
       "hover:border-primary",
-      "hover:shadow-lg",
+      "hover:shadow-elevation-dialog",
       "no-underline",
       "flex-1",
       "min-w-0",
@@ -32234,7 +32265,7 @@ function DocSearch({
           exports.Box,
           {
             position: "absolute",
-            className: "top-full left-0 right-0 mt-1 z-50 bg-card border border-border rounded-md shadow-lg max-h-80 overflow-y-auto",
+            className: "top-full left-0 right-0 mt-1 z-50 bg-card border border-border rounded-container shadow-elevation-popover max-h-80 overflow-y-auto",
             children: /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "none", children: results.map((result, index) => /* @__PURE__ */ jsxRuntime.jsx(
               exports.Box,
               {
@@ -35370,10 +35401,11 @@ var init_Form = __esm({
             type: f3.type,
             required: f3.required,
             defaultValue: f3.default,
-            values: f3.values,
+            // EntityField is a discriminated union — `values` lives on Scalar/Enum, `relation` lives on Relation.
+            values: "values" in f3 ? f3.values : void 0,
             min: f3.min,
             max: f3.max,
-            relation: f3.relation ? { entity: f3.relation.entity } : void 0
+            relation: "relation" in f3 ? { entity: f3.relation.entity } : void 0
           })
         );
       }, [entity, fields]);
@@ -35601,10 +35633,11 @@ var init_Form = __esm({
                 type: entityField.type,
                 required: entityField.required,
                 defaultValue: entityField.default,
-                values: entityField.values,
+                // EntityField is a discriminated union — `values` lives on Scalar/Enum, `relation` lives on Relation.
+                values: "values" in entityField ? entityField.values : void 0,
                 min: entityField.min,
                 max: entityField.max,
-                relation: entityField.relation ? { entity: entityField.relation.entity } : void 0
+                relation: "relation" in entityField ? { entity: entityField.relation.entity } : void 0
               };
             }
             return { name: field, type: "string" };