@nexub/react 1.6.0 → 1.7.0

package/dist/{chunk-743Y5MY3.js → chunk-24ZFAXB2.js}

@@ -35,6 +35,11 @@ var defaultMessages = {
   noResults: "No results found.",
   pickDate: "Pick a date",
   pickDateRange: "Pick a date range",
+  previousMonth: "Go to previous month",
+  nextMonth: "Go to next month",
+  calendarNavigation: "Calendar navigation",
+  todayDate: (date) => `Today, ${date}`,
+  selectedDate: (label) => `${label}, selected`,
   commandPalette: "Command palette",
   notifications: "Notifications ({hotkey})",
   undo: "Undo",
@@ -60,17 +65,18 @@ var defaultMessages = {
 var NexubContext = React.createContext({
   locale: void 0,
   dir: "ltr",
+  dateLocale: void 0,
   messages: defaultMessages
 });
 var RTL_LANGUAGES = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur"]);
 function directionOf(locale) {
   return RTL_LANGUAGES.has(locale.toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr";
 }
-function NexubProvider({ locale = "en", dir, messages, children }) {
+function NexubProvider({ locale = "en", dir, dateLocale, messages, children }) {
   const resolvedDir = dir ?? directionOf(locale);
   const value = React.useMemo(
-    () => ({ locale, dir: resolvedDir, messages: { ...defaultMessages, ...messages } }),
-    [locale, resolvedDir, messages]
+    () => ({ locale, dir: resolvedDir, dateLocale, messages: { ...defaultMessages, ...messages } }),
+    [locale, resolvedDir, dateLocale, messages]
   );
   return /* @__PURE__ */ jsx(NexubContext.Provider, { value, children: /* @__PURE__ */ jsx(DirectionProvider, { dir: resolvedDir, children }) });
 }
@@ -78,8 +84,8 @@ function useNexubMessages() {
   return React.useContext(NexubContext).messages;
 }
 function useLocale() {
-  const { locale = "en", dir } = React.useContext(NexubContext);
-  return { locale, dir };
+  const { locale = "en", dir, dateLocale } = React.useContext(NexubContext);
+  return { locale, dir, dateLocale };
 }
 function useIntlLocale(explicit) {
   const ctx = React.useContext(NexubContext).locale;

package/dist/{chunk-HSPGJSFJ.js → chunk-37L5ERUJ.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7SXR4PGO.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-GSG2W6DP.js → chunk-3LTB6TGN.js}

@@ -9,7 +9,7 @@ import * as RadixScrollArea from "@radix-ui/react-scroll-area";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ScrollArea = React.forwardRef(
   ({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxs(RadixScrollArea.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
-    /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+    /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { tabIndex: 0, className: "h-full w-full rounded-[inherit]", children }),
     (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(
       RadixScrollArea.Scrollbar,
       {

package/dist/{chunk-PMWYLYM3.js → chunk-4HQFOIZW.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-7SXR4PGO.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-DGQJRTO6.js → chunk-4NFUBFYK.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-PPCGUIAB.js → chunk-4UBVU53C.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-JLUCMNVS.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-NSVXGOR3.js → chunk-643EYCLL.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-MEUJBGY5.js → chunk-AGYGWU6C.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useIntlLocale
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-CBDJRPMD.js → chunk-B254JXS7.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-3FPJIXG7.js → chunk-BSL62LBX.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-DEIBF3P7.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-5VW6RUKZ.js → chunk-GG54WBLA.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-CQWYZPPJ.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-7B4VF2ZU.js → chunk-GWDEKW7P.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-CIQHFMF6.js";
 import {
   useIntlLocale
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-O626NJEM.js → chunk-J65MK3N4.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-JHVYI5GK.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-TRA6A5C5.js → chunk-JSBNYRO4.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-7SXR4PGO.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-WXRQ42DR.js → chunk-KRCLK5O4.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   avatarVariants
-} from "./chunk-2Y4WLNEZ.js";
+} from "./chunk-QUYOV2ZJ.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-3MT23LNM.js → chunk-MLT7SA3T.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-DEIBF3P7.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-IGLOYOCH.js → chunk-MYP5ZTC3.js}

@@ -8,8 +8,9 @@ import {
 } from "./chunk-7SXR4PGO.js";
 import {
   useIntlLocale,
+  useLocale,
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -21,9 +22,44 @@ import { DayPicker } from "react-day-picker";
 import { format } from "date-fns";
 import { CalendarDays, ChevronLeft, ChevronRight } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
-function formatDate(date, locale) {
+function formatDate(date, locale, dateLocale) {
+  if (dateLocale) return format(date, "PP", { locale: dateLocale });
   return locale ? new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date) : format(date, "PP");
 }
+function CalendarChevron({ orientation, ...rest }) {
+  const { dir } = useLocale();
+  const flip = dir === "rtl";
+  if (orientation === "left" || orientation === "right") {
+    const Icon = orientation === "left" !== flip ? ChevronLeft : ChevronRight;
+    return /* @__PURE__ */ jsx(Icon, { size: "xs", "aria-hidden": "true" });
+  }
+  return /* @__PURE__ */ jsx(ChevronRight, { size: "xs", "aria-hidden": "true", ...rest });
+}
+function useCalendarLocale(localeProp) {
+  const { dir, dateLocale } = useLocale();
+  const messages = useNexubMessages();
+  const intlLocale = useIntlLocale();
+  const locale = localeProp ?? dateLocale;
+  const labels = React.useMemo(() => {
+    const day = (date, modifiers, withSelected) => {
+      let label = format(date, "PPPP", locale ? { locale } : void 0);
+      if (modifiers?.today) label = messages.todayDate(label);
+      if (withSelected && modifiers?.selected) label = messages.selectedDate(label);
+      return label;
+    };
+    return {
+      labelPrevious: () => messages.previousMonth,
+      labelNext: () => messages.nextMonth,
+      labelNav: () => messages.calendarNavigation,
+      labelDayButton: (date, modifiers) => day(date, modifiers, true),
+      labelGridcell: (date, modifiers) => day(date, modifiers, false)
+    };
+  }, [messages, locale]);
+  return {
+    dayPickerProps: { locale, dir, labels, components: { Chevron: CalendarChevron } },
+    format: (date) => formatDate(date, intlLocale, locale)
+  };
+}
 var calendarClassNames = {
   months: "flex flex-col sm:flex-row gap-4",
   month: "flex flex-col gap-4",
@@ -60,13 +96,14 @@ var DatePicker = React.forwardRef(
     maxDate,
     className,
     id,
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    locale: localeProp
   }, ref) {
     const [open, setOpen] = React.useState(false);
     const messages = useNexubMessages();
     const placeholder = placeholderProp ?? messages.pickDate;
-    const locale = useIntlLocale();
-    const display = value ? formatDate(value, locale) : placeholder;
+    const calendar = useCalendarLocale(localeProp);
+    const display = value ? calendar.format(value) : placeholder;
     return /* @__PURE__ */ jsxs(RadixPopover.Root, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(RadixPopover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
         "button",
@@ -116,9 +153,7 @@ var DatePicker = React.forwardRef(
               showOutsideDays: true,
               className: "relative p-3",
               classNames: calendarClassNames,
-              components: {
-                Chevron: ({ orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { size: "xs", "aria-hidden": "true" }) : orientation === "right" ? /* @__PURE__ */ jsx(ChevronRight, { size: "xs", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronRight, { size: "xs", "aria-hidden": "true", ...rest })
-              }
+              ...calendar.dayPickerProps
             }
           )
         }
@@ -129,6 +164,6 @@ var DatePicker = React.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 export {
-  formatDate,
+  useCalendarLocale,
   DatePicker
 };

package/dist/{chunk-UTJJ5HFX.js → chunk-NAJKIBU2.js}

@@ -1,7 +1,8 @@
 'use client';
 import {
+  useLocale,
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -10,6 +11,10 @@ import {
 import * as React from "react";
 import { Upload, X } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
+function formatFileSize(bytes, locale) {
+  const [value, unit] = bytes < 1024 ? [bytes, "byte"] : bytes < 1024 * 1024 ? [bytes / 1024, "kilobyte"] : [bytes / (1024 * 1024), "megabyte"];
+  return new Intl.NumberFormat(locale, { style: "unit", unit, unitDisplay: "short", maximumFractionDigits: 1 }).format(value);
+}
 var FileUploadContext = React.createContext(null);
 function useFileUpload() {
   const ctx = React.useContext(FileUploadContext);
@@ -59,53 +64,52 @@ var Dropzone = React.forwardRef(
       const dropped = Array.from(e.dataTransfer.files);
       addFiles(dropped);
     }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        role: "button",
-        tabIndex: 0,
-        "aria-label": messages.uploadFiles,
-        onClick: () => inputRef.current?.click(),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") inputRef.current?.click();
-        },
-        onDragOver: (e) => {
-          e.preventDefault();
-          setIsDragging(true);
-        },
-        onDragLeave: () => setIsDragging(false),
-        onDrop: handleDrop,
-        className: cn(
-          // Hover/press = the state layer; focus = the global ring.
-          "nx-state-layer flex cursor-pointer flex-col items-center justify-center gap-2 rounded-shape-container border-2 border-dashed p-8 text-center text-[var(--color-on-surface)] transition-colors",
-          isDragging ? "border-[var(--color-primary)] bg-[color-mix(in_srgb,var(--color-primary)_8%,transparent)]" : "border-[var(--color-outline)] hover:border-[var(--color-primary)]",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(Upload, { size: "lg", className: "text-[var(--color-on-surface-muted)]", "aria-hidden": "true" }),
-          children ?? /* @__PURE__ */ jsxs("p", { className: "text-sm text-[var(--color-on-surface-muted)]", children: [
-            /* @__PURE__ */ jsx("span", { className: "font-semibold text-[var(--color-primary)]", children: messages.clickToUpload }),
-            " ",
-            messages.orDragAndDrop
-          ] }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              type: "file",
-              className: "sr-only",
-              multiple: true,
-              accept: accept?.join(","),
-              onChange: (e) => {
-                if (e.target.files) addFiles(Array.from(e.target.files));
-                e.target.value = "";
+    return (
+      // A <label> around the native file input: click, Enter and Space open the
+      // picker natively, the visible text is the accessible name, and the
+      // focus ring follows the input's keyboard focus onto the drop zone.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          onDragOver: (e) => {
+            e.preventDefault();
+            setIsDragging(true);
+          },
+          onDragLeave: () => setIsDragging(false),
+          onDrop: handleDrop,
+          className: cn(
+            // Hover/press = the state layer.
+            "nx-state-layer rounded-shape-container border-2 border-dashed text-center text-[var(--color-on-surface)] transition-colors",
+            "has-[input:focus-visible]:outline has-[input:focus-visible]:outline-[3px] has-[input:focus-visible]:outline-offset-2 has-[input:focus-visible]:outline-[var(--color-primary)]",
+            isDragging ? "border-[var(--color-primary)] bg-[color-mix(in_srgb,var(--color-primary)_8%,transparent)]" : "border-[var(--color-outline)] hover:border-[var(--color-primary)]",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer flex-col items-center justify-center gap-2 p-8", children: [
+            /* @__PURE__ */ jsx(Upload, { size: "lg", className: "text-[var(--color-on-surface-muted)]", "aria-hidden": "true" }),
+            children ?? /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--color-on-surface-muted)]", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-[var(--color-primary)]", children: messages.clickToUpload }),
+              " ",
+              messages.orDragAndDrop
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: inputRef,
+                type: "file",
+                className: "sr-only",
+                multiple: true,
+                accept: accept?.join(","),
+                onChange: (e) => {
+                  if (e.target.files) addFiles(Array.from(e.target.files));
+                  e.target.value = "";
+                }
               }
-            }
-          )
-        ]
-      }
+            )
+          ] })
+        }
+      )
     );
   }
 );
@@ -121,6 +125,7 @@ List.displayName = "FileUpload.List";
 var Item = React.forwardRef(({ className, index, ...props }, ref) => {
   const { files, removeFile } = useFileUpload();
   const messages = useNexubMessages();
+  const { locale } = useLocale();
   const file = files[index];
   if (!file) return null;
   return /* @__PURE__ */ jsxs(
@@ -135,10 +140,7 @@ var Item = React.forwardRef(({ className, index, ...props }, ref) => {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-[var(--color-on-surface)]", children: file.name }),
-          /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--color-on-surface-muted)]", children: [
-            (file.size / 1024).toFixed(1),
-            " KB"
-          ] })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--color-on-surface-muted)]", children: formatFileSize(file.size, locale) })
         ] }),
         /* @__PURE__ */ jsx(
           "button",

package/dist/{chunk-S7GH2BJP.js → chunk-NERAWEIQ.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-JHVYI5GK.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-VAFBGFKY.js → chunk-NYWD5SI4.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-5KI4YHA3.js → chunk-NZR4UGUZ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
-  formatDate
-} from "./chunk-IGLOYOCH.js";
+  useCalendarLocale
+} from "./chunk-MYP5ZTC3.js";
 import {
   floatingSurface
 } from "./chunk-FLZD7HQY.js";
@@ -10,9 +10,8 @@ import {
   fieldFocusVisible
 } from "./chunk-7SXR4PGO.js";
 import {
-  useIntlLocale,
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -21,14 +20,14 @@ import {
 import * as React from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
 import { DayPicker } from "react-day-picker";
-import { CalendarDays, ChevronLeft, ChevronRight } from "@nexub/icons";
+import { CalendarDays } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
-function formatRange(range, placeholder, locale) {
+function formatRange(range, placeholder, formatDate) {
   if (!range) return placeholder;
   if (range.from && range.to) {
-    return `${formatDate(range.from, locale)} \u2013 ${formatDate(range.to, locale)}`;
+    return `${formatDate(range.from)} \u2013 ${formatDate(range.to)}`;
   }
-  if (range.from) return `${formatDate(range.from, locale)} \u2013 \u2026`;
+  if (range.from) return `${formatDate(range.from)} \u2013 \u2026`;
   return placeholder;
 }
 var calendarClassNames = {
@@ -56,8 +55,9 @@ var calendarClassNames = {
   // skips middle days without depending on CSS order.
   selected: "[&:not(.nx-range-middle)>button]:bg-[var(--color-primary)] [&:not(.nx-range-middle)>button]:text-[var(--color-on-primary)]",
   // Half bands join the end capsules to the middle band (not on a one-day range).
-  range_start: "nx-range-start [&:not(.nx-range-end)]:bg-[linear-gradient(to_right,transparent_50%,var(--color-primary-container)_50%)]",
-  range_end: "nx-range-end [&:not(.nx-range-start)]:bg-[linear-gradient(to_left,transparent_50%,var(--color-primary-container)_50%)]",
+  // RTL (DayPicker's dir): the bands run the other way.
+  range_start: "nx-range-start [&:not(.nx-range-end)]:bg-[linear-gradient(to_right,transparent_50%,var(--color-primary-container)_50%)] rtl:[&:not(.nx-range-end)]:bg-[linear-gradient(to_left,transparent_50%,var(--color-primary-container)_50%)]",
+  range_end: "nx-range-end [&:not(.nx-range-start)]:bg-[linear-gradient(to_left,transparent_50%,var(--color-primary-container)_50%)] rtl:[&:not(.nx-range-start)]:bg-[linear-gradient(to_right,transparent_50%,var(--color-primary-container)_50%)]",
   range_middle: "nx-range-middle bg-[var(--color-primary-container)] [&>button]:text-[var(--color-on-primary-container)]",
   today: "[&>button]:border-[var(--color-primary)]",
   outside: "[&:not([data-selected]):not([data-disabled])>button]:text-[var(--color-on-surface-muted)]",
@@ -73,13 +73,14 @@ var DateRangePicker = React.forwardRef(function DateRangePicker2({
   maxDate,
   className,
   id,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  locale: localeProp
 }, ref) {
   const [open, setOpen] = React.useState(false);
   const messages = useNexubMessages();
-  const locale = useIntlLocale();
+  const calendar = useCalendarLocale(localeProp);
   const placeholder = placeholderProp ?? messages.pickDateRange;
-  const display = formatRange(value, placeholder, locale);
+  const display = formatRange(value, placeholder, calendar.format);
   const label = ariaLabel ? `${ariaLabel}: ${display}` : display;
   return /* @__PURE__ */ jsxs(RadixPopover.Root, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(RadixPopover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -128,9 +129,7 @@ var DateRangePicker = React.forwardRef(function DateRangePicker2({
             showOutsideDays: false,
             className: "relative p-3",
             classNames: calendarClassNames,
-            components: {
-              Chevron: ({ orientation, ...rest }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { size: "xs", "aria-hidden": "true" }) : orientation === "right" ? /* @__PURE__ */ jsx(ChevronRight, { size: "xs", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronRight, { size: "xs", "aria-hidden": "true", ...rest })
-            }
+            ...calendar.dayPickerProps
           }
         )
       }

package/dist/{chunk-Q3ESHXKU.js → chunk-QUNH4BFR.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-2Y4WLNEZ.js → chunk-QUYOV2ZJ.js}

@@ -52,13 +52,15 @@ var Avatar = React.forwardRef(
     const [imgError, setImgError] = React.useState(false);
     const showImage = Boolean(src) && !imgError;
     const initials = name ? getInitials(name) : null;
+    const labelled = Boolean(name || props["aria-label"] || props["aria-labelledby"]);
     return /* @__PURE__ */ jsxs(
       "span",
       {
         ref,
         className: cn(avatarVariants({ size }), className),
         "aria-label": name ?? void 0,
-        role: "img",
+        role: labelled ? "img" : void 0,
+        "aria-hidden": labelled ? void 0 : true,
         ...props,
         children: [
           showImage ? /* @__PURE__ */ jsx(

package/dist/{chunk-O74XEHLA.js → chunk-RM7MTOT5.js}

@@ -3,8 +3,9 @@ import {
   useIsomorphicLayoutEffect
 } from "./chunk-NHUQLIHL.js";
 import {
+  useLocale,
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";
@@ -13,7 +14,11 @@ import {
 import * as React from "react";
 import * as RadixToast from "@radix-ui/react-toast";
 import { jsx } from "react/jsx-runtime";
-var Provider2 = RadixToast.Provider;
+function Provider2({ swipeDirection, ...props }) {
+  const { dir } = useLocale();
+  return /* @__PURE__ */ jsx(RadixToast.Provider, { swipeDirection: swipeDirection ?? (dir === "rtl" ? "left" : "right"), ...props });
+}
+Provider2.displayName = "Toast.Provider";
 var Viewport2 = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixToast.Viewport,
@@ -37,6 +42,8 @@ var Root2 = React.forwardRef(
         // Snackbar: the inverse surface stands out from any page, light or dark.
         "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-shape-container bg-[var(--color-inverse-surface)] py-3 ps-4 pe-2 text-[var(--color-inverse-on-surface)] shadow-elevation-2",
         "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast",
+        // Follow the finger (Radix's signed swipe offsets), snap back on cancel, leave from where it was let go.
+        "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",
         // Enter/exit slide from the right edge, where the viewport sits.
         "nx-motion [--nx-x:calc(100%+1rem)] rtl:[--nx-x:calc(-100%-1rem)]",
         className
@@ -169,6 +176,7 @@ var GAP = 8;
 function Toaster({ expand = false, visibleToasts = 3 }) {
   const toasts = useToastStore();
   const messages = useNexubMessages();
+  const { dir } = useLocale();
   const [closed, setClosed] = React2.useState(() => /* @__PURE__ */ new Set());
   const [hovered, setHovered] = React2.useState(false);
   const [focused, setFocused] = React2.useState(false);
@@ -237,7 +245,7 @@ function Toaster({ expand = false, visibleToasts = 3 }) {
       setFocused(false);
     }
   }, [order.length]);
-  return /* @__PURE__ */ jsxs(RadixToast2.Provider, { swipeDirection: "right", children: [
+  return /* @__PURE__ */ jsxs(RadixToast2.Provider, { swipeDirection: dir === "rtl" ? "left" : "right", children: [
     toasts.map((t) => {
       const i = order.indexOf(t.id);
       const action = t.action ?? (t.undo && { label: t.undo.label ?? messages.undo, onClick: t.undo.onUndo });

package/dist/{chunk-SAUA52EJ.js → chunk-TAVVXXGO.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-KE4YVG5Q.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-74RUJ5KZ.js → chunk-TZ6KJIR4.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";

package/dist/{chunk-FIDUY6SS.js → chunk-U2ZYPPRG.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-FLZD7HQY.js";
 import {
   useNexubMessages
-} from "./chunk-743Y5MY3.js";
+} from "./chunk-24ZFAXB2.js";
 import {
   cn
 } from "./chunk-Q7G5WGYV.js";