@mastra/playground-ui 53.0.0-alpha.9 → 53.0.0

package/dist/dialog-CZMPDVUj.js

@@ -0,0 +1,259 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { createContext, useContext } from 'react';
+import { B as Button } from './Button-BsfLQEC6.js';
+import { S as ScrollArea } from './scroll-area-BiHnOfzg.js';
+import { a as asChildRenderProps } from './as-child-N1qMDCr8.js';
+import { c as cn } from './cn-B4oPhFx9.js';
+import './dialog.css';/* empty css                */
+
+const DialogContext = createContext({
+  variant: "default",
+  intent: "default",
+  pending: false
+});
+function useDialogContext() {
+  return useContext(DialogContext);
+}
+const dialogActionSizeClasses = {
+  xs: "min-h-form-xs leading-ui-xs",
+  sm: "min-h-form-sm leading-ui-sm",
+  md: "min-h-form-md leading-ui-md",
+  lg: "min-h-form-default leading-ui-md"
+};
+const dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";
+
+function Dialog({ variant = "default", intent = "default", pending = false, onOpenChange, ...props }) {
+  const isNew = variant === "new";
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { variant, intent, pending }, children: /* @__PURE__ */ jsx(
+    Dialog$1.Root,
+    {
+      ...props,
+      disablePointerDismissal: props.disablePointerDismissal ?? (isNew && intent === "destructive"),
+      onOpenChange: (open, details) => {
+        if (!open && pending) {
+          details.cancel();
+          return;
+        }
+        onOpenChange?.(open, details);
+      }
+    }
+  ) });
+}
+const DialogTrigger = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Dialog$1.Trigger, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
+  }
+);
+DialogTrigger.displayName = "DialogTrigger";
+const DialogPortal = Dialog$1.Portal;
+const DialogClose = React.forwardRef(({ asChild, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Dialog$1.Close, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
+});
+DialogClose.displayName = "DialogClose";
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Backdrop,
+    {
+      ref,
+      className: cn(
+        variant === "new" ? "transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none" : "dialog-overlay-anim",
+        "fixed inset-0 z-50 bg-overlay backdrop-blur-xs",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DialogOverlay.displayName = "DialogOverlay";
+const DialogContent = React.forwardRef(
+  ({ className, children, showOverlay = true, overlayClassName, initialFocus, ...props }, ref) => {
+    const { variant, intent, pending } = useDialogContext();
+    const closeRef = React.useRef(null);
+    if (variant === "new") {
+      return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+        showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
+        /* @__PURE__ */ jsxs(
+          Dialog$1.Popup,
+          {
+            ref,
+            "data-slot": "dialog-content",
+            "data-variant": "new",
+            "data-intent": intent,
+            role: intent === "destructive" ? "alertdialog" : "dialog",
+            initialFocus: initialFocus ?? (intent === "destructive" ? closeRef : true),
+            "aria-busy": pending || void 0,
+            className: cn(
+              "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl border border-border1/40 bg-surface2 shadow-dialog outline-hidden",
+              "data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none",
+              className
+            ),
+            ...props,
+            children: [
+              children,
+              /* @__PURE__ */ jsx(
+                Dialog$1.Close,
+                {
+                  ref: closeRef,
+                  disabled: pending,
+                  render: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      className: "absolute top-3 right-3",
+                      "aria-label": "Close dialog",
+                      children: /* @__PURE__ */ jsx(X, {})
+                    }
+                  ),
+                  children: /* @__PURE__ */ jsx(X, {})
+                }
+              )
+            ]
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+      showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ jsxs(
+        Dialog$1.Popup,
+        {
+          ref,
+          "data-slot": "dialog-content",
+          initialFocus,
+          className: cn(
+            "dialog-content-anim",
+            "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
+            "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+            "rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md",
+            "focus-visible:outline-hidden",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx(
+              Dialog$1.Close,
+              {
+                render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+DialogContent.displayName = "DialogContent";
+const DialogHeader = ({ className, ...props }) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        variant === "new" ? "flex min-w-0 shrink-0 flex-col gap-2 px-5 pt-4 pb-2" : "flex flex-col gap-0.5 px-4 py-3 text-left",
+        className
+      ),
+      ...props
+    }
+  );
+};
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        variant === "new" ? "flex shrink-0 flex-wrap justify-end gap-2 px-5 pt-2 pb-4" : "flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+};
+DialogFooter.displayName = "DialogFooter";
+const DialogBody = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { variant } = useDialogContext();
+    if (variant === "new") {
+      return /* @__PURE__ */ jsx(ScrollArea, { className: "flex min-h-0 min-w-0 shrink flex-col", viewPortClassName: "h-auto min-h-0", mask: true, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "flex flex-col gap-4 px-5 py-2 text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4",
+            className
+          ),
+          ...props,
+          children
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("max-h-[50vh] overflow-y-auto px-4 py-3.5", className), ...props, children });
+  }
+);
+DialogBody.displayName = "DialogBody";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Title,
+    {
+      ref,
+      className: cn(
+        "text-ui-md font-medium",
+        variant === "new" && "pr-8 leading-ui-md [overflow-wrap:anywhere] text-neutral6",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DialogTitle.displayName = "DialogTitle";
+const DialogDescription = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { variant } = useDialogContext();
+    return /* @__PURE__ */ jsx(
+      Dialog$1.Description,
+      {
+        ref,
+        className: cn(
+          variant === "new" ? "text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4" : "sr-only",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+DialogDescription.displayName = "DialogDescription";
+const DialogCancel = React.forwardRef(
+  ({ disabled, size = "md", ...props }, ref) => {
+    const { pending } = useDialogContext();
+    return /* @__PURE__ */ jsx(
+      Dialog$1.Close,
+      {
+        ref,
+        render: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size,
+            variant: "ghost",
+            className: cn(dialogActionLayoutClasses, dialogActionSizeClasses[size]),
+            children: props.children
+          }
+        ),
+        ...props,
+        disabled: disabled || pending
+      }
+    );
+  }
+);
+DialogCancel.displayName = "DialogCancel";
+
+export { Dialog as D, DialogContent as a, DialogHeader as b, DialogTitle as c, DialogDescription as d, DialogBody as e, DialogFooter as f, dialogActionSizeClasses as g, dialogActionLayoutClasses as h, DialogCancel as i, DialogClose as j, DialogOverlay as k, DialogPortal as l, DialogTrigger as m, useDialogContext as u };
+//# sourceMappingURL=dialog-CZMPDVUj.js.map

package/dist/dialog-CZMPDVUj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-CZMPDVUj.js","sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogVariant = 'default' | 'new';\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n  variant: DialogVariant;\n  intent: DialogIntent;\n  pending: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\n  variant: 'default',\n  intent: 'default',\n  pending: false,\n});\n\nexport function useDialogContext() {\n  return useContext(DialogContext);\n}\n\nexport const dialogActionSizeClasses = {\n  xs: 'min-h-form-xs leading-ui-xs',\n  sm: 'min-h-form-sm leading-ui-sm',\n  md: 'min-h-form-md leading-ui-md',\n  lg: 'min-h-form-default leading-ui-md',\n} as const;\n\nexport const dialogActionLayoutClasses = 'h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full';\n","import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { DialogAction } from './dialog-action';\nimport { DialogContext, dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport type { DialogIntent, DialogVariant } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nexport type DialogProps = DialogPrimitive.Root.Props & {\n  variant?: DialogVariant;\n  intent?: DialogIntent;\n  pending?: boolean;\n};\n\nfunction Dialog({ variant = 'default', intent = 'default', pending = false, onOpenChange, ...props }: DialogProps) {\n  const isNew = variant === 'new';\n  return (\n    <DialogContext.Provider value={{ variant, intent, pending }}>\n      <DialogPrimitive.Root\n        {...props}\n        disablePointerDismissal={props.disablePointerDismissal ?? (isNew && intent === 'destructive')}\n        onOpenChange={(open, details) => {\n          if (!open && pending) {\n            details.cancel();\n            return;\n          }\n          onOpenChange?.(open, details);\n        }}\n      />\n    </DialogContext.Provider>\n  );\n}\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <DialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </DialogPrimitive.Trigger>\n    );\n  },\n);\nDialogTrigger.displayName = 'DialogTrigger';\n\nconst DialogPortal = DialogPrimitive.Portal;\n\ntype DialogCloseProps = DialogPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(({ asChild, children, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DialogPrimitive.Close>\n  );\n});\nDialogClose.displayName = 'DialogClose';\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(({ className, ...props }, ref) => {\n  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      className={cn(\n        variant === 'new'\n          ? 'transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none'\n          : 'dialog-overlay-anim',\n        'fixed inset-0 z-50 bg-overlay backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDialogOverlay.displayName = 'DialogOverlay';\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, showOverlay = true, overlayClassName, initialFocus, ...props }, ref) => {\n    const { variant, intent, pending } = useDialogContext();\n    const closeRef = React.useRef<HTMLButtonElement>(null);\n    if (variant === 'new') {\n      return (\n        <DialogPortal>\n          {showOverlay && <DialogOverlay className={overlayClassName} />}\n          <DialogPrimitive.Popup\n            ref={ref}\n            data-slot=\"dialog-content\"\n            data-variant=\"new\"\n            data-intent={intent}\n            role={intent === 'destructive' ? 'alertdialog' : 'dialog'}\n            initialFocus={initialFocus ?? (intent === 'destructive' ? closeRef : true)}\n            aria-busy={pending || undefined}\n            className={cn(\n              'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl border border-border1/40 bg-surface2 shadow-dialog outline-hidden',\n              'data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <DialogPrimitive.Close\n              ref={closeRef}\n              disabled={pending}\n              render={\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  className=\"absolute top-3 right-3\"\n                  aria-label=\"Close dialog\"\n                  children={<X />}\n                />\n              }\n            >\n              <X />\n            </DialogPrimitive.Close>\n          </DialogPrimitive.Popup>\n        </DialogPortal>\n      );\n    }\n    return (\n      <DialogPortal>\n        {showOverlay && <DialogOverlay className={overlayClassName} />}\n        <DialogPrimitive.Popup\n          ref={ref}\n          data-slot=\"dialog-content\"\n          initialFocus={initialFocus}\n          className={cn(\n            'dialog-content-anim',\n            'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n            'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n            'rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md',\n            'focus-visible:outline-hidden',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <DialogPrimitive.Close\n            render={\n              <Button variant=\"ghost\" size=\"sm\" className=\"absolute top-3 right-3\" aria-label=\"Close\">\n                <X />\n              </Button>\n            }\n          />\n        </DialogPrimitive.Popup>\n      </DialogPortal>\n    );\n  },\n);\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex min-w-0 shrink-0 flex-col gap-2 px-5 pt-4 pb-2'\n          : 'flex flex-col gap-0.5 px-4 py-3 text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex shrink-0 flex-wrap justify-end gap-2 px-5 pt-2 pb-4'\n          : 'flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { variant } = useDialogContext();\n    if (variant === 'new') {\n      return (\n        <ScrollArea className=\"flex min-h-0 min-w-0 shrink flex-col\" viewPortClassName=\"h-auto min-h-0\" mask>\n          <div\n            ref={ref}\n            className={cn(\n              'flex flex-col gap-4 px-5 py-2 text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n          </div>\n        </ScrollArea>\n      );\n    }\n    return (\n      <div ref={ref} className={cn('max-h-[50vh] overflow-y-auto px-4 py-3.5', className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nDialogBody.displayName = 'DialogBody';\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(({ className, ...props }, ref) => {\n  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cn(\n        'text-ui-md font-medium',\n        variant === 'new' && 'pr-8 leading-ui-md [overflow-wrap:anywhere] text-neutral6',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDialogTitle.displayName = 'DialogTitle';\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useDialogContext();\n    return (\n      <DialogPrimitive.Description\n        ref={ref}\n        className={cn(\n          variant === 'new' ? 'text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4' : 'sr-only',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nDialogDescription.displayName = 'DialogDescription';\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nconst DialogCancel = React.forwardRef<HTMLButtonElement, DialogCancelProps>(\n  ({ disabled, size = 'md', ...props }, ref) => {\n    const { pending } = useDialogContext();\n    return (\n      <DialogPrimitive.Close\n        ref={ref}\n        render={\n          <Button\n            size={size}\n            variant=\"ghost\"\n            className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[size])}\n            children={props.children}\n          />\n        }\n        {...props}\n        disabled={disabled || pending}\n      />\n    );\n  },\n);\nDialogCancel.displayName = 'DialogCancel';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n  DialogCancel,\n  DialogAction,\n};\n"],"names":["DialogPrimitive"],"mappings":"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"}

package/dist/dialog-D-7Hkb3j.cjs

@@ -0,0 +1,293 @@
+'use strict';
+
+require('./dialog.css');const jsxRuntime = require('react/jsx-runtime');
+const dialog = require('@base-ui/react/dialog');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('./Button-D10WB4vc.cjs');
+const scrollArea = require('./scroll-area-B1vdOFuC.cjs');
+const asChild = require('./as-child-Dgr1RHLO.cjs');
+const utils_cn = require('./cn-DCPcv4xv.cjs');
+;/* empty css                  */
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const DialogContext = React.createContext({
+  variant: "default",
+  intent: "default",
+  pending: false
+});
+function useDialogContext() {
+  return React.useContext(DialogContext);
+}
+const dialogActionSizeClasses = {
+  xs: "min-h-form-xs leading-ui-xs",
+  sm: "min-h-form-sm leading-ui-sm",
+  md: "min-h-form-md leading-ui-md",
+  lg: "min-h-form-default leading-ui-md"
+};
+const dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";
+
+function Dialog({ variant = "default", intent = "default", pending = false, onOpenChange, ...props }) {
+  const isNew = variant === "new";
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, { value: { variant, intent, pending }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Root,
+    {
+      ...props,
+      disablePointerDismissal: props.disablePointerDismissal ?? (isNew && intent === "destructive"),
+      onOpenChange: (open, details) => {
+        if (!open && pending) {
+          details.cancel();
+          return;
+        }
+        onOpenChange?.(open, details);
+      }
+    }
+  ) });
+}
+const DialogTrigger = React__namespace.forwardRef(
+  ({ asChild: asChild$1, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ref, ...asChild.asChildRenderProps(asChild$1, children), ...props, children: asChild$1 ? void 0 : children });
+  }
+);
+DialogTrigger.displayName = "DialogTrigger";
+const DialogPortal = dialog.Dialog.Portal;
+const DialogClose = React__namespace.forwardRef(({ asChild: asChild$1, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { ref, ...asChild.asChildRenderProps(asChild$1, children), ...props, children: asChild$1 ? void 0 : children });
+});
+DialogClose.displayName = "DialogClose";
+const DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Backdrop,
+    {
+      ref,
+      className: utils_cn.cn(
+        variant === "new" ? "transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none" : "dialog-overlay-anim",
+        "fixed inset-0 z-50 bg-overlay backdrop-blur-xs",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DialogOverlay.displayName = "DialogOverlay";
+const DialogContent = React__namespace.forwardRef(
+  ({ className, children, showOverlay = true, overlayClassName, initialFocus, ...props }, ref) => {
+    const { variant, intent, pending } = useDialogContext();
+    const closeRef = React__namespace.useRef(null);
+    if (variant === "new") {
+      return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+        showOverlay && /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: overlayClassName }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          dialog.Dialog.Popup,
+          {
+            ref,
+            "data-slot": "dialog-content",
+            "data-variant": "new",
+            "data-intent": intent,
+            role: intent === "destructive" ? "alertdialog" : "dialog",
+            initialFocus: initialFocus ?? (intent === "destructive" ? closeRef : true),
+            "aria-busy": pending || void 0,
+            className: utils_cn.cn(
+              "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl border border-border1/40 bg-surface2 shadow-dialog outline-hidden",
+              "data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none",
+              className
+            ),
+            ...props,
+            children: [
+              children,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                dialog.Dialog.Close,
+                {
+                  ref: closeRef,
+                  disabled: pending,
+                  render: /* @__PURE__ */ jsxRuntime.jsx(
+                    Button.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      className: "absolute top-3 right-3",
+                      "aria-label": "Close dialog",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {})
+                    }
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {})
+                }
+              )
+            ]
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+      showOverlay && /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        dialog.Dialog.Popup,
+        {
+          ref,
+          "data-slot": "dialog-content",
+          initialFocus,
+          className: utils_cn.cn(
+            "dialog-content-anim",
+            "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
+            "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+            "rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md",
+            "focus-visible:outline-hidden",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              dialog.Dialog.Close,
+              {
+                render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+DialogContent.displayName = "DialogContent";
+const DialogHeader = ({ className, ...props }) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        variant === "new" ? "flex min-w-0 shrink-0 flex-col gap-2 px-5 pt-4 pb-2" : "flex flex-col gap-0.5 px-4 py-3 text-left",
+        className
+      ),
+      ...props
+    }
+  );
+};
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        variant === "new" ? "flex shrink-0 flex-wrap justify-end gap-2 px-5 pt-2 pb-4" : "flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+};
+DialogFooter.displayName = "DialogFooter";
+const DialogBody = React__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { variant } = useDialogContext();
+    if (variant === "new") {
+      return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "flex min-h-0 min-w-0 shrink flex-col", viewPortClassName: "h-auto min-h-0", mask: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: utils_cn.cn(
+            "flex flex-col gap-4 px-5 py-2 text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4",
+            className
+          ),
+          ...props,
+          children
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils_cn.cn("max-h-[50vh] overflow-y-auto px-4 py-3.5", className), ...props, children });
+  }
+);
+DialogBody.displayName = "DialogBody";
+const DialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = useDialogContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Title,
+    {
+      ref,
+      className: utils_cn.cn(
+        "text-ui-md font-medium",
+        variant === "new" && "pr-8 leading-ui-md [overflow-wrap:anywhere] text-neutral6",
+        className
+      ),
+      ...props
+    }
+  );
+});
+DialogTitle.displayName = "DialogTitle";
+const DialogDescription = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { variant } = useDialogContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Description,
+      {
+        ref,
+        className: utils_cn.cn(
+          variant === "new" ? "text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4" : "sr-only",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+DialogDescription.displayName = "DialogDescription";
+const DialogCancel = React__namespace.forwardRef(
+  ({ disabled, size = "md", ...props }, ref) => {
+    const { pending } = useDialogContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Close,
+      {
+        ref,
+        render: /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            size,
+            variant: "ghost",
+            className: utils_cn.cn(dialogActionLayoutClasses, dialogActionSizeClasses[size]),
+            children: props.children
+          }
+        ),
+        ...props,
+        disabled: disabled || pending
+      }
+    );
+  }
+);
+DialogCancel.displayName = "DialogCancel";
+
+exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
+exports.DialogCancel = DialogCancel;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.dialogActionLayoutClasses = dialogActionLayoutClasses;
+exports.dialogActionSizeClasses = dialogActionSizeClasses;
+exports.useDialogContext = useDialogContext;
+//# sourceMappingURL=dialog-D-7Hkb3j.cjs.map

package/dist/dialog-D-7Hkb3j.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-D-7Hkb3j.cjs","sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogVariant = 'default' | 'new';\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n  variant: DialogVariant;\n  intent: DialogIntent;\n  pending: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\n  variant: 'default',\n  intent: 'default',\n  pending: false,\n});\n\nexport function useDialogContext() {\n  return useContext(DialogContext);\n}\n\nexport const dialogActionSizeClasses = {\n  xs: 'min-h-form-xs leading-ui-xs',\n  sm: 'min-h-form-sm leading-ui-sm',\n  md: 'min-h-form-md leading-ui-md',\n  lg: 'min-h-form-default leading-ui-md',\n} as const;\n\nexport const dialogActionLayoutClasses = 'h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full';\n","import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { DialogAction } from './dialog-action';\nimport { DialogContext, dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport type { DialogIntent, DialogVariant } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nexport type DialogProps = DialogPrimitive.Root.Props & {\n  variant?: DialogVariant;\n  intent?: DialogIntent;\n  pending?: boolean;\n};\n\nfunction Dialog({ variant = 'default', intent = 'default', pending = false, onOpenChange, ...props }: DialogProps) {\n  const isNew = variant === 'new';\n  return (\n    <DialogContext.Provider value={{ variant, intent, pending }}>\n      <DialogPrimitive.Root\n        {...props}\n        disablePointerDismissal={props.disablePointerDismissal ?? (isNew && intent === 'destructive')}\n        onOpenChange={(open, details) => {\n          if (!open && pending) {\n            details.cancel();\n            return;\n          }\n          onOpenChange?.(open, details);\n        }}\n      />\n    </DialogContext.Provider>\n  );\n}\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <DialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </DialogPrimitive.Trigger>\n    );\n  },\n);\nDialogTrigger.displayName = 'DialogTrigger';\n\nconst DialogPortal = DialogPrimitive.Portal;\n\ntype DialogCloseProps = DialogPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(({ asChild, children, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DialogPrimitive.Close>\n  );\n});\nDialogClose.displayName = 'DialogClose';\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(({ className, ...props }, ref) => {\n  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      className={cn(\n        variant === 'new'\n          ? 'transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none'\n          : 'dialog-overlay-anim',\n        'fixed inset-0 z-50 bg-overlay backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDialogOverlay.displayName = 'DialogOverlay';\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, showOverlay = true, overlayClassName, initialFocus, ...props }, ref) => {\n    const { variant, intent, pending } = useDialogContext();\n    const closeRef = React.useRef<HTMLButtonElement>(null);\n    if (variant === 'new') {\n      return (\n        <DialogPortal>\n          {showOverlay && <DialogOverlay className={overlayClassName} />}\n          <DialogPrimitive.Popup\n            ref={ref}\n            data-slot=\"dialog-content\"\n            data-variant=\"new\"\n            data-intent={intent}\n            role={intent === 'destructive' ? 'alertdialog' : 'dialog'}\n            initialFocus={initialFocus ?? (intent === 'destructive' ? closeRef : true)}\n            aria-busy={pending || undefined}\n            className={cn(\n              'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl border border-border1/40 bg-surface2 shadow-dialog outline-hidden',\n              'data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <DialogPrimitive.Close\n              ref={closeRef}\n              disabled={pending}\n              render={\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  className=\"absolute top-3 right-3\"\n                  aria-label=\"Close dialog\"\n                  children={<X />}\n                />\n              }\n            >\n              <X />\n            </DialogPrimitive.Close>\n          </DialogPrimitive.Popup>\n        </DialogPortal>\n      );\n    }\n    return (\n      <DialogPortal>\n        {showOverlay && <DialogOverlay className={overlayClassName} />}\n        <DialogPrimitive.Popup\n          ref={ref}\n          data-slot=\"dialog-content\"\n          initialFocus={initialFocus}\n          className={cn(\n            'dialog-content-anim',\n            'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n            'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n            'rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md',\n            'focus-visible:outline-hidden',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <DialogPrimitive.Close\n            render={\n              <Button variant=\"ghost\" size=\"sm\" className=\"absolute top-3 right-3\" aria-label=\"Close\">\n                <X />\n              </Button>\n            }\n          />\n        </DialogPrimitive.Popup>\n      </DialogPortal>\n    );\n  },\n);\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex min-w-0 shrink-0 flex-col gap-2 px-5 pt-4 pb-2'\n          : 'flex flex-col gap-0.5 px-4 py-3 text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex shrink-0 flex-wrap justify-end gap-2 px-5 pt-2 pb-4'\n          : 'flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { variant } = useDialogContext();\n    if (variant === 'new') {\n      return (\n        <ScrollArea className=\"flex min-h-0 min-w-0 shrink flex-col\" viewPortClassName=\"h-auto min-h-0\" mask>\n          <div\n            ref={ref}\n            className={cn(\n              'flex flex-col gap-4 px-5 py-2 text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n          </div>\n        </ScrollArea>\n      );\n    }\n    return (\n      <div ref={ref} className={cn('max-h-[50vh] overflow-y-auto px-4 py-3.5', className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nDialogBody.displayName = 'DialogBody';\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(({ className, ...props }, ref) => {\n  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cn(\n        'text-ui-md font-medium',\n        variant === 'new' && 'pr-8 leading-ui-md [overflow-wrap:anywhere] text-neutral6',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDialogTitle.displayName = 'DialogTitle';\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant } = useDialogContext();\n    return (\n      <DialogPrimitive.Description\n        ref={ref}\n        className={cn(\n          variant === 'new' ? 'text-ui-md leading-ui-md [overflow-wrap:anywhere] text-neutral4' : 'sr-only',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nDialogDescription.displayName = 'DialogDescription';\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nconst DialogCancel = React.forwardRef<HTMLButtonElement, DialogCancelProps>(\n  ({ disabled, size = 'md', ...props }, ref) => {\n    const { pending } = useDialogContext();\n    return (\n      <DialogPrimitive.Close\n        ref={ref}\n        render={\n          <Button\n            size={size}\n            variant=\"ghost\"\n            className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[size])}\n            children={props.children}\n          />\n        }\n        {...props}\n        disabled={disabled || pending}\n      />\n    );\n  },\n);\nDialogCancel.displayName = 'DialogCancel';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n  DialogCancel,\n  DialogAction,\n};\n"],"names":["createContext","useContext","jsx","DialogPrimitive","React","asChild","asChildRenderProps","cn","jsxs","Button","X","ScrollArea"],"mappings":"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"}

package/dist/domains/metrics/components/token-usage-by-agent-card-view.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-CE1O-Y6G.cjs');
+const horizontalBars = require('../../../horizontal-bars-Dgq3PYsg.cjs');
 const metricsCard = require('../../../metrics-card-B8zgHlgB.cjs');
 const tabsContent = require('../../../tabs-content-BxToGCDw.cjs');
 const tabsRoot = require('../../../tabs-root-BNcLC-s6.cjs');

package/dist/domains/metrics/components/token-usage-by-agent-card-view.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { H as HorizontalBars } from '../../../horizontal-bars-DZ5J4TKv.js';
+import { H as HorizontalBars } from '../../../horizontal-bars-CyP-B-BX.js';
 import { M as MetricsCard } from '../../../metrics-card-BKE1UzWh.js';
 import { T as TabContent } from '../../../tabs-content-CLgmU6S_.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-BnwVjJbD.js';

package/dist/domains/metrics/components/traces-volume-card-view.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const horizontalBars = require('../../../horizontal-bars-CE1O-Y6G.cjs');
+const horizontalBars = require('../../../horizontal-bars-Dgq3PYsg.cjs');
 const metricsCard = require('../../../metrics-card-B8zgHlgB.cjs');
 const tabsContent = require('../../../tabs-content-BxToGCDw.cjs');
 const tabsRoot = require('../../../tabs-root-BNcLC-s6.cjs');