@uselets/ui 1.12.0 → 1.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uselets/ui",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "type": "module",
   "private": false,
   "description": "React component library for the LET'S design system.",
@@ -58,10 +58,10 @@
     }
   },
   "dependencies": {
-    "@base-ui/react": "1.5.0",
+    "@base-ui/react": "1.6.0",
     "@fontsource-variable/inter": "5.2.8",
     "@react-input/mask": "2.0.4",
-    "@tabler/icons-react": "3.44.0",
+    "@tabler/icons-react": "3.45.0",
     "@tanstack/react-table": "8.21.3",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
@@ -71,12 +71,13 @@
     "embla-carousel-react": "8.6.0",
     "input-otp": "1.4.2",
     "next-themes": "0.4.6",
-    "radix-ui": "1.5.0",
+    "radix-ui": "1.6.2",
     "react-day-picker": "10.0.1",
-    "react-dropzone": "15.0.0",
-    "react-resizable-panels": "4.11.2",
-    "recharts": "3.8.1",
-    "shadcn": "4.11.0",
+    "react-dropzone": "17.0.0",
+    "react-phone-number-input": "3.4.17",
+    "react-resizable-panels": "4.12.2",
+    "recharts": "3.9.2",
+    "shadcn": "4.13.1",
     "sonner": "2.0.7",
     "tailwind-merge": "3.6.0",
     "tailwind-scrollbar": "4.0.2",
@@ -88,17 +89,17 @@
   },
   "devDependencies": {
     "@bosh-code/tsdown-plugin-tailwindcss": "1.0.1",
-    "@tailwindcss/postcss": "4.3.0",
+    "@tailwindcss/postcss": "4.3.3",
     "@testing-library/react": "16.3.2",
-    "@tsdown/css": "0.22.2",
-    "@turbo/gen": "2.9.18",
-    "@types/node": "25.9.3",
+    "@tsdown/css": "0.22.9",
+    "@turbo/gen": "2.10.5",
+    "@types/node": "26.1.1",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
     "jsdom": "29.1.1",
-    "tailwindcss": "4.3.0",
-    "tsdown": "0.22.2",
-    "typescript": "6.0.3",
-    "vitest": "4.1.8"
+    "tailwindcss": "4.3.3",
+    "tsdown": "0.22.9",
+    "typescript": "7.0.2",
+    "vitest": "4.1.10"
   }
 }

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

@@ -154,13 +154,19 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Exports: `InputOTP`, `InputOTPGroup`, `InputOTPSeparator`, `InputOTPSlot`, `REGEXP_ONLY_CHARS`, `REGEXP_ONLY_DIGITS`, `REGEXP_ONLY_DIGITS_AND_CHARS`
 - `mask-input`
   - Exports: `MaskInput`
-  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `9` (digit), `a` (letter), `*` (any). Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual. Forwards a `ref` prop to the underlying `<input>`, composed with the internal mask ref via `composeRefs`.
+  - Notes: formatted input backed by `@react-input/mask`. Required prop `mask`; optional `replacement` (string or `Record<string, RegExp>`), `showMask`, `separate`, `track`, `modify`. Default replacement tokens are `_` (digit), `#` (letter), `*` (any) — picked so the token is never a character the user actually types. When no custom `replacement` is passed, `mask` strings using the older `9`/`a` tokens are transparently translated to `_`/`#`, so existing masks keep working. Renders the standard `Input`, so `Field`/`FieldLabel` and all native `<input>` props work as usual. Forwards a `ref` prop to the underlying `<input>`, composed with the internal mask ref via `composeRefs`.
+- `number-field`
+  - Exports: `NumberField`, `NumberFieldGroup`, `NumberFieldDecrement`, `NumberFieldIncrement`, `NumberFieldInput`, `NumberFieldScrubArea`
+  - Notes: Base UI-backed numeric stepper input. `NumberField.size: 'sm' | 'md' | 'lg'` (default `md`); supports `min`, `max`, `step`, and other Base UI `NumberField.Root` props. `NumberFieldScrubArea` requires a `label` and renders a draggable handle that scrubs the value on pointer drag.
+- `phone-input`
+  - Exports: `PhoneInput`
+  - Notes: international phone input built on `react-phone-number-input`, composed from the existing `Input` and `Combobox` (country select, with flags); matches `Input`'s styling and single size (no `variant`/size prop). `value` / `onChange` use the E.164 `Value` string from `react-phone-number-input`; `defaultCountry` defaults to `BR`.
 - `checkbox`
   - Exports: `Checkbox`
   - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `primary`), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; composed label text follows checkbox size (`sm` 12px, `md` 14px, `lg` 20px)
 - `switch`
   - Exports: `Switch`
-  - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `green`), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; `color` controls the checked track and indicator color only; track size is `sm` 34x16px, `md` 42x20px, and `lg` 48x22px; the thumb and internal indicator scale with the switch; composed label text follows switch size (`sm` 12px, `md` 14px, `lg` 20px)
+  - Notes: supports `size: 'sm' | 'md' | 'lg'`, `color: UIColor` (default `green`), `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; `color` controls the checked track and indicator color only; track size is `sm` 34x16px, `md` 42x20px, and `lg` 48x22px; the thumb and internal indicator scale with the switch; composed label text follows switch size (`sm` 14px, `md` 16px, `lg` 18px)
 - `radio-group`
   - Exports: `RadioGroup`, `RadioGroupItem`
   - Notes: `RadioGroup` supports `color: UIColor` (default `primary`) for the group; `RadioGroupItem` supports `size: 'sm' | 'md' | 'lg'`, optional `color: UIColor` item overrides, `label?: React.ReactNode`, `labelProps`, and automatic `id`/`htmlFor` wiring when a label is provided without an explicit `id`; composed label text follows item size (`sm` 12px, `md` 14px, `lg` 20px)
@@ -217,6 +223,9 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Exports: `Pagination`, `PaginationContent`, `PaginationEllipsis`, `PaginationItem`, `PaginationLink`, `PaginationNext`, `PaginationPrevious`
 - `sidebar`
   - Exports: `Sidebar`, `SidebarContent`, `SidebarFooter`, `SidebarGroup`, `SidebarGroupAction`, `SidebarGroupContent`, `SidebarGroupLabel`, `SidebarHeader`, `SidebarInput`, `SidebarInset`, `SidebarMenu`, `SidebarMenuAction`, `SidebarMenuBadge`, `SidebarMenuButton`, `SidebarMenuItem`, `SidebarMenuSkeleton`, `SidebarMenuSub`, `SidebarMenuSubButton`, `SidebarMenuSubItem`, `SidebarProvider`, `SidebarRail`, `SidebarSeparator`, `SidebarTrigger`, `useSidebar`
+- `stepper`
+  - Exports: `Stepper`, `StepperNav`, `StepperItem`, `StepperTrigger`, `StepperIndicator`, `StepperSeparator`, `StepperTitle`, `StepperDescription`, `StepperPanel`, `StepperContent`, `useStepper`, `useStepItem`
+  - Notes: multi-step progress navigation. `Stepper.orientation: 'horizontal' | 'vertical'` (default `horizontal`); supports controlled (`value` / `onValueChange`) and uncontrolled (`defaultValue`) active step, plus custom per-state `indicators` (`active`, `completed`, `inactive`, `loading`). `StepperItem` accepts `completed`, `disabled`, and `loading`. Arrow-key and Home/End keyboard navigation between triggers is built in.
 - `tabs`
   - Exports: `Tabs`, `TabsContent`, `TabsList`, `tabsListVariants`, `TabsTrigger`
   - Notes: `TabsList.variant` supports `line` and `enclosed`, defaults to `line`, accepts `grow?: boolean` for equal-width horizontal tabs, and uses the `primary` color for the active line indicator
@@ -261,6 +270,9 @@ Unless noted otherwise, each module also exports its public `*Props` types from
   - Notes: horizontal row primitive. Supports `align: 'start' | 'end' | 'center' | 'baseline' | 'stretch'` (default `center`), `justify: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'`, `gap: 'xs' | 'sm' | 'md' | 'lg' | 'xl'` (`4/8/16/24/32px`), and `wrap`
 - `kbd`
   - Exports: `Kbd`, `KbdGroup`
+- `marker`
+  - Exports: `Marker`, `MarkerContent`, `MarkerIcon`, `markerVariants`
+  - Notes: inline text row with `variant: 'default' | 'separator' | 'border'` (default `default`) and `asChild`; `separator` renders divider lines flanking the content (labeled divider); `border` renders a bottom border instead. `MarkerIcon` and `MarkerContent` are plain sub-parts for composing an icon + text row.
 - `resizable`
   - Exports: `ResizableHandle`, `ResizablePanel`, `ResizablePanelGroup`
 - `scroll-area`