@acronis-platform/ui-react 0.61.0 → 1.0.0

package/dist/components/ui/date-range-picker/date-range-picker.js

@@ -1,151 +1,111 @@
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import * as a from "react";
-import { formatDate as s, normalizeRange as P, rangesEqual as g, DISPLAY_FORMAT as _, parseDate as G } from "./date-range-picker-utils.js";
-import { Popover as H, PopoverTrigger as J, PopoverContent as K } from "../popover/popover.js";
-import { InputDatePicker as Q } from "../input-date-picker/input-date-picker.js";
-import { Calendar as U } from "../calendar/calendar.js";
-import { Button as C } from "../button/button.js";
-import { InputText as W } from "../input-text/input-text.js";
-function k({
-  label: p,
-  text: d,
-  onTextChange: i,
-  onParsedChange: f
-}) {
-  return /* @__PURE__ */ o(
-    W,
-    {
-      "aria-label": p,
-      value: d,
-      placeholder: _,
-      onChange: (h) => {
-        const l = h.target.value;
-        if (i(l), l.trim() === "") {
-          f(void 0);
-          return;
-        }
-        const x = G(l);
-        x && f(x);
-      }
-    }
-  );
-}
-const X = a.forwardRef(
+import { jsxs as Q, jsx as r } from "react/jsx-runtime";
+import * as n from "react";
+import { useDocDir as U } from "../../../lib/use-doc-dir.js";
+import { normalizeRange as D, formatDate as P } from "./date-range-picker-utils.js";
+import { Popover as W, PopoverTrigger as X, PopoverContent as Y } from "../popover/popover.js";
+import { InputDatePicker as Z } from "../input-date-picker/input-date-picker.js";
+import { CalendarPanel as _ } from "../calendar-panel/calendar-panel.js";
+const $ = n.forwardRef(
   ({
-    value: p,
-    defaultValue: d,
-    onValueChange: i,
-    label: f,
-    description: h,
-    error: l,
-    placeholder: x,
-    disabled: A,
-    required: N,
-    className: F
-  }, O) => {
-    const T = p !== void 0, [I, w] = a.useState(
-      d ?? {}
-    ), e = T ? p : I, [v, R] = a.useState(!1), [m, c] = a.useState(e), [M, S] = a.useState(s(e.from)), [j, y] = a.useState(s(e.to)), u = (t) => {
-      S(s(t.from)), y(s(t.to));
-    }, z = (t) => {
-      c(e), u(e), R(t);
-    }, E = () => {
-      const t = d ?? {};
-      c(t), u(t);
-    }, q = () => {
-      const t = P(m);
-      T || w(t), i == null || i(t), R(!1);
-    }, r = P(m);
-    let D;
-    r.from ? D = { from: r.from, to: r.to } : r.to && (D = { from: r.to, to: r.to });
-    const B = (t) => {
-      const n = { from: t == null ? void 0 : t.from, to: t == null ? void 0 : t.to };
-      c(n), u(n);
-    }, L = g(m, e), Y = g(m, d ?? {});
-    return /* @__PURE__ */ b(H, { open: v, onOpenChange: z, children: [
-      /* @__PURE__ */ o(
-        J,
+    value: f,
+    defaultValue: R,
+    onValueChange: s,
+    label: h,
+    description: S,
+    error: k,
+    placeholder: u,
+    disabled: v,
+    required: w,
+    className: x,
+    disabledDays: y,
+    min: A,
+    max: b,
+    showOutsideDays: C,
+    weekStartsOn: O,
+    fromYear: j,
+    toYear: z,
+    locale: a,
+    monthLabel: I,
+    yearLabel: N,
+    formatMonthLabel: T,
+    cancelLabel: M,
+    applyLabel: q
+  }, B) => {
+    const c = f !== void 0, [E, F] = n.useState(
+      R ?? {}
+    ), e = c ? f : E, [l, i] = n.useState(!1), [m, p] = n.useState(e), G = U(), H = (t) => {
+      p(e), i(t);
+    }, J = () => {
+      p(e), i(!1);
+    }, K = () => {
+      const t = D(m);
+      c || F(t), s == null || s(t), i(!1);
+    }, o = D(m);
+    let d;
+    o.from ? d = { from: o.from, to: o.to } : o.to && (d = { from: o.to, to: o.to });
+    const L = (t) => {
+      p({ from: t == null ? void 0 : t.from, to: t == null ? void 0 : t.to });
+    };
+    return /* @__PURE__ */ Q(W, { open: l, onOpenChange: H, children: [
+      /* @__PURE__ */ r(
+        X,
         {
-          render: /* @__PURE__ */ o(
-            Q,
+          render: /* @__PURE__ */ r(
+            Z,
             {
-              ref: O,
+              ref: B,
               pickerType: "dateRange",
-              label: f,
-              description: h,
-              error: l,
-              placeholder: x,
-              disabled: A,
-              required: N,
-              startDate: s(e.from),
-              endDate: s(e.to),
-              open: v,
-              className: F
+              label: h,
+              description: S,
+              error: k,
+              placeholder: u,
+              disabled: v,
+              required: w,
+              startDate: P(e.from, a),
+              endDate: P(e.to, a),
+              open: l,
+              className: x
             }
           )
         }
       ),
-      /* @__PURE__ */ b(K, { align: "start", className: "w-auto max-w-none p-0", children: [
-        /* @__PURE__ */ o(
-          U,
-          {
-            mode: "range",
-            numberOfMonths: 2,
-            selected: D,
-            onSelect: B,
-            defaultMonth: m.from ?? e.from
-          }
-        ),
-        /* @__PURE__ */ b("div", { className: "flex items-end gap-2 border-t border-border p-3", children: [
-          /* @__PURE__ */ o(
-            k,
-            {
-              label: "Start date",
-              text: M,
-              onTextChange: S,
-              onParsedChange: (t) => c((n) => ({ ...n, from: t }))
-            }
-          ),
-          /* @__PURE__ */ o("span", { className: "pb-2 text-muted-foreground", children: "–" }),
-          /* @__PURE__ */ o(
-            k,
-            {
-              label: "End date",
-              text: j,
-              onTextChange: y,
-              onParsedChange: (t) => c((n) => ({ ...n, to: t }))
-            }
-          )
-        ] }),
-        /* @__PURE__ */ b("div", { className: "flex items-center gap-2 border-t border-border p-3", children: [
-          /* @__PURE__ */ o(
-            C,
-            {
-              type: "button",
-              variant: "ghost",
-              disabled: Y,
-              onClick: E,
-              children: "Reset to default"
-            }
-          ),
-          /* @__PURE__ */ o(
-            C,
+      /* @__PURE__ */ r(
+        Y,
+        {
+          align: "start",
+          className: "w-auto max-w-none rounded-none border-none bg-transparent p-0 shadow-none",
+          children: /* @__PURE__ */ r(
+            _,
             {
-              type: "button",
-              variant: "default",
-              className: "ms-auto",
-              disabled: L,
-              onClick: q,
-              children: "Apply"
+              variant: "range",
+              selected: d,
+              onSelect: L,
+              defaultMonth: m.from ?? e.from,
+              onCancel: J,
+              onApply: K,
+              dir: G,
+              disabled: y,
+              min: A,
+              max: b,
+              showOutsideDays: C,
+              weekStartsOn: O,
+              fromYear: j,
+              toYear: z,
+              locale: a,
+              monthLabel: I,
+              yearLabel: N,
+              formatMonthLabel: T,
+              cancelLabel: M,
+              applyLabel: q
             }
           )
-        ] })
-      ] })
+        }
+      )
     ] });
   }
 );
-X.displayName = "DateRangePicker";
+$.displayName = "DateRangePicker";
 export {
-  X as DateRangePicker
+  $ as DateRangePicker
 };
 //# sourceMappingURL=date-range-picker.js.map

package/dist/components/ui/date-range-picker/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { DateRange as RdpDateRange } from 'react-day-picker';\n\nimport { Button } from '../button';\nimport { Calendar } from '../calendar';\nimport { InputDatePicker } from '../input-date-picker';\nimport { InputText } from '../input-text';\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover';\nimport {\n  DISPLAY_FORMAT,\n  formatDate,\n  normalizeRange,\n  parseDate,\n  rangesEqual,\n  type DateRange,\n} from './date-range-picker-utils';\n\nexport type { DateRange };\n\n// One of the two editable start/end fields. Kept internal (only ever used twice,\n// here) — it wires an `InputText` to the draft: typing echoes verbatim into the\n// field via `onTextChange` (so a partial mid-type value isn't reformatted), and a\n// successfully parsed date is forwarded via `onParsedChange`.\nfunction DateField({\n  label,\n  text,\n  onTextChange,\n  onParsedChange,\n}: {\n  label: string;\n  text: string;\n  onTextChange: (text: string) => void;\n  onParsedChange: (date: Date | undefined) => void;\n}) {\n  return (\n    <InputText\n      aria-label={label}\n      value={text}\n      placeholder={DISPLAY_FORMAT}\n      onChange={(event) => {\n        const next = event.target.value;\n        onTextChange(next);\n\n        if (next.trim() === '') {\n          onParsedChange(undefined);\n          return;\n        }\n\n        const parsed = parseDate(next);\n        if (parsed) {\n          onParsedChange(parsed);\n        }\n      }}\n    />\n  );\n}\n\n// A range date picker: the `InputDatePicker` trigger (pickerType=\"dateRange\")\n// opens a Popover holding a dual-month range `Calendar`, two editable start/end\n// date fields bound to the in-progress draft, and a Reset / Apply footer. Mirrors\n// the draft/commit/revert idiom of `FilterSearchFilters`: the applied range is\n// snapshotted into a draft on open; editing (calendar or text fields) mutates only\n// the draft; dismissing the popover (outside press / Escape) reverts the draft, and\n// only Apply commits it via `onValueChange` and closes.\n//\n// No dedicated token tier — the trigger brings `--ui-input-date-picker-*`, the\n// Calendar / Popover / Buttons bring their own semantic tokens. Reconcile with\n// `/figma-component DateRangePicker <url> --update` once a mockup lands.\n\nexport interface DateRangePickerProps {\n  /** The applied range (controlled). Omit for uncontrolled use with `defaultValue`. */\n  value?: DateRange;\n  /** The initial applied range (uncontrolled) and the target of \"Reset to default\". */\n  defaultValue?: DateRange;\n  /** Called with the committed range when Apply is pressed. */\n  onValueChange?: (range: DateRange) => void;\n  /** Field label for the trigger. */\n  label?: React.ReactNode;\n  /** Helper text below the trigger. */\n  description?: React.ReactNode;\n  /** Error message below the trigger (switches the trigger to its error treatment). */\n  error?: React.ReactNode;\n  /** Hint shown in the trigger when no range is selected. */\n  placeholder?: React.ReactNode;\n  /** Disables the trigger and prevents opening the popover. */\n  disabled?: boolean;\n  /** Marks the trigger required. */\n  required?: boolean;\n  /** Extra classes merged onto the trigger. */\n  className?: string;\n}\n\nconst DateRangePicker = React.forwardRef<\n  HTMLButtonElement,\n  DateRangePickerProps\n>(\n  (\n    {\n      value,\n      defaultValue,\n      onValueChange,\n      label,\n      description,\n      error,\n      placeholder,\n      disabled,\n      required,\n      className,\n    },\n    ref\n  ) => {\n    const isControlled = value !== undefined;\n    const [internalApplied, setInternalApplied] = React.useState<DateRange>(\n      defaultValue ?? {}\n    );\n    const applied = isControlled ? (value as DateRange) : internalApplied;\n\n    const [open, setOpen] = React.useState(false);\n    const [draft, setDraft] = React.useState<DateRange>(applied);\n\n    const [fromText, setFromText] = React.useState(formatDate(applied.from));\n    const [toText, setToText] = React.useState(formatDate(applied.to));\n\n    // Sync the editable fields from a range whenever the draft changes for a\n    // reason OTHER than the user typing (open / calendar click / reset). We do\n    // NOT resync on every draft change: a `[draft]` effect would rewrite the\n    // field mid-type (e.g. a partial year \"2\" parses, then gets echoed back\n    // zero-padded as \"0002\"), scrambling further keystrokes.\n    const syncFieldsFrom = (range: DateRange) => {\n      setFromText(formatDate(range.from));\n      setToText(formatDate(range.to));\n    };\n\n    const handleOpenChange = (nextOpen: boolean) => {\n      // Snapshot the applied range on open; revert the draft on any dismiss\n      // (outside press / Escape) so an un-applied edit never leaks out.\n      setDraft(applied);\n      syncFieldsFrom(applied);\n      setOpen(nextOpen);\n    };\n\n    const handleReset = () => {\n      const next = defaultValue ?? {};\n      setDraft(next);\n      syncFieldsFrom(next);\n    };\n\n    const handleApply = () => {\n      // Commit chronologically ordered so a typed end-before-start range is\n      // normalized rather than committed inverted.\n      const committed = normalizeRange(draft);\n      if (!isControlled) setInternalApplied(committed);\n      onValueChange?.(committed);\n      setOpen(false);\n    };\n\n    // Feed the calendar a normalized range so a typed inverted range still\n    // highlights the correct band (the editable fields keep the raw typed text).\n    // react-day-picker's `DateRange` requires `from`, so a to-only draft (end\n    // typed before start) is fed as a single selected day at `to` — otherwise\n    // `selected` would be `undefined` and the next calendar click would start a\n    // fresh range instead of completing this one, discarding the typed end date.\n    const normalizedDraft = normalizeRange(draft);\n    let selectedRange: RdpDateRange | undefined;\n    if (normalizedDraft.from) {\n      selectedRange = { from: normalizedDraft.from, to: normalizedDraft.to };\n    } else if (normalizedDraft.to) {\n      selectedRange = { from: normalizedDraft.to, to: normalizedDraft.to };\n    }\n\n    const handleSelect = (range: RdpDateRange | undefined) => {\n      const next = { from: range?.from, to: range?.to };\n      setDraft(next);\n      syncFieldsFrom(next);\n    };\n\n    const applyDisabled = rangesEqual(draft, applied);\n    const resetDisabled = rangesEqual(draft, defaultValue ?? {});\n\n    return (\n      <Popover open={open} onOpenChange={handleOpenChange}>\n        <PopoverTrigger\n          render={\n            <InputDatePicker\n              ref={ref}\n              pickerType=\"dateRange\"\n              label={label}\n              description={description}\n              error={error}\n              placeholder={placeholder}\n              disabled={disabled}\n              required={required}\n              startDate={formatDate(applied.from)}\n              endDate={formatDate(applied.to)}\n              open={open}\n              className={className}\n            />\n          }\n        />\n        <PopoverContent align=\"start\" className=\"w-auto max-w-none p-0\">\n          <Calendar\n            mode=\"range\"\n            numberOfMonths={2}\n            selected={selectedRange}\n            onSelect={handleSelect}\n            defaultMonth={draft.from ?? applied.from}\n          />\n          <div className=\"flex items-end gap-2 border-t border-border p-3\">\n            <DateField\n              label=\"Start date\"\n              text={fromText}\n              onTextChange={setFromText}\n              onParsedChange={(parsed) =>\n                setDraft((previous) => ({ ...previous, from: parsed }))\n              }\n            />\n            <span className=\"pb-2 text-muted-foreground\">–</span>\n            <DateField\n              label=\"End date\"\n              text={toText}\n              onTextChange={setToText}\n              onParsedChange={(parsed) =>\n                setDraft((previous) => ({ ...previous, to: parsed }))\n              }\n            />\n          </div>\n          <div className=\"flex items-center gap-2 border-t border-border p-3\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              disabled={resetDisabled}\n              onClick={handleReset}\n            >\n              Reset to default\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"default\"\n              className=\"ms-auto\"\n              disabled={applyDisabled}\n              onClick={handleApply}\n            >\n              Apply\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\nDateRangePicker.displayName = 'DateRangePicker';\n\nexport { DateRangePicker };\n"],"names":["DateField","label","text","onTextChange","onParsedChange","jsx","InputText","DISPLAY_FORMAT","event","next","parsed","parseDate","DateRangePicker","React","value","defaultValue","onValueChange","description","error","placeholder","disabled","required","className","ref","isControlled","internalApplied","setInternalApplied","applied","open","setOpen","draft","setDraft","fromText","setFromText","formatDate","toText","setToText","syncFieldsFrom","range","handleOpenChange","nextOpen","handleReset","handleApply","committed","normalizeRange","normalizedDraft","selectedRange","handleSelect","applyDisabled","rangesEqual","resetDisabled","jsxs","Popover","PopoverTrigger","InputDatePicker","PopoverContent","Calendar","previous","Button"],"mappings":";;;;;;;;AAuBA,SAASA,EAAU;AAAA,EACjB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAKG;AACD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAYL;AAAA,MACZ,OAAOC;AAAA,MACP,aAAaK;AAAA,MACb,UAAU,CAACC,MAAU;AACnB,cAAMC,IAAOD,EAAM,OAAO;AAG1B,YAFAL,EAAaM,CAAI,GAEbA,EAAK,KAAA,MAAW,IAAI;AACtB,UAAAL,EAAe,MAAS;AACxB;AAAA,QACF;AAEA,cAAMM,IAASC,EAAUF,CAAI;AAC7B,QAAIC,KACFN,EAAeM,CAAM;AAAA,MAEzB;AAAA,IAAA;AAAA,EAAA;AAGN;AAqCA,MAAME,IAAkBC,EAAM;AAAA,EAI5B,CACE;AAAA,IACE,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAf;AAAA,IACA,aAAAgB;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAMC,IAAeV,MAAU,QACzB,CAACW,GAAiBC,CAAkB,IAAIb,EAAM;AAAA,MAClDE,KAAgB,CAAA;AAAA,IAAC,GAEbY,IAAUH,IAAgBV,IAAsBW,GAEhD,CAACG,GAAMC,CAAO,IAAIhB,EAAM,SAAS,EAAK,GACtC,CAACiB,GAAOC,CAAQ,IAAIlB,EAAM,SAAoBc,CAAO,GAErD,CAACK,GAAUC,CAAW,IAAIpB,EAAM,SAASqB,EAAWP,EAAQ,IAAI,CAAC,GACjE,CAACQ,GAAQC,CAAS,IAAIvB,EAAM,SAASqB,EAAWP,EAAQ,EAAE,CAAC,GAO3DU,IAAiB,CAACC,MAAqB;AAC3C,MAAAL,EAAYC,EAAWI,EAAM,IAAI,CAAC,GAClCF,EAAUF,EAAWI,EAAM,EAAE,CAAC;AAAA,IAChC,GAEMC,IAAmB,CAACC,MAAsB;AAG9C,MAAAT,EAASJ,CAAO,GAChBU,EAAeV,CAAO,GACtBE,EAAQW,CAAQ;AAAA,IAClB,GAEMC,IAAc,MAAM;AACxB,YAAMhC,IAAOM,KAAgB,CAAA;AAC7B,MAAAgB,EAAStB,CAAI,GACb4B,EAAe5B,CAAI;AAAA,IACrB,GAEMiC,IAAc,MAAM;AAGxB,YAAMC,IAAYC,EAAed,CAAK;AACtC,MAAKN,KAAcE,EAAmBiB,CAAS,GAC/C3B,KAAA,QAAAA,EAAgB2B,IAChBd,EAAQ,EAAK;AAAA,IACf,GAQMgB,IAAkBD,EAAed,CAAK;AAC5C,QAAIgB;AACJ,IAAID,EAAgB,OAClBC,IAAgB,EAAE,MAAMD,EAAgB,MAAM,IAAIA,EAAgB,GAAA,IACzDA,EAAgB,OACzBC,IAAgB,EAAE,MAAMD,EAAgB,IAAI,IAAIA,EAAgB,GAAA;AAGlE,UAAME,IAAe,CAACT,MAAoC;AACxD,YAAM7B,IAAO,EAAE,MAAM6B,KAAA,gBAAAA,EAAO,MAAM,IAAIA,KAAA,gBAAAA,EAAO,GAAA;AAC7C,MAAAP,EAAStB,CAAI,GACb4B,EAAe5B,CAAI;AAAA,IACrB,GAEMuC,IAAgBC,EAAYnB,GAAOH,CAAO,GAC1CuB,IAAgBD,EAAYnB,GAAOf,KAAgB,CAAA,CAAE;AAE3D,WACE,gBAAAoC,EAACC,GAAA,EAAQ,MAAAxB,GAAY,cAAcW,GACjC,UAAA;AAAA,MAAA,gBAAAlC;AAAA,QAACgD;AAAA,QAAA;AAAA,UACC,QACE,gBAAAhD;AAAA,YAACiD;AAAA,YAAA;AAAA,cACC,KAAA/B;AAAA,cACA,YAAW;AAAA,cACX,OAAAtB;AAAA,cACA,aAAAgB;AAAA,cACA,OAAAC;AAAA,cACA,aAAAC;AAAA,cACA,UAAAC;AAAA,cACA,UAAAC;AAAA,cACA,WAAWa,EAAWP,EAAQ,IAAI;AAAA,cAClC,SAASO,EAAWP,EAAQ,EAAE;AAAA,cAC9B,MAAAC;AAAA,cACA,WAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAGJ,gBAAA6B,EAACI,GAAA,EAAe,OAAM,SAAQ,WAAU,yBACtC,UAAA;AAAA,QAAA,gBAAAlD;AAAA,UAACmD;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,gBAAgB;AAAA,YAChB,UAAUV;AAAA,YACV,UAAUC;AAAA,YACV,cAAcjB,EAAM,QAAQH,EAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtC,gBAAAwB,EAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,UAAA,gBAAA9C;AAAA,YAACL;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAMgC;AAAA,cACN,cAAcC;AAAA,cACd,gBAAgB,CAACvB,MACfqB,EAAS,CAAC0B,OAAc,EAAE,GAAGA,GAAU,MAAM/C,IAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAG1D,gBAAAL,EAAC,QAAA,EAAK,WAAU,8BAA6B,UAAA,KAAC;AAAA,UAC9C,gBAAAA;AAAA,YAACL;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,MAAMmC;AAAA,cACN,cAAcC;AAAA,cACd,gBAAgB,CAAC1B,MACfqB,EAAS,CAAC0B,OAAc,EAAE,GAAGA,GAAU,IAAI/C,IAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAExD,GACF;AAAA,QACA,gBAAAyC,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,UAAA,gBAAA9C;AAAA,YAACqD;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,UAAUR;AAAA,cACV,SAAST;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,gBAAApC;AAAA,YAACqD;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,UAAUV;AAAA,cACV,SAASN;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAED,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AACA9B,EAAgB,cAAc;"}
+{"version":3,"file":"date-range-picker.js","sources":["../../../../src/components/ui/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport type {\n  DateRange as RdpDateRange,\n  DayPickerLocale,\n  Matcher,\n} from 'react-day-picker';\n\nimport { useDocDir } from '@/lib/use-doc-dir';\nimport { CalendarPanel } from '../calendar-panel';\nimport { InputDatePicker } from '../input-date-picker';\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover';\nimport {\n  formatDate,\n  normalizeRange,\n  type DateRange,\n} from './date-range-picker-utils';\n\nexport type { DateRange };\n\n// A range date picker: the `InputDatePicker` trigger (pickerType=\"dateRange\")\n// opens a Popover holding a dual-month range `CalendarPanel`. Mirrors the\n// draft/commit/revert idiom of `FilterSearchFilters`: the applied range is\n// snapshotted into a draft on open; selecting days mutates only the draft;\n// dismissing the popover (outside press / Escape) reverts the draft, `Cancel`\n// does the same explicitly, and only `Apply` commits it via `onValueChange`\n// and closes. The footer (Cancel/Apply) is `CalendarPanel`'s own — this\n// component owns no footer or fields of its own.\n//\n// Everything below `className` in the props is a pass-through to that\n// `CalendarPanel` — the selection constraints and every string it renders on its\n// own — so a consumer can localize and constrain the popup without reaching for\n// `CalendarPanel` directly. Only `disabledDays` is renamed (the panel's\n// `disabled`), because `disabled` here disables the trigger. `locale` is also\n// read directly by the trigger's `formatDate` (below), not just passed through.\n//\n// No dedicated token tier — the trigger brings `--ui-input-date-picker-*` and\n// the popup is themed by the composed `CalendarPanel`. `Popover` contributes\n// only positioning, portaling and dismissal — its own container chrome is\n// neutralized via `className` below so `CalendarPanel`'s own chrome shows\n// through instead.\n\nexport interface DateRangePickerProps {\n  /** The applied range (controlled). Omit for uncontrolled use with `defaultValue`. */\n  value?: DateRange;\n  /** The initial applied range (uncontrolled). */\n  defaultValue?: DateRange;\n  /** Called with the committed range when Apply is pressed. */\n  onValueChange?: (range: DateRange) => void;\n  /** Field label for the trigger. */\n  label?: React.ReactNode;\n  /** Helper text below the trigger. */\n  description?: React.ReactNode;\n  /** Error message below the trigger (switches the trigger to its error treatment). */\n  error?: React.ReactNode;\n  /** Hint shown in the trigger when no range is selected. */\n  placeholder?: React.ReactNode;\n  /** Disables the trigger and prevents opening the popover. */\n  disabled?: boolean;\n  /** Marks the trigger required. */\n  required?: boolean;\n  /** Extra classes merged onto the trigger's field wrapper (label + box + message). */\n  className?: string;\n  /** Days that cannot be selected in the calendar. */\n  disabledDays?: Matcher | Matcher[];\n  /** Minimum number of nights between the range's start and end (`differenceInCalendarDays(to, from)`) — e.g. `min={7}` requires at least 8 selectable days. */\n  min?: number;\n  /** Maximum number of nights between the range's start and end (`differenceInCalendarDays(to, from)`) — e.g. `max={31}` admits up to 32 selectable days. */\n  max?: number;\n  /** Render the leading/trailing days of the adjacent months. */\n  showOutsideDays?: boolean;\n  /**\n   * First day of the week (0 = Sunday). Defaults to `locale`'s own week\n   * start, falling back to Monday when no `locale` is given.\n   */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * First year offered by the year dropdown and the earliest month the grid\n   * can navigate to. Defaults to 50 years back.\n   */\n  fromYear?: number;\n  /**\n   * Last year offered by the year dropdown and the latest month the grid can\n   * navigate to. Defaults to 50 years ahead.\n   */\n  toYear?: number;\n  /**\n   * Localizes weekday names, the calendar's default day-cell/caption\n   * accessible labels, and the trigger's month name (e.g. `import { es }\n   * from 'react-day-picker/locale'`). The trigger's day/year order stays\n   * fixed (`MMM d, yyyy`) — only the month name translates, not the\n   * ordering. Defaults to date-fns `enUS`. Does not translate `monthLabel`/\n   * `yearLabel`/`cancelLabel`/`applyLabel`/`formatMonthLabel` — those are\n   * separate props.\n   */\n  locale?: DayPickerLocale;\n  /** Accessible name of the calendar's month dropdown. */\n  monthLabel?: string;\n  /** Accessible name of the calendar's year dropdown. */\n  yearLabel?: string;\n  /** Formats a month's name for the month dropdown. Defaults to `locale`-aware `date-fns` formatting. */\n  formatMonthLabel?: (date: Date) => string;\n  /** Popup footer's \"Cancel\" button label. */\n  cancelLabel?: string;\n  /** Popup footer's \"Apply\" button label. */\n  applyLabel?: string;\n}\n\nconst DateRangePicker = React.forwardRef<\n  HTMLButtonElement,\n  DateRangePickerProps\n>(\n  (\n    {\n      value,\n      defaultValue,\n      onValueChange,\n      label,\n      description,\n      error,\n      placeholder,\n      disabled,\n      required,\n      className,\n      disabledDays,\n      min,\n      max,\n      showOutsideDays,\n      weekStartsOn,\n      fromYear,\n      toYear,\n      locale,\n      monthLabel,\n      yearLabel,\n      formatMonthLabel,\n      cancelLabel,\n      applyLabel,\n    },\n    ref\n  ) => {\n    const isControlled = value !== undefined;\n    const [internalApplied, setInternalApplied] = React.useState<DateRange>(\n      defaultValue ?? {}\n    );\n    const applied = isControlled ? (value as DateRange) : internalApplied;\n\n    const [open, setOpen] = React.useState(false);\n    const [draft, setDraft] = React.useState<DateRange>(applied);\n\n    // `CalendarPanel` needs an explicit `dir` — `react-day-picker`'s own\n    // Arrow-Left/Right roaming only mirrors when `dir` reaches it directly,\n    // not via CSS/ancestor `dir` inheritance (see calendar-panel.tsx). Read\n    // it via `useDocDir()` (`src/lib/use-doc-dir.ts`) rather than adding a\n    // public `dir` prop, so an ancestor still sets it and this component\n    // doesn't need one of its own — the same hook `app-shell-chat.tsx` and\n    // `dialog-welcome.tsx` use to feed `dir` into other things that need it\n    // directly (a resize edge's keyboard math, Embla's `direction` option).\n    // It reads `document.documentElement`, not a per-ancestor lookup off the\n    // trigger, so it isn't affected by the trigger itself being rendered\n    // inside another component's portaled content (e.g. a\n    // `FilterSearchFilters` popover) — the real DOM ancestor chain there no\n    // longer includes an app-level `dir` wrapper that only wraps the React\n    // tree, but `document.documentElement` is unaffected either way.\n    const dir = useDocDir();\n\n    const handleOpenChange = (nextOpen: boolean) => {\n      // Snapshot the applied range on open; revert the draft on any dismiss\n      // (outside press / Escape) so an un-applied edit never leaks out.\n      setDraft(applied);\n      setOpen(nextOpen);\n    };\n\n    const handleCancel = () => {\n      setDraft(applied);\n      setOpen(false);\n    };\n\n    const handleApply = () => {\n      // Commit chronologically ordered so an inverted selection is normalized\n      // rather than committed inverted.\n      const committed = normalizeRange(draft);\n      if (!isControlled) setInternalApplied(committed);\n      onValueChange?.(committed);\n      setOpen(false);\n    };\n\n    // Feed the calendar a normalized range so an inverted draft still\n    // highlights the correct band. react-day-picker's `DateRange` requires\n    // `from`, so a to-only draft is fed as a single selected day at `to` —\n    // otherwise `selected` would be `undefined` and the next calendar click\n    // would start a fresh range instead of completing this one.\n    const normalizedDraft = normalizeRange(draft);\n    let selectedRange: RdpDateRange | undefined;\n    if (normalizedDraft.from) {\n      selectedRange = { from: normalizedDraft.from, to: normalizedDraft.to };\n    } else if (normalizedDraft.to) {\n      selectedRange = { from: normalizedDraft.to, to: normalizedDraft.to };\n    }\n\n    const handleSelect = (range: RdpDateRange | undefined) => {\n      setDraft({ from: range?.from, to: range?.to });\n    };\n\n    return (\n      <Popover open={open} onOpenChange={handleOpenChange}>\n        <PopoverTrigger\n          render={\n            <InputDatePicker\n              ref={ref}\n              pickerType=\"dateRange\"\n              label={label}\n              description={description}\n              error={error}\n              placeholder={placeholder}\n              disabled={disabled}\n              required={required}\n              startDate={formatDate(applied.from, locale)}\n              endDate={formatDate(applied.to, locale)}\n              open={open}\n              className={className}\n            />\n          }\n        />\n        <PopoverContent\n          align=\"start\"\n          className=\"w-auto max-w-none rounded-none border-none bg-transparent p-0 shadow-none\"\n        >\n          <CalendarPanel\n            variant=\"range\"\n            selected={selectedRange}\n            onSelect={handleSelect}\n            defaultMonth={draft.from ?? applied.from}\n            onCancel={handleCancel}\n            onApply={handleApply}\n            dir={dir}\n            disabled={disabledDays}\n            min={min}\n            max={max}\n            showOutsideDays={showOutsideDays}\n            weekStartsOn={weekStartsOn}\n            fromYear={fromYear}\n            toYear={toYear}\n            locale={locale}\n            monthLabel={monthLabel}\n            yearLabel={yearLabel}\n            formatMonthLabel={formatMonthLabel}\n            cancelLabel={cancelLabel}\n            applyLabel={applyLabel}\n          />\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\nDateRangePicker.displayName = 'DateRangePicker';\n\nexport { DateRangePicker };\n"],"names":["DateRangePicker","React","value","defaultValue","onValueChange","label","description","error","placeholder","disabled","required","className","disabledDays","min","max","showOutsideDays","weekStartsOn","fromYear","toYear","locale","monthLabel","yearLabel","formatMonthLabel","cancelLabel","applyLabel","ref","isControlled","internalApplied","setInternalApplied","applied","open","setOpen","draft","setDraft","dir","useDocDir","handleOpenChange","nextOpen","handleCancel","handleApply","committed","normalizeRange","normalizedDraft","selectedRange","handleSelect","range","jsxs","Popover","jsx","PopoverTrigger","InputDatePicker","formatDate","PopoverContent","CalendarPanel"],"mappings":"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"}

package/dist/components/ui/dropdown-menu/dropdown-menu.js

@@ -1,112 +1,169 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import * as d from "react";
-import { Menu as o } from "@base-ui/react/menu";
-import { ChevronRightIcon as h } from "@acronis-platform/icons-react/stroke-mono";
-import { cn as a } from "../../../lib/utils.js";
-import { usePortalContainer as x } from "../../../lib/portal-container.js";
-const _ = o.Root, k = o.Trigger, M = d.forwardRef(({ className: n, ...e }, t) => /* @__PURE__ */ r(
-  o.Group,
+import { Menu as t } from "@base-ui/react/menu";
+import { CheckIcon as N, ChevronRightIcon as M } from "@acronis-platform/icons-react/stroke-mono";
+import { cn as i } from "../../../lib/utils.js";
+import { usePortalContainer as D } from "../../../lib/portal-container.js";
+const B = t.Root, E = t.Trigger, y = d.forwardRef(({ className: o, ...n }, e) => /* @__PURE__ */ r(
+  t.Group,
   {
-    ref: t,
-    className: a(
+    ref: e,
+    className: i(
       "flex flex-col items-start overflow-clip gap-[var(--ui-button-menu-dropdown-section-list-gap)] px-[var(--ui-button-menu-dropdown-section-container-padding-x)] py-[var(--ui-button-menu-dropdown-section-container-padding-y)] [&:not(:first-child)]:border-t [&:not(:first-child)]:border-[length:var(--ui-button-menu-dropdown-section-container-border-width)] [&:not(:first-child)]:border-[var(--ui-button-menu-dropdown-section-container-border-color)]",
-      n
+      o
     ),
-    ...e
+    ...n
   }
 ));
-M.displayName = "DropdownMenuGroup";
-const G = o.Portal, j = o.SubmenuRoot, p = "z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden flex flex-col gap-[var(--ui-button-menu-dropdown-container-gap)] bg-[var(--ui-button-menu-dropdown-container-color)] border-solid border-[length:var(--ui-button-menu-dropdown-container-border-width)] border-[var(--ui-button-menu-dropdown-container-border-color)] rounded-[var(--ui-button-menu-dropdown-container-border-radius)] px-[var(--ui-button-menu-dropdown-container-padding-x)] py-[var(--ui-button-menu-dropdown-container-padding-y)] shadow-md outline-none duration-200 data-[open]:animate-in data-[closed]:animate-out data-[open]:fade-in-0 data-[closed]:fade-out-0 data-[open]:zoom-in-95 data-[closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", c = "relative flex w-full shrink-0 cursor-default select-none items-start gap-[var(--ui-button-menu-dropdown-item-container-gap)] min-h-[var(--ui-button-menu-dropdown-item-container-height)] px-[var(--ui-button-menu-dropdown-item-container-padding-x)] py-[var(--ui-button-menu-dropdown-item-container-padding-y)] text-sm font-semibold leading-6 outline-none transition-colors bg-[var(--ui-button-menu-dropdown-item-container-color-idle)] text-[var(--ui-button-menu-dropdown-item-label-color)] [&_svg]:text-[var(--ui-button-menu-dropdown-item-icon-color)] data-[highlighted]:bg-[var(--ui-button-menu-dropdown-item-container-color-hover)] data-[highlighted]:active:bg-[var(--ui-button-menu-dropdown-item-container-color-active)] [&:focus-visible:not(:hover)]:rounded-[3px] [&:focus-visible:not(:hover)]:ring-[3px] [&:focus-visible:not(:hover)]:ring-inset [&:focus-visible:not(:hover)]:ring-[var(--ui-focus-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", N = d.forwardRef(
+y.displayName = "DropdownMenuGroup";
+const F = t.Portal, H = t.SubmenuRoot, l = "z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden flex flex-col gap-[var(--ui-button-menu-dropdown-container-gap)] bg-[var(--ui-button-menu-dropdown-container-color)] border-solid border-[length:var(--ui-button-menu-dropdown-container-border-width)] border-[var(--ui-button-menu-dropdown-container-border-color)] rounded-[var(--ui-button-menu-dropdown-container-border-radius)] px-[var(--ui-button-menu-dropdown-container-padding-x)] py-[var(--ui-button-menu-dropdown-container-padding-y)] shadow-md outline-none duration-200 data-[open]:animate-in data-[closed]:animate-out data-[open]:fade-in-0 data-[closed]:fade-out-0 data-[open]:zoom-in-95 data-[closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", u = "relative flex w-full shrink-0 cursor-default select-none items-start gap-[var(--ui-button-menu-dropdown-item-container-gap)] min-h-[var(--ui-button-menu-dropdown-item-container-height)] px-[var(--ui-button-menu-dropdown-item-container-padding-x)] py-[var(--ui-button-menu-dropdown-item-container-padding-y)] text-sm font-semibold leading-6 outline-none transition-colors bg-[var(--ui-button-menu-dropdown-item-container-color-idle)] text-[var(--ui-button-menu-dropdown-item-label-color)] [&_svg]:text-[var(--ui-button-menu-dropdown-item-icon-color)] data-[highlighted]:bg-[var(--ui-button-menu-dropdown-item-container-color-hover)] data-[highlighted]:active:bg-[var(--ui-button-menu-dropdown-item-container-color-active)] [&:focus-visible:not(:hover)]:rounded-[3px] [&:focus-visible:not(:hover)]:ring-[3px] [&:focus-visible:not(:hover)]:ring-inset [&:focus-visible:not(:hover)]:ring-[var(--ui-focus-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", b = "flex h-6 w-4 shrink-0 items-center justify-center text-[var(--ui-button-menu-dropdown-item-icon-color)]", p = "ps-[calc(var(--ui-button-menu-dropdown-item-container-padding-x)+1rem+var(--ui-button-menu-dropdown-item-container-gap))]", R = d.forwardRef(
   ({
-    className: n,
-    side: e,
-    align: t,
-    sideOffset: i = 4,
-    portal: u = !0,
-    portalContainer: m,
-    keepMounted: l,
-    ...b
-  }, w) => {
-    const v = x(), f = m ?? v, s = /* @__PURE__ */ r(
-      o.Positioner,
+    className: o,
+    side: n,
+    align: e,
+    sideOffset: a = 4,
+    portal: s = !0,
+    portalContainer: w,
+    keepMounted: v,
+    ...f
+  }, g) => {
+    const h = D(), x = w ?? h, m = /* @__PURE__ */ r(
+      t.Positioner,
       {
-        side: e,
-        align: t,
-        sideOffset: i,
+        side: n,
+        align: e,
+        sideOffset: a,
         className: "z-50",
         children: /* @__PURE__ */ r(
-          o.Popup,
+          t.Popup,
           {
-            ref: w,
-            className: a(p, n),
-            ...b
+            ref: g,
+            className: i(l, o),
+            ...f
           }
         )
       }
     );
-    return u ? /* @__PURE__ */ r(o.Portal, { container: f, keepMounted: l, children: s }) : s;
+    return s ? /* @__PURE__ */ r(t.Portal, { container: x, keepMounted: v, children: m }) : m;
   }
 );
-N.displayName = "DropdownMenuContent";
-const D = d.forwardRef(({ className: n, sideOffset: e = 4, ...t }, i) => /* @__PURE__ */ r(o.Positioner, { sideOffset: e, className: "z-50", children: /* @__PURE__ */ r(
-  o.Popup,
+R.displayName = "DropdownMenuContent";
+const C = d.forwardRef(({ className: o, sideOffset: n = 4, ...e }, a) => /* @__PURE__ */ r(t.Positioner, { sideOffset: n, className: "z-50", children: /* @__PURE__ */ r(
+  t.Popup,
   {
-    ref: i,
-    className: a(p, n),
-    ...t
+    ref: a,
+    className: i(l, o),
+    ...e
   }
 ) }));
-D.displayName = "DropdownMenuSubContent";
-const y = d.forwardRef(({ className: n, inset: e, ...t }, i) => /* @__PURE__ */ r(
-  o.Item,
+C.displayName = "DropdownMenuSubContent";
+const I = d.forwardRef(({ className: o, inset: n, ...e }, a) => /* @__PURE__ */ r(
+  t.Item,
   {
-    ref: i,
-    className: a(c, e && "ps-8", n),
-    ...t
+    ref: a,
+    className: i(u, n && p, o),
+    ...e
   }
 ));
-y.displayName = "DropdownMenuItem";
-const C = d.forwardRef(({ className: n, inset: e, children: t, ...i }, u) => /* @__PURE__ */ g(
-  o.SubmenuTrigger,
+I.displayName = "DropdownMenuItem";
+const S = d.forwardRef(({ className: o, inset: n, children: e, ...a }, s) => /* @__PURE__ */ c(
+  t.SubmenuTrigger,
   {
-    ref: u,
-    className: a(
-      c,
+    ref: s,
+    className: i(
+      u,
       "data-[popup-open]:bg-[var(--ui-button-menu-dropdown-item-container-color-active)]",
-      e && "ps-8",
-      n
+      n && p,
+      o
     ),
-    ...i,
+    ...a,
     children: [
-      t,
-      /* @__PURE__ */ r(h, { className: "ms-auto self-center text-[var(--ui-button-menu-dropdown-extras-cascade-icon-color)] rtl:rotate-180" })
+      e,
+      /* @__PURE__ */ r(M, { className: "ms-auto self-center text-[var(--ui-button-menu-dropdown-extras-cascade-icon-color)] rtl:rotate-180" })
     ]
   }
 ));
-C.displayName = "DropdownMenuSubTrigger";
-function R({
-  className: n,
-  ...e
+S.displayName = "DropdownMenuSubTrigger";
+function k({
+  className: o,
+  ...n
 }) {
   return /* @__PURE__ */ r(
     "span",
     {
-      className: a("ms-auto shrink-0 text-sm font-normal leading-6 text-[var(--ui-button-menu-dropdown-extras-shortcut-label-color)]", n),
-      ...e
+      className: i("ms-auto shrink-0 text-sm font-normal leading-6 text-[var(--ui-button-menu-dropdown-extras-shortcut-label-color)]", o),
+      ...n
     }
   );
 }
-R.displayName = "DropdownMenuShortcut";
+k.displayName = "DropdownMenuShortcut";
+const z = d.forwardRef(({ className: o, children: n, ...e }, a) => /* @__PURE__ */ c(
+  t.CheckboxItem,
+  {
+    ref: a,
+    className: i(u, o),
+    ...e,
+    children: [
+      /* @__PURE__ */ r("span", { className: b, children: /* @__PURE__ */ r(t.CheckboxItemIndicator, { className: "flex", children: /* @__PURE__ */ r(N, { className: "size-4" }) }) }),
+      n
+    ]
+  }
+));
+z.displayName = "DropdownMenuCheckboxItem";
+const J = t.RadioGroup, P = d.forwardRef(({ className: o, children: n, ...e }, a) => /* @__PURE__ */ c(
+  t.RadioItem,
+  {
+    ref: a,
+    className: i(u, o),
+    ...e,
+    children: [
+      /* @__PURE__ */ r("span", { className: b, children: /* @__PURE__ */ r(t.RadioItemIndicator, { className: "block size-2 rounded-full bg-current" }) }),
+      n
+    ]
+  }
+));
+P.displayName = "DropdownMenuRadioItem";
+const G = d.forwardRef(({ className: o, inset: n, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: a,
+    className: i(
+      "px-[var(--ui-button-menu-dropdown-item-container-padding-x)] py-[var(--ui-button-menu-dropdown-item-container-padding-y)] text-sm font-semibold leading-6 text-[var(--ui-button-menu-dropdown-item-label-color)]",
+      n && p,
+      o
+    ),
+    ...e
+  }
+));
+G.displayName = "DropdownMenuLabel";
+const T = d.forwardRef(({ className: o, ...n }, e) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    role: "separator",
+    className: i(
+      "my-[var(--ui-button-menu-dropdown-section-list-gap)] h-[var(--ui-button-menu-dropdown-section-container-border-width)] bg-[var(--ui-button-menu-dropdown-section-container-border-color)]",
+      o
+    ),
+    ...n
+  }
+));
+T.displayName = "DropdownMenuSeparator";
 export {
-  _ as DropdownMenu,
-  N as DropdownMenuContent,
-  M as DropdownMenuGroup,
-  y as DropdownMenuItem,
-  G as DropdownMenuPortal,
-  R as DropdownMenuShortcut,
-  j as DropdownMenuSub,
-  D as DropdownMenuSubContent,
-  C as DropdownMenuSubTrigger,
-  k as DropdownMenuTrigger
+  B as DropdownMenu,
+  z as DropdownMenuCheckboxItem,
+  R as DropdownMenuContent,
+  y as DropdownMenuGroup,
+  I as DropdownMenuItem,
+  G as DropdownMenuLabel,
+  F as DropdownMenuPortal,
+  J as DropdownMenuRadioGroup,
+  P as DropdownMenuRadioItem,
+  T as DropdownMenuSeparator,
+  k as DropdownMenuShortcut,
+  H as DropdownMenuSub,
+  C as DropdownMenuSubContent,
+  S as DropdownMenuSubTrigger,
+  E as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/components/ui/dropdown-menu/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { ChevronRightIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\nimport { usePortalContainer } from '@/lib/portal-container';\n\n// A menu of actions anchored to a trigger, built on the Base UI Menu primitive\n// (positioning, focus management, typeahead, outside-press / Esc dismissal,\n// ARIA). Themed from the `--ui-button-menu-dropdown-*` token tier generated by\n// @acronis-platform/tokens-pd (ButtonMenu/default.css). Enter/exit animations\n// use `tw-animate-css` keyed to data-[open]/[closed]/[side].\n\nconst DropdownMenu = MenuPrimitive.Root;\nconst DropdownMenuTrigger = MenuPrimitive.Trigger;\nconst DropdownMenuGroup = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <MenuPrimitive.Group\n    ref={ref}\n    className={cn(\n      'flex flex-col items-start overflow-clip gap-[var(--ui-button-menu-dropdown-section-list-gap)] px-[var(--ui-button-menu-dropdown-section-container-padding-x)] py-[var(--ui-button-menu-dropdown-section-container-padding-y)] [&:not(:first-child)]:border-t [&:not(:first-child)]:border-[length:var(--ui-button-menu-dropdown-section-container-border-width)] [&:not(:first-child)]:border-[var(--ui-button-menu-dropdown-section-container-border-color)]',\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuGroup.displayName = 'DropdownMenuGroup';\nconst DropdownMenuPortal = MenuPrimitive.Portal;\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst popupClassName =\n  'z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden flex flex-col gap-[var(--ui-button-menu-dropdown-container-gap)] bg-[var(--ui-button-menu-dropdown-container-color)] border-solid border-[length:var(--ui-button-menu-dropdown-container-border-width)] border-[var(--ui-button-menu-dropdown-container-border-color)] rounded-[var(--ui-button-menu-dropdown-container-border-radius)] px-[var(--ui-button-menu-dropdown-container-padding-x)] py-[var(--ui-button-menu-dropdown-container-padding-y)] shadow-md outline-none duration-200 data-[open]:animate-in data-[closed]:animate-out data-[open]:fade-in-0 data-[closed]:fade-out-0 data-[open]:zoom-in-95 data-[closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2';\n\nconst itemClassName =\n  'relative flex w-full shrink-0 cursor-default select-none items-start gap-[var(--ui-button-menu-dropdown-item-container-gap)] min-h-[var(--ui-button-menu-dropdown-item-container-height)] px-[var(--ui-button-menu-dropdown-item-container-padding-x)] py-[var(--ui-button-menu-dropdown-item-container-padding-y)] text-sm font-semibold leading-6 outline-none transition-colors bg-[var(--ui-button-menu-dropdown-item-container-color-idle)] text-[var(--ui-button-menu-dropdown-item-label-color)] [&_svg]:text-[var(--ui-button-menu-dropdown-item-icon-color)] data-[highlighted]:bg-[var(--ui-button-menu-dropdown-item-container-color-hover)] data-[highlighted]:active:bg-[var(--ui-button-menu-dropdown-item-container-color-active)] [&:focus-visible:not(:hover)]:rounded-[3px] [&:focus-visible:not(:hover)]:ring-[3px] [&:focus-visible:not(:hover)]:ring-inset [&:focus-visible:not(:hover)]:ring-[var(--ui-focus-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0';\n\nexport interface DropdownMenuContentProps\n  extends React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup> {\n  side?: MenuPrimitive.Positioner.Props['side'];\n  align?: MenuPrimitive.Positioner.Props['align'];\n  sideOffset?: number;\n  /** Render inside a portal (default `true`). */\n  portal?: boolean;\n  /** Portal container — pass a shadow-root mount for isolated-style previews. */\n  portalContainer?: MenuPrimitive.Portal.Props['container'];\n  keepMounted?: MenuPrimitive.Portal.Props['keepMounted'];\n}\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  DropdownMenuContentProps\n>(\n  (\n    {\n      className,\n      side,\n      align,\n      sideOffset = 4,\n      portal = true,\n      portalContainer,\n      keepMounted,\n      ...props\n    },\n    ref\n  ) => {\n    const ctxContainer = usePortalContainer();\n    const resolvedContainer = portalContainer ?? ctxContainer;\n\n    const positioner = (\n      <MenuPrimitive.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className=\"z-50\"\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          className={cn(popupClassName, className)}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    );\n    return portal ? (\n      <MenuPrimitive.Portal container={resolvedContainer} keepMounted={keepMounted}>\n        {positioner}\n      </MenuPrimitive.Portal>\n    ) : (\n      positioner\n    );\n  }\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup> & {\n    sideOffset?: number;\n  }\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <MenuPrimitive.Positioner sideOffset={sideOffset} className=\"z-50\">\n    <MenuPrimitive.Popup\n      ref={ref}\n      className={cn(popupClassName, className)}\n      {...props}\n    />\n  </MenuPrimitive.Positioner>\n));\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <MenuPrimitive.Item\n    ref={ref}\n    className={cn(itemClassName, inset && 'ps-8', className)}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.SubmenuTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.SubmenuTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenuPrimitive.SubmenuTrigger\n    ref={ref}\n    className={cn(\n      itemClassName,\n      'data-[popup-open]:bg-[var(--ui-button-menu-dropdown-item-container-color-active)]',\n      inset && 'ps-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ms-auto self-center text-[var(--ui-button-menu-dropdown-extras-cascade-icon-color)] rtl:rotate-180\" />\n  </MenuPrimitive.SubmenuTrigger>\n));\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      className={cn('ms-auto shrink-0 text-sm font-normal leading-6 text-[var(--ui-button-menu-dropdown-extras-shortcut-label-color)]', className)}\n      {...props}\n    />\n  );\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuPortal,\n};\n"],"names":["DropdownMenu","MenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","React","className","props","ref","jsx","cn","DropdownMenuPortal","DropdownMenuSub","popupClassName","itemClassName","DropdownMenuContent","side","align","sideOffset","portal","portalContainer","keepMounted","ctxContainer","usePortalContainer","resolvedContainer","positioner","DropdownMenuSubContent","DropdownMenuItem","inset","DropdownMenuSubTrigger","children","jsxs","ChevronRightIcon","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronRightIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\nimport { usePortalContainer } from '@/lib/portal-container';\n\n// A menu of actions anchored to a trigger, built on the Base UI Menu primitive\n// (positioning, focus management, typeahead, outside-press / Esc dismissal,\n// ARIA). Themed from the `--ui-button-menu-dropdown-*` token tier generated by\n// @acronis-platform/tokens-pd (ButtonMenu/default.css). Enter/exit animations\n// use `tw-animate-css` keyed to data-[open]/[closed]/[side].\n\nconst DropdownMenu = MenuPrimitive.Root;\nconst DropdownMenuTrigger = MenuPrimitive.Trigger;\nconst DropdownMenuGroup = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <MenuPrimitive.Group\n    ref={ref}\n    className={cn(\n      'flex flex-col items-start overflow-clip gap-[var(--ui-button-menu-dropdown-section-list-gap)] px-[var(--ui-button-menu-dropdown-section-container-padding-x)] py-[var(--ui-button-menu-dropdown-section-container-padding-y)] [&:not(:first-child)]:border-t [&:not(:first-child)]:border-[length:var(--ui-button-menu-dropdown-section-container-border-width)] [&:not(:first-child)]:border-[var(--ui-button-menu-dropdown-section-container-border-color)]',\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuGroup.displayName = 'DropdownMenuGroup';\nconst DropdownMenuPortal = MenuPrimitive.Portal;\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst popupClassName =\n  'z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden flex flex-col gap-[var(--ui-button-menu-dropdown-container-gap)] bg-[var(--ui-button-menu-dropdown-container-color)] border-solid border-[length:var(--ui-button-menu-dropdown-container-border-width)] border-[var(--ui-button-menu-dropdown-container-border-color)] rounded-[var(--ui-button-menu-dropdown-container-border-radius)] px-[var(--ui-button-menu-dropdown-container-padding-x)] py-[var(--ui-button-menu-dropdown-container-padding-y)] shadow-md outline-none duration-200 data-[open]:animate-in data-[closed]:animate-out data-[open]:fade-in-0 data-[closed]:fade-out-0 data-[open]:zoom-in-95 data-[closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2';\n\nconst itemClassName =\n  'relative flex w-full shrink-0 cursor-default select-none items-start gap-[var(--ui-button-menu-dropdown-item-container-gap)] min-h-[var(--ui-button-menu-dropdown-item-container-height)] px-[var(--ui-button-menu-dropdown-item-container-padding-x)] py-[var(--ui-button-menu-dropdown-item-container-padding-y)] text-sm font-semibold leading-6 outline-none transition-colors bg-[var(--ui-button-menu-dropdown-item-container-color-idle)] text-[var(--ui-button-menu-dropdown-item-label-color)] [&_svg]:text-[var(--ui-button-menu-dropdown-item-icon-color)] data-[highlighted]:bg-[var(--ui-button-menu-dropdown-item-container-color-hover)] data-[highlighted]:active:bg-[var(--ui-button-menu-dropdown-item-container-color-active)] [&:focus-visible:not(:hover)]:rounded-[3px] [&:focus-visible:not(:hover)]:ring-[3px] [&:focus-visible:not(:hover)]:ring-inset [&:focus-visible:not(:hover)]:ring-[var(--ui-focus-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0';\n\n// A checkbox/radio indicator lives in the same in-flow leading slot a menu-item\n// icon would occupy, so its label lands on the item gap grid (padding-x + 16px\n// glyph + gap) instead of a hardcoded indent. `h-6` matches the item's\n// line-height so the glyph centers on the first line of a wrapping label.\nconst indicatorSlotClassName =\n  'flex h-6 w-4 shrink-0 items-center justify-center text-[var(--ui-button-menu-dropdown-item-icon-color)]';\n\n// Indent for plain items/labels that must line up with the labels of sibling\n// checkbox/radio items.\nconst indicatorInsetClassName =\n  'ps-[calc(var(--ui-button-menu-dropdown-item-container-padding-x)+1rem+var(--ui-button-menu-dropdown-item-container-gap))]';\n\nexport interface DropdownMenuContentProps\n  extends React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup> {\n  side?: MenuPrimitive.Positioner.Props['side'];\n  align?: MenuPrimitive.Positioner.Props['align'];\n  sideOffset?: number;\n  /** Render inside a portal (default `true`). */\n  portal?: boolean;\n  /** Portal container — pass a shadow-root mount for isolated-style previews. */\n  portalContainer?: MenuPrimitive.Portal.Props['container'];\n  keepMounted?: MenuPrimitive.Portal.Props['keepMounted'];\n}\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  DropdownMenuContentProps\n>(\n  (\n    {\n      className,\n      side,\n      align,\n      sideOffset = 4,\n      portal = true,\n      portalContainer,\n      keepMounted,\n      ...props\n    },\n    ref\n  ) => {\n    const ctxContainer = usePortalContainer();\n    const resolvedContainer = portalContainer ?? ctxContainer;\n\n    const positioner = (\n      <MenuPrimitive.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className=\"z-50\"\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          className={cn(popupClassName, className)}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    );\n    return portal ? (\n      <MenuPrimitive.Portal container={resolvedContainer} keepMounted={keepMounted}>\n        {positioner}\n      </MenuPrimitive.Portal>\n    ) : (\n      positioner\n    );\n  }\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup> & {\n    sideOffset?: number;\n  }\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <MenuPrimitive.Positioner sideOffset={sideOffset} className=\"z-50\">\n    <MenuPrimitive.Popup\n      ref={ref}\n      className={cn(popupClassName, className)}\n      {...props}\n    />\n  </MenuPrimitive.Positioner>\n));\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <MenuPrimitive.Item\n    ref={ref}\n    className={cn(itemClassName, inset && indicatorInsetClassName, className)}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.SubmenuTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.SubmenuTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenuPrimitive.SubmenuTrigger\n    ref={ref}\n    className={cn(\n      itemClassName,\n      'data-[popup-open]:bg-[var(--ui-button-menu-dropdown-item-container-color-active)]',\n      inset && indicatorInsetClassName,\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ms-auto self-center text-[var(--ui-button-menu-dropdown-extras-cascade-icon-color)] rtl:rotate-180\" />\n  </MenuPrimitive.SubmenuTrigger>\n));\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      className={cn('ms-auto shrink-0 text-sm font-normal leading-6 text-[var(--ui-button-menu-dropdown-extras-shortcut-label-color)]', className)}\n      {...props}\n    />\n  );\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>\n>(({ className, children, ...props }, ref) => (\n  <MenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(itemClassName, className)}\n    {...props}\n  >\n    <span className={indicatorSlotClassName}>\n      <MenuPrimitive.CheckboxItemIndicator className=\"flex\">\n        <CheckIcon className=\"size-4\" />\n      </MenuPrimitive.CheckboxItemIndicator>\n    </span>\n    {children}\n  </MenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <MenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(itemClassName, className)}\n    {...props}\n  >\n    <span className={indicatorSlotClassName}>\n      {/* The dot is the indicator element itself — Base UI renders it as a\n          `<span>`, and an inline wrapper would collapse a sized child to 0. */}\n      <MenuPrimitive.RadioItemIndicator className=\"block size-2 rounded-full bg-current\" />\n    </span>\n    {children}\n  </MenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\nconst DropdownMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'px-[var(--ui-button-menu-dropdown-item-container-padding-x)] py-[var(--ui-button-menu-dropdown-item-container-padding-y)] text-sm font-semibold leading-6 text-[var(--ui-button-menu-dropdown-item-label-color)]',\n      inset && indicatorInsetClassName,\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"separator\"\n    className={cn(\n      'my-[var(--ui-button-menu-dropdown-section-list-gap)] h-[var(--ui-button-menu-dropdown-section-container-border-width)] bg-[var(--ui-button-menu-dropdown-section-container-border-color)]',\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuPortal,\n};\n"],"names":["DropdownMenu","MenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","React","className","props","ref","jsx","cn","DropdownMenuPortal","DropdownMenuSub","popupClassName","itemClassName","indicatorSlotClassName","indicatorInsetClassName","DropdownMenuContent","side","align","sideOffset","portal","portalContainer","keepMounted","ctxContainer","usePortalContainer","resolvedContainer","positioner","DropdownMenuSubContent","DropdownMenuItem","inset","DropdownMenuSubTrigger","children","jsxs","ChevronRightIcon","DropdownMenuShortcut","DropdownMenuCheckboxItem","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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"}