@acronis-platform/ui-react 0.51.0 → 0.54.0

package/dist/components/ui/app-shell/app-shell.js

@@ -0,0 +1,75 @@
+import { jsx as p } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as o } from "../../../lib/utils.js";
+const s = r.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ p(
+  "div",
+  {
+    ref: l,
+    "data-slot": "app-shell",
+    className: o("flex min-h-screen w-full bg-background", e),
+    ...a
+  }
+));
+s.displayName = "AppShell";
+const d = r.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ p(
+  "aside",
+  {
+    ref: l,
+    "data-slot": "app-shell-sidebar",
+    className: o("flex shrink-0", e),
+    ...a
+  }
+));
+d.displayName = "AppShellSidebar";
+const t = r.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ p(
+  "div",
+  {
+    ref: l,
+    "data-slot": "app-shell-body",
+    className: o("flex min-w-0 flex-1 flex-col", e),
+    ...a
+  }
+));
+t.displayName = "AppShellBody";
+const f = r.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ p(
+  "header",
+  {
+    ref: l,
+    "data-slot": "app-shell-header",
+    className: o(
+      "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-4 border-b border-border bg-background px-6",
+      e
+    ),
+    ...a
+  }
+));
+f.displayName = "AppShellHeader";
+const i = r.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ p(
+  "main",
+  {
+    ref: l,
+    "data-slot": "app-shell-main",
+    className: o("flex-1 overflow-auto", e),
+    ...a
+  }
+));
+i.displayName = "AppShellMain";
+const h = r.forwardRef(({ className: e, ...a }, l) => /* @__PURE__ */ p(
+  "footer",
+  {
+    ref: l,
+    "data-slot": "app-shell-footer",
+    className: o("shrink-0 border-t border-border bg-background px-6 py-4", e),
+    ...a
+  }
+));
+h.displayName = "AppShellFooter";
+export {
+  s as AppShell,
+  t as AppShellBody,
+  h as AppShellFooter,
+  f as AppShellHeader,
+  i as AppShellMain,
+  d as AppShellSidebar
+};
+//# sourceMappingURL=app-shell.js.map

package/dist/components/ui/app-shell/app-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.js","sources":["../../../../src/components/ui/app-shell/app-shell.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// The full-page application scaffold from the Figma App Shell (node 2782-1495):\n// a left sidebar column (holds SidebarPrimary, optionally a secondary menu) beside\n// a body column of a sticky header (with the global search) over the scrolling\n// main content. Layout-only — the rich parts come from SidebarPrimary /\n// SidebarSecondary / SearchGlobal placed inside these slots. Surfaces use the\n// shared `--ui-*` tokens (bg-background / border-border; a bare `border` is\n// transparent in ui-react, so borders name `border-border`).\n\nconst AppShell = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"app-shell\"\n    className={cn('flex min-h-screen w-full bg-background', className)}\n    {...props}\n  />\n));\nAppShell.displayName = 'AppShell';\n\nconst AppShellSidebar = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <aside\n    ref={ref}\n    data-slot=\"app-shell-sidebar\"\n    className={cn('flex shrink-0', className)}\n    {...props}\n  />\n));\nAppShellSidebar.displayName = 'AppShellSidebar';\n\nconst AppShellBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"app-shell-body\"\n    className={cn('flex min-w-0 flex-1 flex-col', className)}\n    {...props}\n  />\n));\nAppShellBody.displayName = 'AppShellBody';\n\nconst AppShellHeader = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <header\n    ref={ref}\n    data-slot=\"app-shell-header\"\n    className={cn(\n      'sticky top-0 z-10 flex h-16 shrink-0 items-center gap-4 border-b border-border bg-background px-6',\n      className\n    )}\n    {...props}\n  />\n));\nAppShellHeader.displayName = 'AppShellHeader';\n\nconst AppShellMain = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <main\n    ref={ref}\n    data-slot=\"app-shell-main\"\n    className={cn('flex-1 overflow-auto', className)}\n    {...props}\n  />\n));\nAppShellMain.displayName = 'AppShellMain';\n\nconst AppShellFooter = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <footer\n    ref={ref}\n    data-slot=\"app-shell-footer\"\n    className={cn('shrink-0 border-t border-border bg-background px-6 py-4', className)}\n    {...props}\n  />\n));\nAppShellFooter.displayName = 'AppShellFooter';\n\nexport {\n  AppShell,\n  AppShellSidebar,\n  AppShellBody,\n  AppShellHeader,\n  AppShellMain,\n  AppShellFooter,\n};\n"],"names":["AppShell","React","className","props","ref","jsx","cn","AppShellSidebar","AppShellBody","AppShellHeader","AppShellMain","AppShellFooter"],"mappings":";;;AAYA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,0CAA0CJ,CAAS;AAAA,IAChE,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAc;AAEvB,MAAMO,IAAkBN,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,iBAAiBJ,CAAS;AAAA,IACvC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAgB,cAAc;AAE9B,MAAMC,IAAeP,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAa,cAAc;AAE3B,MAAMC,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAeT,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,wBAAwBJ,CAAS;AAAA,IAC9C,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAa,cAAc;AAE3B,MAAMC,IAAiBV,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,2DAA2DJ,CAAS;AAAA,IACjF,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAe,cAAc;"}

package/dist/components/ui/auth-layout/auth-layout.js

@@ -0,0 +1,56 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as u } from "../../../lib/utils.js";
+const s = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: o,
+    "data-slot": "auth-layout",
+    className: u(
+      "flex min-h-screen w-full items-center justify-center bg-background p-4",
+      t
+    ),
+    ...a
+  }
+));
+s.displayName = "AuthLayout";
+const d = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: o,
+    "data-slot": "auth-layout-card",
+    className: u(
+      "w-full max-w-sm rounded-lg border border-border bg-background p-6 shadow-sm",
+      t
+    ),
+    ...a
+  }
+));
+d.displayName = "AuthLayoutCard";
+const l = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: o,
+    "data-slot": "auth-layout-logo",
+    className: u("mb-6 flex justify-center", t),
+    ...a
+  }
+));
+l.displayName = "AuthLayoutLogo";
+const m = r.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: o,
+    "data-slot": "auth-layout-footer",
+    className: u("mt-6 text-center text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+m.displayName = "AuthLayoutFooter";
+export {
+  s as AuthLayout,
+  d as AuthLayoutCard,
+  m as AuthLayoutFooter,
+  l as AuthLayoutLogo
+};
+//# sourceMappingURL=auth-layout.js.map

package/dist/components/ui/auth-layout/auth-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-layout.js","sources":["../../../../src/components/ui/auth-layout/auth-layout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// A centered card layout for auth flows (sign-in / sign-up / forgot-password /\n// 2FA), reconciled with the Main-menu-improvements Figma (node 4906-362342).\n// Ported from `@acronis-platform`'s `auth-layout`. Token fixes vs legacy: the card\n// uses `bg-background` (legacy `bg-card` isn't bridged in ui-react) and a named\n// `border-border` (a bare `border` is transparent here).\n//\n// Anatomy:\n//   AuthLayout (full-page centered)\n//     AuthLayoutCard (centered surface card)\n//       AuthLayoutLogo (top brand slot)\n//       …children (title + form)…\n//       AuthLayoutFooter (bottom links)\n\nconst AuthLayout = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"auth-layout\"\n    className={cn(\n      'flex min-h-screen w-full items-center justify-center bg-background p-4',\n      className\n    )}\n    {...props}\n  />\n));\nAuthLayout.displayName = 'AuthLayout';\n\nconst AuthLayoutCard = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"auth-layout-card\"\n    className={cn(\n      'w-full max-w-sm rounded-lg border border-border bg-background p-6 shadow-sm',\n      className\n    )}\n    {...props}\n  />\n));\nAuthLayoutCard.displayName = 'AuthLayoutCard';\n\nconst AuthLayoutLogo = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"auth-layout-logo\"\n    className={cn('mb-6 flex justify-center', className)}\n    {...props}\n  />\n));\nAuthLayoutLogo.displayName = 'AuthLayoutLogo';\n\nconst AuthLayoutFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"auth-layout-footer\"\n    className={cn('mt-6 text-center text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nAuthLayoutFooter.displayName = 'AuthLayoutFooter';\n\nexport { AuthLayout, AuthLayoutCard, AuthLayoutLogo, AuthLayoutFooter };\n"],"names":["AuthLayout","React","className","props","ref","jsx","cn","AuthLayoutCard","AuthLayoutLogo","AuthLayoutFooter"],"mappings":";;;AAiBA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAc;AAEzB,MAAMO,IAAiBN,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAe,cAAc;AAE7B,MAAMC,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAe,cAAc;AAE7B,MAAMC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,kDAAkDJ,CAAS;AAAA,IACxE,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;"}

package/dist/components/ui/grid/grid.js

@@ -0,0 +1,69 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "react";
+import { cva as m } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as o } from "../../../lib/utils.js";
+const t = m("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-1 sm:grid-cols-2",
+      3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+      4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+      6: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-6",
+      12: "grid-cols-4 sm:grid-cols-6 lg:grid-cols-12"
+    },
+    gap: {
+      none: "gap-0",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    }
+  },
+  defaultVariants: {
+    cols: 3,
+    gap: "md"
+  }
+}), n = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 @md/grid:grid-cols-2",
+  3: "grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-3",
+  4: "grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-4",
+  6: "grid-cols-2 @lg/grid:grid-cols-3 @4xl/grid:grid-cols-6",
+  12: "grid-cols-4 @lg/grid:grid-cols-6 @4xl/grid:grid-cols-12"
+}, p = {
+  none: "gap-0",
+  sm: "gap-2",
+  md: "gap-4",
+  lg: "gap-6",
+  xl: "gap-8"
+}, e = a.forwardRef(
+  ({ className: g, cols: d = 3, gap: i = "md", container: c, ...s }, l) => c ? /* @__PURE__ */ r("div", { className: "@container/grid", children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      "data-slot": "grid",
+      className: o(
+        "grid",
+        p[i ?? "md"],
+        n[d ?? 3],
+        g
+      ),
+      ...s
+    }
+  ) }) : /* @__PURE__ */ r(
+    "div",
+    {
+      ref: l,
+      "data-slot": "grid",
+      className: o(t({ cols: d, gap: i }), g),
+      ...s
+    }
+  )
+);
+e.displayName = "Grid";
+export {
+  e as Grid,
+  t as gridVariants
+};
+//# sourceMappingURL=grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../../src/components/ui/grid/grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\n// A responsive CSS-grid layout primitive. By default columns step down at viewport\n// breakpoints. With `container`, the grid is wrapped in a `@container/grid` and its\n// columns respond to the grid's own available width (its column/content area)\n// rather than the viewport — the right behavior for widget grids inside App Shell,\n// whose width shrinks as the sidebar expands.\nconst gridVariants = cva('grid', {\n  variants: {\n    cols: {\n      1: 'grid-cols-1',\n      2: 'grid-cols-1 sm:grid-cols-2',\n      3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n      4: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4',\n      6: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-6',\n      12: 'grid-cols-4 sm:grid-cols-6 lg:grid-cols-12',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n    },\n  },\n  defaultVariants: {\n    cols: 3,\n    gap: 'md',\n  },\n});\n\n// Container-query column classes (named container `grid`), mirroring the viewport\n// scale above but keyed to the grid's own width.\nconst containerColsClass: Record<NonNullable<GridProps['cols']>, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 @md/grid:grid-cols-2',\n  3: 'grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-3',\n  4: 'grid-cols-1 @md/grid:grid-cols-2 @4xl/grid:grid-cols-4',\n  6: 'grid-cols-2 @lg/grid:grid-cols-3 @4xl/grid:grid-cols-6',\n  12: 'grid-cols-4 @lg/grid:grid-cols-6 @4xl/grid:grid-cols-12',\n};\nconst gapClass: Record<NonNullable<GridProps['gap']>, string> = {\n  none: 'gap-0',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n};\n\nexport interface GridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gridVariants> {\n  /**\n   * Size columns by the grid's own width (container queries) instead of the\n   * viewport. Wraps the grid in a `@container/grid`.\n   */\n  container?: boolean;\n}\n\nconst Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  ({ className, cols = 3, gap = 'md', container, ...props }, ref) => {\n    if (container) {\n      return (\n        <div className=\"@container/grid\">\n          <div\n            ref={ref}\n            data-slot=\"grid\"\n            className={cn(\n              'grid',\n              gapClass[gap ?? 'md'],\n              containerColsClass[cols ?? 3],\n              className\n            )}\n            {...props}\n          />\n        </div>\n      );\n    }\n    return (\n      <div\n        ref={ref}\n        data-slot=\"grid\"\n        className={cn(gridVariants({ cols, gap }), className)}\n        {...props}\n      />\n    );\n  }\n);\nGrid.displayName = 'Grid';\n\nexport { Grid, gridVariants };\n"],"names":["gridVariants","cva","containerColsClass","gapClass","Grid","React","className","cols","gap","container","props","ref","jsx","cn"],"mappings":";;;;AAUA,MAAMA,IAAeC,EAAI,QAAQ;AAAA,EAC/B,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IAAA;AAAA,IAEN,KAAK;AAAA,MACH,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,CAAC,GAIKC,IAAqE;AAAA,EACzE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN,GACMC,IAA0D;AAAA,EAC9D,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAYMC,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,GAAG,KAAAC,IAAM,MAAM,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACrDF,IAEA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAV,EAASK,KAAO,IAAI;AAAA,QACpBN,EAAmBK,KAAQ,CAAC;AAAA,QAC5BD;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA,GAER,IAIF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAGb,EAAa,EAAE,MAAAO,GAAM,KAAAC,EAAA,CAAK,GAAGF,CAAS;AAAA,MACnD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAN,EAAK,cAAc;"}

package/dist/components/ui/page-content/page-content.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as m } from "../../../lib/utils.js";
+const n = r.forwardRef(
+  ({ className: t, ...o }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "page-content",
+      className: m("flex-1 p-6", t),
+      ...o
+    }
+  )
+);
+n.displayName = "PageContent";
+export {
+  n as PageContent
+};
+//# sourceMappingURL=page-content.js.map

package/dist/components/ui/page-content/page-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-content.js","sources":["../../../../src/components/ui/page-content/page-content.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// The page content region — the padded gutter for a page's body. Ported from\n// `@acronis-platform`'s `page-content`. Rendered as a `<div>` (not `<main>`) so it\n// nests inside `AppShellMain` without duplicating the `main` landmark; if used\n// standalone, wrap it in your own `<main>`. Layout-only (flex-1 + page padding).\nexport type PageContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst PageContent = React.forwardRef<HTMLDivElement, PageContentProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"page-content\"\n      className={cn('flex-1 p-6', className)}\n      {...props}\n    />\n  )\n);\nPageContent.displayName = 'PageContent';\n\nexport { PageContent };\n"],"names":["PageContent","React","className","props","ref","jsx","cn"],"mappings":";;;AAUA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAG,cAAcJ,CAAS;AAAA,MACpC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAY,cAAc;"}

package/dist/components/ui/page-header/page-header.js

@@ -0,0 +1,74 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as d from "react";
+import { cn as s } from "../../../lib/utils.js";
+const o = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: r,
+    "data-slot": "page-header",
+    role: "banner",
+    className: s("flex flex-col gap-2 pb-4", e),
+    ...a
+  }
+));
+o.displayName = "PageHeader";
+const i = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  "nav",
+  {
+    ref: r,
+    "data-slot": "page-header-breadcrumb",
+    "aria-label": "Breadcrumb",
+    className: s("text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+i.displayName = "PageHeaderBreadcrumb";
+const l = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: r,
+    "data-slot": "page-header-row",
+    className: s("flex items-center justify-between gap-4", e),
+    ...a
+  }
+));
+l.displayName = "PageHeaderRow";
+const m = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  "h1",
+  {
+    ref: r,
+    "data-slot": "page-header-title",
+    className: s("text-lg font-semibold leading-tight tracking-tight", e),
+    ...a
+  }
+));
+m.displayName = "PageHeaderTitle";
+const c = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  "p",
+  {
+    ref: r,
+    "data-slot": "page-header-description",
+    className: s("text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+c.displayName = "PageHeaderDescription";
+const g = d.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: r,
+    "data-slot": "page-header-actions",
+    className: s("flex shrink-0 items-center gap-2", e),
+    ...a
+  }
+));
+g.displayName = "PageHeaderActions";
+export {
+  o as PageHeader,
+  g as PageHeaderActions,
+  i as PageHeaderBreadcrumb,
+  c as PageHeaderDescription,
+  l as PageHeaderRow,
+  m as PageHeaderTitle
+};
+//# sourceMappingURL=page-header.js.map

package/dist/components/ui/page-header/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sources":["../../../../src/components/ui/page-header/page-header.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// The page header region from the Figma (shadcn-uikit node 2850-701): an optional\n// breadcrumb, a title row (title left, actions right), and an optional description.\n// Ported from `@acronis-platform`'s `page-header` and reconciled with the Figma —\n// the title is a moderate page title (not the legacy 2xl). Markup-only; the only\n// color is the muted breadcrumb/description (text-muted-foreground →\n// --ui-text-on-surface-secondary).\n\nconst PageHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"page-header\"\n    role=\"banner\"\n    className={cn('flex flex-col gap-2 pb-4', className)}\n    {...props}\n  />\n));\nPageHeader.displayName = 'PageHeader';\n\nconst PageHeaderBreadcrumb = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <nav\n    ref={ref}\n    data-slot=\"page-header-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nPageHeaderBreadcrumb.displayName = 'PageHeaderBreadcrumb';\n\n// The title + actions row: title on the left, actions pushed to the right.\nconst PageHeaderRow = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"page-header-row\"\n    className={cn('flex items-center justify-between gap-4', className)}\n    {...props}\n  />\n));\nPageHeaderRow.displayName = 'PageHeaderRow';\n\nconst PageHeaderTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h1\n    ref={ref}\n    data-slot=\"page-header-title\"\n    className={cn('text-lg font-semibold leading-tight tracking-tight', className)}\n    {...props}\n  />\n));\nPageHeaderTitle.displayName = 'PageHeaderTitle';\n\nconst PageHeaderDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"page-header-description\"\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nPageHeaderDescription.displayName = 'PageHeaderDescription';\n\nconst PageHeaderActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"page-header-actions\"\n    className={cn('flex shrink-0 items-center gap-2', className)}\n    {...props}\n  />\n));\nPageHeaderActions.displayName = 'PageHeaderActions';\n\nexport {\n  PageHeader,\n  PageHeaderBreadcrumb,\n  PageHeaderRow,\n  PageHeaderTitle,\n  PageHeaderDescription,\n  PageHeaderActions,\n};\n"],"names":["PageHeader","React","className","props","ref","jsx","cn","PageHeaderBreadcrumb","PageHeaderRow","PageHeaderTitle","PageHeaderDescription","PageHeaderActions"],"mappings":";;;AAWA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,WAAWE,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAc;AAEzB,MAAMO,IAAuBN,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,cAAW;AAAA,IACX,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAqB,cAAc;AAGnC,MAAMC,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,2CAA2CJ,CAAS;AAAA,IACjE,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAc,cAAc;AAE5B,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,sDAAsDJ,CAAS;AAAA,IAC5E,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAE9B,MAAMC,IAAwBT,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAsB,cAAc;AAEpC,MAAMC,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE,EAAG,oCAAoCJ,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAkB,cAAc;"}

package/dist/components/ui/pagination/pagination.js

@@ -0,0 +1,87 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as r from "react";
+import { EllipsisIcon as l, ChevronRightIcon as c, ChevronLeftIcon as m } from "@acronis-platform/icons-react/stroke-mono";
+import { cn as t } from "../../../lib/utils.js";
+function y({ className: a, ...i }) {
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      className: t("mx-auto flex w-full justify-center", a),
+      ...i
+    }
+  );
+}
+const u = r.forwardRef(({ className: a, ...i }, n) => /* @__PURE__ */ e(
+  "ul",
+  {
+    ref: n,
+    className: t("flex flex-row items-center gap-1", a),
+    ...i
+  }
+));
+u.displayName = "PaginationContent";
+const g = r.forwardRef(({ className: a, ...i }, n) => /* @__PURE__ */ e("li", { ref: n, className: a, ...i }));
+g.displayName = "PaginationItem";
+const f = (a) => t(
+  "inline-flex h-8 min-w-8 select-none items-center justify-center rounded-md px-2 text-sm font-medium text-[var(--ui-text-on-surface-primary)] transition-colors outline-none",
+  "focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]",
+  a ? "bg-[var(--ui-background-surface-active)]" : "hover:bg-[var(--ui-background-surface-hover)]"
+), o = ({
+  className: a,
+  isActive: i,
+  ...n
+}) => /* @__PURE__ */ e(
+  "a",
+  {
+    "aria-current": i ? "page" : void 0,
+    className: t(f(i), a),
+    ...n
+  }
+);
+o.displayName = "PaginationLink";
+const p = ({
+  className: a,
+  ...i
+}) => /* @__PURE__ */ e(
+  o,
+  {
+    "aria-label": "Go to previous page",
+    className: a,
+    ...i,
+    children: /* @__PURE__ */ e(m, { size: 16 })
+  }
+);
+p.displayName = "PaginationPrevious";
+const d = ({ className: a, ...i }) => /* @__PURE__ */ e(o, { "aria-label": "Go to next page", className: a, ...i, children: /* @__PURE__ */ e(c, { size: 16 }) });
+d.displayName = "PaginationNext";
+const x = ({
+  className: a,
+  ...i
+}) => /* @__PURE__ */ s(
+  "span",
+  {
+    "aria-hidden": !0,
+    className: t(
+      "flex h-8 w-8 items-center justify-center text-[var(--ui-text-on-surface-secondary)]",
+      a
+    ),
+    ...i,
+    children: [
+      /* @__PURE__ */ e(l, { size: 16 }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+x.displayName = "PaginationEllipsis";
+export {
+  y as Pagination,
+  u as PaginationContent,
+  x as PaginationEllipsis,
+  g as PaginationItem,
+  o as PaginationLink,
+  d as PaginationNext,
+  p as PaginationPrevious
+};
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  EllipsisIcon,\n} from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\n\n// Ported from `@acronis-platform`'s `pagination`. Markup-only (no Base UI\n// primitive). The page links are styled directly with semantic tokens (rather than\n// the Button cva, whose min-width tokens don't fit a compact square link): neutral\n// foreground page numbers, the active surface for the current page, and the hover\n// surface on hover.\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      className={cn('mx-auto flex w-full justify-center', className)}\n      {...props}\n    />\n  );\n}\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn('flex flex-row items-center gap-1', className)}\n    {...props}\n  />\n));\nPaginationContent.displayName = 'PaginationContent';\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => <li ref={ref} className={className} {...props} />);\nPaginationItem.displayName = 'PaginationItem';\n\nexport interface PaginationLinkProps extends React.ComponentProps<'a'> {\n  /** Marks the current page (sets aria-current and the selected treatment). */\n  isActive?: boolean;\n}\n\nconst paginationLinkClassName = (isActive?: boolean) =>\n  cn(\n    'inline-flex h-8 min-w-8 select-none items-center justify-center rounded-md px-2 text-sm font-medium text-[var(--ui-text-on-surface-primary)] transition-colors outline-none',\n    'focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)]',\n    isActive\n      ? 'bg-[var(--ui-background-surface-active)]'\n      : 'hover:bg-[var(--ui-background-surface-hover)]'\n  );\n\nconst PaginationLink = ({\n  className,\n  isActive,\n  ...props\n}: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? 'page' : undefined}\n    className={cn(paginationLinkClassName(isActive), className)}\n    {...props}\n  />\n);\nPaginationLink.displayName = 'PaginationLink';\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: PaginationLinkProps) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    className={className}\n    {...props}\n  >\n    <ChevronLeftIcon size={16} />\n  </PaginationLink>\n);\nPaginationPrevious.displayName = 'PaginationPrevious';\n\nconst PaginationNext = ({ className, ...props }: PaginationLinkProps) => (\n  <PaginationLink aria-label=\"Go to next page\" className={className} {...props}>\n    <ChevronRightIcon size={16} />\n  </PaginationLink>\n);\nPaginationNext.displayName = 'PaginationNext';\n\nconst PaginationEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) => (\n  <span\n    aria-hidden\n    className={cn(\n      'flex h-8 w-8 items-center justify-center text-[var(--ui-text-on-surface-secondary)]',\n      className\n    )}\n    {...props}\n  >\n    <EllipsisIcon size={16} />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = 'PaginationEllipsis';\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","paginationLinkClassName","isActive","PaginationLink","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","jsxs","EllipsisIcon"],"mappings":";;;;AAcA,SAASA,EAAW,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMG,IAAoBC,EAAM,WAG9B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,MAC1B,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAI;AAAA,IACA,WAAWH,EAAG,oCAAoCH,CAAS;AAAA,IAC1D,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAkB,cAAc;AAEhC,MAAMG,IAAiBF,EAAM,WAG3B,CAAC,EAAE,WAAAL,GAAW,GAAGC,EAAA,GAASK,wBAAS,MAAA,EAAG,KAAAA,GAAU,WAAAN,GAAuB,GAAGC,GAAO,CAAE;AACrFM,EAAe,cAAc;AAO7B,MAAMC,IAA0B,CAACC,MAC/BN;AAAA,EACE;AAAA,EACA;AAAA,EACAM,IACI,6CACA;AACN,GAEIC,IAAiB,CAAC;AAAA,EACtB,WAAAV;AAAA,EACA,UAAAS;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,gBAAcO,IAAW,SAAS;AAAA,IAClC,WAAWN,EAAGK,EAAwBC,CAAQ,GAAGT,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN;AAEFS,EAAe,cAAc;AAE7B,MAAMC,IAAqB,CAAC;AAAA,EAC1B,WAAAX;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAAV;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAC,EAACU,GAAA,EAAgB,MAAM,GAAA,CAAI;AAAA,EAAA;AAC7B;AAEFD,EAAmB,cAAc;AAEjC,MAAME,IAAiB,CAAC,EAAE,WAAAb,GAAW,GAAGC,EAAA,MACtC,gBAAAC,EAACQ,GAAA,EAAe,cAAW,mBAAkB,WAAAV,GAAuB,GAAGC,GACrE,4BAACa,GAAA,EAAiB,MAAM,IAAI,EAAA,CAC9B;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAAC;AAAA,EAC1B,WAAAf;AAAA,EACA,GAAGC;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAW;AAAA,IACX,WAAWb;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC,EAACe,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,MACxB,gBAAAf,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,aAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AACtC;AAEFa,EAAmB,cAAc;"}

package/dist/components/ui/scroll-area/scroll-area.js

@@ -0,0 +1,61 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { ScrollArea as a } from "@base-ui/react/scroll-area";
+import { cn as s } from "../../../lib/utils.js";
+const c = i.forwardRef(
+  ({ className: e, orientation: o = "vertical", ...l }, t) => /* @__PURE__ */ r(
+    a.Scrollbar,
+    {
+      ref: t,
+      orientation: o,
+      "data-slot": "scroll-area-scrollbar",
+      className: s(
+        "flex touch-none select-none opacity-0 transition-opacity duration-150",
+        // Revealed on hover/scroll; hidden at rest.
+        "data-[hovering]:opacity-100 data-[scrolling]:opacity-100",
+        o === "vertical" && "h-full w-2.5 p-px",
+        o === "horizontal" && "h-2.5 w-full flex-col p-px",
+        e
+      ),
+      ...l,
+      children: /* @__PURE__ */ r(
+        a.Thumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-full bg-[var(--ui-border-on-surface-border)] transition-colors hover:bg-[var(--ui-border-on-surface-border-active)]"
+        }
+      )
+    }
+  )
+);
+c.displayName = "ScrollBar";
+const f = i.forwardRef(
+  ({ className: e, children: o, orientation: l = "vertical", ...t }, n) => /* @__PURE__ */ d(
+    a.Root,
+    {
+      ref: n,
+      "data-slot": "scroll-area",
+      className: s("relative overflow-hidden", e),
+      ...t,
+      children: [
+        /* @__PURE__ */ r(
+          a.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-brand)]",
+            children: /* @__PURE__ */ r(a.Content, { "data-slot": "scroll-area-content", children: o })
+          }
+        ),
+        l !== "horizontal" && /* @__PURE__ */ r(c, { orientation: "vertical" }),
+        l !== "vertical" && /* @__PURE__ */ r(c, { orientation: "horizontal" }),
+        l === "both" && /* @__PURE__ */ r(a.Corner, { "data-slot": "scroll-area-corner" })
+      ]
+    }
+  )
+);
+f.displayName = "ScrollArea";
+export {
+  f as ScrollArea,
+  c as ScrollBar
+};
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/ui/scroll-area/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sources":["../../../../src/components/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\n\nimport { cn } from '@/lib/utils';\n\n// A scrollable region with a custom **overlay** scrollbar built on Base UI's\n// Scroll Area. Unlike a native `overflow: auto` element, the scrollbar floats\n// over the content and reserves **zero** layout space, so full-bleed content\n// (e.g. edge-to-edge selected rows in a sidebar) is never cropped by a gutter —\n// on every OS and browser, not just where the platform provides overlay bars.\n// The bar is revealed on hover/scroll and hidden at rest.\n\nexport type ScrollBarProps = React.ComponentPropsWithoutRef<\n  typeof ScrollAreaPrimitive.Scrollbar\n>;\n\nconst ScrollBar = React.forwardRef<HTMLDivElement, ScrollBarProps>(\n  ({ className, orientation = 'vertical', ...props }, ref) => (\n    <ScrollAreaPrimitive.Scrollbar\n      ref={ref}\n      orientation={orientation}\n      data-slot=\"scroll-area-scrollbar\"\n      className={cn(\n        'flex touch-none select-none opacity-0 transition-opacity duration-150',\n        // Revealed on hover/scroll; hidden at rest.\n        'data-[hovering]:opacity-100 data-[scrolling]:opacity-100',\n        orientation === 'vertical' && 'h-full w-2.5 p-px',\n        orientation === 'horizontal' && 'h-2.5 w-full flex-col p-px',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-[var(--ui-border-on-surface-border)] transition-colors hover:bg-[var(--ui-border-on-surface-border-active)]\"\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  )\n);\nScrollBar.displayName = 'ScrollBar';\n\nexport interface ScrollAreaProps\n  extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  /** Which scrollbar(s) to render. @default 'vertical' */\n  orientation?: 'vertical' | 'horizontal' | 'both';\n}\n\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  ({ className, children, orientation = 'vertical', ...props }, ref) => (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      data-slot=\"scroll-area\"\n      className={cn('relative overflow-hidden', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-brand)]\"\n      >\n        <ScrollAreaPrimitive.Content data-slot=\"scroll-area-content\">\n          {children}\n        </ScrollAreaPrimitive.Content>\n      </ScrollAreaPrimitive.Viewport>\n      {orientation !== 'horizontal' && <ScrollBar orientation=\"vertical\" />}\n      {orientation !== 'vertical' && <ScrollBar orientation=\"horizontal\" />}\n      {orientation === 'both' && (\n        <ScrollAreaPrimitive.Corner data-slot=\"scroll-area-corner\" />\n      )}\n    </ScrollAreaPrimitive.Root>\n  )\n);\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollBar","React","className","orientation","props","ref","jsx","ScrollAreaPrimitive","cn","ScrollArea","children","jsxs"],"mappings":";;;;AAgBA,MAAMA,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,YAAY,GAAGC,EAAA,GAASC,MAClD,gBAAAC;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,KAAAF;AAAA,MACA,aAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWK;AAAA,QACT;AAAA;AAAA,QAEA;AAAA,QACAL,MAAgB,cAAc;AAAA,QAC9BA,MAAgB,gBAAgB;AAAA,QAChCD;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAA,gBAAAE;AAAA,QAACC,EAAoB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;AACAP,EAAU,cAAc;AAQxB,MAAMS,IAAaR,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,UAAAQ,GAAU,aAAAP,IAAc,YAAY,GAAGC,EAAA,GAASC,MAC5D,gBAAAM;AAAA,IAACJ,EAAoB;AAAA,IAApB;AAAA,MACC,KAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG,EAAG,4BAA4BN,CAAS;AAAA,MAClD,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC,EAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV,4BAACA,EAAoB,SAApB,EAA4B,aAAU,uBACpC,UAAAG,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDP,MAAgB,gBAAgB,gBAAAG,EAACN,GAAA,EAAU,aAAY,YAAW;AAAA,QAClEG,MAAgB,cAAc,gBAAAG,EAACN,GAAA,EAAU,aAAY,cAAa;AAAA,QAClEG,MAAgB,UACf,gBAAAG,EAACC,EAAoB,QAApB,EAA2B,aAAU,qBAAA,CAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAInE;AACAE,EAAW,cAAc;"}

package/dist/components/ui/section/section.js

@@ -0,0 +1,37 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as n } from "../../../lib/utils.js";
+const s = i.forwardRef(
+  ({ className: e, ...t }, o) => /* @__PURE__ */ a("section", { ref: o, className: n("space-y-4", e), ...t })
+);
+s.displayName = "Section";
+const c = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a("div", { ref: o, className: n("space-y-1", e), ...t }));
+c.displayName = "SectionHeader";
+const r = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "h2",
+  {
+    ref: o,
+    className: n("text-lg font-semibold leading-none tracking-tight", e),
+    ...t
+  }
+));
+r.displayName = "SectionTitle";
+const m = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+  "p",
+  {
+    ref: o,
+    className: n("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+m.displayName = "SectionDescription";
+const d = i.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a("div", { ref: o, className: n("pt-2", e), ...t }));
+d.displayName = "SectionContent";
+export {
+  s as Section,
+  d as SectionContent,
+  m as SectionDescription,
+  c as SectionHeader,
+  r as SectionTitle
+};
+//# sourceMappingURL=section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.js","sources":["../../../../src/components/ui/section/section.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Ported 1:1 from `@acronis-platform`'s `section`. A titled content block —\n// semantic markup parts; the only color is the muted description\n// (`text-muted-foreground` → --ui-text-on-surface-secondary).\nconst Section = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <section ref={ref} className={cn('space-y-4', className)} {...props} />\n  )\n);\nSection.displayName = 'Section';\n\nconst SectionHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('space-y-1', className)} {...props} />\n));\nSectionHeader.displayName = 'SectionHeader';\n\nconst SectionTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h2\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nSectionTitle.displayName = 'SectionTitle';\n\nconst SectionDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nSectionDescription.displayName = 'SectionDescription';\n\nconst SectionContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('pt-2', className)} {...props} />\n));\nSectionContent.displayName = 'SectionContent';\n\nexport {\n  Section,\n  SectionHeader,\n  SectionTitle,\n  SectionDescription,\n  SectionContent,\n};\n"],"names":["Section","React","className","props","ref","jsx","cn","SectionHeader","SectionTitle","SectionDescription","SectionContent"],"mappings":";;;AAOA,MAAMA,IAAUC,EAAM;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,WAAA,EAAQ,KAAAD,GAAU,WAAWE,EAAG,aAAaJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzE;AACAH,EAAQ,cAAc;AAEtB,MAAMO,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,aAAaJ,CAAS,GAAI,GAAGC,GAAO,CAClE;AACDI,EAAc,cAAc;AAE5B,MAAMC,IAAeP,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,qDAAqDJ,CAAS;AAAA,IAC3E,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAa,cAAc;AAE3B,MAAMC,IAAqBR,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAmB,cAAc;AAEjC,MAAMC,IAAiBT,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,QAAQJ,CAAS,GAAI,GAAGC,GAAO,CAC7D;AACDO,EAAe,cAAc;"}