@assure-one/design-system 0.9.0 → 0.11.0

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React36 from 'react';
-import { forwardRef, useState, useCallback, useId, useRef, useImperativeHandle, useEffect, createContext, Fragment as Fragment$1, useContext, useMemo } from 'react';
+import { forwardRef, useState, useCallback, useId, useRef, useImperativeHandle, useMemo, useEffect, createContext, Fragment as Fragment$1, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -3777,31 +3777,8 @@ var CopyButton = forwardRef(function CopyButton2({ value, feedbackDuration = 2e3
   );
 });
 CopyButton.displayName = "CopyButton";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverPortal = PopoverPrimitive.Portal;
-var PopoverClose = PopoverPrimitive.Close;
-var PopoverContent = React36.forwardRef(({ className, align = "center", side = "bottom", sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    side,
-    sideOffset,
-    className: cn(
-      "rounded-card border-rule bg-surface text-fg shadow-pop z-[var(--z-dropdown)] w-72 border p-4 outline-none",
-      "transition-[opacity,transform] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
-      "data-[state=closed]:scale-95 data-[state=closed]:opacity-0",
-      "data-[state=open]:scale-100 data-[state=open]:opacity-100",
-      "motion-reduce:transition-none",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var DATE_DISPLAY_PLACEHOLDER = "MM/DD/YYYY";
+var YEAR_DISPLAY_PLACEHOLDER = "YYYY";
 var ISO_RE = /^(\d{4})-(\d{2})-(\d{2})$/;
 var DISPLAY_RE = /^(\d{2})\/(\d{2})\/(\d{4})$/;
 function isoToDisplay(iso) {
@@ -3835,6 +3812,129 @@ function isoToDate(iso) {
 function dateToIso(d) {
   return format(d, "yyyy-MM-dd");
 }
+function isoToYear(iso) {
+  if (!iso) return "";
+  const m = /^(\d{4})/.exec(iso);
+  return m ? m[1] : "";
+}
+function yearToIso(year) {
+  return /^\d{4}$/.test(year) ? `${year}-01-01` : "";
+}
+function applyYearMask(input) {
+  return input.replace(/\D/g, "").slice(0, 4);
+}
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverClose = PopoverPrimitive.Close;
+var PopoverContent = React36.forwardRef(({ className, align = "center", side = "bottom", sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    side,
+    sideOffset,
+    className: cn(
+      "rounded-card border-rule bg-surface text-fg shadow-pop z-[var(--z-dropdown)] w-72 border p-4 outline-none",
+      "transition-[opacity,transform] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+      "data-[state=closed]:scale-95 data-[state=closed]:opacity-0",
+      "data-[state=open]:scale-100 data-[state=open]:opacity-100",
+      "motion-reduce:transition-none",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus }) {
+  const today = (/* @__PURE__ */ new Date()).getFullYear();
+  const anchor = selected ?? today;
+  const [startYear, setStartYear] = useState(() => anchor - anchor % 12);
+  const years = Array.from({ length: 12 }, (_, i) => startYear + i);
+  const canGoPrev = !minYear || startYear > minYear;
+  const canGoNext = !maxYear || startYear + 11 < maxYear;
+  const focusYear = selected && years.includes(selected) ? selected : years.includes(today) ? today : years[0];
+  const focusRef = useRef(null);
+  useEffect(() => {
+    if (autoFocus) {
+      const raf = requestAnimationFrame(() => focusRef.current?.focus());
+      return () => cancelAnimationFrame(raf);
+    }
+  }, [autoFocus]);
+  return /* @__PURE__ */ jsxs("div", { className: "font-body text-fg min-w-[280px] p-3 select-none", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative mb-3 flex h-8 items-center justify-center", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setStartYear((y) => y - 12),
+          disabled: !canGoPrev,
+          "aria-label": "Previous decade",
+          className: cn(
+            "rounded-input text-fg-3 absolute left-0 inline-flex size-7 items-center justify-center",
+            "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+            "hover:bg-bg-2 hover:text-fg",
+            "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+            "disabled:text-fg-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
+          ),
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "text-fg-3 size-4", "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "font-display text-fg text-[13px] font-medium tabular-nums", children: [
+        startYear,
+        " \u2013 ",
+        startYear + 11
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setStartYear((y) => y + 12),
+          disabled: !canGoNext,
+          "aria-label": "Next decade",
+          className: cn(
+            "rounded-input text-fg-3 absolute right-0 inline-flex size-7 items-center justify-center",
+            "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+            "hover:bg-bg-2 hover:text-fg",
+            "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+            "disabled:text-fg-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
+          ),
+          children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "text-fg-3 size-4", "aria-hidden": "true" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { role: "group", "aria-label": "Pick a year", className: "grid grid-cols-3 gap-1.5", children: years.map((year) => {
+      const isSelected = year === selected;
+      const isToday = year === today;
+      const isFocusTarget = year === focusYear;
+      const isDisabled = minYear !== void 0 && year < minYear || maxYear !== void 0 && year > maxYear;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: isFocusTarget ? focusRef : void 0,
+          type: "button",
+          onClick: () => !isDisabled && onSelect(year),
+          disabled: isDisabled,
+          "aria-pressed": isSelected,
+          "aria-current": isToday ? "date" : void 0,
+          className: cn(
+            "rounded-input font-mono text-[13px] tabular-nums",
+            "inline-flex h-10 items-center justify-center",
+            "transition-colors duration-[var(--duration-instant)] motion-reduce:transition-none",
+            "hover:bg-bg-2",
+            "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+            "disabled:text-fg-disabled disabled:pointer-events-none disabled:cursor-not-allowed",
+            isToday && !isSelected && "text-accent font-semibold",
+            isSelected && "bg-pro-fg text-fg-on-pro hover:bg-pro-hover focus-visible:bg-pro-fg"
+          ),
+          children: formatLabel ? formatLabel(year) : year
+        },
+        year
+      );
+    }) })
+  ] });
+}
 var DatePicker = forwardRef(function DatePicker2({
   value,
   defaultValue,
@@ -3846,12 +3946,25 @@ var DatePicker = forwardRef(function DatePicker2({
   disabled,
   required,
   autoFocus,
-  placeholder = DATE_DISPLAY_PLACEHOLDER,
+  placeholder,
   className,
   min,
   max,
-  "aria-label": ariaLabel
+  "aria-label": ariaLabel,
+  picker = "day",
+  formatLabel,
+  iconPosition = "right"
 }, ref) {
+  const isYearMode = picker === "year";
+  const hasCustomYearLabel = isYearMode && !!formatLabel;
+  const effectivePlaceholder = placeholder ?? (isYearMode ? YEAR_DISPLAY_PLACEHOLDER : DATE_DISPLAY_PLACEHOLDER);
+  const toDisplayFromIso = isYearMode ? (iso2) => {
+    const y = isoToYear(iso2);
+    if (!y) return "";
+    return formatLabel ? formatLabel(Number(y)) : y;
+  } : isoToDisplay;
+  const toIsoFromDisplay = isYearMode ? yearToIso : displayToIso;
+  const maskInput = isYearMode ? applyYearMask : applyMask;
   const generatedId = useId();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
@@ -3860,7 +3973,7 @@ var DatePicker = forwardRef(function DatePicker2({
     isControlled ? value ?? "" : defaultValue ?? ""
   );
   const [display, setDisplay] = useState(
-    () => isoToDisplay(isControlled ? value : defaultValue)
+    () => toDisplayFromIso(isControlled ? value : defaultValue)
   );
   const [open, setOpen] = useState(false);
   const [lastPropValue, setLastPropValue] = useState(value);
@@ -3868,8 +3981,8 @@ var DatePicker = forwardRef(function DatePicker2({
     setLastPropValue(value);
     const nextIso = value ?? "";
     setInternalIso(nextIso);
-    if (displayToIso(display) !== nextIso) {
-      setDisplay(isoToDisplay(nextIso));
+    if (toIsoFromDisplay(display) !== nextIso) {
+      setDisplay(toDisplayFromIso(nextIso));
     }
   }
   const iso = isControlled ? value ?? "" : internalIso;
@@ -3883,9 +3996,9 @@ var DatePicker = forwardRef(function DatePicker2({
   );
   const handleTextChange = useCallback(
     (e) => {
-      const masked = applyMask(e.target.value);
+      const masked = maskInput(e.target.value);
       setDisplay(masked);
-      const nextIso = displayToIso(masked);
+      const nextIso = toIsoFromDisplay(masked);
       if (nextIso !== iso) {
         if (!isControlled) setInternalIso(nextIso);
         emit(nextIso);
@@ -3894,7 +4007,7 @@ var DatePicker = forwardRef(function DatePicker2({
         emit("");
       }
     },
-    [iso, isControlled, emit]
+    [iso, isControlled, emit, maskInput, toIsoFromDisplay]
   );
   const handleCalendarSelect = useCallback(
     (d) => {
@@ -3907,9 +4020,23 @@ var DatePicker = forwardRef(function DatePicker2({
     },
     [isControlled, emit]
   );
+  const handleYearSelect = useCallback(
+    (year) => {
+      const nextIso = yearToIso(String(year));
+      setDisplay(formatLabel ? formatLabel(year) : String(year));
+      if (!isControlled) setInternalIso(nextIso);
+      emit(nextIso);
+      setOpen(false);
+      requestAnimationFrame(() => textRef.current?.focus());
+    },
+    [isControlled, emit, formatLabel]
+  );
   const minDate = isoToDate(min ?? "");
   const maxDate = isoToDate(max ?? "");
   const selectedDate = isoToDate(iso);
+  const selectedYear = isYearMode ? Number(isoToYear(iso)) || void 0 : void 0;
+  const minYear = min ? Number(isoToYear(min)) : void 0;
+  const maxYear = max ? Number(isoToYear(max)) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-fg mb-1.5 block text-[13px] leading-none font-medium", children: [
       label,
@@ -3922,20 +4049,23 @@ var DatePicker = forwardRef(function DatePicker2({
           ref: textRef,
           id,
           type: "text",
-          inputMode: "numeric",
+          inputMode: hasCustomYearLabel ? void 0 : "numeric",
           autoComplete: "off",
           value: display,
           onChange: handleTextChange,
-          placeholder,
+          placeholder: effectivePlaceholder,
           disabled,
           required,
+          readOnly: hasCustomYearLabel,
+          onClick: hasCustomYearLabel && !disabled ? () => setOpen(true) : void 0,
           autoFocus,
           "aria-invalid": !!error || void 0,
           "aria-describedby": error ? errorId : void 0,
           "aria-label": ariaLabel,
           className: cn(
             "rounded-input bg-surface text-fg flex h-9 w-full border font-mono text-[13px] tabular-nums",
-            "border-rule-strong px-3 py-2 pr-10",
+            "border-rule-strong py-2",
+            iconPosition === "left" ? "pl-10 pr-3" : "pl-3 pr-10",
             "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
             "motion-reduce:transition-none",
             "placeholder:font-body placeholder:text-fg-4",
@@ -3943,7 +4073,8 @@ var DatePicker = forwardRef(function DatePicker2({
             "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
             "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed",
             "aria-[invalid=true]:border-danger-line aria-[invalid=true]:focus-visible:border-danger-fg",
-            "aria-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]"
+            "aria-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]",
+            hasCustomYearLabel && "cursor-pointer"
           )
         }
       ),
@@ -3956,12 +4087,13 @@ var DatePicker = forwardRef(function DatePicker2({
             tabIndex: -1,
             "aria-label": "Open calendar",
             className: cn(
-              "rounded-r-input text-fg-3 absolute inset-y-0 right-0 flex w-10 items-center justify-center",
+              "text-fg-3 absolute inset-y-0 flex w-10 cursor-pointer items-center justify-center",
+              iconPosition === "left" ? "left-0 rounded-l-input" : "right-0 rounded-r-input",
               "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
               "motion-reduce:transition-none",
-              "hover:text-fg",
+              "hover:bg-bg-2 hover:text-fg",
               "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-              "disabled:text-fg-disabled disabled:cursor-not-allowed"
+              "disabled:text-fg-disabled disabled:cursor-not-allowed disabled:hover:bg-transparent"
             ),
             children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4", "aria-hidden": "true" })
           }
@@ -3969,18 +4101,29 @@ var DatePicker = forwardRef(function DatePicker2({
         /* @__PURE__ */ jsx(
           PopoverContent,
           {
-            align: "end",
+            align: iconPosition === "left" ? "start" : "end",
             sideOffset: 6,
             className: "w-auto p-0",
             onOpenAutoFocus: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ jsx(
+            children: isYearMode ? /* @__PURE__ */ jsx(
+              YearGrid,
+              {
+                selected: selectedYear,
+                onSelect: handleYearSelect,
+                minYear,
+                maxYear,
+                formatLabel,
+                autoFocus: true
+              }
+            ) : /* @__PURE__ */ jsx(
               Calendar,
               {
                 selected: selectedDate ?? null,
                 onSelect: handleCalendarSelect,
                 minDate,
                 maxDate,
-                defaultMonth: selectedDate ?? minDate ?? void 0
+                defaultMonth: selectedDate ?? minDate ?? void 0,
+                autoFocus: true
               }
             )
           }
@@ -3992,6 +4135,224 @@ var DatePicker = forwardRef(function DatePicker2({
   ] });
 });
 DatePicker.displayName = "DatePicker";
+var DateRangePicker = forwardRef(
+  function DateRangePicker2({
+    value,
+    defaultValue,
+    onChange,
+    name,
+    id: providedId,
+    label,
+    error,
+    disabled,
+    required,
+    placeholder = "Select date range",
+    className,
+    min,
+    max,
+    iconPosition = "right",
+    "aria-label": ariaLabel
+  }, ref) {
+    const generatedId = useId();
+    const id = providedId ?? generatedId;
+    const errorId = `${id}-error`;
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = useState(
+      isControlled ? value ?? {} : defaultValue ?? {}
+    );
+    const [open, setOpen] = useState(false);
+    const [lastFromProp, setLastFromProp] = useState(value?.from);
+    const [lastToProp, setLastToProp] = useState(value?.to);
+    if (isControlled && value?.from !== lastFromProp) {
+      setLastFromProp(value?.from);
+      setInternalValue((prev) => ({ ...prev, from: value?.from ?? "" }));
+    }
+    if (isControlled && value?.to !== lastToProp) {
+      setLastToProp(value?.to);
+      setInternalValue((prev) => ({ ...prev, to: value?.to ?? "" }));
+    }
+    const current = useMemo(
+      () => isControlled ? value ?? {} : internalValue,
+      [isControlled, value, internalValue]
+    );
+    const triggerRef = useRef(null);
+    useImperativeHandle(ref, () => triggerRef.current);
+    const [draftRange, setDraftRange] = useState();
+    const emit = useCallback(
+      (next) => {
+        onChange?.({ from: next.from ?? "", to: next.to ?? "" });
+      },
+      [onChange]
+    );
+    const handleCalendarSelect = useCallback(
+      (range) => {
+        setDraftRange(range);
+        const fromIso = range?.from ? dateToIso(range.from) : "";
+        const toIso = range?.to ? dateToIso(range.to) : "";
+        if (fromIso && toIso && fromIso !== toIso) {
+          const next = { from: fromIso, to: toIso };
+          if (!isControlled) setInternalValue(next);
+          emit(next);
+          setDraftRange(void 0);
+          setOpen(false);
+        }
+      },
+      [isControlled, emit]
+    );
+    const handleOpenChange = useCallback((next) => {
+      setOpen(next);
+      if (!next) setDraftRange(void 0);
+    }, []);
+    const minDate = isoToDate(min ?? "");
+    const maxDate = isoToDate(max ?? "");
+    const committedRange = {
+      from: isoToDate(current.from ?? ""),
+      to: isoToDate(current.to ?? "")
+    };
+    const selectedRange = draftRange ?? committedRange;
+    const disabledMatcher = (() => {
+      if (!minDate && !maxDate) return void 0;
+      if (minDate && maxDate) return [{ before: minDate }, { after: maxDate }];
+      if (minDate) return { before: minDate };
+      return { after: maxDate };
+    })();
+    const fromDisplay = isoToDisplay(current.from);
+    const toDisplay = isoToDisplay(current.to);
+    const hasValue = !!(fromDisplay || toDisplay);
+    const displayText = hasValue ? `${fromDisplay || DATE_DISPLAY_PLACEHOLDER} \u2013 ${toDisplay || DATE_DISPLAY_PLACEHOLDER}` : "";
+    const iconNode = /* @__PURE__ */ jsx(
+      CalendarIcon,
+      {
+        className: cn("size-4 shrink-0", disabled ? "text-fg-disabled" : "text-fg-3"),
+        "aria-hidden": "true"
+      }
+    );
+    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+      label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-fg mb-1.5 block text-[13px] leading-none font-medium", children: [
+        label,
+        required && /* @__PURE__ */ jsx("span", { className: "text-danger-fg ml-0.5", "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxs(Popover, { open: open && !disabled, onOpenChange: handleOpenChange, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            ref: triggerRef,
+            id,
+            type: "button",
+            disabled,
+            "data-invalid": !!error || void 0,
+            "aria-describedby": error ? errorId : void 0,
+            "aria-label": ariaLabel ?? label ?? "Date range",
+            "aria-haspopup": "dialog",
+            "aria-expanded": open,
+            className: cn(
+              "rounded-input bg-surface flex h-9 w-full cursor-pointer items-center border font-mono text-[13px] tabular-nums",
+              "border-rule-strong px-3 py-2 gap-2",
+              "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+              "motion-reduce:transition-none",
+              "hover:bg-bg-2",
+              "focus-visible:border-accent focus-visible:outline-none",
+              "focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+              "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed disabled:hover:bg-bg-disabled",
+              "data-[invalid=true]:border-danger-line data-[invalid=true]:focus-visible:border-danger-fg",
+              "data-[invalid=true]:focus-visible:[box-shadow:0_0_0_2px_var(--color-danger-bg)]"
+            ),
+            children: [
+              iconPosition === "left" && iconNode,
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "font-mono flex-1 truncate text-left",
+                    hasValue ? "text-fg" : "font-body text-fg-4"
+                  ),
+                  children: displayText || placeholder
+                }
+              ),
+              iconPosition === "right" && iconNode
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          PopoverContent,
+          {
+            align: iconPosition === "right" ? "end" : "start",
+            sideOffset: 6,
+            className: "w-auto p-0",
+            onOpenAutoFocus: (e) => e.preventDefault(),
+            children: /* @__PURE__ */ jsx(
+              DayPicker,
+              {
+                mode: "range",
+                numberOfMonths: 2,
+                navLayout: "around",
+                selected: selectedRange.from ? { from: selectedRange.from, to: selectedRange.to } : void 0,
+                onSelect: handleCalendarSelect,
+                disabled: disabledMatcher,
+                showOutsideDays: true,
+                autoFocus: true,
+                defaultMonth: selectedRange.from ?? minDate ?? void 0,
+                components: {
+                  Chevron: ({ orientation, className: chevClass }) => {
+                    const Icon3 = orientation === "right" ? ChevronRightIcon : ChevronLeftIcon;
+                    return /* @__PURE__ */ jsx(Icon3, { className: cn("text-fg-3 size-4", chevClass), "aria-hidden": "true" });
+                  }
+                },
+                className: "font-body text-fg select-none",
+                classNames: {
+                  root: "p-3",
+                  months: "flex flex-col gap-6 sm:flex-row sm:gap-4",
+                  month: "relative space-y-3 w-[16rem] flex-none",
+                  // With navLayout="around", the chevron buttons live inside
+                  // the caption row, one on each side of the month title.
+                  // The caption row distributes them via space-between so
+                  // each chevron stays in its natural inline flow — no
+                  // absolute positioning gymnastics.
+                  month_caption: "flex h-7 items-center justify-center font-display text-[13px] font-medium text-fg",
+                  caption_label: "tabular-nums",
+                  nav: "contents",
+                  // navLayout="around" renders Prev as a sibling BEFORE the
+                  // left month's caption, and Next as a sibling AFTER the
+                  // right month's caption. Absolute-position each so they
+                  // sit at their own month's top corners without disturbing
+                  // the centered caption row.
+                  button_previous: "absolute left-0 top-0 z-10 inline-flex size-7 items-center justify-center rounded-input text-fg-3 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none hover:bg-bg-2 hover:text-fg focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:text-fg-disabled disabled:pointer-events-none",
+                  button_next: "absolute right-0 top-0 z-10 inline-flex size-7 items-center justify-center rounded-input text-fg-3 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none hover:bg-bg-2 hover:text-fg focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:text-fg-disabled disabled:pointer-events-none",
+                  month_grid: "w-full border-collapse",
+                  weekdays: "flex",
+                  weekday: "flex-1 text-center text-[11px] font-medium uppercase tracking-wide text-fg-4 pb-1",
+                  weeks: "",
+                  week: "flex w-full mt-1",
+                  day: "flex-1 text-center relative p-0",
+                  day_button: cn(
+                    "inline-flex size-8 w-full items-center justify-center rounded-input font-mono tabular-nums text-[13px] text-fg",
+                    "transition-colors duration-[var(--duration-instant)] motion-reduce:transition-none",
+                    "hover:bg-bg-2",
+                    "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+                    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-fg-disabled"
+                  ),
+                  today: "[&_button]:font-semibold [&_button]:text-accent",
+                  range_start: "[&_button]:bg-pro-fg [&_button]:text-fg-on-pro [&_button]:hover:bg-pro-hover rounded-l-input",
+                  range_end: "[&_button]:bg-pro-fg [&_button]:text-fg-on-pro [&_button]:hover:bg-pro-hover rounded-r-input",
+                  range_middle: "[&_button]:bg-pro-bg [&_button]:text-pro-fg [&_button]:hover:bg-pro-bg-hover [&_button]:rounded-none",
+                  outside: "[&_button]:text-fg-5",
+                  disabled: "[&_button]:text-fg-disabled",
+                  hidden: "invisible"
+                }
+              }
+            )
+          }
+        )
+      ] }),
+      name && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("input", { type: "hidden", name: `${name}_from`, value: current.from ?? "" }),
+        /* @__PURE__ */ jsx("input", { type: "hidden", name: `${name}_to`, value: current.to ?? "" })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "text-danger-fg mt-1.5 text-xs", children: error })
+    ] });
+  }
+);
+DateRangePicker.displayName = "DateRangePicker";
 var chipVariants = cva(
   cn(
     "inline-flex items-center gap-1 rounded-full px-2.5 py-1",
@@ -5568,20 +5929,52 @@ var SearchInput = React36.forwardRef(
 SearchInput.displayName = "SearchInput";
 function SearchSelect({
   options,
-  selected,
-  onSelect,
-  onRemove,
+  selected: selectedProp,
+  onSelect: onSelectProp,
+  onRemove: onRemoveProp,
+  value,
+  onValueChange,
   onCreate,
   placeholder = "Search...",
   className,
   disabled = false,
   groupFilter = false,
   pinnedGroups,
-  closeOnSelect = false,
+  closeOnSelect: closeOnSelectProp = false,
   showGroupCounts = false,
   onCreateNew,
   createNewLabel = "Create new"
 }) {
+  const isSingleMode = value !== void 0 || onValueChange !== void 0;
+  const singleSelectedOption = React36.useMemo(
+    () => isSingleMode && value ? options.find((o) => o.id === value) ?? null : null,
+    [isSingleMode, value, options]
+  );
+  const selected = React36.useMemo(
+    () => isSingleMode ? singleSelectedOption ? [singleSelectedOption] : [] : selectedProp ?? [],
+    [isSingleMode, singleSelectedOption, selectedProp]
+  );
+  const onSelect = React36.useCallback(
+    (option) => {
+      if (isSingleMode) {
+        onValueChange?.(option.id);
+      } else {
+        onSelectProp?.(option);
+      }
+    },
+    [isSingleMode, onValueChange, onSelectProp]
+  );
+  const onRemove = React36.useCallback(
+    (option) => {
+      if (isSingleMode) {
+        onValueChange?.("");
+      } else {
+        onRemoveProp?.(option);
+      }
+    },
+    [isSingleMode, onValueChange, onRemoveProp]
+  );
+  const closeOnSelect = isSingleMode || closeOnSelectProp;
   const [search, setSearch] = React36.useState("");
   const [open, setOpen] = React36.useState(false);
   const [activeChip, setActiveChip] = React36.useState(null);
@@ -7338,7 +7731,10 @@ var NOOP_CONTEXT = {
   },
   toggle: () => {
   },
-  collapsible: false
+  collapsible: false,
+  peekLockCount: 0,
+  acquirePeekLock: () => () => {
+  }
 };
 function useSidebarState() {
   return React36.useContext(SidebarContext) ?? NOOP_CONTEXT;
@@ -7386,6 +7782,16 @@ function SidebarProvider({
   const toggle = React36.useCallback(() => {
     setState(state === "expanded" ? "rail" : "expanded");
   }, [state, setState]);
+  const [peekLockCount, setPeekLockCount] = React36.useState(0);
+  const acquirePeekLock = React36.useCallback(() => {
+    setPeekLockCount((n) => n + 1);
+    let released = false;
+    return () => {
+      if (released) return;
+      released = true;
+      setPeekLockCount((n) => Math.max(0, n - 1));
+    };
+  }, []);
   React36.useEffect(() => {
     if (!shortcut) return;
     const parts = shortcut.split("+");
@@ -7407,8 +7813,8 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", onKey);
   }, [shortcut, toggle]);
   const value = React36.useMemo(
-    () => ({ state, setState, toggle, collapsible: true }),
-    [state, setState, toggle]
+    () => ({ state, setState, toggle, collapsible: true, peekLockCount, acquirePeekLock }),
+    [state, setState, toggle, peekLockCount, acquirePeekLock]
   );
   return /* @__PURE__ */ jsx(SidebarContext.Provider, { value, children });
 }
@@ -7418,6 +7824,7 @@ var PEEK_LEAVE_DELAY_MS = 200;
 var Sidebar = React36.forwardRef(function Sidebar2({ className, collapsible = false, onMouseEnter, onMouseLeave, style, ...props }, ref) {
   const ctx = React36.useContext(SidebarContext);
   const state = collapsible && ctx ? ctx.state : "expanded";
+  const peekLockCount = collapsible && ctx ? ctx.peekLockCount : 0;
   const [peek, setPeek] = React36.useState(false);
   const enterTimer = React36.useRef(null);
   const leaveTimer = React36.useRef(null);
@@ -7458,7 +7865,8 @@ var Sidebar = React36.forwardRef(function Sidebar2({ className, collapsible = fa
     if (!peek) return;
     leaveTimer.current = window.setTimeout(() => setPeek(false), PEEK_LEAVE_DELAY_MS);
   };
-  const labelsHidden = state === "rail" && !peek;
+  const overlay = state === "rail" && (peek || peekLockCount > 0);
+  const labelsHidden = state === "rail" && !peek && peekLockCount === 0;
   const effectiveWidth = labelsHidden ? "var(--shell-sidebar-w-rail)" : "var(--shell-sidebar-w)";
   return (
     // Hover-peek is *enhancement only*: the canonical way to toggle the
@@ -7473,6 +7881,7 @@ var Sidebar = React36.forwardRef(function Sidebar2({ className, collapsible = fa
         ref,
         "data-state": state,
         "data-peek": peek ? "true" : void 0,
+        "data-overlay": overlay ? "true" : void 0,
         "data-labels": labelsHidden ? "hide" : "show",
         "data-collapsible": collapsible ? "true" : void 0,
         onMouseEnter: handleEnter,
@@ -7488,9 +7897,11 @@ var Sidebar = React36.forwardRef(function Sidebar2({ className, collapsible = fa
           // doesn't repaint every frame mid-transition.
           "transition-[width,box-shadow] duration-[220ms] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
           "[will-change:width]",
-          // Peek overlay: float above the canvas without reflowing layout.
-          "data-[peek=true]:fixed data-[peek=true]:top-0 data-[peek=true]:left-0",
-          "data-[peek=true]:z-[var(--z-overlay)] data-[peek=true]:shadow-pop",
+          // Overlay (hover-peek OR programmatic peek-lock): float above the
+          // canvas without reflowing layout. Driven by `data-overlay` so a
+          // single rule handles both transient sources.
+          "data-[overlay=true]:fixed data-[overlay=true]:top-0 data-[overlay=true]:left-0",
+          "data-[overlay=true]:z-[var(--z-overlay)] data-[overlay=true]:shadow-pop",
           // Padding is held constant across states so icons keep their
           // horizontal anchor when the column widens — peek expands the
           // labels rightward rather than shifting the icons leftward.
@@ -7540,6 +7951,87 @@ var SidebarTrigger = React36.forwardRef(
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
+function useSidebarPeekLock(active) {
+  const ctx = React36.useContext(SidebarContext);
+  React36.useEffect(() => {
+    if (!active || !ctx) return;
+    const release = ctx.acquirePeekLock();
+    return release;
+  }, [active, ctx]);
+}
+var SidebarPinButton = React36.forwardRef(
+  function SidebarPinButton2({
+    pinLabel = "Pin sidebar",
+    unpinLabel = "Unpin sidebar",
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    const ctx = React36.useContext(SidebarContext);
+    if (!ctx || !ctx.collapsible) return null;
+    const { state, setState } = ctx;
+    const isPinned = state === "expanded";
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "aria-label": isPinned ? unpinLabel : pinLabel,
+        "aria-pressed": isPinned,
+        onClick: (e) => {
+          onClick?.(e);
+          if (!e.defaultPrevented) setState(isPinned ? "rail" : "expanded");
+        },
+        className: cn(
+          "inline-flex size-7 shrink-0 items-center justify-center rounded-md",
+          "text-fg-4 hover:bg-bg-3 hover:text-fg aria-pressed:text-fg",
+          "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+          "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+          // Hidden when labels are hidden (rail-no-peek-no-lock). Visible
+          // in every overlay state so users can pin during hover or while
+          // a dropdown holds the column open.
+          "group-data-[labels=hide]/sidebar:hidden",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(PinGlyph, { size: 14, filled: isPinned, className: "rotate-45" })
+      }
+    );
+  }
+);
+SidebarPinButton.displayName = "SidebarPinButton";
+function PinGlyph({
+  size = 16,
+  filled = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 17v5" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
+            fill: filled ? "currentColor" : "none"
+          }
+        )
+      ]
+    }
+  );
+}
 var SidebarBrand = React36.forwardRef(
   function SidebarBrand2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
@@ -9006,6 +9498,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
 });
 KbdHint.displayName = "KbdHint";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, StatusIcon, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, alertVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, displayToIso, filterChipVariants, inputVariants, isoToDisplay, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarState, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StarRating, Stat, StatusIcon, Stepper, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map