@uselets/ui 1.18.6 → 1.18.8

package/dist/lib/color.d.ts

@@ -1,8 +1,8 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 //#region src/lib/color.d.ts
-declare const uiColors: readonly ['primary', 'brand', 'gray', 'zinc', 'red', 'yellow', 'blue', 'indigo', 'pink', 'green'];
-type UIColor = (typeof uiColors)[number];
-declare const selectionControlColorVariants: {
+export declare const uiColors: readonly ['primary', 'brand', 'gray', 'zinc', 'red', 'yellow', 'blue', 'indigo', 'pink', 'green'];
+export type UIColor = (typeof uiColors)[number];
+export declare const selectionControlColorVariants: {
   readonly primary: readonly ["[--selection-control:var(--primary)]", "[--selection-control-foreground:var(--zinc-50)]"];
   readonly brand: readonly ["[--selection-control:var(--brand)]", "[--selection-control-foreground:var(--zinc-50)]"];
   readonly gray: readonly ["[--selection-control:var(--gray)]", "[--selection-control-foreground:var(--zinc-50)]"];
@@ -15,5 +15,4 @@ declare const selectionControlColorVariants: {
   readonly green: readonly ["[--selection-control:var(--green)]", "[--selection-control-foreground:var(--zinc-50)]"];
 };
 //#endregion
-export { UIColor, selectionControlColorVariants, uiColors };
 //# sourceMappingURL=color.d.ts.map

package/dist/lib/compose-refs.d.ts

@@ -1,8 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import * as React from "react";
 //#region src/lib/compose-refs.d.ts
-declare function setRef<T>(ref: React.Ref<T> | undefined, value: T | null): void;
-declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
+export declare function setRef<T>(ref: React.Ref<T> | undefined, value: T | null): void;
+export declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
 //#endregion
-export { composeRefs, setRef };
 //# sourceMappingURL=compose-refs.d.ts.map

package/dist/lib/progress.d.ts

@@ -1,7 +1,7 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { UIColor } from "./color.js";
 //#region src/lib/progress.d.ts
-declare const progressColorVariants: {
+export declare const progressColorVariants: {
   readonly primary: readonly ["[--progress-color:var(--primary)]"];
   readonly brand: readonly ["[--progress-color:var(--brand)]"];
   readonly gray: readonly ["[--progress-color:var(--gray)]"];
@@ -13,7 +13,6 @@ declare const progressColorVariants: {
   readonly pink: readonly ["[--progress-color:var(--pink)]"];
   readonly green: readonly ["[--progress-color:var(--green)]"];
 };
-type ProgressColor = UIColor;
+export type ProgressColor = UIColor;
 //#endregion
-export { ProgressColor, progressColorVariants };
 //# sourceMappingURL=progress.d.ts.map

package/dist/lib/utils.d.ts

@@ -1,7 +1,9 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
 import { cn } from "cn";
+import * as React from "react";
 //#region src/lib/utils.d.ts
-declare function randomId(prefix?: string): string;
+export declare function randomId(prefix?: string): string;
+export declare function stopPropagationHandler<E extends React.SyntheticEvent>(handler?: (event: E) => void): (event: E) => void;
 //#endregion
-export { cn, randomId };
+export { cn };
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"cn";function randomId(e=`max-`){return`${e}${Math.random().toString(36).slice(2,11)}`}export{e as cn,randomId};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"cn";function randomId(e=`max-`){return`${e}${Math.random().toString(36).slice(2,11)}`}function stopPropagationHandler(e){return t=>{e?.(t),t.stopPropagation()}}export{e as cn,randomId,stopPropagationHandler};
 //# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["export { cn } from 'cn'\n\nexport function randomId(prefix = 'max-') {\n  return `${prefix}${Math.random().toString(36).slice(2, 11)}`\n}\n"],"mappings":"gEAEA,SAAgB,SAAS,EAAS,OAAQ,CACxC,MAAO,GAAG,IAAS,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAG,EAAE,GAC3D"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import type * as React from 'react'\n\nexport { cn } from 'cn'\n\nexport function randomId(prefix = 'max-') {\n  return `${prefix}${Math.random().toString(36).slice(2, 11)}`\n}\n\nexport function stopPropagationHandler<E extends React.SyntheticEvent>(handler?: (event: E) => void) {\n  return (event: E) => {\n    handler?.(event)\n    event.stopPropagation()\n  }\n}\n"],"mappings":"gEAIA,SAAgB,SAAS,EAAS,OAAQ,CACxC,MAAO,GAAG,IAAS,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAG,EAAE,GAC3D,CAEA,SAAgB,uBAAuD,EAA8B,CACnG,MAAQ,IAAa,CACnB,IAAU,CAAK,EACf,EAAM,gBAAgB,CACxB,CACF"}

package/dist/skills/uselets-ui/references/component-catalog.md

@@ -201,10 +201,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
 
 - `dialog`
   - Exports: `Dialog`, `DialogBody`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
-  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`. `Dialog.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DialogClose` still work)
+  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`. `Dialog.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DialogClose` still work). `DialogOverlay` and `DialogContent` stop `click`/`submit` propagation to ancestor elements by default, since Radix portals move them elsewhere in the DOM but React still propagates their synthetic events through the component tree
 - `drawer`
   - Exports: `Drawer`, `DrawerBody`, `DrawerClose`, `DrawerContent`, `DrawerDescription`, `DrawerFooter`, `DrawerHeader`, `DrawerOverlay`, `DrawerPortal`, `DrawerTitle`, `DrawerTrigger`
-  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`. `Drawer.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DrawerClose` still work). `Drawer.direction: 'top' | 'right' | 'bottom' | 'left'` (default: `right`) controls which edge the drawer slides in from
+  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`. `Drawer.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DrawerClose` still work). `Drawer.direction: 'top' | 'right' | 'bottom' | 'left'` (default: `right`) controls which edge the drawer slides in from. `DrawerOverlay` and `DrawerContent` stop `click`/`submit` propagation to ancestor elements by default, since Radix portals move them elsewhere in the DOM but React still propagates their synthetic events through the component tree
 - `popover`
   - Exports: `Popover`, `PopoverAnchor`, `PopoverContent`, `PopoverDescription`, `PopoverHeader`, `PopoverTitle`, `PopoverTrigger`
 - `hover-card`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uselets/ui",
-  "version": "1.18.6",
+  "version": "1.18.8",
   "type": "module",
   "license": "UNLICENSED",
   "private": false,
@@ -60,15 +60,15 @@
     }
   },
   "dependencies": {
-    "@base-ui/react": "1.7.0",
+    "@base-ui/react": "1.8.0",
     "@fontsource-variable/inter": "5.3.0",
     "@react-input/mask": "2.0.4",
     "@tabler/icons-react": "3.46.0",
     "@tanstack/react-table": "9.2.4",
-    "@uselets/tokens": "workspace:*",
+    "@uselets/tokens": "workspace:^0.1.0",
     "class-variance-authority": "0.7.1",
     "cmdk": "1.1.1",
-    "cn": "0.2.4",
+    "cn": "0.3.0",
     "commander": "15.0.0",
     "date-fns": "4.4.0",
     "embla-carousel-react": "8.6.0",
@@ -76,11 +76,11 @@
     "next-themes": "0.4.6",
     "radix-ui": "1.6.7",
     "react-day-picker": "10.0.1",
-    "react-dropzone": "20.1.1",
+    "react-dropzone": "20.1.2",
     "react-phone-number-input": "3.4.18",
-    "react-resizable-panels": "4.12.3",
+    "react-resizable-panels": "4.12.4",
     "recharts": "3.10.1",
-    "shadcn": "4.20.1",
+    "shadcn": "4.21.0",
     "sonner": "2.0.8"
   },
   "peerDependencies": {
@@ -91,16 +91,16 @@
     "@bosh-code/tsdown-plugin-tailwindcss": "1.0.1",
     "@tailwindcss/postcss": "4.3.3",
     "@testing-library/react": "16.3.3",
-    "@vitest/coverage-v8": "4.1.11",
-    "@tsdown/css": "0.22.14",
-    "@turbo/gen": "2.10.12",
-    "@types/node": "26.4.0",
-    "@types/react": "19.2.18",
-    "@types/react-dom": "19.2.5",
+    "@vitest/coverage-v8": "5.0.1",
+    "@tsdown/css": "0.23.0",
+    "@turbo/gen": "2.10.13",
+    "@types/node": "26.6.2",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
     "jsdom": "30.0.1",
     "tailwindcss": "4.3.3",
-    "tsdown": "0.22.14",
+    "tsdown": "0.23.0",
     "typescript": "7.0.2",
-    "vitest": "4.1.11"
+    "vitest": "5.0.1"
   }
 }

package/skills/uselets-ui/references/component-catalog.md

@@ -201,10 +201,10 @@ Unless noted otherwise, each module also exports its public `*Props` types from
 
 - `dialog`
   - Exports: `Dialog`, `DialogBody`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`
-  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`. `Dialog.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DialogClose` still work)
+  - Notes: `Dialog` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `full` occupies the entire viewport. `DialogContent` caps its height at `calc(100dvh - 2rem)` and lays out children as a flex column. For long content, wrap the middle in `DialogBody` (`flex-1 overflow-y-auto`) so the body scrolls while `DialogHeader` and `DialogFooter` remain pinned; for short content, omit `DialogBody`. `DialogContent.showCloseButton` defaults to `true`; `DialogFooter.showCloseButton` defaults to `false`. `Dialog.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DialogClose` still work). `DialogOverlay` and `DialogContent` stop `click`/`submit` propagation to ancestor elements by default, since Radix portals move them elsewhere in the DOM but React still propagates their synthetic events through the component tree
 - `drawer`
   - Exports: `Drawer`, `DrawerBody`, `DrawerClose`, `DrawerContent`, `DrawerDescription`, `DrawerFooter`, `DrawerHeader`, `DrawerOverlay`, `DrawerPortal`, `DrawerTitle`, `DrawerTrigger`
-  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`. `Drawer.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DrawerClose` still work). `Drawer.direction: 'top' | 'right' | 'bottom' | 'left'` (default: `right`) controls which edge the drawer slides in from
+  - Notes: `Drawer` supports `size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'` with default `md`; `DrawerBody` provides padded auto-scroll content; `DrawerFooter` stacks actions on mobile and aligns them to the end on larger breakpoints; `DrawerContent.showCloseButton` controls the automatic close button and defaults to `true`. `Drawer.dismissible` defaults to `true`; set it to `false` to prevent closing via outside click and Esc (the close button and `DrawerClose` still work). `Drawer.direction: 'top' | 'right' | 'bottom' | 'left'` (default: `right`) controls which edge the drawer slides in from. `DrawerOverlay` and `DrawerContent` stop `click`/`submit` propagation to ancestor elements by default, since Radix portals move them elsewhere in the DOM but React still propagates their synthetic events through the component tree
 - `popover`
   - Exports: `Popover`, `PopoverAnchor`, `PopoverContent`, `PopoverDescription`, `PopoverHeader`, `PopoverTitle`, `PopoverTrigger`
 - `hover-card`