@acmekit/dashboard 2.13.7 → 2.13.8

package/dist/chunk-OHAFITSB.mjs

@@ -0,0 +1,54 @@
+import {
+  queryClient
+} from "./chunk-FXYH54JP.mjs";
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/store.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+import { FetchError } from "@acmekit/js-sdk";
+var STORE_QUERY_KEY = "store";
+var storeQueryKeys = queryKeysFactory(STORE_QUERY_KEY);
+async function retrieveActiveStore(query) {
+  const response = await sdk.admin.store.list(query);
+  const activeStore = response.stores?.[0];
+  if (!activeStore) {
+    throw new FetchError("No active store found", "Not Found", 404);
+  }
+  return { store: activeStore };
+}
+var useStore = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => retrieveActiveStore(query),
+    queryKey: storeQueryKeys.details(),
+    ...options
+  });
+  return {
+    ...data,
+    ...rest
+  };
+};
+var useUpdateStore = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.store.update(id, payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: storeQueryKeys.details() });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  storeQueryKeys,
+  retrieveActiveStore,
+  useStore,
+  useUpdateStore
+};

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-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-VBT5YZ4K.mjs

@@ -0,0 +1,129 @@
+import {
+  queryClient
+} from "./chunk-FXYH54JP.mjs";
+import {
+  queryKeysFactory
+} from "./chunk-774WSTCC.mjs";
+import {
+  sdk
+} from "./chunk-DTY37DDZ.mjs";
+
+// src/hooks/api/api-keys.tsx
+import {
+  useMutation as useMutation4,
+  useQuery as useQuery4
+} from "@tanstack/react-query";
+
+// src/hooks/api/sales-channels.tsx
+import {
+  useMutation as useMutation3,
+  useQuery as useQuery3
+} from "@tanstack/react-query";
+
+// src/hooks/api/products.tsx
+import {
+  useMutation as useMutation2,
+  useQuery as useQuery2
+} from "@tanstack/react-query";
+
+// src/hooks/api/inventory.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var INVENTORY_ITEMS_QUERY_KEY = "inventory_items";
+var inventoryItemsQueryKeys = queryKeysFactory(
+  INVENTORY_ITEMS_QUERY_KEY
+);
+var INVENTORY_ITEM_LEVELS_QUERY_KEY = "inventory_item_levels";
+var inventoryItemLevelsQueryKeys = queryKeysFactory(
+  INVENTORY_ITEM_LEVELS_QUERY_KEY
+);
+
+// src/hooks/use-infinite-list.tsx
+import {
+  useInfiniteQuery
+} from "@tanstack/react-query";
+
+// src/hooks/api/products.tsx
+var PRODUCTS_QUERY_KEY = "products";
+var productsQueryKeys = queryKeysFactory(PRODUCTS_QUERY_KEY);
+var VARIANTS_QUERY_KEY = "product_variants";
+var variantsQueryKeys = queryKeysFactory(VARIANTS_QUERY_KEY);
+var OPTIONS_QUERY_KEY = "product_options";
+var optionsQueryKeys = queryKeysFactory(OPTIONS_QUERY_KEY);
+
+// src/hooks/api/sales-channels.tsx
+var SALES_CHANNELS_QUERY_KEY = "sales-channels";
+var salesChannelsQueryKeys = queryKeysFactory(SALES_CHANNELS_QUERY_KEY);
+
+// src/hooks/api/api-keys.tsx
+var API_KEYS_QUERY_KEY = "api_keys";
+var apiKeysQueryKeys = queryKeysFactory(API_KEYS_QUERY_KEY);
+var useApiKey = (id, options) => {
+  const { data, ...rest } = useQuery4({
+    queryFn: () => sdk.admin.apiKey.retrieve(id),
+    queryKey: apiKeysQueryKeys.detail(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useApiKeys = (query, options) => {
+  const { data, ...rest } = useQuery4({
+    queryFn: () => sdk.admin.apiKey.list(query),
+    queryKey: apiKeysQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCreateApiKey = (options) => {
+  return useMutation4({
+    mutationFn: (payload) => sdk.admin.apiKey.create(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useUpdateApiKey = (id, options) => {
+  return useMutation4({
+    mutationFn: (payload) => sdk.admin.apiKey.update(id, payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useRevokeApiKey = (id, options) => {
+  return useMutation4({
+    mutationFn: () => sdk.admin.apiKey.revoke(id),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    }
+  });
+};
+var useDeleteApiKey = (id, options) => {
+  return useMutation4({
+    mutationFn: () => sdk.admin.apiKey.delete(id),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.lists() });
+      queryClient.invalidateQueries({ queryKey: apiKeysQueryKeys.detail(id) });
+      options?.onSuccess?.(data, variables, context);
+    }
+  });
+};
+
+export {
+  apiKeysQueryKeys,
+  useApiKey,
+  useApiKeys,
+  useCreateApiKey,
+  useUpdateApiKey,
+  useRevokeApiKey,
+  useDeleteApiKey
+};

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
+};