@acronis-platform/ui-react 3.0.0 → 4.1.0

package/dist/lib/breakpoints.js

@@ -1,14 +1,9 @@
-const O = 16, _ = 1024, T = 1280, n = 1440, t = 1680, o = 1920;
-function E() {
-  return typeof window > "u" ? void 0 : window.innerWidth;
+//#region src/lib/breakpoints.ts
+var e = 16, t = 1024, n = 1280, r = 1440, i = 1680, a = 1920;
+function o() {
+	return typeof window > "u" ? void 0 : window.innerWidth;
 }
-export {
-  n as BREAKPOINT_2XL,
-  t as BREAKPOINT_3XL,
-  o as BREAKPOINT_4XL,
-  _ as BREAKPOINT_LG,
-  T as BREAKPOINT_XL,
-  O as ROOT_FONT_SIZE_PX,
-  E as getViewportWidth
-};
-//# sourceMappingURL=breakpoints.js.map
+//#endregion
+export { r as BREAKPOINT_2XL, i as BREAKPOINT_3XL, a as BREAKPOINT_4XL, t as BREAKPOINT_LG, n as BREAKPOINT_XL, e as ROOT_FONT_SIZE_PX, o as getViewportWidth };
+
+//# sourceMappingURL=breakpoints.js.map

package/dist/lib/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","sources":["../../src/lib/breakpoints.ts"],"sourcesContent":["// Mirrors the design team's viewport breakpoint scale pinned in\n// `src/styles/index.css`'s `@theme` block (`--breakpoint-lg/xl/2xl/3xl/4xl`)\n// and its hand-authored `:root`/`:host` `--ui-breakpoint-*` block.\n// Expressed in the SAME rem values as that file (not pre-converted to px)\n// so the two stay a direct, diffable match. Only the design team's actual\n// overrides are exposed here — `sm`/`md` are intentionally omitted because\n// they're Tailwind's stock, unoverridden defaults (640px/768px), not a real\n// design-team value.\n//\n// KEEP THESE TWO FILES IN SYNC — if any of the overridden breakpoints\n// (lg/xl/2xl/3xl/4xl) ever gets an explicit value changed in one file (the\n// `@theme` override, the `--ui-breakpoint-*` `:root` block, or these JS\n// constants), update the other two in the same change. They can't be\n// unified into a single source at runtime: Tailwind v4's `@theme`\n// breakpoints are compile-time-only (verified against this package's built\n// CSS — the rem values appear only inside the generated `@media` rules,\n// never as a `:root` custom property), so there is no live CSS variable for\n// `getComputedStyle` to read here instead.\n// `ROOT_FONT_SIZE_PX` assumes the default, unoverridden `html { font-size }`\n// (16px) — this package sets none.\nexport const ROOT_FONT_SIZE_PX = 16;\n\nexport const BREAKPOINT_LG = 64 * ROOT_FONT_SIZE_PX; // --breakpoint-lg: 64rem (1024px)\nexport const BREAKPOINT_XL = 80 * ROOT_FONT_SIZE_PX; // --breakpoint-xl: 80rem (1280px)\nexport const BREAKPOINT_2XL = 90 * ROOT_FONT_SIZE_PX; // --breakpoint-2xl: 90rem (1440px)\nexport const BREAKPOINT_3XL = 105 * ROOT_FONT_SIZE_PX; // --breakpoint-3xl: 105rem (1680px)\nexport const BREAKPOINT_4XL = 120 * ROOT_FONT_SIZE_PX; // --breakpoint-4xl: 120rem (1920px)\n\n/** SSR-safe `window.innerWidth` read — `undefined` when there is no `window` (e.g. SSR). */\nexport function getViewportWidth(): number | undefined {\n  return typeof window === 'undefined' ? undefined : window.innerWidth;\n}\n"],"names":["ROOT_FONT_SIZE_PX","BREAKPOINT_LG","BREAKPOINT_XL","BREAKPOINT_2XL","BREAKPOINT_3XL","BREAKPOINT_4XL","getViewportWidth"],"mappings":"AAoBO,MAAMA,IAAoB,IAEpBC,IAAgB,MAChBC,IAAgB,MAChBC,IAAiB,MACjBC,IAAiB,MACjBC,IAAiB;AAGvB,SAASC,IAAuC;AACrD,SAAO,OAAO,SAAW,MAAc,SAAY,OAAO;AAC5D;"}
+{"version":3,"file":"breakpoints.js","names":[],"sources":["../../src/lib/breakpoints.ts"],"sourcesContent":["// Mirrors the design team's viewport breakpoint scale pinned in\n// `src/styles/index.css`'s `@theme` block (`--breakpoint-lg/xl/2xl/3xl/4xl`)\n// and its hand-authored `:root`/`:host` `--ui-breakpoint-*` block.\n// Expressed in the SAME rem values as that file (not pre-converted to px)\n// so the two stay a direct, diffable match. Only the design team's actual\n// overrides are exposed here — `sm`/`md` are intentionally omitted because\n// they're Tailwind's stock, unoverridden defaults (640px/768px), not a real\n// design-team value.\n//\n// KEEP THESE TWO FILES IN SYNC — if any of the overridden breakpoints\n// (lg/xl/2xl/3xl/4xl) ever gets an explicit value changed in one file (the\n// `@theme` override, the `--ui-breakpoint-*` `:root` block, or these JS\n// constants), update the other two in the same change. They can't be\n// unified into a single source at runtime: Tailwind v4's `@theme`\n// breakpoints are compile-time-only (verified against this package's built\n// CSS — the rem values appear only inside the generated `@media` rules,\n// never as a `:root` custom property), so there is no live CSS variable for\n// `getComputedStyle` to read here instead.\n// `ROOT_FONT_SIZE_PX` assumes the default, unoverridden `html { font-size }`\n// (16px) — this package sets none.\nexport const ROOT_FONT_SIZE_PX = 16;\n\nexport const BREAKPOINT_LG = 64 * ROOT_FONT_SIZE_PX; // --breakpoint-lg: 64rem (1024px)\nexport const BREAKPOINT_XL = 80 * ROOT_FONT_SIZE_PX; // --breakpoint-xl: 80rem (1280px)\nexport const BREAKPOINT_2XL = 90 * ROOT_FONT_SIZE_PX; // --breakpoint-2xl: 90rem (1440px)\nexport const BREAKPOINT_3XL = 105 * ROOT_FONT_SIZE_PX; // --breakpoint-3xl: 105rem (1680px)\nexport const BREAKPOINT_4XL = 120 * ROOT_FONT_SIZE_PX; // --breakpoint-4xl: 120rem (1920px)\n\n/** SSR-safe `window.innerWidth` read — `undefined` when there is no `window` (e.g. SSR). */\nexport function getViewportWidth(): number | undefined {\n  return typeof window === 'undefined' ? undefined : window.innerWidth;\n}\n"],"mappings":";AAoBA,IAAa,IAAoB,IAEpB,IAAgB,MAChB,IAAgB,MAChB,IAAiB,MACjB,IAAiB,MACjB,IAAiB;AAG9B,SAAgB,IAAuC;CACrD,OAAO,OAAO,SAAW,MAAc,KAAA,IAAY,OAAO;AAC5D"}

package/dist/lib/deep-equal.js

@@ -1,23 +1,15 @@
-function i(t, e) {
-  if (Object.is(t, e)) return !0;
-  if (typeof t != "object" || typeof e != "object" || t === null || e === null)
-    return !1;
-  if (Array.isArray(t) || Array.isArray(e))
-    return !Array.isArray(t) || !Array.isArray(e) || t.length !== e.length ? !1 : t.every((r, s) => i(r, e[s]));
-  if (t instanceof Date || e instanceof Date)
-    return t instanceof Date && e instanceof Date && t.getTime() === e.getTime();
-  if (t instanceof Set || e instanceof Set)
-    return !(t instanceof Set) || !(e instanceof Set) || t.size !== e.size ? !1 : [...t].every((r) => e.has(r));
-  if (t instanceof Map || e instanceof Map)
-    return !(t instanceof Map) || !(e instanceof Map) || t.size !== e.size ? !1 : [...t].every(
-      ([r, s]) => e.has(r) && i(s, e.get(r))
-    );
-  const f = t, n = e, o = Object.keys(f), c = Object.keys(n);
-  return o.length !== c.length ? !1 : o.every(
-    (r) => Object.prototype.hasOwnProperty.call(n, r) && i(f[r], n[r])
-  );
+//#region src/lib/deep-equal.ts
+function e(t, n) {
+	if (Object.is(t, n)) return !0;
+	if (typeof t != "object" || typeof n != "object" || t === null || n === null) return !1;
+	if (Array.isArray(t) || Array.isArray(n)) return !Array.isArray(t) || !Array.isArray(n) || t.length !== n.length ? !1 : t.every((t, r) => e(t, n[r]));
+	if (t instanceof Date || n instanceof Date) return t instanceof Date && n instanceof Date && t.getTime() === n.getTime();
+	if (t instanceof Set || n instanceof Set) return !(t instanceof Set) || !(n instanceof Set) || t.size !== n.size ? !1 : [...t].every((e) => n.has(e));
+	if (t instanceof Map || n instanceof Map) return !(t instanceof Map) || !(n instanceof Map) || t.size !== n.size ? !1 : [...t].every(([t, r]) => n.has(t) && e(r, n.get(t)));
+	let r = t, i = n, a = Object.keys(r), o = Object.keys(i);
+	return a.length === o.length && a.every((t) => Object.prototype.hasOwnProperty.call(i, t) && e(r[t], i[t]));
 }
-export {
-  i as deepEqual
-};
-//# sourceMappingURL=deep-equal.js.map
+//#endregion
+export { e as deepEqual };
+
+//# sourceMappingURL=deep-equal.js.map

package/dist/lib/deep-equal.js.map

@@ -1 +1 @@
-{"version":3,"file":"deep-equal.js","sources":["../../src/lib/deep-equal.ts"],"sourcesContent":["/** Recursively compares two values for structural equality (arrays and plain objects). */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) return true;\n  if (\n    typeof a !== 'object' ||\n    typeof b !== 'object' ||\n    a === null ||\n    b === null\n  ) {\n    return false;\n  }\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) {\n      return false;\n    }\n    return a.every((entry, index) => deepEqual(entry, b[index]));\n  }\n  if (a instanceof Date || b instanceof Date) {\n    return a instanceof Date && b instanceof Date && a.getTime() === b.getTime();\n  }\n  if (a instanceof Set || b instanceof Set) {\n    if (!(a instanceof Set) || !(b instanceof Set) || a.size !== b.size) {\n      return false;\n    }\n    return [...a].every((entry) => b.has(entry));\n  }\n  if (a instanceof Map || b instanceof Map) {\n    if (!(a instanceof Map) || !(b instanceof Map) || a.size !== b.size) {\n      return false;\n    }\n    return [...a].every(\n      ([key, value]) => b.has(key) && deepEqual(value, b.get(key)),\n    );\n  }\n  const aRecord = a as Record<string, unknown>;\n  const bRecord = b as Record<string, unknown>;\n  const aKeys = Object.keys(aRecord);\n  const bKeys = Object.keys(bRecord);\n  if (aKeys.length !== bKeys.length) return false;\n  return aKeys.every(\n    (key) =>\n      Object.prototype.hasOwnProperty.call(bRecord, key) &&\n      deepEqual(aRecord[key], bRecord[key]),\n  );\n}\n"],"names":["deepEqual","a","b","entry","index","key","value","aRecord","bRecord","aKeys","bKeys"],"mappings":"AACO,SAASA,EAAUC,GAAYC,GAAqB;AACzD,MAAI,OAAO,GAAGD,GAAGC,CAAC,EAAG,QAAO;AAC5B,MACE,OAAOD,KAAM,YACb,OAAOC,KAAM,YACbD,MAAM,QACNC,MAAM;AAEN,WAAO;AAET,MAAI,MAAM,QAAQD,CAAC,KAAK,MAAM,QAAQC,CAAC;AACrC,WAAI,CAAC,MAAM,QAAQD,CAAC,KAAK,CAAC,MAAM,QAAQC,CAAC,KAAKD,EAAE,WAAWC,EAAE,SACpD,KAEFD,EAAE,MAAM,CAACE,GAAOC,MAAUJ,EAAUG,GAAOD,EAAEE,CAAK,CAAC,CAAC;AAE7D,MAAIH,aAAa,QAAQC,aAAa;AACpC,WAAOD,aAAa,QAAQC,aAAa,QAAQD,EAAE,QAAA,MAAcC,EAAE,QAAA;AAErE,MAAID,aAAa,OAAOC,aAAa;AACnC,WAAI,EAAED,aAAa,QAAQ,EAAEC,aAAa,QAAQD,EAAE,SAASC,EAAE,OACtD,KAEF,CAAC,GAAGD,CAAC,EAAE,MAAM,CAACE,MAAUD,EAAE,IAAIC,CAAK,CAAC;AAE7C,MAAIF,aAAa,OAAOC,aAAa;AACnC,WAAI,EAAED,aAAa,QAAQ,EAAEC,aAAa,QAAQD,EAAE,SAASC,EAAE,OACtD,KAEF,CAAC,GAAGD,CAAC,EAAE;AAAA,MACZ,CAAC,CAACI,GAAKC,CAAK,MAAMJ,EAAE,IAAIG,CAAG,KAAKL,EAAUM,GAAOJ,EAAE,IAAIG,CAAG,CAAC;AAAA,IAAA;AAG/D,QAAME,IAAUN,GACVO,IAAUN,GACVO,IAAQ,OAAO,KAAKF,CAAO,GAC3BG,IAAQ,OAAO,KAAKF,CAAO;AACjC,SAAIC,EAAM,WAAWC,EAAM,SAAe,KACnCD,EAAM;AAAA,IACX,CAACJ,MACC,OAAO,UAAU,eAAe,KAAKG,GAASH,CAAG,KACjDL,EAAUO,EAAQF,CAAG,GAAGG,EAAQH,CAAG,CAAC;AAAA,EAAA;AAE1C;"}
+{"version":3,"file":"deep-equal.js","names":[],"sources":["../../src/lib/deep-equal.ts"],"sourcesContent":["/** Recursively compares two values for structural equality (arrays and plain objects). */\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  if (Object.is(a, b)) return true;\n  if (\n    typeof a !== 'object' ||\n    typeof b !== 'object' ||\n    a === null ||\n    b === null\n  ) {\n    return false;\n  }\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) {\n      return false;\n    }\n    return a.every((entry, index) => deepEqual(entry, b[index]));\n  }\n  if (a instanceof Date || b instanceof Date) {\n    return a instanceof Date && b instanceof Date && a.getTime() === b.getTime();\n  }\n  if (a instanceof Set || b instanceof Set) {\n    if (!(a instanceof Set) || !(b instanceof Set) || a.size !== b.size) {\n      return false;\n    }\n    return [...a].every((entry) => b.has(entry));\n  }\n  if (a instanceof Map || b instanceof Map) {\n    if (!(a instanceof Map) || !(b instanceof Map) || a.size !== b.size) {\n      return false;\n    }\n    return [...a].every(\n      ([key, value]) => b.has(key) && deepEqual(value, b.get(key)),\n    );\n  }\n  const aRecord = a as Record<string, unknown>;\n  const bRecord = b as Record<string, unknown>;\n  const aKeys = Object.keys(aRecord);\n  const bKeys = Object.keys(bRecord);\n  if (aKeys.length !== bKeys.length) return false;\n  return aKeys.every(\n    (key) =>\n      Object.prototype.hasOwnProperty.call(bRecord, key) &&\n      deepEqual(aRecord[key], bRecord[key]),\n  );\n}\n"],"mappings":";AACA,SAAgB,EAAU,GAAY,GAAqB;CACzD,IAAI,OAAO,GAAG,GAAG,CAAC,GAAG,OAAO;CAC5B,IACE,OAAO,KAAM,YACb,OAAO,KAAM,YACb,MAAM,QACN,MAAM,MAEN,OAAO;CAET,IAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,GAIrC,OAHI,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,SACpD,KAEF,EAAE,OAAO,GAAO,MAAU,EAAU,GAAO,EAAE,EAAM,CAAC;CAE7D,IAAI,aAAa,QAAQ,aAAa,MACpC,OAAO,aAAa,QAAQ,aAAa,QAAQ,EAAE,QAAQ,MAAM,EAAE,QAAQ;CAE7E,IAAI,aAAa,OAAO,aAAa,KAInC,OAHI,EAAE,aAAa,QAAQ,EAAE,aAAa,QAAQ,EAAE,SAAS,EAAE,OACtD,KAEF,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,MAAU,EAAE,IAAI,CAAK,CAAC;CAE7C,IAAI,aAAa,OAAO,aAAa,KAInC,OAHI,EAAE,aAAa,QAAQ,EAAE,aAAa,QAAQ,EAAE,SAAS,EAAE,OACtD,KAEF,CAAC,GAAG,CAAC,CAAC,CAAC,OACX,CAAC,GAAK,OAAW,EAAE,IAAI,CAAG,KAAK,EAAU,GAAO,EAAE,IAAI,CAAG,CAAC,CAC7D;CAEF,IAAM,IAAU,GACV,IAAU,GACV,IAAQ,OAAO,KAAK,CAAO,GAC3B,IAAQ,OAAO,KAAK,CAAO;CAEjC,OADI,EAAM,WAAW,EAAM,UACpB,EAAM,OACV,MACC,OAAO,UAAU,eAAe,KAAK,GAAS,CAAG,KACjD,EAAU,EAAQ,IAAM,EAAQ,EAAI,CACxC;AACF"}

package/dist/lib/portal-container.js

@@ -1,14 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import * as t from "react";
-const o = t.createContext(void 0);
-function i({ container: r, children: e }) {
-  return /* @__PURE__ */ n(o, { value: r, children: e });
+"use client";
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/portal-container.tsx
+var n = e.createContext(void 0);
+function r({ container: e, children: r }) {
+	return /* @__PURE__ */ t(n, {
+		value: e,
+		children: r
+	});
 }
-function u() {
-  return t.useContext(o);
+function i() {
+	return e.useContext(n);
 }
-export {
-  i as PortalContainerProvider,
-  u as usePortalContainer
-};
-//# sourceMappingURL=portal-container.js.map
+//#endregion
+export { r as PortalContainerProvider, i as usePortalContainer };
+
+//# sourceMappingURL=portal-container.js.map

package/dist/lib/portal-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal-container.js","sources":["../../src/lib/portal-container.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nconst PortalContainerContext = React.createContext<HTMLElement | null | undefined>(undefined);\n\nexport interface PortalContainerProviderProps {\n  /**\n   * The DOM element portaled content should render into (e.g. a `<div>` inside\n   * a shadow root). When set, every ui-react portaling component\n   * (`Popover`, `DropdownMenu`, `Tooltip`, `Dialog`, `Sheet`, `Select`,\n   * `Combobox`, `Toast`) will mount its popup inside this element instead of\n   * `document.body`.\n   */\n  container: HTMLElement | null;\n  children: React.ReactNode;\n}\n\n/**\n * Provides a default portal container for all ui-react portaling components.\n *\n * Wrap your app (or a subtree) so that popups, dialogs, tooltips, toasts, etc.\n * render inside the given container instead of `document.body`. This is the\n * recommended way for shadow-DOM MFEs to keep portaled content inside the\n * shadow root where adopted stylesheets apply.\n *\n * Individual components' `portalContainer` prop overrides this context.\n *\n * @example\n * ```tsx\n * // Inside a shadow-DOM MFE — all portals go into the shadow root\n * <PortalContainerProvider container={shadowRootMountDiv}>\n *   <App />\n * </PortalContainerProvider>\n * ```\n */\nexport function PortalContainerProvider({ container, children }: PortalContainerProviderProps) {\n  return (\n    <PortalContainerContext value={container}>\n      {children}\n    </PortalContainerContext>\n  );\n}\n\n/**\n * Returns the portal container set by the nearest `PortalContainerProvider`,\n * or `undefined` if none exists (letting Base UI default to `document.body`).\n */\nexport function usePortalContainer(): HTMLElement | null | undefined {\n  return React.useContext(PortalContainerContext);\n}\n"],"names":["PortalContainerContext","React","PortalContainerProvider","container","children","jsx","usePortalContainer"],"mappings":";;AAIA,MAAMA,IAAyBC,EAAM,cAA8C,MAAS;AAgCrF,SAASC,EAAwB,EAAE,WAAAC,GAAW,UAAAC,KAA0C;AAC7F,SACE,gBAAAC,EAACL,GAAA,EAAuB,OAAOG,GAC5B,UAAAC,EAAA,CACH;AAEJ;AAMO,SAASE,IAAqD;AACnE,SAAOL,EAAM,WAAWD,CAAsB;AAChD;"}
+{"version":3,"file":"portal-container.js","names":[],"sources":["../../src/lib/portal-container.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nconst PortalContainerContext = React.createContext<HTMLElement | null | undefined>(undefined);\n\nexport interface PortalContainerProviderProps {\n  /**\n   * The DOM element portaled content should render into (e.g. a `<div>` inside\n   * a shadow root). When set, every ui-react portaling component\n   * (`Popover`, `DropdownMenu`, `Tooltip`, `Dialog`, `Sheet`, `Select`,\n   * `Combobox`, `Toast`) will mount its popup inside this element instead of\n   * `document.body`.\n   */\n  container: HTMLElement | null;\n  children: React.ReactNode;\n}\n\n/**\n * Provides a default portal container for all ui-react portaling components.\n *\n * Wrap your app (or a subtree) so that popups, dialogs, tooltips, toasts, etc.\n * render inside the given container instead of `document.body`. This is the\n * recommended way for shadow-DOM MFEs to keep portaled content inside the\n * shadow root where adopted stylesheets apply.\n *\n * Individual components' `portalContainer` prop overrides this context.\n *\n * @example\n * ```tsx\n * // Inside a shadow-DOM MFE — all portals go into the shadow root\n * <PortalContainerProvider container={shadowRootMountDiv}>\n *   <App />\n * </PortalContainerProvider>\n * ```\n */\nexport function PortalContainerProvider({ container, children }: PortalContainerProviderProps) {\n  return (\n    <PortalContainerContext value={container}>\n      {children}\n    </PortalContainerContext>\n  );\n}\n\n/**\n * Returns the portal container set by the nearest `PortalContainerProvider`,\n * or `undefined` if none exists (letting Base UI default to `document.body`).\n */\nexport function usePortalContainer(): HTMLElement | null | undefined {\n  return React.useContext(PortalContainerContext);\n}\n"],"mappings":";;;;AAIA,IAAM,IAAyB,EAAM,cAA8C,KAAA,CAAS;AAgC5F,SAAgB,EAAwB,EAAE,cAAW,eAA0C;CAC7F,OACE,kBAAC,GAAD;EAAwB,OAAO;EAC5B;CACqB,CAAA;AAE5B;AAMA,SAAgB,IAAqD;CACnE,OAAO,EAAM,WAAW,CAAsB;AAChD"}

package/dist/lib/use-doc-dir.js

@@ -1,12 +1,13 @@
 import * as e from "react";
-function n() {
-  const [r, o] = e.useState("ltr");
-  return e.useEffect(() => {
-    const t = document.documentElement, c = t.dir === "rtl" || getComputedStyle(t).direction === "rtl";
-    o(c ? "rtl" : "ltr");
-  }, []), r;
+//#region src/lib/use-doc-dir.ts
+function t() {
+	let [t, n] = e.useState("ltr");
+	return e.useEffect(() => {
+		let e = document.documentElement, t = e.dir === "rtl" || getComputedStyle(e).direction === "rtl";
+		n(t ? "rtl" : "ltr");
+	}, []), t;
 }
-export {
-  n as useDocDir
-};
-//# sourceMappingURL=use-doc-dir.js.map
+//#endregion
+export { t as useDocDir };
+
+//# sourceMappingURL=use-doc-dir.js.map

package/dist/lib/use-doc-dir.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-doc-dir.js","sources":["../../src/lib/use-doc-dir.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Document direction — SSR-safe (defaults to 'ltr', syncs after mount).\n * Checks both the `dir` attribute and the computed `direction` style so a\n * page that sets RTL purely via CSS (no `dir` attribute) is still detected.\n */\nexport function useDocDir(): 'ltr' | 'rtl' {\n  const [dir, setDir] = React.useState<'ltr' | 'rtl'>('ltr');\n  React.useEffect(() => {\n    const html = document.documentElement;\n    const isRtl =\n      html.dir === 'rtl' || getComputedStyle(html).direction === 'rtl';\n    setDir(isRtl ? 'rtl' : 'ltr');\n  }, []);\n  return dir;\n}\n"],"names":["useDocDir","dir","setDir","React","html","isRtl"],"mappings":";AAOO,SAASA,IAA2B;AACzC,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAM,SAAwB,KAAK;AACzD,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAO,SAAS,iBAChBC,IACJD,EAAK,QAAQ,SAAS,iBAAiBA,CAAI,EAAE,cAAc;AAC7D,IAAAF,EAAOG,IAAQ,QAAQ,KAAK;AAAA,EAC9B,GAAG,CAAA,CAAE,GACEJ;AACT;"}
+{"version":3,"file":"use-doc-dir.js","names":[],"sources":["../../src/lib/use-doc-dir.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Document direction — SSR-safe (defaults to 'ltr', syncs after mount).\n * Checks both the `dir` attribute and the computed `direction` style so a\n * page that sets RTL purely via CSS (no `dir` attribute) is still detected.\n */\nexport function useDocDir(): 'ltr' | 'rtl' {\n  const [dir, setDir] = React.useState<'ltr' | 'rtl'>('ltr');\n  React.useEffect(() => {\n    const html = document.documentElement;\n    const isRtl =\n      html.dir === 'rtl' || getComputedStyle(html).direction === 'rtl';\n    setDir(isRtl ? 'rtl' : 'ltr');\n  }, []);\n  return dir;\n}\n"],"mappings":";;AAOA,SAAgB,IAA2B;CACzC,IAAM,CAAC,GAAK,KAAU,EAAM,SAAwB,KAAK;CAOzD,OANA,EAAM,gBAAgB;EACpB,IAAM,IAAO,SAAS,iBAChB,IACJ,EAAK,QAAQ,SAAS,iBAAiB,CAAI,CAAC,CAAC,cAAc;EAC7D,EAAO,IAAQ,QAAQ,KAAK;CAC9B,GAAG,CAAC,CAAC,GACE;AACT"}

package/dist/lib/utils.js

@@ -1,9 +1,10 @@
-import { clsx as o } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { twMerge as t } from "../node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
-function n(...r) {
-  return t(o(r));
+//#region src/lib/utils.ts
+function n(...n) {
+	return t(e(n));
 }
-export {
-  n as cn
-};
-//# sourceMappingURL=utils.js.map
+//#endregion
+export { n as cn };
+
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,EAAG,GAAG,GAAsB;CAC1C,OAAO,EAAQ,EAAK,CAAM,CAAC;AAC7B"}

package/dist/llms/accordion-container.md

@@ -0,0 +1,181 @@
+# AccordionContainer
+
+> The shared disclosure primitive behind Card's and Section's `isCollapsable` variant. Built directly on Base UI's Collapsible — owns open state, the trigger button, chevron rotation, and panel animation — while imposing no visual styling beyond what the disclosure mechanic itself requires — the two exceptions are its trigger's chevron glyph color (the same neutral treatment Accordion's chevron uses) and, when `collapsible` is true, Root defaulting to `display: contents` so it stays transparent to the consumer's layout. Every other visual decision (header layout, spacing, background, borders) stays owned by the component composing it.
+
+**Status:** draft · **Category:** layout · **Since:** v1.1.0
+
+## Import
+
+```tsx
+import { AccordionContainer } from '@acronis-platform/ui-react'
+```
+
+## Quick example
+
+```tsx
+<AccordionContainer collapsible defaultOpen>
+  {({ open }) => (
+    <>
+      <div className="flex items-center justify-between">
+        <span>Title</span>
+        <AccordionContainer.Trigger />
+      </div>
+      <AccordionContainer.Content>
+        {open && <p>Body content</p>}
+      </AccordionContainer.Content>
+    </>
+  )}
+</AccordionContainer>
+```
+
+The shared disclosure primitive behind Card's and Section's `isCollapsable`
+variant. Owns open state, the trigger button, chevron rotation, and panel
+animation — nothing else. It never imposes visual styling beyond what the
+disclosure mechanic itself requires: no padding/background/border on `Root` or
+`Content`, no position/hover opinion on `Trigger` beyond the chevron's glyph
+color (the same neutral treatment Accordion's chevron uses). Every other
+visual decision (header layout, spacing, background, borders) stays owned by
+the component composing it.
+
+> **Status: draft.** No single Figma node maps 1:1 to this component — it's a
+> generic primitive factored out of Card's and Section's confirmed
+> `isCollapsable` contract (Figma file `lrU3ydIyvPYQNE6ixdsKtJ`, node
+> `10561:83806`). No Figma Code Connect file exists for this reason.
+
+## When to use
+
+- Composing a disclosure (expand/collapse) mechanic into your own component's
+  header layout, where you control the header's spacing, borders, and which
+  content varies by state.
+
+## When not to use
+
+- A standalone, generically-styled disclosure with no host component — use
+  **`Collapsible`** directly.
+- A vertical set of mutually-exclusive disclosure sections — use
+  **`Accordion`**.
+
+## Parts
+
+| Export                       | Purpose                                                                                                                                       |
+| ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
+| `AccordionContainer`         | Root — holds the open state. Renders no wrapping element when `collapsible` is false, unless a ref/className/style/render/DOM prop is passed. |
+| `AccordionContainer.Trigger` | Toggles the panel; renders a rotating chevron with a default `aria-label`. Renders nothing when not collapsible.                              |
+| `AccordionContainer.Content` | The height-animating panel. Renders children unwrapped when not collapsible, with the same wrapper exception as Root.                         |
+
+## Example
+
+```tsx
+import { AccordionContainer } from '@acronis-platform/ui-react';
+
+function CollapsibleCard({ collapsible, title, children }) {
+  return (
+    <AccordionContainer collapsible={collapsible} defaultOpen>
+      {({ open }) => (
+        <>
+          <div className="flex items-center justify-between border-b p-4">
+            <span className="font-medium">{title}</span>
+            <AccordionContainer.Trigger
+              aria-label={open ? 'Collapse' : 'Expand'}
+              className="size-8 rounded-md hover:bg-[var(--ui-background-surface-hover)]"
+            />
+          </div>
+          <AccordionContainer.Content>
+            <div className="p-4">{children}</div>
+          </AccordionContainer.Content>
+        </>
+      )}
+    </AccordionContainer>
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+| `collapsible` | `boolean` | `false` | no | Whether the disclosure exists at all. When false, `children` render directly with no trigger and no panel wrapper. |
+| `open` | `boolean` | — | no | Whether the panel is open (controlled). No trigger or panel renders when collapsible is false, but the value is still tracked internally and exposed via the `children` render-prop's `{ open }` state. |
+| `defaultOpen` | `boolean` | `false` | no | Whether the panel is initially open (uncontrolled). No trigger or panel renders when collapsible is false, but the value still seeds the internal state exposed via the `children` render-prop's `{ open }` state. |
+| `disabled` | `boolean` | `false` | no | Disables the trigger. Ignored when collapsible is false. |
+| `render` | `RenderProp` | `undefined` | no | Base UI composition prop on the root — replaces the rendered element while merging props and classes. When collapsible is false the root renders no wrapping element unless a ref, className, style, render, or other DOM prop is supplied — in which case it wraps children in a plain `div` so none of those are silently dropped. React-only; other frameworks use their own polymorphism. |
+| `children` | `ReactNode | ((state: { open: boolean }) => ReactNode)` | — | no | The composed content — typically a trigger placed by the consumer's own header layout plus a `Content` panel. May also be a function receiving the current `{ open }` state, for content outside `Content` that needs to vary by state even when this component owns the open state itself (uncontrolled). Not needed when the consumer already controls `open` — it already has the value in scope. |
+
+## Events
+
+| Event | Payload | Description |
+|-------|---------|-------------|
+| `onOpenChange` | `(open: boolean, eventDetails) => void` | Fired when the open state changes. Ignored when collapsible is false. |
+
+## Behavior
+
+```gherkin
+Scenario: Not collapsible
+  Given an AccordionContainer with collapsible=false
+  When it renders
+  Then no Trigger renders
+  And Content renders its children directly, with no panel wrapper
+```
+
+```gherkin
+Scenario: Toggle (uncontrolled)
+  Given a collapsible AccordionContainer with a Trigger and Content
+  When the user activates the Trigger
+  Then the Content panel animates open (and closed on the next activation)
+  And the Trigger's chevron rotates 90° to reflect the open state
+```
+
+```gherkin
+Scenario: Initially open (uncontrolled)
+  Given collapsible is true and defaultOpen is set
+  Then the panel renders open on mount
+```
+
+```gherkin
+Scenario: Controlled
+  Given collapsible is true, open is passed explicitly, and onOpenChange is provided
+  When the user activates the Trigger
+  Then AccordionContainer does not change its own open state
+  And onOpenChange fires with the next open value
+  And the panel only reflects the new state once the consumer updates `open`
+```
+
+```gherkin
+Scenario: Render-prop children receive the open state
+  Given a collapsible AccordionContainer whose children is a function
+  When the panel's open state changes (controlled or uncontrolled)
+  Then the function is called with the current { open } value
+  And content outside Content (e.g. a header) can vary based on it
+```
+
+## Accessibility
+
+- Built on Base UI's Collapsible when `collapsible` is true: the trigger is a
+  `<button>` with `aria-expanded` and `aria-controls` pointing at the panel,
+  toggled with Enter/Space. Focus stays on the trigger.
+- The trigger renders only an icon (no text). It falls back to
+  `aria-label="Toggle"` when the consumer supplies neither `aria-label` nor
+  `aria-labelledby`, so the default rendering always has an accessible name —
+  but the consumer composing it into a header should still override it (e.g.
+  `aria-labelledby` pointing at the surrounding heading/title) for a
+  meaningful name.
+- When `collapsible` is false there is no interactive element at all — content
+  renders as if there were no disclosure.
+
+## Keyboard
+
+- Enter/Space toggles the trigger when focused.
+- No other keyboard behavior is added; focus order follows source order.
+
+## Screen reader
+
+- The trigger's `aria-expanded` state is announced on toggle. The panel's
+  content is only reachable via normal document flow (no `aria-hidden`
+  toggling beyond what Base UI's Collapsible manages internally).
+
+## Contrast
+
+The trigger's chevron uses `--ui-glyph-on-surface-neutral-dark`, which meets
+WCAG AA against a surface background in both light and dark themes.
+AccordionContainer adds no other color; contrast for everything else is
+governed by whatever the consumer places inside it.

package/dist/llms/accordion.md

@@ -0,0 +1,124 @@
+# Accordion
+
+> A vertical set of disclosure sections — each with a header trigger and a height-animating panel; single or multiple open at once. Built on Base UI's Accordion. Ported from the legacy shadcn-uikit `accordion`.
+
+**Status:** draft · **Category:** layout · **Since:** v0.49.0
+
+## Import
+
+```tsx
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@acronis-platform/ui-react'
+```
+
+## Quick example
+
+```tsx
+<Accordion>
+  <AccordionItem value="a">
+    <AccordionTrigger>Section</AccordionTrigger>
+    <AccordionContent>Content</AccordionContent>
+  </AccordionItem>
+</Accordion>
+```
+
+A vertical set of disclosure sections — each a header trigger over a
+height-animating panel. Single open at a time by default; `multiple` allows
+several. Built on Base UI's Accordion.
+
+> Design-pending v1, ported from the legacy shadcn-uikit `accordion`.
+
+## When to use
+
+- Condense a long page into expandable sections (e.g. an FAQ, grouped settings).
+
+## When not to use
+
+- A single optional section — use `Collapsible`.
+- Navigating between views — use `Tabs`.
+
+## Parts
+
+| Export             | Purpose                                             |
+| ------------------ | --------------------------------------------------- |
+| `Accordion`        | Root — tracks open items; `multiple` to allow many. |
+| `AccordionItem`    | One section (needs a `value`).                      |
+| `AccordionTrigger` | The header button (title + chevron).                |
+| `AccordionContent` | The height-animating panel.                         |
+
+## Example
+
+```tsx
+import {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+} from '@acronis-platform/ui-react';
+
+<Accordion defaultValue={['a']}>
+  <AccordionItem value="a">
+    <AccordionTrigger>What is included?</AccordionTrigger>
+    <AccordionContent>Backup, recovery, and anti-malware.</AccordionContent>
+  </AccordionItem>
+</Accordion>;
+```
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+| `value` | `Value[]` | — | no | The open item value(s) (controlled). |
+| `defaultValue` | `Value[]` | — | no | The initially open item value(s) (uncontrolled). |
+| `multiple` | `boolean` | `false` | no | Whether multiple items can be open at the same time. |
+| `disabled` | `boolean` | `false` | no | Disables all items. |
+
+## Events
+
+| Event | Payload | Description |
+|-------|---------|-------------|
+| `onValueChange` | `(value: Value[], eventDetails) => void` | Fired when the set of open items changes. |
+
+## Behavior
+
+```gherkin
+Scenario: Expand a section
+  Given an Accordion with items
+  When the user clicks a section's trigger
+  Then its panel animates open and the chevron rotates
+```
+
+```gherkin
+Scenario: Single (default)
+  Given the default (single) mode
+  When the user opens another section
+  Then the previously open section closes
+```
+
+```gherkin
+Scenario: Multiple
+  Given multiple is set
+  When the user opens several sections
+  Then they all stay open until individually toggled
+```
+
+```gherkin
+Scenario: Initially open
+  Given defaultValue lists item value(s)
+  Then those sections render open on mount
+```
+
+## Accessibility
+
+- Built on Base UI's Accordion: each trigger sits in an `Accordion.Header`
+  (heading role) and is a `<button>` with `aria-expanded` / `aria-controls`; the
+  panel is associated back via `aria-labelledby`. Arrow keys move between headers,
+  Enter/Space toggles, and Home/End jump to the first/last.
+- The chevron rotation is decorative — the open state is conveyed by
+  `aria-expanded`, so don't rely on the icon alone.
+- Give each trigger a clear, distinct label.
+
+## Contrast
+
+The divider (`--ui-border-on-surface-border`) and the muted chevron/panel text
+(`--ui-text-on-surface-secondary`) meet contrast in light and dark; trigger labels
+inherit the foreground.