@usetheo/ui 0.27.0 → 0.28.1

package/dist/components/primitives/input/input.d.ts

@@ -8,7 +8,7 @@ declare const inputVariants: (props?: ({
  *
  * Violet Forge specifics:
  *   - height 40px (h-10) matching default Button md.
- *   - rounded-md (6px) — slightly less than buttons to differentiate.
+ *   - rounded-lg (8px) — matches buttons (compact Builder identity, 2026-07-16).
  *   - focus uses violet ring (--ring).
  *   - placeholder uses --muted-foreground.
  *

package/dist/index.js

@@ -583,9 +583,9 @@ var buttonVariants = cva(
         // md: tier ajustável via density (CSS var on :root). See D3 ADR of
         // faang-density-tightening plan. Default `comfortable` density makes
         // this 36px (--theo-control-h: 2.25rem). sm and lg stay hardcoded.
-        md: "h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] text-body-sm",
+        md: "h-[var(--theo-control-h,2rem)] px-[var(--theo-control-px,0.75rem)] text-body-sm",
         lg: "h-11 px-4 text-body-md",
-        icon: "h-[var(--theo-control-h,2.25rem)] w-[var(--theo-control-h,2.25rem)] p-0"
+        icon: "h-[var(--theo-control-h,2rem)] w-[var(--theo-control-h,2rem)] p-0"
       }
     },
     defaultVariants: {
@@ -1102,7 +1102,7 @@ var JsonViewer = forwardRef(
 JsonViewer.displayName = "JsonViewer";
 var inputVariants = cva(
   [
-    "flex w-full rounded-md border border-input bg-card",
+    "flex w-full rounded-lg border border-input bg-card",
     "text-foreground placeholder:text-muted-foreground",
     "transition-[box-shadow,border-color] duration-base ease-out-soft",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -1115,7 +1115,7 @@ var inputVariants = cva(
       size: {
         sm: "h-8 px-2.5 py-1 text-body-sm",
         // md: density-tunable via CSS var. Comfortable (default) = 36px.
-        md: "h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        md: "h-[var(--theo-control-h,2rem)] px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm",
         lg: "h-11 px-4 py-2.5 text-body-md"
       }
     },
@@ -2368,7 +2368,7 @@ var EmptyState = forwardRef(
 EmptyState.displayName = "EmptyState";
 var selectTriggerVariants = cva(
   [
-    "flex w-full items-center justify-between gap-2 rounded-md border border-input bg-card",
+    "flex w-full items-center justify-between gap-2 rounded-lg border border-input bg-card",
     "text-foreground placeholder:text-muted-foreground",
     "transition-[border-color,box-shadow] duration-base ease-out-soft",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -2381,7 +2381,7 @@ var selectTriggerVariants = cva(
     variants: {
       size: {
         sm: "h-8 px-2.5 py-1 text-body-sm",
-        md: "h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        md: "h-[var(--theo-control-h,2rem)] px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm",
         lg: "h-11 px-4 py-2.5 text-body-md"
       }
     },
@@ -2632,7 +2632,7 @@ var Switch = forwardRef(
 Switch.displayName = "Switch";
 var textareaVariants = cva(
   [
-    "flex w-full resize-y rounded-md border border-input bg-card",
+    "flex w-full resize-y rounded-lg border border-input bg-card",
     "text-foreground placeholder:text-muted-foreground",
     "transition-[box-shadow,border-color] duration-base ease-out-soft",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
@@ -2645,7 +2645,7 @@ var textareaVariants = cva(
         sm: "min-h-[64px] px-2.5 py-1.5 text-body-sm",
         // md: text scale + padding tighten to body-sm per FAANG density.
         // min-h stays 96px because multiline has its own height rationale.
-        md: "min-h-[6rem] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        md: "min-h-[6rem] px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm",
         lg: "min-h-[128px] px-4 py-2.5 text-body-md"
       }
     },
@@ -4204,8 +4204,8 @@ var Content12 = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /*
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-32 overflow-hidden rounded-lg border border-border/40 bg-card p-1",
-      "text-card-foreground shadow-md",
+      "z-50 min-w-32 overflow-hidden rounded-lg border bg-popover p-1",
+      "text-popover-foreground shadow-md",
       "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
       "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
       className
@@ -4335,8 +4335,8 @@ var SubContent2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
     "data-slot": "dropdown-menu-sub-content",
     ref,
     className: cn(
-      "z-50 min-w-32 overflow-hidden rounded-lg border border-border/40 bg-card p-1",
-      "text-card-foreground shadow-md",
+      "z-50 min-w-32 overflow-hidden rounded-lg border bg-popover p-1",
+      "text-popover-foreground shadow-md",
       "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
       "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
       className
@@ -8485,7 +8485,7 @@ var EvaluatorForm = forwardRef(
                 disabled,
                 onChange: (e) => onChange(defaultEvaluatorConfig(e.target.value)),
                 className: cn(
-                  "flex h-[var(--theo-control-h,2.25rem)] w-full rounded-md border border-input bg-card px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm text-foreground",
+                  "flex h-[var(--theo-control-h,2rem)] w-full rounded-lg border border-input bg-card px-[var(--theo-control-px,0.75rem)] py-1.5 text-body-sm text-foreground",
                   "focus-visible:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
                   "disabled:cursor-not-allowed disabled:opacity-50"
                 ),

package/dist/tailwind-preset.js

@@ -105,8 +105,10 @@ var theoUIPreset = {
         "title-md": ["20px", { lineHeight: "1.4", letterSpacing: "-0.03em", fontWeight: "600" }],
         // Body tier — FAANG-density realignment 2026-05-22: body-md is the
         // industry-standard 14px (shadcn / Vercel Geist / Linear / Stripe /
-        // Mantine). The previous 15px was idiosyncratic. body-sm (14px label
-        // weight) remains separate via its line-height / weight signature.
+        // Mantine). The previous 15px was idiosyncratic. body-sm is 13px (its
+        // own line-height / weight signature), kept in lockstep with @theokit/ui
+        // and this preset's own tokens-v4.css so menu items / secondary text
+        // render at the same size across both scopes.
         "body-lg": ["18px", { lineHeight: "1.56", letterSpacing: "-0.01em", fontWeight: "400" }],
         "body-md": ["14px", { lineHeight: "1.43", letterSpacing: "0", fontWeight: "400" }],
         "body-sm": ["13px", { lineHeight: "1.46", fontWeight: "400" }],

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.27.0",
+  "version": "0.28.1",
+  "packageManager": "pnpm@10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be",
   "type": "module",
   "license": "Apache-2.0",
   "description": "Violet Forge design system — generic React components + primitives (the non-AI foundation of @theokit/ui).",
   "sideEffects": false,
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -21,6 +20,19 @@
   "engines": {
     "node": ">=20"
   },
+  "scripts": {
+    "dev": "ladle serve",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src",
+    "lint:ci": "biome check src",
+    "format:check": "biome format src",
+    "test": "vitest run",
+    "test:run": "vitest run",
+    "build": "tsup && tsc -p tsconfig.dts.json",
+    "prepublishOnly": "npm run build",
+    "registry:build": "tsx scripts/build-registry.ts",
+    "registry:validate": "tsx scripts/validate-registry.ts"
+  },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
@@ -70,17 +82,5 @@
     "vitest": "^4.1.8",
     "vitest-axe": "^0.1.0"
   },
-  "_provenance": "seeded from theo-ui @ 2b46eca (2026-07-03, pivot M-B)",
-  "scripts": {
-    "dev": "ladle serve",
-    "typecheck": "tsc --noEmit",
-    "lint": "biome check src",
-    "lint:ci": "biome check src",
-    "format:check": "biome format src",
-    "test": "vitest run",
-    "test:run": "vitest run",
-    "build": "tsup && tsc -p tsconfig.dts.json",
-    "registry:build": "tsx scripts/build-registry.ts",
-    "registry:validate": "tsx scripts/validate-registry.ts"
-  }
-}
+  "_provenance": "seeded from theo-ui @ 2b46eca (2026-07-03, pivot M-B)"
+}