@codefast/ui 0.4.0-canary.5 → 0.4.0-canary.6

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @codefast/ui
 
+## 0.4.0-canary.6
+
+### Patch Changes
+
+- [`8a1a2e7`](https://github.com/codefastlabs/codefast/commit/8a1a2e74d985ae36a00855938c8ed7ab8699ad48) Thanks [@thevuong](https://github.com/thevuong)! - refactor(motion): shorten control transition durations (container 200→100ms, indicator 300→200ms) for snappier switches, checkboxes, and radios
+
+- [`354c97e`](https://github.com/codefastlabs/codefast/commit/354c97ec3109bd7d59e1200171a78da17dbdc59c) Thanks [@thevuong](https://github.com/thevuong)! - fix(menubar): align `menubar-label` styling with the dropdown/context menu family — use `text-xs` and `text-muted-foreground` to match `dropdown-menu-label` and `context-menu-label`
+
+- [`e3ea150`](https://github.com/codefastlabs/codefast/commit/e3ea15046bc5a23d777719aa0f4ba46efda6d15d) Thanks [@thevuong](https://github.com/thevuong)! - fix(radio-group): lay the root out as a flex column instead of a grid so items stack predictably
+
+- Updated dependencies []:
+  - @codefast/tailwind-variants@0.4.0-canary.6
+
 ## 0.4.0-canary.5
 
 ### Minor Changes

package/dist/components/menubar.mjs

@@ -148,7 +148,7 @@ function MenubarRadioItem({ children, className, inset, ...props }) {
 */
 function MenubarLabel({ className, inset, ...props }) {
 	return /* @__PURE__ */ jsx(Menubar$1.Label, {
-		className: cn("px-2 py-1.5 text-sm font-medium data-inset:ps-8", className),
+		className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:ps-8", className),
 		"data-inset": inset,
 		"data-slot": "menubar-label",
 		...props

package/dist/components/radio-group.mjs

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 */
 function RadioGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(RadioGroup$1.Root, {
-		className: cn("grid w-full gap-3", className),
+		className: cn("flex flex-col gap-3", className),
 		"data-slot": "radio-group",
 		...props
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefast/ui",
-  "version": "0.4.0-canary.5",
+  "version": "0.4.0-canary.6",
   "description": "Core UI components library built with React and Tailwind CSS",
   "keywords": [
     "components",
@@ -526,36 +526,36 @@
     "cmdk": "^1.1.1",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^1.17.0",
+    "lucide-react": "^1.18.0",
     "next-themes": "^0.4.6",
-    "radix-ui": "^1.5.0",
-    "react-hook-form": "^7.78.0",
+    "radix-ui": "^1.6.0-rc.1781217402884",
+    "react-hook-form": "^7.79.0",
     "react-resizable-panels": "^4.11.2",
     "recharts": "^3.8.1",
     "sonner": "^2.0.7",
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
-    "@codefast/tailwind-variants": "0.4.0-canary.5"
+    "@codefast/tailwind-variants": "0.4.0-canary.6"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.3.0",
+    "@tailwindcss/postcss": "^4.3.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-axe": "^3.5.9",
     "@types/node": "^25.9.3",
-    "@typescript/native-preview": "7.0.0-dev.20260611.2",
+    "@typescript/native-preview": "7.0.0-dev.20260615.1",
     "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/coverage-v8": "^4.1.8",
+    "@vitest/coverage-v8": "^4.1.9",
     "jest-axe": "^10.0.0",
     "jsdom": "^29.1.1",
     "postcss": "^8.5.15",
-    "tailwindcss": "^4.3.0",
+    "tailwindcss": "^4.3.1",
     "tsdown": "^0.22.2",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.8",
-    "@codefast/typescript-config": "0.4.0-canary.5"
+    "vitest": "^4.1.9",
+    "@codefast/typescript-config": "0.4.0-canary.6"
   },
   "peerDependencies": {
     "@types/react": ">=19.0.0",

package/src/components/menubar.tsx

@@ -327,7 +327,7 @@ interface MenubarLabelProps extends ComponentProps<typeof MenubarPrimitive.Label
 function MenubarLabel({ className, inset, ...props }: MenubarLabelProps): JSX.Element {
   return (
     <MenubarPrimitive.Label
-      className={cn("px-2 py-1.5 text-sm font-medium data-inset:ps-8", className)}
+      className={cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:ps-8", className)}
       data-inset={inset}
       data-slot="menubar-label"
       {...props}

package/src/components/radio-group.tsx

@@ -16,7 +16,9 @@ type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
  * @since 0.3.16-canary.0
  */
 function RadioGroup({ className, ...props }: RadioGroupProps): JSX.Element {
-  return <RadioGroupPrimitive.Root className={cn("grid w-full gap-3", className)} data-slot="radio-group" {...props} />;
+  return (
+    <RadioGroupPrimitive.Root className={cn("flex flex-col gap-3", className)} data-slot="radio-group" {...props} />
+  );
 }
 
 /* -----------------------------------------------------------------------------

package/src/css/foundation/motion.css

@@ -49,8 +49,8 @@
    * transition and the indicator keyframe.
    * ---------------------------------------------------------------------- */
 
-  --transition-duration-control: 200ms; /* Container / ring: switch track, checkbox & radio box */
-  --transition-duration-control-indicator: 300ms; /* Moving part: switch thumb, check, radio dot */
+  --transition-duration-control: 100ms; /* Container / ring: switch track, checkbox & radio box */
+  --transition-duration-control-indicator: 200ms; /* Moving part: switch thumb, check, radio dot */
 
   /* ----------------------------------------------------------------------
    * Keyframes