@epam/ai-dial-ui-kit 0.15.0-dev.19 → 0.15.0-dev.20

package/dist/JsonEditor-CpSpVa0v.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("./editor-Bc9xzKuR.cjs"),d=require("@monaco-editor/react");function f(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const m=f(d),b=({value:e,onChange:o,onValidateJSON:t,options:a,currentTheme:n,themesConfig:i=u.EDITOR_THEMES_CONFIG})=>{function s(r){r?.editor?.defineTheme(n,i[n]),r.languages.json.jsonDefaults.setDiagnosticsOptions({validate:!0,enableSchemaRequest:!1,schemas:[{uri:"http://custom-schema/object-required.json",fileMatch:["*"],schema:{type:"object",description:"Top-level value must be an object",additionalProperties:!0}}]})}const{Editor:l}=m;return c.jsx(l,{beforeMount:s,height:"100%",defaultLanguage:"json",value:e,onChange:o,theme:n,onValidate:t,options:{minimap:{enabled:!1},formatOnType:!0,formatOnPaste:!0,selectOnLineNumbers:!1,automaticLayout:!0,scrollBeyondLastLine:!1,wordWrap:"on",smoothScrolling:!0,overviewRulerLanes:0,scrollbar:{horizontal:"hidden",verticalScrollbarSize:4,verticalSliderSize:4},...a??{}}})};exports.DialJsonEditor=b;

package/dist/{MarkdownEditor-FVzYMdkC.cjs → MarkdownEditor-CPzMv3lE.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@uiw/react-md-editor"),m=require("./lazy-BEsZqouS.cjs"),u=require("./merge-classes-BEJXjzkx.cjs"),x=({value:t,onChange:s,height:o=300,preview:i="edit",theme:a=m.EditorThemes.dark,className:n,placeholder:r})=>{const d=r!==void 0&&!t;return e.jsxs("div",{"data-color-mode":a,className:u.mergeClasses("relative",n),children:[e.jsx(c,{value:t,onChange:l=>s?.(l||""),height:o,preview:i}),d&&e.jsx("div",{className:"pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40",children:r})]})};exports.DialMarkdownEditor=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@uiw/react-md-editor"),m=require("./lazy-Cy9WobJf.cjs"),u=require("./merge-classes-BEJXjzkx.cjs"),x=({value:t,onChange:s,height:o=300,preview:i="edit",theme:a=m.EditorThemes.dark,className:n,placeholder:r})=>{const d=r!==void 0&&!t;return e.jsxs("div",{"data-color-mode":a,className:u.mergeClasses("relative",n),children:[e.jsx(c,{value:t,onChange:l=>s?.(l||""),height:o,preview:i}),d&&e.jsx("div",{className:"pointer-events-none absolute left-0 top-8 px-2 dial-small-text text-secondary opacity-40",children:r})]})};exports.DialMarkdownEditor=x;

package/dist/{MarkdownEditor-C7BONfsl.cjs → MarkdownEditor-NYMcKLJy.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),O=require("@uiw/react-md-editor"),_=require("./lazy-BEsZqouS.cjs"),k=require("./merge-classes-BEJXjzkx.cjs"),o=require("@tabler/icons-react"),p=require("./icon-DhjrDQ8I.cjs"),f=require("./icon-CrGVkVpG.cjs");function E(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const b=E(O),L=f.DIAL_ICON_SIZE.SM,t={size:L,stroke:p.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),M=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:h,unorderedListCommand:C}=b;return[s(n,e.jsx(o.IconBold,{...t})),s(l,e.jsx(o.IconItalic,{...t})),s(g,e.jsx(o.IconStrikethrough,{...t})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(o.IconTextSize,{...t}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(C,e.jsx(o.IconList,{...t})),s(I,e.jsx(o.IconListNumbers,{...t})),r,s(x,e.jsx(o.IconQuote,{...t})),s(m,e.jsx(o.IconLink,{...t})),s(i,e.jsx(o.IconCode,{...t})),r,s(h,e.jsx(o.IconTable,{...t}))]},S=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=b;return[s(n,e.jsx(o.IconPencil,{...t})),s(i,e.jsx(o.IconLayoutColumns,{...t})),s(r,e.jsx(o.IconEye,{...t})),c,s(a,e.jsx(o.IconMaximize,{...t}))]},T=({value:n,onChange:i,height:r=300,theme:c=_.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m})=>{const I=j.useMemo(()=>M(),[]),x=j.useMemo(()=>S(),[]);return e.jsx("div",{"data-color-mode":c,className:k.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(O,{value:n,onChange:g=>i?.(g||""),height:r,preview:u,commands:I,extraCommands:x,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),O=require("@uiw/react-md-editor"),_=require("./lazy-Cy9WobJf.cjs"),k=require("./merge-classes-BEJXjzkx.cjs"),o=require("@tabler/icons-react"),p=require("./icon-DhjrDQ8I.cjs"),f=require("./icon-CrGVkVpG.cjs");function E(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const b=E(O),L=f.DIAL_ICON_SIZE.SM,t={size:L,stroke:p.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),M=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:h,unorderedListCommand:C}=b;return[s(n,e.jsx(o.IconBold,{...t})),s(l,e.jsx(o.IconItalic,{...t})),s(g,e.jsx(o.IconStrikethrough,{...t})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(o.IconTextSize,{...t}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(C,e.jsx(o.IconList,{...t})),s(I,e.jsx(o.IconListNumbers,{...t})),r,s(x,e.jsx(o.IconQuote,{...t})),s(m,e.jsx(o.IconLink,{...t})),s(i,e.jsx(o.IconCode,{...t})),r,s(h,e.jsx(o.IconTable,{...t}))]},S=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=b;return[s(n,e.jsx(o.IconPencil,{...t})),s(i,e.jsx(o.IconLayoutColumns,{...t})),s(r,e.jsx(o.IconEye,{...t})),c,s(a,e.jsx(o.IconMaximize,{...t}))]},T=({value:n,onChange:i,height:r=300,theme:c=_.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m})=>{const I=j.useMemo(()=>M(),[]),x=j.useMemo(()=>S(),[]);return e.jsx("div",{"data-color-mode":c,className:k.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(O,{value:n,onChange:g=>i?.(g||""),height:r,preview:u,commands:I,extraCommands:x,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=T;

package/dist/MarkdownEditorContainer-DSL5-_hG.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react");require("./editor-Bc9xzKuR.cjs");const E=require("./lazy-Cy9WobJf.cjs");require("@monaco-editor/react");const m=require("./Switch-CfxMs3AZ.cjs"),N=require("./MarkdownEditor-CPzMv3lE.cjs"),b=({value:o,onChangeValue:l,label:i,headerContent:a,switcherLabel:d,height:c=300,theme:u=E.EditorThemes.dark,onValidateJSON:x,preview:j="edit"})=>{const w=n.useId(),[t,C]=n.useState(!1),[f,p]=n.useState(null);n.useEffect(()=>{t&&typeof window<"u"&&Promise.resolve().then(()=>require("./JsonEditor-CpSpVa0v.cjs")).then(s=>{p(()=>s.DialJsonEditor)})},[t]);const h=n.useCallback(s=>{l?.(s)},[l]),S=n.useCallback(s=>{x?.(s)},[x]),r=!!d;return e.jsx("div",{className:"size-full flex flex-col",children:e.jsx("div",{className:"flex flex-col gap-8",children:e.jsxs("div",{children:[(i||a||r)&&e.jsxs("div",{className:"flex justify-between items-center mb-2",children:[i&&e.jsx(m.DialLabel,{label:i}),e.jsxs("div",{className:"flex items-center gap-2 flex-1 justify-end",children:[a,r&&e.jsx("label",{className:"flex items-center gap-2 cursor-pointer",children:e.jsx(m.DialSwitch,{isOn:t,label:d,switchId:w,onChange:s=>C(s)})})]})]}),r&&t?e.jsx("div",{className:"border border-primary rounded",style:{height:`${c}px`},children:f&&e.jsx(f,{value:o,onChange:h,onValidateJSON:S,currentTheme:u})}):e.jsx(N.DialMarkdownEditor,{value:o,onChange:h,height:c,preview:j,theme:u})]})})})};exports.DialMarkdownEditorContainer=b;

package/dist/components/MarkdownEditor/MarkdownEditorContainer.js

@@ -1,26 +1,28 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useId as g, useState as x, useEffect as J, useCallback as u } from "react";
-import { DialSwitch as S } from "../Switch/Switch.js";
-import { EditorThemes as b } from "../../types/editor.js";
+import "../../constants/editor.js";
+import { EditorThemes as S } from "../../types/editor.js";
+import "@monaco-editor/react";
+import { DialSwitch as b } from "../Switch/Switch.js";
 import { DialMarkdownEditor as v } from "./MarkdownEditor.js";
 import { DialLabel as y } from "../Label/Label.js";
-const z = ({
+const $ = ({
   value: s,
   onChangeValue: l,
-  label: i,
+  label: t,
   headerContent: d,
   switcherLabel: a,
   height: c = 300,
-  theme: m = b.dark,
+  theme: m = S.dark,
   onValidateJSON: f,
   preview: C = "edit"
 }) => {
-  const N = g(), [n, w] = x(!1), [p, D] = x(null);
+  const N = g(), [i, w] = x(!1), [p, D] = x(null);
   J(() => {
-    n && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
+    i && typeof window < "u" && import("../JsonEditor/JsonEditor.js").then((o) => {
       D(() => o.DialJsonEditor);
     });
-  }, [n]);
+  }, [i]);
   const h = u(
     (o) => {
       l?.(o);
@@ -31,16 +33,16 @@ const z = ({
       f?.(o);
     },
     [f]
-  ), t = !!a;
+  ), n = !!a;
   return /* @__PURE__ */ e("div", { className: "size-full flex flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ r("div", { children: [
-    (i || d || t) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
-      i && /* @__PURE__ */ e(y, { label: i }),
+    (t || d || n) && /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-2", children: [
+      t && /* @__PURE__ */ e(y, { label: t }),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-1 justify-end", children: [
         d,
-        t && /* @__PURE__ */ e("label", { className: "flex items-center gap-2 cursor-pointer", children: /* @__PURE__ */ e(
-          S,
+        n && /* @__PURE__ */ e("label", { className: "flex items-center gap-2 cursor-pointer", children: /* @__PURE__ */ e(
+          b,
           {
-            isOn: n,
+            isOn: i,
             label: a,
             switchId: N,
             onChange: (o) => w(o)
@@ -48,7 +50,7 @@ const z = ({
         ) })
       ] })
     ] }),
-    t && n ? /* @__PURE__ */ e(
+    n && i ? /* @__PURE__ */ e(
       "div",
       {
         className: "border border-primary rounded",
@@ -76,5 +78,5 @@ const z = ({
   ] }) }) });
 };
 export {
-  z as DialMarkdownEditorContainer
+  $ as DialMarkdownEditorContainer
 };

package/dist/components/New/TransferQueue/TransferQueue.js

@@ -0,0 +1,124 @@
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { useState as h, useId as Q, useCallback as m, useEffect as w } from "react";
+import { ConfirmationPopup as D } from "../ConfirmationPopup/ConfirmationPopup.js";
+import { ProgressBar as U } from "../../ProgressBar/ProgressBar.js";
+import { DIAL_KIT_CLASS as F } from "../../../constants/public-class-names.js";
+import { ConfirmationPopupVariant as R } from "../../../types/confirmation-popup.js";
+import { ElementSize as N } from "../../../types/size.js";
+import { TransferQueueItemStatus as l } from "../../../types/transfer-queue.js";
+import { mergeClasses as T } from "../../../utils/merge-classes.js";
+import { DEFAULT_TRANSFER_QUEUE_LABELS as O, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS as y } from "./constants.js";
+import { TransferQueueHeader as M } from "./TransferQueueHeader.js";
+import { TransferQueueRow as j } from "./TransferQueueRow.js";
+const q = (n) => Math.round(
+  n.reduce(
+    (e, r) => e + (r.percent ?? (r.status === l.InProgress ? 0 : 100)),
+    0
+  ) / n.length
+), z = (n, e, r) => n && e ? r.closeConfirmDescriptionMixed : e ? r.closeConfirmDescriptionFailed : r.closeConfirmDescriptionInProgress, ee = ({
+  title: n,
+  items: e,
+  onClose: r,
+  onCancelItem: E,
+  labels: S,
+  autoCloseDelay: i = y,
+  className: v,
+  bodyClassName: x
+}) => {
+  const [c, I] = h(!1), [L, f] = h(!1), p = Q(), s = { ...O, ...S }, d = e.filter(
+    (o) => o.status === l.InProgress
+  ).length, a = d > 0, g = e.filter(
+    (o) => o.status === l.Failed
+  ).length, u = g > 0, C = e.length > 0 && e.every((o) => o.status === l.Success), P = m(() => {
+    a || u ? f(!0) : r();
+  }, [a, u, r]), A = m(() => {
+    f(!1), r();
+  }, [r]), _ = m(() => {
+    I((o) => !o);
+  }, []);
+  return w(() => {
+    if (!C || i <= 0) return;
+    const o = setTimeout(r, i);
+    return () => clearTimeout(o);
+  }, [C, i, r]), e.length === 0 ? null : /* @__PURE__ */ b(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: T(
+        "w-[370px] max-w-[calc(100vw-2rem)] rounded-xl bg-layer-raised shadow-md",
+        v,
+        F.transferQueue
+      ),
+      children: [
+        /* @__PURE__ */ t(
+          M,
+          {
+            title: n,
+            failedCount: g,
+            isCollapsed: c,
+            itemsId: p,
+            labels: s,
+            onToggleCollapse: _,
+            onClose: P
+          }
+        ),
+        c && a && /*
+        * Only while collapsed: expanded, every running row already shows its
+        * own spinner, so an aggregate bar would restate what is on screen.
+        */
+        /* @__PURE__ */ t(
+          U,
+          {
+            value: q(e),
+            size: N.Small,
+            "aria-label": s.queueProgressAriaLabel,
+            "aria-valuetext": s.queueProgressValueText(
+              e.length - d,
+              e.length
+            )
+          }
+        ),
+        !c && /* @__PURE__ */ t(
+          "div",
+          {
+            id: p,
+            className: T(
+              "flex max-h-[40vh] flex-col overflow-y-auto py-1",
+              x
+            ),
+            children: e.map((o) => /* @__PURE__ */ t(
+              j,
+              {
+                item: o,
+                labels: s,
+                onCancel: E
+              },
+              o.id
+            ))
+          }
+        ),
+        /* @__PURE__ */ t(
+          D,
+          {
+            open: L,
+            header: s.closeConfirmHeader,
+            description: z(
+              a,
+              u,
+              s
+            ),
+            confirmLabel: s.closeConfirmLabel,
+            cancelLabel: s.closeCancelLabel,
+            variant: R.Danger,
+            onConfirm: A,
+            onClose: () => f(!1)
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ee as TransferQueue
+};

package/dist/components/New/TransferQueue/TransferQueueHeader.js

@@ -0,0 +1,71 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { IconChevronUp as f, IconChevronDown as S, IconX as I } from "@tabler/icons-react";
+import { GhostIconButton as t } from "../IconButton/IconButtonWrappers.js";
+import { DIAL_KIT_ICON_STROKE as o } from "../constants/icon.js";
+import { DIAL_ICON_SIZE as s } from "../../../constants/icon.js";
+import { ElementSize as m } from "../../../types/size.js";
+import { STATUS_SLOT_CLASS as c } from "./constants.js";
+const k = ({
+  title: l,
+  failedCount: n,
+  isCollapsed: r,
+  itemsId: p,
+  labels: a,
+  onToggleCollapse: d,
+  onClose: x
+}) => {
+  const h = r ? f : S;
+  return /* @__PURE__ */ i("div", { className: "mx-4 flex items-center justify-between border-b border-tertiary py-3", children: [
+    /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ e("span", { className: "dial-small-paragraph-semi-text truncate text-primary", children: l }),
+      n > 0 && /*
+      * On the filled --bg-control-error swatch, so it takes the on-control
+      * token; --text-tertiary would contrast at under 2:1 over that fill.
+      */
+      /* @__PURE__ */ e("span", { className: "dial-small-paragraph-semi-text inline-flex h-4 min-w-4 shrink-0 items-center justify-center rounded-full bg-control-error px-1 text-control-permanent", children: n })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-1", children: [
+      /* @__PURE__ */ e(
+        t,
+        {
+          "aria-label": r ? a.expandAriaLabel : a.collapseAriaLabel,
+          "aria-expanded": !r,
+          "aria-controls": p,
+          size: m.Small,
+          icon: /* @__PURE__ */ e(
+            h,
+            {
+              size: s.SM,
+              stroke: o,
+              className: "text-secondary",
+              "aria-hidden": !0
+            }
+          ),
+          onClick: d,
+          className: c
+        }
+      ),
+      /* @__PURE__ */ e(
+        t,
+        {
+          "aria-label": a.closeAriaLabel,
+          size: m.Small,
+          icon: /* @__PURE__ */ e(
+            I,
+            {
+              size: s.SM,
+              stroke: o,
+              className: "text-secondary",
+              "aria-hidden": !0
+            }
+          ),
+          onClick: x,
+          className: c
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  k as TransferQueueHeader
+};

package/dist/components/New/TransferQueue/TransferQueueRow.js

@@ -0,0 +1,119 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { IconX as d, IconCheck as u, IconAlertCircleFilled as f, IconAlertTriangleFilled as g } from "@tabler/icons-react";
+import { EllipsisTooltip as I } from "../EllipsisTooltip/EllipsisTooltip.js";
+import { FileIcon as h } from "../FileIcon/FileIcon.js";
+import { GhostIconButton as S } from "../IconButton/IconButtonWrappers.js";
+import { Tooltip as x } from "../Tooltip/Tooltip.js";
+import { DIAL_KIT_ICON_STROKE as m } from "../constants/icon.js";
+import { Spinner as y } from "../../Spinner/Spinner.js";
+import { DIAL_ICON_SIZE as t } from "../../../constants/icon.js";
+import { DialItemType as N } from "../../../types/item.js";
+import { ElementSize as T } from "../../../types/size.js";
+import { TransferQueueItemStatus as s } from "../../../types/transfer-queue.js";
+import { mergeClasses as i } from "../../../utils/merge-classes.js";
+import { STATUS_SLOT_CLASS as c } from "./constants.js";
+const p = ({ message: e, isError: a }) => /* @__PURE__ */ r(x, { tooltip: e, asChild: !0, children: /* @__PURE__ */ r(
+  "span",
+  {
+    className: c,
+    role: "img",
+    "aria-label": e,
+    tabIndex: 0,
+    children: /* @__PURE__ */ r(
+      a ? f : g,
+      {
+        size: t.SM,
+        className: a ? "text-error" : "text-warning-icon",
+        "aria-hidden": !0
+      }
+    )
+  }
+) }), j = ({
+  item: e,
+  labels: a,
+  onCancel: o
+}) => {
+  const n = e.status === s.Canceled;
+  return /* @__PURE__ */ l("div", { className: "group flex items-center gap-2 px-4 py-2", children: [
+    /* @__PURE__ */ r(
+      h,
+      {
+        type: N.File,
+        name: e.name,
+        size: t.MD,
+        className: i(n && "opacity-50"),
+        decorative: !0
+      }
+    ),
+    /* @__PURE__ */ r(
+      I,
+      {
+        text: e.name,
+        className: i(
+          "dial-small-text",
+          n ? "text-secondary" : "text-primary"
+        )
+      }
+    ),
+    e.status === s.InProgress && /* @__PURE__ */ l("div", { className: i(c, "grid"), children: [
+      /* @__PURE__ */ r(
+        y,
+        {
+          size: t.SM,
+          ariaLabel: a.itemProgressAriaLabel(e.name),
+          className: i(
+            "pointer-events-none col-start-1 row-start-1 transition-opacity",
+            o && "group-focus-within:opacity-0 group-hover:opacity-0"
+          )
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        S,
+        {
+          "aria-label": a.cancelItemAriaLabel(e.name),
+          size: T.Small,
+          icon: /* @__PURE__ */ r(
+            d,
+            {
+              size: t.SM,
+              stroke: m,
+              className: "text-secondary",
+              "aria-hidden": !0
+            }
+          ),
+          onClick: () => o(e.id),
+          className: "col-start-1 row-start-1 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100"
+        }
+      )
+    ] }),
+    e.status === s.Success && /* @__PURE__ */ r(
+      "span",
+      {
+        className: c,
+        role: "img",
+        "aria-label": a.successLabel,
+        children: /* @__PURE__ */ r(
+          u,
+          {
+            size: t.SM,
+            stroke: m,
+            className: "text-accent",
+            "aria-hidden": !0
+          }
+        )
+      }
+    ),
+    e.status === s.Warning && /* @__PURE__ */ r(
+      p,
+      {
+        message: e.message || a.warningMessage,
+        isError: !1
+      }
+    ),
+    e.status === s.Failed && /* @__PURE__ */ r(p, { message: e.message || a.failedMessage, isError: !0 }),
+    n && /* @__PURE__ */ r("span", { className: "dial-small-text shrink-0 text-secondary", children: a.canceledLabel })
+  ] });
+};
+export {
+  j as TransferQueueRow
+};

package/dist/components/New/TransferQueue/constants.js

@@ -0,0 +1,24 @@
+const l = 8e3, a = "flex size-7 shrink-0 items-center justify-center", i = {
+  cancelItemAriaLabel: (e) => `Cancel "${e}"`,
+  itemProgressAriaLabel: (e) => `"${e}" in progress`,
+  successLabel: "Completed",
+  canceledLabel: "Canceled",
+  failedMessage: "Failed",
+  warningMessage: "Completed with warnings",
+  queueProgressAriaLabel: "Progress",
+  queueProgressValueText: (e, s) => `${e} of ${s}`,
+  collapseAriaLabel: "Collapse",
+  expandAriaLabel: "Expand",
+  closeAriaLabel: "Close",
+  closeConfirmHeader: "Close?",
+  closeConfirmDescriptionInProgress: "Some items are still in progress.",
+  closeConfirmDescriptionFailed: "Some items have failed.",
+  closeConfirmDescriptionMixed: "Some items are still in progress, and some have failed.",
+  closeConfirmLabel: "Close",
+  closeCancelLabel: "Cancel"
+};
+export {
+  i as DEFAULT_TRANSFER_QUEUE_LABELS,
+  a as STATUS_SLOT_CLASS,
+  l as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS
+};