@web-my-money/primitives 1.0.0

package/dist/context-menu/index.js

@@ -0,0 +1,177 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/context-menu/index.tsx
+var context_menu_exports = {};
+__export(context_menu_exports, {
+  ContextMenu: () => ContextMenu,
+  ContextMenuCheckboxItem: () => ContextMenuCheckboxItem,
+  ContextMenuContent: () => ContextMenuContent,
+  ContextMenuGroup: () => ContextMenuGroup,
+  ContextMenuItem: () => ContextMenuItem,
+  ContextMenuLabel: () => ContextMenuLabel,
+  ContextMenuSeparator: () => ContextMenuSeparator,
+  ContextMenuSub: () => ContextMenuSub,
+  ContextMenuSubContent: () => ContextMenuSubContent,
+  ContextMenuSubTrigger: () => ContextMenuSubTrigger,
+  ContextMenuTrigger: () => ContextMenuTrigger
+});
+module.exports = __toCommonJS(context_menu_exports);
+var import_context_menu = require("@base-ui/react/context-menu");
+var import_lucide_react = require("lucide-react");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/context-menu/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ContextMenu({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Group, { "data-slot": "context-menu-group", ...props });
+}
+var popupClasses = "z-50 min-w-40 origin-(--transform-origin) rounded-lg bg-popover p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95";
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_context_menu.ContextMenu.Popup,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(popupClasses, className),
+      ...props
+    }
+  ) }) });
+}
+var itemClasses = "relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden data-highlighted:bg-muted data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+function ContextMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_context_menu.ContextMenu.Item,
+    {
+      "data-slot": "context-menu-item",
+      className: cn(itemClasses, className),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_context_menu.ContextMenu.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(itemClasses, "pl-7", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-1.5 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "size-3.5" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_context_menu.ContextMenu.GroupLabel,
+    {
+      "data-slot": "context-menu-label",
+      className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_context_menu.ContextMenu.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.SubmenuRoot, { ...props });
+}
+function ContextMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_context_menu.ContextMenu.SubmenuTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      className: cn(itemClasses, "data-popup-open:bg-muted", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", side: "inline-end", sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_context_menu.ContextMenu.Popup,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(popupClasses, className),
+      ...props
+    }
+  ) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger
+});

package/dist/context-menu/index.mjs

@@ -0,0 +1,28 @@
+"use client";
+import {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger
+} from "../chunk-5N7LGYZK.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger
+};

package/dist/date-range-input/index.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { DateRange } from '../calendar/index.mjs';
+
+interface DateRangeInputProps {
+    value?: DateRange;
+    onChange?: (range: DateRange) => void;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    className?: string;
+    /** Custom date formatter — defaults to `toLocaleDateString`. */
+    formatDate?: (date: Date) => string;
+}
+declare function DateRangeInput({ value, onChange, placeholder, minDate, maxDate, disabled, className, formatDate, }: DateRangeInputProps): React.JSX.Element;
+
+export { DateRange, DateRangeInput, type DateRangeInputProps };

package/dist/date-range-input/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { DateRange } from '../calendar/index.js';
+
+interface DateRangeInputProps {
+    value?: DateRange;
+    onChange?: (range: DateRange) => void;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    className?: string;
+    /** Custom date formatter — defaults to `toLocaleDateString`. */
+    formatDate?: (date: Date) => string;
+}
+declare function DateRangeInput({ value, onChange, placeholder, minDate, maxDate, disabled, className, formatDate, }: DateRangeInputProps): React.JSX.Element;
+
+export { DateRange, DateRangeInput, type DateRangeInputProps };

package/dist/date-range-input/index.js

@@ -0,0 +1,284 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/date-range-input/index.tsx
+var date_range_input_exports = {};
+__export(date_range_input_exports, {
+  DateRangeInput: () => DateRangeInput
+});
+module.exports = __toCommonJS(date_range_input_exports);
+var React2 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/button/index.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+
+// src/popover/index.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Popover({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  alignOffset = 0,
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_popover.Popover.Popup,
+        {
+          "data-slot": "popover-content",
+          className: cn(
+            "z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+
+// src/calendar/index.tsx
+var React = __toESM(require("react"));
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var WEEKDAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function startOfDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
+function isSameDay(a, b) {
+  return !!a && !!b && startOfDay(a).getTime() === startOfDay(b).getTime();
+}
+function isBetween(d, from, to) {
+  if (!from || !to) return false;
+  const t = startOfDay(d).getTime();
+  return t > startOfDay(from).getTime() && t < startOfDay(to).getTime();
+}
+function getMonthGrid(year, month) {
+  const first = new Date(year, month, 1);
+  const gridStart = new Date(year, month, 1 - first.getDay());
+  return Array.from({ length: 42 }, (_, i) => {
+    const d = new Date(gridStart);
+    d.setDate(gridStart.getDate() + i);
+    return d;
+  });
+}
+function Calendar(props) {
+  const { className, minDate, maxDate, disabled } = props;
+  const [uncontrolledMonth, setUncontrolledMonth] = React.useState(
+    () => props.defaultMonth ?? props.month ?? /* @__PURE__ */ new Date()
+  );
+  const month = props.month ?? uncontrolledMonth;
+  const setMonth = (next) => {
+    setUncontrolledMonth(next);
+    props.onMonthChange?.(next);
+  };
+  const isDisabled = (d) => {
+    if (minDate && startOfDay(d) < startOfDay(minDate)) return true;
+    if (maxDate && startOfDay(d) > startOfDay(maxDate)) return true;
+    return disabled?.(d) ?? false;
+  };
+  const handleSelect = (d) => {
+    if (isDisabled(d)) return;
+    if (props.mode === "range") {
+      const current = props.selected;
+      if (!current?.from || current.from && current.to) {
+        props.onSelect?.({ from: d, to: void 0 });
+      } else if (startOfDay(d) < startOfDay(current.from)) {
+        props.onSelect?.({ from: d, to: current.from });
+      } else {
+        props.onSelect?.({ from: current.from, to: d });
+      }
+    } else {
+      props.onSelect?.(isSameDay(props.selected, d) ? void 0 : d);
+    }
+  };
+  const grid = getMonthGrid(month.getFullYear(), month.getMonth());
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { "data-slot": "calendar", className: cn("w-fit p-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { "data-slot": "calendar-header", className: "flex items-center justify-between px-1 pb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous month",
+          onClick: () => setMonth(new Date(month.getFullYear(), month.getMonth() - 1, 1)),
+          className: cn(buttonVariants({ variant: "ghost", size: "icon-sm" })),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.ChevronLeft, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "calendar-label", className: "text-sm font-medium", children: month.toLocaleDateString(void 0, { month: "long", year: "numeric" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next month",
+          onClick: () => setMonth(new Date(month.getFullYear(), month.getMonth() + 1, 1)),
+          className: cn(buttonVariants({ variant: "ghost", size: "icon-sm" })),
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.ChevronRight, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "calendar-weekdays", className: "grid grid-cols-7 gap-0.5 px-1", children: WEEKDAY_LABELS.map((w) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex h-8 items-center justify-center text-xs font-medium text-muted-foreground", children: w }, w)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "calendar-grid", className: "grid grid-cols-7 gap-0.5 px-1", children: grid.map((d) => {
+      const outsideMonth = d.getMonth() !== month.getMonth();
+      const isSelected = props.mode === "range" ? isSameDay(d, props.selected?.from) || isSameDay(d, props.selected?.to) : isSameDay(d, props.selected);
+      const inRange = props.mode === "range" && isBetween(d, props.selected?.from, props.selected?.to);
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          "data-slot": "calendar-day",
+          "data-selected": isSelected || void 0,
+          "data-outside-month": outsideMonth || void 0,
+          disabled: isDisabled(d),
+          "aria-label": d.toDateString(),
+          "aria-current": isSameDay(d, /* @__PURE__ */ new Date()) ? "date" : void 0,
+          onClick: () => handleSelect(d),
+          className: cn(
+            "flex h-8 w-8 items-center justify-center rounded-md text-sm transition-colors hover:bg-muted disabled:pointer-events-none disabled:opacity-40",
+            outsideMonth && "text-muted-foreground/50",
+            inRange && "rounded-none bg-primary/10",
+            isSelected && "bg-primary text-primary-foreground hover:bg-primary/90"
+          ),
+          children: d.getDate()
+        },
+        d.toISOString()
+      );
+    }) })
+  ] });
+}
+
+// src/date-range-input/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function defaultFormat(d) {
+  return d.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function DateRangeInput({
+  value,
+  onChange,
+  placeholder = "Pick a date range",
+  minDate,
+  maxDate,
+  disabled,
+  className,
+  formatDate = defaultFormat
+}) {
+  const [open, setOpen] = React2.useState(false);
+  const label = value?.from ? value.to ? `${formatDate(value.from)} \u2013 ${formatDate(value.to)}` : formatDate(value.from) : placeholder;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      PopoverTrigger,
+      {
+        "data-slot": "date-range-input-trigger",
+        disabled,
+        className: cn(
+          buttonVariants({ variant: "outline" }),
+          "w-full justify-start gap-2 font-normal",
+          !value?.from && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.CalendarDays, { className: "size-4" }),
+          label
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PopoverContent, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Calendar,
+      {
+        mode: "range",
+        selected: value ?? { from: void 0, to: void 0 },
+        onSelect: (range) => {
+          onChange?.(range);
+          if (range.from && range.to) setOpen(false);
+        },
+        minDate,
+        maxDate
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DateRangeInput
+});

package/dist/date-range-input/index.mjs

@@ -0,0 +1,11 @@
+"use client";
+import {
+  DateRangeInput
+} from "../chunk-UDQDW22Y.mjs";
+import "../chunk-ZR3J34NX.mjs";
+import "../chunk-UGOA6M4S.mjs";
+import "../chunk-YPTARV3T.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  DateRangeInput
+};

package/dist/dialog/index.d.mts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+
+declare function Dialog({ ...props }: Dialog$1.Root.Props): React.JSX.Element;
+declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React.JSX.Element;
+declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
+declare function DialogClose({ ...props }: Dialog$1.Close.Props): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/dialog/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+
+declare function Dialog({ ...props }: Dialog$1.Root.Props): React.JSX.Element;
+declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React.JSX.Element;
+declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React.JSX.Element;
+declare function DialogClose({ ...props }: Dialog$1.Close.Props): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog$1.Popup.Props & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: Dialog$1.Title.Props): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: Dialog$1.Description.Props): React.JSX.Element;
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };