@sesamehr/react-design-system 3.9.0 → 3.10.1

package/dist/Display/VoiceMessage/toWaveformPeaks.js

@@ -0,0 +1,60 @@
+const d = { 8: 128, 16: 32768 }, b = "Expected either a `number[]` of magnitudes or BBC audiowaveform JSON (an object with a numeric `data` array and `bits` of 8 or 16).", u = (e) => {
+  if (e === null) return "received `null`";
+  if (Array.isArray(e)) return "received an array";
+  if (typeof e != "object") return `received a ${typeof e}`;
+  const a = Object.keys(e);
+  return a.length === 0 ? "received an object with no keys" : `received an object with keys ${a.slice(0, 8).join(", ")}${a.length > 8 ? ", …" : ""}`;
+}, y = (e) => e > 1 ? 1 : e < 0 ? 0 : e, p = (e) => {
+  const a = [];
+  let t = 0;
+  for (let r = 0; r < e.length; r += 1) {
+    const n = e[r];
+    if (typeof n != "number" || !Number.isFinite(n))
+      throw new TypeError(
+        `toWaveformPeaks: sample ${r} is \`${String(n)}\`. Every sample has to be a finite number.`
+      );
+    const o = Math.abs(n);
+    a.push(o), o > t && (t = o);
+  }
+  return t <= 1 ? a : a.map((r) => r / t);
+}, w = (e) => {
+  const a = d[e.bits];
+  if (a === void 0)
+    throw new TypeError(
+      `toWaveformPeaks: \`bits\` is \`${String(e.bits)}\`. audiowaveform writes 8 or 16.`
+    );
+  const t = e.channels ?? 1;
+  if (!Number.isInteger(t) || t < 1)
+    throw new TypeError(
+      `toWaveformPeaks: \`channels\` is \`${String(e.channels)}\`. Omit it for mono, or give a whole number above zero.`
+    );
+  const r = 2 * t, n = e.length, o = Number.isInteger(n) && n > 0 ? n : Math.floor(e.data.length / r);
+  if (e.data.length < o * r)
+    throw new TypeError(
+      `toWaveformPeaks: \`data\` holds ${e.data.length} values, short of the ${o * r} that ${o} pairs across ${t} channel(s) need.`
+    );
+  const l = [];
+  for (let i = 0; i < o; i += 1) {
+    let s = 0;
+    for (let f = 0; f < t; f += 1) {
+      const m = i * r + f * 2, h = e.data[m], c = e.data[m + 1];
+      if (!Number.isFinite(h) || !Number.isFinite(c))
+        throw new TypeError(
+          `toWaveformPeaks: \`data\` holds \`${String(h)}\`/\`${String(c)}\` at pair ${i}. Every value has to be a finite number.`
+        );
+      s = Math.max(s, Math.abs(h), Math.abs(c));
+    }
+    l.push(y(s / a));
+  }
+  return l;
+}, v = (e) => {
+  if (Array.isArray(e)) return p(e);
+  if (typeof e == "object" && e !== null && Array.isArray(e.data))
+    return w(e);
+  throw new TypeError(
+    `toWaveformPeaks: unrecognised waveform source — ${u(e)}. ${b}`
+  );
+};
+export {
+  v as toWaveformPeaks
+};

package/dist/Display/VoiceMessage/useVoiceWaveform.js

@@ -0,0 +1,78 @@
+import { useRef as A, useState as g, useEffect as m } from "react";
+const M = 3, w = 2, R = 32, d = 0.05, a = (e) => Number.isFinite(e) ? e > 1 ? 1 : e < 0 ? 0 : e : 0, E = (e, c) => {
+  if (c < 1 || e.length === 0) return [];
+  if (e.length <= c) return e.map(a);
+  const u = [];
+  for (let i = 0; i < c; i += 1) {
+    const s = Math.floor(i * e.length / c), h = Math.max(
+      s + 1,
+      Math.floor((i + 1) * e.length / c)
+    );
+    let n = 0;
+    for (let f = s; f < h; f += 1) {
+      const l = a(e[f]);
+      l > n && (n = l);
+    }
+    u.push(n);
+  }
+  return u;
+}, C = (e) => {
+  const c = A(null), [u, i] = g(0), s = A(null);
+  m(() => {
+    const t = c.current, r = () => i((t == null ? void 0 : t.clientWidth) ?? 0);
+    if (r(), typeof ResizeObserver > "u" || !t) return;
+    const o = new ResizeObserver(r);
+    return o.observe(t), () => o.disconnect();
+  }, []);
+  const h = u > 0 ? Math.max(
+    1,
+    Math.floor(
+      (u + w) / (M + w)
+    )
+  ) : R, n = a(e.progress), f = Math.round(n * 100), l = E(e.peaks, h), P = n * l.length, b = l.map((t, r) => ({
+    key: r,
+    peak: t,
+    played: r < P
+  })), p = (t) => {
+    const r = c.current;
+    if (!r) return n;
+    const o = r.getBoundingClientRect();
+    return o.width === 0 ? n : a((t - o.left) / o.width);
+  };
+  return {
+    track: c,
+    bars: b,
+    percent: f,
+    onPointerDown: (t) => {
+      var o;
+      if (t.button !== 0) return;
+      const r = c.current;
+      r && ((o = r.setPointerCapture) == null || o.call(r, t.pointerId), r.focus(), s.current = t.pointerId, t.preventDefault(), e.seek(p(t.clientX)));
+    },
+    onPointerMove: (t) => {
+      s.current === t.pointerId && e.seek(p(t.clientX));
+    },
+    onPointerUp: (t) => {
+      var r, o;
+      s.current === t.pointerId && (s.current = null, (o = (r = c.current) == null ? void 0 : r.releasePointerCapture) == null || o.call(r, t.pointerId));
+    },
+    onKeyDown: (t) => {
+      const r = {
+        ArrowLeft: () => n - d,
+        ArrowDown: () => n - d,
+        ArrowRight: () => n + d,
+        ArrowUp: () => n + d,
+        Home: () => 0,
+        End: () => 1
+      }[t.key];
+      r && (t.preventDefault(), e.seek(a(r())));
+    }
+  };
+};
+export {
+  M as VOICE_WAVEFORM_BAR_PX,
+  R as VOICE_WAVEFORM_FALLBACK_BARS,
+  w as VOICE_WAVEFORM_GAP_PX,
+  E as bucketPeaks,
+  C as useVoiceWaveform
+};

package/dist/Feedback/Alert/Alert.js

@@ -0,0 +1,60 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as p, useState as I } from "react";
+import { TransitionFade as y } from "../../Transitions/TransitionFade/TransitionFade.js";
+import { cn as M } from "../../lib/utils.js";
+import o from "./Alert.module.css.js";
+import { AlertContext as N } from "./alert-context.js";
+const j = 200, w = p(
+  ({
+    className: m,
+    variant: r = "info",
+    dismissible: f = !1,
+    collapsible: c = !1,
+    isOpen: t = !0,
+    onDismissed: e,
+    onOpenChange: l,
+    onToggled: i,
+    children: u,
+    ...x
+  }, A) => {
+    const [a, S] = I(!1), v = () => {
+      S(!0), e == null || e();
+    }, d = () => {
+      l == null || l(!t), i == null || i(!t);
+    };
+    return /* @__PURE__ */ s(
+      N.Provider,
+      {
+        value: {
+          variant: r,
+          isDismissed: a,
+          isOpen: t,
+          dismissible: f,
+          collapsible: c,
+          handleDismiss: v,
+          handleToggle: d
+        },
+        children: /* @__PURE__ */ s(y, { in: !a, leaveDuration: j, children: /* @__PURE__ */ s(
+          "div",
+          {
+            ref: A,
+            className: M(
+              o.oxAlert,
+              o[`oxAlert-${r}`],
+              m
+            ),
+            role: "alert",
+            "aria-live": r === "error" ? "assertive" : "polite",
+            "aria-atomic": "true",
+            ...x,
+            children: u
+          }
+        ) })
+      }
+    );
+  }
+);
+w.displayName = "OxAlert";
+export {
+  w as Alert
+};

package/dist/Feedback/Alert/Alert.module.css.js

@@ -0,0 +1,12 @@
+const e = "_oxAlert_gm4hh_2", r = {
+  oxAlert: e,
+  "oxAlert-warning": "_oxAlert-warning_gm4hh_2",
+  "oxAlert-error": "_oxAlert-error_gm4hh_2",
+  "oxAlert-info": "_oxAlert-info_gm4hh_2",
+  "oxAlert-success": "_oxAlert-success_gm4hh_2",
+  "oxAlert-muted": "_oxAlert-muted_gm4hh_2"
+};
+export {
+  r as default,
+  e as oxAlert
+};

package/dist/Feedback/Alert/AlertClose.js

@@ -0,0 +1,30 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as f } from "../../lib/utils.js";
+import i from "./AlertClose.module.css.js";
+import { useAlertContext as x } from "./alert-context.js";
+import { useTranslate as u } from "../../Locale/useTranslate.js";
+const c = p(
+  ({ className: r, onClick: t, children: o, ...e }, s) => {
+    const { handleDismiss: a } = x(), l = u();
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: s,
+        type: "button",
+        className: f(i.oxAlertCloseBtn, r),
+        "data-slot": "controller",
+        "aria-label": l("orxata.alert.close"),
+        onClick: (m) => {
+          a(), t == null || t(m);
+        },
+        ...e,
+        children: o
+      }
+    );
+  }
+);
+c.displayName = "OxAlertClose";
+export {
+  c as AlertClose
+};

package/dist/Feedback/Alert/AlertClose.module.css.js

@@ -0,0 +1,7 @@
+const t = "_oxAlertCloseBtn_1s7qs_2", s = {
+  oxAlertCloseBtn: t
+};
+export {
+  s as default,
+  t as oxAlertCloseBtn
+};

package/dist/Feedback/Alert/AlertDescription.js

@@ -0,0 +1,31 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { TransitionExpand as m } from "../../Transitions/TransitionExpand/TransitionExpand.js";
+import { cn as a } from "../../lib/utils.js";
+import c from "./AlertDescription.module.css.js";
+import { useAlertContext as d } from "./alert-context.js";
+const r = 300, f = p(({ className: t, children: i, ...e }, s) => {
+  const { collapsible: n, isOpen: l } = d();
+  return /* @__PURE__ */ o(
+    m,
+    {
+      in: !n || l,
+      enterDuration: r,
+      leaveDuration: r,
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          ref: s,
+          className: a(c.oxAlertDescription, t),
+          "data-slot": "description",
+          ...e,
+          children: i
+        }
+      )
+    }
+  );
+});
+f.displayName = "OxAlertDescription";
+export {
+  f as AlertDescription
+};

package/dist/Feedback/Alert/AlertDescription.module.css.js

@@ -0,0 +1,7 @@
+const t = "_oxAlertDescription_tbt8n_2", e = {
+  oxAlertDescription: t
+};
+export {
+  e as default,
+  t as oxAlertDescription
+};

package/dist/Feedback/Alert/AlertIcon.js

@@ -0,0 +1,37 @@
+import { jsx as r } from "react/jsx-runtime";
+import { IconAlertCircle as f } from "@sesame/orxata-icons/IconAlertCircle";
+import { IconAlertTriangle as l } from "@sesame/orxata-icons/IconAlertTriangle";
+import { IconCircleCheck as a } from "@sesame/orxata-icons/IconCircleCheck";
+import { IconInfoCircle as s } from "@sesame/orxata-icons/IconInfoCircle";
+import { IconStar as p } from "@sesame/orxata-icons/IconStar";
+import { Icon as I } from "@sesame/orxata-icons/react";
+import { forwardRef as d } from "react";
+import { cn as u } from "../../lib/utils.js";
+import A from "./AlertIcon.module.css.js";
+import { useAlertContext as x } from "./alert-context.js";
+const C = {
+  info: s,
+  warning: l,
+  error: f,
+  success: a,
+  muted: p
+}, g = d(
+  ({ className: t, children: e, dataTestid: o, ...n }, c) => {
+    const { variant: m } = x(), i = C[m];
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: c,
+        className: u(A.oxAlertIcon, t),
+        "data-slot": "icon",
+        "data-testid": o,
+        ...n,
+        children: e ?? /* @__PURE__ */ r(I, { icon: i, "data-testid": `${o}-default` })
+      }
+    );
+  }
+);
+g.displayName = "OxAlertIcon";
+export {
+  g as AlertIcon
+};

package/dist/Feedback/Alert/AlertIcon.module.css.js

@@ -0,0 +1,7 @@
+const o = "_oxAlertIcon_17uuk_2", t = {
+  oxAlertIcon: o
+};
+export {
+  t as default,
+  o as oxAlertIcon
+};

package/dist/Feedback/Alert/AlertLink.d.ts

@@ -0,0 +1,7 @@
+export type AlertLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
+/**
+ * AlertLink — the action link the board sits to the right of the text, before
+ * the close. A `link` prop on `Alert` would carry the text and the destination
+ * as configuration; `href` and the rest arrive here as native attributes.
+ */
+export declare const AlertLink: import('react').ForwardRefExoticComponent<AlertLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/Feedback/Alert/AlertLink.js

@@ -0,0 +1,20 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as e } from "../../lib/utils.js";
+import l from "./AlertLink.module.css.js";
+const s = a(
+  ({ className: r, children: o, ...t }, m) => /* @__PURE__ */ i(
+    "a",
+    {
+      ref: m,
+      className: e(l.oxAlertLink, r),
+      "data-slot": "link",
+      ...t,
+      children: o
+    }
+  )
+);
+s.displayName = "OxAlertLink";
+export {
+  s as AlertLink
+};

package/dist/Feedback/Alert/AlertLink.module.css.js

@@ -0,0 +1,7 @@
+const t = "_oxAlertLink_1kej5_2", e = {
+  oxAlertLink: t
+};
+export {
+  e as default,
+  t as oxAlertLink
+};

package/dist/Feedback/Alert/AlertTitle.js

@@ -0,0 +1,20 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { cn as a } from "../../lib/utils.js";
+import i from "./AlertTitle.module.css.js";
+const s = m(
+  ({ className: t, children: r, ...o }, e) => /* @__PURE__ */ l(
+    "h3",
+    {
+      ref: e,
+      className: a(i.oxAlertTitle, t),
+      "data-slot": "label",
+      ...o,
+      children: r
+    }
+  )
+);
+s.displayName = "OxAlertTitle";
+export {
+  s as AlertTitle
+};

package/dist/Feedback/Alert/AlertTitle.module.css.js

@@ -0,0 +1,7 @@
+const t = "_oxAlertTitle_q989d_2", e = {
+  oxAlertTitle: t
+};
+export {
+  e as default,
+  t as oxAlertTitle
+};

package/dist/Feedback/Alert/AlertToggle.js

@@ -0,0 +1,29 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as g } from "../../lib/utils.js";
+import f from "./AlertToggle.module.css.js";
+import { useAlertContext as d } from "./alert-context.js";
+const x = n(
+  ({ className: e, onClick: t, children: o, ...r }, l) => {
+    const { isOpen: m, handleToggle: a } = d();
+    return /* @__PURE__ */ p(
+      "button",
+      {
+        ref: l,
+        type: "button",
+        className: g(f.oxAlertToggleBtn, e),
+        "data-slot": "controller",
+        "aria-expanded": m,
+        onClick: (s) => {
+          a(), t == null || t(s);
+        },
+        ...r,
+        children: o
+      }
+    );
+  }
+);
+x.displayName = "OxAlertToggle";
+export {
+  x as AlertToggle
+};

package/dist/Feedback/Alert/AlertToggle.module.css.js

@@ -0,0 +1,7 @@
+const t = "_oxAlertToggleBtn_gp8or_2", o = {
+  oxAlertToggleBtn: t
+};
+export {
+  o as default,
+  t as oxAlertToggleBtn
+};

package/dist/Feedback/Alert/alert-context.js

@@ -0,0 +1,16 @@
+import { createContext as e, useContext as s } from "react";
+const t = e({
+  variant: "info",
+  isDismissed: !1,
+  isOpen: !0,
+  dismissible: !1,
+  collapsible: !1,
+  handleDismiss: () => {
+  },
+  handleToggle: () => {
+  }
+}), l = () => s(t);
+export {
+  t as AlertContext,
+  l as useAlertContext
+};

package/dist/Feedback/Alert/index.d.ts

@@ -2,6 +2,7 @@ export { Alert, type AlertProps } from './Alert.tsx';
 export { AlertClose, type AlertCloseProps } from './AlertClose.tsx';
 export { AlertDescription, type AlertDescriptionProps, } from './AlertDescription.tsx';
 export { AlertIcon, type AlertIconProps } from './AlertIcon.tsx';
+export { AlertLink, type AlertLinkProps } from './AlertLink.tsx';
 export { AlertTitle, type AlertTitleProps } from './AlertTitle.tsx';
 export { AlertToggle, type AlertToggleProps } from './AlertToggle.tsx';
 export { type AlertVariant } from './alert-context.ts';

package/dist/Feedback/Bullet/Bullet.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { moduleClasses as i } from "../../lib/cssModules.js";
+import { cn as f } from "../../lib/utils.js";
+import p from "./Bullet.module.css.js";
+import { bulletVariants as d } from "./index.js";
+const u = s(
+  ({ className: t, size: o = "24", color: r = "active", dataTestid: m, ...l }, a) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      "data-slot": "bullet",
+      "data-testid": m,
+      className: f(
+        i(p, d({ size: o, color: r })),
+        t
+      ),
+      ...l
+    }
+  )
+);
+u.displayName = "OxBullet";
+export {
+  u as Bullet
+};

package/dist/Feedback/Bullet/Bullet.module.css.js

@@ -0,0 +1,15 @@
+const l = {
+  "ox-bullet": "_ox-bullet_1uaja_2",
+  "ox-bullet--24": "_ox-bullet--24_1uaja_2",
+  "ox-bullet--16": "_ox-bullet--16_1uaja_2",
+  "ox-bullet--12": "_ox-bullet--12_1uaja_2",
+  "ox-bullet--8": "_ox-bullet--8_1uaja_2",
+  "ox-bullet--active": "_ox-bullet--active_1uaja_2",
+  "ox-bullet--info": "_ox-bullet--info_1uaja_2",
+  "ox-bullet--warning": "_ox-bullet--warning_1uaja_2",
+  "ox-bullet--neutral": "_ox-bullet--neutral_1uaja_2",
+  "ox-bullet--error": "_ox-bullet--error_1uaja_2"
+};
+export {
+  l as default
+};

package/dist/Feedback/Bullet/index.js

@@ -0,0 +1,25 @@
+import { cva as l } from "class-variance-authority";
+const e = l("ox-bullet", {
+  variants: {
+    size: {
+      24: "ox-bullet--24",
+      16: "ox-bullet--16",
+      12: "ox-bullet--12",
+      8: "ox-bullet--8"
+    },
+    color: {
+      active: "ox-bullet--active",
+      info: "ox-bullet--info",
+      warning: "ox-bullet--warning",
+      neutral: "ox-bullet--neutral",
+      error: "ox-bullet--error"
+    }
+  },
+  defaultVariants: {
+    size: "24",
+    color: "active"
+  }
+});
+export {
+  e as bulletVariants
+};

package/dist/Feedback/Dialog/Dialog.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as m from "@radix-ui/react-dialog";
+const s = ({
+  children: o,
+  defaultOpen: a = !1,
+  open: i,
+  onOpenChange: t,
+  modal: l = !0
+}) => /* @__PURE__ */ r(
+  m.Root,
+  {
+    "data-slot": "dialog",
+    defaultOpen: a,
+    open: i,
+    onOpenChange: t,
+    modal: l,
+    children: o
+  }
+);
+s.displayName = "OxDialog";
+export {
+  s as Dialog
+};

package/dist/Feedback/Dialog/DialogBody.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const r = i(
+  ({ dataTestid: o, ...a }, d) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: d,
+      "data-slot": "dialog-body",
+      "data-testid": o,
+      ...a
+    }
+  )
+);
+r.displayName = "OxDialogBody";
+export {
+  r as DialogBody
+};

package/dist/Feedback/Dialog/DialogContent.js

@@ -0,0 +1,44 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-dialog";
+import { IconClose as c } from "@sesame/orxata-icons/IconClose";
+import { Icon as d } from "@sesame/orxata-icons/react";
+import { forwardRef as g } from "react";
+import { cn as p } from "../../lib/utils.js";
+import a from "./DialogContent.module.css.js";
+import { DialogOverlay as f } from "./DialogOverlay.js";
+import { DialogScrollbar as x } from "./DialogScrollbar.js";
+import { useTranslate as C } from "../../Locale/useTranslate.js";
+const D = g(({ className: t, children: i, showCloseButton: e = !0, ...s }, m) => {
+  const n = C();
+  return /* @__PURE__ */ l(r.Portal, { children: [
+    /* @__PURE__ */ o(f, {}),
+    /* @__PURE__ */ l(
+      r.Content,
+      {
+        ref: m,
+        "data-slot": "dialog-content",
+        className: p(a.oxDialogContent, t),
+        ...s,
+        children: [
+          /* @__PURE__ */ o(x, { dataTestid: "ox-dialog-scrollbar" }),
+          i,
+          e && /* @__PURE__ */ l(
+            r.Close,
+            {
+              "data-slot": "dialog-close",
+              className: a.oxDialogCloseButton,
+              children: [
+                /* @__PURE__ */ o(d, { icon: c, className: a.oxDialogCloseIcon }),
+                /* @__PURE__ */ o("span", { className: a.oxDialogCloseLabel, children: n("orxata.dialog.close") })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+D.displayName = "OxDialogContent";
+export {
+  D as DialogContent
+};

package/dist/Feedback/Dialog/DialogContent.module.css.js

@@ -0,0 +1,13 @@
+const o = "_oxDialogContent_1enrr_2", l = "_oxDialogCloseButton_1enrr_2", e = "_oxDialogCloseIcon_1enrr_2", n = "_oxDialogCloseLabel_1enrr_2", t = {
+  oxDialogContent: o,
+  oxDialogCloseButton: l,
+  oxDialogCloseIcon: e,
+  oxDialogCloseLabel: n
+};
+export {
+  t as default,
+  l as oxDialogCloseButton,
+  e as oxDialogCloseIcon,
+  n as oxDialogCloseLabel,
+  o as oxDialogContent
+};

package/dist/Feedback/Dialog/DialogDescription.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-dialog";
+import { forwardRef as a } from "react";
+import { cn as m } from "../../lib/utils.js";
+import p from "./DialogDescription.module.css.js";
+const e = a(({ className: o, ...i }, r) => /* @__PURE__ */ t(
+  s.Description,
+  {
+    ref: r,
+    "data-slot": "dialog-description",
+    className: m(p.oxDialogDescription, o),
+    ...i
+  }
+));
+e.displayName = "OxDialogDescription";
+export {
+  e as DialogDescription
+};

package/dist/Feedback/Dialog/DialogDescription.module.css.js

@@ -0,0 +1,7 @@
+const o = "_oxDialogDescription_13b4m_2", i = {
+  oxDialogDescription: o
+};
+export {
+  i as default,
+  o as oxDialogDescription
+};