@acronis-platform/ui-react 0.22.3 → 0.23.0

package/dist/components/ui/resizable/resizable.js

@@ -0,0 +1,52 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Separator as o, Panel as n, Group as l } from "../../../node_modules/.pnpm/react-resizable-panels@4.11.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/react-resizable-panels/dist/react-resizable-panels.js";
+import { cn as e } from "../../../lib/utils.js";
+function b({ className: r, ...i }) {
+  return /* @__PURE__ */ a(
+    l,
+    {
+      className: e("flex h-full w-full aria-[orientation=vertical]:flex-col", r),
+      ...i
+    }
+  );
+}
+function z(r) {
+  return /* @__PURE__ */ a(n, { ...r });
+}
+function h({ withHandle: r, className: i, ...t }) {
+  return /* @__PURE__ */ a(
+    o,
+    {
+      className: e(
+        "relative flex w-[var(--ui-resizable-bar-width)] items-center justify-center",
+        "cursor-[var(--ui-resizable-cursor)] outline-none",
+        // Centered 1px divider line (idle/hover → hover token, drag → active token).
+        "after:absolute after:inset-y-0 after:left-1/2 after:-translate-x-1/2",
+        "after:w-[var(--ui-resizable-border-width)] after:bg-[var(--ui-resizable-border-color-hover)]",
+        "active:after:bg-[var(--ui-resizable-border-color-active)]",
+        "focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)]",
+        // orientation=horizontal = panels stacked → horizontal divider line.
+        "aria-[orientation=horizontal]:h-[var(--ui-resizable-bar-width)] aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:cursor-[ns-resize]",
+        "aria-[orientation=horizontal]:after:inset-x-0 aria-[orientation=horizontal]:after:inset-y-auto aria-[orientation=horizontal]:after:left-auto aria-[orientation=horizontal]:after:top-1/2 aria-[orientation=horizontal]:after:h-[var(--ui-resizable-border-width)] aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:-translate-y-1/2 aria-[orientation=horizontal]:after:translate-x-0",
+        "[&[aria-orientation=horizontal]>div]:rotate-90",
+        i
+      ),
+      ...t,
+      children: r && /* @__PURE__ */ a(
+        "div",
+        {
+          className: e(
+            "z-10 h-[var(--ui-resizable-bar-height)] w-[var(--ui-resizable-bar-width)]",
+            "rounded-[var(--ui-resizable-bar-border-radius)] bg-[var(--ui-resizable-bar-color)]"
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  h as ResizableHandle,
+  z as ResizablePanel,
+  b as ResizablePanelGroup
+};
+//# sourceMappingURL=resizable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","sources":["../../../../src/components/ui/resizable/resizable.tsx"],"sourcesContent":["import * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from '@/lib/utils';\n\n// Resizable panels: a thin wrapper over `react-resizable-panels` (v4: `Group` /\n// `Panel` / `Separator`) themed with the next-gen `--ui-resizable-*` token tier,\n// following the shadcn composition (`ResizablePanelGroup` / `ResizablePanel` /\n// `ResizableHandle`). Base UI has no resizable primitive, so this is the one\n// component that wraps a third-party panel library instead.\n//\n// The handle is the 7px-wide draggable `Separator`. It paints a centered 1px\n// divider line (`--ui-resizable-border-width`/`-style`) — `--ui-resizable-border-color-hover`\n// at rest, `--ui-resizable-border-color-active` while dragging (`:active`) — and,\n// when `withHandle` is set, an always-visible grab-bar pill\n// (`--ui-resizable-bar-*`: 7×32, 4px radius) centered over the line. Keyboard\n// focus paints a 3px `--ui-focus-primary` ring; the resting cursor is\n// `--ui-resizable-cursor` (`ew-resize`). The acronis brand draws hover/active/idle\n// in the same blue and deep-sky in the same gray, but each interaction state is\n// wired to its own token so a future brand can diverge.\n//\n// `orientation=\"vertical\"` (panels stacked) flips the layout: the Group goes\n// `flex-col`, the Separator becomes a horizontal line (`aria-orientation=horizontal`),\n// the cursor becomes `ns-resize`, and the grip pill rotates 90°.\n\nfunction ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps) {\n  return (\n    <ResizablePrimitive.Group\n      className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ResizablePanel(props: ResizablePrimitive.PanelProps) {\n  return <ResizablePrimitive.Panel {...props} />;\n}\n\nexport interface ResizableHandleProps extends ResizablePrimitive.SeparatorProps {\n  /** Render the grab-bar pill centered on the handle. */\n  withHandle?: boolean;\n}\n\nfunction ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps) {\n  return (\n    <ResizablePrimitive.Separator\n      className={cn(\n        'relative flex w-[var(--ui-resizable-bar-width)] items-center justify-center',\n        'cursor-[var(--ui-resizable-cursor)] outline-none',\n        // Centered 1px divider line (idle/hover → hover token, drag → active token).\n        'after:absolute after:inset-y-0 after:left-1/2 after:-translate-x-1/2',\n        'after:w-[var(--ui-resizable-border-width)] after:bg-[var(--ui-resizable-border-color-hover)]',\n        'active:after:bg-[var(--ui-resizable-border-color-active)]',\n        'focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)]',\n        // orientation=horizontal = panels stacked → horizontal divider line.\n        'aria-[orientation=horizontal]:h-[var(--ui-resizable-bar-width)] aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:cursor-[ns-resize]',\n        'aria-[orientation=horizontal]:after:inset-x-0 aria-[orientation=horizontal]:after:inset-y-auto aria-[orientation=horizontal]:after:left-auto aria-[orientation=horizontal]:after:top-1/2 aria-[orientation=horizontal]:after:h-[var(--ui-resizable-border-width)] aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:-translate-y-1/2 aria-[orientation=horizontal]:after:translate-x-0',\n        '[&[aria-orientation=horizontal]>div]:rotate-90',\n        className\n      )}\n      {...props}\n    >\n      {withHandle && (\n        <div\n          className={cn(\n            'z-10 h-[var(--ui-resizable-bar-height)] w-[var(--ui-resizable-bar-width)]',\n            'rounded-[var(--ui-resizable-bar-border-radius)] bg-[var(--ui-resizable-bar-color)]'\n          )}\n        />\n      )}\n    </ResizablePrimitive.Separator>\n  );\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"names":["ResizablePanelGroup","className","props","jsx","ResizablePrimitive.Group","cn","ResizablePanel","ResizablePrimitive.Panel","ResizableHandle","withHandle","ResizablePrimitive.Separator"],"mappings":";;;AAwBA,SAASA,EAAoB,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACnF,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAG,2DAA2DJ,CAAS;AAAA,MACjF,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAeJ,GAAsC;AAC5D,SAAO,gBAAAC,EAACI,GAAA,EAA0B,GAAGL,EAAA,CAAO;AAC9C;AAOA,SAASM,EAAgB,EAAE,YAAAC,GAAY,WAAAR,GAAW,GAAGC,KAA+B;AAClF,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL;AAAA,QACT;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAO,KACC,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIR;"}

package/dist/index.js

@@ -1,20 +1,21 @@
 import { cn as a } from "./lib/utils.js";
 import { Avatar as t, AvatarFallback as i, AvatarGroup as n, AvatarImage as d, avatarVariants as S } from "./components/ui/avatar/avatar.js";
-import { Breadcrumb as m, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as y, BreadcrumbPage as l, BreadcrumbSeparator as x } from "./components/ui/breadcrumb/breadcrumb.js";
-import { Button as s, buttonVariants as g } from "./components/ui/button/button.js";
-import { ButtonDropdown as M, buttonDropdownVariants as P } from "./components/ui/button-dropdown/button-dropdown.js";
+import { Breadcrumb as m, BreadcrumbEllipsis as c, BreadcrumbItem as u, BreadcrumbLink as p, BreadcrumbList as l, BreadcrumbPage as y, BreadcrumbSeparator as x } from "./components/ui/breadcrumb/breadcrumb.js";
+import { Button as f, buttonVariants as g } from "./components/ui/button/button.js";
+import { ButtonDropdown as P, buttonDropdownVariants as M } from "./components/ui/button-dropdown/button-dropdown.js";
 import { Checkbox as T } from "./components/ui/checkbox/checkbox.js";
 import { Radio as V, RadioGroup as v } from "./components/ui/radio/radio.js";
 import { Input as G } from "./components/ui/input/input.js";
-import { InputTextArea as h } from "./components/ui/input-text-area/input-text-area.js";
-import { Search as w } from "./components/ui/search/search.js";
-import { Select as F, SelectContent as D, SelectGroup as H, SelectGroupLabel as R, SelectItem as j, SelectTrigger as q, SelectValue as z } from "./components/ui/select/select.js";
-import { SidebarPrimary as K, SidebarPrimaryCollapseTrigger as N, SidebarPrimaryContent as O, SidebarPrimaryFooter as Q, SidebarPrimaryHeader as U, SidebarPrimaryMenu as W, SidebarPrimaryMenuItem as X, SidebarPrimaryMenuItemExtras as Y, SidebarPrimarySection as Z, sidebarPrimaryMenuItemVariants as _ } from "./components/ui/sidebar-primary/sidebar-primary.js";
-import { SidebarSecondary as rr, SidebarSecondaryCollapseTrigger as er, SidebarSecondaryCollapsedBreadcrumb as ar, SidebarSecondaryContent as or, SidebarSecondaryFooter as tr, SidebarSecondaryHeader as ir, SidebarSecondaryMenu as nr, SidebarSecondaryMenuItem as dr, SidebarSecondaryMenuItemExtras as Sr, SidebarSecondaryMenuSub as br, SidebarSecondaryMenuSubContent as mr, SidebarSecondaryMenuSubItem as cr, SidebarSecondaryMenuSubTrigger as ur, SidebarSecondarySection as pr, SidebarSecondarySectionLabel as yr, sidebarSecondaryMenuItemVariants as lr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
-import { ButtonIcon as fr, buttonIconVariants as sr } from "./components/ui/button-icon/button-icon.js";
-import { Switch as Ir } from "./components/ui/switch/switch.js";
-import { Tooltip as Pr, TooltipContent as Br, TooltipProvider as Tr, TooltipTrigger as Cr } from "./components/ui/tooltip/tooltip.js";
-import { Tag as vr, tagVariants as Ar } from "./components/ui/tag/tag.js";
+import { InputTextArea as L } from "./components/ui/input-text-area/input-text-area.js";
+import { Search as k } from "./components/ui/search/search.js";
+import { Select as z, SelectContent as E, SelectGroup as F, SelectGroupLabel as H, SelectItem as D, SelectTrigger as j, SelectValue as q } from "./components/ui/select/select.js";
+import { ResizableHandle as K, ResizablePanel as N, ResizablePanelGroup as O } from "./components/ui/resizable/resizable.js";
+import { SidebarPrimary as U, SidebarPrimaryCollapseTrigger as W, SidebarPrimaryContent as X, SidebarPrimaryFooter as Y, SidebarPrimaryHeader as Z, SidebarPrimaryMenu as _, SidebarPrimaryMenuItem as $, SidebarPrimaryMenuItemExtras as rr, SidebarPrimarySection as er, sidebarPrimaryMenuItemVariants as ar } from "./components/ui/sidebar-primary/sidebar-primary.js";
+import { SidebarSecondary as tr, SidebarSecondaryCollapseTrigger as ir, SidebarSecondaryCollapsedBreadcrumb as nr, SidebarSecondaryContent as dr, SidebarSecondaryFooter as Sr, SidebarSecondaryHeader as br, SidebarSecondaryMenu as mr, SidebarSecondaryMenuItem as cr, SidebarSecondaryMenuItemExtras as ur, SidebarSecondaryMenuSub as pr, SidebarSecondaryMenuSubContent as lr, SidebarSecondaryMenuSubItem as yr, SidebarSecondaryMenuSubTrigger as xr, SidebarSecondarySection as sr, SidebarSecondarySectionLabel as fr, sidebarSecondaryMenuItemVariants as gr } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
+import { ButtonIcon as Pr, buttonIconVariants as Mr } from "./components/ui/button-icon/button-icon.js";
+import { Switch as Tr } from "./components/ui/switch/switch.js";
+import { Tooltip as Vr, TooltipContent as vr, TooltipProvider as Ar, TooltipTrigger as Gr } from "./components/ui/tooltip/tooltip.js";
+import { Tag as Lr, tagVariants as hr } from "./components/ui/tag/tag.js";
 export {
   t as Avatar,
   i as AvatarFallback,
@@ -24,62 +25,65 @@ export {
   c as BreadcrumbEllipsis,
   u as BreadcrumbItem,
   p as BreadcrumbLink,
-  y as BreadcrumbList,
-  l as BreadcrumbPage,
+  l as BreadcrumbList,
+  y as BreadcrumbPage,
   x as BreadcrumbSeparator,
-  s as Button,
-  M as ButtonDropdown,
-  fr as ButtonIcon,
+  f as Button,
+  P as ButtonDropdown,
+  Pr as ButtonIcon,
   T as Checkbox,
   G as Input,
-  h as InputTextArea,
+  L as InputTextArea,
   V as Radio,
   v as RadioGroup,
-  w as Search,
-  F as Select,
-  D as SelectContent,
-  H as SelectGroup,
-  R as SelectGroupLabel,
-  j as SelectItem,
-  q as SelectTrigger,
-  z as SelectValue,
-  K as SidebarPrimary,
-  N as SidebarPrimaryCollapseTrigger,
-  O as SidebarPrimaryContent,
-  Q as SidebarPrimaryFooter,
-  U as SidebarPrimaryHeader,
-  W as SidebarPrimaryMenu,
-  X as SidebarPrimaryMenuItem,
-  Y as SidebarPrimaryMenuItemExtras,
-  Z as SidebarPrimarySection,
-  rr as SidebarSecondary,
-  er as SidebarSecondaryCollapseTrigger,
-  ar as SidebarSecondaryCollapsedBreadcrumb,
-  or as SidebarSecondaryContent,
-  tr as SidebarSecondaryFooter,
-  ir as SidebarSecondaryHeader,
-  nr as SidebarSecondaryMenu,
-  dr as SidebarSecondaryMenuItem,
-  Sr as SidebarSecondaryMenuItemExtras,
-  br as SidebarSecondaryMenuSub,
-  mr as SidebarSecondaryMenuSubContent,
-  cr as SidebarSecondaryMenuSubItem,
-  ur as SidebarSecondaryMenuSubTrigger,
-  pr as SidebarSecondarySection,
-  yr as SidebarSecondarySectionLabel,
-  Ir as Switch,
-  vr as Tag,
-  Pr as Tooltip,
-  Br as TooltipContent,
-  Tr as TooltipProvider,
-  Cr as TooltipTrigger,
+  K as ResizableHandle,
+  N as ResizablePanel,
+  O as ResizablePanelGroup,
+  k as Search,
+  z as Select,
+  E as SelectContent,
+  F as SelectGroup,
+  H as SelectGroupLabel,
+  D as SelectItem,
+  j as SelectTrigger,
+  q as SelectValue,
+  U as SidebarPrimary,
+  W as SidebarPrimaryCollapseTrigger,
+  X as SidebarPrimaryContent,
+  Y as SidebarPrimaryFooter,
+  Z as SidebarPrimaryHeader,
+  _ as SidebarPrimaryMenu,
+  $ as SidebarPrimaryMenuItem,
+  rr as SidebarPrimaryMenuItemExtras,
+  er as SidebarPrimarySection,
+  tr as SidebarSecondary,
+  ir as SidebarSecondaryCollapseTrigger,
+  nr as SidebarSecondaryCollapsedBreadcrumb,
+  dr as SidebarSecondaryContent,
+  Sr as SidebarSecondaryFooter,
+  br as SidebarSecondaryHeader,
+  mr as SidebarSecondaryMenu,
+  cr as SidebarSecondaryMenuItem,
+  ur as SidebarSecondaryMenuItemExtras,
+  pr as SidebarSecondaryMenuSub,
+  lr as SidebarSecondaryMenuSubContent,
+  yr as SidebarSecondaryMenuSubItem,
+  xr as SidebarSecondaryMenuSubTrigger,
+  sr as SidebarSecondarySection,
+  fr as SidebarSecondarySectionLabel,
+  Tr as Switch,
+  Lr as Tag,
+  Vr as Tooltip,
+  vr as TooltipContent,
+  Ar as TooltipProvider,
+  Gr as TooltipTrigger,
   S as avatarVariants,
-  P as buttonDropdownVariants,
-  sr as buttonIconVariants,
+  M as buttonDropdownVariants,
+  Mr as buttonIconVariants,
   g as buttonVariants,
   a as cn,
-  _ as sidebarPrimaryMenuItemVariants,
-  lr as sidebarSecondaryMenuItemVariants,
-  Ar as tagVariants
+  ar as sidebarPrimaryMenuItemVariants,
+  gr as sidebarSecondaryMenuItemVariants,
+  hr as tagVariants
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}