@acmekit/dashboard 2.13.7 → 2.13.9

package/dist/{chunk-4VYJHIB3.mjs → chunk-ND3ODI36.mjs}

@@ -1,69 +1,3 @@
-// src/hooks/api/auth.tsx
-import { useMutation } from "@tanstack/react-query";
-
-// src/lib/client/client.ts
-import AcmeKit from "@acmekit/js-sdk";
-var backendUrl = __BACKEND_URL__ ?? "/";
-var authType = __AUTH_TYPE__ ?? "session";
-var jwtTokenStorageKey = __JWT_TOKEN_STORAGE_KEY__ || void 0;
-var sdk = new AcmeKit({
-  baseUrl: backendUrl,
-  auth: {
-    type: authType,
-    jwtTokenStorageKey
-  }
-});
-if (typeof window !== "undefined") {
-  ;
-  window.__sdk = sdk;
-}
-
-// src/hooks/api/auth.tsx
-var useSignInWithEmailPass = (options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.auth.login("user", "emailpass", payload),
-    onSuccess: async (data, variables, context) => {
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useSignUpWithEmailPass = (options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.auth.register("user", "emailpass", payload),
-    onSuccess: async (data, variables, context) => {
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useResetPasswordForEmailPass = (options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.auth.resetPassword("user", "emailpass", {
-      identifier: payload.email
-    }),
-    onSuccess: async (data, variables, context) => {
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useLogout = (options) => {
-  return useMutation({
-    mutationFn: () => sdk.auth.logout(),
-    ...options
-  });
-};
-var useUpdateProviderForEmailPass = (token, options) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.auth.updateProvider("user", "emailpass", payload, token),
-    onSuccess: async (data, variables, context) => {
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-
 // src/components/common/form/form.tsx
 import { InformationCircleSolid } from "@acmekit/icons";
 import {
@@ -223,11 +157,5 @@ var Form = Object.assign(Provider, {
 });
 
 export {
-  sdk,
-  useSignInWithEmailPass,
-  useSignUpWithEmailPass,
-  useResetPasswordForEmailPass,
-  useLogout,
-  useUpdateProviderForEmailPass,
   Form
 };

package/dist/chunk-OAHCJFG3.mjs

@@ -0,0 +1,17 @@
+// src/components/common/conditional-tooltip/conditional-tooltip.tsx
+import { Tooltip } from "@acmekit/ui";
+import { jsx } from "react/jsx-runtime";
+var ConditionalTooltip = ({
+  children,
+  showTooltip = false,
+  ...props
+}) => {
+  if (showTooltip) {
+    return /* @__PURE__ */ jsx(Tooltip, { ...props, children });
+  }
+  return children;
+};
+
+export {
+  ConditionalTooltip
+};

package/dist/chunk-RPAL6FHW.mjs

@@ -0,0 +1,73 @@
+// src/routes/workflow-executions/constants.ts
+var STEP_IN_PROGRESS_STATES = [
+  "compensating" /* COMPENSATING */,
+  "invoking" /* INVOKING */
+];
+var STEP_SKIPPED_STATES = [
+  "skipped" /* SKIPPED */,
+  "skipped_failure" /* SKIPPED_FAILURE */
+];
+var STEP_OK_STATES = [
+  "done" /* DONE */
+];
+var STEP_ERROR_STATES = [
+  "failed" /* FAILED */,
+  "reverted" /* REVERTED */,
+  "timeout" /* TIMEOUT */,
+  "dormant" /* DORMANT */
+];
+var STEP_INACTIVE_STATES = [
+  "not_started" /* NOT_STARTED */
+];
+var TRANSACTION_OK_STATES = [
+  "done" /* DONE */
+];
+var TRANSACTION_ERROR_STATES = [
+  "failed" /* FAILED */,
+  "reverted" /* REVERTED */
+];
+var TRANSACTION_IN_PROGRESS_STATES = [
+  "invoking" /* INVOKING */,
+  "waiting_to_compensate" /* WAITING_TO_COMPENSATE */,
+  "compensating" /* COMPENSATING */
+];
+
+// src/routes/workflow-executions/utils.ts
+var getTransactionStateColor = (state) => {
+  let statusColor = "green";
+  if (TRANSACTION_ERROR_STATES.includes(state)) {
+    statusColor = "red";
+  }
+  if (TRANSACTION_IN_PROGRESS_STATES.includes(state)) {
+    statusColor = "orange";
+  }
+  return statusColor;
+};
+var getTransactionState = (t, state) => {
+  switch (state) {
+    case "done" /* DONE */:
+      return t("workflowExecutions.state.done");
+    case "failed" /* FAILED */:
+      return t("workflowExecutions.state.failed");
+    case "reverted" /* REVERTED */:
+      return t("workflowExecutions.state.reverted");
+    case "invoking" /* INVOKING */:
+      return t("workflowExecutions.state.invoking");
+    case "waiting_to_compensate" /* WAITING_TO_COMPENSATE */:
+      return t("workflowExecutions.transaction.state.waitingToCompensate");
+    case "compensating" /* COMPENSATING */:
+      return t("workflowExecutions.state.compensating");
+    case "not_started" /* NOT_STARTED */:
+      return t("workflowExecutions.state.notStarted");
+  }
+};
+
+export {
+  STEP_IN_PROGRESS_STATES,
+  STEP_SKIPPED_STATES,
+  STEP_OK_STATES,
+  STEP_ERROR_STATES,
+  STEP_INACTIVE_STATES,
+  getTransactionStateColor,
+  getTransactionState
+};

package/dist/{chunk-JSJZMTQG.mjs → chunk-RREPQMYC.mjs}

@@ -1,37 +1,10 @@
-// src/components/common/logo-box/avatar-box.tsx
-import { motion } from "motion/react";
-
-// src/components/common/icon-avatar/icon-avatar.tsx
-import { clx } from "@acmekit/ui";
-import { jsx } from "react/jsx-runtime";
-var IconAvatar = ({
-  size = "small",
-  variant = "rounded",
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clx(
-        "shadow-borders-base flex size-7 items-center justify-center",
-        variant === "squared" && "rounded-md",
-        variant === "rounded" && "rounded-full",
-        "[&>div]:bg-ui-bg-field [&>div]:text-ui-fg-subtle [&>div]:flex [&>div]:size-6 [&>div]:items-center [&>div]:justify-center",
-        {
-          "size-7 rounded-md [&>div]:size-6 [&>div]:rounded-[4px]": size === "small",
-          "size-10 rounded-lg [&>div]:size-9 [&>div]:rounded-[6px]": size === "large",
-          "size-12 rounded-xl [&>div]:size-11 [&>div]:rounded-[10px]": size === "xlarge"
-        },
-        className
-      ),
-      children: /* @__PURE__ */ jsx("div", { children })
-    }
-  );
-};
+import {
+  IconAvatar
+} from "./chunk-G2VJOHHV.mjs";
 
 // src/components/common/logo-box/avatar-box.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function AvatarBox({ checked }) {
   return /* @__PURE__ */ jsxs(
     IconAvatar,
@@ -39,7 +12,7 @@ function AvatarBox({ checked }) {
       size: "xlarge",
       className: "bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex h-[50px] w-[50px] items-center justify-center rounded-xl after:inset-0 after:content-['']",
       children: [
-        checked && /* @__PURE__ */ jsx2(
+        checked && /* @__PURE__ */ jsx(
           motion.div,
           {
             className: "absolute -right-[5px] -top-1 flex size-5 items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]",
@@ -50,7 +23,7 @@ function AvatarBox({ checked }) {
               delay: 0.8,
               ease: [0, 0.71, 0.2, 1.01]
             },
-            children: /* @__PURE__ */ jsx2(
+            children: /* @__PURE__ */ jsx(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -58,7 +31,7 @@ function AvatarBox({ checked }) {
                 height: "20",
                 viewBox: "0 0 20 20",
                 fill: "none",
-                children: /* @__PURE__ */ jsx2(
+                children: /* @__PURE__ */ jsx(
                   motion.path,
                   {
                     d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
@@ -88,8 +61,8 @@ function AvatarBox({ checked }) {
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
-              /* @__PURE__ */ jsx2("rect", { width: "400", height: "400", fill: "#18181B" }),
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx("rect", { width: "400", height: "400", fill: "#18181B" }),
+              /* @__PURE__ */ jsx(
                 "path",
                 {
                   d: "M238.088 51.1218L238.089 51.1223L310.605 92.8101C334.028 106.308 348.526 131.32 347.868 157.953L347.867 157.966V157.978V241.688C347.867 268.68 333.687 293.362 310.271 306.856L310.269 306.858L237.754 348.878C214.336 362.374 185.643 362.374 162.225 348.878L89.7127 306.859C66.6206 293.361 52.1113 268.674 52.1113 241.688V157.978C52.1113 131.326 66.6211 106.307 89.7088 92.8093C89.7101 92.8085 89.7114 92.8078 89.7127 92.807L162.556 51.1233L162.559 51.1218C185.977 37.6261 214.67 37.6261 238.088 51.1218ZM124.634 200C124.634 241.576 158.502 275.372 200.156 275.372C242.142 275.372 276.013 241.578 276.013 200C276.013 158.419 241.805 124.628 200.156 124.628C158.502 124.628 124.634 158.424 124.634 200Z",
@@ -109,8 +82,8 @@ function AvatarBox({ checked }) {
                     y2: "360",
                     gradientUnits: "userSpaceOnUse",
                     children: [
-                      /* @__PURE__ */ jsx2("stop", { stopColor: "white" }),
-                      /* @__PURE__ */ jsx2("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
+                      /* @__PURE__ */ jsx("stop", { stopColor: "white" }),
+                      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
                     ]
                   }
                 ),
@@ -124,8 +97,8 @@ function AvatarBox({ checked }) {
                     y2: "360",
                     gradientUnits: "userSpaceOnUse",
                     children: [
-                      /* @__PURE__ */ jsx2("stop", { stopColor: "white", stopOpacity: "0" }),
-                      /* @__PURE__ */ jsx2("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
+                      /* @__PURE__ */ jsx("stop", { stopColor: "white", stopOpacity: "0" }),
+                      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
                     ]
                   }
                 )

package/dist/chunk-S3REQHPQ.mjs

@@ -0,0 +1,86 @@
+import {
+  ConditionalTooltip
+} from "./chunk-OAHCJFG3.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
+
+// src/components/common/action-menu/action-menu.tsx
+import { DropdownMenu, IconButton, clx } from "@acmekit/ui";
+import { EllipsisHorizontal } from "@acmekit/icons";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ActionMenu = ({
+  groups,
+  variant = "transparent",
+  children
+}) => {
+  const direction = useDocumentDirection();
+  const inner = children ?? /* @__PURE__ */ jsx(IconButton, { size: "small", variant, children: /* @__PURE__ */ jsx(EllipsisHorizontal, {}) });
+  return /* @__PURE__ */ jsxs(DropdownMenu, { dir: direction, children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: inner }),
+    /* @__PURE__ */ jsx(DropdownMenu.Content, { children: groups.map((group, index) => {
+      if (!group.actions.length) {
+        return null;
+      }
+      const isLast = index === groups.length - 1;
+      return /* @__PURE__ */ jsxs(DropdownMenu.Group, { children: [
+        group.actions.map((action, index2) => {
+          const Wrapper = action.disabledTooltip ? ({ children: children2 }) => /* @__PURE__ */ jsx(
+            ConditionalTooltip,
+            {
+              showTooltip: action.disabled,
+              content: action.disabledTooltip,
+              side: "right",
+              children: /* @__PURE__ */ jsx("div", { children: children2 })
+            }
+          ) : "div";
+          if (action.onClick) {
+            return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(
+              DropdownMenu.Item,
+              {
+                disabled: action.disabled,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  action.onClick();
+                },
+                className: clx(
+                  "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                  {
+                    "[&_svg]:text-ui-fg-disabled": action.disabled
+                  }
+                ),
+                children: [
+                  action.icon,
+                  /* @__PURE__ */ jsx("span", { children: action.label })
+                ]
+              }
+            ) }, index2);
+          }
+          return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(
+            DropdownMenu.Item,
+            {
+              className: clx(
+                "[&_svg]:text-ui-fg-subtle flex items-center gap-x-2",
+                {
+                  "[&_svg]:text-ui-fg-disabled": action.disabled
+                }
+              ),
+              asChild: true,
+              disabled: action.disabled,
+              children: /* @__PURE__ */ jsxs(Link, { to: action.to, onClick: (e) => e.stopPropagation(), children: [
+                action.icon,
+                /* @__PURE__ */ jsx("span", { children: action.label })
+              ] })
+            }
+          ) }, index2);
+        }),
+        !isLast && /* @__PURE__ */ jsx(DropdownMenu.Separator, {})
+      ] }, index);
+    }) })
+  ] });
+};
+
+export {
+  ActionMenu
+};

package/dist/chunk-S4DMV3ZT.mjs

@@ -0,0 +1,35 @@
+// src/hooks/use-document-direction.tsx
+import { useEffect, useState } from "react";
+var useDocumentDirection = () => {
+  const [direction, setDirection] = useState(() => {
+    if (typeof document !== "undefined") {
+      return document.documentElement.getAttribute("dir") || void 0;
+    }
+    return void 0;
+  });
+  useEffect(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === "attributes" && mutation.attributeName === "dir" && mutation.target === document.documentElement) {
+          const newDirection = document.documentElement.getAttribute("dir");
+          setDirection(newDirection || void 0);
+        }
+      });
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["dir"]
+    });
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return direction;
+};
+
+export {
+  useDocumentDirection
+};

package/dist/chunk-ST2YB7JN.mjs

@@ -0,0 +1,74 @@
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/locales.tsx
+import { useQuery } from "@tanstack/react-query";
+var LOCALES_QUERY_KEY = "locales";
+var localesQueryKeys = queryKeysFactory(LOCALES_QUERY_KEY);
+var useLocales = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.locale.list(query),
+    queryKey: localesQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+// src/hooks/api/cloud.tsx
+import {
+  useMutation,
+  useQuery as useQuery2
+} from "@tanstack/react-query";
+var cloudQueryKeys = {
+  all: ["cloud"],
+  auth: () => [...cloudQueryKeys.all, "auth"]
+};
+var useCloudAuthEnabled = (options) => {
+  return useQuery2({
+    queryKey: cloudQueryKeys.auth(),
+    queryFn: async () => {
+      return await sdk.client.fetch("/cloud/auth");
+    },
+    ...options
+  });
+};
+var useCreateCloudAuthUser = (options) => {
+  return useMutation({
+    mutationFn: async () => {
+      await sdk.client.fetch("/cloud/auth/users", {
+        method: "POST"
+      });
+    },
+    ...options
+  });
+};
+
+// src/hooks/api/notification.tsx
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+var NOTIFICATION_QUERY_KEY = "notification";
+var notificationQueryKeys = queryKeysFactory(NOTIFICATION_QUERY_KEY);
+var useNotifications = (query, options) => {
+  const { data, ...rest } = useQuery3({
+    queryFn: () => sdk.admin.notification.list(query),
+    queryKey: notificationQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+// src/hooks/api/plugins.tsx
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+var PLUGINS_QUERY_KEY = "plugins";
+var pluginsQueryKeys = queryKeysFactory(PLUGINS_QUERY_KEY);
+
+export {
+  useCloudAuthEnabled,
+  useCreateCloudAuthUser,
+  useLocales,
+  notificationQueryKeys,
+  useNotifications
+};

package/dist/chunk-TCNCAWYD.mjs

@@ -0,0 +1,9 @@
+// src/lib/is-fetch-error.ts
+import { FetchError } from "@acmekit/js-sdk";
+var isFetchError = (error) => {
+  return error instanceof FetchError;
+};
+
+export {
+  isFetchError
+};

package/dist/chunk-ULSPL3DR.mjs

@@ -0,0 +1,126 @@
+import {
+  queryClient
+} from "./chunk-FXYH54JP.mjs";
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/translations.tsx
+import {
+  useInfiniteQuery,
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var TRANSLATIONS_QUERY_KEY = "translations";
+var translationsQueryKeys = queryKeysFactory(TRANSLATIONS_QUERY_KEY);
+var TRANSLATION_SETTINGS_QUERY_KEY = "translation_settings";
+var translationSettingsQueryKeys = queryKeysFactory(
+  TRANSLATION_SETTINGS_QUERY_KEY
+);
+var TRANSLATION_STATISTICS_QUERY_KEY = "translation_statistics";
+var translationStatisticsQueryKeys = queryKeysFactory(
+  TRANSLATION_STATISTICS_QUERY_KEY
+);
+var TRANSLATION_ENTITIES_QUERY_KEY = "translation_entities";
+var translationEntitiesQueryKeys = queryKeysFactory(
+  TRANSLATION_ENTITIES_QUERY_KEY
+);
+var DEFAULT_PAGE_SIZE = 20;
+var useReferenceTranslations = (reference, referenceId, options) => {
+  const { data, ...rest } = useInfiniteQuery({
+    queryKey: translationEntitiesQueryKeys.list({
+      type: reference,
+      id: referenceId
+    }),
+    queryFn: async ({ pageParam = 0 }) => {
+      return sdk.admin.translation.entities({
+        type: reference,
+        id: referenceId,
+        limit: DEFAULT_PAGE_SIZE,
+        offset: pageParam
+      });
+    },
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => {
+      const nextOffset = lastPage.offset + lastPage.limit;
+      return nextOffset < lastPage.count ? nextOffset : void 0;
+    },
+    ...options
+  });
+  const entitiesWithTranslations = data?.pages.flatMap((page) => page.data) ?? [];
+  const translations = entitiesWithTranslations.flatMap(
+    (entity) => entity.translations ?? []
+  );
+  const references = entitiesWithTranslations.map(
+    ({ translations: _, ...entity }) => entity
+  );
+  const count = data?.pages[0]?.count ?? 0;
+  return {
+    references,
+    translations,
+    count,
+    ...rest
+  };
+};
+var useBatchTranslations = (reference, options) => {
+  const mutation = useMutation({
+    mutationFn: (payload) => sdk.admin.translation.batch(payload),
+    ...options
+  });
+  const invalidateQueries = async () => {
+    await Promise.all([
+      queryClient.invalidateQueries({
+        queryKey: translationEntitiesQueryKeys.list({ type: reference })
+      }),
+      queryClient.invalidateQueries({
+        queryKey: translationStatisticsQueryKeys.lists()
+      })
+    ]);
+  };
+  return {
+    ...mutation,
+    invalidateQueries
+  };
+};
+var useTranslationSettings = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryKey: translationSettingsQueryKeys.list(query),
+    queryFn: () => sdk.admin.translation.settings(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useBatchTranslationSettings = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.translation.batchSettings(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: translationSettingsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: translationStatisticsQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useTranslationStatistics = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryKey: translationStatisticsQueryKeys.list(query),
+    queryFn: () => sdk.admin.translation.statistics(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+
+export {
+  useReferenceTranslations,
+  useBatchTranslations,
+  useTranslationSettings,
+  useBatchTranslationSettings,
+  useTranslationStatistics
+};

package/dist/chunk-WILMJYUB.mjs

@@ -0,0 +1,35 @@
+// src/components/table/table-cells/common/status-cell/status-cell.tsx
+import { clx } from "@acmekit/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StatusCell = ({ color, children }) => {
+  return /* @__PURE__ */ jsxs("div", { className: "txt-compact-small text-ui-fg-subtle flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "presentation",
+        className: "flex h-5 w-2 items-center justify-center",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clx(
+              "h-2 w-2 rounded-sm shadow-[0px_0px_0px_1px_rgba(0,0,0,0.12)_inset]",
+              {
+                "bg-ui-tag-neutral-icon": color === "grey",
+                "bg-ui-tag-green-icon": color === "green",
+                "bg-ui-tag-red-icon": color === "red",
+                "bg-ui-tag-blue-icon": color === "blue",
+                "bg-ui-tag-orange-icon": color === "orange",
+                "bg-ui-tag-purple-icon": color === "purple"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children })
+  ] });
+};
+
+export {
+  StatusCell
+};