@flamingo-stack/openframe-frontend-core 0.0.196 → 0.0.197

package/dist/{chunk-BXPH5SOL.js → chunk-GIQZAYY5.js}

@@ -33306,7 +33306,7 @@ function TicketCard({
   ] }) : null;
   const body = /* @__PURE__ */ jsxs243(Fragment45, { children: [
     /* @__PURE__ */ jsxs243("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-      /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
+      /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", children: [
         /* @__PURE__ */ jsx296("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
         showDeviceRow && /* @__PURE__ */ jsxs243("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xxs)] text-h6 text-ods-text-secondary", children: [
           /* @__PURE__ */ jsx296(LaptopIcon, { className: "size-4 shrink-0" }),
@@ -33330,8 +33330,9 @@ function TicketCard({
     ...isOverlay ? {} : sortable.attributes,
     ...isOverlay ? {} : sortable.listeners
   };
+  const innerWrapperClass = "relative z-10 flex flex-col gap-[var(--spacing-system-sf)]";
   if (isOverlay) {
-    return /* @__PURE__ */ jsx296("div", { ...outerProps, children: /* @__PURE__ */ jsx296("div", { className: "relative z-10", children: body }) });
+    return /* @__PURE__ */ jsx296("div", { ...outerProps, children: /* @__PURE__ */ jsx296("div", { className: innerWrapperClass, children: body }) });
   }
   if (href) {
     return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
@@ -33346,7 +33347,7 @@ function TicketCard({
           className: "absolute inset-0 z-0 rounded-md focus-visible:outline-none"
         }
       ),
-      /* @__PURE__ */ jsx296("div", { className: "pointer-events-none relative z-10", children: body })
+      /* @__PURE__ */ jsx296("div", { className: cn("pointer-events-none", innerWrapperClass), children: body })
     ] });
   }
   return /* @__PURE__ */ jsxs243("div", { ...outerProps, children: [
@@ -33359,7 +33360,7 @@ function TicketCard({
         className: "absolute inset-0 z-0 cursor-pointer rounded-md focus-visible:outline-none"
       }
     ),
-    /* @__PURE__ */ jsx296("div", { className: "pointer-events-none relative z-10", children: body })
+    /* @__PURE__ */ jsx296("div", { className: cn("pointer-events-none", innerWrapperClass), children: body })
   ] });
 }
 function TicketTagRow({ tags }) {
@@ -33376,7 +33377,7 @@ import * as React100 from "react";
 init_cn();
 import { jsx as jsx297, jsxs as jsxs244 } from "react/jsx-runtime";
 var TicketCardSkeleton = React100.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx297(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxs244(
     "div",
     {
       ref,
@@ -33385,13 +33386,25 @@ var TicketCardSkeleton = React100.forwardRef(
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs244("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
-        /* @__PURE__ */ jsxs244("div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-xsf)]", children: [
-          /* @__PURE__ */ jsx297(Skeleton, { className: "h-5 w-3/4" }),
-          /* @__PURE__ */ jsx297(Skeleton, { className: "h-4 w-1/2" })
+      children: [
+        /* @__PURE__ */ jsxs244("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
+          /* @__PURE__ */ jsxs244("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
+            /* @__PURE__ */ jsx297("div", { className: "text-h3 flex items-center", children: /* @__PURE__ */ jsx297(Skeleton, { className: "h-4 w-3/4" }) }),
+            /* @__PURE__ */ jsxs244("div", { className: "text-h6 flex items-center gap-[var(--spacing-system-xxs)]", children: [
+              /* @__PURE__ */ jsx297(Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
+              /* @__PURE__ */ jsx297(Skeleton, { className: "h-3 w-1/2" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs244("div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
+            /* @__PURE__ */ jsx297(Skeleton, { className: "size-4 rounded-sm" }),
+            /* @__PURE__ */ jsx297(Skeleton, { className: "size-8 rounded-full" })
+          ] })
         ] }),
-        /* @__PURE__ */ jsx297(Skeleton, { className: "size-8 rounded-full" })
-      ] })
+        /* @__PURE__ */ jsxs244("div", { className: "flex h-8 items-center gap-[var(--spacing-system-xxs)]", children: [
+          /* @__PURE__ */ jsx297(Skeleton, { className: "h-8 w-16 rounded-md" }),
+          /* @__PURE__ */ jsx297(Skeleton, { className: "h-8 w-12 rounded-md" })
+        ] })
+      ]
     }
   )
 );
@@ -34472,4 +34485,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-BXPH5SOL.js.map
+//# sourceMappingURL=chunk-GIQZAYY5.js.map