@acronis-platform/ui-react 3.0.0 → 4.1.0

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/components/ui/accordion/accordion.js

@@ -1,53 +1,40 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import * as a from "react";
-import { Accordion as n } from "@base-ui/react/accordion";
-import { ChevronDownIcon as d } from "@acronis-platform/icons-react/stroke-mono";
-import { cn as s } from "../../../lib/utils.js";
-const h = n.Root, m = a.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ t(
-  n.Item,
-  {
-    ref: r,
-    className: s("border-b border-border", e),
-    ...o
-  }
-));
-m.displayName = "AccordionItem";
-const l = a.forwardRef(({ className: e, children: o, ...r }, i) => /* @__PURE__ */ t(n.Header, { className: "flex", children: /* @__PURE__ */ c(
-  n.Trigger,
-  {
-    ref: i,
-    className: s(
-      "flex flex-1 items-center justify-between py-4 text-sm font-medium outline-none transition-all hover:underline focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)] [&[data-panel-open]>svg]:rotate-180",
-      e
-    ),
-    ...r,
-    children: [
-      o,
-      /* @__PURE__ */ t(
-        d,
-        {
-          size: 16,
-          className: "shrink-0 text-[var(--ui-text-on-surface-secondary)] transition-transform duration-200"
-        }
-      )
-    ]
-  }
-) }));
-l.displayName = "AccordionTrigger";
-const f = a.forwardRef(({ className: e, children: o, ...r }, i) => /* @__PURE__ */ t(
-  n.Panel,
-  {
-    ref: i,
-    className: "overflow-hidden text-sm transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
-    ...r,
-    children: /* @__PURE__ */ t("div", { className: s("pb-4 pt-0 text-[var(--ui-text-on-surface-secondary)]", e), children: o })
-  }
-));
-f.displayName = "AccordionContent";
-export {
-  h as Accordion,
-  f as AccordionContent,
-  m as AccordionItem,
-  l as AccordionTrigger
-};
-//# sourceMappingURL=accordion.js.map
+"use client";
+import { cn as e } from "../../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Accordion as i } from "@base-ui/react/accordion";
+import { ChevronDownIcon as a } from "@acronis-platform/icons-react/stroke-mono";
+//#region src/components/ui/accordion/accordion.tsx
+var o = i.Root, s = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Item, {
+	ref: a,
+	className: e("border-b border-border", t),
+	...r
+}));
+s.displayName = "AccordionItem";
+var c = t.forwardRef(({ className: t, children: o, ...s }, c) => /* @__PURE__ */ n(i.Header, {
+	className: "flex",
+	children: /* @__PURE__ */ r(i.Trigger, {
+		ref: c,
+		className: e("flex flex-1 items-center justify-between py-4 text-sm font-medium outline-none transition-all hover:underline focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)] [&[data-panel-open]>svg]:rotate-180", t),
+		...s,
+		children: [o, /* @__PURE__ */ n(a, {
+			size: 16,
+			className: "shrink-0 text-[var(--ui-text-on-surface-secondary)] transition-transform duration-200"
+		})]
+	})
+}));
+c.displayName = "AccordionTrigger";
+var l = t.forwardRef(({ className: t, children: r, ...a }, o) => /* @__PURE__ */ n(i.Panel, {
+	ref: o,
+	className: "overflow-hidden text-sm transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
+	...a,
+	children: /* @__PURE__ */ n("div", {
+		className: e("pb-4 pt-0 text-[var(--ui-text-on-surface-secondary)]", t),
+		children: r
+	})
+}));
+l.displayName = "AccordionContent";
+//#endregion
+export { o as Accordion, l as AccordionContent, s as AccordionItem, c as AccordionTrigger };
+
+//# sourceMappingURL=accordion.js.map

package/dist/components/ui/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../../src/components/ui/accordion/accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';\nimport { ChevronDownIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\n\n// Ported from `@acronis-platform/shadcn-uikit`'s `accordion`. A vertical set of\n// disclosure sections built on Base UI's Accordion. Markup-only — the item divider\n// uses the shared border token (bare `border-b` renders transparent in ui-react,\n// so it must name `border-border`); text inherits the foreground.\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b border-border', className)}\n    {...props}\n  />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref as React.Ref<HTMLElement>}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 text-sm font-medium outline-none transition-all hover:underline focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)] [&[data-panel-open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className=\"shrink-0 text-[var(--ui-text-on-surface-secondary)] transition-transform duration-200\"\n      />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Panel>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Panel>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Panel\n    ref={ref}\n    className=\"overflow-hidden text-sm transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0 text-[var(--ui-text-on-surface-secondary)]', className)}>\n      {children}\n    </div>\n  </AccordionPrimitive.Panel>\n));\nAccordionContent.displayName = 'AccordionContent';\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;;AAYA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,0BAA0BJ,CAAS;AAAA,IAChD,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC,MACpC,gBAAAC,EAACN,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAU;AAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACD,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AACF,GACF,CACD;AACDH,EAAiB,cAAc;AAE/B,MAAMI,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpC,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,wDAAwDJ,CAAS,GACjF,UAAAM,EAAA,CACH;AAAA,EAAA;AACF,CACD;AACDG,EAAiB,cAAc;"}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../../../src/components/ui/accordion/accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';\nimport { ChevronDownIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\n\n// Ported from `@acronis-platform/shadcn-uikit`'s `accordion`. A vertical set of\n// disclosure sections built on Base UI's Accordion. Markup-only — the item divider\n// uses the shared border token (bare `border-b` renders transparent in ui-react,\n// so it must name `border-border`); text inherits the foreground.\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b border-border', className)}\n    {...props}\n  />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref as React.Ref<HTMLElement>}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 text-sm font-medium outline-none transition-all hover:underline focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)] [&[data-panel-open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className=\"shrink-0 text-[var(--ui-text-on-surface-secondary)] transition-transform duration-200\"\n      />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Panel>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Panel>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Panel\n    ref={ref}\n    className=\"overflow-hidden text-sm transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0 text-[var(--ui-text-on-surface-secondary)]', className)}>\n      {children}\n    </div>\n  </AccordionPrimitive.Panel>\n));\nAccordionContent.displayName = 'AccordionContent';\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;AAYA,IAAM,IAAY,EAAmB,MAE/B,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,EAAmB,MAApB;CACO;CACL,WAAW,EAAG,0BAA0B,CAAS;CACjD,GAAI;AACL,CAAA,CACF;AACD,EAAc,cAAc;AAE5B,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,kBAAC,EAAmB,QAApB;CAA2B,WAAU;CACnC,UAAA,kBAAC,EAAmB,SAApB;EACO;EACL,WAAW,EACT,gPACA,CACF;EACA,GAAI;EANN,UAAA,CAQG,GACD,kBAAC,GAAD;GACE,MAAM;GACN,WAAU;EACX,CAAA,CACyB;;AACH,CAAA,CAC5B;AACD,EAAiB,cAAc;AAE/B,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,kBAAC,EAAmB,OAApB;CACO;CACL,WAAU;CACV,GAAI;CAEJ,UAAA,kBAAC,OAAD;EAAK,WAAW,EAAG,wDAAwD,CAAS;EACjF;CACE,CAAA;AACmB,CAAA,CAC3B;AACD,EAAiB,cAAc"}

package/dist/components/ui/accordion-container/accordion-container.js

@@ -1,144 +1,96 @@
-import { jsx as c, Fragment as I } from "react/jsx-runtime";
+"use client";
+import { cn as e } from "../../../lib/utils.js";
 import * as t from "react";
-import { Collapsible as h } from "@base-ui/react/collapsible";
-import { useRender as x } from "@base-ui/react/use-render";
-import { mergeProps as N } from "@base-ui/react/merge-props";
-import { ChevronRightIcon as O } from "@acronis-platform/icons-react/stroke-mono";
-import { cn as T } from "../../../lib/utils.js";
-const y = t.createContext({
-  collapsible: !1,
-  open: !1
-}), j = () => t.useContext(y), k = t.forwardRef(
-  ({
-    collapsible: n = !1,
-    open: o,
-    defaultOpen: r = !1,
-    onOpenChange: e,
-    disabled: a,
-    className: i,
-    style: s,
-    render: l,
-    children: u,
-    ...f
-  }, m) => {
-    const [S, W] = t.useState(r), g = o !== void 0, d = g ? o : S, z = t.useCallback(
-      (p, F) => {
-        g || W(p), e == null || e(p, F);
-      },
-      [g, e]
-    ), A = t.useMemo(
-      () => ({ open: d, disabled: a ?? !1 }),
-      [d, a]
-    ), C = typeof u == "function" ? u({ open: d }) : u, v = typeof i == "function" ? i(A) : i, b = typeof s == "function" ? s(A) : s, R = t.useMemo(
-      () => ({ collapsible: n, open: d }),
-      [n, d]
-    ), M = x({
-      render: l,
-      ref: m,
-      defaultTagName: "div",
-      props: N(
-        { className: v, style: b },
-        f,
-        {
-          children: C
-        }
-      )
-    });
-    if (!n) {
-      const p = m != null || v != null || b != null || l != null || Object.keys(f).length > 0;
-      return /* @__PURE__ */ c(y.Provider, { value: R, children: p ? M : C });
-    }
-    return /* @__PURE__ */ c(y.Provider, { value: R, children: /* @__PURE__ */ c(
-      h.Root,
-      {
-        ref: m,
-        render: l,
-        className: v,
-        style: b,
-        open: d,
-        onOpenChange: z,
-        disabled: a,
-        ...f,
-        children: C
-      }
-    ) });
-  }
-);
-k.displayName = "AccordionContainer";
-const w = t.forwardRef(({ className: n, children: o, "aria-label": r, ...e }, a) => {
-  const { collapsible: i } = j();
-  return i ? /* @__PURE__ */ c(
-    h.Trigger,
-    {
-      ref: a,
-      "aria-label": e["aria-labelledby"] || o != null ? r : r ?? "Toggle",
-      className: T(
-        "inline-flex size-8 shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-0 text-[var(--ui-glyph-on-surface-neutral-dark)]",
-        "outline-none focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]",
-        "[&[data-panel-open]>svg]:rotate-90 [&:not([data-panel-open])>svg]:rtl:rotate-180",
-        n
-      ),
-      ...e,
-      children: o ?? /* @__PURE__ */ c(
-        O,
-        {
-          size: 16,
-          className: "transition-transform duration-200"
-        }
-      )
-    }
-  ) : null;
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+import { ChevronRightIcon as i } from "@acronis-platform/icons-react/stroke-mono";
+import { Collapsible as a } from "@base-ui/react/collapsible";
+import { useRender as o } from "@base-ui/react/use-render";
+import { mergeProps as s } from "@base-ui/react/merge-props";
+//#region src/components/ui/accordion-container/accordion-container.tsx
+var c = t.createContext({
+	collapsible: !1,
+	open: !1
+}), l = () => t.useContext(c), u = t.forwardRef(({ collapsible: n = !1, open: i, defaultOpen: l = !1, onOpenChange: u, disabled: d, className: f, style: p, render: m, children: h, ...g }, _) => {
+	let [v, y] = t.useState(l), b = i !== void 0, x = b ? i : v, S = t.useCallback((e, t) => {
+		b || y(e), u?.(e, t);
+	}, [b, u]), C = t.useMemo(() => ({
+		open: x,
+		disabled: d ?? !1
+	}), [x, d]), w = typeof h == "function" ? h({ open: x }) : h, T = typeof f == "function" ? f(C) : f, E = typeof p == "function" ? p(C) : p, D = t.useMemo(() => ({
+		collapsible: n,
+		open: x
+	}), [n, x]), O = o({
+		render: m,
+		ref: _,
+		defaultTagName: "div",
+		props: s({
+			className: T,
+			style: E
+		}, g, { children: w })
+	});
+	if (!n) {
+		let e = _ != null || T != null || E != null || m != null || Object.keys(g).length > 0;
+		return /* @__PURE__ */ r(c.Provider, {
+			value: D,
+			children: e ? O : w
+		});
+	}
+	return /* @__PURE__ */ r(c.Provider, {
+		value: D,
+		children: /* @__PURE__ */ r(a.Root, {
+			ref: _,
+			render: m,
+			className: e("contents!", T),
+			style: E,
+			open: x,
+			onOpenChange: S,
+			disabled: d,
+			...g,
+			children: w
+		})
+	});
 });
-w.displayName = "AccordionContainerTrigger";
-const P = t.forwardRef(
-  ({
-    className: n,
-    style: o,
-    children: r,
-    render: e,
-    hiddenUntilFound: a,
-    keepMounted: i,
-    ...s
-  }, l) => {
-    const { collapsible: u } = j(), f = x({
-      render: e,
-      ref: l,
-      defaultTagName: "div",
-      props: N(
-        {
-          className: n,
-          style: o
-        },
-        s,
-        { children: r }
-      )
-    });
-    return u ? /* @__PURE__ */ c(
-      h.Panel,
-      {
-        ref: l,
-        style: o,
-        className: T(
-          "overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
-          n
-        ),
-        hiddenUntilFound: a,
-        keepMounted: i,
-        ...s,
-        children: r
-      }
-    ) : l != null || n != null || o != null || e != null || Object.keys(s).length > 0 ? f : /* @__PURE__ */ c(I, { children: r });
-  }
-);
-P.displayName = "AccordionContainerContent";
-const G = Object.assign(k, {
-  Trigger: w,
-  Content: P
+u.displayName = "AccordionContainer";
+var d = t.forwardRef(({ className: t, children: n, "aria-label": o, ...s }, c) => {
+	let { collapsible: u } = l();
+	return u ? /* @__PURE__ */ r(a.Trigger, {
+		ref: c,
+		"aria-label": s["aria-labelledby"] || n != null ? o : o ?? "Toggle",
+		className: e("inline-flex size-8 shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-0 text-[var(--ui-glyph-on-surface-neutral-dark)]", "outline-none focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]", "[&[data-panel-open]>svg]:rotate-90 [&:not([data-panel-open])>svg]:rtl:rotate-180", t),
+		...s,
+		children: n ?? /* @__PURE__ */ r(i, {
+			size: 16,
+			className: "transition-transform duration-200"
+		})
+	}) : null;
 });
-export {
-  G as AccordionContainer,
-  P as AccordionContainerContent,
-  w as AccordionContainerTrigger,
-  j as useAccordionContainerContext
-};
-//# sourceMappingURL=accordion-container.js.map
+d.displayName = "AccordionContainerTrigger";
+var f = t.forwardRef(({ className: t, style: i, children: c, render: u, hiddenUntilFound: d, keepMounted: f, ...p }, m) => {
+	let { collapsible: h } = l(), g = o({
+		render: u,
+		ref: m,
+		defaultTagName: "div",
+		props: s({
+			className: t,
+			style: i
+		}, p, { children: c })
+	});
+	return h ? /* @__PURE__ */ r(a.Panel, {
+		ref: m,
+		style: i,
+		className: e("overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0", t),
+		hiddenUntilFound: d,
+		keepMounted: f,
+		...p,
+		children: c
+	}) : m != null || t != null || i != null || u != null || Object.keys(p).length > 0 ? g : /* @__PURE__ */ r(n, { children: c });
+});
+f.displayName = "AccordionContainerContent";
+var p = Object.assign(u, {
+	Trigger: d,
+	Content: f
+});
+//#endregion
+export { p as AccordionContainer, f as AccordionContainerContent, d as AccordionContainerTrigger, l as useAccordionContainerContext };
+
+//# sourceMappingURL=accordion-container.js.map

package/dist/components/ui/accordion-container/accordion-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-container.js","sources":["../../../../src/components/ui/accordion-container/accordion-container.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\nimport { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { ChevronRightIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\n\n// The shared disclosure primitive behind Card's and Section's `isCollapsable`\n// variant (Figma file lrU3ydIyvPYQNE6ixdsKtJ, node 10561:83806). Built directly\n// on Base UI's Collapsible — Root/Trigger/Panel own all open/close state, ARIA\n// wiring, and height animation; this component only adds the chevron rotation\n// and the `collapsible=false` bypass. It never imposes visual styling beyond\n// what the disclosure mechanic itself requires: no padding/background/border on\n// Root or Content, no position/hover opinion on Trigger beyond its chevron's\n// glyph color (--ui-glyph-on-surface-neutral-dark, the same neutral treatment\n// Accordion's chevron uses). Every other visual decision (header layout,\n// spacing, background, borders) stays owned by the consumer composing this\n// primitive into their own component (Card, Section, ...).\n\ninterface AccordionContainerState {\n  open: boolean;\n}\n\ntype AccordionContainerChildren =\n  | React.ReactNode\n  | ((state: AccordionContainerState) => React.ReactNode);\n\ntype AccordionContainerBaseProps = Omit<\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>,\n  'children'\n>;\n\ninterface AccordionContainerProps extends AccordionContainerBaseProps {\n  /**\n   * Whether the disclosure exists at all. When `false`, `children` render\n   * directly with no trigger and no panel wrapper — the Figma\n   * `isCollapsable=false` state has no disclosure UI.\n   * @default false\n   */\n  collapsible?: boolean;\n  /**\n   * Accepts a plain node, or a render-prop function receiving the current\n   * `{ open }` state — for content outside `AccordionContainer.Content` (e.g.\n   * a header) that still needs to know whether the panel is expanded, even\n   * when this component owns the open state itself (uncontrolled).\n   */\n  children?: AccordionContainerChildren;\n}\n\ninterface AccordionContainerContextValue {\n  collapsible: boolean;\n  open: boolean;\n}\n\nconst AccordionContainerContext =\n  React.createContext<AccordionContainerContextValue>({\n    collapsible: false,\n    open: false,\n  });\n\n/**\n * Reads whether the nearest `AccordionContainer` ancestor is `collapsible`\n * and, if so, its current `open` state — for content outside\n * `AccordionContainer.Content` (e.g. a header) that needs to react to the\n * panel's state without a dedicated prop, such as `CardHeader` dropping its\n * bottom divider while collapsed.\n */\nconst useAccordionContainerContext = () =>\n  React.useContext(AccordionContainerContext);\n\nconst AccordionContainer = React.forwardRef<\n  HTMLDivElement,\n  AccordionContainerProps\n>(\n  (\n    {\n      collapsible = false,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      className,\n      style,\n      render,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const isControlled = openProp !== undefined;\n    const open = isControlled ? openProp : uncontrolledOpen;\n\n    const handleOpenChange = React.useCallback<\n      NonNullable<AccordionContainerBaseProps['onOpenChange']>\n    >(\n      (nextOpen, eventDetails) => {\n        if (!isControlled) {\n          setUncontrolledOpen(nextOpen);\n        }\n        onOpenChange?.(nextOpen, eventDetails);\n      },\n      [isControlled, onOpenChange]\n    );\n\n    const collapsibleState = React.useMemo(\n      () => ({ open, disabled: disabled ?? false }),\n      [open, disabled]\n    );\n\n    const resolvedChildren =\n      typeof children === 'function' ? children({ open }) : children;\n    const resolvedClassName =\n      typeof className === 'function' ? className(collapsibleState) : className;\n    const resolvedStyle =\n      typeof style === 'function' ? style(collapsibleState) : style;\n\n    const contextValue = React.useMemo<AccordionContainerContextValue>(\n      () => ({ collapsible, open }),\n      [collapsible, open]\n    );\n\n    const bypassRendered = useRender({\n      render,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        { className: resolvedClassName, style: resolvedStyle },\n        props,\n        {\n          children: resolvedChildren,\n        }\n      ),\n    });\n\n    if (!collapsible) {\n      // No wrapper is imposed for the common case (no ref/className/style/render/\n      // extra DOM props) so this bypass stays style-isolation-neutral; a consumer\n      // that does pass any of those gets a `div` so they aren't silently dropped.\n      const needsWrapper =\n        ref != null ||\n        resolvedClassName != null ||\n        resolvedStyle != null ||\n        render != null ||\n        Object.keys(props).length > 0;\n\n      return (\n        <AccordionContainerContext.Provider value={contextValue}>\n          {needsWrapper ? bypassRendered : resolvedChildren}\n        </AccordionContainerContext.Provider>\n      );\n    }\n\n    return (\n      <AccordionContainerContext.Provider value={contextValue}>\n        <CollapsiblePrimitive.Root\n          ref={ref}\n          render={render}\n          className={resolvedClassName}\n          style={resolvedStyle}\n          open={open}\n          onOpenChange={handleOpenChange}\n          disabled={disabled}\n          {...props}\n        >\n          {resolvedChildren}\n        </CollapsiblePrimitive.Root>\n      </AccordionContainerContext.Provider>\n    );\n  }\n);\nAccordionContainer.displayName = 'AccordionContainer';\n\ntype AccordionContainerTriggerProps = React.ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Trigger\n>;\n\nconst AccordionContainerTrigger = React.forwardRef<\n  HTMLButtonElement,\n  AccordionContainerTriggerProps\n>(({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n  const { collapsible } = useAccordionContainerContext();\n\n  if (!collapsible) {\n    return null;\n  }\n\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      aria-label={\n        props['aria-labelledby'] || children != null\n          ? ariaLabel\n          : (ariaLabel ?? 'Toggle')\n      }\n      className={cn(\n        'inline-flex size-8 shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-0 text-[var(--ui-glyph-on-surface-neutral-dark)]',\n        'outline-none focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]',\n        '[&[data-panel-open]>svg]:rotate-90 [&:not([data-panel-open])>svg]:rtl:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children ?? (\n        <ChevronRightIcon\n          size={16}\n          className=\"transition-transform duration-200\"\n        />\n      )}\n    </CollapsiblePrimitive.Trigger>\n  );\n});\nAccordionContainerTrigger.displayName = 'AccordionContainerTrigger';\n\ntype AccordionContainerContentProps = React.ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Panel\n>;\n\nconst AccordionContainerContent = React.forwardRef<\n  React.ComponentRef<typeof CollapsiblePrimitive.Panel>,\n  AccordionContainerContentProps\n>(\n  (\n    {\n      className,\n      style,\n      children,\n      render,\n      hiddenUntilFound,\n      keepMounted,\n      ...props\n    },\n    ref\n  ) => {\n    const { collapsible } = useAccordionContainerContext();\n\n    // Unlike Root, Content doesn't support the render-prop `(state) => value`\n    // form for className/style, so the bypass div below only ever sees plain\n    // values.\n    const bypassRendered = useRender({\n      render: render as\n        | useRender.RenderProp<Record<string, unknown>>\n        | undefined,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        {\n          className: className as string | undefined,\n          style: style as React.CSSProperties | undefined,\n        },\n        props,\n        { children }\n      ),\n    });\n\n    if (!collapsible) {\n      // Same style-isolation-neutral bypass as the Root: no wrapper unless the\n      // consumer actually passed something that would otherwise be dropped.\n      // hiddenUntilFound/keepMounted are Panel-only props, destructured above\n      // so they never leak onto this plain div.\n      const needsWrapper =\n        ref != null ||\n        className != null ||\n        style != null ||\n        render != null ||\n        Object.keys(props).length > 0;\n\n      return needsWrapper ? bypassRendered : <>{children}</>;\n    }\n\n    return (\n      <CollapsiblePrimitive.Panel\n        ref={ref}\n        style={style}\n        className={cn(\n          'overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0',\n          className\n        )}\n        hiddenUntilFound={hiddenUntilFound}\n        keepMounted={keepMounted}\n        {...props}\n      >\n        {children}\n      </CollapsiblePrimitive.Panel>\n    );\n  }\n);\nAccordionContainerContent.displayName = 'AccordionContainerContent';\n\nconst AccordionContainerRoot = Object.assign(AccordionContainer, {\n  Trigger: AccordionContainerTrigger,\n  Content: AccordionContainerContent,\n});\n\nexport {\n  AccordionContainerRoot as AccordionContainer,\n  AccordionContainerTrigger,\n  AccordionContainerContent,\n  useAccordionContainerContext,\n  type AccordionContainerProps,\n  type AccordionContainerTriggerProps,\n  type AccordionContainerContentProps,\n  type AccordionContainerState,\n  type AccordionContainerContextValue,\n};\n"],"names":["AccordionContainerContext","React","useAccordionContainerContext","AccordionContainer","collapsible","openProp","defaultOpen","onOpenChange","disabled","className","style","render","children","props","ref","uncontrolledOpen","setUncontrolledOpen","isControlled","open","handleOpenChange","nextOpen","eventDetails","collapsibleState","resolvedChildren","resolvedClassName","resolvedStyle","contextValue","bypassRendered","useRender","mergeProps","needsWrapper","jsx","CollapsiblePrimitive","AccordionContainerTrigger","ariaLabel","cn","ChevronRightIcon","AccordionContainerContent","hiddenUntilFound","keepMounted","Fragment","AccordionContainerRoot"],"mappings":"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"}
+{"version":3,"file":"accordion-container.js","names":[],"sources":["../../../../src/components/ui/accordion-container/accordion-container.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\nimport { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { ChevronRightIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\n\n// The shared disclosure primitive behind Card's and Section's `isCollapsable`\n// variant (Figma file lrU3ydIyvPYQNE6ixdsKtJ, node 10561:83806). Built directly\n// on Base UI's Collapsible — Root/Trigger/Panel own all open/close state, ARIA\n// wiring, and height animation; this component only adds the chevron rotation\n// and the `collapsible=false` bypass. It never imposes visual styling beyond\n// what the disclosure mechanic itself requires: no padding/background/border on\n// Root or Content, no position/hover opinion on Trigger beyond its chevron's\n// glyph color (--ui-glyph-on-surface-neutral-dark, the same neutral treatment\n// Accordion's chevron uses). Every other visual decision (header layout,\n// spacing, background, borders) stays owned by the consumer composing this\n// primitive into their own component (Card, Section, ...). The Root it\n// renders when collapsible defaults to `display: contents` so it never\n// becomes a box in the consumer's flex/grid flow — Section relies on its own\n// root `gap` applying directly to header/content, which only works if this\n// wrapper doesn't count as an intervening flex child.\n\ninterface AccordionContainerState {\n  open: boolean;\n}\n\ntype AccordionContainerChildren =\n  | React.ReactNode\n  | ((state: AccordionContainerState) => React.ReactNode);\n\ntype AccordionContainerBaseProps = Omit<\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>,\n  'children'\n>;\n\ninterface AccordionContainerProps extends AccordionContainerBaseProps {\n  /**\n   * Whether the disclosure exists at all. When `false`, `children` render\n   * directly with no trigger and no panel wrapper — the Figma\n   * `isCollapsable=false` state has no disclosure UI.\n   * @default false\n   */\n  collapsible?: boolean;\n  /**\n   * Accepts a plain node, or a render-prop function receiving the current\n   * `{ open }` state — for content outside `AccordionContainer.Content` (e.g.\n   * a header) that still needs to know whether the panel is expanded, even\n   * when this component owns the open state itself (uncontrolled).\n   */\n  children?: AccordionContainerChildren;\n}\n\ninterface AccordionContainerContextValue {\n  collapsible: boolean;\n  open: boolean;\n}\n\nconst AccordionContainerContext =\n  React.createContext<AccordionContainerContextValue>({\n    collapsible: false,\n    open: false,\n  });\n\n/**\n * Reads whether the nearest `AccordionContainer` ancestor is `collapsible`\n * and, if so, its current `open` state — for content outside\n * `AccordionContainer.Content` (e.g. a header) that needs to react to the\n * panel's state without a dedicated prop, such as `CardHeader` dropping its\n * bottom divider while collapsed.\n */\nconst useAccordionContainerContext = () =>\n  React.useContext(AccordionContainerContext);\n\nconst AccordionContainer = React.forwardRef<\n  HTMLDivElement,\n  AccordionContainerProps\n>(\n  (\n    {\n      collapsible = false,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      className,\n      style,\n      render,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const isControlled = openProp !== undefined;\n    const open = isControlled ? openProp : uncontrolledOpen;\n\n    const handleOpenChange = React.useCallback<\n      NonNullable<AccordionContainerBaseProps['onOpenChange']>\n    >(\n      (nextOpen, eventDetails) => {\n        if (!isControlled) {\n          setUncontrolledOpen(nextOpen);\n        }\n        onOpenChange?.(nextOpen, eventDetails);\n      },\n      [isControlled, onOpenChange]\n    );\n\n    const collapsibleState = React.useMemo(\n      () => ({ open, disabled: disabled ?? false }),\n      [open, disabled]\n    );\n\n    const resolvedChildren =\n      typeof children === 'function' ? children({ open }) : children;\n    const resolvedClassName =\n      typeof className === 'function' ? className(collapsibleState) : className;\n    const resolvedStyle =\n      typeof style === 'function' ? style(collapsibleState) : style;\n\n    const contextValue = React.useMemo<AccordionContainerContextValue>(\n      () => ({ collapsible, open }),\n      [collapsible, open]\n    );\n\n    const bypassRendered = useRender({\n      render,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        { className: resolvedClassName, style: resolvedStyle },\n        props,\n        {\n          children: resolvedChildren,\n        }\n      ),\n    });\n\n    if (!collapsible) {\n      // No wrapper is imposed for the common case (no ref/className/style/render/\n      // extra DOM props) so this bypass stays style-isolation-neutral; a consumer\n      // that does pass any of those gets a `div` so they aren't silently dropped.\n      const needsWrapper =\n        ref != null ||\n        resolvedClassName != null ||\n        resolvedStyle != null ||\n        render != null ||\n        Object.keys(props).length > 0;\n\n      return (\n        <AccordionContainerContext.Provider value={contextValue}>\n          {needsWrapper ? bypassRendered : resolvedChildren}\n        </AccordionContainerContext.Provider>\n      );\n    }\n\n    return (\n      <AccordionContainerContext.Provider value={contextValue}>\n        <CollapsiblePrimitive.Root\n          ref={ref}\n          render={render}\n          className={cn('contents!', resolvedClassName)}\n          style={resolvedStyle}\n          open={open}\n          onOpenChange={handleOpenChange}\n          disabled={disabled}\n          {...props}\n        >\n          {resolvedChildren}\n        </CollapsiblePrimitive.Root>\n      </AccordionContainerContext.Provider>\n    );\n  }\n);\nAccordionContainer.displayName = 'AccordionContainer';\n\ntype AccordionContainerTriggerProps = React.ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Trigger\n>;\n\nconst AccordionContainerTrigger = React.forwardRef<\n  HTMLButtonElement,\n  AccordionContainerTriggerProps\n>(({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n  const { collapsible } = useAccordionContainerContext();\n\n  if (!collapsible) {\n    return null;\n  }\n\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      aria-label={\n        props['aria-labelledby'] || children != null\n          ? ariaLabel\n          : (ariaLabel ?? 'Toggle')\n      }\n      className={cn(\n        'inline-flex size-8 shrink-0 cursor-pointer items-center justify-center border-0 bg-transparent p-0 text-[var(--ui-glyph-on-surface-neutral-dark)]',\n        'outline-none focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]',\n        '[&[data-panel-open]>svg]:rotate-90 [&:not([data-panel-open])>svg]:rtl:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children ?? (\n        <ChevronRightIcon\n          size={16}\n          className=\"transition-transform duration-200\"\n        />\n      )}\n    </CollapsiblePrimitive.Trigger>\n  );\n});\nAccordionContainerTrigger.displayName = 'AccordionContainerTrigger';\n\ntype AccordionContainerContentProps = React.ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Panel\n>;\n\nconst AccordionContainerContent = React.forwardRef<\n  React.ComponentRef<typeof CollapsiblePrimitive.Panel>,\n  AccordionContainerContentProps\n>(\n  (\n    {\n      className,\n      style,\n      children,\n      render,\n      hiddenUntilFound,\n      keepMounted,\n      ...props\n    },\n    ref\n  ) => {\n    const { collapsible } = useAccordionContainerContext();\n\n    // Unlike Root, Content doesn't support the render-prop `(state) => value`\n    // form for className/style, so the bypass div below only ever sees plain\n    // values.\n    const bypassRendered = useRender({\n      render: render as\n        | useRender.RenderProp<Record<string, unknown>>\n        | undefined,\n      ref,\n      defaultTagName: 'div',\n      props: mergeProps<'div'>(\n        {\n          className: className as string | undefined,\n          style: style as React.CSSProperties | undefined,\n        },\n        props,\n        { children }\n      ),\n    });\n\n    if (!collapsible) {\n      // Same style-isolation-neutral bypass as the Root: no wrapper unless the\n      // consumer actually passed something that would otherwise be dropped.\n      // hiddenUntilFound/keepMounted are Panel-only props, destructured above\n      // so they never leak onto this plain div.\n      const needsWrapper =\n        ref != null ||\n        className != null ||\n        style != null ||\n        render != null ||\n        Object.keys(props).length > 0;\n\n      return needsWrapper ? bypassRendered : <>{children}</>;\n    }\n\n    return (\n      <CollapsiblePrimitive.Panel\n        ref={ref}\n        style={style}\n        className={cn(\n          'overflow-hidden transition-[height] duration-200 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0',\n          className\n        )}\n        hiddenUntilFound={hiddenUntilFound}\n        keepMounted={keepMounted}\n        {...props}\n      >\n        {children}\n      </CollapsiblePrimitive.Panel>\n    );\n  }\n);\nAccordionContainerContent.displayName = 'AccordionContainerContent';\n\nconst AccordionContainerRoot = Object.assign(AccordionContainer, {\n  Trigger: AccordionContainerTrigger,\n  Content: AccordionContainerContent,\n});\n\nexport {\n  AccordionContainerRoot as AccordionContainer,\n  AccordionContainerTrigger,\n  AccordionContainerContent,\n  useAccordionContainerContext,\n  type AccordionContainerProps,\n  type AccordionContainerTriggerProps,\n  type AccordionContainerContentProps,\n  type AccordionContainerState,\n  type AccordionContainerContextValue,\n};\n"],"mappings":"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"}