aplance-ui 1.5.1 → 1.6.0

package/registry/components/ui/input-fields/date-picker/calendar.tsx

@@ -1,4 +1,4 @@
-import type { ChangeEvent, ComponentProps } from "react";
+import type { ChangeEvent } from "react";
 import clsx from "clsx";
 import {
   IconChevronDown,
@@ -10,7 +10,8 @@ import {
   getDefaultClassNames,
   type ClassNames,
   type DayPickerProps,
-} from "react-day-picker";
+  type DropdownProps,
+} from "@daypicker/react";
 import { CustomSelect } from "../custom-select/custom-select";
 import sButton from "../../button/button.module.css";
 import s from "./calendar.module.css";
@@ -28,25 +29,16 @@ type CalendarChevronProps = {
   orientation?: ChevronOrientation;
 };
 
-type CalendarDropdownOption = {
-  value: number;
-  label: string;
-  disabled: boolean;
-};
-
-type CalendarDropdownProps = Omit<ComponentProps<"select">, "children"> & {
-  options?: CalendarDropdownOption[];
-  classNames: ClassNames;
-  components: unknown;
-};
-
+// Typed from DayPicker's own `DropdownProps`, so the override tracks the
+// props DayPicker actually passes (v10 no longer sends `classNames` or
+// `components` to it).
 const renderDropdown = ({
   options,
   value,
   disabled,
   onChange,
   className,
-}: CalendarDropdownProps) => {
+}: DropdownProps) => {
   const resolvedValue =
     typeof value === "number" || typeof value === "string"
       ? String(value)

package/registry/components/ui/input-fields/date-picker/date-picker.tsx

@@ -7,7 +7,7 @@ import {
   type KeyboardEvent,
 } from "react";
 import clsx from "clsx";
-import type { DateRange as RDPDateRange, Matcher } from "react-day-picker";
+import type { DateRange as RDPDateRange, Matcher } from "@daypicker/react";
 import { IconCalendar } from "@tabler/icons-react";
 import {
   Popover,

package/registry/components/ui/input-fields/date-picker/types.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import type { Matcher } from "react-day-picker";
+import type { Matcher } from "@daypicker/react";
 import type { BaseInputFieldProps } from "../common/types";
 import type {
   Align,
@@ -32,7 +32,7 @@ export type CommonDatePickerProps = Omit<
   minDate?: Date;
   /** Disable days after this date. */
   maxDate?: Date;
-  /** Any additional react-day-picker matcher(s) for disabled days. */
+  /** Any additional DayPicker matcher(s) for disabled days. */
   disabledDates?: Matcher | Matcher[];
 
   /** Close popover after selection (default: false). */
@@ -65,7 +65,7 @@ export type CommonDatePickerProps = Omit<
   /** How many months the calendar renders. Defaults: single=1, range=2. */
   numberOfMonths?: number;
   weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-  /** Passed through to react-day-picker. */
+  /** Passed through to DayPicker (`@daypicker/react`). */
   captionLayout?: CalendarProps["captionLayout"];
   showWeekNumber?: boolean;
 

package/registry/components/ui/input-fields/emoji-picker/emoji-palette.tsx

@@ -71,7 +71,7 @@ export const EmojiPalette = ({
     if (flatChars.length === 0 || !focusedChar) return;
     const idx = flatChars.indexOf(focusedChar);
     if (idx === -1) return;
-    let next = idx;
+    let next: number;
     switch (e.key) {
       case "ArrowRight":
         next = Math.min(idx + 1, flatChars.length - 1);

package/registry/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://ui.aplance.com/registry.schema.json",
   "version": 4,
-  "generated": "2026-11-11T12:39:14.314Z",
+  "generated": "2026-11-14T12:42:36.861Z",
   "units": [
     {
       "name": "accordion",
@@ -108,6 +108,7 @@
       "externalDeps": [
         "clsx",
         "react",
+        "react-is",
         "recharts"
       ]
     },
@@ -215,6 +216,7 @@
         "components/ui/data-table/data-table.tsx",
         "components/ui/data-table/filter-bar.tsx",
         "components/ui/data-table/filter-modal.tsx",
+        "components/ui/data-table/filter-sheet.tsx",
         "components/ui/data-table/filters.tsx",
         "components/ui/data-table/pagination-bar.tsx",
         "components/ui/data-table/types.ts",
@@ -224,7 +226,9 @@
       "clientFiles": [
         "components/ui/data-table/checkbox-column.tsx",
         "components/ui/data-table/data-table.tsx",
+        "components/ui/data-table/filter-bar.tsx",
         "components/ui/data-table/filter-modal.tsx",
+        "components/ui/data-table/filter-sheet.tsx",
         "components/ui/data-table/filters.tsx",
         "components/ui/data-table/pagination-bar.tsx",
         "components/ui/data-table/types.ts",
@@ -281,10 +285,10 @@
         "time-picker"
       ],
       "externalDeps": [
+        "@daypicker/react",
         "@tabler/icons-react",
         "clsx",
-        "react",
-        "react-day-picker"
+        "react"
       ]
     },
     {
@@ -970,23 +974,24 @@
     },
     "baseDevDependencies": {
       "postcss": "^8.4.49",
-      "postcss-preset-env": "^11.1.1",
+      "postcss-preset-env": "^11.6.2",
       "@csstools/postcss-global-data": "^4.0.0",
-      "autoprefixer": "^10.4.23"
+      "autoprefixer": "^10.6.2"
     },
     "utilitiesDevDependencies": {
-      "postcss-token-utilities": "^1.5.0"
+      "postcss-token-utilities": "^1.8.0"
     },
     "packageVersions": {
-      "@tabler/icons-react": "^3.36.1",
-      "@tanstack/react-table": "^8.21.3",
+      "@daypicker/react": "^10.0.2",
+      "@tabler/icons-react": "^3.51.0",
+      "@tanstack/react-table": "^9.3.1",
       "clsx": "^2.1.1",
       "react": ">=19.0.0",
-      "react-colorful": "^5.6.1",
-      "react-day-picker": "^9.14.0",
+      "react-colorful": "^5.8.1",
       "react-dom": ">=19.0.0",
-      "recharts": "^2.15.0",
-      "sonner": "^2.0.7"
+      "react-is": "^19.0.0",
+      "recharts": "^3.10.1",
+      "sonner": "^2.0.8"
     }
   }
 }

package/registry/styles/media.css

@@ -22,4 +22,4 @@
 @custom-media --landscape (orientation: landscape);
 
 /* Print Media */
-@custom-media --print (print);
+@custom-media --print print;