@assure-one/design-system 0.10.0 → 0.11.2

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);
@@ -8033,6 +8426,179 @@ var SidebarUser = React36.forwardRef(function SidebarUser2({ name, subtitle, ava
   ] });
 });
 SidebarUser.displayName = "SidebarUser";
+var SidebarBrandSwitcher = React36.forwardRef(
+  function SidebarBrandSwitcher2({
+    brand,
+    label,
+    current,
+    items,
+    onLaunch,
+    currentSectionLabel = "Currently using",
+    switchSectionLabel = "Switch to",
+    menuLabel = "Suite",
+    currentBadge = "Current",
+    unavailableBadge = "Soon",
+    triggerLabel = "Switch product",
+    className,
+    triggerClassName,
+    contentClassName,
+    trailing
+  }, ref) {
+    const [open, setOpen] = React36.useState(false);
+    useSidebarPeekLock(open);
+    const others = items.filter((p) => p.id !== current.id);
+    return (
+      // Geometry mirrors <SidebarBrand>: `px-2 pt-1 pb-4 gap-2`. This is
+      // deliberate — the switcher replaces SidebarBrand, so the brand
+      // glyph must land at the same column x-position that direct children
+      // of <SidebarBrand> sit at, otherwise the brand row drifts off-axis
+      // from the icons below it.
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn("flex min-w-0 items-center gap-2 px-2 pt-1 pb-4", className),
+          children: [
+            /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
+              /* @__PURE__ */ jsxs(
+                DropdownMenuTrigger,
+                {
+                  "aria-label": triggerLabel,
+                  className: cn(
+                    // Negative left margin pulls the trigger's hover-bg toward
+                    // the column edge while the inner padding holds the brand
+                    // glyph at the same x-position as direct <SidebarBrand>
+                    // children — same hover affordance, no glyph drift.
+                    "group/brand-trigger -ml-1.5 flex min-w-0 flex-1 items-center gap-2 rounded-md py-1.5 pr-1.5 pl-1.5",
+                    "text-fg transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                    "hover:bg-bg-3 data-[state=open]:bg-bg-3",
+                    "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+                    triggerClassName
+                  ),
+                  children: [
+                    brand,
+                    /* @__PURE__ */ jsx(SidebarBrandText, { className: "font-display text-fg text-[17px] font-semibold tracking-tight", children: label }),
+                    /* @__PURE__ */ jsx(
+                      ChevronDownIcon,
+                      {
+                        className: cn(
+                          "ml-auto size-3.5 shrink-0 text-fg-4",
+                          "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                          "group-data-[state=open]/brand-trigger:rotate-180",
+                          "group-data-[labels=hide]/sidebar:hidden"
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                DropdownMenuContent,
+                {
+                  side: "right",
+                  align: "start",
+                  sideOffset: 12,
+                  className: cn("w-72 p-1", contentClassName),
+                  children: [
+                    /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "px-2 pt-1 pb-1.5", children: menuLabel }),
+                    /* @__PURE__ */ jsx(SidebarBrandSwitcherSectionLabel, { children: currentSectionLabel }),
+                    /* @__PURE__ */ jsx(SidebarBrandSwitcherCurrentRow, { item: current, badge: currentBadge }),
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "my-1.5" }),
+                    /* @__PURE__ */ jsx(SidebarBrandSwitcherSectionLabel, { children: switchSectionLabel }),
+                    others.map((p) => /* @__PURE__ */ jsx(
+                      SidebarBrandSwitcherOtherRow,
+                      {
+                        item: p,
+                        onLaunch,
+                        unavailableBadge
+                      },
+                      p.id
+                    ))
+                  ]
+                }
+              )
+            ] }),
+            trailing
+          ]
+        }
+      )
+    );
+  }
+);
+SidebarBrandSwitcher.displayName = "SidebarBrandSwitcher";
+function SidebarBrandSwitcherSectionLabel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "px-2 pt-1 pb-0.5 text-[10px] tracking-wider uppercase text-fg-4", children });
+}
+function SidebarBrandSwitcherTile({ item }) {
+  if (item.glyph) return /* @__PURE__ */ jsx(Fragment, { children: item.glyph });
+  const initial = (item.short ?? item.name).charAt(0).toUpperCase();
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md",
+        "text-[11px] font-semibold text-white",
+        item.tone
+      ),
+      children: initial
+    }
+  );
+}
+function SidebarBrandSwitcherCurrentRow({
+  item,
+  badge
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-0 flex cursor-default items-center gap-2.5 rounded-md bg-bg-2 px-2 py-1.5", children: [
+    /* @__PURE__ */ jsx(SidebarBrandSwitcherTile, { item }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-fg text-[13px] font-medium", children: item.name }),
+      item.tagline && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: item.tagline })
+    ] }),
+    badge && /* @__PURE__ */ jsx("span", { className: "rounded-sm px-1.5 py-0.5 text-[10px] font-medium tracking-wider uppercase text-pro-fg ring-1 ring-pro-fg/30", children: badge })
+  ] });
+}
+function SidebarBrandSwitcherOtherRow({
+  item,
+  onLaunch,
+  unavailableBadge
+}) {
+  const reachable = item.available !== false;
+  const [launching, setLaunching] = React36.useState(false);
+  const handleSelect = async () => {
+    if (!reachable || launching || !onLaunch) return;
+    setLaunching(true);
+    try {
+      await onLaunch(item);
+    } finally {
+      setLaunching(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuItem,
+    {
+      disabled: !reachable,
+      onSelect: (e) => {
+        if (!reachable) {
+          e.preventDefault();
+          return;
+        }
+        void handleSelect();
+      },
+      "data-item": item.dataAttr ?? item.id,
+      className: "flex items-center gap-2.5 rounded-md px-2 py-1.5",
+      children: [
+        /* @__PURE__ */ jsx(SidebarBrandSwitcherTile, { item }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-fg text-[13px] font-medium", children: item.name }),
+          item.tagline && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: item.tagline })
+        ] }),
+        !reachable && unavailableBadge && /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-bg-3 px-1.5 py-0.5 text-[10px] font-medium tracking-wider uppercase text-fg-4", children: unavailableBadge }),
+        reachable && launching && /* @__PURE__ */ jsx("span", { className: "rounded-sm bg-bg-3 px-1.5 py-0.5 text-[10px] font-medium tracking-wider uppercase text-fg-4", children: "Opening\u2026" })
+      ]
+    }
+  );
+}
 var AppHeader = forwardRef(function AppHeader2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     "header",
@@ -9105,6 +9671,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, 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, 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, useSidebarPeekLock, 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, SidebarBrandSwitcher, SidebarBrandSwitcherTile, 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