@nexub/react 3.0.0 → 3.2.0

package/dist/{chunk-EQ5ASTJM.js → components/Container/Container.js}

@@ -1,14 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Container/Container.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var containerVariants = cva("mx-auto w-full", {
+import { cn } from "../../utils/cn.js";
+const containerVariants = cva("mx-auto w-full", {
   variants: {
     size: {
       sm: "max-w-[var(--container-sm,640px)]",
@@ -17,6 +12,7 @@ var containerVariants = cva("mx-auto w-full", {
       xl: "max-w-[var(--container-xl,1280px)]",
       "2xl": "max-w-[var(--container-2xl,1536px)]",
       nexub: "max-w-[var(--container-nexub,1440px)]",
+      marketing: "max-w-[var(--container-marketing,1280px)]",
       prose: "max-w-[var(--container-prose,65ch)]"
     },
     paddingX: {
@@ -29,7 +25,7 @@ var containerVariants = cva("mx-auto w-full", {
     paddingX: true
   }
 });
-var Container = React.forwardRef(
+const Container = React.forwardRef(
   ({ size, paddingX = true, asChild = false, className, children, ...rest }, ref) => {
     const Comp = asChild ? Slot : "div";
     return /* @__PURE__ */ jsx(
@@ -44,8 +40,7 @@ var Container = React.forwardRef(
   }
 );
 Container.displayName = "Container";
-
 export {
-  containerVariants,
-  Container
+  Container,
+  containerVariants
 };

package/dist/components/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container, containerVariants } from './Container.js';
+export type { ContainerProps } from './Container.js';

package/dist/components/Container/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Container,
-  containerVariants
-} from "../../chunk-EQ5ASTJM.js";
-import "../../chunk-WRVFNYO3.js";
+import { Container, containerVariants } from "./Container.js";
 export {
   Container,
   containerVariants

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as RadixContextMenu from '@radix-ui/react-context-menu';
+export declare const ContextMenu: {
+    Root: React.FC<RadixContextMenu.ContextMenuProps>;
+    Trigger: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+    Portal: React.FC<RadixContextMenu.ContextMenuPortalProps>;
+    Content: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+    RadioGroup: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+    Sub: React.FC<RadixContextMenu.ContextMenuSubProps>;
+    SubTrigger: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+    SubContent: React.ForwardRefExoticComponent<RadixContextMenu.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/{chunk-CUCTSWR2.js → components/ContextMenu/ContextMenu.js}

@@ -1,27 +1,17 @@
-'use client';
-import {
-  floatingSurface,
-  menuContent,
-  menuItem,
-  menuLabel,
-  menuSeparator
-} from "./chunk-5FWJXSXT.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ContextMenu/ContextMenu.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixContextMenu from "@radix-ui/react-context-menu";
 import { Check, ChevronRight } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root2 = RadixContextMenu.Root;
-var Trigger2 = RadixContextMenu.Trigger;
-var Portal2 = RadixContextMenu.Portal;
-var Group2 = RadixContextMenu.Group;
-var RadioGroup2 = RadixContextMenu.RadioGroup;
-var Sub2 = RadixContextMenu.Sub;
-var Content2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { floatingSurface, menuContent, menuItem, menuLabel, menuSeparator } from "../../utils/surface.js";
+const Root = RadixContextMenu.Root;
+const Trigger = RadixContextMenu.Trigger;
+const Portal = RadixContextMenu.Portal;
+const Group = RadixContextMenu.Group;
+const RadioGroup = RadixContextMenu.RadioGroup;
+const Sub = RadixContextMenu.Sub;
+const Content = React.forwardRef(
   function ContextMenuContent({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixContextMenu.Content,
@@ -39,11 +29,11 @@ var Content2 = React.forwardRef(
     );
   }
 );
-Content2.displayName = "ContextMenu.Content";
-var itemBaseClasses = cn(
+Content.displayName = "ContextMenu.Content";
+const itemBaseClasses = cn(
   menuItem
 );
-var Item2 = React.forwardRef(
+const Item = React.forwardRef(
   function ContextMenuItem({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixContextMenu.Item,
@@ -55,8 +45,8 @@ var Item2 = React.forwardRef(
     );
   }
 );
-Item2.displayName = "ContextMenu.Item";
-var Label2 = React.forwardRef(
+Item.displayName = "ContextMenu.Item";
+const Label = React.forwardRef(
   function ContextMenuLabel({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixContextMenu.Label,
@@ -71,8 +61,8 @@ var Label2 = React.forwardRef(
     );
   }
 );
-Label2.displayName = "ContextMenu.Label";
-var Separator2 = React.forwardRef(
+Label.displayName = "ContextMenu.Label";
+const Separator = React.forwardRef(
   function ContextMenuSeparator({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixContextMenu.Separator,
@@ -84,8 +74,8 @@ var Separator2 = React.forwardRef(
     );
   }
 );
-Separator2.displayName = "ContextMenu.Separator";
-var CheckboxItem2 = React.forwardRef(function ContextMenuCheckboxItem({ className, children, checked, ...props }, ref) {
+Separator.displayName = "ContextMenu.Separator";
+const CheckboxItem = React.forwardRef(function ContextMenuCheckboxItem({ className, children, checked, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixContextMenu.CheckboxItem,
     {
@@ -100,8 +90,8 @@ var CheckboxItem2 = React.forwardRef(function ContextMenuCheckboxItem({ classNam
     }
   );
 });
-CheckboxItem2.displayName = "ContextMenu.CheckboxItem";
-var RadioItem2 = React.forwardRef(function ContextMenuRadioItem({ className, children, ...props }, ref) {
+CheckboxItem.displayName = "ContextMenu.CheckboxItem";
+const RadioItem = React.forwardRef(function ContextMenuRadioItem({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixContextMenu.RadioItem,
     {
@@ -115,8 +105,8 @@ var RadioItem2 = React.forwardRef(function ContextMenuRadioItem({ className, chi
     }
   );
 });
-RadioItem2.displayName = "ContextMenu.RadioItem";
-var SubTrigger2 = React.forwardRef(function ContextMenuSubTrigger({ className, children, ...props }, ref) {
+RadioItem.displayName = "ContextMenu.RadioItem";
+const SubTrigger = React.forwardRef(function ContextMenuSubTrigger({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixContextMenu.SubTrigger,
     {
@@ -134,8 +124,8 @@ var SubTrigger2 = React.forwardRef(function ContextMenuSubTrigger({ className, c
     }
   );
 });
-SubTrigger2.displayName = "ContextMenu.SubTrigger";
-var SubContent2 = React.forwardRef(function ContextMenuSubContent({ className, ...props }, ref) {
+SubTrigger.displayName = "ContextMenu.SubTrigger";
+const SubContent = React.forwardRef(function ContextMenuSubContent({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     RadixContextMenu.SubContent,
     {
@@ -151,24 +141,23 @@ var SubContent2 = React.forwardRef(function ContextMenuSubContent({ className, .
     }
   );
 });
-SubContent2.displayName = "ContextMenu.SubContent";
-var ContextMenu = {
-  Root: Root2,
-  Trigger: Trigger2,
-  Portal: Portal2,
-  Content: Content2,
-  Item: Item2,
-  Group: Group2,
-  Label: Label2,
-  Separator: Separator2,
-  CheckboxItem: CheckboxItem2,
-  RadioGroup: RadioGroup2,
-  RadioItem: RadioItem2,
-  Sub: Sub2,
-  SubTrigger: SubTrigger2,
-  SubContent: SubContent2
+SubContent.displayName = "ContextMenu.SubContent";
+const ContextMenu = {
+  Root,
+  Trigger,
+  Portal,
+  Content,
+  Item,
+  Group,
+  Label,
+  Separator,
+  CheckboxItem,
+  RadioGroup,
+  RadioItem,
+  Sub,
+  SubTrigger,
+  SubContent
 };
-
 export {
   ContextMenu
 };

package/dist/components/ContextMenu/index.d.ts

@@ -0,0 +1 @@
+export { ContextMenu } from './ContextMenu.js';

package/dist/components/ContextMenu/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  ContextMenu
-} from "../../chunk-CUCTSWR2.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-WRVFNYO3.js";
+import { ContextMenu } from "./ContextMenu.js";
 export {
   ContextMenu
 };

package/dist/components/CountryBadge/CountryBadge.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { Size } from '../../utils/control.js';
+export interface CountryBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    code: string;
+    label?: string;
+    size?: Size;
+}
+export declare const CountryBadge: React.ForwardRefExoticComponent<CountryBadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-JZCZ2SDT.js → components/CountryBadge/CountryBadge.js}

@@ -1,20 +1,13 @@
-'use client';
-import {
-  Flag
-} from "./chunk-HOQPHAGW.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/CountryBadge/CountryBadge.tsx
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var sizeClass = {
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { Flag } from "../Flag/Flag.js";
+const sizeClass = {
   sm: "px-2 py-0.5 text-xs gap-1",
   md: "px-2.5 py-1 text-sm gap-1.5",
   lg: "px-3 py-1.5 text-base gap-2"
 };
-var CountryBadge = React.forwardRef(
+const CountryBadge = React.forwardRef(
   ({ code, label, size = "md", className, ...rest }, ref) => {
     const displayLabel = label ?? code;
     return /* @__PURE__ */ jsxs(
@@ -38,7 +31,6 @@ var CountryBadge = React.forwardRef(
   }
 );
 CountryBadge.displayName = "CountryBadge";
-
 export {
   CountryBadge
 };

package/dist/components/CountryBadge/index.d.ts

@@ -0,0 +1,2 @@
+export { CountryBadge } from './CountryBadge.js';
+export type { CountryBadgeProps } from './CountryBadge.js';

package/dist/components/CountryBadge/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  CountryBadge
-} from "../../chunk-JZCZ2SDT.js";
-import "../../chunk-HOQPHAGW.js";
-import "../../chunk-WRVFNYO3.js";
+import { CountryBadge } from "./CountryBadge.js";
 export {
   CountryBadge
 };

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type ColumnDef, type RowData } from '@tanstack/react-table';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        /** Horizontal alignment of the header and cells. Use 'end' for numbers. @default 'start' */
+        align?: 'start' | 'end' | 'center';
+    }
+}
+/** A DataTable column: TanStack's `ColumnDef`, with `meta.align` for numeric columns. */
+export type DataTableColumn<TData> = ColumnDef<TData, unknown>;
+export interface DataTableProps<TData> extends React.HTMLAttributes<HTMLDivElement> {
+    columns: DataTableColumn<TData>[];
+    /** Names the table for assistive tech (and is shown below it unless `captionHidden`). */
+    caption?: React.ReactNode;
+    /** Keep the caption for screen readers only. */
+    captionHidden?: boolean;
+    data: TData[];
+    enableSorting?: boolean;
+    enableRowSelection?: boolean;
+    pagination?: {
+        pageSize?: number;
+    };
+}
+export declare function DataTable<TData>({ columns, data, enableSorting, enableRowSelection, pagination, caption, captionHidden, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }: DataTableProps<TData>): React.JSX.Element;

package/dist/{chunk-A7PS3EZO.js → components/DataTable/DataTable.js}

@@ -1,19 +1,5 @@
-'use client';
-import {
-  Table
-} from "./chunk-KA6RZ7VN.js";
-import {
-  disabledContainer,
-  pressable
-} from "./chunk-VALIDQXU.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/DataTable/DataTable.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import {
   useReactTable,
@@ -24,24 +10,27 @@ import {
   flexRender
 } from "@tanstack/react-table";
 import { ArrowUp, ArrowDown, ChevronsUpDown } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var alignText = {
+import { cn } from "../../utils/cn.js";
+import { disabledContainer, pressable } from "../../utils/control.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { Table } from "../Table/Table.js";
+const alignText = {
   start: "text-start",
   end: "text-end",
   center: "text-center"
 };
-var alignJustify = {
+const alignJustify = {
   start: "justify-start",
   end: "justify-end",
   center: "justify-center"
 };
-var pagerButton = cn(
+const pagerButton = cn(
   pressable,
   "border border-[var(--color-outline-variant)] bg-transparent px-4 py-2 min-h-[44px] text-label-lg text-[var(--color-on-surface)]",
   disabledContainer
 );
-var TableRoot = Table.Root;
-var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const TableRoot = Table.Root;
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -50,9 +39,9 @@ var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHeader.displayName = "DataTable.TableHeader";
-var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "DataTable.TableBody";
-var TableRow = React.forwardRef(
+const TableRow = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -66,7 +55,7 @@ var TableRow = React.forwardRef(
   )
 );
 TableRow.displayName = "DataTable.TableRow";
-var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -78,7 +67,7 @@ var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "DataTable.TableHead";
-var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -211,7 +200,6 @@ function DataTable({
     ] })
   ] });
 }
-
 export {
   DataTable
 };

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable } from './DataTable.js';
+export type { DataTableProps, DataTableColumn } from './DataTable.js';

package/dist/components/DataTable/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  DataTable
-} from "../../chunk-A7PS3EZO.js";
-import "../../chunk-KA6RZ7VN.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { DataTable } from "./DataTable.js";
 export {
   DataTable
 };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { type ChevronProps, type Labels } from 'react-day-picker';
+import { type Locale } from 'date-fns';
+/**
+ * A date-fns Locale wins (date-fns 'PP'); else with a NexubProvider locale,
+ * Intl's medium date; otherwise date-fns 'PP' as before.
+ */
+export declare function formatDate(date: Date, locale: string | undefined, dateLocale?: Locale): string;
+/** Nav chevrons point to the inline side they move toward: mirrored in RTL. */
+declare function CalendarChevron({ orientation, ...rest }: ChevronProps): React.JSX.Element;
+/** Internal: locale, dir, translated labels and chevrons shared by both pickers. */
+export declare function useCalendarLocale(localeProp?: Locale): {
+    dayPickerProps: {
+        locale: Locale | undefined;
+        dir: import("@nexub/core").Direction;
+        labels: Partial<Labels>;
+        components: {
+            Chevron: typeof CalendarChevron;
+        };
+    };
+    format: (date: Date) => string;
+};
+export interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+    /** Id for the trigger button, e.g. to pair with a `<label htmlFor>`. */
+    id?: string;
+    /** Field name for screen readers; the current value is appended. */
+    'aria-label'?: string;
+    /** date-fns Locale for the calendar and trigger text; wins over NexubProvider's `dateLocale`. */
+    locale?: Locale;
+}
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/{chunk-OY5CWWIM.js → components/DatePicker/DatePicker.js}

@@ -1,27 +1,14 @@
-'use client';
-import {
-  floatingSurface
-} from "./chunk-5FWJXSXT.js";
-import {
-  field,
-  fieldFocusVisible
-} from "./chunk-VALIDQXU.js";
-import {
-  useIntlLocale,
-  useLocale,
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/DatePicker/DatePicker.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
 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";
+import { cn } from "../../utils/cn.js";
+import { useIntlLocale, useLocale, useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { field, fieldFocusVisible } from "../../utils/control.js";
+import { floatingSurface } from "../../utils/surface.js";
 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");
@@ -60,7 +47,7 @@ function useCalendarLocale(localeProp) {
     format: (date) => formatDate(date, intlLocale, locale)
   };
 }
-var calendarClassNames = {
+const calendarClassNames = {
   months: "flex flex-col sm:flex-row gap-4",
   month: "flex flex-col gap-4",
   month_caption: "flex h-8 items-center justify-center",
@@ -86,7 +73,7 @@ var calendarClassNames = {
   disabled: "",
   hidden: "invisible"
 };
-var DatePicker = React.forwardRef(
+const DatePicker = React.forwardRef(
   function DatePicker2({
     value,
     onChange,
@@ -162,8 +149,8 @@ var DatePicker = React.forwardRef(
   }
 );
 DatePicker.displayName = "DatePicker";
-
 export {
-  useCalendarLocale,
-  DatePicker
+  DatePicker,
+  formatDate,
+  useCalendarLocale
 };

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker.js';
+export type { DatePickerProps } from './DatePicker.js';

package/dist/components/DatePicker/index.js

@@ -1,12 +1,4 @@
-'use client';
-import "../../chunk-52ZVJPF7.js";
-import {
-  DatePicker
-} from "../../chunk-OY5CWWIM.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { DatePicker } from "./DatePicker.js";
 export {
   DatePicker
 };

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type DateRange } from 'react-day-picker';
+import type { Locale } from 'date-fns';
+export type { DateRange };
+export interface DateRangePickerProps {
+    value?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    className?: string;
+    /** Id for the trigger button, e.g. to pair with a `<label htmlFor>`. */
+    id?: string;
+    /** Field name for screen readers; the current value is appended. */
+    'aria-label'?: string;
+    /** date-fns Locale for the calendar and trigger text; wins over NexubProvider's `dateLocale`. */
+    locale?: Locale;
+}
+export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-YYAXXJH3.js → components/DateRangePicker/DateRangePicker.js}

@@ -1,27 +1,14 @@
-'use client';
-import {
-  useCalendarLocale
-} from "./chunk-OY5CWWIM.js";
-import {
-  floatingSurface
-} from "./chunk-5FWJXSXT.js";
-import {
-  field,
-  fieldFocusVisible
-} from "./chunk-VALIDQXU.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/DateRangePicker/DateRangePicker.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
 import { DayPicker } from "react-day-picker";
 import { CalendarDays } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { useCalendarLocale } from "../DatePicker/DatePicker.js";
+import { field, fieldFocusVisible } from "../../utils/control.js";
+import { floatingSurface } from "../../utils/surface.js";
 function formatRange(range, placeholder, formatDate) {
   if (!range) return placeholder;
   if (range.from && range.to) {
@@ -30,7 +17,7 @@ function formatRange(range, placeholder, formatDate) {
   if (range.from) return `${formatDate(range.from)} \u2013 \u2026`;
   return placeholder;
 }
-var calendarClassNames = {
+const calendarClassNames = {
   months: "flex flex-col sm:flex-row gap-4",
   month: "flex flex-col gap-4",
   month_caption: "flex h-8 items-center justify-center",
@@ -64,7 +51,7 @@ var calendarClassNames = {
   disabled: "",
   hidden: "invisible"
 };
-var DateRangePicker = React.forwardRef(function DateRangePicker2({
+const DateRangePicker = React.forwardRef(function DateRangePicker2({
   value,
   onChange,
   placeholder: placeholderProp,
@@ -137,7 +124,6 @@ var DateRangePicker = React.forwardRef(function DateRangePicker2({
   ] });
 });
 DateRangePicker.displayName = "DateRangePicker";
-
 export {
   DateRangePicker
 };

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './DateRangePicker.js';
+export type { DateRangePickerProps, DateRange } from './DateRangePicker.js';