@codefast/ui 0.3.16-canary.3 → 0.4.0-canary.5

package/CHANGELOG.md

@@ -1,5 +1,117 @@
 # @codefast/ui
 
+## 0.4.0-canary.5
+
+### Minor Changes
+
+- [#503](https://github.com/codefastlabs/codefast/pull/503) [`4738966`](https://github.com/codefastlabs/codefast/commit/473896609b6e4c4713fb8b391e7e6088b31f1cab) Thanks [@thevuong](https://github.com/thevuong)! - feat(checkbox): render the indeterminate state across the checkbox family — fill the box and swap to a minus icon when `data-state="indeterminate"`, with a matching `data-indeterminate` variant
+
+### Patch Changes
+
+- [#502](https://github.com/codefastlabs/codefast/pull/502) [`5a61b82`](https://github.com/codefastlabs/codefast/commit/5a61b827ba2a99920dcbf10d2589dfa59c3aa682) Thanks [@thevuong](https://github.com/thevuong)! - feat(motion): add control duration tokens and apply them to form controls
+
+  Define two semantic timing tokens in the motion foundation and use them across Switch, Checkbox (+ Cards/Group) and Radio (+ Group/Cards):
+
+  - `--transition-duration-control: 200ms` — container/ring (switch track, checkbox & radio box)
+  - `--transition-duration-control-indicator: 300ms` — the moving part (switch thumb, check/dot, native radio dot)
+
+  They live in the `--transition-duration-*` namespace so they mint clean `duration-control` / `duration-control-indicator` utilities. Because `animate-in` falls back to `--tw-duration`, the same `duration-*` utility drives both the state transitions and the indicator keyframes — one token, one utility, no arbitrary `duration-(--…)` syntax.
+
+- [#502](https://github.com/codefastlabs/codefast/pull/502) [`4da0e77`](https://github.com/codefastlabs/codefast/commit/4da0e77e7a7a3fe83709cba44ac8c2013f57755b) Thanks [@thevuong](https://github.com/thevuong)! - style(controls): differentiate motion tokens by role across form controls
+
+  Apply the design system's motion curves consistently: containers/rings use `ease-snappy`, while the moving/appearing indicators use `ease-spring`.
+
+  - Switch thumb now eases with `ease-spring` (the positional slide); the track keeps `ease-snappy`.
+  - Checkbox, CheckboxCards and CheckboxGroup indicators spring-scale in (`animate-in zoom-in-50 ease-spring`) instead of appearing instantly.
+  - RadioGroup and RadioCards dots spring-scale in, centering preserved.
+
+- [#502](https://github.com/codefastlabs/codefast/pull/502) [`930a916`](https://github.com/codefastlabs/codefast/commit/930a91678b6d370a273dc21b88a3e4fe06710b63) Thanks [@thevuong](https://github.com/thevuong)! - style(switch, checkbox): apply the ease-snappy motion token to control transitions
+
+  Switch (track + thumb slide) and the Checkbox family previously used bare `transition-*` utilities, falling back to Tailwind's hardcoded default curve. They now use the design system's `--ease-snappy` token so the timing stays consistent with the rest of the motion system and follows future theme retunes.
+
+- [#501](https://github.com/codefastlabs/codefast/pull/501) [`5469e9d`](https://github.com/codefastlabs/codefast/commit/5469e9d9c8c998258f5b008655943a6404b48edf) Thanks [@thevuong](https://github.com/thevuong)! - Migrate physical CSS direction utilities to their logical (start/end) equivalents so components mirror correctly under RTL.
+
+- [#502](https://github.com/codefastlabs/codefast/pull/502) [`9813afd`](https://github.com/codefastlabs/codefast/commit/9813afdbe4f5049e720820a048c304a5165c5b0c) Thanks [@thevuong](https://github.com/thevuong)! - style(radio): spring the native radio dot, matching RadioGroup
+
+  The native `Radio` input drew its dot with a `::before` that doubled as the unchecked fill, so animating it made the dot shrink in — the opposite of the Radix-based RadioGroup/RadioCards dots, which scale up. Move the inner fill onto the input's own `bg-background`/`bg-input` so `::before` is purely the dot, then scale it `0 → 1` with `before:transition-transform before:ease-spring` on check. The dot now grows in with the same spring curve as the other radios; the static appearance is unchanged in light and dark.
+
+- [#501](https://github.com/codefastlabs/codefast/pull/501) [`f84c59f`](https://github.com/codefastlabs/codefast/commit/f84c59f176033344002abc473747314d8800233d) Thanks [@thevuong](https://github.com/thevuong)! - fix(ui): flip transforms and resize cursors under `dir="rtl"`
+
+  Logical properties (`start-*`) flip in RTL but the paired `translate-x`/`cursor`
+  utilities do not, leaving elements offset. Add `rtl:` overrides so Dialog and
+  AlertDialog stay centred, the Switch thumb slides the correct way, and the
+  Carousel buttons, Resizable handle, Select popper offset, Sidebar rail cursors,
+  and RadioCards indicator all mirror correctly.
+
+- [#502](https://github.com/codefastlabs/codefast/pull/502) [`3647cb2`](https://github.com/codefastlabs/codefast/commit/3647cb28a72616a26f9b0e943217790b2735a7fd) Thanks [@thevuong](https://github.com/thevuong)! - refactor(switch): align default size to the spacing grid
+
+  Replace the hand-computed `h-[18.4px]` track and `translate-x-[calc(100%-2px)]` thumb offsets with on-grid utilities (`h-4.5`, `translate-x-3.5`/`translate-x-2.5`). The checked thumb travel is unchanged (14px default, 10px small); the default track is 0.4px shorter (18.4px → 18px).
+
+- [#497](https://github.com/codefastlabs/codefast/pull/497) [`a9ead5c`](https://github.com/codefastlabs/codefast/commit/a9ead5c97d442093dbd0fab2a846325e6310160f) Thanks [@thevuong](https://github.com/thevuong)! - Replace directional `text-left` utilities with logical `text-start` in accordion, alert-dialog, drawer, field, item, table, alert, and sidebar so text alignment follows the document direction in RTL layouts.
+
+- Updated dependencies []:
+  - @codefast/tailwind-variants@0.4.0-canary.5
+
+## 0.4.0-canary.4
+
+### Minor Changes
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`8fdbf99`](https://github.com/codefastlabs/codefast/commit/8fdbf99e9b889e6937aca721a3f439cc25b6ea4b) Thanks [@thevuong](https://github.com/thevuong)! - Add `--ease-exit` motion token and apply asymmetric enter/exit easing across overlay, popup, accordion, and sidebar components, syncing dialog overlay durations with content.
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`377224b`](https://github.com/codefastlabs/codefast/commit/377224bc337ca15ee4cfcfc1ddd9667bfce96b04) Thanks [@thevuong](https://github.com/thevuong)! - Add semantic motion duration tokens (`menu`, `popup`, `overlay`, `panel`, `expand`) and retune component timings for snappier feedback — menus 150/100ms, popovers 200/120ms, dialogs 220/150ms, sheets and drawers 320/220ms, accordion 200/150ms.
+
+### Patch Changes
+
+- [`6685ce3`](https://github.com/codefastlabs/codefast/commit/6685ce3db5042d0c1b90bda98d5d1517eeade1d2) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): update source file patterns in preset.css
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`eecb986`](https://github.com/codefastlabs/codefast/commit/eecb9862353b93f76a03a75015a3b7c4e0ba948d) Thanks [@thevuong](https://github.com/thevuong)! - chore(deps): update catalog dependencies — radix-ui 1.5.0, react-hook-form 7.78.0, TanStack Router/Start patches, hono 4.12.25, oxfmt 0.54 / oxlint 1.69, knip 6.16, turbo 2.9.17-canary.7 — and bump pnpm to 11.5.2
+
+- [`451da65`](https://github.com/codefastlabs/codefast/commit/451da65cf5b55cf982b0cb72396d7e08cbeab4ec) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): remove "use client" directive from multiple components
+
+- [`b4ac0df`](https://github.com/codefastlabs/codefast/commit/b4ac0df0ed6073915c5b3502af60bb65489bc1fc) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): replace @radix-ui/react-context with radix-ui package
+
+- [`06ab079`](https://github.com/codefastlabs/codefast/commit/06ab079012d82e8bd37f47a9978a98c446b6b0c9) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): adjust border radius in input group styles
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`48c6661`](https://github.com/codefastlabs/codefast/commit/48c66618f88d4fa93c769e9ede2776f5c8075aa2) Thanks [@thevuong](https://github.com/thevuong)! - fix(ui): align ContextMenuSubTrigger spacing with ContextMenuItem so submenu trigger icons sit correctly
+
+- [`c2e6f73`](https://github.com/codefastlabs/codefast/commit/c2e6f73d39912a9675f53233ce3464f76ad00b1b) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): streamline component styling and className usage
+
+- [`801ac83`](https://github.com/codefastlabs/codefast/commit/801ac83659e00c84cf0d0dc4b1e2a632f7f26e20) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): enhance InputGroup component structure and styling
+
+- [`dfcd7ef`](https://github.com/codefastlabs/codefast/commit/dfcd7ef01c224e5fa4f30b760daedda85b35dd55) Thanks [@thevuong](https://github.com/thevuong)! - feat(ui): enhance InputNumber component with new split variant and additional functionality
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`480292c`](https://github.com/codefastlabs/codefast/commit/480292c36615c682f58e88fdb3136781620b98c0) Thanks [@thevuong](https://github.com/thevuong)! - refactor(navigation-menu): pass the trigger `className` to `navigationMenuTriggerVariants` as a `ClassValue` array instead of pre-merging with `cn`, letting the variant resolver handle merging in one pass
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`391f4c7`](https://github.com/codefastlabs/codefast/commit/391f4c768a589eb47808ba8f1dcfe7c60ba2bfe5) Thanks [@thevuong](https://github.com/thevuong)! - Fix navigation menu viewport scale animation by replacing the invalid `origin-top-center` class with `origin-[top_center]`.
+
+- [`2425b93`](https://github.com/codefastlabs/codefast/commit/2425b9310ee6bf62c7b74a85516808f7159bf152) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): update component styling for consistency and clarity
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`fa338d6`](https://github.com/codefastlabs/codefast/commit/fa338d61fbfafb94beaa4d05d93d01e2c005cc91) Thanks [@thevuong](https://github.com/thevuong)! - Normalize import statement order and package.json key order repo-wide via the new oxfmt `sortImports`/`sortPackageJson` settings — purely mechanical, no runtime behavior change.
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`68bc271`](https://github.com/codefastlabs/codefast/commit/68bc271a3f9864c68045ee495f510c19f3ac1c80) Thanks [@thevuong](https://github.com/thevuong)! - fix(ui): restore side-scoped slide animations on popover, hover-card, select, and tooltip
+
+  Reinstate ease-snappy easing with distinct open/close durations, scope slide-in
+  classes under data-open (and data-delayed-open for tooltip), and bring back
+  directional slide-out on close — matching the previously restored context menu,
+  dropdown menu, and menubar motion.
+
+- [`2247289`](https://github.com/codefastlabs/codefast/commit/2247289ccc8c983a5cf8dd4689d185eab6f6adb3) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): enhance BreadcrumbSeparator component styling and props
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`b66cb9d`](https://github.com/codefastlabs/codefast/commit/b66cb9debecb933f84ab1b4c711a01430823b641) Thanks [@thevuong](https://github.com/thevuong)! - Scope overlay enter/exit timing with `animation-duration-*` utilities (no more implicit all-property transitions from `duration-*`), make the navigation menu viewport size transition explicit, and fix the input OTP caret blink speed so the intended 1s duration actually applies.
+
+- [`0636d46`](https://github.com/codefastlabs/codefast/commit/0636d46e54366a690fb8b9a85bb3adafe3e73fbc) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): replace `react-day-picker` with `@daypicker/react`
+
+- [`ae3240a`](https://github.com/codefastlabs/codefast/commit/ae3240a4a8f026aa4f5d04fd270022139fc77433) Thanks [@thevuong](https://github.com/thevuong)! - feat(ui): export DirectionProvider to propagate reading direction
+
+- [`09c3782`](https://github.com/codefastlabs/codefast/commit/09c3782ad73a5d5d76e678d9d71ab22135cebd5a) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): simplify DirectionProvider and useDirection
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`95b0ec4`](https://github.com/codefastlabs/codefast/commit/95b0ec41b5223ee48aeb6d82213f6b6d5c5cdd1e) Thanks [@thevuong](https://github.com/thevuong)! - Tune dialog, alert-dialog, drawer, and sheet overlay animations with asymmetric open/close durations and gentle easing.
+
+- [#495](https://github.com/codefastlabs/codefast/pull/495) [`c60a41f`](https://github.com/codefastlabs/codefast/commit/c60a41f28af1e51d29331c3716ec5023e41b617a) Thanks [@thevuong](https://github.com/thevuong)! - refactor(ui): drop redundant single-arg `cn(className)` in Breadcrumb, CalendarRoot, AlertDialogAction/Cancel, and SidebarTrigger — `className` already forwards through `...props`, so the extra destructure and wrapper added nothing
+
+- Updated dependencies [[`fa338d6`](https://github.com/codefastlabs/codefast/commit/fa338d61fbfafb94beaa4d05d93d01e2c005cc91), [`b097689`](https://github.com/codefastlabs/codefast/commit/b0976892cae3433670837aee0872262d38be0f45), [`7a4f8c3`](https://github.com/codefastlabs/codefast/commit/7a4f8c3b487526a319c6808d1164ba1c8168e9b6)]:
+  - @codefast/tailwind-variants@0.4.0-canary.4
+
 ## 0.3.16-canary.3
 
 ### Patch Changes

package/README.md

@@ -86,7 +86,7 @@ Import the palette and the preset **after** `tailwindcss` so Tailwind isn't dupl
 @import "tailwindcss";
 
 /* @codefast/ui tokens + preset */
-@import "@codefast/ui/css/slate.css";
+@import "@codefast/ui/css/themes/slate.css";
 @import "@codefast/ui/css/preset.css";
 ```
 
@@ -110,7 +110,7 @@ Make sure your bundler can process CSS `@import` (Vite and Next.js do this out o
 
 ### Theme palettes
 
-Replace `slate.css` with any of the palettes below:
+Replace `themes/slate.css` with any palette under `@codefast/ui/css/themes/`:
 
 ```
 amber · blue · cyan · emerald · fuchsia · gray · green · indigo · lime · neutral
@@ -134,7 +134,7 @@ Pair with [`@codefast/theme`](../theme/README.md) for SSR-safe theme management
 Override CSS custom properties after the imports:
 
 ```css
-@import "@codefast/ui/css/slate.css";
+@import "@codefast/ui/css/themes/slate.css";
 @import "@codefast/ui/css/preset.css";
 
 :root {
@@ -258,7 +258,7 @@ All components are also re-exported from the root entry `@codefast/ui`.
 | `Alert`          | `@codefast/ui/alert`           | Inline status message.          |
 | `Avatar`         | `@codefast/ui/avatar`          | User avatar with fallback.      |
 | `Badge`          | `@codefast/ui/badge`           | Status pill.                    |
-| `Calendar`       | `@codefast/ui/calendar`        | Date picker (react-day-picker). |
+| `Calendar`       | `@codefast/ui/calendar`        | Date picker (@daypicker/react). |
 | `Carousel`       | `@codefast/ui/carousel`        | Slider (embla-carousel).        |
 | `Chart`          | `@codefast/ui/chart`           | Responsive charts (recharts).   |
 | `Collapsible`    | `@codefast/ui/collapsible`     | Expand/collapse primitive.      |
@@ -298,7 +298,9 @@ Low-level building blocks, used internally by the styled components, exposed for
 | `@codefast/ui/primitives/checkbox-group`  | Controlled checkbox-group state machine.                 |
 | `@codefast/ui/primitives/progress-circle` | Math + a11y primitive for circular progress.             |
 | `@codefast/ui/lib/utils`                  | `cn()` — classname merge helper used by every component. |
-| `@codefast/ui/css/*`                      | Palette + preset CSS files (see [Styling](#styling)).    |
+| `@codefast/ui/css/themes/*`               | Theme palette CSS files (see [Styling](#styling)).       |
+| `@codefast/ui/css/preset.css`             | Tailwind preset: variants, `cf-*` utilities, base layer. |
+| `@codefast/ui/css/style.css`              | Bundled Tailwind + default palette + preset.             |
 
 ```tsx
 import { cn } from "@codefast/ui/lib/utils";
@@ -312,32 +314,32 @@ const classes = cn("rounded-md px-3 py-1", disabled && "opacity-50");
 
 If you ship TanStack Start behind **[Nitro](https://v3.nitro.build/)** and **Vite 8 (Rolldown)**, you may hit a server-side `TypeError` referencing `__extends` or `__toESM(...).default` during route loaders or SSR. It originates from CJS `tslib` usage inside overlay-related dependencies (Dialog, Sheet, Menu, …) that reach for `react-remove-scroll-bar` and friends.
 
-**Preferred fix** — make Nitro pick ESM entry points from those packages:
+**Fix** — make Nitro resolve the ESM entry points of those packages via the `module` export condition. Pass it to the `nitro` plugin so the server build picks ESM over CJS:
 
 ```ts
 // vite.config.ts
 import { defineConfig } from "vite";
+import { nitro } from "nitro/vite";
 
 export default defineConfig({
-  nitro: {
-    exportConditions: ["import", "module", "default"],
-  },
-  // plugins: [tanstackStart(), nitro(), …],
+  plugins: [
+    // tanstackStart(), …
+    nitro({ exportConditions: ["module"] }),
+  ],
 });
 ```
 
-**Fallback** — alias `tslib` to its ESM build:
+Keep the client `resolve.conditions` aligned with the server so both sides resolve the same entry points — a mismatch can otherwise surface as a hydration warning:
 
 ```ts
 export default defineConfig({
   resolve: {
-    alias: { tslib: "tslib/tslib.es6.mjs" },
+    conditions: ["module"],
   },
+  // …
 });
 ```
 
-> Don't use `nitro.alias` for the bare specifier `tslib`. In Nitro v3 that option is for unenv path overrides, not npm package names, and produces broken resolutions.
-
 ---
 
 ## Troubleshooting
@@ -347,7 +349,7 @@ export default defineConfig({
 | Components render unstyled                       | Make sure CSS imports run before the first component mounts (import from the app entry).          |
 | Tailwind output is duplicated                    | Use the palette + `preset.css` import — don't also import `css/style.css` in the same app.        |
 | Dark mode doesn't apply                          | Add the `dark` class to `<html>` (or any ancestor). See [Dark mode](#dark-mode).                  |
-| `Cannot destructure property '__extends'` in SSR | Set `nitro.exportConditions: ["import", "module", "default"]` (see above).                        |
+| `Cannot destructure property '__extends'` in SSR | Pass `exportConditions: ["module"]` to the `nitro` plugin (see above).                            |
 | Missing font or radius after palette switch      | Re-import the palette **before** `preset.css`. Preset depends on palette variables being defined. |
 
 ---
@@ -390,7 +392,16 @@ Adding a component:
 4. Add tests under `src/components/__tests__` (unit + `jest-axe` if interactive).
 5. Run `pnpm --filter @codefast/ui build` to verify `tsdown` picks up the new entry.
 
-CSS entry exports under `@codefast/ui/css/*` are sourced directly from `src/css/*`.
+CSS exports under `@codefast/ui/css/*` map to `src/css/`:
+
+```
+css/
+├── style.css          # Tailwind + themes/neutral + preset
+├── preset.css         # Aggregates foundation + utilities
+├── foundation/        # source, variants, tokens, motion, base
+├── utilities/         # shared + component utilities referenced in TSX
+└── themes/            # amber.css … zinc.css
+```
 
 ---
 

package/dist/components/accordion.d.mts

@@ -1,22 +1,22 @@
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { Slot } from "@radix-ui/react-slot";
+import { Accordion as Accordion$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/accordion.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
+type AccordionProps = ComponentProps<typeof Accordion$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function Accordion({
+  className,
   ...props
 }: AccordionProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
+type AccordionItemProps = ComponentProps<typeof Accordion$1.Item>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -27,22 +27,7 @@ declare function AccordionItem({
 /**
  * @since 0.3.16-canary.0
  */
-interface AccordionIconProps extends ComponentProps<typeof Slot> {
-  asChild?: boolean;
-  className?: string;
-}
-/**
- * @since 0.3.16-canary.0
- */
-declare function AccordionIcon({
-  asChild,
-  className,
-  ...props
-}: AccordionIconProps): JSX.Element;
-/**
- * @since 0.3.16-canary.0
- */
-type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
+type AccordionTriggerProps = ComponentProps<typeof Accordion$1.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -54,7 +39,7 @@ declare function AccordionTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
+type AccordionContentProps = ComponentProps<typeof Accordion$1.Content>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -64,4 +49,4 @@ declare function AccordionContent({
   ...props
 }: AccordionContentProps): JSX.Element;
 //#endregion
-export { Accordion, AccordionContent, type AccordionContentProps, AccordionIcon, type AccordionIconProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/components/accordion.mjs

@@ -1,15 +1,14 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { Slot } from "@radix-ui/react-slot";
-import { ChevronDownIcon } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Accordion as Accordion$1 } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/accordion.tsx
 /**
 * @since 0.3.16-canary.0
 */
-function Accordion({ ...props }) {
-	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+function Accordion({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		className: cn("flex w-full flex-col", className),
 		"data-slot": "accordion",
 		...props
 	});
@@ -18,8 +17,8 @@ function Accordion({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function AccordionItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
-		className: cn("border-b", "last:border-b-0", className),
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		className: cn("not-last:border-b", className),
 		"data-slot": "accordion-item",
 		...props
 	});
@@ -27,26 +26,24 @@ function AccordionItem({ className, ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function AccordionIcon({ asChild, className, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : ChevronDownIcon, {
-		"aria-hidden": true,
-		className: cn("size-4 shrink-0 text-muted-foreground", "translate-y-0.5 transition-transform duration-300 ease-spring", "motion-reduce:transition-none motion-reduce:duration-0", className),
-		"data-slot": "accordion-icon",
-		...props
-	});
-}
-/**
-* @since 0.3.16-canary.0
-*/
 function AccordionTrigger({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
 		className: "flex",
-		"data-slot": "accordion-trigger-wrapper",
-		children: /* @__PURE__ */ jsx(AccordionPrimitive.Trigger, {
-			className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 py-4", "rounded-md outline-hidden", "text-left text-sm font-medium", "hover:not-disabled:underline", "focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "[&[data-state=open]>svg]:rotate-180", className),
+		children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+			className: cn("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-4 text-start text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground", className),
 			"data-slot": "accordion-trigger",
 			...props,
-			children
+			children: [
+				children,
+				/* @__PURE__ */ jsx(ChevronDownIcon, {
+					className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden",
+					"data-slot": "accordion-trigger-icon"
+				}),
+				/* @__PURE__ */ jsx(ChevronUpIcon, {
+					className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline",
+					"data-slot": "accordion-trigger-icon"
+				})
+			]
 		})
 	});
 }
@@ -54,15 +51,15 @@ function AccordionTrigger({ children, className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function AccordionContent({ children, className, ...props }) {
-	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
-		className: cn("overflow-hidden", "data-open:animate-collapsible-down data-open:ease-snappy", "data-closed:animate-collapsible-up data-closed:ease-snappy", "motion-reduce:animate-none motion-reduce:transition-none"),
+	return /* @__PURE__ */ jsx(Accordion$1.Content, {
+		className: "overflow-hidden text-sm ease-snappy data-open:animate-accordion-down data-open:animation-duration-expand-in data-closed:animate-accordion-up data-closed:ease-exit data-closed:animation-duration-expand-out",
 		"data-slot": "accordion-content",
 		...props,
 		children: /* @__PURE__ */ jsx("div", {
-			className: cn("pt-0 pb-4", "text-sm", className),
+			className: cn("h-(--radix-accordion-content-height) pt-0 pb-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className),
 			children
 		})
 	});
 }
 //#endregion
-export { Accordion, AccordionContent, AccordionIcon, AccordionItem, AccordionTrigger };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/alert-dialog.d.mts

@@ -1,13 +1,12 @@
-import { VariantProps } from "../lib/utils.mjs";
-import { buttonVariants } from "../variants/button.mjs";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { ButtonProps } from "./button.mjs";
+import { AlertDialog as AlertDialog$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/alert-dialog.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
+type AlertDialogProps = ComponentProps<typeof AlertDialog$1.Root>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -17,7 +16,7 @@ declare function AlertDialog({
 /**
  * @since 0.3.16-canary.0
  */
-type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
+type AlertDialogTriggerProps = ComponentProps<typeof AlertDialog$1.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -27,20 +26,15 @@ declare function AlertDialogTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimitive.Content> {
-  classNames?: {
-    content?: string;
-    overlay?: string;
-    wrapper?: string;
-  };
+interface AlertDialogContentProps extends ComponentProps<typeof AlertDialog$1.Content> {
+  size?: "default" | "sm";
 }
 /**
  * @since 0.3.16-canary.0
  */
 declare function AlertDialogContent({
-  children,
   className,
-  classNames,
+  size,
   ...props
 }: AlertDialogContentProps): JSX.Element;
 /**
@@ -57,6 +51,21 @@ declare function AlertDialogHeader({
 /**
  * @since 0.3.16-canary.0
  */
+type AlertDialogMediaProps = ComponentProps<"div">;
+/**
+ * @since 0.3.16-canary.0
+ */
+declare function AlertDialogMedia({
+  className,
+  ...props
+}: AlertDialogMediaProps): JSX.Element;
+/**
+ * Optional scrollable region for long content. When used, the Header and Footer
+ * stay pinned (shrink-0) and only this body scrolls; without it, the whole
+ * Content scrolls via its own max-height. A codefast enhancement over radix-vega.
+ *
+ * @since 0.3.16-canary.0
+ */
 type AlertDialogBodyProps = ComponentProps<"div">;
 /**
  * @since 0.3.16-canary.0
@@ -79,7 +88,7 @@ declare function AlertDialogFooter({
 /**
  * @since 0.3.16-canary.0
  */
-type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
+type AlertDialogTitleProps = ComponentProps<typeof AlertDialog$1.Title>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -90,7 +99,7 @@ declare function AlertDialogTitle({
 /**
  * @since 0.3.16-canary.0
  */
-type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
+type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialog$1.Description>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -101,15 +110,11 @@ declare function AlertDialogDescription({
 /**
  * @since 0.3.16-canary.0
  */
-interface AlertDialogActionProps extends ComponentProps<typeof AlertDialogPrimitive.Action> {
-  size?: VariantProps<typeof buttonVariants>["size"];
-  variant?: VariantProps<typeof buttonVariants>["variant"];
-}
+interface AlertDialogActionProps extends ComponentProps<typeof AlertDialog$1.Action>, Pick<ButtonProps, "size" | "variant"> {}
 /**
  * @since 0.3.16-canary.0
  */
 declare function AlertDialogAction({
-  className,
   size,
   variant,
   ...props
@@ -117,18 +122,14 @@ declare function AlertDialogAction({
 /**
  * @since 0.3.16-canary.0
  */
-interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialogPrimitive.Cancel> {
-  size?: VariantProps<typeof buttonVariants>["size"];
-  variant?: VariantProps<typeof buttonVariants>["variant"];
-}
+interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialog$1.Cancel>, Pick<ButtonProps, "size" | "variant"> {}
 /**
  * @since 0.3.16-canary.0
  */
 declare function AlertDialogCancel({
-  className,
   size,
   variant,
   ...props
 }: AlertDialogCancelProps): JSX.Element;
 //#endregion
-export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };