@eyesee/ui-components 0.1.0

package/dist/components/Fields/TextField/TextField.js

@@ -0,0 +1,66 @@
+import { jsxs as N, jsx as u } from "react/jsx-runtime";
+import y from "clsx";
+import p from "./TextField.module.scss.js";
+import { createField as w } from "../InputFieldContainer.js";
+import { Button as $ } from "../../Button/Button.js";
+const j = (s, r, m) => {
+  const h = window.getComputedStyle(s), t = parseFloat(h.lineHeight) || 20, x = r * t, l = m * t;
+  s.style.height = "auto";
+  const d = Math.max(x, Math.min(s.scrollHeight, l));
+  s.style.height = `${d}px`, s.style.resize = l > s.scrollHeight ? "vertical" : "none";
+}, z = ({
+  id: s,
+  name: r,
+  type: m = "text",
+  value: h,
+  defaultValue: t,
+  placeholder: x = "Text",
+  disabled: l = !1,
+  onChange: d = () => {
+  },
+  rows: g = 4,
+  maxRows: f = 10,
+  expandable: H = !1,
+  ariaLabel: i,
+  label: v,
+  inputProps: F = {},
+  actions: T = [],
+  containerFieldClassName: b
+}) => /* @__PURE__ */ N("div", { className: y(p.field, b), children: [
+  /* @__PURE__ */ u(
+    "textarea",
+    {
+      id: s,
+      name: r,
+      type: m,
+      className: y(p.input, H && p.expandableField),
+      value: h,
+      defaultValue: t,
+      placeholder: x,
+      disabled: l,
+      onChange: d,
+      rows: g,
+      onInput: (e) => j(e.currentTarget, g, f),
+      "aria-label": i ?? (v ? void 0 : "input field"),
+      ...F
+    }
+  ),
+  /* @__PURE__ */ u("span", { className: p.buttonWrapper, children: T.map((e, k) => {
+    const C = (e == null ? void 0 : e.key) ?? (e == null ? void 0 : e.id) ?? `${r ?? s}-action-${k}`;
+    return /* @__PURE__ */ u(
+      $,
+      {
+        variant: (e == null ? void 0 : e.variant) ?? "neutral",
+        type: (e == null ? void 0 : e.type) ?? "outline",
+        icon: e == null ? void 0 : e.icon,
+        text: e == null ? void 0 : e.text,
+        disabled: l || (e == null ? void 0 : e.disabled),
+        onClick: e == null ? void 0 : e.onClick
+      },
+      C
+    );
+  }) })
+] }), W = w(z);
+export {
+  W as TextField
+};

package/dist/components/Fields/TextField/TextField.module.scss.js

@@ -0,0 +1,13 @@
+const e = "_field_1rid6_1", t = "_input_1rid6_7", d = "_expandableField_1rid6_11", n = "_buttonWrapper_1rid6_19", i = {
+  field: e,
+  input: t,
+  expandableField: d,
+  buttonWrapper: n
+};
+export {
+  n as buttonWrapper,
+  i as default,
+  d as expandableField,
+  e as field,
+  t as input
+};

package/dist/components/FileType/FileType.js

@@ -0,0 +1,30 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import i from "clsx";
+import { PaperIcon as b } from "./PaperIcon.js";
+import l from "./FileType.module.scss.js";
+const m = (e) => String(e || "").trim().replace(/^\./, "").toUpperCase(), p = {
+  DOC: { label: "DOC", color: "#155EEF" },
+  DOCX: { label: "DOCX", color: "#155EEF" },
+  XLS: { label: "XLS", color: "#079455" },
+  XLSX: { label: "XLSX", color: "#079455" },
+  PPT: { label: "PPT", color: "#E62E05" },
+  PPTX: { label: "PPTX", color: "#E62E05" },
+  PDF: { label: "PDF", color: "#D92D20" },
+  HTML: { label: "HTML", color: "#222222" },
+  XHTML: { label: "XHTML", color: "#222222" },
+  HTMLX: { label: "XHTML", color: "#222222" },
+  TIF: { label: "TIFF", color: "#32A7FE" },
+  TIFF: { label: "TIFF", color: "#32A7FE" }
+}, E = ({ extension: e, size: r = 64, className: s }) => {
+  const c = m(e), a = p[c] || {
+    label: c || "",
+    color: "#667085"
+  }, t = r / 64;
+  return /* @__PURE__ */ o("div", { className: i(l.wrapper, s), style: { width: r, height: r }, children: /* @__PURE__ */ n("div", { className: l.inner, style: { transform: `scale(${t})` }, children: [
+    /* @__PURE__ */ o("div", { className: l.paper, children: /* @__PURE__ */ o(b, { className: l.paperSvg }) }),
+    a.label ? /* @__PURE__ */ o("div", { className: l.badge, style: { backgroundColor: a.color }, children: /* @__PURE__ */ o("span", { className: l.badgeText, children: a.label }) }) : null
+  ] }) });
+};
+export {
+  E as FileType
+};

package/dist/components/FileType/FileType.module.scss.js

@@ -0,0 +1,15 @@
+const e = "_wrapper_12p13_1", p = "_inner_12p13_10", _ = "_paper_12p13_18", a = "_badge_12p13_28", r = "_badgeText_12p13_40", n = {
+  wrapper: e,
+  inner: p,
+  paper: _,
+  badge: a,
+  badgeText: r
+};
+export {
+  a as badge,
+  r as badgeText,
+  n as default,
+  p as inner,
+  _ as paper,
+  e as wrapper
+};

package/dist/components/FileType/PaperIcon.js

@@ -0,0 +1,22 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+const s = ({ width: t = 52, height: e = 64, ...i }) => /* @__PURE__ */ l("svg", { width: t, height: e, viewBox: "0 0 52 64", fill: "none", ...i, children: [
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M9.11133 0.799866H31.6689L50.4004 19.5313V55.668C50.4004 59.7829 46.823 63.2002 42.3047 63.2003H8.91211C4.37582 63.2001 0.799805 59.7819 0.799805 55.668V8.33209C0.799728 4.24007 4.55102 0.799896 9.11133 0.799866Z",
+      fill: "white",
+      stroke: "#E3E3EF",
+      strokeWidth: "1.6"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M32.041 13.056V0L51.2 19.2H38.4273C32.6797 19.2 31.7749 15.104 32.041 13.056Z",
+      fill: "#E3E3EF"
+    }
+  )
+] });
+export {
+  s as PaperIcon
+};

package/dist/components/ImagePlaceholder/ImagePlaceholder.js

@@ -0,0 +1,146 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { useState as b } from "react";
+import n from "clsx";
+import { Checkbox as y } from "../Checkbox/Checkbox.js";
+import { tagPropsFromTag as O, badgePropsFromTag as F, pillPropsFromTag as R } from "./utilsImgPh.js";
+import { ASPECT_RATIOS as N, TAG_TYPES as T, OVERLAYS as z, TEXT_POSITIONS as x, LINES as M } from "./constantsImgPh.js";
+import { ImageOffIcon as _ } from "../icons-v2/ImageOffIcon.js";
+import { MoreIcon as j } from "../icons-v2/MoreIcon.js";
+import { XIcon as B } from "../icons-v2/XIcon.js";
+import e from "./ImagePlaceholder.module.scss.js";
+import { Button as X } from "../Button/Button.js";
+import { EllipsisTooltip as Y } from "../EllipsisTooltip/EllipsisTooltip.js";
+import { DropdownList as D } from "../DropdownList/DropdownList.js";
+import { ListItem as G } from "../ListItem/ListItem.js";
+import { Tag as V } from "../Tag/Tag.js";
+import { Badge as W } from "../Badge/Badge.js";
+import { Pill as q } from "../Pill/Pill.js";
+const to = ({
+  id: I,
+  url: k,
+  text: a,
+  textPosition: t = x.inside,
+  tag: r,
+  overlay: s,
+  isChecked: S,
+  onChecked: p,
+  menu: d,
+  aspectRatio: v = N["1/1"],
+  lines: C = M[1],
+  disabled: m = !1,
+  onClose: E = () => {
+  }
+}) => {
+  const [h, g] = b(!1), [i, P] = b(!1), u = () => {
+    switch (r == null ? void 0 : r.type) {
+      case "pill":
+        return /* @__PURE__ */ o(q, { ...R(r) });
+      case "badge":
+        return /* @__PURE__ */ o(W, { ...F(r) });
+      case "tag":
+        return /* @__PURE__ */ o(V, { ...O(r) });
+      default:
+        return null;
+    }
+  }, f = !a || t === x.outside ? "8px" : "8px 8px 0 0", w = Number(C), L = n(e.contentText, e.contentTextClamped), A = { WebkitLineClamp: w };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: n(
+        e.imagePlaceholder,
+        m && e.disabled
+      ),
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: n(
+              e.imageArea,
+              s === "checkbox" && e.clickable,
+              s === "checkbox" && !i && e.checkboxSelectable
+            ),
+            style: { borderRadius: f },
+            onClick: s === "checkbox" && !i && !m ? p : void 0,
+            children: [
+              /* @__PURE__ */ o(
+                "div",
+                {
+                  className: e.imageFrame,
+                  style: { aspectRatio: N[v], borderRadius: f },
+                  children: i ? /* @__PURE__ */ o("div", { className: e.imageError, children: /* @__PURE__ */ o(
+                    _,
+                    {
+                      iconSize: "l",
+                      strokeColor: "var(--color--icon--disabled--default)"
+                    }
+                  ) }) : /* @__PURE__ */ o(
+                    "img",
+                    {
+                      className: e.image,
+                      src: k,
+                      alt: a,
+                      onError: () => P(!0)
+                    }
+                  )
+                }
+              ),
+              !a && T.has(r == null ? void 0 : r.type) ? /* @__PURE__ */ o("div", { className: e.tagInImage, children: u() }) : null,
+              z.has(s) && /* @__PURE__ */ c("div", { className: e.overlay, onClick: (l) => l.stopPropagation(), children: [
+                s === "checkbox" && !i ? /* @__PURE__ */ o(
+                  y,
+                  {
+                    checked: S,
+                    onChange: p,
+                    size: "lg",
+                    disabled: m
+                  }
+                ) : null,
+                s === "close" ? /* @__PURE__ */ o(
+                  X,
+                  {
+                    icon: /* @__PURE__ */ o(B, {}),
+                    size: "xxs",
+                    variant: "fill",
+                    type: "neutral",
+                    onClick: E
+                  }
+                ) : null
+              ] })
+            ]
+          }
+        ),
+        a ? /* @__PURE__ */ c("div", { className: n(e.belowImage, e[t]), children: [
+          T.has(r == null ? void 0 : r.type) ? /* @__PURE__ */ o("div", { children: u() }) : null,
+          /* @__PURE__ */ c("div", { className: e.content, children: [
+            /* @__PURE__ */ o(
+              Y,
+              {
+                position: "bottom",
+                showArrow: !0,
+                className: L,
+                wrapperStyle: A,
+                children: a
+              }
+            ),
+            d && /* @__PURE__ */ c("div", { className: e.menu, children: [
+              /* @__PURE__ */ o("span", { onClick: () => g(!h), children: /* @__PURE__ */ o(j, {}) }),
+              h && /* @__PURE__ */ o(D, { children: d.map((l) => /* @__PURE__ */ o(
+                G,
+                {
+                  title: l == null ? void 0 : l.title,
+                  value: l == null ? void 0 : l.value,
+                  item: l
+                },
+                l == null ? void 0 : l.value
+              )) })
+            ] })
+          ] })
+        ] }) : null
+      ]
+    },
+    I
+  );
+};
+export {
+  to as default
+};

package/dist/components/ImagePlaceholder/ImagePlaceholder.module.scss.js

@@ -0,0 +1,39 @@
+const e = "_imagePlaceholder_xpodz_1", o = "_disabled_xpodz_7", t = "_imageArea_xpodz_13", _ = "_clickable_xpodz_23", a = "_checkboxSelectable_xpodz_26", c = "_imageFrame_xpodz_31", n = "_image_xpodz_1", d = "_imageError_xpodz_47", l = "_tagInImage_xpodz_54", i = "_overlay_xpodz_59", m = "_belowImage_xpodz_64", s = "_inside_xpodz_73", x = "_outside_xpodz_77", g = "_content_xpodz_81", r = "_contentText_xpodz_87", p = "_contentTextClamped_xpodz_110", z = "_menu_xpodz_115", b = {
+  imagePlaceholder: e,
+  disabled: o,
+  imageArea: t,
+  clickable: _,
+  checkboxSelectable: a,
+  imageFrame: c,
+  image: n,
+  imageError: d,
+  tagInImage: l,
+  overlay: i,
+  belowImage: m,
+  inside: s,
+  outside: x,
+  content: g,
+  contentText: r,
+  contentTextClamped: p,
+  menu: z
+};
+export {
+  m as belowImage,
+  a as checkboxSelectable,
+  _ as clickable,
+  g as content,
+  r as contentText,
+  p as contentTextClamped,
+  b as default,
+  o as disabled,
+  n as image,
+  t as imageArea,
+  d as imageError,
+  c as imageFrame,
+  e as imagePlaceholder,
+  s as inside,
+  z as menu,
+  x as outside,
+  i as overlay,
+  l as tagInImage
+};

package/dist/components/ImagePlaceholder/constantsImgPh.js

@@ -0,0 +1,15 @@
+const e = {
+  "1/1": "1/1",
+  "4/3": "4/3",
+  "16/9": "16/9",
+  "9/16": "9/16"
+}, o = {
+  1: "1"
+}, t = { inside: "inside", outside: "outside" }, n = /* @__PURE__ */ new Set(["pill", "badge", "tag", "tagGroup"]), s = /* @__PURE__ */ new Set(["checkbox", "close", "icon"]);
+export {
+  e as ASPECT_RATIOS,
+  o as LINES,
+  s as OVERLAYS,
+  n as TAG_TYPES,
+  t as TEXT_POSITIONS
+};

package/dist/components/ImagePlaceholder/utilsImgPh.js

@@ -0,0 +1,19 @@
+import { SHAPES as r, STATES as i } from "../Badge/badgeVariants.js";
+import { COLORS as l, STATUSES as a } from "../Pill/pillVariants.js";
+import { TAG_SHAPES as u, TAG_STATES as p } from "../Tag/tagVariants.js";
+const T = (s) => {
+  const e = s.label ?? s.text ?? "", n = u.includes(s.shape) ? s.shape : "rectangle", o = p.includes(s.state) ? s.state : "default", c = !!s.showLeadingIcon, t = typeof s.onDismiss == "function" ? s.onDismiss : void 0;
+  return { label: e, shape: n, state: o, showLeadingIcon: c, onDismiss: t };
+}, f = (s) => {
+  const e = s.label ?? s.text ?? "", n = r.includes(s.shape) ? s.shape : "rectangle", o = i.includes(s.state) ? s.state : "neutral";
+  return { label: e, shape: n, state: o };
+}, h = (s) => {
+  const e = s.label ?? s.text ?? "", n = l.includes(s.color) ? s.color : l[0], o = s.status, c = s.icon;
+  let t = "neutral";
+  return a.includes(o) && (t = o), { label: e, color: n, status: t, icon: c };
+};
+export {
+  f as badgePropsFromTag,
+  h as pillPropsFromTag,
+  T as tagPropsFromTag
+};

package/dist/components/ImageWithData/ImageWithData.js

@@ -0,0 +1,146 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { useState as z } from "react";
+import n from "clsx";
+import { Checkbox as F } from "../Checkbox/Checkbox.js";
+import { tagPropsFromTag as R, badgePropsFromTag as _, pillPropsFromTag as j } from "../ImagePlaceholder/utilsImgPh.js";
+import { ASPECT_RATIOS as f, TAG_TYPES as b, OVERLAYS as B, TEXT_POSITIONS as x, LINES as D } from "../ImagePlaceholder/constantsImgPh.js";
+import { ImageOffIcon as W } from "../icons-v2/ImageOffIcon.js";
+import { XIcon as X } from "../icons-v2/XIcon.js";
+import e from "./ImageWithData.module.scss.js";
+import { Button as N } from "../Button/Button.js";
+import { EllipsisTooltip as Y } from "../EllipsisTooltip/EllipsisTooltip.js";
+import { Tag as G } from "../Tag/Tag.js";
+import { Badge as V } from "../Badge/Badge.js";
+import { Pill as q } from "../Pill/Pill.js";
+const ae = ({
+  id: T,
+  url: k,
+  text: s,
+  textPosition: t = x.inside,
+  tag: r,
+  overlay: i,
+  isChecked: v,
+  onChecked: d,
+  aspectRatio: I = f["1/1"],
+  lines: S = D[1],
+  number: p = null,
+  disabled: m = !1,
+  disabledOverlay: C = !1,
+  onClose: E,
+  icon: g,
+  onIconClick: P
+}) => {
+  const [c, y] = z(!1), h = () => {
+    switch (r == null ? void 0 : r.type) {
+      case "pill":
+        return /* @__PURE__ */ o(q, { ...j(r) });
+      case "badge":
+        return /* @__PURE__ */ o(V, { ..._(r) });
+      case "tag":
+        return /* @__PURE__ */ o(G, { ...R(r) });
+      default:
+        return null;
+    }
+  }, u = !s || t === x.outside ? "8px" : "8px 8px 0 0", A = Number(S), O = n(e.contentText, e.contentTextClamped), w = { WebkitLineClamp: A }, l = C || m;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: n(
+        e.imagePlaceholder,
+        m && e.disabled
+      ),
+      children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: n(
+              e.imageArea,
+              i === "checkbox" && e.clickable,
+              i === "checkbox" && !c && e.checkboxSelectable
+            ),
+            style: { borderRadius: u },
+            onClick: i === "checkbox" && !c && !m ? d : void 0,
+            children: [
+              /* @__PURE__ */ o(
+                "div",
+                {
+                  className: e.imageFrame,
+                  style: { aspectRatio: f[I], borderRadius: u },
+                  children: c ? /* @__PURE__ */ o("div", { className: e.imageError, children: /* @__PURE__ */ o(
+                    W,
+                    {
+                      iconSize: "l",
+                      strokeColor: "var(--color--icon--disabled--default)"
+                    }
+                  ) }) : /* @__PURE__ */ o(
+                    "img",
+                    {
+                      className: e.image,
+                      src: k,
+                      alt: s,
+                      onError: () => y(!0)
+                    }
+                  )
+                }
+              ),
+              !s && b.has(r == null ? void 0 : r.type) ? /* @__PURE__ */ o("div", { className: e.tagInImage, children: h() }) : null,
+              B.has(i) && /* @__PURE__ */ a("div", { className: e.overlay, onClick: (L) => L.stopPropagation(), children: [
+                i === "checkbox" && !c ? /* @__PURE__ */ o(
+                  F,
+                  {
+                    checked: v,
+                    onChange: l ? void 0 : d,
+                    size: "lg",
+                    disabled: l
+                  }
+                ) : null,
+                i === "close" ? /* @__PURE__ */ o(
+                  N,
+                  {
+                    icon: /* @__PURE__ */ o(X, {}),
+                    size: "xxs",
+                    variant: "fill",
+                    type: "neutral",
+                    disabled: l,
+                    onClick: l ? void 0 : E
+                  }
+                ) : null,
+                i === "icon" && /* @__PURE__ */ o(
+                  N,
+                  {
+                    icon: g,
+                    size: "xs",
+                    variant: "fill",
+                    type: "neutral",
+                    disabled: l,
+                    onClick: l ? void 0 : P
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        s ? /* @__PURE__ */ a("div", { className: n(e.belowImage, e[t]), children: [
+          b.has(r == null ? void 0 : r.type) ? /* @__PURE__ */ o("div", { children: h() }) : null,
+          /* @__PURE__ */ a("div", { className: e.content, children: [
+            /* @__PURE__ */ o(
+              Y,
+              {
+                position: "bottom",
+                showArrow: !0,
+                className: O,
+                wrapperStyle: w,
+                children: s
+              }
+            ),
+            p && /* @__PURE__ */ o("div", { className: e.number, children: p })
+          ] })
+        ] }) : null
+      ]
+    },
+    T
+  );
+};
+export {
+  ae as default
+};

package/dist/components/ImageWithData/ImageWithData.module.scss.js

@@ -0,0 +1,39 @@
+const e = "_imagePlaceholder_82r23_1", t = "_disabled_82r23_7", _ = "_imageArea_82r23_13", a = "_clickable_82r23_23", o = "_checkboxSelectable_82r23_26", c = "_imageFrame_82r23_31", n = "_image_82r23_1", r = "_imageError_82r23_47", l = "_tagInImage_82r23_54", i = "_overlay_82r23_59", m = "_belowImage_82r23_64", s = "_inside_82r23_73", g = "_outside_82r23_77", d = "_content_82r23_81", b = "_number_82r23_88", x = "_contentText_82r23_106", I = "_contentTextClamped_82r23_128", u = {
+  imagePlaceholder: e,
+  disabled: t,
+  imageArea: _,
+  clickable: a,
+  checkboxSelectable: o,
+  imageFrame: c,
+  image: n,
+  imageError: r,
+  tagInImage: l,
+  overlay: i,
+  belowImage: m,
+  inside: s,
+  outside: g,
+  content: d,
+  number: b,
+  contentText: x,
+  contentTextClamped: I
+};
+export {
+  m as belowImage,
+  o as checkboxSelectable,
+  a as clickable,
+  d as content,
+  x as contentText,
+  I as contentTextClamped,
+  u as default,
+  t as disabled,
+  n as image,
+  _ as imageArea,
+  r as imageError,
+  c as imageFrame,
+  e as imagePlaceholder,
+  s as inside,
+  b as number,
+  g as outside,
+  i as overlay,
+  l as tagInImage
+};

package/dist/components/Infobox/Infobox.js

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import x from "clsx";
+import { getInfoboxStyles as p, INFOBOX_STATUSES as h, INFOBOX_COLORS as N } from "./infoboxVariants.js";
+import s from "./Infobox.module.scss.js";
+const y = ({
+  title: o = "",
+  text: t = "",
+  color: c = "fill",
+  status: i = "success",
+  icon: n = null,
+  fullWidth: r = !1
+}) => {
+  const f = h.includes(i) ? i : "success", m = N.includes(c) ? c : "fill", d = p(m, f), l = !!o;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: x(s.infobox, {
+        [s.fullWidth]: r
+      }),
+      style: d,
+      children: [
+        /* @__PURE__ */ a("div", { className: l ? s.titleRow : s.textRow, children: [
+          n && /* @__PURE__ */ e("span", { className: s.icon, children: n }),
+          l ? /* @__PURE__ */ e("p", { className: s.title, children: o }) : /* @__PURE__ */ e("p", { className: s.text, children: t })
+        ] }),
+        l && /* @__PURE__ */ e("p", { className: s.text, children: t })
+      ]
+    }
+  );
+};
+export {
+  y as Infobox
+};

package/dist/components/Infobox/Infobox.module.scss.js

@@ -0,0 +1,19 @@
+const t = "_infobox_1tvqk_1", o = "_fullWidth_1tvqk_13", _ = "_titleRow_1tvqk_17", e = "_textRow_1tvqk_24", i = "_icon_1tvqk_31", l = "_title_1tvqk_17", n = "_text_1tvqk_24", c = {
+  infobox: t,
+  fullWidth: o,
+  titleRow: _,
+  textRow: e,
+  icon: i,
+  title: l,
+  text: n
+};
+export {
+  c as default,
+  o as fullWidth,
+  i as icon,
+  t as infobox,
+  n as text,
+  e as textRow,
+  l as title,
+  _ as titleRow
+};

package/dist/components/Infobox/infoboxVariants.js

@@ -0,0 +1,31 @@
+const a = ["success", "error", "primary", "warning"], c = ["fill", "outline"], l = {
+  success: "success",
+  error: "error",
+  primary: "primary",
+  warning: "warning"
+};
+function s(o, r) {
+  const n = l[r], t = o === "outline";
+  return {
+    "--infobox-background": t ? "var(--color--background--neutral--card)" : `var(--color--background--${n}--verysubtle)`,
+    "--infobox-border": t ? `var(--color--border--${n}--default)` : "transparent",
+    "--infobox-title-color": t ? "var(--color--text--default--body-darker)" : "var(--color--text--default--heading)",
+    "--infobox-text-color": t ? "var(--color--text--default--body)" : "var(--color--text--default--body-darker)",
+    "--infobox-icon-color": `var(--color--border--${n}--default)`
+  };
+}
+const e = {};
+c.forEach((o) => {
+  e[o] = {}, a.forEach((r) => {
+    e[o][r] = s(o, r);
+  });
+});
+function i(o, r) {
+  const n = c.includes(o) ? o : "fill", t = a.includes(r) ? r : "success";
+  return e[n][t];
+}
+export {
+  c as INFOBOX_COLORS,
+  a as INFOBOX_STATUSES,
+  i as getInfoboxStyles
+};