@acronis-platform/ui-react 0.57.0 → 0.58.0

package/dist/components/ui/dialog/dialog.js

@@ -0,0 +1,313 @@
+import { jsx as o, jsxs as c, Fragment as D } from "react/jsx-runtime";
+import * as n from "react";
+import { Dialog as i } from "@base-ui/react/dialog";
+import { TimesIcon as $ } from "@acronis-platform/icons-react/stroke-mono";
+import { cva as E } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as l } from "../../../lib/utils.js";
+import { usePortalContainer as H } from "../../../lib/portal-container.js";
+import { DialogFooterDefault as _ } from "../dialog-footer-default/dialog-footer-default.js";
+import { Loading as U } from "../loading/loading.js";
+import { InputText as Y } from "../input-text/input-text.js";
+import { Button as y } from "../button/button.js";
+const q = E(
+  "fixed left-1/2 top-1/2 z-50 flex w-full min-w-[var(--ui-dialog-container-width-min)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-[var(--ui-dialog-container-border-radius)] bg-[var(--ui-dialog-container-color)] text-foreground shadow-lg duration-200 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95 data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95",
+  {
+    variants: {
+      size: {
+        sm: "max-w-[var(--ui-dialog-container-size-sm)]",
+        large: "max-w-[832px]"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), J = i.Root;
+i.Trigger;
+i.Portal;
+const x = i.Close, C = n.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
+  i.Backdrop,
+  {
+    ref: r,
+    className: l(
+      "fixed inset-0 z-50 bg-[var(--ui-background-backdrop-screen)] duration-200 data-[open]:animate-in data-[open]:fade-in-0 data-[closed]:animate-out data-[closed]:fade-out-0",
+      e
+    ),
+    ...a
+  }
+));
+C.displayName = "DialogOverlay";
+const w = n.forwardRef(
+  ({
+    className: e,
+    children: a,
+    size: r,
+    portal: d = !0,
+    portalContainer: s,
+    keepMounted: g,
+    ...p
+  }, u) => {
+    const b = H(), f = s ?? b, m = /* @__PURE__ */ c(D, { children: [
+      /* @__PURE__ */ o(C, {}),
+      /* @__PURE__ */ o(
+        i.Popup,
+        {
+          ref: u,
+          className: l(q({ size: r }), e),
+          ...p,
+          children: a
+        }
+      )
+    ] });
+    return d ? /* @__PURE__ */ o(i.Portal, { container: f, keepMounted: g, children: m }) : m;
+  }
+);
+w.displayName = "DialogContent";
+const K = n.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: r,
+    className: l(
+      "flex h-16 items-center gap-4 border-b border-border bg-background px-5 py-4",
+      e
+    ),
+    ...a
+  }
+));
+K.displayName = "DialogHeaderRoot";
+const M = n.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: r,
+    className: l(
+      "flex h-16 items-center justify-end gap-4 border-t border-border bg-background px-6 py-4",
+      e
+    ),
+    ...a
+  }
+));
+M.displayName = "DialogFooterRoot";
+const Q = n.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o("div", { ref: r, className: l("flex-1 overflow-auto p-6", e), ...a }));
+Q.displayName = "DialogBodyRoot";
+const v = n.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
+  i.Title,
+  {
+    ref: r,
+    className: l(
+      "flex-1 text-2xl font-normal leading-8 text-foreground",
+      e
+    ),
+    ...a
+  }
+));
+v.displayName = "DialogTitle";
+const W = n.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ o(
+  i.Description,
+  {
+    ref: r,
+    className: l("text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+W.displayName = "DialogDescription";
+const N = n.forwardRef(({ className: e, closeLabel: a = "Close", ...r }, d) => /* @__PURE__ */ c(
+  i.Close,
+  {
+    ref: d,
+    className: l(
+      "cursor-pointer rounded p-1 text-[var(--ui-button-icon-global-icon-color-idle)] transition-colors hover:bg-[var(--ui-button-icon-global-container-color-hover)] hover:text-[var(--ui-button-icon-global-icon-color-hover)] active:bg-[var(--ui-button-icon-global-container-color-active)] active:text-[var(--ui-button-icon-global-icon-color-active)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)] disabled:pointer-events-none disabled:cursor-default disabled:text-[var(--ui-button-icon-global-icon-color-disabled)]",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ o($, { size: 24 }),
+      /* @__PURE__ */ o("span", { className: "sr-only", children: a })
+    ]
+  }
+));
+N.displayName = "DialogCloseButton";
+function X({ title: e, closeLabel: a }) {
+  return /* @__PURE__ */ c("div", { className: "flex h-[var(--ui-dialog-header-height)] items-center gap-[var(--ui-dialog-header-gap)] border-b-[length:var(--ui-dialog-header-border-width)] border-[var(--ui-dialog-header-border-color)] bg-[var(--ui-dialog-header-color)] px-[var(--ui-dialog-header-padding-x)]", children: [
+    /* @__PURE__ */ o(v, { children: e }),
+    /* @__PURE__ */ o(N, { closeLabel: a })
+  ] });
+}
+function Z({ children: e, inert: a }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      inert: a,
+      className: "flex min-h-[var(--ui-dialog-body-height-min)] flex-col justify-center gap-[var(--ui-dialog-body-gap)] px-4 py-[var(--ui-dialog-body-padding-y)]",
+      children: typeof e == "string" ? /* @__PURE__ */ o("p", { className: "text-sm leading-6 text-foreground", children: e }) : e
+    }
+  );
+}
+function ee({
+  secondaryLabel: e,
+  primaryLabel: a,
+  primaryVariant: r,
+  primaryCloses: d,
+  onPrimaryAction: s
+}) {
+  return /* @__PURE__ */ c(D, { children: [
+    e && /* @__PURE__ */ o(x, { render: /* @__PURE__ */ o(y, { variant: "secondary", children: e }) }),
+    d ? /* @__PURE__ */ o(
+      x,
+      {
+        onClick: s,
+        render: /* @__PURE__ */ o(y, { variant: r, children: a })
+      }
+    ) : /* @__PURE__ */ o(y, { variant: r, onClick: s, children: a })
+  ] });
+}
+const ae = {
+  default: {
+    title: "Dialog title",
+    body: "Drop any content into this slot.",
+    secondaryLabel: "Cancel",
+    primaryLabel: "Label",
+    primaryVariant: "default"
+  },
+  rename: {
+    title: (e = "object name") => `Rename ${e}`,
+    // `objectName` prefills the field with the real current name; the field's
+    // accessible name (`objectNameLabel`) is separate — it's the label, not the value.
+    body: (e = "Current name", a = "Object name") => /* @__PURE__ */ o(Y, { "aria-label": a, defaultValue: e }),
+    secondaryLabel: "Cancel",
+    primaryLabel: "Rename",
+    primaryVariant: "default"
+  },
+  "save changes": {
+    title: "Save changes",
+    body: "You have unsaved changes. Do you want to save them before leaving?",
+    secondaryLabel: "Go back",
+    primaryLabel: "Save",
+    primaryVariant: "default"
+  },
+  "reset password": {
+    title: "Reset password",
+    body: "Further instructions will be sent to your email address.",
+    secondaryLabel: "Cancel",
+    primaryLabel: "Reset",
+    primaryVariant: "default"
+  },
+  "discard changes": {
+    title: "Discard changes",
+    body: (e = "Object name") => /* @__PURE__ */ c("p", { className: "text-sm leading-6 text-foreground", children: [
+      "Are you sure you want to discard the unsaved changes to",
+      " ",
+      /* @__PURE__ */ o("strong", { className: "font-semibold", children: e }),
+      "?"
+    ] }),
+    secondaryLabel: "Go back",
+    primaryLabel: "Confirm",
+    primaryVariant: "destructive"
+  },
+  accept: {
+    title: (e = "object name") => `Accept ${e}`,
+    body: "Click Accept to confirm that you have read, understood, and agree to the terms and conditions below.",
+    secondaryLabel: "Cancel",
+    primaryLabel: "Accept",
+    primaryVariant: "default"
+  },
+  "read-only": {
+    title: "License agreement",
+    body: "This is a read-only dialog used to view legal documents such as the License Agreement, EULA updates, Terms of Service, and other legal documents.",
+    primaryLabel: "Done",
+    primaryVariant: "default",
+    primaryCloses: !0
+  },
+  // No Figma preset — a legacy, free-form escape hatch (see the `footer` prop
+  // and the `Large` story). This fallback title/body/footer only renders if
+  // the caller supplies neither `footer` nor `title`/`children` — every real
+  // `wide` call site overrides them.
+  wide: {
+    title: "Dialog title",
+    body: "Drop any content into this slot.",
+    secondaryLabel: "Cancel",
+    primaryLabel: "Confirm",
+    primaryVariant: "default"
+  }
+}, oe = n.forwardRef(
+  ({
+    variant: e = "default",
+    hasLoading: a = !1,
+    loadingLabel: r,
+    hasHeader: d = !0,
+    hasFooter: s = !0,
+    children: g,
+    title: p,
+    objectName: u,
+    objectNameLabel: b,
+    secondaryLabel: f,
+    primaryLabel: m,
+    onPrimaryAction: L,
+    footer: R,
+    closeLabel: T,
+    size: V,
+    portal: z,
+    portalContainer: k,
+    keepMounted: A,
+    className: B,
+    ...j
+  }, S) => {
+    const t = ae[e], F = typeof t.title == "function" ? t.title(u) : t.title, O = typeof t.body == "function" ? t.body(u, b) : t.body, I = g ?? O, h = p ?? F, G = f ?? t.secondaryLabel, P = m ?? t.primaryLabel;
+    return /* @__PURE__ */ o(J, { ...j, children: /* @__PURE__ */ c(
+      w,
+      {
+        ref: S,
+        size: V ?? (e === "wide" ? "large" : "sm"),
+        portal: z,
+        portalContainer: k,
+        keepMounted: A,
+        className: B,
+        "aria-busy": a || void 0,
+        children: [
+          d ? /* @__PURE__ */ o(X, { title: h, closeLabel: T }) : (
+            // Header hidden, but the dialog still needs an accessible name.
+            /* @__PURE__ */ o(v, { className: "sr-only", children: h })
+          ),
+          /* @__PURE__ */ o(Z, { inert: a, children: I }),
+          s && /* @__PURE__ */ o(_, { inert: a, children: R ?? /* @__PURE__ */ o(
+            ee,
+            {
+              secondaryLabel: G,
+              primaryLabel: P,
+              primaryVariant: t.primaryVariant,
+              primaryCloses: t.primaryCloses,
+              onPrimaryAction: L
+            }
+          ) }),
+          a && /* @__PURE__ */ o(
+            U,
+            {
+              variant: "onSurfaceSecondary",
+              hasLabel: !1,
+              label: r,
+              className: l(
+                "absolute inset-x-0 bottom-0 rounded-none",
+                d ? "top-[var(--ui-dialog-header-height)]" : "top-0"
+              )
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+oe.displayName = "Dialog";
+export {
+  oe as Dialog,
+  Q as DialogBodyRoot,
+  x as DialogClose,
+  N as DialogCloseButton,
+  w as DialogContent,
+  W as DialogDescription,
+  M as DialogFooterRoot,
+  K as DialogHeaderRoot,
+  C as DialogOverlay,
+  J as DialogRoot,
+  v as DialogTitle,
+  q as dialogContentVariants
+};
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../../src/components/ui/dialog/dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { TimesIcon } from '@acronis-platform/icons-react/stroke-mono';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { usePortalContainer } from '@/lib/portal-container';\n\nimport { Button } from '../button';\nimport { DialogFooterDefault } from '../dialog-footer-default';\nimport { InputText } from '../input-text';\nimport { Loading } from '../loading';\n\n// Initial version ported from `@acronis-platform/shadcn-uikit`'s `dialog`\n// (packages/ui-legacy/src/components/ui/dialog.tsx). A modal overlay built on\n// the Base UI Dialog primitive (keyboard, focus trap, scroll lock, ARIA come\n// from Base UI). A `--ui-dialog-*` / `--ui-button-icon-*` token tier covers the\n// container + close button (reconciled against the Figma \"DialogDefault\" node,\n// 6343:58898); the composable DialogRoot / DialogHeaderRoot / DialogFooterRoot\n// / DialogBodyRoot parts below are internal-only (no public export, no Figma\n// node of their own) and keep the prior semantic-token approach — not to be\n// confused with the recipe-local `DialogHeader`/`DialogBody` further down,\n// which back the public `Dialog` and are reconciled against Figma:\n//   • overlay  -> var(--ui-background-backdrop-screen)   (legacy `bg-black/80`)\n//   • popup    -> var(--ui-dialog-container-color) / var(--ui-dialog-container-border-radius)\n//   • header / footer -> bg-background = --ui-background-surface-primary (white\n//     bars over the muted body), divided by border-border\n//   • title    -> text-foreground / description -> text-muted-foreground\n//   • close    -> var(--ui-button-icon-global-icon-color-*) (idle/hover/active\n//     share one blue in the default brand), bg via\n//     var(--ui-button-icon-global-container-color-*), focus ring var(--ui-focus-primary)\n// Enter/exit animations use `tw-animate-css` (imported in styles/index.css),\n// keyed to Base UI's data-[open] / data-[closed] state attributes — overlay\n// fades, popup fades + zooms. `size` has two values: `sm` (512px, the Figma\n// default, backed by `--ui-dialog-container-size-sm`) and `large` (832px) — the\n// latter predates the Figma node and has no token; it's kept as a plain\n// arbitrary value solely for backward compatibility with existing call sites\n// that need a wider popup (see the `Large` story).\n//\n// Dialog's composable primitive parts (this file) are internal-only — not\n// re-exported from the package root — except `DialogClose`, which stays\n// public: it's required by the `wide` variant's documented custom-`footer`\n// escape hatch (see the `footer` prop and dialog.mdx). The public `Dialog`\n// component below is the sole sanctioned entry point; it's built on these\n// parts internally. (In Figma the matching component set is named\n// \"DialogDefault\"; the code-facing name stays `Dialog` — see dialog.figma.tsx.)\n\nconst dialogContentVariants = cva(\n  'fixed left-1/2 top-1/2 z-50 flex w-full min-w-[var(--ui-dialog-container-width-min)] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-[var(--ui-dialog-container-border-radius)] bg-[var(--ui-dialog-container-color)] text-foreground shadow-lg duration-200 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95 data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95',\n  {\n    variants: {\n      size: {\n        sm: 'max-w-[var(--ui-dialog-container-size-sm)]',\n        large: 'max-w-[832px]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  }\n);\n\nconst DialogRoot = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Backdrop>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Backdrop>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-[var(--ui-background-backdrop-screen)] duration-200 data-[open]:animate-in data-[open]:fade-in-0 data-[closed]:animate-out data-[closed]:fade-out-0',\n      className\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = 'DialogOverlay';\n\nexport interface DialogContentProps\n  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Popup>,\n    VariantProps<typeof dialogContentVariants> {\n  /**\n   * Popup max-width. `sm` (512px, default) is the Figma-defined size; `large`\n   * (832px) is a backward-compatibility size with no design token (see the\n   * `Large` story).\n   */\n  size?: VariantProps<typeof dialogContentVariants>['size'];\n  /**\n   * Render the content inside a portal (default `true`). Base UI requires the\n   * Popup to sit in a Portal for correct stacking; set `false` for inline usage\n   * (e.g. when the caller supplies its own `DialogPortal`, or in tests).\n   */\n  portal?: boolean;\n  /**\n   * Portal container. Pass a shadow-root mount for isolated-style previews\n   * (the docs demos do this via `useShadowMount`).\n   */\n  portalContainer?: DialogPrimitive.Portal.Props['container'];\n  /** Keep the content mounted while closed (Base UI `Portal` prop). */\n  keepMounted?: DialogPrimitive.Portal.Props['keepMounted'];\n}\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Popup>,\n  DialogContentProps\n>(\n  (\n    {\n      className,\n      children,\n      size,\n      portal = true,\n      portalContainer,\n      keepMounted,\n      ...props\n    },\n    ref\n  ) => {\n    const ctxContainer = usePortalContainer();\n    const resolvedContainer = portalContainer ?? ctxContainer;\n\n    const popup = (\n      <>\n        <DialogOverlay />\n        <DialogPrimitive.Popup\n          ref={ref}\n          className={cn(dialogContentVariants({ size }), className)}\n          {...props}\n        >\n          {children}\n        </DialogPrimitive.Popup>\n      </>\n    );\n\n    return portal ? (\n      <DialogPrimitive.Portal container={resolvedContainer} keepMounted={keepMounted}>\n        {popup}\n      </DialogPrimitive.Portal>\n    ) : (\n      popup\n    );\n  }\n);\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeaderRoot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex h-16 items-center gap-4 border-b border-border bg-background px-5 py-4',\n      className\n    )}\n    {...props}\n  />\n));\nDialogHeaderRoot.displayName = 'DialogHeaderRoot';\n\nconst DialogFooterRoot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex h-16 items-center justify-end gap-4 border-t border-border bg-background px-6 py-4',\n      className\n    )}\n    {...props}\n  />\n));\nDialogFooterRoot.displayName = 'DialogFooterRoot';\n\nconst DialogBodyRoot = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex-1 overflow-auto p-6', className)} {...props} />\n));\nDialogBodyRoot.displayName = 'DialogBodyRoot';\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'flex-1 text-2xl font-normal leading-8 text-foreground',\n      className\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'DialogTitle';\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'DialogDescription';\n\nexport interface DialogCloseButtonProps\n  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {\n  /** Accessible name for screen readers. Defaults to `'Close'`. */\n  closeLabel?: string;\n}\n\nconst DialogCloseButton = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  DialogCloseButtonProps\n>(({ className, closeLabel = 'Close', ...props }, ref) => (\n  <DialogPrimitive.Close\n    ref={ref}\n    className={cn(\n      'cursor-pointer rounded p-1 text-[var(--ui-button-icon-global-icon-color-idle)] transition-colors hover:bg-[var(--ui-button-icon-global-container-color-hover)] hover:text-[var(--ui-button-icon-global-icon-color-hover)] active:bg-[var(--ui-button-icon-global-container-color-active)] active:text-[var(--ui-button-icon-global-icon-color-active)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-primary)] disabled:pointer-events-none disabled:cursor-default disabled:text-[var(--ui-button-icon-global-icon-color-disabled)]',\n      className\n    )}\n    {...props}\n  >\n    <TimesIcon size={24} />\n    <span className=\"sr-only\">{closeLabel}</span>\n  </DialogPrimitive.Close>\n));\nDialogCloseButton.displayName = 'DialogCloseButton';\n\n// The recipe-specific header: title + close button, reconciled against the\n// Figma \"DialogHeader\" node (4220:3516) via the `--ui-dialog-header-*` tier.\n// Local to this file (not exported) — distinct from the generic, unstyled\n// `DialogHeaderRoot` composable primitive above.\ninterface DialogHeaderProps {\n  title: string;\n  closeLabel?: string;\n}\n\nfunction DialogHeader({ title, closeLabel }: DialogHeaderProps) {\n  return (\n    <div className=\"flex h-[var(--ui-dialog-header-height)] items-center gap-[var(--ui-dialog-header-gap)] border-b-[length:var(--ui-dialog-header-border-width)] border-[var(--ui-dialog-header-border-color)] bg-[var(--ui-dialog-header-color)] px-[var(--ui-dialog-header-padding-x)]\">\n      <DialogTitle>{title}</DialogTitle>\n      <DialogCloseButton closeLabel={closeLabel} />\n    </div>\n  );\n}\n\n// The recipe-specific body: the variant's canned copy (or the `children`\n// override), reconciled against the Figma DialogDefault node via the\n// `--ui-dialog-body-*` tier. Local to this file — distinct from the generic\n// `DialogBodyRoot` composable primitive above.\ninterface DialogBodyProps {\n  children: React.ReactNode;\n  /** Makes the body unfocusable/unclickable while the loading overlay is shown. */\n  inert?: boolean;\n}\n\nfunction DialogBody({ children, inert }: DialogBodyProps) {\n  return (\n    <div\n      inert={inert}\n      className=\"flex min-h-[var(--ui-dialog-body-height-min)] flex-col justify-center gap-[var(--ui-dialog-body-gap)] px-4 py-[var(--ui-dialog-body-padding-y)]\"\n    >\n      {typeof children === 'string' ? (\n        <p className=\"text-sm leading-6 text-foreground\">{children}</p>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n\n// The recipe-specific footer actions: a secondary (dismiss) button plus a\n// primary action, the latter either closing the dialog itself (`read-only`'s\n// \"Done\") or firing `onPrimaryAction` and leaving the close to the caller.\n// Local to this file — distinct from the generic `DialogFooterRoot`.\ninterface DialogFooterActionsProps {\n  secondaryLabel?: string;\n  primaryLabel: string;\n  primaryVariant: 'default' | 'destructive';\n  primaryCloses?: boolean;\n  onPrimaryAction?: () => void;\n}\n\nfunction DialogFooterActions({\n  secondaryLabel,\n  primaryLabel,\n  primaryVariant,\n  primaryCloses,\n  onPrimaryAction,\n}: DialogFooterActionsProps) {\n  return (\n    <>\n      {secondaryLabel && (\n        <DialogClose render={<Button variant=\"secondary\">{secondaryLabel}</Button>} />\n      )}\n      {primaryCloses ? (\n        <DialogClose\n          onClick={onPrimaryAction}\n          render={<Button variant={primaryVariant}>{primaryLabel}</Button>}\n        />\n      ) : (\n        <Button variant={primaryVariant} onClick={onPrimaryAction}>\n          {primaryLabel}\n        </Button>\n      )}\n    </>\n  );\n}\n\n// A higher-level \"recipe\" built on top of the Dialog primitive parts above\n// (DialogRoot + DialogContent give the portal, backdrop, focus trap, scroll\n// lock and open state; DialogTitle wires the accessible name; DialogCloseButton\n// / DialogClose give the dismiss controls). It bakes in the seven Figma\n// \"DialogDefault\" use-cases (node 6343:58898) plus one legacy `wide` escape\n// hatch kept for backward compatibility: each `variant` picks a canned title,\n// body copy and footer buttons; `children` overrides only the body slot;\n// `title` overrides only the title; `footer` overrides only the footer's\n// action content (the free-form escape hatch `wide` relies on); `hasLoading`\n// drops a spinner overlay over the body + footer. `hasHeader`/`hasFooter`\n// (both default `true`) hide the header/footer chrome entirely — a\n// ui-react-only extension beyond the Figma DialogDefault contract, which\n// always shows both; the title stays rendered off-screen when the header is\n// hidden so the dialog keeps an accessible name.\n//\n// Colors resolve to shipped semantic tokens via the bridged Tailwind names the\n// Dialog family already uses (text-foreground, the backdrop + focus tokens\n// inside DialogContent / DialogCloseButton) and the Button / InputText token\n// tiers — nothing is hand-authored. The loading scrim renders `Loading`'s\n// `onSurfaceSecondary` variant (`--ui-loading-element-container-color-secondary`),\n// matching the design's translucent surface fill.\n//\n// Header + footer geometry/color resolve to the `--ui-dialog-header-*` /\n// `--ui-footer-*` tiers, reconciled against the DialogDefault Figma node.\n\nexport type DialogVariant =\n  | 'default'\n  | 'rename'\n  | 'save changes'\n  | 'reset password'\n  | 'discard changes'\n  | 'accept'\n  | 'read-only'\n  | 'wide';\n\ninterface DialogVariantContent {\n  /**\n   * The variant's canned title. A function receives `objectName` (falls back\n   * to its own placeholder default when omitted) for variants whose title\n   * embeds the acted-on object's name.\n   */\n  title: string | ((objectName?: string) => string);\n  /**\n   * Same `objectName` interpolation as `title`, for body copy/fields that\n   * embed it. The `rename` variant's field also receives `objectNameLabel`\n   * for its accessible name.\n   */\n  body:\n    | React.ReactNode\n    | ((objectName?: string, objectNameLabel?: string) => React.ReactNode);\n  /** Secondary (dismiss) button label. Omitted when the variant has none. */\n  secondaryLabel?: string;\n  primaryLabel: string;\n  primaryVariant: 'default' | 'destructive';\n  /** Whether the primary button dismisses the dialog (e.g. read-only \"Done\"). */\n  primaryCloses?: boolean;\n}\n\nconst DIALOG_VARIANT_CONTENT: Record<DialogVariant, DialogVariantContent> = {\n  default: {\n    title: 'Dialog title',\n    body: 'Drop any content into this slot.',\n    secondaryLabel: 'Cancel',\n    primaryLabel: 'Label',\n    primaryVariant: 'default',\n  },\n  rename: {\n    title: (objectName = 'object name') => `Rename ${objectName}`,\n    // `objectName` prefills the field with the real current name; the field's\n    // accessible name (`objectNameLabel`) is separate — it's the label, not the value.\n    body: (objectName = 'Current name', objectNameLabel = 'Object name') => (\n      <InputText aria-label={objectNameLabel} defaultValue={objectName} />\n    ),\n    secondaryLabel: 'Cancel',\n    primaryLabel: 'Rename',\n    primaryVariant: 'default',\n  },\n  'save changes': {\n    title: 'Save changes',\n    body: 'You have unsaved changes. Do you want to save them before leaving?',\n    secondaryLabel: 'Go back',\n    primaryLabel: 'Save',\n    primaryVariant: 'default',\n  },\n  'reset password': {\n    title: 'Reset password',\n    body: 'Further instructions will be sent to your email address.',\n    secondaryLabel: 'Cancel',\n    primaryLabel: 'Reset',\n    primaryVariant: 'default',\n  },\n  'discard changes': {\n    title: 'Discard changes',\n    body: (objectName = 'Object name') => (\n      <p className=\"text-sm leading-6 text-foreground\">\n        Are you sure you want to discard the unsaved changes to{' '}\n        <strong className=\"font-semibold\">{objectName}</strong>?\n      </p>\n    ),\n    secondaryLabel: 'Go back',\n    primaryLabel: 'Confirm',\n    primaryVariant: 'destructive',\n  },\n  accept: {\n    title: (objectName = 'object name') => `Accept ${objectName}`,\n    body: 'Click Accept to confirm that you have read, understood, and agree to the terms and conditions below.',\n    secondaryLabel: 'Cancel',\n    primaryLabel: 'Accept',\n    primaryVariant: 'default',\n  },\n  'read-only': {\n    title: 'License agreement',\n    body: 'This is a read-only dialog used to view legal documents such as the License Agreement, EULA updates, Terms of Service, and other legal documents.',\n    primaryLabel: 'Done',\n    primaryVariant: 'default',\n    primaryCloses: true,\n  },\n  // No Figma preset — a legacy, free-form escape hatch (see the `footer` prop\n  // and the `Large` story). This fallback title/body/footer only renders if\n  // the caller supplies neither `footer` nor `title`/`children` — every real\n  // `wide` call site overrides them.\n  wide: {\n    title: 'Dialog title',\n    body: 'Drop any content into this slot.',\n    secondaryLabel: 'Cancel',\n    primaryLabel: 'Confirm',\n    primaryVariant: 'default',\n  },\n};\n\ntype DialogRootProps = React.ComponentPropsWithoutRef<typeof DialogRoot>;\n\nexport interface DialogProps extends Omit<DialogRootProps, 'children'> {\n  /**\n   * Selects the canned title / body / footer preset. Defaults to `'default'`.\n   * `'wide'` is a legacy escape hatch (no canned preset) kept for backward\n   * compatibility — pair it with `size=\"large\"` and the `footer` prop.\n   */\n  variant?: DialogVariant;\n  /**\n   * Show a spinner overlay across the body + footer, and make both `inert`\n   * (unfocusable, unclickable, hidden from assistive tech) so a keyboard user\n   * can't activate the visually obscured footer buttons while busy.\n   */\n  hasLoading?: boolean;\n  /**\n   * Overrides the loading overlay's accessible label. Defaults to `Loading`'s\n   * own default (`'Data is loading…'`). Ignored when `hasLoading` is `false`.\n   */\n  loadingLabel?: string;\n  /**\n   * Show the header (title + close button). Defaults to `true`. When `false`,\n   * the title is still rendered off-screen so the dialog keeps an accessible\n   * name — only the visible bar and close button are omitted. Beyond the\n   * strict Figma contract (all seven `DialogDefault` variants always show the\n   * header); a ui-react-only extension, like `wide`/`size=\"large\"`.\n   */\n  hasHeader?: boolean;\n  /**\n   * Show the footer (action buttons). Defaults to `true`. Beyond the strict\n   * Figma contract (all seven `DialogDefault` variants always show the\n   * footer); a ui-react-only extension, like `wide`/`size=\"large\"`. When\n   * `false`, `footer` (and the canned footer it would otherwise replace) is\n   * not rendered either.\n   */\n  hasFooter?: boolean;\n  /** Overrides the variant's default body content. */\n  children?: React.ReactNode;\n  /** Overrides the variant's default title. */\n  title?: string;\n  /**\n   * The real name of the object being acted on (e.g. a file or resource\n   * name). Interpolated into the `rename`/`discard changes`/`accept`\n   * variants' canned title/body in place of the generic placeholder text;\n   * ignored by variants that don't reference an object name.\n   */\n  objectName?: string;\n  /**\n   * Overrides the accessible name of the `rename` variant's text field\n   * (default `'Object name'`). Ignored by every other variant.\n   */\n  objectNameLabel?: string;\n  /**\n   * Overrides the variant's default secondary (dismiss) button label. Passing\n   * this for a variant with no secondary button by default (e.g. `read-only`)\n   * also makes the button appear. Ignored when `footer` is provided.\n   */\n  secondaryLabel?: string;\n  /** Overrides the variant's default primary button label. Ignored when `footer` is provided. */\n  primaryLabel?: string;\n  /**\n   * Fires when the primary footer button is clicked. The dialog does not\n   * close automatically afterwards — pair this with `open`/`onOpenChange` to\n   * close it once the action completes. Ignored when `footer` is provided\n   * (wire behavior onto your own buttons there instead).\n   */\n  onPrimaryAction?: () => void;\n  /**\n   * Replaces the footer's action content entirely with free-form buttons —\n   * the escape hatch the `wide` variant is meant to be paired with, for\n   * legacy call sites that don't fit one of the seven canned presets. Ignored\n   * (along with the canned footer) when `hasFooter` is `false`.\n   */\n  footer?: React.ReactNode;\n  /** Overrides the close button's accessible name. Defaults to `'Close'`. */\n  closeLabel?: string;\n  /**\n   * Popup max-width (forwarded to `DialogContent`). Defaults to `'sm'`, or to\n   * `'large'` when `variant` is `'wide'`.\n   */\n  size?: DialogContentProps['size'];\n  /** Render inside a portal (forwarded to `DialogContent`). Defaults to `true`. */\n  portal?: boolean;\n  /** Portal container (forwarded to `DialogContent`). */\n  portalContainer?: DialogContentProps['portalContainer'];\n  /** Keep the content mounted while closed (forwarded to `DialogContent`). */\n  keepMounted?: DialogContentProps['keepMounted'];\n  /** Extra classes merged onto the popup container. */\n  className?: string;\n}\n\nconst Dialog = React.forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      variant = 'default',\n      hasLoading = false,\n      loadingLabel,\n      hasHeader = true,\n      hasFooter = true,\n      children,\n      title,\n      objectName,\n      objectNameLabel,\n      secondaryLabel,\n      primaryLabel,\n      onPrimaryAction,\n      footer,\n      closeLabel,\n      size,\n      portal,\n      portalContainer,\n      keepMounted,\n      className,\n      ...rootProps\n    },\n    ref\n  ) => {\n    const content = DIALOG_VARIANT_CONTENT[variant];\n    const resolvedTitle =\n      typeof content.title === 'function' ? content.title(objectName) : content.title;\n    const resolvedBody =\n      typeof content.body === 'function'\n        ? content.body(objectName, objectNameLabel)\n        : content.body;\n    const bodyContent = children ?? resolvedBody;\n    const titleText = title ?? resolvedTitle;\n    const secondaryLabelText = secondaryLabel ?? content.secondaryLabel;\n    const primaryLabelText = primaryLabel ?? content.primaryLabel;\n    const resolvedSize = size ?? (variant === 'wide' ? 'large' : 'sm');\n\n    return (\n      <DialogRoot {...rootProps}>\n        <DialogContent\n          ref={ref}\n          size={resolvedSize}\n          portal={portal}\n          portalContainer={portalContainer}\n          keepMounted={keepMounted}\n          className={className}\n          aria-busy={hasLoading || undefined}\n        >\n          {hasHeader ? (\n            <DialogHeader title={titleText} closeLabel={closeLabel} />\n          ) : (\n            // Header hidden, but the dialog still needs an accessible name.\n            <DialogTitle className=\"sr-only\">{titleText}</DialogTitle>\n          )}\n\n          <DialogBody inert={hasLoading}>{bodyContent}</DialogBody>\n\n          {hasFooter && (\n            <DialogFooterDefault inert={hasLoading}>\n              {footer ?? (\n                <DialogFooterActions\n                  secondaryLabel={secondaryLabelText}\n                  primaryLabel={primaryLabelText}\n                  primaryVariant={content.primaryVariant}\n                  primaryCloses={content.primaryCloses}\n                  onPrimaryAction={onPrimaryAction}\n                />\n              )}\n            </DialogFooterDefault>\n          )}\n\n          {hasLoading && (\n            <Loading\n              variant=\"onSurfaceSecondary\"\n              hasLabel={false}\n              label={loadingLabel}\n              className={cn(\n                'absolute inset-x-0 bottom-0 rounded-none',\n                hasHeader ? 'top-[var(--ui-dialog-header-height)]' : 'top-0'\n              )}\n            />\n          )}\n        </DialogContent>\n      </DialogRoot>\n    );\n  }\n);\nDialog.displayName = 'Dialog';\n\nexport {\n  DialogRoot,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogCloseButton,\n  DialogTrigger,\n  DialogContent,\n  DialogHeaderRoot,\n  DialogFooterRoot,\n  DialogTitle,\n  DialogBodyRoot,\n  DialogDescription,\n  dialogContentVariants,\n  Dialog,\n};\n"],"names":["dialogContentVariants","cva","DialogRoot","DialogPrimitive","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","size","portal","portalContainer","keepMounted","ctxContainer","usePortalContainer","resolvedContainer","popup","jsxs","Fragment","DialogHeaderRoot","DialogFooterRoot","DialogBodyRoot","DialogTitle","DialogDescription","DialogCloseButton","closeLabel","TimesIcon","DialogHeader","title","DialogBody","inert","DialogFooterActions","secondaryLabel","primaryLabel","primaryVariant","primaryCloses","onPrimaryAction","Button","DIALOG_VARIANT_CONTENT","objectName","objectNameLabel","InputText","Dialog","variant","hasLoading","loadingLabel","hasHeader","hasFooter","footer","rootProps","content","resolvedTitle","resolvedBody","bodyContent","titleText","secondaryLabelText","primaryLabelText","DialogFooterDefault","Loading"],"mappings":"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"}

package/dist/components/ui/dialog-footer-default/dialog-footer-default.js

@@ -0,0 +1,26 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import * as f from "react";
+import { cn as s } from "../../../lib/utils.js";
+const m = f.forwardRef(
+  ({ className: t, description: o, link: r, children: a, ...l }, i) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: i,
+      className: s(
+        "flex h-[var(--ui-footer-global-height)] items-center gap-[var(--ui-footer-global-gap)] border-t-[length:var(--ui-footer-default-border-width)] border-solid border-[color:var(--ui-footer-default-border-color)] bg-[var(--ui-footer-default-color)] px-[var(--ui-footer-global-padding-x)]",
+        !(o !== void 0 || r !== void 0) && "justify-end",
+        t
+      ),
+      ...l,
+      children: [
+        o !== void 0 ? /* @__PURE__ */ e("p", { className: "min-w-0 flex-1 truncate text-sm leading-6 text-foreground", children: o }) : r !== void 0 && /* @__PURE__ */ e("div", { className: "flex h-8 min-w-0 flex-1 items-center", children: r }),
+        a
+      ]
+    }
+  )
+);
+m.displayName = "DialogFooterDefault";
+export {
+  m as DialogFooterDefault
+};
+//# sourceMappingURL=dialog-footer-default.js.map

package/dist/components/ui/dialog-footer-default/dialog-footer-default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer-default.js","sources":["../../../../src/components/ui/dialog-footer-default/dialog-footer-default.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// A bottom action bar (panel/dialog/sheet footer), themed by the `--ui-footer-*`\n// tier. The Figma component's `variant` (default / withDescription / withLink) is\n// structural, not a separate prop — it follows from which optional slot is\n// passed, mirroring how `Breadcrumb`'s \"current page\" is a different part\n// rather than a duplicated state prop. `description` and `link` are mutually\n// exclusive; when neither is given, actions sit flush to the end.\nexport interface DialogFooterDefaultProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Truncated description text next to the actions. Mutually exclusive with `link`. */\n  description?: string;\n  /** A `Link` (or similar) element next to the actions. Mutually exclusive with `description`. */\n  link?: React.ReactNode;\n  /** End-aligned actions — typically a secondary and a primary `Button`. */\n  children?: React.ReactNode;\n}\n\nconst DialogFooterDefault = React.forwardRef<HTMLDivElement, DialogFooterDefaultProps>(\n  ({ className, description, link, children, ...props }, ref) => {\n    const hasStart = description !== undefined || link !== undefined;\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex h-[var(--ui-footer-global-height)] items-center gap-[var(--ui-footer-global-gap)] border-t-[length:var(--ui-footer-default-border-width)] border-solid border-[color:var(--ui-footer-default-border-color)] bg-[var(--ui-footer-default-color)] px-[var(--ui-footer-global-padding-x)]',\n          !hasStart && 'justify-end',\n          className\n        )}\n        {...props}\n      >\n        {description !== undefined ? (\n          <p className=\"min-w-0 flex-1 truncate text-sm leading-6 text-foreground\">\n            {description}\n          </p>\n        ) : (\n          link !== undefined && (\n            <div className=\"flex h-8 min-w-0 flex-1 items-center\">{link}</div>\n          )\n        )}\n        {children}\n      </div>\n    );\n  }\n);\nDialogFooterDefault.displayName = 'DialogFooterDefault';\n\nexport { DialogFooterDefault };\n"],"names":["DialogFooterDefault","React","className","description","link","children","props","ref","jsxs","cn","jsx"],"mappings":";;;AAsBA,MAAMA,IAAsBC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,aAAAC,GAAa,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAGnD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA,EANWN,MAAgB,UAAaC,MAAS,WAMpC;AAAA,QACbF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAH,MAAgB,SACf,gBAAAO,EAAC,KAAA,EAAE,WAAU,6DACV,UAAAP,EAAA,CACH,IAEAC,MAAS,UACP,gBAAAM,EAAC,OAAA,EAAI,WAAU,wCAAwC,UAAAN,GAAK;AAAA,QAG/DC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIT;AACAL,EAAoB,cAAc;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sources":["../../../../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { ChevronRightIcon } from '@acronis-platform/icons-react/stroke-mono';\n\nimport { cn } from '@/lib/utils';\nimport { usePortalContainer } from '@/lib/portal-container';\n\n// A menu of actions anchored to a trigger, built on the Base UI Menu primitive\n// (positioning, focus management, typeahead, outside-press / Esc dismissal,\n// ARIA). Themed from the `--ui-button-menu-dropdown-*` token tier generated by\n// @acronis-platform/tokens-pd (ButtonMenu/default.css). Enter/exit animations\n// use `tw-animate-css` keyed to data-[open]/[closed]/[side].\n\nconst DropdownMenu = MenuPrimitive.Root;\nconst DropdownMenuTrigger = MenuPrimitive.Trigger;\nconst DropdownMenuGroup = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <MenuPrimitive.Group\n    ref={ref}\n    className={cn(\n      'flex flex-col items-start overflow-clip gap-[var(--ui-button-menu-dropdown-section-list-gap)] px-[var(--ui-button-menu-dropdown-section-container-padding-x)] py-[var(--ui-button-menu-dropdown-section-container-padding-y)] [&:not(:first-child)]:border-t [&:not(:first-child)]:border-[length:var(--ui-button-menu-dropdown-section-container-border-width)] [&:not(:first-child)]:border-[var(--ui-button-menu-dropdown-section-container-border-color)]',\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuGroup.displayName = 'DropdownMenuGroup';\nconst DropdownMenuPortal = MenuPrimitive.Portal;\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst popupClassName =\n  'z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden flex flex-col gap-[var(--ui-button-menu-dropdown-container-gap)] bg-[var(--ui-button-menu-dropdown-container-color)] border-solid border-[length:var(--ui-button-menu-dropdown-container-border-width)] border-[var(--ui-button-menu-dropdown-container-border-color)] rounded-[var(--ui-button-menu-dropdown-container-border-radius)] px-[var(--ui-button-menu-dropdown-container-padding-x)] py-[var(--ui-button-menu-dropdown-container-padding-y)] shadow-md outline-none duration-200 data-[open]:animate-in data-[closed]:animate-out data-[open]:fade-in-0 data-[closed]:fade-out-0 data-[open]:zoom-in-95 data-[closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2';\n\nconst itemClassName =\n  'relative flex w-full shrink-0 cursor-default select-none items-start gap-[var(--ui-button-menu-dropdown-item-container-gap)] min-h-[var(--ui-button-menu-dropdown-item-container-height)] px-[var(--ui-button-menu-dropdown-item-container-padding-x)] py-[var(--ui-button-menu-dropdown-item-container-padding-y)] text-sm font-semibold leading-6 outline-none transition-colors bg-[var(--ui-button-menu-dropdown-item-container-color-idle)] text-[var(--ui-button-menu-dropdown-item-label-color)] [&_svg]:text-[var(--ui-button-menu-dropdown-item-icon-color)] data-[highlighted]:bg-[var(--ui-button-menu-dropdown-item-container-color-hover)] data-[highlighted]:active:bg-[var(--ui-button-menu-dropdown-item-container-color-active)] [&:focus-visible:not(:hover)]:rounded-[3px] [&:focus-visible:not(:hover)]:ring-[3px] [&:focus-visible:not(:hover)]:ring-inset [&:focus-visible:not(:hover)]:ring-[var(--ui-focus-primary)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0';\n\nexport interface DropdownMenuContentProps\n  extends React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup> {\n  side?: MenuPrimitive.Positioner.Props['side'];\n  align?: MenuPrimitive.Positioner.Props['align'];\n  sideOffset?: number;\n  /** Render inside a portal (default `true`). */\n  portal?: boolean;\n  /** Portal container — pass a shadow-root mount for isolated-style previews. */\n  portalContainer?: MenuPrimitive.Portal.Props['container'];\n  keepMounted?: MenuPrimitive.Portal.Props['keepMounted'];\n}\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  DropdownMenuContentProps\n>(\n  (\n    {\n      className,\n      side,\n      align,\n      sideOffset = 4,\n      portal = true,\n      portalContainer,\n      keepMounted,\n      ...props\n    },\n    ref\n  ) => {\n    const ctxContainer = usePortalContainer();\n    const resolvedContainer = portalContainer ?? ctxContainer;\n\n    const positioner = (\n      <MenuPrimitive.Positioner\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        className=\"z-50\"\n      >\n        <MenuPrimitive.Popup\n          ref={ref}\n          className={cn(popupClassName, className)}\n          {...props}\n        />\n      </MenuPrimitive.Positioner>\n    );\n    return portal ? (\n      <MenuPrimitive.Portal container={resolvedContainer} keepMounted={keepMounted}>\n        {positioner}\n      </MenuPrimitive.Portal>\n    ) : (\n      positioner\n    );\n  }\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Popup>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup> & {\n    sideOffset?: number;\n  }\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <MenuPrimitive.Positioner sideOffset={sideOffset} className=\"z-50\">\n    <MenuPrimitive.Popup\n      ref={ref}\n      className={cn(popupClassName, className)}\n      {...props}\n    />\n  </MenuPrimitive.Positioner>\n));\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.Item> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <MenuPrimitive.Item\n    ref={ref}\n    className={cn(itemClassName, inset && 'ps-8', className)}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenuPrimitive.SubmenuTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenuPrimitive.SubmenuTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <MenuPrimitive.SubmenuTrigger\n    ref={ref}\n    className={cn(\n      itemClassName,\n      'data-[popup-open]:bg-[var(--ui-button-menu-dropdown-item-container-color-active)]',\n      inset && 'ps-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ms-auto self-center text-[var(--ui-button-menu-dropdown-extras-cascade-icon-color)] rtl:rotate-180\" />\n  </MenuPrimitive.SubmenuTrigger>\n));\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      className={cn('ms-auto shrink-0 text-sm font-normal leading-6 text-[var(--ui-button-menu-dropdown-extras-shortcut-label-color)]', className)}\n      {...props}\n    />\n  );\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuPortal,\n};\n"],"names":["DropdownMenu","MenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","React","className","props","ref","jsx","cn","DropdownMenuPortal","DropdownMenuSub","popupClassName","itemClassName","DropdownMenuContent","side","align","sideOffset","portal","portalContainer","keepMounted","ctxContainer","usePortalContainer","resolvedContainer","positioner","DropdownMenuSubContent","DropdownMenuItem","inset","DropdownMenuSubTrigger","children","jsxs","ChevronRightIcon","DropdownMenuShortcut"],"mappings":"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"}

package/dist/components/ui/empty/empty.js

@@ -0,0 +1,78 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as m from "react";
+import { cn as l } from "../../../lib/utils.js";
+const r = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: l(
+      "flex w-full max-w-[448px] flex-col items-center justify-center text-center text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+r.displayName = "Empty";
+const o = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: l(
+      "mb-4 flex size-[72px] items-center justify-center [&_svg]:size-full",
+      e
+    ),
+    ...t
+  }
+));
+o.displayName = "EmptyIcon";
+const i = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: l(
+      "flex w-full flex-col items-center gap-2 text-center",
+      e
+    ),
+    ...t
+  }
+));
+i.displayName = "EmptyHeader";
+const c = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  "h3",
+  {
+    ref: s,
+    className: l("text-lg font-normal leading-6 text-foreground", e),
+    ...t
+  }
+));
+c.displayName = "EmptyTitle";
+const f = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a("p", { ref: s, className: l("text-sm leading-6", e), ...t }));
+f.displayName = "EmptyDescription";
+const p = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: l("mt-4 flex flex-col items-center gap-4", e),
+    ...t
+  }
+));
+p.displayName = "EmptyActions";
+const n = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: s,
+    className: l("flex flex-col items-center gap-2", e),
+    ...t
+  }
+));
+n.displayName = "EmptyLinks";
+export {
+  r as Empty,
+  p as EmptyActions,
+  f as EmptyDescription,
+  i as EmptyHeader,
+  o as EmptyIcon,
+  n as EmptyLinks,
+  c as EmptyTitle
+};
+//# sourceMappingURL=empty.js.map